/* Main Color to replace - #00aeef - rgb 14,97,174 */ /* Layout ================================================== */ body { font-family: 'Lato', sans-serif; color:#404040; font-size:18px; line-height:1.7em; font-weight:400; background: #e7eeed; } h1, h2.lead { font-size: 48px; font-weight: bold; letter-spacing: 0.02em; margin: 0 0 20px; font-family: 'Montserrat'; } h2 { margin-top:0; margin-bottom:30px; font-size: 24px; font-weight:400; } h3 { font-size: 22px; font-weight:400; } p { margin-bottom:30px; } p.lead { font-weight: 400; font-size: 24px; letter-spacing: 0.025em; } p.red { font-weight: 400; font-size: 18px; letter-spacing: 0.025em; color:#c31b12;} p.sub { font-weight: 400; font-size: 24px; letter-spacing: 0.025em; } a, a:link, a:visited { color:#00aeef; text-decoration:none; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } a:hover, a:active { color:#707070; } .text-alt { color:#00aeef; } .policy {font-weight: bold; font-size: 18px;} /* Add Horizontal lines to sides of text */ .lines { display: flex; align-items: center; display: -ms-inline-flexbox; width: 100%; } .lines::before { content: ''; height: 2px; flex: 0 1 20px; background: #404040; margin-right: 40px; margin-left: auto!important; max-width: 0px; transition: 2s; min-width: 20px; } .lines::after { content: ''; height: 2px; flex: 0 1 20px; background: #404040; margin-left: 40px; margin-right: auto!important; max-width: 0px; transition: 2s; min-width: 20px; } .lines.animate::before, .lines.animate::after { max-width: 221px; transition: 2s; flex: 0 1 221px; } .line-right { display: flex; align-items: center; } .line-right::after { content: ''; height: 2px; flex-grow: 1; background: #404040; margin-left: 35px; max-width: 100%; transition: 2s; min-width: 20px; } /* Add vertical line above text */ .vertical-line { margin-top: 50px; } .vertical-line::before { content: ''; height: 0px; width: 2px; background: rgba(109,109,109,0.8); display: block; margin: 0 auto 40px; } .vertical-line.animate::before { height: 125px; transition: 0.3s; animation-delay: 2s; } @keyframes draw-line { from { max-width: 0px; } to { max-width: 100%; }} /* Buttons */ .btn { background:#00aeef; border-color:#00aeef; color:#fff!important; padding: 0px 20px; font-size: 18px; line-height: 52px; height: 52px; border-radius: 25px; text-transform: uppercase; min-width: 247px; font-weight: bold; letter-spacing: 0.095em; } .btn-square { background:#0f2d58; border-color:#00aeef; color:#fff!important; padding: 20px 16px; font-size: 18px; line-height: 52px; height: 50px; text-transform: uppercase; min-width: 247px; font-weight: bold; letter-spacing: 0.095em; align:center; } .btn.lg { font-size: 20px; line-height: 75px; height: 75px; width: 100%; max-width: 391px; font-weight: bold; letter-spacing: 0.095em; border-radius: 37.5px; } .btn.sm { min-width: 180px; } .btn.long { line-height: 1.25em; white-space: normal; font-size: 18px; max-width: 470px; display: flex; justify-content: center; align-items: center; margin: auto; } .btn:hover { color:#00aeef!important; border-color:#00aeef; background:#fff; } .btn:active { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.55); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.55); } .btn-invert { background-color:Transparent; border-color: #fff; } .btn-invert:hover { border-color:#003979; color:#003979!important; } .btn-alt { color: #00aeef!important; background: #404040; border-color: #404040; font-weight: bold; font-size: 18px; letter-spacing: 0.095em; height: 55px; line-height: 55px; width: 100%; max-width: 280px; border-radius: 30px; } .btn-alt:hover { color: #404040!important; background: #00aeef; } /* Horizontal button list */ .btn-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: -10px -10px 30px; } .btn-list .btn { margin: 10px; } /* vertical button list */ .btn-stack { display: flex; flex-direction: column; align-content: stretch; } .btn-stack .btn, .btn-stack-btn { display: block; margin: 20px auto; border-radius: 0; line-height: 1.7em; height: auto; max-width: 450px; white-space: normal; padding: 35px; font-size: 20px; background:#404040; border-color:#00aeef; border-width: 3px; border-radius: 8px; color:#00aeef!important; } .btn-stack-btn:hover { background:#404040; border-color:#00aeef; color:#00aeef!important; } .btn-stack .btn .tel { display: block; } .btn-stack-btn.btn-full { padding: 15px; } /* full width button */ .btn-full { display: block; width: 100%; max-width: 100%; } img.content { padding: 0; } img.cover { object-fit: cover; font-family: 'object-fit: cover;'; width: 100%; height: 100%; } img.grayscale { -webkit-filter: grayscale(1); filter: grayscale(1); } .box { padding:15px; border:solid 1px #cccccc; background:#fff; } .no-outline:focus { outline: none; } a:focus, a:active { outline: none; -moz-outline-style: none; } button::-moz-focus-inner { border: 0; } .address { list-style: none; padding: 0; } .banner-replace { display: none; } .text-center-sm { text-align: left; } .form-direction:after { content: 'to the right';} .form-direction-l:after { content: 'to the left';} .lazy-fade, .lazy-fade-in, .lazy-fade-l, .lazy-fade-d, .lazy-fade-u, .lazy-text > *:not(.zoomIn) { opacity: 0; } hr { border-width: 3px; width: 0; margin-left: auto; margin-right: auto; border-color: #00aeef; transition: 1s; } hr.animate { width: 194px; transition: 1s; } hr.left {margin-left: 0; } .video { margin: 0 auto; max-width: 940px; } .video-wrapper { position: relative; } /* .video-wrapper::before { content: ' '; z-index: 2; background-size: 80%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #404040; background-image: url('/images/logo.png'); background-repeat: no-repeat; background-position: center; } .video-wrapper::after { content: ' '; z-index: 3; background-size: contain; height: 38%; width: 38%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-image: url('/images/play.png'); background-repeat: no-repeat; background-position: center; transition: 0.3s; } .video-wrapper.play::after, .video-wrapper.play::before { display: none; } .video-wrapper:hover { cursor: pointer; } .video-wrapper:hover::after { transform: translate(-50%,-50%) scale(1.1); transition: 0.3s; } .video-wrapper #ytplayer { z-index: 9; } */ .caret { position: relative; top: -2px; border-width: 7px 6.5px 0 6.5px; } @media (min-width: 992px){ .row.xtra-padding, .banner .row { margin-left: -25px; margin-right: -25px; } .row.xtra-padding [class^="col-"], .banner .row [class^="col-"] { padding-left: 25px; padding-right: 25px; } img.content { max-width: 40%; } } @media (max-width: 991px){ .form-direction:after,.form-direction-l:after { content: 'below';} .btn-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .text-center-sm { text-align: center; } .padding-left-xl { padding-left: 15px; } .padding-right-xl { padding-right: 15px; } } @media (max-width: 500px){ h1, h2.lead { font-size: 36px; } p.lead { font-size: 20px; } .btn.lg { font-size: 16px; } .lines::before { margin-right: 20px; } .lines::after { margin-left: 20px; } .line-right::before { content: ''; height: 2px; flex-grow: 1; background: #404040; margin-right: 40px; max-width: 0px; transition: 2s; min-width: 20px; } .line-right.animated::before { flex-grow: 1; max-width: 100%; } } @media (max-width: 425px){ img.content { float: none; width: 100%; margin: 0 auto 30px; } .btn-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .video-wrapper::after { background-size: 280px; } } @media (max-width: 400px){ .lines .btn.lg { font-size: 14px; } .lines::before { margin-right: 10px; } .lines::after { margin-left: 10px; } } /* Inline List with pipes */ ul.with-pipes { list-style: none; padding: 0; margin: 0; } ul.with-pipes li { display: inline; } ul.with-pipes li:nth-child(1n+2):before { content: "|"; margin: 0 15px 0 0; display: inline; } /* Inline List with dots */ ul.with-dots { list-style: none; padding: 0; margin: 0; font-size:24px;} ul.with-dots li { display: inline; } ul.with-dots li:nth-child(1n+2):before { content: "•"; margin: 0 8px 0 6px; display: inline; } /* List with small icons */ ul.icons { list-style: none; padding: 0; margin: 10px 0 20px; display: inline-block; } ul.icons li { position: relative; padding-left: 55px; margin: 0 0 35px; font-size: 20px; text-align: left; } ul.icons li .icon { position: absolute; left: 0; top: 2px; } /* List with large icons */ ul.icons-lg { list-style: none; padding: 0; margin: 10px 0 45px; display: inline-block; } ul.icons-lg li { margin: 0 0 25px; font-size: 18px; letter-spacing: 0.025em; } ul.icons-lg li .icon { margin-bottom: 15px; } ul.icons-lg li h4 { font-weight: normal; margin: 0 0 10px; } @media (min-width: 501px){ ul.icons-lg li { position: relative; padding-left: 105px; text-align: left; } ul.icons-lg li .icon { position: absolute; left: 0; top: 2px; } } /* List with Circle Numbers */ ul.numbers { list-style: none; padding: 0; margin: 10px 0 20px; display: inline-block; } ul.numbers li { position: relative; padding-left: 85px; margin: 0 0 50px; font-size: 24px; text-align: left; counter-increment: item-counter; } ul.numbers li::before { content: counter(item-counter) "."; position: absolute; left: 0; top: 2px; font-size: 24px; font-weight: bold; height: 58px; width: 58px; border-radius: 50%; border: 1px solid #fff; background: #00aeef; color: #fff; text-align: center; line-height: 55px; padding-left: 3px; } ul.numbers li h3 { font-size: 30px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.15em; margin: 0 0 15px; } ul.numbers.small li { font-size: 22px; } ul.numbers.small li h3 { font-size: 26px; letter-spacing: 0.04em; } ul.numbers.xs li { font-size: 18px; padding-left: 65px; margin: 0 0 40px; } ul.numbers.xs li::before { height: 42px; width: 42px; font-size: 20px; line-height: 38px; } ul.numbers.xs li h3 { font-size: 22px; letter-spacing: 0.04em; } @media (max-width: 375px){ ul.numbers li { padding-left: 65px; font-size: 20px; } ul.numbers li::before { height: 48px; width: 48px; font-size: 20px; line-height: 45px; } ul.numbers li h3 { font-size: 20px; } } /* checks */ ul.checks { list-style: none; padding: 0; margin: 20px 0; } ul.checks li { position: relative; padding-left: 35px; margin-bottom: 10px; font-size: 18px; font-weight: 500; } ul.checks li::before { position: absolute; left: 0; top: 3px; content: "\f058"; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; } /* Social */ .social ul { list-style-type: none; padding: 0; margin: 0; } .social ul li { list-style-type: none; padding: 0; margin: 0; display: inline-block; } .social ul li a { color: #fff; width: 37px; height: 37px; line-height: 37px; border: 1px solid #fff; border-radius: 50%; background-color: #00aeef; margin: 0 2px; display: inline-block; font-size: 18px; text-align: center; } .social ul li a:hover { border-color: Transparent; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .social ul li a::after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: -3px; left: -3px; padding: 3px; box-shadow: 0 0 0 2px #fff; border-radius: 50%; transition: transform 0.2s, opacity 0.2s; transform: scale(0.8); opacity: 0; } .social ul li a:hover::after { transition: transform 0.2s, opacity 0.2s; transform: scale(1); opacity: 1;} .jarallax { position: relative; z-index: 0; } .jarallax > .jarallax-img { position: absolute; object-fit: cover; /* support for plugin https://github.com/bfred-it/object-fit-images */ font-family: 'object-fit: cover;'; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } /* Content List ==================================================== */ .content-list ul, ul.content-list{ padding: 0; margin: 0; list-style-type: none; } .content-list ul > li, ul.content-list > li { padding: 0; margin: 0; list-style-type: none; display: inline-block; } .content-list.with-bars ul > li:after, ul.content-list.with-bars > li:after { content: '|'; margin: 0 5px; } .content-list.with-bars ul > li:last-child:after, ul.content-list.with-bars > li:last-child:after { content: ''; margin: 0 0 5px 0; } /* Skip Navigation Button for ADA ================================================= */ #skip a{ position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } #skip a:focus { position:static; width:auto; height:auto; } #success-page-ads {padding:200px 0;color:#fff;} .success-body {background:#002d5b;} /* Header ================================================== */ #header { height: 130px; width: 100%; position:absolute; z-index:1000; background-color: rgba(0,46,91, 0); transition: background-color 0.3s; } #header .container-fluid { position: relative; height: 100%; max-width: 1630px; margin: 0 auto; } #header .logo { position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #header .phone { padding-bottom: 15px; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; letter-spacing: 0.1em; font-weight: bold; } #header .phone a { font-size: 18px; color: #fff; } #header .phone a:hover { opacity: 0.6; } #header .nav { position: absolute; right: 0px; top: 75%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #header .nav .launch-menu-button { color: #fff; font-size: 16px; font-weight:normal; } #header .nav .launch-menu-only { display: none; } #header .nav .caret { position: relative; top: -2px; border-width: 7px 6.5px 0 6.5px; } #header .social { display: inline-block; vertical-align: top; position: relative; top: 3px; } #header.affix { height: 120px; background-color: rgba(0,46,91,1); transition: background-color 0.3s; } #header.affix .logo { left: 15px; right: auto; } #header.affix .logo img { max-height: 60px; } #header.affix .contact { display: none; } #header.affix .nav { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #header.affix .nav .launch-menu-button { font-size: 16px; } #header.affix .phone { top:25%; } @media (max-width: 1565px){ #header .nav { right: 15px; top: 70%; } #header.affix .nav { right: 15px; top: 70%; left: auto; } #header .phone, #header.affix .phone { top: 35%; right: 30px; } #header .phone::before, #header.affix .phone::before { display: none; } } @media (max-width: 1420px){ #header .logo { top: 40%; } #header .logo img { max-height: 50px; } #header .nav { top: 100%; left: 15px; text-align: center; } #header .phone, #header.affix .phone { top: 40%; right: 15px; } #header.affix .logo { top: 50%; } #header.affix .mobile-show { display: block!Important; } #header.affix .mobile-hide { display: none!Important; } } @media (max-width: 991px){ #header .nav { top: 54%; right: 15px; left: auto; text-align: right; } #header .phone { top: 30%; } #header.affix .mobile-show { display: block!Important; } #header.affix .mobile-hide { display: none!Important; } #header.affix .nav { right: 15px; left: auto; } #header.affix { height: 50px; } #header.affix .logo { left: 15px; right: auto; top: 50%; } #header.affix .logo img { max-height: 23px; } #header.affix .nav { left: auto; right: 15px; top: 45%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #header.affix #nav { text-align: right; } #header.affix .phone { display: none; } } @media (max-width: 630px){ #header .phone { display: none; } #header .logo { right: 15px; text-align: center; } #header .logo img { max-height: 50px; } #header .nav { left: 15px; text-align: center; top: auto; bottom: 5px; transform: none; } } @media (max-width: 425px){ #header.affix .logo img { max-width: 180px; } } /* Nav ================================================== */ #nav { font-size: 16px; text-transform: none; text-align: right; color: #fff; letter-spacing: 0.1em; font-weight: normal; } #nav > ul { padding: 0; margin: 0; } #nav > ul > li { position:relative; list-style:none; display:inline-block; padding: 0 0 0 15px; } #nav > ul > li > a, #nav > ul > li > a:link, #nav > ul > li > a:visited { display:inline-block; color:#fff; padding-bottom: 15px; } #nav > ul > li > a::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: #00aeef; width: 0; margin: 0 auto; opacity: 0; transition: 0.3s; } #nav > ul > li:last-child > a::after { right: 15px; } #nav > ul > li:hover > a::after, #nav > ul > li > a:active::after, #nav > ul > li.active > a::after { width: 52px; opacity: 1; transition: 0.3s; } #nav > ul > li > ul { display:none; position:absolute; white-space:nowrap; z-index:575; text-align:left; padding:0; background-color:#404040; top:100%; left: 0px; min-width: 100%; } #nav > ul > li:last-child > ul { left: auto; right: 0; } #nav > ul > li:hover > ul { display:block; } #nav > ul > li.dropdown:hover > ul { display:none; } #nav > ul > li > ul > li, #nav > ul > li > ul > li a { height:35px; line-height:35px; display:block; padding:0 25px; } #nav > ul > li > ul > li > a { font-size:16px; color:#fff; padding:0; } #nav > ul > li > ul > li:hover { background-color:#00aeef; } @media (max-width: 1435px){ #nav { text-align: center; } #nav > ul > li:last-child > ul { left: auto; right: 0; } } /* Launch Menu ================================================== */ .launch-menu-mask { background: #000; } .launch-menu.sidebar { background: #002e5b; } .launch-menu-close { opacity: 0.4; } .launch-menu-close:hover { opacity: 0.8; } .launch-menu > ul > li { border-bottom:solid 1px rgba(255,255,255,0.15); font-size: 18px; letter-spacing: 0.04em; transition: 0s; } .launch-menu > ul > li:hover { background:#00aeef; transition: 0s; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25); box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25); } .launch-menu > ul > li:first-child { border-top:solid 1px rgba(255,255,255,0.15); } .launch-menu a { color:#fff; transition: 0s; } .launch-menu > ul > li > ul > li:hover { background:#fff; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25); box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25); } .launch-menu > ul > li > ul > li:hover a { color: #404040; transition: 0s; } .launch-menu .dropdown ul { display: none; } .launch-menu .phone { font-size: 24px; text-align: center; margin: 20px 0 30px; color: #00aeef; font-family: 'Open Sans'; } .launch-menu .phone a:hover { color: #00aeef; } .launch-menu .links > ul > li { margin: 10px 0; } .launch-menu .social { text-align: center; padding: 30px 0 20px; } .launch-menu .logo img { max-width: 60%; margin: 20px auto 30px; display: block; } .launch-menu .caret { display: none; } /* Footer ================================================== */ #footer { padding: 115px 0 150px; color: #fff; text-align: center; background: #404040; } #footer .container-fluid { max-width: 1730px; margin: 0 auto; } #footer a { color: #fff; } #footer a:hover { opacity: 0.6; } #footer ul { list-style: none; padding: 0; line-height: 2em; } #footer .links { text-transform: uppercase; font-size: 18px; opacity: 0.6; } #footer .links h3 { font-size: 20px; letter-spacing: 0.05em; font-weight: bold; margin: 0 0 25px; } #footer .links ul { letter-spacing: 0.02em; margin: 0; } #footer .links ul ul { text-transform: none; } #footer .contact { letter-spacing: 0.05em; font-size: 16px; } #footer .contact > *:not(.affil) { opacity: 0.6; } #footer .contact .logo { max-width: 420px; margin-bottom: 5px; } #footer .contact > ul { margin: 30px 0; } #footer .copy { padding: 30px 0 0; border-top: 1px solid rgba(109,109,109,0.9); font-size: 18px; margin: 55px 0 0; color: #676767; letter-spacing: 0.02em; line-height: 1.25em; } #footer .copy hr { border-top: 1px solid rgba(109,109,109,0.9); width: 100%; margin: 30px 0 35px; } #footer .copy a { color: #676767; } #footer .copy a:hover { color: #fff; } #footer .affil > * { margin: 3px; vertical-align: bottom; } #footer .social { margin-top: 50px; } #footer .social ul li a { background: rgba(255,255,255,0.1); border: 0; } #footer .social ul li a:hover { opacity: 1; background: #00aeef; } @media (min-width: 992px) { #footer .links, #footer .social { text-align: left; } #footer .links ul ul { padding-left: 20px; } #footer .contact { text-align: right; } } @media (max-width: 991px) { #footer .logo { margin-top: 50px; } } @media (max-width: 500px) { #footer .contact li { display: block; } #footer .contact li:nth-child(1n+2):before { display: none; } #footer .contact .logo { max-width: 100%; } } /* Body Container ================================================== */ #body-container { position: relative; padding-top:65px; padding-bottom: 60px; } #body-container .side-content { text-align: center; font-size: 20px; margin-top: -45px; } #body-container .side-content .contact h3 { font-size: 30px; margin: 10px 0 30px; } #body-container .side-content .contact h4 { text-transform: uppercase; margin: 0; } #body-container .side-content .contact ul { list-style: none; padding: 0; margin: 0; } #body-container .side-content .contact .icon { color: #00aeef; font-size: 52px; } #body-container .side-content .contact .address { margin-bottom: 25px; } #body-container .side-content .cta { display: block; text-align: center; margin: 30px 0; background-color:#00aeef; border: 1px solid #00aeef; height: 88px; line-height: 94px; color: #fff; font-size: 24px; text-transform: uppercase; } #body-container .side-content .cta img.icon { vertical-align: text-top; padding-right: 5px; } #body-container .side-content .cta span.icon { position: relative; top: -3px; vertical-align: middle; padding-right: 5px; font-size: 32px; } #body-container .side-content .cta:hover { color:#00aeef; background-color:#fff; border: 1px solid #00aeef; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (max-width: 1199px) { #body-container .side-content .cta { font-size: 20px; } } /* Banners ================================================== */ .banner { padding: 75px 0; text-align: center; } .banner h1, .banner h2 { font-size: 42px; font-weight: bold; letter-spacing: 0.02em; margin: 0 0 20px; font-family: 'Montserrat'; } .banner h3 { font-weight:bold; margin-top:0; margin-bottom:30px; /* font-size: 30px; */ letter-spacing: 0.02em; font-size: 24px; } .banner h3 + .btn.lg { margin-top: 5px; } .banner h4, .banner .display-4 { font-weight: bold; font-size: 24px; color: #095195; letter-spacing: 0.025em; margin: 0 0 20px; } .banner p.lead { margin-bottom: 35px; } .banner .row + h3 { margin-bottom: 30px; font-family: 'Montserrat'; font-weight: bold; } .banner .row p { font-size: 18px; letter-spacing: 0.025em; line-height: 1.5em; } .banner .row p:last-child { margin-bottom: 50px; } .banner .lines { margin-bottom: 50px; } .banner .row { margin-top: 60px; } .banner-gray { background-color: #d7dddd; } .banner-primary { background: #003979; color: #fff; position: relative; text-align: center; min-height: 575px; display: flex; display: -ms-flexbox; align-items:center; } .banner-primary::before { content:''; min-height:425px; font-size:0; } .banner-primary .container { margin: auto; } .banner-primary h2 { text-transform: uppercase; letter-spacing: 0.02em; font-size: 48px; } .serious-services .banner-primary h2 + h3 { font-size: 30px; font-weight: 500; letter-spacing: 0.02em; } .banner-primary h3 { color: #fff; font-weight: 600; font-size: 42px; letter-spacing: 0.02em; } .banner-primary h4 { color: #fff!important; } .banner-primary hr { margin: 50px auto 0; } .banner-primary::after { content: ''; position: absolute; left: 0; bottom: 0; top: 0; right: 0; background: -moz-linear-gradient(top, rgba(0,174,239,0) 0%, rgba(0,174,239,0.3) 50%, rgba(0,57,121,0) 100%); background: -webkit-linear-gradient(top, rgba(0,174,239,0) 0%,rgba(0,174,239,0.3) 50%,rgba(0,57,121,0) 100%); background: linear-gradient(to bottom, rgba(0,174,239,0) 0%,rgba(0,174,239,0.3) 50%,rgba(0,57,121,0) 100%); z-index: -101; } .banner-primary .jarallax-img { opacity: 0.2; } @media (min-width: 992px) { .banner .row { text-align: left; } } @media (max-width: 550px) { .banner h1, .banner h2 { font-size: 32px; } .banner h3 { font-size: 26px;} .banner h4, .banner .display-4 { font-size: 18px; } } @media (max-width: 400px) { .banner h1, .banner h2 { font-size: 30px; } .banner h3 { font-size: 22px;} } .icon-title { margin-bottom: 20px; } .icon-title h4, .icon-title h3, .icon-title .display-4 { margin: 0; } .icon-title img { margin: 20px auto; } .icon-title ~ p { font-size: 18px; letter-spacing: 0.025em; } @media (min-width: 992px) { .icon-title { display: flex; align-items: center; } .icon-title img { margin: 0 20px 0 0; } } /* Header Styles ================================================== */ .display-1 { font-size: 36px!important; letter-spacing: normal!important; } .display-2 { font-size: 22px!important; font-weight: normal!important; letter-spacing: 0.02em; margin: 0 0 20px; font-family: 'Montserrat'; } @media (max-width: 500px) { .display-1 { font-size: 36px!important; } .display-2 { font-size: 34px!important; } .display-3 { font-size: 32px!important; } .display-4 { font-size: 22px!important; } } /* Blog ================================================== */ .blog-page { } .blog-container { } .blog-container h1 { margin-bottom: 35px; } .blog-container .wrapper .side-panel { float: none; width: 100%; align-self: flex-start; } .blog-container .wrapper .side-panel section { margin-bottom: 35px; } .blog-container .wrapper .side-panel section h4 { font-size: 13px; padding: 10px 0; letter-spacing: 0.4em; font-weight: bold; text-transform: uppercase; } .blog-container .wrapper .side-panel section ul { list-style: none; padding: 0; margin: 0; } .blog-container .wrapper .side-panel .blog-recent-posts li { padding: 15px 0; border-bottom: 1px solid #f2f2f2; } .blog-container .wrapper .side-panel .blog-recent-posts li a { display: flex; align-items: center; } .blog-container .wrapper .side-panel .blog-recent-posts li a .post-thumb { width: 100px; height: 65px; min-width: 100px; border-radius: 3px; overflow: hidden; transition: 0.3s; } .blog-container .wrapper .side-panel .blog-recent-posts li a .post-thumb > img.cover { height: 100%; width: 100%; } .blog-container .wrapper .side-panel .blog-recent-posts li a .post-thumb .default, .post-thumb .video { height: 0; width: 100%; padding-top: 65%; position: relative; border-radius: 3px; background: #404040; text-align: center; font-size: 36px; color: #ff0000; } .blog-container .wrapper .side-panel .blog-recent-posts li a .post-thumb .default img, .post-thumb .video i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; color: #00aeef; } .blog-container .wrapper .side-panel .blog-recent-posts li a .post-details { font-size: 14px; line-height: 1.25em; padding-left: 10px; color: #000; } .blog-container .wrapper .side-panel .blog-recent-posts li a .post-details .post-date { font-size: 12px; color: #707070; } .blog-container .wrapper .side-panel .blog-recent-posts li a:hover .post-thumb { box-shadow: 1px 1px 5px rgba(0,0,0,0.18); transform: scale(1.005); transition: 0.3s; background: #f2f2f2; } .blog-container .wrapper .side-panel .blog-recent-posts li a:hover .post-details { color: #00aeef; transition: 0.3s; } .blog-container .wrapper .side-panel .blog-tag-list li { font-size: 14px; display: inline-block; padding: 0px 10px; height: 30px; line-height: 32px; margin-left: 1px; margin-bottom: 3px; border-radius: 3px; background: #095195; transition: 0.3s; border-bottom: 2px solid rgba(0,0,0,0.1); } .blog-container .wrapper .side-panel .blog-tag-list li a { color: #fff; } .blog-container .wrapper .side-panel .blog-tag-list li:hover { box-shadow: 1px 1px 5px rgba(0,0,0,0.35); transform: scale(1.01); transition: 0.3s; background: #00aeef; } .blog-container .wrapper .side-panel .social a { background: #095195; display: inline-block; transition: 0.3s; } .blog-container .wrapper .side-panel .social a:hover { background: #00aeef; transition: 0.3s; transform: rotate(360deg) scale(1.01); } .blog-container .wrapper .side-panel .social a:hover::after { box-shadow: 0 0 0 2px #404040; transition: 0.3s; } /* */ .blog-container .blog-post { margin-bottom: 45px; padding-bottom: 1px; } .blog-container .blog-post:last-child { margin-bottom: 0; } .blog-container .blog-post .post-header { padding: 0 0 5px; border-bottom: 1px solid #f2f2f2; } .blog-container .blog-post .post-header .post-title { border-bottom: 0; font-size: 30px; margin: 0; padding: 0; letter-spacing: 0.02em; font-weight: bold; } .blog-container .blog-post .post-header .post-title a { color: #095195; } .blog-container .blog-post .post-header .post-date { font-size: 12px; text-transform: uppercase; color: #707070; } .blog-container .blog-post .post-featured { margin: 15px 0 25px; border-radius: 3px; overflow: hidden; } .blog-container .blog-post .post-featured .default { background: #404040; height: 100%; width: 100%; padding-top: 56.25%; position: relative; border-radius: 3px; } .blog-container .blog-post .post-featured .default img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; } .blog-container .blog-post .post-body { font-size: 18px; margin: 0; letter-spacing: 0.02em; } .blog-container .blog-post .read-more { position: relative; white-space: nowrap; color: #095195; text-transform: uppercase; font-weight: bold; letter-spacing: 0.02em; } .blog-container .blog-post .post-footer { display: flex; justify-content: space-between; } .blog-container .blog-post .post-footer .post-tags li { background: #f2f2f2; color: #fff; padding: 0px 10px; height: 38px; line-height: 38px; display: inline-block; margin-left: 1px; border-radius: 3px; } .blog-container .blog-post .post-footer .post-share h4 { font-size: 12px; color: #707070; letter-spacing: 0.4em; font-weight: 700; text-transform: uppercase; } .blog-container .blog-post .post-footer .post-share a { color: #fff; padding: 0px 10px; height: 38px; line-height: 40px; display: inline-block; margin-left: 1px; border-radius: 3px; border-bottom: 2px solid rgba(0,0,0,0.1); min-width: 41px; text-align: center; } .blog-container .blog-post .post-footer .post-share a:hover { box-shadow: 1px 1px 5px rgba(0,0,0,0.35); transform: scale(1.01); transition: 0.3s; } .blog-container .blog-post .post-footer .post-share a.fb { background-color: #314d91; } .blog-container .blog-post .post-footer .post-share a.twitter { background-color: #07beed; } .blog-container .blog-post .post-footer .post-share a.google { background-color: #dd4b38; } .blog-container .blog-post .post-footer .post-share a.pinterest { background-color: #CA2127; } .blog-container .index { letter-spacing: 0.02em; font-weight: bold; color: #095195; text-transform: uppercase; font-size: 18px; } .blog-container .index:hover { color: #00aeef; } /* Standard Post List */ .blog-container .post-list { float: none; width: 100%; } .blog-container .post-list .video-wrapper img { width: 100%; } .blog-container .post-list .post-featured .default img[src*="logo"] { width: 80%; } @media (min-width: 992px) { .blog-container .wrapper { display: flex; justify-content: space-between; } .blog-container .wrapper .main-panel { padding-right: 30px; } .blog-container .wrapper .side-panel { min-width: 300px; width: 300px; padding-left: 20px; } } @media (min-width: 501px) { .blog-page #secondary-banner .prompt .lead { font-size: 48px; } } /* Alternate Blog Styles ============================================= */ /* Side Image Post List */ @media (min-width: 768px) { .blog-container .post-list .blog-post { display: flex; flex-wrap: wrap; align-items: center; } .blog-container .post-list .blog-post .post-header { width: 100%; } .blog-container .post-list .blog-post .post-featured { width: 48%; } .blog-container .post-list .blog-post .post-body { width: 50%; line-height: 1.45em; font-size: 16px; padding-left: 4%; flex-grow: 1; } } /* Card Style */ .blog-page .blog-container .wrapper .side-panel, .blog-page .blog-container .blog-post { background: #fff; border-radius: 6px; padding: 20px; overflow: hidden; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); } @media (min-width: 992px) { .blog-page .blog-container .wrapper .main-panel { padding-right: 45px; } .blog-page .blog-container .wrapper .side-panel { margin-bottom: 45px; padding: 15px 20px 20px; } .blog-page .blog-container .post-list { margin: 0 0 -30px; } } /* About ================================================== */ .bios .bio { padding-bottom:1.0em; margin-bottom:1.0em; border-bottom:solid 1px #ccc; } .bios .bio:after { content:""; display:table; clear:both; } .bios .bio .name { font-size:1.8em; font-weight:500; line-height:2.2em; } .bios .bio .image { float:left; width:25%; margin-right:5%; margin-bottom:1.2em; } .bios .bio .image img { width:100%; max-width:100%; } .bios .bio .content { float:left; width:70%; } .bios .bio .contact { margin-top:1.5em; } .bios .bio .contact:before { content:""; display:table; clear:both; } .bios .bio .contact .item { display:block; } @media (max-width: 768px) { .bios .bio .content { float:none; width:100%; } } @media (max-width: 600px) { .bios .bio .image { float:none; width:100%; margin-right:0; text-align:center; } .bios .bio .image img { width:auto; } } /* Map Container ================================================== */ /* Accordion ================================================== */ .launch-accordion { margin: 45px 0; text-align: left; } .launch-accordion > li { margin-bottom: 0; border-top: 2px solid #fff; padding: 35px 5.2%; } .launch-accordion > li:last-child { border-bottom: 2px solid #fff; } .launch-accordion > li > h4 { position: relative; font-size: 24px; font-weight: 400; letter-spacing: 0.025em; background-color:transparent; color: #333333; border: 0; -webkit-transition:background-color 0.05s ease; -o-transition:background-color 0.05s ease; transition:background-color 0.05s ease; padding: 0; line-height: 1.333em; } .launch-accordion > li > h4:after { content: '+'; right: 0px; color: #404040; width: 38px; height: 38px; line-height: 37px; text-align: center; font-weight: bold; font-size: 31px; border-radius: 50%; background: #d7dddc; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .launch-accordion > li.active > h4:after { content: '-'; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .launch-accordion > li > h4:hover, .launch-accordion > li.active > h4, .launch-accordion.no-margin > li.active > h4 { background-color: transparent; } .launch-accordion > li > div { border: 0; padding: 25px 0 15px; font-size: 22px; } .launch-accordion > li > div p { margin-bottom: 20px; } .launch-accordion > li > div ul { list-style: disc; margin: 20px 0; } .launch-accordion > li > div ul li { margin: 0 0 10px; } .launch-accordion > li > div *:last-child { margin: 0; } .launch-accordion > li > div *:first-child { margin-top: 0; } .launch-accordion.no-margin > li.active + li > h4, .launch-accordion.no-margin > li:hover + li > h4 { border-color: #ecebeb; border-top: 0; } .launch-accordion.multi-level > li > h4 { font-weight: bold; font-size: 30px; letter-spacing: 0.02em; } /* Alternate Style */ .launch-accordion.alt-style > li { padding: 35px 0; } .launch-accordion.alt-style > li:first-child { border-top: 0; } .launch-accordion.alt-style > li > h4 { color: #095195; letter-spacing: 0.02em; font-family: 'Montserrat'; font-weight: bold; } .launch-accordion.alt-style > li > h4:after { background: transparent; color: #095195; font-family: 'Montserrat'; font-size: 24px; } /* Inverted Style */ .banner-primary .launch-accordion { margin: 60px 0 0; } .banner-primary .launch-accordion li { border: 0; padding: 0; margin: 0 0 25px; } .banner-primary .launch-accordion li h4 { border: 2px solid #fff; padding: 20px 35px; font-size: 24px; letter-spacing: 0.02em; font-family: 'Montserrat'; } .banner-primary .launch-accordion li h4::after { background: transparent; color: #fff; right: 10px; font-size: 36px; font-weight: 500; } .banner-primary .launch-accordion li div { padding: 20px 35px; } @media (max-width: 425px) { .banner-primary .launch-accordion li h4 { font-size: 20px; } } /* Form Container ================================================== */ .form-container { background: rgba(255,255,255,0.5); border: 0; padding: 45px 60px 50px; } .form-container.maintenance { margin-top: -100px; } .form-container h2 { text-align: center; font-size: 30px; color: #095195; margin: 0 0 35px; text-transform: none; } .form-container h3 { font-size: 20px; } .form-container .ion-form .ion-form-group label { display: none; } .form-container .ion-form .ion-form-group input { height: 76px; padding: 0 15px; border: 0; border-radius: 0; } .form-container .ion-form .ion-form-group textarea { height: 115px; padding: 15px; border: 0; border-radius: 0; } .form-container .ion-form .ion-form-group.ion-form-group-dropdown select { border: 0; background: transparent; } .form-container .ion-form .ion-form-group.ion-form-group-dropdown select:focus { outline: none; } .form-container .ion-form .ion-form-group.ion-form-group-dropdown { padding: 0 15px 0 7px; font-size: 16px; } .form-container .ion-form .ion-form-group ::-webkit-input-placeholder { font-size: 16px; text-transform: uppercase; color: #363636; letter-spacing: 0.025em; } .form-container .ion-form button { border: 1px solid #404040; background-color: #404040; color: #00aeef; height: 50px; line-height: 50px; border-radius: 25px; padding: 0 15px; font-weight: bold; letter-spacing: 0.025em; width: auto; min-width: 139px; text-transform: uppercase; } .form-container .ion-form button:hover { color: #404040; background-color: #00aeef; } .ion-form .ion-form-group.ion-form-group-dropdown select[name="property-area"], .ion-form .ion-form-group.ion-form-group-dropdown select[name="service-area"] { display: none; } .ion-form button { border: 1px solid #00aeef; background-color: #00aeef; } .ion-form button:hover { color: #00aeef; } .ion-form-success { text-align: center; } @media (max-width: 991px) { .form-container { margin-top: 50px; } .form-container.maintenance { margin-top: 0px; } } @media (max-width: 500px) { .form-container { padding: 45px 15px; } } .ion-form .ion-form-group-dropdown {background:#fff;line-height: 74px; padding: 0 20px; } .ion-form .ion-form-group ::-webkit-input-placeholder, .ion-form .ion-form-group input:-ms-input-placeholder, .ion-form .ion-form-group input::placeholder, .ion-form .ion-form-group-dropdown select { text-transform: uppercase; } .ion-form .ion-form-group-dropdown select::-ms-expand { border: 0; background: transparent; padding: 0 5px; } .ion-form-group-break { flex-basis: 100%!important; } .ion-form-group-break h3 { font-size: 24px; margin: 30px 0 0; } @media (min-width: 601px) { .ion-form { display: flex;flex-wrap: wrap; } .ion-form > .ion-form-group {flex: 1 1 48%; margin: 7px; } .ion-form > .ion-form-group-textarea { flex-basis: 100%; } .ion-form > .ion-btn { margin: 7px; } } /* Portal Login Form Container ================================================== */ #loginDiv { background: #fff; padding: 30px 30px 50px; max-width: 450px; margin: 50px auto 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.2,5s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #loginDiv .primaryButtons .btn { height: 48px; line-height: 48px; transform: 0.3s; } #loginDiv .primaryButtons .btn:hover { transform: 0.3s; } #loginDiv .btn-stack-btn { margin: 0 auto 50px; } /* Login Pages ================================================== */ #portal { padding: 0 0 100px; } #portal .row { margin-top: 0; } #portal .flex-row { display: flex; justify-content: center; background: #fff; max-width: 850px; margin: 50px auto 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } #portal .flex-row #loginDiv { margin: 0; box-shadow: unset; padding-bottom: 50px; } #portal .flex-row .portal-container { align-self: center; } #portal .flex-row .portal-container, #portal .flex-row .resource-container { margin: 0 30px; } #portal .flex-row .resource-container { max-width: 383px; } #portal .flex-row .resource-container .btn-stack { height: 100%; justify-content: space-around; padding: 30px 0; } #portal .flex-row .resource-container .btn-stack .btn { min-width: unset; width: 100%; margin: 0; height: 20%; display: flex; flex-direction: column; align-content: center; justify-content: center; } #portal .flex-row .resource-container.owners .btn-stack .btn { height: 28%; } @media (max-width: 991px) { #portal .flex-row .portal-container { margin-right: 0; } } @media (max-width: 767px) { #portal .flex-row { display: block; } #portal .flex-row #loginDiv, #portal .flex-row .portal-container, #portal .flex-row .resource-container { margin: 0 auto; } #portal .flex-row .resource-container .btn-stack { display: block; padding: 0 15px 15px; } #portal .flex-row .resource-container .btn-stack .btn { margin: 0 auto 20px; } } /* Testimonials ================================================== */ blockquote.testimonial { } blockquote.testimonial .quote { } blockquote.testimonial .credit { } /* Areas ================================================== */ ul.areas { margin:0; padding:0; padding-left: 8%; text-align:left; } ul.areas li { width:20%; list-style:none; float:left; padding:.3em 1em .3em 0; font-size:18px; margin:0; color: #00aeef; } @media (max-width: 991px) { ul.areas li { width:25%; } } @media (max-width: 767px) { ul.areas li { width:33%; padding:.3em 1em; } } @media (max-width: 550px) { ul.areas li { width:50%; } } @media (max-width: 425px) { ul.areas { padding-left: 0; } ul.areas li { width:100%; text-align: center; padding-left: 0; padding-right: 0; } } /* Home Blog ================================================== */ /* Form ================================================== */ #fields { width:100%; display:inline-block; font-family: 'Open Sans', sans-serif; } #fields * { text-align:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #fields .label { display:block; font-size:15px; margin-bottom:0; } #fields .input input[type="textbox"] { display:block; width:100%; font-size:16px; padding:6px 13px; margin:0; background-color:#fff; border:1px solid #c9c1ba; } #fields .reqd { color:#F00; } #fields textarea { width:100%; height:100px; padding:10px; font-size:16px; font-family: 'Open Sans', sans-serif; resize:none; background-color:#fff; border:1px solid #c9c1ba; } #fields select { width:100%; padding: 6px 5px; font-size:16px; background-color:#fff; border:1px solid #c9c1ba; } #fields .title { font-size:18px; margin:10px 0 0 0; } #fields .btn { padding:9px 40px; color:#fff; font-size:16px; margin:10px 0; display:inline-block; cursor:pointer; height:auto; width:auto; float:right; } #fields .btn:hover { border-style:solid; border-width:1px; } #fields .btn:active { position:relative;top:1px; } #fields .cb { float:left; clear:both; } #fields .cb-descr { float:left; margin-left:8px; } /* FAQs ================================================== */ h1 + .launch-accordion { margin-top: 45px; } /* Home Banner ================================================== */ #home-banner { position:relative; height: 100vh; min-height: 485px; background-color: #003979; background-size: cover; background-attachment: fixed; background-position: center top; display: flex; align-items: center; } #home-banner::before { content:''; min-height:inherit; font-size:0; } #home-banner .container { position: relative; height: 100%; display: flex; justify-content: center; align-items: center; margin-top: 60px; } #home-banner .jarallax-img { opacity: 0.15; } #home-banner::after { content: ''; position: absolute; left: 0; bottom: 0; top: 0; right: 0; background: -moz-linear-gradient(top, rgba(0,174,239,0) 0%, rgba(0,174,239,0.3) 50%, rgba(0,57,121,0) 100%); background: -webkit-linear-gradient(top, rgba(0,174,239,0) 0%,rgba(0,174,239,0.3) 50%,rgba(0,57,121,0) 100%); background: linear-gradient(to bottom, rgba(0,174,239,0) 0%,rgba(0,174,239,0.3) 50%,rgba(0,57,121,0) 100%); z-index: -101; } #home-banner .prompt { text-align: center; color: #fff; } #home-banner .prompt .lead { font-family: 'Montserrat'; font-size: 60px; font-weight: bold; margin: 0 auto; line-height: 1.25em; max-width: 1000px;} #home-banner .prompt .btn { margin-top: 40px; } #home-banner .scroll-down { position: absolute; bottom: 10%; left: 0; right: 0; text-align: center; font-size: 16px; font-weight: bold; letter-spacing: 0.125em; text-transform: uppercase; } #home-banner .scroll-down a { color: #fff; } #home-banner .scroll-down img { display: block; margin: 15px auto 0; transition: 0.3s; } #home-banner .scroll-down a:hover { opacity: 0.6; } #home-banner .scroll-down a:hover img { transform: translateY(10px); transition: 0.3s; } @media (min-width: 992px){ #home-banner { height: calc(100vh - 190px); } } @media (max-width: 500px){ #home-banner .prompt .lead { font-size: 36px; } #home-banner .prompt .sub { font-size: 22px; } #home-banner .scroll-down { font-size: 18px; } #home-banner .scroll-down img { max-width: 70px; } } /* Home Carousel ================================================== */ #banner-carousel { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #banner-carousel .carousel-inner { height: 100%; width: 100%; } #banner-carousel .carousel-inner .item { height: 100%; width: 100%; } #banner-carousel .carousel-inner .item img { object-fit: cover; font-family: 'object-fit: cover;'; width: 100%; height: 100%; } /* Fading Carousel */ .carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; } .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* Home CTAs ================================================== */ #home-ctas { background: #08366e; color: #fff; } #home-ctas ul { list-style: none; margin: 0; padding: 0; height: 100%; } #home-ctas ul li { flex-basis: 500px; position: relative; } #home-ctas ul li a { display: flex; height: 100%; color: #fff; padding: 15px; } #home-ctas ul li a::after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 0; transition: 0.3s; } #home-ctas ul li a:hover::after { background: rgba(0,174,239,0.5); transition: 0.3s; } #home-ctas ul li h3 { font-weight: bold; font-size: 24px; text-transform: uppercase; letter-spacing: 0.025em; padding-left: 25px; margin: auto auto auto 0; position: relative; z-index: 1; } #home-ctas ul li .icon { margin: auto 0 auto auto; position: relative; z-index: 1; } #home-ctas ul li:first-child { flex-grow: 1; background: #0b4c9b; } #home-ctas ul li:last-child { flex-grow: 1; background: #002e5b; } @media (min-width: 992px){ #home-ctas { height: 190px; } #home-ctas ul { display: flex; } #home-ctas ul li:first-child h3 { margin-right: 15%; } #home-ctas ul li:last-child .icon { margin-left: 15%; } } @media (max-width: 991px){ #home-ctas ul li .icon { margin: auto 0; } #home-ctas ul li h3 { font-size: 22px; } #home-ctas ul li h3 br { display: none; } #home-ctas ul li a { max-width: 450px; margin: auto; padding: 30px 15px; } #home-ctas ul li img { max-width: 58px; } } /* CTAs ================================================== */ .ctas { text-align: center; } .ctas .cta { margin-top: 45px; display: inline-block; position: relative; line-height: 1em; color: #ffffff; text-transform: uppercase; width: 202px; height: 194px; font-size: 21px; background: rgba(14,97,174,0.9); border: 1px solid #ffffff; border-radius: 50%; transition: all 0.5s; } .ctas .cta::after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 4px #fff; border-radius: 50%; transition: transform 0.2s, opacity 0.2s; transform: scale(0.89); opacity: 0; } .ctas .cta:hover::after { transition: transform 0.2s, opacity 0.2s; transform: scale(1); opacity: 1;} .ctas .cta:hover { cursor: pointer; background-color: rgba(14,97,174,1); box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35); transition: 0.3s; } .ctas .cta .icon { position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; height: 60px; margin-top: 30px; } .ctas .cta .text { position: relative; display: block; font-size: inherit; margin: 0; } @media (min-width: 768px) and (max-width: 991px){ .ctas .cta { width: 156px; height: 156px; } .ctas .cta .icon { height: auto; } .ctas .cta .icon img { max-height: 50px; } .ctas .cta .text { font-size: 15px; } } @media (max-width: 450px) { .ctas .cta { width: 136px; height: 136px; } .ctas .cta .icon { margin-top: 15px; } .ctas .cta .icon { height: auto; } .ctas .cta .icon img { max-height: 40px; } .ctas .cta .text { font-size: 15px; } } /* Home Services ================================================== */ #home-services { padding: 75px 0 85px; } #home-services hr { margin-top: 30px; margin-bottom: 30px; } #home-services h3 { font-size: 30px; font-weight: bold; font-family: 'Montserrat'; margin: 0 0 25px; } #home-services p { font-size: 24px; letter-spacing: 0.02em; margin: 0 0 25px; } /* Home How ================================================== */ #home-how { padding: 120px 0 100px; } #home-how hr { border-color: #fff; margin-top: 45px; margin-bottom: 45px; } #home-how ul + h3 { font-size: 30px; margin: 0 0 30px; line-height: 1.3em; font-family: 'Montserrat'; } ul.inline-icons { list-style: none; margin: 45px 0 0; padding: 0; display: flex; justify-content: space-around; } ul.inline-icons li { margin: auto auto 45px; flex-basis: 330px; padding: 0 15px; } ul.inline-icons li img { transition: 0.3s; } ul.inline-icons li a > h3 { font-size: 24px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.025em; margin: 15px auto 3px; } ul.inline-icons li p { font-size: 16px; letter-spacing: 0.025em; margin: 0; line-height: 1.3em; } ul.inline-icons li a { color: #fff; } ul.inline-icons li a:hover img { transform: scale(0.9); transition: 0.3s; } @media (max-width: 1199px) { ul.inline-icons { flex-wrap: wrap; } } /* Home Advantage ================================================== */ #home-advantage { padding: 80px 0 30px; } #home-advantage ul { max-width: 900px; margin: 0 auto; } #home-advantage ul h3 { color: #095195; font-size: 24px; letter-spacing: 0.025em; margin: 0 0 10px; } #home-advantage ul p { font-size: 18px; letter-spacing: 0.025em; margin: 0 0 25px; } #home-advantage ul.numbers { position: relative; } #home-advantage ul.numbers::before { content: ''; position: absolute; top: 0; left: 25px; height: 80%; width: 1px; background: #ccc; } #home-advantage ul.numbers li { padding-left: 80px; } #home-advantage ul.numbers li::before { top: -10px; height: 51px; width: 51px; line-height: 51px; font-size: 24px; border: 0; } #home-advantage ul.numbers li:first-child::before { top: 0; } a.link-arrow-sm { font-weight: bold; text-transform: uppercase; color: #095195; } a.link-arrow-sm::after { content: url('/images/link-arrow-sm.svg'); padding-left: 5px; transition: 0.3s; } a.link-arrow-sm:hover { opacity: 0.6; } a.link-arrow-sm:hover::after { padding-left: 10px; transition: 0.3s; } /* Home Consultation ================================================== */ #home-consultation { padding: 65px 0 70px; } #home-consultation h2 { letter-spacing: 0.025em; margin: 0; } #home-consultation h3 { font-size: 30px; font-weight: 500; letter-spacing: 0.025em; margin: 10px 0 25px; } #home-consultation .btn { font-size: 18px; letter-spacing: 0.094em; } @media (min-width: 500px) { #home-consultation h2 { font-size: 42px; } } /* Home Tenant Services ================================================== */ #home-tenant-services { padding: 80px 0 85px; } #home-tenant-services h4 { font-size: 30px; font-family: 'Montserrat'; font-weight: bold; letter-spacing: 0.025em; color: #404040; margin: 0 0 25px; } #home-tenant-services .map { max-width: 1015px; margin: 0 auto; height: 385px; border: 2px solid #fff; } /* Home Blog ================================================== */ #home-blog { padding: 80px 0 175px; } #home-blog .container { max-width: 1090px; margin: auto; } #home-blog h2 { text-align: center; margin: 0 0 30px; } #home-blog .item { margin-top: 45px; } #home-blog .post-featured { border: 1px solid #fff; } #home-blog .post-title { font-size: 24px; margin: 0 0 30px; font-weight: bold; color: #095195; font-family: 'lato'; letter-spacing: 0.025em; } #home-blog a { color: #095195; } #home-blog a:hover { color: #002e5b; } #home-blog .post-body { font-size: 18px; letter-spacing: 0.025em; line-height: 1.5em; font-family: 'lato'; } #home-blog .read-more { white-space: nowrap; font-size: 18px; letter-spacing: 0.025em; font-weight: bold; text-transform: uppercase; display: block; margin-top: 35px; font-family: 'lato'; } @media (min-width: 992px){ #home-blog .item { display: flex; } #home-blog .col-md-4 { margin: auto; } } @media (max-width: 991px){ #home-blog { text-align: center; } #home-blog .post-featured { margin-bottom: 30px; } } /* Secondary Banner ================================================== */ #secondary-banner { position:relative; height: auto; min-height: 1088px; background-color: #003979; background-size: cover; background-attachment: fixed; background-position: center top; display: flex; align-items: center; } #secondary-banner::before { content:''; min-height:inherit; font-size:0; } #secondary-banner .container { position: relative; height: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; margin-top: 60px; } #secondary-banner .jarallax-img { opacity: 0.15; } #secondary-banner::after { content: ''; position: absolute; left: 0; bottom: 0; top: 0; right: 0; background: -moz-linear-gradient(top, rgba(0,174,239,0) 0%, rgba(0,174,239,0.3) 50%, rgba(0,57,121,0) 100%); background: -webkit-linear-gradient(top, rgba(0,174,239,0) 0%,rgba(0,174,239,0.3) 50%,rgba(0,57,121,0) 100%); background: linear-gradient(to bottom, rgba(0,174,239,0) 0%,rgba(0,174,239,0.3) 50%,rgba(0,57,121,0) 100%); z-index: -101; } #secondary-banner .prompt { text-align: center; color: #fff; margin: 0 auto; } #secondary-banner .prompt .lead { font-size: 60px; font-weight: bold; margin: 0 0 30px 0; line-height: 1.25em; font-family: 'Montserrat'; } #secondary-banner .prompt .sub { font-size: 30px; text-transform: uppercase; margin-top: 20px; margin-bottom: 0; line-height: 1.25em; } #secondary-banner .scroll-down { position: absolute; bottom: 10%; left: 0; right: 0; text-align: center; font-size: 16px; font-weight: bold; letter-spacing: 0.125em; text-transform: uppercase; } #secondary-banner .scroll-down a { color: #fff; } #secondary-banner .scroll-down img { display: block; margin: 15px auto 0; transition: 0.3s; } #secondary-banner .scroll-down a:hover { opacity: 0.6; } #secondary-banner .scroll-down a:hover img { transform: translateY(10px); transition: 0.3s; } #secondary-banner .prompt-intro { margin-bottom:50px;} #secondary-banner .banner-intro-title { font-size:24px; margin:50px 0 40px 0;} #secondary-banner .banner-intro-content { font-size:18px; } @media (min-width: 2001px){ #secondary-banner { background-size: contain; } } @media (min-width: 992px) and (max-width: 1420px){ #secondary-banner .container { margin-top: 80px; } #secondary-banner .prompt-intro { margin-top:130px;} } @media (max-width: 991px){ #secondary-banner { background-size: cover; background-attachment: scroll; } #secondary-banner .prompt-intro { margin-top:130px;} #secondary-banner .banner-intro-content {margin-bottom:30px;} } @media (max-width: 630px){ #secondary-banner .container { margin-top: 90px; } #secondary-banner .prompt .lead { font-size: 36px; } } @media (max-width: 500px){ #secondary-banner { min-height: 350px; } #secondary-banner .prompt-intro { margin-top:130px;} #secondary-banner .prompt .lead { font-size: 36px; } #secondary-banner .prompt .sub { font-size: 22px; } #secondary-banner .scroll-down { font-size: 18px; } #secondary-banner .scroll-down img { max-width: 70px; } } /* Custom Template - Secondary Banner ================================================== #custom #secondary-banner { height:100vh; min-height: 1088px; } #custom #secondary-banner .container { margin-top: 0; } #custom #secondary-banner .prompt .lead { font-size: 60px; margin-bottom:50px; } #custom #secondary-banner .prompt .sub { font-size: 30px; } @media (min-width: 992px){ #custom #secondary-banner.with-subnav { height:calc(100vh - 290px); } #custom #secondary-banner .prompt .lead { font-size:36px; } } @media (max-width: 500px){ #custom #secondary-banner .prompt .lead { font-size: 36px; } #custom #secondary-banner .prompt .sub { font-size: 24px; } } /* Secondary Nav ================================================== */ #secondary-nav { position: absolute; width: 100%; top: 0; min-height: 290px; display: flex; justify-content: center; align-items: center; padding: 40px 100px; ; background-color: #d7dddc; font-size: 28px; font-weight: bold; text-transform: none!important; letter-spacing: 0.025em; text-align: center; transition: height 0.3s; } #secondary-nav::before { content:''; min-height:210px; font-size:0; } #secondary-nav .container-fluid { width:100%; max-width: 1630px; margin: 0 auto; text-align:center; } #secondary-nav a.btn {text-align:center!important; margin:auto; padding: 15px 50px;} #secondary-nav.nav-small .container-fluid { max-width: 1800px; } #secondary-nav .offer-text { padding-top:20px; } #secondary-nav ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: space-between; align-items: flex-start; } #secondary-nav li { padding: 0 10px;margin:auto; } #secondary-nav a { position: relative; color: #000; display: block; } #secondary-nav a::after { content: ''; position: absolute; bottom: -15px; left: 0; right: 0; height: 1px; background: #00aeef; width: 0; margin: 0 auto; opacity: 0; transition: 0.3s; } #secondary-nav a:hover::after { width: 52px; opacity: 1; transition: 0.3s; } #secondary-nav a:hover img { transform: scale(0.9); transition: 0.3s; } #secondary-nav .icon { height: 97px; display: flex; align-items: center; justify-content: space-around; } #secondary-nav img { display: block; margin: 0 auto 30px; transition: 0.3s; } #secondary-nav.affix a::after, #secondary-nav.nav-small a::after { display: none; } #secondary-nav.affix a, #secondary-nav.affix img { transition: unset; } @media (min-width: 1200px){ #secondary-nav.affix a { display: inline; text-align: center; } } @media (min-width: 992px){ main.custom { position: relative; padding-top: 160px; } #secondary-nav.nav-small { height: 115px; min-height: 0!important; } #secondary-nav .offer-text { padding-top:0px; } #secondary-nav.affix, .affix#secondary-nav { height: 90px; min-height: 0!important; top: 120px; display: flex; justify-content: center; align-items: center; padding: 0; z-index: 999; width: 100%; font-size: 15px; transition: height 0.3s; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); } #secondary-nav.affix .icon { flex: 0 0 23%; } #secondary-nav.affix img, #secondary-nav.nav-small img { margin: 0 auto; padding-right: 10px; max-height: 35px; min-width: 42px; width: auto; max-width: 100%; } #secondary-nav.nav-small img { max-height: 65px; min-width: 60px; } #secondary-nav.affix ul { justify-content: center; } #secondary-nav.affix li { line-height: 1.15; padding: 0 10px; flex: 0 1 16%; } #secondary-nav.affix li:last-child { padding-right: 0; } #secondary-nav.affix a, #secondary-nav.nav-small a { display: flex; text-align: left; align-items: center; } } @media (max-width: 1350px){ #secondary-nav { font-size: 20px; } main.custom.nav-small {margin-top:0; } } @media (max-width: 1199px){ #secondary-nav { font-size: 18px; } } @media (max-width: 1050px){ #secondary-nav { font-size: 17px; } #secondary-nav .icon, #secondary-nav img { max-height: 70px; max-width: 80px; margin-right: auto; margin-left: auto; } #secondary-nav.affix img { margin: 0; max-height: 20px; max-width: unset; } } @media (max-width: 991px){ #secondary-nav { position: relative!important; padding: 0px 0; } #secondary-nav ul { flex-wrap: wrap; justify-content: center; } #secondary-nav ul li { width: 280px; margin: 0px auto; } #secondary-nav.affix img { max-height: 70px; max-width: 80px; margin-right: auto; margin-left: auto; margin-bottom: 30px; } } /* Footer CTAs ============================================= */ #footer-ctas { text-align: center; letter-spacing: 0.02em; } #footer-ctas h2 { font-size: 36px; } #footer-ctas h3 { font-size: 26px; } #footer-ctas .top.banner { position: relative; padding: 85px 0 185px; background: #d7dddc; font-family: 'Montserrat'; } #footer-ctas .top.banner::after { content: ''; position: absolute; left: 0; bottom: 0; width: 80%; height: 85px; background: #002e5b; } #footer-ctas .top.banner::before { content: ''; position: absolute; left: 80%; bottom: -85px; width: 0; height: 0; border-style: solid; border-width: 85px 0 85px 70px; border-color: transparent transparent transparent #002e5b; } #footer-ctas .top.banner.none { background: #e7eeed; padding: 85px 0 0; } #footer-ctas .top.banner h2 { margin-bottom: 40px; } #footer-ctas .top.banner h3 { margin-bottom: 40px; font-size: 24px; letter-spacing: 0.025em; font-weight: 600; line-height: 1.5em; } #footer-ctas .top.banner p.lead { margin-bottom: 40px; font-weight: 400; font-size: 24px; font-family: 'lato'; } #footer-ctas .top.banner form { max-width: 850px; margin: 0 auto; } #footer-ctas .top.banner form label { display: none; } #footer-ctas .top.banner form input { height: 76px; line-height: 76px; border-radius: 0; border: 0; padding: 0 30px; } #footer-ctas .top.banner form textarea { height: 131px; padding: 30px 30px; border-radius: 0; border: 0; } #footer-ctas .top.banner form select {border: 0;border-radius: 0;color: #363636;letter-spacing: 0.025em;font-size: 16px;background: transparent;text-transform: uppercase;position: relative; } #footer-ctas .top.banner form select:focus { outline: none; } #footer-ctas .top.banner form ::-webkit-input-placeholder { text-transform: uppercase; color: #363636; letter-spacing: 0.025em; font-size: 16px; display: inline-block!important; padding-right: 15px; } #footer-ctas .top.banner form #placeholder { display: inline-block!important; } #footer-ctas .top.banner form button { display: inline-block; width: 139px; height: 50px; line-height: 50px; padding: 0; background: #404040; color: #00aeef; border-radius: 25px; border-color: #404040; font-weight: bold; font-size: 16px; text-transform: uppercase; letter-spacing: 0.025em; } #footer-ctas .top.banner form button:hover { background: #00aeef; color: #404040; } #footer-ctas .top.banner .appointment { } #footer-ctas .top.banner .appointment::before { content: ''; height: 0px; width: 2px; background: rgba(109,109,109,0.8); display: block; margin: 0 auto 40px; } #footer-ctas .top.banner .appointment.animate::before { height: 125px; transition: 0.3s; } #footer-ctas .top.banner .appointment h3 { font-size: 30px; margin-bottom: 25px; } #footer-ctas .top.banner .appointment .btn { font-size: 20px; letter-spacing: 0.095em; height: 75px; line-height: 75px; width: 100%; max-width: 391px; border-radius: 37.5px; } #footer-ctas .top.banner.no-bottom { padding-bottom: 85px; } #footer-ctas .top.banner.no-bottom::after,#footer-ctas .top.banner.no-bottom::before { display: none; } @media (max-width: 500px){ #footer-ctas .top.banner .appointment .btn { font-size: 16px; } } /* */ #footer-ctas .bottom.banner { background: #002e5b; color: #fff; padding: 55px 0 115px; } #footer-ctas .bottom.banner h2 { font-size: 36px; margin-bottom: 25px; font-family: 'Montserrat'; letter-spacing: 0.025em; } #footer-ctas .bottom.banner p.lead { font-size: 26px; font-weight: 500; font-family: 'Montserrat'; letter-spacing: 0.025em; margin: 0 0 20px; } #footer-ctas .bottom.banner h3 { font-weight: 500; } #footer-ctas .bottom.banner .link-arrow { display: inline-block; margin-top: 15px; color: #fff; font-size: 24px; font-weight: bold; letter-spacing: 0.095em; text-transform: uppercase; } #footer-ctas .bottom.banner .link-arrow::after { content: url('/images/arrow-right.png'); padding-left: 20px; } #footer-ctas .bottom.banner .link-arrow:hover { opacity: 0.7; } @media (max-width: 425px){ #footer-ctas .top.banner::after { width: 100%; } #footer-ctas .top.banner::before { display: none; } } /* Agents Page ============================================= */ #agents { } #agents h2 + h3 { margin-bottom: 20px; letter-spacing: 0.025em; } #agents .video { margin-bottom: 60px; } #agents p + h3 { font-size: 42px; max-width: 900px; margin: 70px auto 45px; } #agents #office-list .row { margin-top: 0; margin-bottom: 40px; } @media (max-width: 500px){ #agents p + h3 { font-size: 36px; } } /* Rentals Page ============================================= */ #rentals p.lead { text-align: center; } /* ============================================= */ /********* Owners/Investors Persona **************/ /* ============================================= */ #custom #secondary-banner.with-subnav.subnav-small { height: 590px; } #custom #secondary-banner.with-subnav.subnav-small .prompt { padding-top: 0px; } @media (max-width: 991px){ #custom #secondary-banner.subnav-small { height: 200px; } #custom #secondary-banner.with-subnav.subnav-small { height: auto;padding-bottom:60px; } } /* Serious Services Page ============================================= */ #serious-services-welcome { padding: 25px 0 100px; } #serious-services-welcome h1 { text-align:center; text-transform: uppercase;} #serious-services-welcome h2 { text-transform: uppercase; font-size: 24px; font-weight: bold; color:#095195;} #serious-services-welcome .blue-circle { width:51px; height:51px; background-image: url('/images/blue-circle.png'); text-align: center; padding:10px 10px; font-size: 24px; color:#FFF; margin-left:-25px;} #serious-services-welcome .grey-vert-line { background-image: url('/images/grey-vert-line.png'); background-repeat: repeat-y; } #serious-services-welcome .container-fluid { max-width: 1360px; margin: 0 auto; } #serious-services-welcome hr { margin: 25px auto 35px; } #serious-services-welcome .row { margin: 0; } #serious-services-welcome p { font-size: 18px; margin: 0 0 25px; letter-spacing: 0.025em; } #serious-services-welcome p.lead { font-size: 24px; } #serious-services-welcome blockquote { padding: 10px 20px; margin: 40px 0; border-left: 5px solid rgba(64,64,64,0.25); } #serious-services-welcome blockquote em p { margin-bottom: 10px; font-size: 20px; } #serious-services-welcome blockquote > p { font-weight: 600; font-size: 16px; margin: 20px 0 0; } #serious-services-welcome .launch-accordion li { padding: 0; border: 0; margin: 20px 0 0; } #serious-services-welcome .launch-accordion h4 { background: #f3f7f6; color: #095195; font-weight: bold; font-size: 24px; padding: 15px 50px 15px 20px;; letter-spacing: 0.025em; border: 1px solid #d7dddc; } #serious-services-welcome .launch-accordion h4::after { background: transparent; font-size: 24px; color: #095195; right: 15px; } #serious-services-welcome .launch-accordion h4 + div { padding: 20px; background: #f3f7f6; border: 1px solid #d7dddc; border-top: 0; font-size: 18px; } #serious-services-welcome .analysis-cta { font-weight: bold; position: relative; } #serious-services-welcome .analysis-cta p { margin: 0 0 10px; } #serious-services-welcome .analysis-cta .cta-arrow { text-align: right; position: relative; right: -10px; } @media (max-width: 991px) { #serious-services-welcome {padding-top:60px;} #serious-services-welcome hr { margin: 25px auto 35px; } #serious-services-welcome .analysis-cta .cta-arrow { display: none; } #serious-services-welcome .grey-vert-line { background-image:none; } #serious-services-welcome .blue-circle { display:none; } } /* */ #best-tenants { padding: 95px 0; } /* */ #fast-pay { padding: 80px 0; } #fast-pay p.lead { margin: 35px 0 40px; } #fast-pay .row + p.lead { margin: 0 0 30px; } /* */ #no-excuses { padding: 85px 0; } /* */ #smart-repairs { padding: 85px 0; } #area-info { padding: 85px 0 125px; font-size: 20px; color:#000; } #area-info h2 { text-transform: uppercase; } #area-info p { font-size: 20px; margin: 0 0 20px; } #area-info img { border: 2px solid #fff; } #area-info h3 { font-size: 24px; letter-spacing: 0.095em; text-transform: uppercase; margin: 20px 0 30px; } #area-info ul:not(.areas) { margin: 0 0 20px; } #area-info ul.list-unstyled { padding-left: 30px; margin-top: 10px; } #area-info .areas li { font-size: 18px; text-transform: uppercase; letter-spacing: 0.095em; color:#000; } #area-info a { color: #000; } #area-info a:hover { opacity: 0.6; } #area-info .read-more { font-size: 0; letter-spacing: 0.095em; } #area-info .read-more.collapsed::before { content: 'MORE +'; font-size: 20px; } #area-info .read-more::before { content: 'LESS -'; font-size: 20px; } @media (max-width: 991px){ #area-info img { margin-bottom: 30px; } } /* Important Lessons Page ============================================= */ #important-lessons #secondary-nav ul { justify-content: center; } #important-lessons #secondary-nav:not(.affix) ul li { width: 240px; margin: 30px 0; } #important-lessons .intro { padding: 90px 0; } #important-lessons .intro .video { margin-bottom: 75px; } #important-lessons .intro p { font-size: 24px; letter-spacing: 0.025em; margin-bottom: 35px; } #important-lessons .intro hr { margin: 45px auto 50px; } #important-lessons .intro h3 { /* font-size: 36px; */ font-weight: bold; letter-spacing: normal; font-family: 'Montserrat'; } #important-lessons .intro h4 { color: #404040; margin: 0 0 65px; /* font-size: 30px;*/ letter-spacing: 0.045em; } /* */ #important-lessons .hard-earned { position: relative; padding: 155px 0 150px; background: #d7dddc; } #important-lessons .hard-earned::after { content: ''; position: absolute; left: 0; top: 0; width: 15%; height: 85px; background: #e7eeed; } #important-lessons .hard-earned::before { content: ''; position: absolute; left: 15%; top: -85px; width: 0; height: 0; border-style: solid; border-width: 85px 0 85px 70px; border-color: transparent transparent transparent #e7eeed; } #important-lessons .hard-earned h2 { margin-bottom: 100px; } #important-lessons .hard-earned ul { position: relative; list-style: none; padding: 0; margin: 0; z-index: 1; } #important-lessons .hard-earned ul::before { content: ''; position: absolute; height: 3px; width: 70%; background: #00aeef; left: 50%; transform: translateX(-50%); top: 63px; z-index: -1; } #important-lessons .hard-earned li { counter-increment: item-counter; text-align: center; font-size: 32px; padding: 0 15px; line-height: 1.1em; letter-spacing: 0.025em; font-weight: bold; max-width: 415px; width: 33.33%; } #important-lessons .hard-earned a:before { content: counter(item-counter) ""; display: block; height: 123px; width: 123px; min-width: 123px; line-height: 123px; margin: 0 auto 45px; border-radius: 50%; background: #00aeef; color: #fff; font-size: 53px; font-family: 'Montserrat'; transition: 0.3s; } #important-lessons .hard-earned a:hover:before { transform: scale(1.05); transition: 0.3s; } #important-lessons .hard-earned a { color: #404040; } @media (min-width: 992px){ #important-lessons #secondary-nav:not(.affix) ul li { width: 350px; display: flex; justify-content: center; } #important-lessons #secondary-nav:not(.affix) ul li a { display: flex; align-items: center; text-align: left; } #important-lessons #secondary-nav:not(.affix) ul li a .icon img { margin: 0 15px 0 0; } #important-lessons .hard-earned ul { display: flex; justify-content: center; align-items: flex-start; } #important-lessons .hard-earned a { width: 33.33%; } #important-lessons #secondary-nav.affix li { flex: 0 1 auto; } } @media (max-width: 991px){ #important-lessons .hard-earned ul::before { width: 3px; height: 80%; left: 75px; top: 50%; transform: translateY(-50%); } #important-lessons .hard-earned li { width: 100%; max-width: unset; } #important-lessons .hard-earned li a { display: flex; align-items: center; width: 100%; max-width: 100%; margin: 0 0 50px; text-align: left; } #important-lessons .hard-earned a:before { margin: 0 40px 0 0; text-align: center; } #important-lessons .hard-earned li:last-child a { margin-bottom: 0; } #important-lessons .hard-earned li br { display: none; } } @media (max-width: 510px){ #important-lessons .hard-earned ul::before { left: 50px; } #important-lessons .hard-earned li { font-size: 24px; } #important-lessons .hard-earned a:before { margin: 0 20px 0 0; font-size: 40px; height: 70px; width: 70px; min-width: 70px; line-height: 70px;} } /* */ #important-lessons .best-tenant { padding: 85px 0; } /* */ #important-lessons .be-serious { padding: 90px 0 70px; } #important-lessons .be-serious h3 { margin-bottom: 40px; } /* */ #important-lessons .be-strict { padding: 70px 0; } #important-lessons .be-strict h3 { margin-bottom: 40px; } /* Extraordinary Value/ Advantage Page ============================================= */ #extraordinary-value .intro { padding: 65px 0 95px; } #extraordinary-value .intro hr { margin: 35px auto 45px; } #extraordinary-value .intro .video { margin: 45px auto 75px; } /* */ #extraordinary-value .fast-pay { padding: 75px 0 85px; } /* */ #extraordinary-value .eviction-assistance { padding: 80px 0 75px; } /* */ #extraordinary-value .marketing { padding: 80px 0 90px; } /* */ #extraordinary-value .support { padding: 75px 0; } /* */ #extraordinary-value .repair-network { padding: 70px 0 100px; } /* */ #extraordinary-value .collections { padding: 80px 0 85px; } /* Testimonial Banner ============================================= */ #testimonials { padding: 100px 0 115px; } #testimonials hr { margin-top: 55px; margin-bottom: 75px; } #testimonials .widget-container, .widget-container { padding: 40px; max-width: 840px; margin: 50px auto 0; background: #fff; border-radius: 25px; } #reputation-widget-0 { border: 0!important; } @media (max-width: 425px){ #testimonials .widget-container { padding: 20px; } } /* ============================================= */ /*************** Tenants Persona *****************/ /* ============================================= */ @media (min-width: 992px){ #tenant-services #secondary-nav.affix li, #tenant-resources #secondary-nav.affix li { flex: 0 1 15%; } } #tenants-welcome { text-align: center; padding: 75px 0; } #tenants-welcome hr { margin: 40px auto 50px; } #tenants-welcome h3:first-of-type { max-width: 1090px; margin: 0 auto; } #tenants-welcome .row { text-align: left; } #tenants-welcome .row h3 { margin-bottom: 20px; } #tenants-welcome .video { max-width: 940px; margin: 40px auto; } /* Tenant Resources Page ================================================== */ .faq-banner { padding: 80px 0; } .faq-banner .launch-accordion { margin: 40px 0 0; } @media (min-width: 425px){ .faq-banner h2 { font-size: 36px; text-align: left; } } /* Welcome Packet */ #welcome-packet { padding: 75px 0 95px; } #welcome-packet h3 { margin: 25px 0; } #welcome-packet p { font-size: 20px; } /* Payment Options */ #payment-options .banner-content { padding: 90px 0 0; border-bottom: 32px solid #d7dddc; } #payment-options .banner-content .split h3.lines::before, .split h3.lines::after { background-color: #999999; height: 1px; max-width: 100%; } @media (min-width: 992px){ #payment-options .banner-content .row { display: flex; } #payment-options .banner-content .split { display: flex; justify-content: center; } #payment-options .banner-content .split h3.lines { flex-direction: column; } #payment-options .banner-content .split h3.lines::before { display: none; } #payment-options .banner-content .split h3.lines::after { min-width: 1px; flex-grow: 1; margin: 25px auto 0; } } /* Application FAQ */ #application-faq { padding-bottom: 15px; } /* Tenant FAQ */ #tenant-faq { padding-bottom: 115px; } #tenant-faq h2 { margin: 0 0 40px; } #tenant-faq .launch-accordion { margin-top: 0; } /* ============================================= */ /********* Office Locations Persona **************/ /* ============================================= */ /* Office List ============================================= */ #office-list { padding: 10px 0 40px; } #office-list h1 { margin-bottom: 10px; font-family: 'Montserrat'; font-weight: bold; font-size: 30px; letter-spacing: 0.025em; text-transform: uppercase; color: #00499b; } #office-list h3 { font-family: 'Montserrat'; font-weight: bold; font-size: 24px; letter-spacing: 0.025em; margin: 30px 0 0; } #office-list a { display: block; font-size: 20px; margin: 10px 0; letter-spacing: 0.025em; color: #00499b; } #office-list a:hover { color: #00aeef; } /* Office Details ============================================= */ body.no-calendly #footer-ctas .appointment { display: none; } #office-details #secondary-banner .lead { max-width: 750px; margin-right: auto; margin-left: auto; } #office-details #secondary-banner .lines::before, #office-details #secondary-banner .lines::after { background-color: #fff; max-width: 103px; height: 1px; } #office-details main { position: relative; padding-top: 140px; } /* Forms */ #office-details .ion-form label { display: none; } #office-details .ion-form input { height: 74px; line-height: 74px; border-radius: 0; border: 0; padding: 0 30px; } #office-details .ion-form select { border: 0; border-radius: 0; font-size: 18px; color: #404040; background: transparent; } #office-details .ion-form select:focus { outline: none; } #office-details .ion-form textarea { border-radius: 0; border: 0; padding: 20px 30px; } #office-details .ion-form button { height: 75px; line-height: 75px; font-size: 20px; letter-spacing: 0.095em; font-weight: bold; padding: 0; text-transform: uppercase; border-radius: 37.5px; max-width: 226px; margin-left: 8px; margin-top: 35px; } #office-details .ion-form ::-webkit-input-placeholder { font-size: 18px; color: #404040; } /* Sub Nav */ #sub-nav { position: absolute; top: 0; left: 0; right: 0; } #sub-nav.affix { top: 120px; background-color: #e7eeed; z-index: 999; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } #sub-nav.affix ul { margin: 0 auto; border: 0; } #sub-nav ul { max-width: 1728px; min-height: 60px; list-style: none; padding: 10px 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin: 35px auto 45px; display: flex; justify-content: center; align-items: center; width: 100%; text-align: center; font-size: 15px; text-transform: uppercase; } #sub-nav li { position: relative; font-size: 18px; font-family: 'Montserrat'; letter-spacing: normal; font-weight: bold; margin: 0 23px; padding-top: 4px; } #sub-nav li a { color: #00499b; transition: color 0.3s; position: relative; } #sub-nav li a::after { content: ''; height: 4px; width: 0; background: #00aeef; display: block; margin: 0 auto; transition: 0.3s; } #sub-nav li:hover a::after, #sub-nav li.active a::after { width: 28px; transition: 0.3s; } #sub-nav ul > li.login { position: relative; } #sub-nav ul > li.login a { text-decoration: none!important; } #sub-nav ul > li.login a::after { position: relative; right: 6px; } #sub-nav ul > li.login > ul { display: none; position: absolute; top: 100%; right: 0; margin: 0; border: 0; width: auto; background: #404040; padding: 0; } #sub-nav ul > li.login > ul > li { margin: 0; padding: 0 15px; line-height: 35px; transition: 0.3s; } #sub-nav ul > li.login > ul > li > a { color: #fff; font-weight: 400; letter-spacing: 0.025em; font-size: 16px; white-space: nowrap; } #sub-nav ul > li.login > ul > li:hover { background: #00aeef;transition: 0.3s; } #sub-nav ul > li.login:hover > ul { display:block; } #sub-nav ul > li.login.dropdown:hover > ul, #sub-nav li.login ul a::after, #sub-nav li.login ul a:hover::after { display:none; } @media (min-width: 992px){ #sub-nav .mobile-dropdown { display: none; } #sub-nav .mobile-dropdown + ul.dropdown { display: flex!important; } } @media (min-width: 768px) and (max-width: 1285px){ #sub-nav ul { justify-content: space-evenly; } #sub-nav li { margin: 0; } } @media (max-width: 1199px){ #sub-nav li { font-size: 16px; } } @media (max-width: 991px){ #sub-nav.affix { top: 50px; } #sub-nav ul, #sub-nav li a::after { display: none; } #sub-nav ul > li.login > ul { position: relative; } #sub-nav li { padding: 0; line-height: 35px; } #sub-nav li a { color: #e7eeed; } #sub-nav li:hover a, #sub-nav li.active a { color: #00aeef; } #sub-nav .mobile-dropdown { text-align: center; font-size: 18px; font-family: 'Montserrat'; letter-spacing: normal; font-weight: bold; color: #00499b; padding: 10px 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin: 35px auto 45px; } #sub-nav .mobile-dropdown .active { padding-right: 8px; } #sub-nav .mobile-dropdown + ul { display: none; border: 0; margin: 0; position: absolute; top: calc(100% - 45px); width: auto; left: 0px; right: 0px; background: #404040; z-index: 1; } #sub-nav .mobile-dropdown + ul.dropdown { display: none; } #sub-nav .mobile-dropdown li a { color: #fff!important; } #sub-nav .mobile-dropdown + ul li.login > ul { width: 100%; left: 0; } /* #sub-nav:hover .mobile-dropdown + ul { display: block; } */ #sub-nav.affix .mobile-dropdown { margin: 0; } #sub-nav.affix .mobile-dropdown + ul { top: 100%; } } /* Intro Banner */ #office-details .intro { padding: 20px 0 100px; } #office-details .intro > .container > p { margin-bottom: 35px; letter-spacing: 0.025em; font-size: 24px; } #office-details .intro .btn { margin-bottom: 55px; } #office-details .intro .video { margin-bottom: 50px; } /* #office-details .intro p:not(.lead) { font-size: 22px; } */ #office-details .intro hr { margin: 55px auto 65px; } /* Free Rental Analysis */ #free-rental-analysis h3 { font-size: 36px; font-weight: bold; max-width: 990px; margin: 0 auto 40px; font-family: 'Montserrat'; } /* Maximize Investment Banner */ #office-details .maximize { position: relative; padding: 145px 0 115px; background: #00499b; color: #fff; } #office-details .maximize::after { content: ''; position: absolute; left: 0; top: 0; width: 15%; height: 85px; background: #e7eeed; } #office-details .maximize::before { content: ''; position: absolute; left: 15%; top: -85px; width: 0; height: 0; border-style: solid; border-width: 85px 0 85px 70px; border-color: transparent transparent transparent #e7eeed; } #office-details .maximize h2 { margin-bottom: 100px; } #office-details .maximize ul { position: relative; list-style: none; padding: 0; margin: 0 0 80px; z-index: 1; } #office-details .maximize ul::before { content: ''; position: absolute; height: 3px; width: 60%; background: #fff; left: 50%; transform: translateX(-50%); top: 48px; z-index: -1; } #office-details .maximize li { counter-increment: item-counter; text-align: center; font-size: 22px; padding: 0 15px; line-height: 1.1em; letter-spacing: 0.025em; font-weight: bold; max-width: 350px; width: 33.33%; } #office-details .maximize li:before { content: counter(item-counter) ""; display: block; height: 98px; width: 98px; min-width: 98px; line-height: 98px; margin: 0 auto 30px; border-radius: 50%; background: #fff; color: #00aeef; font-size: 42px; font-family: 'Montserrat'; transition: 0.3s; } @media (min-width: 992px){ #office-details .maximize ul { display: flex; justify-content: center; align-items: flex-start; } #office-details .maximize li { width: 33.33%; } } @media (max-width: 991px){ #office-details .maximize ul::before { width: 3px; height: 80%; left: 50px; top: 50%; transform: translateY(-50%); } #office-details .maximize li { width: 100%; max-width: unset; padding: 0; } #office-details .maximize li { display: flex; align-items: center; width: 100%; max-width: 100%; margin: 0 0 50px; text-align: left; } #office-details .maximize li:before { margin: 0 40px 0 0; text-align: center; } #office-details .maximize li:last-child a { margin-bottom: 0; } #office-details .maximize li br { display: none; } } @media (max-width: 510px){ #office-details .maximize ul::before { left: 36px; } #office-details .maximize li { font-size: 24px; } #office-details .maximize li:before { margin: 0 20px 0 0; font-size: 30px; height: 70px; width: 70px; min-width: 70px; line-height: 70px;} } /* Analysis Banner */ #office-details .analysis { padding: 95px 0 110px; } #office-details .analysis h2 { margin-bottom: 65px; } #office-details .analysis .btn { margin-top: 30px; } /* AMP Banner ================================================== */ #rental-analysis { padding: 0; background-color:none!important; color:#FFF;} #rental-analysis .frs-btn { background-color:#02abeb!important; border-color:#02abeb!important; } #rental-analysis h2 { margin-bottom: 20px!important; } #rental-analysis h3 { font-size: 36px; margin-bottom: 20px; } #rental-analysis h3 a{color:#fff !important;} #rental-analysis .image { text-align: center; align-self: flex-end; } #rental-analysis .content { padding: 100px 15px; align-self: center; } #rental-analysis .analysis-form { max-width: 980px; margin: 50px auto 0; } #rental-analysis form label { display: none; } #rental-analysis form input { height: 74px; border-radius: 0; padding: 0 20px; box-shadow: unset; border: 1px solid #ccc; color: #000; } #rental-analysis form input:focus { outline: none; } #rental-analysis form button { text-transform: uppercase; flex-basis: 150px; display: block; margin: 15px auto 0; } @media (min-width: 992px){ #rental-analysis .flex-row { display: flex; } #rental-analysis .image { order: -1; flex: 0 1 40%; } #rental-analysis .content { flex: 1 1 50%; max-width: 980px; } } @media (min-width: 992px) and (max-width: 1284px){ #rental-analysis .image { align-self: center; position: relative; } #rental-analysis .image::after { content: ''; background: #ccc; height: 1px; width: 90%; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } } @media (min-width: 601px){ #rental-analysis .analysis-form .quick-lead { display: flex; } #rental-analysis form button { margin: 0; } } @media(max-width:500px){ #rental-analysis h3 {font-size:24px !important;} } /* AMP Banner ================================================== */ #free-rental-analysis { padding: 0; background:#001f4c; color:#FFF;} #free-rental-analysis .frs-btn { background-color:#02abeb!important; border-color:#02abeb!important; } #free-rental-analysis h2 { margin-bottom: 20px!important; } #free-rental-analysis h3 { font-size: 36px; margin-bottom: 20px; } #free-rental-analysis .image { text-align: center; align-self: flex-end; } #free-rental-analysis .content { padding: 100px 15px; align-self: center; } #free-rental-analysis .analysis-form { max-width: 980px; margin: 50px auto 0; } #free-rental-analysis form label { display: none; } #free-rental-analysis form input { height: 74px; border-radius: 0; padding: 0 20px; box-shadow: unset; border: 1px solid #ccc;color:#000; } #free-rental-analysis form input:focus { outline: none; } #free-rental-analysis form button { text-transform: uppercase; flex-basis: 150px; display: block; margin: 15px auto 0; } @media (min-width: 992px){ #free-rental-analysis .flex-row { display: flex; } #free-rental-analysis .image { order: -1; flex: 0 1 40%; } #free-rental-analysis .content { flex: 1 1 50%; max-width: 980px; } } @media (min-width: 992px) and (max-width: 1284px){ #free-rental-analysis .image { align-self: center; position: relative; } #free-rental-analysis .image::after { content: ''; background: #ccc; height: 1px; width: 90%; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } } @media (min-width: 601px){ #free-rental-analysis .analysis-form .quick-lead { display: flex; } #free-rental-analysis form button { margin: 0; } } /* What We Do */ #what-we-do { padding: 135px 0; } #what-we-do .btn { margin-top: 60px; } /* Why Us */ #why-us { padding: 85px 0 0; } #why-us h2 { margin-bottom: 50px; } #why-us h3 { margin-bottom: 40px; font-size: 36px; } #why-us p.lead { font-size: 24px; } #why-us .lines { margin-top: 50px; } /* Contact */ #contact { padding: 0 0 110px; } /* #contact::before { content: ''; height: 0px; width: 2px; background: rgba(109,109,109,0.8); display: block; margin: 0 auto 40px; } #contact.animate::before { height: 125px; transition: 0.3s; animation-delay: 2s; } */ #contact h2, #contact + h2 { font-size: 36px; margin-bottom: 50px; text-transform: uppercase; } #contact ul { font-size: 24px; letter-spacing: 0.095em; color: #404040; } #contact ul.address { display: inline; } #contact ul a { color: #404040; } #contact ul a:hover { color: #00aeef; } #contact .map-container { margin: 30px 0 0; border: 4px solid #fff; overflow: hidden; } #contact .map-container iframe { margin-bottom: -7px; } #contact .alt-phone, #contact .alt-phone-list, #contact .office-2 { display: none; } #contact .office-information a { white-space: nowrap; } @media (max-width: 400px){ #contact h2 { font-size: 26px; } #contact ul { font-size: 20px; } } /* Multi-Office Contact */ body.multi-office #contact .office-2, body.add-phone #contact .office-1 .alt-phone, body.add-phone-office-2 #contact .office-2 .alt-phone, body.add-phone-list #contact .office-1 .alt-phone-list { display: block; } @media (min-width: 992px){ body.multi-office #contact .office-information { display: flex; margin: 0 -25px; } body.multi-office #contact .office-information > * { padding: 0 25px; } } @media (max-width: 991px){ body.multi-office #contact .office-2 { margin-top: 60px; } } /* Area Rentals Page ================================================== */ #area-rentals { padding-bottom: 45px; } /* Agent Referrals Page ================================================== */ #agent-referrals h2 { max-width: 660px; margin-left: auto; margin-right: auto; } #agent-referrals .btn { margin-bottom: 50px; } #agent-referrals #make-a-referral > h3 { font-size: 36px; font-weight: bold; margin: 0 auto 20px; font-family: 'Montserrat'; } /* Videos ================================================== */ #videos .row { display: flex; flex-wrap: wrap; align-items: flex-end; } #videos h3 { font-size: 30px; font-weight: bold; margin: 0 0 20px; } #videos .video-wrapper { margin-bottom: 50px; } @media (max-width: 991px){ #videos .row > * { flex-grow: 1; } } /* Showings button ============================================================*/ .showings-btn {display:none;} .showings .showings-btn {display: block !important;} /* About Page ============================================= */ #about-page #secondary-banner .container { padding: 175px 15px 100px; margin: auto; } #about-page .video { background: #002e5b; width: 100%; margin: 50px auto 0; } #about-page .prompt { padding: 0; } #about-intro { padding: 65px 0 0; text-align: center; } #about-intro hr { margin: 45px auto 50px; } #about-intro .team-image { position: relative; width: 100%; background: #ced4d3; height: 0; padding-top: 43%; overflow: hidden; } #about-intro .team-image img, #about-bios .bio-image .image img, .bio.fancybox-content .bio-image .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; object-fit: cover; object-position: middle; font-family: 'object-fit: cover; object-position: top;'; } #about-bios { padding: 0 0 100px; } #about-bios .bio, .bio.fancybox-content { display: flex!important; justify-content: space-between; margin-top: 65px; } #about-bios .bio-image, .bio.fancybox-content .bio-image { min-width: 22%; } #about-bios .bio-image .image, .bio.fancybox-content .bio-image .image { position: relative; width: 100%; background: #ced4d3; height: 0; padding-top: 113%; overflow: hidden; } #about-bios .bio-details, .bio.fancybox-content .bio-details { padding-left: 30px; margin: auto 0; flex: 1 1 auto; color: #404040; font-size: 18px; letter-spacing: 0.025em; line-height: 1.33; } #about-bios .bio-details .name, .bio.fancybox-content .bio-details .name { font-size: 24px; letter-spacing: 0.025em; color: #002e5b; font-weight: bold; text-transform: uppercase; margin: 30px 0 0; } #about-bios .bio-details .title, .bio.fancybox-content .bio-details .title { font-size: 24px; letter-spacing: 0.025em; color: #002e5b; font-weight: bold; margin: 5px 0 25px; } #about-bios .team { list-style: none; margin: 0; padding: 0; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-evenly; margin: 0 -25px; } #about-bios .team li { flex-basis: 25%; padding: 0 25px; } #about-bios .team .bio { display: block!important; } #about-bios .team .bio-details { padding: 0; } #about-bios .team .bio-details * { display: none; } #about-bios .team .bio-details .name { display: block; margin-top: 30px; } #about-bios .team .bio-details .title { display: block; } .bio.fancybox-content { max-width: 900px; margin: auto; } .bio.fancybox-content .bio-details .name { margin-top: 0; } .bio.fancybox-content .bio-details * { display: block; } .bio.fancybox-content .bio-details > *:last-child { margin-bottom: 0; } .fancybox-slide, .fancybox-slide--current { display: flex!important; } .fancybox-button { color: #707070!important; } @media (min-width: 992px) { #about-page .video { flex-basis: 43%; margin: auto; } #about-page .prompt { padding: 0 30px; flex-basis: 47%; } #about-bios .bio-details { padding-left: 55px; } .bio.fancybox-content .bio-details { padding-left: 35px; } } @media (min-width: 992px) and (max-width: 1420px) { #about-page #secondary-banner .container { padding: 225px 15px 100px; } } @media (max-width: 1199px) { #about-bios .bio-details .name { margin-top: 0; } } @media (max-width: 991px) { #about-page #secondary-banner .container { flex-wrap: wrap; } #about-bios .team { margin: 0 -15px; } #about-bios .team li { flex-basis: 33.33%; padding: 0 15px; } #about-bios .bio-image { min-width: 30%; } } @media (max-width: 650px) { #about-bios .bio, .bio.fancybox-content { flex-wrap: wrap; text-align: center; } #about-bios .bio-image { margin: auto auto 35px; width: 100%; max-width: 278px; } #about-bios .bio-details, .bio.fancybox-content .bio-details { padding-left: 0px; } #about-bios .team { margin: 0; } #about-bios .team li { flex-basis: 50%; } .bio.fancybox-content .bio-details .name { margin-top: 30px; } .bio.fancybox-content .bio-image { margin: auto; min-width: 80%; } } @media (max-width: 630px) { #about-page #secondary-banner .container { padding: 225px 15px 100px; } } @media (min-width: 526px) { #about-bios .team .bio-details .name { font-size: 20px; } #about-bios .team .bio-details .title {font-size: 20px; } } @media (max-width: 525px) { #about-page #secondary-banner .container { padding: 175px 15px 70px; } #about-bios .team li { flex-basis: 100%; } } @media (max-width: 500px){ #about-page #secondary-banner .container, #about-page .prompt, #about-page .video { flex-basis: 100%; } } .video-wrapper-custom { position:relative; display:block; height:0; padding:0; overflow:hidden; padding-bottom:56.25%; } .video-wrapper-custom .video-thumbnail { height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .video-wrapper-custom .video-thumbnail::before { content: ''; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.35); background-image: url('/images/logo.png'); background-repeat: no-repeat; background-position: calc(100% - 20px) calc(100% - 20px); opacity: 0.7; background-size: 46%; } .video-wrapper-custom .video-thumbnail::after { content: url('/images/play-arrow.svg'); text-align: center; padding-top: 5px; padding-left: 5px; height: 59px; width: 59px; border-radius: 50%; line-height: 59px; background: rgba(0,0,0,0.5); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.3s; } .video-wrapper-custom .video-thumbnail:hover { cursor: pointer; } .video-wrapper-custom .video-thumbnail:hover::after { background: rgba(0,0,0,0.8); transition: 0.3s; } .video-wrapper-custom img { height: 100%; width: 100%; } .video-wrapper-custom iframe { position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; border:0; z-index: -1; transition: 0.3s; } .video-wrapper-custom #ytplayer { z-index: 99; transition: 0.3s; } /* Vendors ================================================== */ #vendors #secondary-banner .jarallax-img { object-position: 80% 50%!important; } #vendors main .intro { padding: 0 0 20px; text-align: center; } #vendors main hr { margin: 40px auto 50px!important; } /* Properties Widget ================================================== */ .frs-widget.prop-new .prop-new-item, .frs-widget.prop-rented .prop-rented-item { padding: 5px 0px 5px 0px; margin:0px; } .frs-widget.prop-new .prop-new-item .prop-img, .frs-widget.prop-rented .prop-rented-item .prop-img { width: 33%; float:left; margin-right:0;} .frs-widget.prop-new .prop-new-item, .frs-widget.prop-rented .prop-rented-item { font-size: 0.85em; } .frs-widget.prop-new .prop-new-item .prop-info, .frs-widget.prop-rented .prop-rented-item .prop-info { width :64%;float:right; } .frs-widget.prop-new .prop-new-item .prop-details, .frs-widget.prop-rented .prop-rented-item .prop-details { padding-top: 5px; } .frs-widget.prop-new .prop-new-item .prop-title a {font-size:.85em;} .frs-widget.prop-view .prop-apply, .frs-widget.prop-view .prop-showing { text-transform:none; } .frs-widget.prop-view .prop-form button { height:auto; min-width: 0; width: 100%; height: 48px; line-height: 48px; padding: 0; } .frs-widget .frs-btn, .frs-widget .prop-result .prop-btn a, .frs-tabl-link .frs-btn { background:#002e5b; border-color:#002e5b; border-width: 1px; border-style: solid; color:#fff!important; padding: 15px 30px; font-size: 18px; line-height: 1.3333333; border-radius: 0px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-weight: normal; } .frs-widget .frs-btn:hover, .frs-widget .prop-result .prop-btn a:hover, .frs-tabl-link .frs-btn:hover { color: #002e5b !important; background: #ffffff!important; text-decoration: none; } .frs-widget .prop-tabs { width: 100%; } .frs-widget .prop-tabs .prop-tab-nav ul li a { background: #002e5b; } .frs-widget form input[type='text'], .frs-widget form select {border:1px solid #999;} .frs-widget.prop-view { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .frs-widget.prop-view .prop-tabs .prop-tab-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .frs-widget.prop-view .prop-tabs .prop-tab-nav ul li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: auto; flex-basis: auto; } .frs-widget.prop-view .prop-tabs .prop-tab-nav ul li:last-child { margin-right: 0; } .frs-widget.prop-view .prop-tabs .prop-tab-nav ul li a { width: 100%; } .frs-widget.prop-view .prop-view-cmd { margin-left: auto; -webkit-box-ordinal-group: -2; -ms-flex-order: -3; order: -3; } .frs-widget.prop-view .prop-title { line-height: 1.2em; margin: 15px 0 30px; color: #2E2E2E; width: 100%; -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; } .frs-widget.prop-view .prop-form { padding: 0!important; } .frs-widget.prop-view .prop-form label {width:100%; padding:0; margin-bottom:0; font-weight: bold; } .frs-widget.prop-view .prop-form label + br {display:none;} .frs-widget.prop-view .prop-form input { padding: 3px 8px; } .frs-widget.prop-view .prop-form textarea {border:1px solid #999;} .frs-widget.prop-view .prop-form { width:247px; padding: 0 0 15px; margin-bottom: 30px; } .frs-widget.prop-view .prop-form .prop-lead-form { padding: 15px; background: #f9f9f9; } .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: #002e5b; } .frs-widget.prop-view .prop-form .prop-form-hdr { color: #fff; background: #002e5b; border: 0; margin: 0; padding: 15px; text-align: center; } .frs-widget.prop-view .prop-info { margin-right: 20px; padding-top: 0; } .frs-widget.prop-view .prop-details > div { padding: 0px; margin: 0; } .frs-widget.prop-view .prop-details .prop-rent, .frs-widget.prop-view .prop-phone { margin: 20px 0 10px; } .frs-widget.prop-view .prop-gallery { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .frs-widget.prop-view .prop-gallery .prop-img { overflow: hidden; margin-bottom: 4px; } .frs-widget.prop-view .prop-gallery .prop-img img { -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; } .frs-widget.prop-view .prop-gallery .prop-img a:hover { opacity: 1; } .frs-widget.prop-view .prop-gallery .prop-img a:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-transition: 1s; -o-transition: 1s; transition: 1s; } .frs-widget.prop-view .prop-gallery .prop-thmb-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; position: relative; } .frs-widget.prop-view .prop-gallery .prop-thmbs { margin: 0 0 0 -8px; } .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb, .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb:first-child { width: 25%; margin: 0; -ms-flex-preferred-size: auto; flex-basis: auto; float: none; overflow: hidden; position: relative; } .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb a { display: block; width: 100%; height: 0; padding-top: 80%; position: relative; margin: 4px 8px; overflow: hidden; } .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb a:hover { opacity: 1; } .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb img { max-width: none; max-height: none; min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 1s; -o-transition: 1s; transition: 1s; } .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb a:hover img { -webkit-transform: translate(-50%,-50%) scale(1.05); -ms-transform: translate(-50%,-50%) scale(1.05); transform: translate(-50%,-50%) scale(1.05); -webkit-transition: 1s; -o-transition: 1s; transition: 1s; } .frs-widget.prop-view .prop-gallery .prop-gallery-count { margin: 15px auto 35px; font-size: 14px; font-weight: 300; } .frs-widget.prop-view .prop-section h3 { font-weight: 400; margin: 0 0 10px; } .frs-widget.prop-view .prop-links { border: 0; background: #f9f9f9; } .frs-widget .prop-tabs .prop-section > div { margin: 8px 0px; } .frs-widget.prop-view .prop-details-tab .prop-video, .frs-widget.prop-view .prop-video-tab { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 20px; } .frs-widget.prop-view .prop-details-tab .prop-video iframe, .frs-widget.prop-view .prop-video-tab iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 0; } .frs-widget form label {font-weight:normal;} .prop-list-paging { width: 100%; } .frs-paging { padding: 40px 0; display: flex; justify-content: space-between; flex-direction: row-reverse; position: relative; } .frs-paging > div { display: none; margin: 0; float: none; } .frs-paging-btn:first-child, .frs-paging-btn:last-child, .frs-paging-btn.active { display: block; } .frs-paging-btn:first-child a::after { content: '>'; padding-left: 8px; } .frs-paging-btn:last-child a::before { content: '<'; padding-right: 8px; } .frs-paging-btn a { background:#00aeef; border: 1px solid #00aeef; color:#404040; font-size: 16px; letter-spacing: 0.025em; text-transform: uppercase; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; border-radius: 20px; } .frs-paging-btn a:hover, .frs-paging-btn.active a { background:#404040; color:#00aeef; } .frs-paging-btn.active a { border: 0; text-transform: lowercase; background:transparent; color:#404040; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .frs-paging-btn.active a:hover { background:transparent; color:#404040; } .frs-paging-btn.active a::before { content: 'page'; padding-right: 8px; } .frs-paging-btn.active a::after { display: none; } .prop-map { height: 550px; width: 100%; } .frsw-card-video-tour { position: absolute; top: 5px; left: 5px;} .frs-widget .hide.active { display: block!important; } .lightbox .lb-image { max-width: inherit; } .prop-ad-links * {-webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; filter: url("data:image/svg+xml;utf8,#greyscale");} @media screen and (max-width:1199px) { .frs-widget.prop-list .prop-search {padding:20px 50px;} .frs-widget.prop-view .prop-info {margin: 0 1%; width: 21%; } .frs-widget.prop-view .prop-thmbs { display: block; } .frs-widget.prop-view .prop-gallery { margin: 0; width: 50%; } } @media screen and (max-width:1060px) { .frs-widget.prop-list .prop-search {padding:20px 50px;} .frs-widget.prop-view .prop-info {margin: 0 1%; width: 21%; } .frs-widget.prop-view .prop-thmbs { display: block; } .frs-widget.prop-view .prop-gallery { margin: 0; width: 50%; } } @media screen and (max-width: 991px) { .frs-widget.prop-view .prop-form { width: 100%; max-width: 500px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 50px auto 0; } .frs-widget.prop-view .prop-info { width: 30%; padding-left: 0; padding-top: 0; margin-left: 0; } .frs-widget.prop-view .prop-gallery { width: 60%; } .frs-widget.prop-view .prop-links { width: 100%; text-align: center; } } @media screen and (max-width: 890px) { .frs-widget.prop-list .prop-search {padding:20px 10px;} } @media screen and (max-width: 768px) { .frs-widget.prop-list .prop-search .prop-search-form-rent {clear:both;} .frs-widget.prop-list .prop-search .prop-search-form-button {clear:both; float:none;} .frs-widget .prop-result .prop-img, .frs-widget .prop-result .prop-info, .frs-widget .prop-result .prop-details {float:none; width:100%; text-align:center;} .prop-list-paging {position: relative; display: inline-block;} .frs-widget.prop-list .prop-search .prop-search-form-keyword, .frs-widget.prop-list .prop-search .prop-search-form-rent, .frs-widget.prop-list .prop-search .prop-search-form-pets, .frs-widget.prop-list .prop-search .prop-search-form-sort, .frs-widget.prop-list .prop-search .prop-search-form-button {width:100%; margin-left:0; padding-left:0;} .frs-widget.prop-list .prop-search .prop-search-form-beds, .frs-widget.prop-list .prop-search .prop-search-form-baths {width:49%; margin-left:0; padding-left:0;} .frs-widget.prop-list .prop-search .prop-search-form-baths {margin-left:2%;} .frs-widget {text-align:center;} .frs-widget.prop-view .prop-form, .frs-widget.prop-view .prop-info {width:100%; padding-left: 0px; padding-right: 0px; } .frs-widget.prop-view .prop-form label { text-align: left; } .frs-widget.prop-view .prop-info {margin-left:0px; } .frs-widget.prop-view .prop-gallery {margin-left:0%; clear:both; width:100%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .frs-widget.prop-view .prop-links {width:100%;} .frs-widget.prop-view .prop-gallery .prop-gallery-count { padding-bottom: 10px; } } @media screen and (max-width: 560px) { .frs-widget.prop-list .prop-search .prop-search-form-keyword, .frs-widget.prop-list .prop-search .prop-search-form-rent, .frs-widget.prop-list .prop-search .prop-search-form-pets, .frs-widget.prop-list .prop-search .prop-search-form-sort, .frs-widget.prop-list .prop-search .prop-search-form-button {width:100%; margin-left:0; padding-left:0;} .frs-widget.prop-list .prop-search .prop-search-form-beds, .frs-widget.prop-list .prop-search .prop-search-form-baths {width:49%; margin-left:0; padding-left:0;} .frs-widget.prop-list .prop-search .prop-search-form-baths {margin-left:2%;} .frs-widget.prop-view .prop-form, .frs-widget.prop-view .prop-info {width:100%;} .frs-widget.prop-view .prop-info { margin: 0 0 40px; padding: 0px; } .frs-widget.prop-view .prop-form {padding-right:0;} .frs-widget.prop-view .prop-form form input[type='text'],.frs-widget.prop-view .prop-form form textarea { width: 100%; } } @media screen and (max-width: 475px) { .frs-widget.prop-view .prop-tabs .prop-tab-nav ul { height:auto; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align:center; width:100%; } .frs-widget.prop-view .prop-tabs .prop-tab-nav ul li { width:100%; margin: 0 0 2px;} .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb, .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb:first-child { width: 25%; } } @media screen and (max-width: 375px) { .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb, .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb:first-child { width: 33.33%; } } @media (max-width: 991px){ .mobile-show { display: block !Important; } .mobile-hide { display: none !Important; } .mobile-detect { height: 1px; position: absolute; z-index: -99; } } @media (min-width: 1313px){ .container { width: 1285px; } } /* Fix jacked up social links on FRS Property page */ .frs-widget.prop-view .prop-links .prop-share .prop-fb { width: 127px; margin: 0 10px; height: 23px; } .frs-widget.prop-view .prop-links .prop-share .prop-twitter { margin: 0 0 0 10px; } .frs-widget.prop-view .prop-links .prop-share .prop-pintrest { position: relative; top: -6px; left: 4px; } /* Color override for alternate PM Page */ #pm-info .icon { background-color: #00aeef!important; } #pm-info .analysis-cta .analysis-arrow svg { fill: #00aeef!important; } #pm-explore .service .title .icon, #pm-explore .service .title h3 { color: #00aeef!important; } /* COLORS TO UPDATE AMP BELOW =============================== */ /* Step 1 Colors */ .launch-quick-lead .phone {color:#fff;} .launch-quick-lead .phone a{color: #fff;} .launch-quick-lead p { color:#fff; } .launch-quick-lead .frs-widget.quick-lead.step-1 button {border-color:#00aeef!important; background-color:#00aeef!important; color: #fff;} .launch-quick-lead .frs-widget.quick-lead.step-1 button:hover{background-color: #fff!important; color: #00aeef!important;} /* Step 2 Colors */ .launch-quick-lead.step-2 .phone{color: #003979!important;} .launch-quick-lead.step-2 .phone a{color: #003979!important;} .launch-quick-lead.step-2 h1 { color:#000!important;} .launch-quick-lead.step-2 button { background-color:#003979!important; border: 1px solid #003979!important; } .launch-quick-lead.step-2 p {color:#000;} .launch-quick-lead.step-2 .header { background: #d7dddc!important; color: #000; } .box-shadow, ul.listings li, .frs-widget.prop-view .prop-lead-form, .frs-widget.prop-view .prop-gallery .prop-img, .prop-links, .prop-tab-nav a, .prop-info .frs-btn, .prop-list .prop-search, #popup .modal-header button.close { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.2,5s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .box-shadow:hover, ul.listings li:hover, .frs-widget.prop-view .prop-gallery .prop-img:hover, .prop-tab-nav a:hover, .prop-info .frs-btn:hover, .btn-alt:hover, .btn-stack .btn:hover, .btn-stack-btn:hover { -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .frsw-btn-primary {background:#00aeef; border-color: #00aeef;} .frsw-btn-primary:hover{background-color: #fff; color: #00aeef !important;border-color: #00aeef;} .frsw-nav-pills .frsw-nav-link.frsw-active, .frsw-nav-pills .frsw-show > .frsw-nav-link{background:#00aeef; border-color: #00aeef;} .frsw-nav-pills .frsw-nav-link.frsw-active:hover, .frsw-nav-pills .frsw-show > .frsw-nav-link:hover {background-color: #fff; color: #00aeef !important;border-color: #00aeef !important;} .frsw-btn-info {background:#1b2447;border-color:#1b2447;border-radius:0;margin-bottom:10px;} .frsw-btn-info:hover {background:#fff;border-color:#1b2447;color:#1b2447 !important;} .frsw-card-title.text-primary {color:#00aeef !important;} .freerentalsite-widget p {color:#FFF;} .freerentalsite-widget h1 {margin-top:15px;} .frsw-page-item.frsw-active .frsw-page-link {background-color:#00aeef;border-color:#00aeef;} .frsw-page-link {color:#00aeef;} #maximize-investment ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;} #maximize-investment li { padding: 0 10px; } #maximize-investment a { position: relative; color: #FFF; display: block; text-transform: uppercase; font-size: 22px; font-weight:normal;} #maximize-investment p { font-size:16px; padding:10px; text-transform:none; font-weight:normal;} #maximize-investment a::after { content: ''; position: absolute; bottom: -15px; left: 0; right: 0; height: 1px; background: #00aeef; width: 0; margin: 0 auto; opacity: 0; transition: 0.3s; } #maximize-investment a:hover::after { width: 52px; opacity: 1; transition: 0.3s; } #maximize-investment a:hover img { transform: scale(0.9); transition: 0.3s; } #maximize-investment .icon { height: 97px; display: flex; align-items: center; justify-content: space-around; } #maximize-investment img { display: block; margin: 0 auto 30px; transition: 0.3s; } #maximize-investment hr {margin-bottom:50px; border-color:#FFF;} #maximize-investment .btn { text-align:center; display:inline; padding:15px 30px;} #maximize-investment ul.inline-icons li { margin: auto auto 45px; flex-basis: 230px; padding: 0 15px; } @media(max-width:500px){ #maximize-investment .btn {font-size:20px;} } @media (max-width: 991px){ #maincontent #secondary-nav { display:none!important; } }