/* * ---------------------------------------- * * Name: JLL Residential Primary Styles * * Version: Not Versioned * * ---------------------------------------- * */ /* import normalise */ @import url("../../Global/styles/libs/normalise-1.0.3.min.css"); @font-face { font-family: 'Source Sans Pro'; src: url('/Assets/Residential/fonts/SourceSansPro-Semibold.ttf') format('truetype'); } @font-face { font-family: 'Source Sans Pro Light'; src: url('/Assets/Residential/fonts/SourceSansPro-Light.ttf') format('truetype'); } @font-face { font-family: 'Source Sans Pro Regular'; src: url('/Assets/Residential/fonts/SourceSansPro-Regular.ttf') format('truetype'); } /* ----------------------------- global ---------------------------- */ html { height: 100%; min-height: 100%; font-size: 62.5%; overflow: auto; } html.no-overflow { overflow: hidden; } body { margin: 0; padding: 0; font-family: Georgia, serif; font-size: 1.4em; color: #3d3d3d; height: 100%; min-height: 100%; word-wrap: break-word; } #backgroundvideo, .backgroundimage { position: fixed; bottom: 0; right: 50%; text-align: center; width: 100%; line-height: 0; } #backgroundvideo video, .backgroundimage img { margin-right: -100%; max-width: none; } body > form { height: 100%; min-height: 100%; } a, a:visited { color: #e30613; text-decoration: none; -webkit-transition: background 0.2s ease, text-decoration 0.2s ease, color 0.2s ease; -moz-transition: background 0.2s ease, text-decoration 0.2s ease, color 0.2s ease; -o-transition: background 0.2s ease, text-decoration 0.2s ease, color 0.2s ease; transition: background 0.2s ease, text-decoration 0.2s ease, color 0.2s ease; } a:hover { text-decoration: none; color: #e30613; } a:hover, a:active { outline: 0; } img { border: none; outline: none; max-width: 100%; height: auto; } ul { list-style: none; } ul, ol { padding: 0; margin: 0; font-family: 'Source Sans Pro', sans-serif; font-weight: 500; font-style: normal; margin-bottom: 15px; margin-bottom: 1.5rem; } li { text-transform: uppercase; } .unformatted li { text-transform: none; font-size: 14px; font-size: 1.4rem; line-height: 19px; line-height: 1.9rem; font-family: Georgia, serif; } p { margin-bottom: 10px; margin-bottom: 1rem; margin-top: 0; font-size: 14px; font-size: 1.4rem; line-height: 19px; line-height: 1.9rem; } p.small { font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; } #container p { margin-bottom: 15px; margin-bottom: 1.5rem; } .gm-style { word-wrap: normal; line-height: initial; } .gm-style-mtc { line-height: 12px; } /* headers */ h1, h2, h3, h4, h5, h6 { font-family: 'Source Sans Pro', sans-serif; font-weight: 500; font-style: normal; color: #e30613; margin-top: 0; margin-bottom: 5px; margin-bottom: 0.5rem; position: relative; } h1 { font-size: 24px; font-size: 2.4rem; line-height: 25px; line-height: 2.5rem; margin-bottom: 16px; margin-bottom: 1.6rem; text-transform: uppercase; } h2 { font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; text-transform: uppercase; } h3 { font-size: 14px; font-size: 1.4rem; line-height: 25px; line-height: 2.5rem; text-transform: none; text-align: center; font-family: Georgia, serif; color: #3d3d3d; } h4 { font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; text-transform: uppercase; } h5 { font-size: 12px; font-size: 1.2rem; line-height: 20px; line-height: 2rem; text-transform: uppercase; } h6 { font-size: 12px; font-size: 1.2rem; line-height: 20px; line-height: 2rem; margin-bottom: 15px; margin-bottom: 1.5rem; color: #3d3d3d; } h1 .reference { margin-left: 20px; margin-left: 2rem; float: right; font-size: 14px; font-size: 1.4rem; line-height: 25px; line-height: 2.5rem; color: #393939; font-family: Georgia, serif; text-transform: none; } h2 .small { font-family: Georgia, serif; font-size: 14px; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; text-transform: none; } h3.subheading { display: table; font-weight: bold; margin-bottom: 1.5rem; white-space: nowrap; } h3.subheading:before, h3.subheading:after { background: url(/Assets/Residential/images/icons/subheading-bg.png) left center repeat-x; content: ""; display: table-cell; width: 50%; } h3.subheading span { padding: 0px 10px; padding: 0 1rem; } iframe[name=google_conversion_frame] { display: none !important; } .red-text { color: #e30613 !important; } h1.red-text { font-size: 34px; font-size: 3.4rem; line-height: 36px; line-height: 3.6rem; margin-top: 20px; margin-top: 2rem; margin-bottom: 30px; margin-bottom: 3rem; } p.red-text { font-size: 16.5px; font-size: 1.65rem; line-height: 22px; line-height: 2.2rem; } /* forms */ #container input[type="checkbox"] + label, #landing input[type="checkbox"] + label { width: auto !important; float: none !important; text-transform: uppercase; font-family: 'Gotham A', 'Gotham B', arial, helvetica, sans-serif; font-weight: 500; font-style: normal; font-size: 11px; font-size: 1.1rem; padding-right: 0 !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; } #container input[type="text"], #container input[type="email"], #container textarea, #landing input[type="text"], #landing input[type="email"], #landing textarea { background: transparent; color: #3d3d3d; text-transform: uppercase; font-family: 'Gotham A', 'Gotham B', arial, helvetica, sans-serif; font-weight: 500; font-style: normal; font-size: 11px; font-size: 1.1rem; line-height: 30px; line-height: 3rem; height: 40px; border: 2px solid #626468; outline: none; display: block; width: 100%; padding: 3px 12px; padding: 0.3rem 1.2rem; margin-bottom: 10px; margin-bottom: 1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #container textarea, #landing textarea { height: 100px; } .ie7 #container input[type="text"], .ie7 #container input[type="email"], .ie7 #landing input[type="text"], .ie7 #landing input[type="email"] { height: 30px; width: 100%; } .ie7 #container textarea, .ie7 #landing textarea { height: 90px; } #container input::-webkit-input-placeholder, #container textarea::-webkit-input-placeholder, #landing input::-webkit-input-placeholder, #landing textarea::-webkit-input-placeholder { color: #393939; } #container input:-moz-placeholder, #container textarea:-moz-placeholder, #landing input:-moz-placeholder, #landing textarea:-moz-placeholder { color: #393939; opacity: 1; } #container input::-moz-placeholder, #container textarea::-moz-placeholder, #landing input::-moz-placeholder, #landing textarea::-moz-placeholder { color: #393939; opacity: 1; } #container input:-ms-input-placeholder, #container textarea:-ms-input-placeholder, #landing input:-ms-input-placeholder, #landing textarea:-ms-input-placeholder { color: #393939; } #container input:focus::-webkit-input-placeholder, #container textarea:focus::-webkit-input-placeholder, #landing input:focus::-webkit-input-placeholder, #landing textarea:focus::-webkit-input-placeholder { color: #919896; } #container input:focus:-moz-placeholder, #container textarea:focus:-moz-placeholder, #landing input:focus:-moz-placeholder, #landing textarea:focus:-moz-placeholder { color: #919896; } #container input:focus::-moz-placeholder, #container textarea:focus::-moz-placeholder, #landing input:focus::-moz-placeholder, #landing textarea:focus::-moz-placeholder { color: #919896; } #container input:focus:-ms-input-placeholder, #container textarea:focus:-ms-input-placeholder, #landing input:focus:-ms-input-placeholder, #landing textarea:focus:-ms-input-placeholder { color: #919896; } #container select, #landing select { width: 100%; margin-bottom: 10px; margin-bottom: 1rem; border: 2px solid #626468; height: 40px; padding-left: 8px; padding-left: 0.8rem; background: none; color: #3d3d3d; text-transform: uppercase; font-family: 'Gotham A', 'Gotham B', arial, helvetica, sans-serif; font-weight: 500; font-style: normal; font-size: 11px; font-size: 1.1rem; line-height: 30px; line-height: 3rem; } #container input[type="checkbox"], #landing input[type="checkbox"] { float: right; margin: 13px 10px; margin: 1.3rem 1rem; } #container input[type="radio"] { } #container input[type="submit"], #landing input[type="submit"] { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } /* Stylish Form overrides */ .stylish-form .stylish-text > input, .stylish-form .stylish-number > input, .stylish-form .stylish-email > input, .stylish-form .stylish-password > input, .stylish-form .stylish-textarea > textarea { height: 40px; } .stylish-form .stylish-textarea > textarea { min-height: 0; height: 100px; } .stylish-form .stylish-text > span, .stylish-form .stylish-number > span, .stylish-form .stylish-email > span, .stylish-form .stylish-password > span, .stylish-form .stylish-textarea > span { padding: 3px 12px; margin-bottom: 10px; margin-bottom: 1rem; border: 2px solid #626468; background: #ffffff; height: 30px; } .stylish-form .stylish-textarea > span { height: 90px; } .stylish-form .stylish-ds[data-type="checkbox"] { float: right; margin-left: 10px; margin-left: 1rem; height: 38px; width: 38px; margin-bottom: 10px; margin-bottom: 1rem; border: none; } .stylish-form .stylish-ds[data-type="checkbox"] input { margin: 0 !important; } .stylish-form .stylish-ds[data-type="checkbox"] > span { background-color: #ffffff; border: 2px solid #626468; padding: 0; height: 34px; width: 34px; } .ie7 .stylish-form .stylish-ds[data-type="checkbox"] > span { height: 34px; width: 34px; } .stylish-form .stylish-ds[data-type="checkbox"] > span.checked { background-color: #ffffff; background-image: url(/Assets/Residential/images/icons/stylish-checkbox-bg.png) !important; background-position: 0 0; padding: 0; } .stylish-form .stylish-ds[data-type="checkbox"] + label { display: block; width: auto !important; float: none !important; text-transform: uppercase; font-family: 'Gotham A', 'Gotham B', arial, helvetica, sans-serif !important; font-weight: 500; font-style: normal; font-size: 11px; font-size: 1.1rem; line-height: 39px; line-height: 3.9rem; padding-right: 0 !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; text-align: right; } .stylish-form .stylish-ds[data-type="radio"] { float: right; margin-left: 10px; margin-left: 1rem; height: 38px; width: 38px; margin-bottom: 10px; margin-bottom: 1rem; border: none; } .stylish-form .stylish-ds[data-type="radio"] input { margin: 0 !important; } .stylish-form .stylish-ds[data-type="radio"] > span { background-image: url("/Assets/Residential/images/icons/stylish-radio-bg.png") !important; background-color: transparent !important; background-repeat: no-repeat; background-position: -38px 0; border: none; border-radius: 0; height: 38px; width: 38px; } .stylish-form .stylish-ds[data-type="radio"] > span.checked { background-position: 0 0; padding: 0; height: 38px; width: 38px; } .stylish-form .stylish-ds[data-type="radio"] + label { display: block; width: auto !important; float: none !important; text-transform: uppercase; font-family: 'Gotham A', 'Gotham B', arial, helvetica, sans-serif !important; font-weight: 500; font-style: normal; font-size: 11px; font-size: 1.1rem; line-height: 39px; line-height: 3.9rem; padding-right: 0 !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; text-align: right; } .stylish-form .scfForm .stylish-ds[data-type="radio"] + label, .stylish-form .scfForm .stylish-ds[data-type="checkbox"] + label { white-space: normal; line-height: 16px; line-height: 1.6rem; margin-top: 11px; } .stylish-form .stylish-select { border: none; cursor: default; margin-bottom: 10px; margin-bottom: 1rem; height: auto; } .stylish-form .stylish-select > span.selected { border: 2px solid #626468; background: url("/Assets/Residential/images/icons/stylish-select-bg.png") no-repeat right center #ffffff; font-size: 11px; font-size: 1.1rem; padding: 3px 47px 3px 12px; padding: 0.3rem 4.7rem 0.3rem 1.2rem; line-height: 3rem; line-height: 30px; font-family: 'Gotham A', 'Gotham B', arial, helvetica, sans-serif; font-weight: 500; font-style: normal; text-transform: uppercase; cursor: default; height: 3rem; height: 30px; } .stylish-form .stylish-select span.ico { display: none; } .stylish-form .stylish-select > ul { left: -1px; font-size: 11px; font-size: 1.1rem; } .stylish-form .stylish-select > ul li { list-style: none !important; margin-left: 0 !important; } .stylish-form .stylish-select > span > span.ico { display: none; } /* buttons */ .button, a.button { border: none; outline: none; text-align: left; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; font-weight: 500; font-style: normal; display: block; text-decoration: none; cursor: pointer; font-size: 11px; font-size: 1.1rem; line-height: 30px; line-height: 3rem; background: url("/Assets/Residential/images/icons/button-sprite.png") no-repeat right 0 #e30613; color: #ffffff; padding: 4px 44px 4px 20px; padding: 0.4rem 4.4rem 0.4rem 2rem; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; } .button:hover, a.button:hover { text-decoration: none; background-color: #9d1114; color: #fff; } .ie7 .button, .ie7 a.button { height: 38px; } .button.white, a.button.white, .button.disabled, a.button.disabled { background-color: #fff; background-position: right -38px; color: #626468; border: 1px solid #626468; padding: 3px 43px 3px 19px; padding: 0.3rem 4.3rem 0.3rem 1.9rem; } .button.email, a.button.email { background-position: right -76px; } .button.save, a.button.save { background-position: right -114px; } .button.floorplan, a.button.floorplan { background-position: right -152px; } .button.download, a.button.download { background-position: right -190px; } .button.print, a.button.print { background-position: right -228px; } .button.white:hover, a.button.white:hover { background-color: #B1B2B4; color: #ffffff; } .button.disabled, a.button.disabled { cursor: default !important; } .button.disabled:hover, a.button.disabled:hover { background-color: inherit; } /* separators */ .sep { display: inline-block; width: 60px; height: 3px; background: #e30613; margin-bottom: 15px; margin-bottom: 1.5rem; } .sep.small { display: block; width: 27px; height: 1px; background: #e19c9e; margin: 10px 0px 10px 0px; margin: 1rem 0 1rem 0; } hr { border-top: 1px solid #3d3d3d; margin: 0; margin-bottom: 15px; margin-bottom: 1.5rem; } /* quotes */ blockquote { font-family: Georgia, serif; color: #e30613; font-size: 18px; font-size: 1.8rem; line-height: 25px; line-height: 2.5rem; margin: 0; margin-bottom: 20px; margin-bottom: 2rem; padding: 0; } .disabled { opacity: 0.35; filter: alpha(opacity=35); cursor: default; } /* ----------------------------- containers ---------------------------- */ #main { width: 100%; padding-top: 50px; } .wrapper { width: 990px; margin: 0 auto; position: relative; } .bg-white { background: #fbfbfb; background: rgba(255,255,255,0.9); } .bg-grey { background: #d5d5d5; background: rgba(0,0,0,0.1); } .right-col .bg-lg { background: #eaeaea; background: rgba(255,255,255,0.5); } .bg-white.component-holder { background: transparent; margin-bottom: 30px; margin-bottom: 3rem; } .full-width .bg-white.component-holder .bg-lg.component-holder, .left-col .bg-white.component-holder .bg-lg.component-holder, .full-width .bg-white.component-holder .scfForm, .left-col .bg-white.component-holder .scfForm { background: #fbfbfb; background: rgba(255,255,255,0.9); padding: 20px; padding: 2rem; } .full-width .bg-white.component-holder .bg-lg.component-holder { padding: 17px 20px; padding: 1.75rem 2rem; } .full-width .bg-lg.component-holder, .left-col .bg-lg.component-holder, .full-width .scfForm, .left-col .scfForm { margin-top: 10px; } .full-width .bg-lg.component-holder:first-child, .left-col .bg-lg.component-holder:first-child, .full-width .scfForm:first-child, .left-col .scfForm:first-child { margin-top: 0; } .right-col .bg-lg.component-holder, .right-col .scfForm { padding: 10px; padding: 1rem; margin-bottom: 10px; margin-bottom: 1rem; } .right-col .bg-lg.component-holder .phone-number { color: #3d3d3d; } .right-col .bg-lg.component-holder.ber-rating .holder { background-color: #ffffff; } .component-holder .holder > article, .component-holder .holder > article .half-columns { margin-top: 10px; margin-top: 1rem; } .component-holder .holder > article:first-child { margin-top: 0; } .calculator-component iframe { width: 100%; border: none; height: 360px; background: #fff; padding-bottom: 20px; } .calculator-component .button { margin-top: 10px; } .right-col .calculator-component iframe { width: 100%; border: none; height: 550px; } .virtualtab-component iframe { width: 100%; border: none; height: 600px; background: #fff; padding-bottom: 20px; } .half { width: 49.35%; float: left; padding-left: 1.3%; } .half.odd, .half:first-child, .bg-lg.component-holder .half:first-child { padding-left: 0; } .bg-lg.component-holder .half { width: 48.4%; padding-left: 3.2%; } .right-col .bg-lg.component-holder .image-text .half { width: 100%; padding-left: 0; } .third { float: left; padding-left: 1.3%; width: 32.45%; } .third:first-child, .bg-lg.component-holder .third:first-child { padding-left: 0; } .bg-lg.component-holder .third { width: 31.4%; padding-left: 2.9%; } /* full width container */ .full-width { width: 100%; clear: both; } /* ----------------------------- site header ---------------------------- */ #site-header .wrapper { width: 960px; margin: 0 auto; font-family: 'Gotham A', 'Gotham B', arial, helvetica, sans-serif; font-weight: 500; font-style: normal; } #site-header { position: fixed; z-index: 100; top: 0; left: 0; background: #fff; width: 100%; height: 50px; } #site-header .left { float: left; margin-top: 17px; } #site-header .left .menu-opener { background: url(/Assets/Residential/images/icons/menu-sprite.png) no-repeat left 0 #fff; width: 40px; height: 17px; cursor: pointer; } #site-header .left .menu-opener.clicked { background-position: left -37px; } #site-header .middle { position: absolute; top: 12px; left: 50%; margin-left: -82px; white-space: nowrap; } #site-header .middle #site-logo { padding: 0 18px 1px 0; padding: 0 1.8rem 0.1rem 0; margin-right: 18px; margin-right: 1.8rem; border-right: 2px solid #b5b1af; border-right: 0.2rem solid #b5b1af; } #site-header .middle #residential-logo { margin-bottom: 6px; } #site-header .right { float: right; margin-top: 17px; } #site-header .right .search-opener { background: url(/Assets/Residential/images/icons/menu-sprite.png) no-repeat center -74px #fff; width: 28px; height: 17px; cursor: pointer; float: left; } #site-header .right .i-am { float: left; line-height: 18px; line-height: 1.8rem; margin-left: 15px; margin-left: 1.5rem; cursor: pointer; min-width: 40px; text-align: right; } #site-header .right .i-am.open { background: url(/Assets/Residential/images/icons/menu-sprite.png) no-repeat center -37px; text-align: left; text-indent: -9999px; } #site-header .left .menu-opener.open { background-position: left -37px; } #site-header .right .search-opener.open { background: url(/Assets/Residential/images/icons/menu-sprite.png) no-repeat center -37px; text-indent: -9999px; } #homepage-intro-header { display: none; z-index: 99; text-align: center; position: absolute; width: 100%; } #homepage-intro-header > div { width: 90%; max-width: 776px; margin: 0px auto; position: relative; min-height: 1px; } #intro-site-logo { position: absolute; top: 35px; left: 0; } #intro-site-logo .light { display: none; } .dark-background-video #intro-site-logo .light { display: block; } .dark-background-video #intro-site-logo .dark { display: none; } #intro-residential-logo { position: absolute; top: 45px; right: 0; } #intro-residential-logo .light { display: none; } .dark-background-video #intro-residential-logo .light { display: block; } .dark-background-video #intro-residential-logo .dark { display: none; } /* ----------------------------- primary navigation ---------------------------- */ #navigation-holder { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 99; display: none; } #nav-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.9; filter: alpha(opacity=90); background: #000; } #navigation-holder .wrapper { z-index: 2; height: 100%; min-height: 100%; } #navigation-holder .wrapper.search-nav { width: 100%; } #navigation-holder .spacer { height: 50px; } #navigation-holder nav { height: 100%; position: absolute; top: 0; left: 0; } #navigation-holder li { display: block; clear: both; height: 40px; position: relative; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } #navigation-holder a { color: #000000; font-size: 11px; font-size: 1.1rem; line-height: 40px; line-height: 4rem; display: block; padding-left: 17px; padding-left: 1.7rem; } #navigation-holder li:hover { background: #626468; } #navigation-holder li.show > a, #navigation-holder li:hover > a { color: #d1d5d5; } #primary-nav, #search-nav, #i-am-nav { display: none; } #primary-nav { background: #B1B2B4; z-index: 1; } #primary-nav ul { width: 253px; margin: 0; padding: 0; z-index: 1; background: #B1B2B4; } #primary-nav > ul li { border-bottom: 1px solid #18191b; } #primary-nav > ul > li.site-search { background: none; } #primary-nav > ul > li.site-search input[type="text"] { float: left; width: 192px; height: 40px; line-height: 40px; line-height: 4rem; border: none; outline: none; background: none; margin: 0; padding: 0 0 0 17px; padding: 0 0 0 1.7rem; font-family: 'Source Sans Pro', sans-serif; font-style: italic; color: #fff; } #primary-nav > ul > li.site-search input::-webkit-input-placeholder { color: #000000; -webkit-transition: color 0.3s; transition: color 0.3s; } #primary-nav > ul > li.site-search input:-moz-placeholder { color: #000000; -moz-transition: color 0.3s; transition: color 0.3s; } #primary-nav > ul > li.site-search input::-moz-placeholder { color: #000000; -moz-transition: color 0.3s; transition: color 0.3s; } #primary-nav > ul > li.site-search input:-ms-input-placeholder { color: #000000; -ms-transition: color 0.3s; transition: color 0.3s; } #primary-nav > ul > li.site-search input:focus::-webkit-input-placeholder { color: #626468; } #primary-nav > ul > li.site-search input:focus:-moz-placeholder { color: #626468; } #primary-nav > ul > li.site-search input:focus::-moz-placeholder { color: #626468; } #primary-nav > ul > li.site-search input:focus:-ms-input-placeholder { color: #626468; } #primary-nav > ul > li.site-search input[type="submit"] { float: right; width: 20%; height: 40px; border: none; outline: none; background: url(/Assets/Residential/images/icons/nav-sprite.png) no-repeat top right; margin: 0; padding: 0; } #primary-nav > ul > li.site-search input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 80%; line-height: 40px; } #primary-nav > ul > li.site-search .stylish-text { float: left; width: 80%; } #primary-nav > ul > li.site-search .stylish-text > span { margin: 0; border: none; background-color: transparent; height: 34px; } #primary-nav > ul > li.has-children > a { background: url(/Assets/Residential/images/icons/nav-sprite.png) no-repeat right -40px; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } #primary-nav > ul > li.has-children.show > a, #primary-nav > ul > li.has-children:hover > a { background: url(/Assets/Residential/images/icons/nav-sprite.png) no-repeat right -80px; } /* second/third level */ #primary-nav > ul > li ul { position: absolute; top: 0; left: 100%; display: none; } #primary-nav > ul.base > li ul { top: auto; bottom: 0; } #primary-nav > ul > li > ul { background: #343436; } #primary-nav > ul > li > ul > li a { color: #919896; } #primary-nav > ul > li > ul > li.has-children > a { background: url(/Assets/Residential/images/icons/nav-sprite.png) no-repeat right -40px; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } #primary-nav > ul > li > ul > li.has-children:hover > a { background: url(/Assets/Residential/images/icons/nav-sprite.png) no-repeat right -80px; } #primary-nav > ul > li > ul > li.show > a, #primary-nav > ul > li > ul > li:hover > a { color: #d1d5d5; } #primary-nav > ul > li > ul > li.show, #primary-nav > ul > li > ul > li:hover, #primary-nav > ul > li > ul > li > ul { background: #3c3c3d; } #primary-nav > ul > li > ul > li > ul > li a { color: #919896; } #primary-nav > ul > li > ul > li > ul > li.show, #primary-nav > ul > li > ul > li > ul > li:hover { background: inherit; } #primary-nav > ul > li > ul > li > ul > li.show a, #primary-nav > ul > li > ul > li > ul > li:hover a { color: #d1d5d5; } /* bottom ul in primary nav - social and contact links */ #primary-nav > ul.base { position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 20px; padding-bottom: 2rem; z-index: -1; } #primary-nav > ul.base > li { border-bottom: none; border-top: 1px solid #18191b; } #primary-nav > ul.base > li.social { padding-left: 17px; padding-left: 1.7rem; border-bottom: none; padding-top: 5px; padding-top: 0.5rem; } #primary-nav > ul.base > li.social:hover { background: none; } #primary-nav > ul.base > li.social a { display: block; float: left; margin-right: 10px; margin-right: 1rem; padding-left: 0; background: none; border-bottom: none; } #primary-nav > ul.base > li.social a img { vertical-align: middle; max-width: none; } /* search nav */ #search-nav { background: #343436; border-bottom: 1px solid #626468; height: auto !important; width: 100%; } #search-nav > section .tabs-nav { width: 990px; margin: 0 auto; } #search-nav > .property-search .tabs-holder > div { width: 1010px; margin: 0 auto; } #search-nav .property-search .tabs-holder { background: #252629; margin-bottom: 0; border: none; } #search-nav .property-search .tab-nav a { line-height: 30px; line-height: 3rem; padding: 5px 10px; padding: 0.5rem 1rem; } #search-nav .property-search .tab-nav a.current { background: #252629; color: #d1d5d5; border: none; } #search-nav .stylish-select > span { background: url(/Assets/Residential/images/icons/stylish-select-bg-light.png) no-repeat right center transparent; border: 2px solid #6c7174; color: #ffffff; } #search-nav .stylish-select > ul { background: #252629; border: 1px solid #6c7174; } #search-nav .stylish-select > ul li { background: #252629; height: auto; min-height: 0px; color: #ffffff; font-size: 11px; font-size: 1.1rem; } #search-nav .stylish-ds[data-type="checkbox"] span { background: transparent url(/Assets/Residential/images/icons/stylish-checkbox-bg.png) no-repeat -34px 0; padding: 0; } #search-nav .stylish-ds[data-type="checkbox"] span.checked { background-position: 0 0; } #search-nav .stylish-ds[data-type="checkbox"] + label { color: #d1d5d5; } #search-nav .stylish-text > span, #search-nav .stylish-number > span, #search-nav .stylish-email > span, #search-nav .stylish-password > span, #search-nav .stylish-textarea > span { background: transparent; border: 2px solid #6c7174; color: #ffffff; } #search-nav input[type="text"], #search-nav input[type="email"], #search-nav textarea { background: transparent; border: 2px solid #626468; box-sizing: border-box; color: #ffffff; display: block; font-family: "Gotham","Montserrat",arial,helvetica,sans-serif; font-size: 1.1rem; line-height: 3rem; margin-bottom: 1rem; height: 40px; padding: 0.3rem 1.2rem; text-transform: uppercase; width: 100%; } #search-nav input[type="submit"] { box-sizing: border-box; width: 100%; } #search-nav label { color: #aeafb0; font-family: Georgia,serif; font-size: 11px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; } #search-nav .tabs-nav { background: url(/Assets/Residential/images/icons/nav-sprite.png) no-repeat -43px -200px; } #search-nav .tab-nav a { background-color: transparent; } #search-nav .tab-nav.link a { background: url(/Assets/Residential/images/icons/nav-sprite.png) no-repeat right -40px; padding-right: 28px; padding-right: 2.8rem; } #search-nav .tab-nav { background: url(/Assets/Residential/images/icons/nav-sprite.png) no-repeat right -200px; } #search-nav .tab-nav:first-child { background: none; } /* ----------------------------- cookie ---------------------------- */ #cookie-notice { display: none; width: 100%; position: fixed; bottom: 0; background: #ffffff; z-index: 2; } #cookie-notice button, #cookie-notice p { max-width: 87%; margin-bottom: 0; padding: 12px; padding: 1.2rem; font-size: 14px; font-size: 1.4rem; display: block; line-height: 20px; line-height: 2rem; font-family: 'Source Sans Pro Light', sans-serif; } #cookie-notice button { position: absolute; top: 50%; right: 22px; right:2.2rem; margin: 0 0 10px 10px; margin: 0 0 1rem 1rem; color: #e30613; background: none; outline: 0; border: 0; line-height: normal; overflow: visible; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* ----------------------------- i am navigation ---------------------------- */ #i-am-nav { background: #252629; z-index: 1; left: auto !important; right: 0; } #i-am-nav ul { width: 253px; margin: 0; padding: 0; z-index: 1; background: #252629; } #i-am-nav > ul li { border-bottom: 1px solid #18191b; } /* ----------------------------- breadcrumb ---------------------------- */ #breadcrumb { display: block; margin-bottom: 16px; } #breadcrumb ul { list-style: none; margin-bottom: 0; } #breadcrumb ul li { margin-left: 0 !important; margin-right: 10px; margin-right: 1rem; margin-bottom: 10px; margin-bottom: 1rem; display: block; float: left; padding-left: 0 !important; } #breadcrumb ul li a { display: block; color: #fff; line-height: 40px; line-height: 4rem; padding: 0 15px; padding: 0 1.5rem; text-transform: uppercase; background: #B1B2B4; } #breadcrumb ul li:first-child a { background: #B1B2B4 url(/Assets/Residential/images/icons/home.png) no-repeat center center; height: 40px; width: 10px; } /* ----------------------------- site footer ---------------------------- */ footer#site-footer .wrapper .holder { margin: 0 15px; margin: 0 1.5rem; border-top: 1px solid #393939; padding: 15px 0 75px; padding: 1.5rem 0 7.5rem; } footer#site-footer ul { font-family: Georgia, serif; font-size: 12px; font-size: 1.2rem; } footer#site-footer ul li { float: left; padding: 0 10px; padding: 0 1rem; border-left: 2px solid #999999; text-transform: none; } footer#site-footer ul li:first-child { border-left: none; padding-left: 0; } /* ----------------------------- page level ---------------------------- */ /* office page tab-buttons */ section.office-tabs { margin: 49px 0 30px 0; margin: 4.9rem 0 3rem 0; display: table; table-layout: fixed; width: 100%; } section.office-tabs a { width: 100%; float: none; display: table-cell; text-align: center; background: #ffffff; opacity: 0.9; color: #000000; padding: 4px; padding: 0.4rem; font-size: 12px; font-size: 1.2rem; font-family: 'Source Sans Pro', sans-serif; background-image: url(/Assets/Residential/images/icons/tab-bg.png); background-position: left center; background-repeat: no-repeat; } section.office-tabs a:hover, section.office-tabs a.current { background: #b1b2b4; color: #ffffff; } section.office-tabs a:first-child { background-image: none; } .office-tabs-mobile, .office-tabs-mobile label { display: none; } /* property search in site header */ .residential-search-label { color: #000000; font-size: 12px; font-size: 1.2rem; vertical-align: top; font-family: 'Source Sans Pro', sans-serif; cursor: pointer; } #site-header .right .search-opener { float: right; } /* adjusts spacing to show 'more' arrow */ .mission-statement + .residential-search + .vertical-block { min-height: 61.6%; } .mission-statement + .vertical-block { min-height: 87%; } .residential-search + .vertical-block { min-height: 74.7%; } .residential-search + .vertical-block .section-arrow.next { position: relative; bottom: 100px; bottom: 10rem; } .residential-search + .vertical-block .wrapper { padding-top: 83px; padding-top: 8.3rem; } /* mission statement */ .mission-statement { background-color: #fbfaf9; background-color: rgba(251,250,249, 0.85); width: 83.5%; max-width: 772px; max-width: 77.2rem; margin: auto; text-align: center; height: auto; font-family: 'Source Sans Pro', sans-serif; color: #e30613; padding: 27px 0; padding: 2.7rem 0; margin-bottom: 40px; margin-bottom: 4rem; position: relative; top: 145px; top: 14.5rem; } .mission-statement p { font-size: 26px; font-size: 2.6rem; line-height: 26px; line-height: 2.6rem; margin: 0; padding: 0 180px; padding: 0 18rem; } /* residential search */ .full-height section.residential-search { min-height: 0; top: 143px; top: 14.3rem; z-index: 2; width: 83.5%; max-width: 772px; max-width: 77.2rem; margin: 0 auto 78px auto; margin: 0 auto 7.8rem auto; } .residential-search.property-search .tab-nav a { font-size: 13px; font-size: 1.3rem; } .residential-search.property-search .tab-nav a.current, .residential-search.property-search .tabs-holder { border: none; } .residential-search .buying-simple input { text-transform: none; font-size: 13px; font-size: 1.3rem; font-family: 'Source Sans Pro Regular', sans-serif; } .residential-search .buying-simple input::-webkit-input-placeholder { color: #626468; } .residential-search .buying-simple input:-moz-placeholder { color: #626468; } .residential-search .buying-simple input::-moz-placeholder { color: #626468; } .residential-search .buying-simple input:-ms-input-placeholder { color: #626468; } .residential-search .buying-simple { padding: 5px 11px 0 10px; padding: 0.5rem 1.1rem 0 1rem; } .residential-search .buying-simple .stylish-text { display: inline-block; vertical-align: top; width: calc(67.9% - 15px); width: calc(67.9% - 1.5rem); padding-right: 0; margin-right: 11px; margin-right: 1.1rem; } .residential-search .apply-filters .button, .residential-search .buying-simple .button { display: inline-block; width: 32%; background: url('/Assets/Residential/images/icons/residential-search-arrow.png') no-repeat right #e30613; background-position: 92.4% 11px; background-position: 92.4% 1.1rem; text-transform: none; font-family: 'Source Sans Pro Regular', sans-serif; font-size: 14px; font-size: 1.4rem; } .residential-search .apply-filters .button { float: right; } .residential-search .advanced-filter-arrow { width: 17px; width: 1.7rem; height: 9px; height: 0.9rem; background: url(/Assets/Residential/images/icons/residential-filter-arrow.png) no-repeat; position: relative; display: block; float: right; left: 11px; left: 1.1rem; top: 7px; top: 0.7rem; } .residential-search .buying-advanced .advanced-filter-label { text-align: right; padding: 0 47px 15px 0; padding: 0 4.7rem 1.5rem 0; font-size: 11px; font-size: 1.1rem; font-family: 'Source Sans Pro Regular', sans-serif; } .residential-search .buying-advanced .advanced-filter-button { width: auto; float: right; position: relative; left: 17px; left: 1.7rem; font-size: 15px; font-size: 1.5rem; cursor: pointer; } .residential-search.property-search .tab-nav a { background: #b1b2b4; opacity: 1; color: #ffffff; text-transform: none; } .residential-search .advanced-filter { display: none; clear: both; } .residential-search .tab-border a { border-left: none; border-top: none; border-right: 1px solid #ffffff; border-right: 0.1rem solid #ffffff; } .residential-search .tab-border a.current { border: none; } .residential-search .criteria-search { padding: 32px 0 0 10px; padding: 3.2rem 0 0 1rem; } .residential-search .criteria-search .criteria-1 { padding-top: 10px; padding-top: 1rem; margin-top: -11px; margin-top: -1.1rem; border-top: 1px solid #d5d5d5; border-top: 0.1rem solid #d5d5d5; } .residential-search .checkbox-wrapper, .residential-search .criteria-search > div > div.stylish-select { width: 47.7%; display: inline-block; } .residential-search .criteria-search .checkbox-wrapper .stylish-ds { float: left; margin-right: 10px; margin-right: 1rem; margin-left: 2px; margin-left: 0.2rem; } .residential-search .criteria-search .checkbox-wrapper label { display: inline-block; } .residential-search .criteria-3 label, .residential-search .criteria-2 label { float: none; width: auto; text-align: left; } .residential-search .criteria-3 .stylish-select:first-of-type, .residential-search .criteria-2 .stylish-select:first-of-type { width: 47.7%; margin-right: 14px; margin-right: 1.4rem; } .residential-search .criteria-3 .stylish-select:last-of-type, .residential-search .criteria-2 .stylish-select:last-of-type { width: 47.7%; } .residential-search .criteria-search .criteria-3, .residential-search .criteria-search .criteria-2 { width: 48.1%; display: inline-block; } .residential-search .criteria-search .criteria-2 { margin-right: 24px; margin-right: 2.4rem; } .stylish-form .residential-search .stylish-select > ul { max-height: 200px !important; max-height: 20rem !important } .stylish-form .residential-search.property-search .stylish-ds[data-type="radio"] { float: left; margin-left: 2px; margin-left: 0.2rem; } .residential-search.property-search .tabs-holder .stylish-ds[data-type="radio"] + label { display: inline-block; margin-left: 10px; margin-left: 1rem; } .residential-search .apply-filters { border-top: 10px solid #d5d5d5; border-top: 0.1rem solid #d5d5d5; padding-top: 10px; padding-top: 1rem; margin-left: 10px; margin-left: 1rem; } .residential-search.property-search .tab-nav a.non-tabbed-link { background: url('/Assets/Residential/images/icons/residential-search-arrow.png') no-repeat right #b1b2b4; background-position: 85%; } /* two col page containers */ #container { padding: 20px 15px 20px; padding: 2rem 1.5rem 2rem; } .left-col { width: 74.59%; float: left; } .right-col { width: 24.17%; float: left; margin-left: 1.24%; } .oldie .left-col { width: 716px; } .oldie .right-col { width: 232px; margin-left: 12px; } .right-col article { margin-top: 15px; margin-top: 1.5rem; } .right-col .holder article { border-top: 1px solid #d5d5d5; padding-top: 15px; padding-top: 1.5rem; margin-top: 0; } .right-col article:first-child, .right-col .holder article:first-child { border-top: none; padding-top: 0; margin-top: 0; } .left-col .button, .full-width .button { min-width: 148px; display: inline-block; } .left-col .third .button, .full-width .third .button { min-width: 120px; display: inline-block; } .thin-left { width: 28.1%; margin-right: 4.44%; float: left; } .wide-right { width: 67.46%; float: left; } .right .thin-left { margin-left: 4.44%; margin-right: 0; float: right; } /* quote details styling */ article h5.title { margin-bottom: 0; } article h4.name { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2rem; margin-bottom: 0; } /* quote component */ article.quote { text-align: center; padding: 0px 12%; } article.quote blockquote { text-align: center; } .right-col article.quote blockquote { font-size: 14px; font-size: 1.4rem; line-height: 19.6px; line-height: 1.96rem; } /* image holder styling */ article .img-holder { max-width: 100%; float: left; border: 2px solid #fff; margin-bottom: 15px; margin-bottom: 1.5rem; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-align: center; } .ie8 .half .img-holder { width: 100%; } article .img-holder img { max-width: 100%; } .ie8 article .img-holder img { max-width: none; width: 100%; } .img-holder.margin-right { margin-right: 10px; margin-right: 1rem; } /* left/right hand equal width image + text component */ #container article.right .half { float: right; padding-left: 0; padding-right: 0; } #container article.right .half:first-child { padding-left: 3.2%; } /* link-listing component */ #container .link-listing { list-style: none; margin-bottom: 0; } #container .link-listing li { display: block; margin-top: 12px; margin-top: 1.2rem; } #container .link-listing li:first-child { margin-top: 0; } #container .link-listing li a.button { display: block; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; height: 30px; } #container .link-listing .floorplan-select li { padding: 5px 10px 5px 19px; margin-top: 0; } #container .link-listing .floorplan-select li:first-child { display: none; } #container .link-listing .floorplan-select .stylish-select > span.selected { border: 1px solid #626468; padding-left: 19px; cursor: pointer; } /* office details */ .office-details { margin-bottom: 30px; margin-bottom: 3rem; } .office-details .email { margin-top: 20px; margin-top: 2rem; } /* person widget */ .person-widget .wide-right { margin-bottom: 15px; margin-bottom: 1.5rem; } .person-widget .email-link { display: none; } .team.team-wrapper .half, .team { margin-top: 10px; margin-top: 1rem; } .team .email-link, .team .further-details { display: none; } /* Team page */ .team-page .right-col { margin-top: 60px; } .team.team-wrapper { margin-bottom: 10px; margin-bottom: 1rem; } h3.team-title { font-family: "Gotham A","Gotham B",arial,helvetica,sans-serif; text-align: left; color: #e30613; font-size: 23px; padding: 16px 0px 0px 0px; display: block; } .team-page h1 { font-size: 28px; text-transform: uppercase; font-weight: normal; font-family: "Gotham B","Gotham B",arial,helvetica,sans-serif; margin-bottom: 0px; padding: 0px 0px 10px 0px; } /* video widget */ .video { position: relative; padding-bottom: 56.25%; margin-bottom: 15px; margin-bottom: 1.5rem; } .ie7 .video > span, /* brightcove wraps object in span in IE7-10 with display set to inline-block */ .video object, .video iframe { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } /* viewing section on property page */ .viewing { border-top: 1px solid #d5d5d5; margin-top: 10px; margin-top: 1rem; padding-top: 30px; padding-top: 3rem; } .viewing .left { float: left; } .viewing .right { float: right; } /* map widgets */ .right-col .mapsidewidget > img { width: 100%; } .right-col .mapsidewidget-canvas { width: 100%; height: 269px; margin: 10px 0px; margin: 1rem 0; } .right-col .mapsidewidget-canvas img { max-width: none; } ul.tags li { text-transform: none; } /* list */ #container ul li { font-weight: normal; list-style: disc; list-style-image: url(/Assets/Residential/images/icons/bullet.png); list-style-position: outside; margin-left: 30px; margin-left: 3rem; padding-left: 8px; padding-left: 0.8rem; } .ie7 #container ul li { list-style-image: none; } /* list override */ #container ul.plain li { margin-left: 0; padding-left: 0; list-style: none; } /* twitter widget */ #container .twitter-feed { padding: 30px 50px; padding: 3rem 5rem; text-align: center; } #container .twitter-feed ul { list-style: none; margin: 20px 0px 0px 0px; margin: 2rem 0 0 0; } #container .twitter-feed ul li { list-style: none; font-size: 18px; font-size: 1.8rem; line-height: 26px; line-height: 2.6rem; margin: 0; padding: 0; font-family: Georgia, serif; text-transform: none; margin-bottom: 20px; margin-bottom: 2rem; } #container .right-col .twitter-feed ul li { font-size: 14px; font-size: 1.4rem; line-height: 19.6px; line-height: 1.96rem; } #container .twitter-feed hr { width: 60px; border-top: 2px solid #e30613; margin: 0px auto 15px auto; margin: 0 auto 1.5rem auto; } #container .twitter-feed a.follow div { font-size: 16px; font-size: 1.6rem; text-transform: uppercase; font-family: 'Gotham A', 'Gotham B', arial, helvetica, sans-serif; font-weight: 500; font-style: normal; } #container .twitter-feed a.follow em { font-size: 12px; font-size: 1.2rem; } /* social share widget */ .social-share-widget { text-align: center; margin-bottom: 10px; } .social-share-widget .sharethis-inline-share-buttons div { display: inline-block; width: 26px; height: 45px; cursor: pointer; } /* page information */ #container .page-information .img-holder { max-width: 43%; margin-bottom: 15px; margin-bottom: 1.5rem; } #container .page-information .info { overflow: hidden; } #container .page-information .phone-number { font-size: 11px; font-size: 1.1rem; } #container .page-information .email-link { clear: both; display: block; } #container .page-information + .page-information { margin-top: 15px; margin-top: 1.5rem; } .phone-number-link, .phone-number-link:hover, .phone-number { color: #3d3d3d; } /* person/office search */ #container .person-office-search .form-input { width: 273px; float: left; margin-right: 20px; margin-right: 2rem; } #container .right-col .person-office-search .form-input { width: 100%; margin-right: 0; } #container .person-office-search .stylish-text > span, #container .person-office-search .stylish-text > input[type="text"] { border: 1px solid #d5d5d5; height: 38px; min-height: 38px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .oldie #container .person-office-search .stylish-text > span, .oldie #container .person-office-search .stylish-text > input[type="text"] { height: 30px; min-height: 30px; } .ie7 #container .person-office-search .stylish-text > span, .ie7 #container .person-office-search .stylish-text > input[type="text"] { width: 247px; } .ie7 #container .right-col .person-office-search .stylish-text > span, .ie7 #container .right-col .person-office-search .stylish-text > input[type="text"] { width: 207px; } /* service page module */ .service-page > h3 { text-align: left; padding-bottom: 10px; padding-bottom: 1rem; border-bottom: 1px solid #d5d5d5; margin-bottom: 15px; margin-bottom: 1.5rem; line-height: 18px; line-height: 1.8rem; } /* property page */ .fees-apply { text-transform: none; font-family: Georgia,serif; font-size: 14px; font-size: 1.4rem; } /* feature property */ .feature-property { position: relative; } .feature-property:first-child { margin-top: 0; } .feature-property + .feature-property + .feature-property { margin-top: 10px; } .feature-property:nth-child(2n+1) { padding-left: 0; } .feature-property .item-button { position: absolute; bottom: 0; } .feature-property .component-holder .holder > article:first-child { margin-top: 0; padding-bottom: 42px; } /* ----------------------------- home page / full height template ---------------------------- */ .full-height { min-height: 100%; height: 100%; } .full-height ~ #site-footer { display: none; } .full-height #main { padding-top: 0; min-height: 100%; height: 100%; } .full-height section { min-height: 100%; position: relative; } .full-height section .wrapper { padding: 145px 0; padding: 14.5rem 0; } .full-height section .wrapper .wrapper { padding: 0; } .full-height section h1 { font-size: 28px; font-size: 2.8rem; line-height: 1em; text-transform: uppercase; margin-bottom: 15px; margin-bottom: 1.5rem; } .full-height section h2 { font-size: 22px; font-size: 2.2rem; line-height: 26px; line-height: 2.6rem; text-transform: uppercase; } .full-height section h3 { font-size: 18px; font-size: 1.8rem; line-height: 25px; line-height: 2.5rem; text-transform: uppercase; } /* initial landing section */ .full-height .landing .wrapper { width: 960px; padding-top: 60px; padding-top: 6rem; } .homepage .landing .wrapper { width: 776px; padding-top: 145px; padding-top: 14.5rem; } .homepage .box-nav a > div { padding: 40px 5px 28px; padding: 4rem 0.2rem 2.8rem; font-size: 19px; font-size: 1.9rem; line-height: 24px; line-height: 2.4rem; } .homepage .box-nav a > span.plus { bottom: 28px; } .homepage .homepage-box-nav { list-style: none; margin: 0px auto; max-width: 774px; } .homepage .homepage-box-nav > li { float: left; margin-left: 1.3%; width: 24%; } .homepage .homepage-box-nav > li:first-child { margin-left: 0; } .homepage .homepage-box-nav > li .box-nav { min-height: 0; height: 186px; } .homepage .homepage-box-nav > li > ul { display: none; } .homepage .homepage-box-nav.animation { position: relative; width: 774px; min-height: 186px; } .homepage .homepage-box-nav.animation > li { position: absolute; margin: 0; width: auto; } .homepage .homepage-box-nav.animation > li > .box-nav { margin: 0; z-index: 1; width: 186px; float: left; position: absolute; } .homepage .homepage-box-nav.animation > li.selected > .box-nav a > span.plus::before { -webkit-animation: 0.4s linear 0s normal forwards 1 moveBefore; animation: 0.4s linear 0s normal forwards 1 moveBefore; } .homepage .homepage-box-nav.animation > li.selected > .box-nav a > span.plus::after { -webkit-animation: 0.4s linear 0s normal forwards 1 moveAfter; animation: 0.4s linear 0s normal forwards 1 moveAfter; } .homepage .homepage-box-nav.animation > li.flow-left > .box-nav, .homepage .homepage-box-nav.animation > li.flow-left > .box-nav a { right: 0; left: auto; } .homepage .homepage-box-nav.animation > li > .box-nav a > div { padding-top: 60px; padding-top: 6rem; } .homepage .homepage-box-nav.animation > li.unselected > .box-nav { background: #9d1114; background: rgba(124, 0, 0, 0.85); } .homepage .homepage-box-nav.animation > li > ul { margin: 0; display: block; } .homepage .homepage-box-nav.animation > li > ul > li { position: absolute; margin: 0; opacity: 0; } .homepage .homepage-box-nav.animation > li.flow-left > ul > li { right: 0; left: auto; } .homepage .homepage-box-nav.animation > li > ul > li > .box-nav { margin: 0; width: 88px; height: 88px; min-height: 0px; } .homepage .homepage-box-nav.animation > li > ul > li > .box-nav a { display: table; table-layout: fixed; } .homepage .homepage-box-nav.animation > li > ul > li > .box-nav a span.plus::before { -webkit-animation: 0.4s linear 0s normal forwards 1 moveBefore; animation: 0.4s linear 0s normal forwards 1 moveBefore; } .homepage .homepage-box-nav.animation > li > ul > li > .box-nav a span.plus::after { -webkit-animation: 0.4s linear 0s normal forwards 1 moveAfter; animation: 0.4s linear 0s normal forwards 1 moveAfter; } .homepage .homepage-box-nav.animation > li > ul > li > .box-nav a > div { padding-top: 0; padding-bottom: 40px; padding-bottom: 4rem; font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; display: table-cell; vertical-align: middle; width: 100%; } .ie7 .homepage .homepage-box-nav.animation > li > ul > li > .box-nav a > div { padding-top: 20px; } .homepage .homepage-box-nav.animation > li > ul > li > .box-nav a > span.plus { bottom: 13px; } /* homepage popup */ .mod-lightbox-bg { background: #cccccc; background: rgba(0, 0, 0, 0.60); z-index: 100; } .mod-lightbox { width: 60% !important; height: auto !important; max-width: 1000px; padding: 0; background: none; } .mod-lightbox-content-inner a { width: 100px; margin: 5px auto; float: right; } .mod-lightbox-content { outline: none; } .mod-lightbox .mod-lightbox-close, .mod-lightbox .mod-lightbox-close:hover { position: absolute; height: 25px; width: 25px; padding: 0 0 3px 0; top: 9px; right: 10px; background: #e30613; border-radius: 0; color: #ffffff; font-size: 20px; font-family: 'Source Sans Pro', arial, helvetica, sans-serif; } .mod-lightbox-content-inner .popup-mobile { display: none; } /* about section */ .full-height .about .wrapper { width: 491px; } .full-height .about article { background: #e30613; background: rgba(227, 6, 19, 0.85); padding: 0 45px; padding: 0 4.5rem; position: relative; } .full-height .about article > div.table-div { height: 391px; padding: 50px 0; padding: 5rem 0; display: table; width: 100%; } /* padding used as display table isn't working correctly on older safari */ .full-height .about article > div.table-div > div { display: table-cell; width: 100%; vertical-align: middle; text-align: center; color: #fff; } .full-height .about article > div.table-div > div h1 { color: #fff; } .full-height .about article > div.table-div > div p { color: #fff; } .ie7 .full-height .about article > div.table-div > div { margin-top: 100px; } .full-height .about article > div.table-div > div span.sep { background: #fff; } .full-height .about article > div.table-div > div p { font-size: 22px; font-size: 2.2rem; line-height: 26px; line-height: 2.6rem; } /* articles section */ .homepage .articles .wrapper { width: 775px; } .homepage .articles .wrapper article { float: left; width: 49.935%; margin-bottom: 0.13%; } .homepage .articles .wrapper article.left { margin-right: 0.13%; } .oldie .homepage .articles .wrapper article { width: 387px; margin-bottom: 1px; } .oldie .homepage .articles .wrapper article.left { margin-right: 1px; } .homepage .articles .wrapper article .bg-white { padding: 12px; padding: 1.2rem; } .homepage .articles .wrapper article img { margin-bottom: 10px; margin-bottom: 1rem; } .homepage .articles .wrapper article h4 { font-family: 'Gotham A', 'Gotham B', arial, helvetica, sans-serif; font-weight: 500; font-style: normal; font-size: 16px; font-size: 1.6rem; line-height: 25px; line-height: 2.5rem; margin-top: 0; text-transform: none; } .homepage .articles .wrapper article p { color: #3d3d3d; } /* navigation arrows */ .full-height .section-arrow { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin-bottom: 27px; color: #fff; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; line-height: 33px; line-height: 3.3rem; font-family: 'Gotham A', 'Gotham B', arial, helvetica, sans-serif; font-weight: 500; font-style: normal; display: none; } .full-height .section-arrow.prev { bottom: auto; top: 70px; } .full-height .section-arrow a.arrow { position: relative; margin-top: 3px; margin-top: 0.3rem; display: inline-block; clear: both; width: 42px; height: 42px; border-radius: 50%; overflow: visible; } .full-height .section-arrow a.arrow:hover { background-color: rgba(145, 145, 145, 0.5); } .full-height .section-arrow a.arrow.clicked { background-color: rgba(142, 16, 20,0.5); } .full-height .section-arrow a.arrow span { display: block; width: 42px; height: 42px; background: url(/Assets/Residential/images/icons/vertical-arrow-sprite.png) no-repeat 0 0; } .full-height .section-arrow.up a.arrow span, .full-height .section-arrow.prev a.arrow span { background-position: 0 -42px; } .oldie .full-height .section-arrow a.arrow:hover span { background-position: -42px -42px; } .oldie .full-height .section-arrow.up a.arrow:hover span { background-position: -84px -42px; } #page-gradient { position: fixed; height: 200px; width: 100%; left: 0; bottom: 0; opacity: 0.75; filter: alpha(opacity=75); background: -moz-linear-gradient(top, rgba(0,0,0,0) 20%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 20%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 20%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 20%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 20%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); } /* ----------------------------- box nav ---------------------------- */ @-webkit-keyframes boxNav { from { background-position: 0 0; } to { background-position: 0 -112px; } } @-webkit-keyframes boxNavOff { from { background-position: 0 -112px; } to { background-position: 0 0; } } @keyframes boxNav { from { background-position: 0 0; } to { background-position: 0 -112px; } } @keyframes boxNavOff { from { background-position: 0 -112px; } to { background-position: 0 0; } } .box-nav { position: relative; background: #e30613; background: rgba(227, 6, 19, 0.85); color: #fff; text-align: center; min-height: 130px; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } .box-nav a { display: block; color: #fff; position: absolute; height: 100%; width: 100%; top: 0; left: 0; font-weight: normal; } .box-nav a > div { text-align: center; padding: 25px 10px; padding: 2.5rem 1rem; font-size: 12px; font-size: 1.2rem; line-height: 15px; line-height: 1.5rem; font-family: 'Source Sans Pro Light', sans-serif; font-style: normal; text-transform: none; } .box-nav a > div em, .box-nav a > div .nav-title { font-size: 16px; font-size: 1.6rem; display: block; text-transform: capitalize; line-height: 16px; line-height: 1.6rem; margin-bottom: 3px; margin-bottom: 0.3rem; font-family: 'Source Sans Pro Light', sans-serif; } .box-nav:hover { background: #9d1114; background: rgba(157, 0, 0, 0.85); } .box-nav a > span.plus { width: 29px; height: 28px; display: block; position: absolute; bottom: 25px; left: 50%; margin-left: -15px; background-image: url('/Assets/Residential/images/icons/box-nav-bg.png'); -webkit-animation: boxNavOff 0.3s steps(4) forwards; animation: boxNavOff 0.3s steps(4) forwards; } .box-nav a:hover > span.plus { -webkit-animation: boxNav 0.3s steps(4) forwards; animation: boxNav 0.3s steps(4) forwards; } .ie9 .box-nav a:hover > span.plus, .oldie .box-nav a:hover > span.plus { background-position: 0 -112px; } #main .section-box-nav > li { float: left; width: 13.6%; margin-left: 0.8%; margin-bottom: 10px; margin-bottom: 1rem; list-style: none; padding-left: 0; } #main .section-box-nav > li:first-child, #main .section-box-nav > li:nth-child(7n+1) { margin-left: 0; } /* ----------------------------- widgets ---------------------------- */ .widget { overflow: hidden; padding-top: 21px; margin-bottom: 21px; } .widget > div { margin: 0 20px 21px; } /* ----------------------------- carousel ---------------------------- */ .ch-carousel, .ch-carousel[data-modes*="infinite"] { overflow: hidden; } .js .ch-carousel > .step { display: block; border: none; height: 50px; width: 50px; background: url(/Assets/Residential/images/icons/slider-arrows.png) no-repeat 0 0; left: 0; margin-top: -28px; } .js .ch-carousel > .step.next { background-position: 0 -60px; left: auto; right: 0; } .js .ch-carousel > .step.prev { background-position: -6px -3px;} .ch-carousel .slide-container { background: transparent; text-align: center; } .ch-carousel .slide-container > div { background: rgba(255, 255, 255, 0.5); line-height: 600px; } .ch-carousel.floorplan .slide-container > div { background: #ffffff; } .ch-carousel .slide-container > div img { position: relative; vertical-align: middle; } .ch-carousel .slide-container > div > span { width: 100%; height: 100%; } .ch-carousel .slide-container > div object { height: 100%; width: 100%; } .no-js .ch-carousel .slide-container { width: 100%; } .no-js .ch-carousel .slide-container > div { display: none; } .no-js .ch-carousel .slide-container > div:first-child { display: block; } /* ----------------------------- property tabs ---------------------------- */ .tabs-holder { margin-bottom: 20px; margin-bottom: 2rem; } .tabs-holder > div { margin-bottom: 0; display: none; } .tabs-holder > div:first-child { display: block; } .tabs-nav { margin-bottom: 10px; margin-bottom: 1rem; } .tabs-nav-select { display: none; } .tab-nav { float: left; position: relative; } .tab-nav.video { padding-bottom: 0; margin-bottom: 0; } .tabs-nav.one .tab-nav { width: 100%; } .tabs-nav.two .tab-nav { width: 49.3%; margin-left: 1.4%; } .tabs-nav.three .tab-nav { width: 32.4%; margin-left: 1.4%; } .tabs-nav.four .tab-nav { width: 23.95%; margin-left: 1.4%; } .tabs-nav.five .tab-nav { width: 18.88%; margin-left: 1.4%; } .tabs-nav .tab-nav:first-child { margin-left: 0; } .tab-nav a { display: block; cursor: pointer; font-family: 'Gotham A', 'Gotham B', arial, helvetica, sans-serif; font-weight: 500; font-style: normal; font-size: 12px; font-size: 1.2rem; line-height: 30px; line-height: 3rem; padding: 5px 0; padding: 0.5rem 0; color: #393939; text-transform: uppercase; text-align: center; background: #eaeaea; background: rgba(255,255,255,0.5); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; } .tab-nav a:hover { background: #B1B2B4; background: rgba(177,178,180,0.5); } .tab-nav a.current { background: #626468; background: rgba(98,100,104,0.5); color: #fff; } .tab-nav a span.current { margin-left: 35px; margin-left: 3.5rem; } .oldie .tab-nav { width: 232px; margin-left: 10px; } .oldie .tab-nav:first-child { margin-left: 0; } .property-search .tabs-holder { background: #ffffff; background: rgba(255,255,255,0.9); color: #393939; border: 2px solid #626468; border-top: none; } .property-search .tabs-holder > div { display: none; border-top: 0; padding: 10px 0; padding: 1rem 0; } .property-search .tabs-holder > div:first-child { display: block; } .property-search .tabs-holder > div > div > div { float: left; width: 100%; padding-right: 10px; padding-right: 1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .property-search .tabs-holder .checkbox-wrapper, .property-search .tabs-holder .radio-wrapper { float: right; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .property-search .tabs-holder .checkbox-wrapper { width: 50%; } .property-search .tabs-holder .radio-wrapper { width: 25%; } .property-search .tabs-holder .stylish-ds[data-type="checkbox"] + label, .property-search .tabs-holder .stylish-ds[data-type="radio"] + label { margin-bottom: 0; } .property-search .tabs-holder > div > div.criteria-search { float: left; border-left: none; padding-left: 10px; padding-left: 1rem; width: 75%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .property-search .tabs-holder > div > div.criteria-search > div { width: 32.6%; } .property-search .tabs-holder > div > div.criteria-search > div.section-2 { width: 67.4%; } .property-search .tabs-holder > div > div.criteria-search > div.section-4 { clear: left; width: 69%; padding-right: 0; } .property-search .tabs-holder > div > div.criteria-search > div.search-btn { width: 30.9%; float: left; padding-left: 1%; } .property-search .tabs-holder > div > div.criteria-search > div.search-btn input[type="submit"] { min-width: 0;display: block; } .property-search .tabs-holder > div > div.criteria-search .stylish-select ul { max-height: 270px !important; overflow-y: auto; z-index: 100; } .property-search .tabs-holder > div > div.criteria-search .stylish-select ul.show-above { max-height: 130px !important; } .mobile .property-search .tabs-holder > div > div.criteria-search .stylish-select ul { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .property-search .tabs-holder > div > div.keyword-search { float: left; width: 25%; border-left: 1px solid #626468; padding-left: 9px; padding-left: 0.9rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } /* mena new home filter */ .new-home-filter { color: #393939; } .new-home-filter h3 { font-family: 'Source Sans Pro', sans-serif; font-weight: 500; font-style: normal; color: #e30613; text-align: left; padding: 5px 11px 0 10px; } .new-home-filter .criteria-search { padding: 32px 10px 0 10px; } .new-home-filter .apply-filters { padding-right: 10px; } .new-home-filter #area-options .stylish-ds { float: left; margin: 0; } .new-home-filter #area-options .checkbox-dropdown label { display: inline-block; margin-left: 10px; max-height: 38px; text-align: left; } #main .property-search .tabs-holder > div > div.keyword-search .stylish-text > span { border-color: #fff; } #main .property-search .tabs-holder > div > div.keyword-search input[type="text"] { border-color: #fff; color: #B1B2B4; background: #ffffff; } #main .property-search .tabs-holder > div > div.keyword-search input[type="text"]::-webkit-input-placeholder { color: #B1B2B4!important; } #main .property-search .tabs-holder > div > div.keyword-search input[type="text"]:-moz-placeholder { color: #B1B2B4!important; } #main .property-search .tabs-holder > div > div.keyword-search input[type="text"]::-moz-placeholder { color: #B1B2B4!important; } #main .property-search .tabs-holder > div > div.keyword-search input[type="text"]:-ms-input-placeholder { color: #B1B2B4!important; } #main .property-search .tabs-holder > div > div.keyword-search .button { background-color: #B1B2B4 } #main .property-search .tabs-holder > div > div.keyword-search .button:hover { background-color: #9d1114; } .property-search .tabs-nav { margin-bottom: 0; } .property-search .tabs-nav.two .tab-nav { width: 33.333%; margin-left: 0%; } .property-search .tabs-nav.three .tab-nav { width: 33.33%; margin-left: 0%; } .property-search .tabs-nav.four .tab-nav { width: 25%; margin-left: 0%; } .property-search .tabs-nav.five .tab-nav { width: 20%; margin-left: 0%; } .property-search .tab-nav { z-index: 0; } .property-search .tab-nav.active { z-index: 1; } .property-search .tab-nav a { color: #393939; background: #fff; opacity: 0.5; height: 26px; margin-top: 2px; } .property-search .tab-nav > span.border { position: absolute; left: 0; bottom: -2px; height: 2px; width: 100%; background: #626468; } .property-search .tab-nav a.current { margin-left: 0 !important; margin-top: 0; height: 28px; margin-bottom: 0; opacity: 1; background: #ffffff; background: rgba(255,255,255,0.9); color: #393939; border: 2px solid #626468; border-bottom: none; } .property-search .tab-nav a.current + span.border { display: none; } .property-search label { clear: left; display: block; float: left; width: 11.3%; text-align: right; line-height: 39px; margin-bottom: 10px; margin-bottom: 1rem; padding-right: 10px; padding-right: 1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; } .ie8 .property-search label { height: 39px; } .property-search label + div { width: 88.7%; float: left; } .property-search .button { min-height: 38px; width: 100%; } .ie8 .property-search .button { min-height: 30px; } .ie7 .property-search label { width: 15%; } .ie7 .property-search input[type="text"], .ie7 .property-search input[type="email"], .ie7 .property-search textarea { width: 87% !important; } .right-col .property-search .tabs-holder { margin-bottom: 0; border: none; } .right-col .property-search .tabs-holder > div { border: 2px solid #626468; border-top: none; } .right-col .property-search .tabs-nav.two .tab-nav { display: none; } .right-col .property-search .tabs-nav-select { display: block; padding: 10px; padding: 1rem; background: #252629; } .right-col .property-search .tabs-nav-select span.selected { margin-bottom: 0; background: url(/Assets/Residential/images/icons/stylish-select-bg-light.png) no-repeat right center transparent; border: 2px solid #6c7174; color: #ffffff; } .right-col .property-search .tabs-nav-select .stylish-select { margin-bottom: 0; } .right-col .property-search .tabs-nav-select .stylish-select > ul { background: #252629; border: 1px solid #6c7174; } .right-col .property-search .tabs-nav-select .stylish-select > ul li { background: #252629; height: auto; min-height: 0; color: #ffffff; font-size: 11px; font-size: 1.1rem; } .right-col .property-search .tabs-holder > div > div.criteria-search, .right-col .property-search .tabs-holder > div > div.keyword-search { width: 100%; border-left: none; } .right-col .property-search .tabs-holder > div > div.keyword-search { margin-top: 10px; padding-top: 10px; border-top: 1px solid #6c7174; } .right-col .property-search .tabs-holder > div > div.criteria-search > div.section-4 { padding-right: 10px; padding-right: 1rem; } .right-col .property-search .tabs-holder > div > div.criteria-search > div, .right-col .property-search label + div { width: 100%; padding-left: 0; } .right-col .property-search .half { width: 47.5%; padding-left: 5%; } .right-col .property-search .half:first-child { padding-left: 0; } .right-col .property-search label { clear: both; float: none; text-align: center; width: 100%; } .right-col .property-search .tabs-holder .checkbox-wrapper { float: none; width: 100%; } .right-col .property-search .tabs-holder .radio-buttons-holder { overflow: hidden; } .right-col .property-search .tabs-holder .radio-buttons-holder .radio-wrapper { width: 50%; } .right-col .property-search .stylish-ds + label { float: right !important; margin: -46px 50px 0 0; text-align: right; } .tabbed-search .tabs-nav.five .tab-nav { width: 20%; margin-left: 0; } .tabbed-search .tabs-nav.five .tab-nav a { background-image: url(/Assets/Residential/images/icons/tab-bg.png); background-position: left center; background-repeat: no-repeat; } .tabbed-search .tabs-nav.five .tab-nav:first-child a { background-image: none; } /* ----------------------------- property listing / search results ---------------------------- */ /* map area */ /* map toggle */ .property-listing { margin-bottom: 30px; margin-bottom: 3rem; position: relative; } .property-listing .map-toggle { text-align: center; color: #fff; background: #252629; font-size: 14px; font-size: 1.4rem; line-height: 0; text-transform: uppercase; cursor: pointer; height: 40px; overflow: hidden; } .property-listing .map-toggle .arrow { background: url(/Assets/Residential/images/icons/white-vertical-arrow-sprite.png) no-repeat 0 0; width: 40px; height: 40px; display: inline-block; } .property-listing .map-toggle .text { position: relative; top: -14px; min-width: 120px; padding: 0 3px; padding: 0 0.3rem; text-align: center; display: inline-block; height: 40px; } .property-listing .map-toggle .text > span { opacity: 0; filter: alpha(opacity=0); } .property-listing .map-toggle .text > span.show { opacity: 1; filter: alpha(opacity=100); } .property-listing .open .map-toggle .arrow { background-position: 0 -40px; } .property-listing .open .map-toggle .text > span.show { opacity: 0; filter: alpha(opacity=0); } .property-listing .open .map-toggle .text > span.hide { opacity: 1; filter: alpha(opacity=100); } .oldie .property-listing .map-toggle .text > span.hide, .oldie .property-listing .open .map-toggle .text > span.show { display: none; } .oldie .property-listing .open .map-toggle .text > span.hide { display: inline; } .ie7 .property-listing .map-toggle .arrow { background-position: 0 -4px; } .ie7 .property-listing .open .map-toggle .arrow { background-position: 0 -40px; } .ie7 .property-listing .map-toggle .text { top: 11px; line-height: 20px; } .ie7 .property-listing .open .map-toggle .text { top: -10px; } /* google map */ .property-listing .map-wrapper { overflow: hidden; height: 0; max-height: 560px; position: relative; } .property-listing .map-wrapper img { max-width: none; } .property-listing .open .map-wrapper { min-height: 560px; } .property-listing .map-wrapper .map-canvas { height: 560px; } .property-listing .map-wrapper .map-overlay { position: absolute; height: 100%; top: 0; right: -294px; background: rgba(255,255,255,0.9); width: 294px; -webkit-transition: right 0.3s; transition: right 0.3s; } .property-listing .map-wrapper .map-overlay.open { right: 0px; } .property-listing .map-wrapper .map-overlay-details { padding: 10px; padding: 1rem; text-align: left; padding-bottom: 0; } .property-listing .map-wrapper .map-overlay-details h4 { line-height: 18px; line-height: 1.8rem; } .property-listing .map-wrapper .map-overlay-close { display: block; background: url('/Assets/Residential/images/icons/menu-sprite.png') no-repeat left -37px; cursor: pointer; height: 17px; width: 17px; display: block; float: right; margin-bottom: 20px; margin-bottom: 2rem; position: relative; right: 10px; right: 1rem; top: 10px; top: 1rem; } .property-listing .map-wrapper .map-overlay > .step { cursor: pointer; pointer-events: none; left: 10px; left: 1rem; position: relative; top: 10px; top: 1rem; opacity: 0; display: inline-block; margin: 0; background-image: url('/Assets/Residential/images/icons/slider-arrows-small.png'); height: 29px; width: 29px; } .property-listing .map-wrapper .map-overlay > .step.next { right: auto; left: 80px; background-position: 0px -29px; } .property-listing .map-wrapper .map-overlay > .step.visible { opacity: 1; pointer-events: auto; } .property-listing .map-wrapper .map-overlay-content { display: none; } .property-listing .map-wrapper .map-overlay-content .slide { padding: 1rem; position: absolute; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } .property-listing .map-wrapper .map-overlay-content.visible { opacity: 1;visibility: visible; } .property-listing .property-listing-map { margin-bottom: 15px; margin-bottom: 1.5rem; } /* entries */ .property-listing .entry { margin-bottom: 10px; margin-bottom: 1rem; } .property-listing .entry > div { padding: 10px; padding: 1rem; } .property-listing .entry .left { width: 31.17%; float: left; margin-right: 2.13%; line-height: 0; } .property-listing .entry .middle { width: 43.72%; float: left; margin-right: 2.13%; } .property-listing .entry .right { width: 20.85%; float: left; margin-right: 0; } .property-listing .price { color: #e30613; } .property-listing .phone-number { color: #3d3d3d; } .property-listing .price em { font-weight: bold; color: #393939; } #container .property-listing ul.link-listing { margin: 0; padding: 0; list-style: none; } #container .property-listing ul.link-listing li { margin-left: 0; padding-left: 0; list-style: none; } #container .left-col ul li:first-child .feature, #container .property-listing ul li:first-child .feature { display: inline-block; padding: 2px 0px 2px 30px; padding: 0.2rem 0rem 0.2rem 3rem; background: url(/Assets/Residential/images/icons/property-feature-icon-sprite.png) no-repeat; margin-right: 20px; margin-right: 2rem; } #container .left-col ul li .feature.bedrooms, #container .property-listing ul li .feature.bedrooms { background-position: 0px -36px; } #container .left-col ul li .feature.bathrooms, #container .property-listing ul li .feature.bathrooms { background-position: 0px -64px; } #container .left-col ul li .feature.receptions, #container .property-listing ul li .feature.receptions { background-position: 0px -4px; } .oldie .property-listing .entry .left { width: 293px; margin-right: 20px; } .oldie .property-listing .entry .middle { width: 411px; margin-right: 20px; } .oldie .property-listing .entry .right { width: 196px; margin-right: 0; } .property-listing.grid .entries { margin-left: -10px; margin-left: -1rem; } .property-listing.grid .entry { margin-bottom: 10px; margin-bottom: 1rem; width: 302px; padding-left: 10px; padding-left: 1rem; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .property-listing.grid .entry .bg-white { position: relative; } .property-listing.grid .entry .left, .property-listing.grid .entry .middle, .property-listing.grid .entry .right { width: 100%; float: none; } .property-listing.grid .entry .left a { display: block; margin-bottom: 10px; margin-bottom: 1rem; } .property-listing.grid .entry .left img { display: block; } .property-listing.grid .entry .middle ul li { display: none; } .property-listing.grid .entry .middle ul li:first-child { display: list-item; } .property-listing.grid .entry .right { position: static; bottom: 0; } .property-listing.grid .entry .bg-white.height-set .right { position: absolute; } .ie7 #container .property-listing.grid .entry .right ul.link-listing { margin-bottom: 10px; } #container .property-listing.grid .entry .right ul.link-listing { position: relative; max-width: 273px; } #container .property-listing.grid .entry .right ul.link-listing li { margin: 0; } #container .property-listing.grid .entry .right ul.link-listing li a { margin: 0 0 10px; margin: 0 0 1rem; float: left; width: 60px; height: 60px; } #container .property-listing.grid .entry .right ul.link-listing li + li a { margin-left: 10px; margin-left: 1rem; } #container .property-listing.grid .entry .right ul.link-listing li:first-child a { margin-left: 0; } #container .property-listing.grid .entry .right ul.link-listing li.full { width: auto; height: auto; margin-bottom: 10px; margin-bottom: 1rem; clear: both; } #container .property-listing.grid .entry .right ul.link-listing li.full + li a { margin-left: 0; } #container .property-listing.grid .entry .right ul.link-listing li.full a.button { height: auto; margin: 0; float: none; width: auto; } #container .property-listing.grid .entry .right ul.link-listing li a.button { height: 60px; } .property-listing.grid .entry .right a.button.save, .property-listing.grid .entry .right a.button.email, .property-listing.grid .entry .right a.button.floorplan, .property-listing.grid .entry .right a.button.download, .property-listing.grid .entry .right a.button.viewing { width: 100%; height: 100%; background-image: url(/Assets/Residential/images/icons/button-sprite-large.png); padding: 0; font-size: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .property-listing.grid .entry .right a.button.save { background-position: 0px 0px; } .property-listing.grid .entry .right a.button.email { background-position: 0px -60px; } .property-listing.grid .entry .right a.button.floorplan { background-position: 0px -120px; } .property-listing.grid .entry .right a.button.download { background-position: 0px -180px; } .property-listing.grid .entry .right a.button.viewing { background-image: url("/Assets/Residential/images/icons/viewing-btn.png"); background-position: center center; } .property-listing.grid .entry .right a.button.full { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } /* page controls */ .property-listing-controls { padding: 10px; padding: 1rem; } .property-listing-controls .list, .property-listing-controls .grid { display: block; float: left; margin-right: 10px; margin-right: 1rem; height: 40px; width: 40px; background-image: url(/Assets/Residential/images/icons/list-grid-sprite.png); } .property-listing-controls .list { background-position: 0px 0px; } .property-listing-controls .list.current { background-position: 0px -40px; } .property-listing-controls .grid { background-position: 0px -80px; } .property-listing-controls .grid.current { background-position: 0px -120px; } .property-listing-controls select { float: right; width: auto !important; margin-left: 10px; margin-left: 1rem; height: 40px; border: 2px solid #626468; font-size: 11px; text-transform: uppercase; padding: 0px 10px; padding: 0 1rem; } .property-listing-controls .stylish-select { width: auto; float: right; } .property-listing .entries ~ .results-num-toggle { position: absolute; bottom: 0; right: 0; width: 180px; width: 18rem; } .property-listing .entries ~ .results-num-toggle .stylish-select { margin-bottom: 0; } /* ----------------------------- listing module ---------------------------- */ .listing-module { } .listing-module .listing { padding: 10px; padding: 1rem; margin-bottom: 10px; margin-bottom: 1rem; } .listing-module .listing .img-holder { width: 22.5%; margin-left: 3.5%; float: right; height: 150px; overflow: hidden; } .listing-module .listing .img-holder img { width: 100%; height: auto; } .listing-module .listing .text { float: right; width: 74%; } .news-listing-feature .img-holder { width: 67%; } .news-listing-feature .feature-content { overflow: hidden; } .news-listing-feature .feature-content time { display: block; margin: 20px 0px 15px 0px; font-size: 14px; line-height: 19.6px; font-family: 'Gotham A', 'Gotham B', arial, helvetica, sans-serif; font-weight: 500; font-style: normal; } .news-listing-items { margin-top: 10px; } .news-listing-items article { padding: 10px 10px 48px 10px; position: relative; } .news-listing-items article .item-button { width: 100%; box-sizing: border-box; margin: 0 -10px; position: absolute; bottom: 10px; padding: 0px 10px; } .news-listing-items article .button { display: block !important; } .news-listing-items article time { display: block; margin: 5px 0px 10px 0px; font-size: 14px; line-height: 19.6px; font-family: 'Gotham A', 'Gotham B', arial, helvetica, sans-serif; font-weight: 500; font-style: normal; } .news-listing-items article .item-content { padding: 0px 10px; clear: both; } .news-listing-items ~ .pagination { margin-top: 20px; } /* ----------------------------- search results ---------------------------- */ .search-result-controls { padding: 10px; padding: 1rem; } .search-result-controls h1 { color: #393939; float: left; line-height: 40px; line-height: 4rem; } .search-result-controls .stylish-select { width: auto; float: right; } .search-result-listing { padding: 10px 20px; padding: 1rem 2rem; margin-bottom: 15px; margin-bottom: 1.5rem; } .search-result-listing > article { margin-top: 15px; margin-top: 1.5rem; border-top: 1px solid #d5d5d5; padding-top: 10px; padding-top: 1rem; } .search-result-listing > article:first-child { margin: 0; padding: 0; border: none; } .search-result-listing > article .search-result-breadcrumb { font-size: 12px; font-size: 1.2rem; font-family: 'Gotham A', 'Gotham B', arial, helvetica, sans-serif; font-weight: 500; font-style: normal; text-transform: uppercase; margin-bottom: 8px; margin-bottom: 0.8rem; } .search-result-listing > article .search-result-breadcrumb .sep-arrow { margin: 0px 10px; margin: 0 1rem; } .search-result-listing > article .title { text-transform: uppercase; color: #e30613; } /* ----------------------------- new homes search panel ---------------------------- */ .new-homes-search { } .new-homes-search .bg-white.component-holder { border: 1px solid #6a6a6a; margin-bottom: 10px; margin-bottom: 1rem; } .new-homes-search .col-1 { float: left; width: 49%; } .new-homes-search .col-1 .or-text:before { background-color: #e5e5e5; content: ""; height: 1px; left: 10%; margin: -1px 0 0; position: absolute; top: 50%; width: 35%; } .new-homes-search .col-1 .or-text { clear: both; font-size: 12px; font-size: 1.2rem; margin: 10px 0; margin: 1rem 0 2rem; position: relative; text-align: center; text-transform: uppercase; } .new-homes-search .col-1 .or-text:after { background-color: #e5e5e5; content: ""; height: 1px; right: 10%; margin: -1px 0 0; margin: -0.01rem 0 0; position: absolute; top: 50%; width: 35%; } .new-homes-search .col-1 .or-text > p { margin: 0; } .new-homes-search .col-1 .stylish-ds[data-type="checkbox"] { float: left; margin: 0; } .new-homes-search .col-1 .stylish-ds[data-type="checkbox"] + label { display: inline-block; padding-left: 10px; padding-left: 1rem; text-align: left; } .new-homes-search .col-2 { float: right; width: 49%; } .new-homes-search .col-2 > div { float: left; width: 54%; } .new-homes-search .col-2 > div + div { clear: right; float: right; width: 44.5%; } .new-homes-search .col-2 > div + div .stylish-select { margin: 0 0 10px; margin: 0 0 1rem; } .new-homes-search .col-2 label { clear: left; display: block; float: left; width: 20%; text-align: left; line-height: 39px; margin-bottom: 10px; margin-bottom: 1rem; padding-right: 10px; padding-right: 1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; } .new-homes-search .col-2 label + div { float: left; width: 80%; } .new-homes-search .col-2 .button { min-width: 0px; } .new-homes-search .stylish-select > span.selected { margin: 0; } .new-homes-search > .component-holder { -moz-transition: opacity 0.1s linear; -ms-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; -webkit-transition: opacity 0.1s linear; opacity: 0; transition: opacity 0.1s linear; } .new-homes-search.fadein > .component-holder { opacity: 1; } .stylish-form .new-homes-search .stylish-ds[data-type="checkbox"] > span, .stylish-form .new-homes-search .stylish-select.checkbox-dropdown .stylish-ds[data-type="checkbox"] > span { background-image: none; } .stylish-form .new-homes-search .stylish-ds[data-type="checkbox"] > span.checked, .stylish-form .new-homes-search .stylish-select.checkbox-dropdown .stylish-ds[data-type="checkbox"] > span.checked { background-image: url(/Assets/Residential/images/icons/stylish-checkbox-bg.png); } input::-ms-clear { height: 0; width: 0; display: none; } /* get rid of the annoying cross in IE9+ */ body .ui-autocomplete { max-height: 250px; overflow-y: auto; overflow-x: hidden; padding-right: 5px; } body .ui-autocomplete-loading { background: white url('/Assets/Global/images/loader.gif') right center no-repeat; } body .ui-menu .ui-menu-item { font-size: 1.1rem; } body .ui-widget-content { border: 1px solid #ccc; } body .ui-menu .ui-menu-item:hover, body .ui-menu .ui-menu-item.ui-state-focus { background: #e0e0e0; border-color: transparent; } /* new homes property detail page */ .full-width.headline .bg-white.component-holder .bg-lg.component-holder { padding: 20px; padding: 2rem; } #container .headline .bg-white.component-holder { margin-bottom: 16px; margin-bottom: 1.6rem; } #container .headline .holder { color: #e30613; text-align: center; } #container .headline h1:empty, #container .headline h2:empty, #container .headline h4:empty, #container .headline h5:empty, #container .headline p:empty { margin: 0; padding: 0; } #container .headline h4 { font-size: 17px; font-size: 1.7rem; line-height: 17px; line-height: 1.7rem; margin: 0 0 5px; margin: 0 0 0.5rem; } #container .headline h5 { font-size: 14px; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; margin: 0 0 5px; margin: 0 0 0.5rem; } #container .headline h2 { font-size: 28px; font-size: 2.8rem; line-height: 28px; line-height: 2.8rem; margin: 0 0 5px; margin: 0 0 0.5rem; } #container .headline h1 { font-size: 34px; font-size: 3.4rem; line-height: 34px; line-height: 3.4rem; margin: 0; } #container .headline p { margin: 15px 30px 0; margin: 1.5rem 3rem 0; } #container .extra-information h4 { margin: 0; } #container .extra-information p { margin: 15px 0 0; margin: 1.5rem 0 0; } /* ----------------------------- pagination ---------------------------- */ #container .pagination { display: block; } #container .pagination.mobile { display: none; } #container .pagination ul { text-align: center; padding: 0px 10px; padding: 0 1rem; } #container .pagination ul li { display: inline; line-height: 40px; margin: 0px 4px; margin: 0 0.4rem; padding: 0px; } #container .pagination ul li a { display: inline-block; width: 40px; height: 40px; vertical-align: middle; background: #B1B2B4; color: #626468; } #container .pagination ul li.current a { background: #ffffff; color: #393939; } #container .pagination ul li.disabled a { cursor: default; } #container .pagination ul li.first a { background-image: url(/Assets/Residential/images/icons/pagination-sprite.png); background-position: 0px 0px; } #container .pagination ul li.prev a { background-image: url(/Assets/Residential/images/icons/pagination-sprite.png); background-position: 0px -40px; } #container .pagination ul li.next a { background-image: url(/Assets/Residential/images/icons/pagination-sprite.png); background-position: 0px -80px; } #container .pagination ul li.last a { background-image: url(/Assets/Residential/images/icons/pagination-sprite.png); background-position: 0px -120px; } /* ----------------------------- featured properties ---------------------------- */ .featured-properties .entry { width: 31.2%; float: left; margin-left: 3.2%; } .featured-properties .entry:first-child { margin-left: 0; } .featured-properties .entry.fourth { display: none; } .featured-properties .entry .centre { line-height: 0; } .featured-properties .entry .centre img { margin-bottom: 15px; margin-bottom: 1.5rem; } .featured-properties h4 { line-height: 17px; line-height: 1.7rem; } .featured-properties .price { color: #e30613; } .featured-properties .price em { font-weight: bold; color: #393939; } #container .featured-properties li { margin-left: 20px; margin-left: 2rem; padding-left: 4px; padding-left: 0.4rem; } .oldie .featured-properties .entry { width: 293px; margin-left: 30px; } .oldie .featured-properties .entry:first-child { margin-left: 0; } /* ----------------------------- lightbox ---------------------------- */ .lightbox { display: none; position: fixed; top: 0; left: 0; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; } .lightbox .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.9; filter: alpha(opacity=90); background: #000; } .lightbox .content { position: absolute; height: 100%; width: 100%; overflow: auto; z-index: 2; } .lightbox .content .wrapper { max-width: 709px; padding: 135px 15px 0; padding: 13.5rem 1.5rem 0; } .lightbox .content .field { border: 2px solid #626468; margin-bottom: 20px; margin-bottom: 2rem; } .lightbox .content h2 { color: #fff; margin-bottom: 20px; margin-bottom: 2rem; position: relative; } .lightbox .content h2 .lightbox-close { display: block; position: absolute; top: 50%; right: 0; width: 18px; height: 18px; margin-top: -9px; cursor: pointer; } .lightbox .content h2 .lightbox-close::before, .lightbox .content h2 .lightbox-close::after { content: ""; background: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 50%; } .lightbox .content h2 .lightbox-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .lightbox input[type="text"], .lightbox input[type="email"], .lightbox textarea { min-height: 30px; background: transparent; color: #fff; text-transform: uppercase; font-family: 'Gotham A', 'Gotham B', arial, helvetica, sans-serif; font-weight: 500; font-style: normal; font-size: 11px; font-size: 1.1rem; line-height: 30px; line-height: 3rem; border: none; outline: none; display: block; width: 100%; padding: 3px 12px; padding: 0.3rem 1.2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .lightbox textarea { min-height: 227px; } .ie7 .lightbox input[type="text"], .ie7 .lightbox input[type="email"], .ie7 .lightbox textarea { width: 96%; padding: 3px 2%; } .lightbox input::-webkit-input-placeholder, .lightbox textarea::-webkit-input-placeholder { color: #fff; -webkit-transition: color 0.3s; transition: color 0.3s; } .lightbox input:-moz-placeholder, .lightbox textarea:-moz-placeholder { color: #fff; -moz-transition: color 0.3s; transition: color 0.3s; } .lightbox input::-moz-placeholder, .lightbox textarea::-moz-placeholder { color: #fff; -moz-transition: color 0.3s; transition: color 0.3s; } .lightbox input:-ms-input-placeholder, .lightbox textarea:-ms-input-placeholder { color: #fff; -ms-transition: color 0.3s; transition: color 0.3s; } .lightbox input:focus::-webkit-input-placeholder, .lightbox textarea:focus::-webkit-input-placeholder { color: rgba(255,255,255,0.5); } .lightbox input:focus:-moz-placeholder, .lightbox textarea:focus:-moz-placeholder { color: rgba(255,255,255,0.5); } .lightbox input:focus::-moz-placeholder, .lightbox textarea:focus::-moz-placeholder { color: rgba(255,255,255,0.5); } .lightbox input:focus:-ms-input-placeholder, .lightbox textarea:focus:-ms-input-placeholder { color: rgba(255,255,255,0.5); } .lightbox .actions > div { position: relative; float: left; width: 100%; max-width: 355px; } .lightbox .actions .submit-trigger { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); background: #000; z-index: 1; cursor: pointer; } .lightbox .actions input[type="submit"] { display: block !important; width: 100%; } /* ----------------------------- helper classes ---------------------------- */ .hidden { display: none; } .transition { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .gotham { font-family: 'Gotham A', 'Gotham B', arial, helvetica, sans-serif; font-weight: 500; font-style: normal; } .dark { color: #252629; } .centre { text-align: center; } .rotate { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .image-left { float: left; margin-right: 15px; margin-right: 1.5rem; } /* ----------------------------- page animation work ---------------------------- */ .js .load-anim { visibility: hidden; } .js.mobile .load-anim { visibility: visible; } .js .prep-anim { max-width: 0; max-height: 0; min-height: 0; visibility: visible; overflow: hidden; } /* ----------------------------- WFFM ---------------------------- */ #container .scfForm { font-size: 14px; font-size: 1.4rem; line-height: 19px; line-height: 1.9rem; font-family: Georgia,serif; } .scfForm { padding: 10px; padding: 1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .right-col .scfForm { background: #ffffff; background: rgba(255, 255, 255, 0.5); } .scfForm .halfAvailableWidth:first-child { margin: 0; padding-right: 10px; padding-right: 1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .right-col .scfForm .halfAvailableWidth:first-child { padding: 0; } .scfForm .halfAvailableWidth + .halfAvailableWidth { margin: 0; padding-left: 10px; padding-left: 1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .right-col .scfForm .halfAvailableWidth + .halfAvailableWidth { padding: 0; } .scfForm .scfSectionLegend { display: inline-block; font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; text-transform: uppercase; color: #e30613; font-family: "Gotham","Montserrat",arial,helvetica,sans-serif; font-weight: normal; margin: 0 0 5px 0; margin: 0 0 0.5rem; padding: 0; } .scfForm .scfSectionBorderAsFieldSet { border-top: none; margin: 0; padding: 0; } .scfForm .scfSingleLineTextLabel, .scfForm .scfMultipleLineTextLabel, .scfForm .scfRadioButtonListLabel, .scfForm .scfCheckBoxListLabel { color: #3d3d3d; display: block; font-family: "Gotham","Montserrat",arial,helvetica,sans-serif; font-size: 11px; font-size: 1.1rem; line-height: 30px; line-height: 3rem; margin-bottom: 10px; margin-bottom: 1rem; text-transform: uppercase; width: 100%; padding: 0; } .scfForm .scfRadioButtonListGeneralPanel, .scfForm .scfCheckBoxListGeneralPanel { margin-bottom: 10px; margin-bottom: 1rem; } .scfForm .scfSingleLineGeneralPanel, .scfForm .scfMultipleLineGeneralPanel, .scfForm .scfRadioButtonListGeneralPanel, .scfForm .scfCheckBoxListGeneralPanel, .scfForm .scfEmailGeneralPanel { width: 67%; padding: 0; } .right-col .scfForm .scfSingleLineGeneralPanel, .right-col .scfForm .scfMultipleLineGeneralPanel, .right-col .scfForm .scfRadioButtonListGeneralPanel, .right-col .scfForm .scfCheckBoxListGeneralPanel, .right-col .scfForm .scfEmailGeneralPanel { width: 100%; } .scfForm .scfRadioButtonList tr, .scfForm .scfCheckBoxList tr { display: block; float: left; margin-bottom: 10px; margin-bottom: 1rem; } .scfForm .scfRadioButtonList tr td, .scfForm .scfCheckBoxList tr td { display: block; overflow: hidden; padding: 10px 0 0 0; } .scfForm .scfRadioButtonList tr .stylish-ds[data-type="radio"], .scfForm .scfCheckBoxList tr .stylish-ds[data-type="checkbox"] { display: block; float: left; margin: -10px 10px 0 0; } .scfForm .scfRadioButtonList tr .stylish-ds[data-type="radio"] + label, .scfForm .scfCheckBoxList tr .stylish-ds[data-type="checkbox"] + label { display: inline; float: none; margin: 0px 25px 0 0; margin: 0 2.5rem 0 0; } .scfForm .scfCheckBoxListGeneralPanel td { padding: 0; } .scfForm .scfSectionContent > div:after, .scfForm .scfSectionContent > div:before { content: ""; display: table; } .scfForm .scfSectionContent > div:after { clear: both; } .scfForm .scfSectionContent > div { zoom: 1; margin: 0; } .scfForm .scfIntroBorder, .scfForm .scfFooterBorder { margin: 0px 0px 10px 0px; margin: 0 0 1rem 0; } .scfForm .scfSubmitButtonBorder { clear: both; margin: 0px 0px 10px 0px; margin: 0 0 1rem 0; } .scfForm .scfSubmitButtonBorder .scfSubmitButton { background: url("/Assets/Residential/images/icons/button-sprite.png") no-repeat right 0 #e30613; border: none; color: #fff; cursor: pointer; display: inline-block; font-family: "Gotham","Montserrat",arial,helvetica,sans-serif; font-size: 1.1rem; line-height: 3rem; overflow: hidden; padding: 0.4rem 4.4rem 0.4rem 2rem; position: relative; text-align: left; text-decoration: none; text-overflow: ellipsis; word-wrap: normal; text-transform: uppercase; transition: all 0.2s ease 0s; white-space: nowrap; } .scfForm .scfSubmitButtonBorder .scfSubmitButton:hover { text-decoration: none; background-color: #9d1114; color: #fff; } .left-col .scfForm .scfSubmitButtonBorder .scfSubmitButton, .full-width .scfForm .scfSubmitButtonBorder .scfSubmitButton { width: auto !important; } .stylish-form .scfForm .stylish-ds[data-type="radio"], .stylish-form .scfForm .stylish-ds[data-type="checkbox"] { float: left; margin: 0 10px 10px 0; margin: 0 1rem 1rem 0; } .stylish-form .scfForm .stylish-ds[data-type="radio"] + label, .stylish-form .scfForm .stylish-ds[data-type="checkbox"] + label { text-align: left; } .scfForm .scfValidatorRequired, .scfForm .scfRequired { display: none !important; } .scfForm .scfTitleBorder { font-size: 2.4rem; line-height: 2.5rem; margin-bottom: 1.6rem; margin-top: 0; font-weight: normal; color: #e30613; font-family: "Gotham","Montserrat",arial,helvetica,sans-serif; } .scfSectionContent .hidden { display: none; } /* ----------------------------- Floorplan zoom ---------------------------- */ .pancontainer { position: relative; overflow: hidden; width: 100%; height: 600px; text-align: -webkit-center; background-color: white; } #container .ch-zoom-viewport img { cursor: move; border: none; outline: none; max-width: 100%; max-height: 100%; -webkit-transform: scale(1); -webkit-transition: all; transition: all; vertical-align: middle; } #container ul.viewcontrols { position: absolute; margin: 0; padding: 0; list-style: none; top: 10px; right: 20px; display: block; width: 84px; height: 84px; background: url(../images/icons/map-controls-bg.png); } #container ul.viewcontrols li { font: bold 1em Arial; text-align: center; cursor: pointer; position: absolute; margin: 0; padding: 0; margin-left: 0px !important; width: 35px !important; height: 35px; background: url(../images/icons/map-controls.png) no-repeat 4px 4px; list-style-image: none; list-style-type: none; border-radius: 12px; } #container .viewcontrols .up { top: -6px; left: 24px; background-position: -38px -37px; } #container .viewcontrols .up:hover { background-position: -37px -111px; } #container .viewcontrols .left { top: 25px; left: -7px; background-position: -30px -6px; } #container .viewcontrols .left:hover { background-position: -30px -78px; } #container .viewcontrols .right { top: 26px; left: 54px; background-position: -73px -41px; } #container .viewcontrols .right:hover { background-position: -73px -113px; } #container .viewcontrols .down { top: 58px; left: 24px; background-position: -69px -10px; } #container .viewcontrols .down:hover { background-position: -69px -82px; } #container ul.ch-zoom-buttons { opacity: 0.8; position: absolute; margin: 0; padding: 0; list-style: none; top: 99px; right: 41px; display: block; cursor: pointer; } #container ul.ch-zoom-buttons li { display: block; width: 40px; height: 40px; font: bold 1em Arial; text-align: center; margin: 0; background: url(../images/icons/map-controls.png) no-repeat; overflow: hidden; text-indent: -99px; padding: 0px; list-style-image: none; list-style-type: none; } #container ul.ch-zoom-buttons .in { background-position: -151px -30px; } #container ul.ch-zoom-buttons .in:hover { background-position: -151px -91px; } #container ul.ch-zoom-buttons .out { background-position: -151px 0px; margin-top: 232px; } #container ul.ch-zoom-buttons .out:hover { background-position: -151px -129px; } #container ul.ch-zoom-buttons .reset { background-position: -153px -211px; margin-top: 7px; display: none; } #container ul.ch-zoom-buttons .reset:hover { background-position: -152px -169px; } .ch-zoom-slider-wrapper { padding: 15px; position: absolute; z-index: 100; top: 140px; width: 10px; background: url(../images/icons/map-controls-bg.png); right: 41px; } .ch-zoom-handle { width: 100%; width: 20px; height: 20px; background: #fff; position: absolute; left: -5px; bottom: 0; cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .ch-zoom-slider { width: 10px; height: 200px; background: #414141; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .ch-zoom-viewport { overflow: hidden; text-align: center; line-height: 600px; height: 600px; } .mobile #container ul.ch-zoom-buttons { top: 100px; right: 20px; } .mobile .ch-zoom-slider-wrapper { visibility: hidden; } .mobile ul.ch-zoom-buttons .out { margin-top: 2px; } .mobile #container ul.ch-zoom-buttons .out { margin-top: 2px; } .mobile #container ul.ch-zoom-buttons .reset { display: block; } /* ----------------------------- Property Carousel ---------------------------- */ .property-carousel.holder { margin-top: 20px; } .property-carousel .slide { float: left; width: 33.3%; } .property-carousel .slide img { width: 100%; } .ch-carousel .property-carousel .slide-container > div img { position: relative; vertical-align: middle; width: 100%; } .property-carousel .ch-carousel .slide-container > div { line-height: 0; background: #fff; padding-bottom: 30px; } .property-carousel .slide-container > div { line-height: 0; background: #fff; padding-bottom: 30px; } .left-col .property-carousel a.button { display: block; width: 60%; margin: 0 auto; min-width: 100px; } .left-col .property-carousel a.thumb-link { display: block; height: 160px; overflow: hidden; border: solid 20px #fff; border-right: solid 10px #fff;; border-left: solid 10px #fff; } .property-carousel .slide > div:first-child { margin-left: 0; } .property-carousel .ch-carousel > .step { margin-top: -60px; } @media screen and (max-width: 1400px) { #scrollable-plugin { overflow: scroll; } .desktop #scrollable-plugin iframe { width: 1050px !important; } .mobile #scrollable-plugin iframe { width: 100%; } } /* ----------------------------- larger screens ---------------------------- */ @media screen and (min-width: 1400px) { /* containers */ #site-header #search-nav { position: relative; margin: 0px auto; } #site-header .wrapper, #navigation-holder #search-nav > section .tabs-nav, #navigation-holder #search-nav > section .tabs-holder > div { width: 1200px; margin: 0px auto; } .wrapper { width: 1230px; } /* homepage and full-height template */ .full-height .landing .wrapper { width: 1200px; } .homepage .landing .wrapper { width: 776px; } .full-height .about .wrapper { width: 601px; } .full-height .about article { padding: 0 95px; padding: 0 9.5rem; } .full-height .about article > div.table-div { height: 501px; } /* two column */ .left-col { width: 75%; float: left; } .right-col { width: 24.1%; float: left; margin-left: 0.9%; } .left-col .button, .left-col a.button, .full-width .button, .full-width a.button { min-width: 207px; } .thin-left { width: 22.5%; margin-right: 3.5%; float: left; } .right .thin-left { margin-right: 0; margin-left: 3.5%; float: right; } .wide-right { width: 74%; float: left; } /* featured properties */ .featured-properties .entry { width: 23.14%; float: left; margin-left: 2.48%; } .featured-properties .entry:first-child { margin-left: 0; } .featured-properties .entry.fourth { display: block; } /* property listing */ .property-listing .entry .left { width: 29.15%; margin-right: 1.7%; } .property-listing .entry .middle { width: 44.24%; margin-right: 1.7%; } .property-listing .entry .right { width: 23.21%; margin-right: 0; } /* right-hand map widget */ .right-col #map-canvas { width: 100%; height: 188px; } /* person widget */ .right-col .person-widget .thin-left { width: 43%; } .right-col .person-widget .wide-right { width: 53.5%; } .box-nav { min-height: 162px; } .box-nav a > div { padding: 3.5rem 2.5rem; } #container .page-information .phone-number { font-size: 14px; font-size: 1.4rem; } article h4.name { font-size: 16px; font-size: 1.6rem; } /* social share widget */ .social-share-widget .sharethis-inline-share-buttons div { width: 33px; } } /* ----------------------------- responsive ---------------------------- */ /* tablet */ @media screen and (max-width: 1010px) { .wrapper { width: auto; padding-left: 1.5rem; padding-right: 1.5rem; } #site-header .wrapper { width: auto; padding-left: 3rem; padding-right: 3rem; } #navigation-holder .wrapper { padding: 0; margin: 0; } #search-nav > section .tabs-nav, #search-nav > .property-search .tabs-holder > div { width: 100%; } .left-col, .right-col { width: 100%; margin-left: 0; } .full-width .left-col .component-holder { margin-bottom: 10px; margin-bottom: 1rem; } .full-width .right-col .bg-lg.component-holder { width: 100%; } /* homepage */ .full-height .landing .wrapper { width: auto; padding-left: 3rem; padding-right: 3rem; } .homepage .landing .wrapper { width: 342px; } .homepage .landing .wrapper li { margin-left: 2.92%; margin-bottom: 2.92%; width: 48.54%; min-height: 166px; } .homepage .landing .wrapper li:nth-child(2n-1) { margin-left: 0; } .homepage .articles .wrapper { width: 673px; } .homepage .articles .wrapper article { margin-bottom: 0.2%; width: 49.9%; } .homepage .articles .wrapper article.left { margin-right: 0.2%; } .homepage .homepage-box-nav { max-width: 352px; } .homepage .homepage-box-nav > li, .homepage .homepage-box-nav > li:first-child { width: 46%; margin-left: 2%; margin-right: 2%; margin-bottom: 10px; margin-bottom: 1rem; } .homepage .homepage-box-nav > li .box-nav { height: 165px; } .full-height .section-arrow.top { display: none; } /* mission statement */ .mission-statement p { padding: 0 7rem; } /* box-nav */ #main .section-box-nav > li, #main .section-box-nav > li:nth-child(7n+1) { width: 24%; margin-left: 1.33%; } #main .section-box-nav > li:first-child, #main .section-box-nav > li:nth-child(4n+1) { margin-left: 0; } .right-col .bg-lg.component-holder { float: left; width: 49%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .right-col .bg-lg.component-holder:nth-child(odd) { margin-right: 2%; } #container .page-information .phone-number { font-size: 14px; font-size: 1.4rem; } article h4.name { font-size: 16px; font-size: 1.6rem; } .right-col .property-search { clear: both; width: 100%; } .property-listing .entries ~ .results-num-toggle { position: static; clear: both; margin: auto; width: 22rem; margin-top: 2rem; } .property-listing .entries ~ .results-num-toggle .stylish-select { margin-bottom: 0; } .mapsidewidget-canvas, .mapwidget { height: 600px !important; } /* residential search */ .residential-search .buying-simple .button { width: 32.1%; } .residential-search .criteria-search .criteria-3, .residential-search .criteria-search .criteria-2 { width: 47.1%; } .residential-search .criteria-3 .stylish-select:first-of-type, .residential-search .criteria-2 .stylish-select:first-of-type { width: 46.7%; } .residential-search .criteria-3 .stylish-select:last-of-type, .residential-search .criteria-2 .stylish-select:last-of-type { width: 46.7%; } /* social share widget */ .social-share-widget .sharethis-inline-share-buttons div { width: 34px; } } /* large mobile */ @media screen and (max-width: 760px) { /* header */ #site-header { position: relative; } #main { padding-top: 0; } #navigation-holder .spacer { display: none; } #site-header .wrapper { padding-left: 1.5rem; padding-right: 1.5rem; } #navigation-holder .wrapper { margin: 0; padding: 0; } #site-header .right .i-am { display: none; } #primary-nav > ul.base { padding-bottom: 10px; padding-bottom: 1rem; } #breadcrumb { display: none; } /* full-height/homepage */ .full-height .landing .wrapper { padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem; } .full-height section .wrapper { padding-top: 7.5rem; } .full-height .about .wrapper, .homepage .articles .wrapper { max-width: 83%; } .full-height .about article { padding: 0 2rem; } .full-height #main > section:first-child { margin-top: -50px; } .full-height #main > section.residential-search { margin-top: 0; } .box-nav > a > span.plus { display: none; } .box-nav > a > div { font-size: 1rem; line-height: 1.4rem; position: absolute; top: 50%; width: 95%; padding: 0 2.5%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .homepage .landing .wrapper { width: 91%; max-width: 342px; padding-left: 0; padding-right: 0; padding-top: 7.5rem; } .homepage .box-nav > a > div { padding: 3rem 0 4.5rem; position: static; width: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .homepage .box-nav > a > div { font-size: 1.5rem; line-height: 1.9rem; } .homepage .box-nav > a > div em { font-size: 1.4rem; } .homepage .box-nav > a > span.plus { bottom: 15px; display: block; } .homepage .articles .wrapper article { margin-right: 0 !important; width: 100%; clear: both; margin-bottom: 0.4rem; height: 40px; overflow: hidden; } .homepage .articles .wrapper article > div.bg-white { position: relative; padding-top: 4rem; } .homepage .articles .wrapper article img { width: 100%; } .homepage .articles .wrapper article .cf, .homepage .articles .wrapper article > div > div > * { display: none; } .homepage .articles .wrapper article > div > div h2 { display: block; font-size: 1.2rem; line-height: 4rem; position: absolute; top: 0; left: 0; width: 100%; padding-left: 12px; padding-right: 52px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: url(/Assets/Residential/images/icons/red-arrows.png) no-repeat top right; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; } .homepage .articles .wrapper article.show { height: auto; } .homepage .articles .wrapper article.show .cf, .homepage .articles .wrapper article.show > div > div > * { display: block; } .homepage .articles .wrapper article.show > div > div h2 { background-position: bottom right; } #main .section-box-nav > li, #main .section-box-nav > li:nth-child(7n+1) { width: 48.5%; margin-left: 3%; } #main .section-box-nav > li:first-child, #main .section-box-nav > li:nth-child(2n+1) { margin-left: 0; } /* wrappers */ #main > .wrapper, #site-footer > .wrapper { padding: 0; } .residential-search + .vertical-block .wrapper { padding-top: 1.3rem; } /* page animation */ .js .prep-anim { max-width: 0; max-height: 0; min-height: 0; visibility: visible; overflow: hidden; } /* listing module */ .listing-module .listing { margin-top: 0; padding-top: 5px; padding-top: 0.5rem; } .listing-module .listing .img-holder, .listing-module .listing .img-holder img, .listing-module .listing .text { float: none; width: 100%; margin-left: 0; } .listing-module .listing > h2 { font-size: 12px; font-size: 1.2rem; line-height: 40px; line-height: 4rem; width: 100%; padding-left: 12px; padding-right: 52px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: url(/Assets/Residential/images/icons/red-arrows.png) no-repeat top right; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; } .listing-module .listing.show > h2 { background-position: bottom right; } .listing-module .listing > div { display: none; } .listing-module .listing.show > div { display: block; } .property-listing-controls .list, .property-listing-controls .grid { display: none; } .right-col .bg-lg.component-holder { float: none; margin-left: 0; width: 100%; } .right-col .extra-information .bg-lg.component-holder { float: left; width: 49%; } /* WFFM */ .scfForm .halfAvailableWidth { width: 100%; float: none; } .gallery .ch-carousel, .gallery .ch-carousel .slide-container { height: auto !important; } .gallery .ch-carousel .slide-container > div:not(.mapwidget) { line-height: 400px; height: auto !important; overflow: hidden; } .scfForm .scfSingleLineGeneralPanel, .scfForm .scfMultipleLineGeneralPanel, .scfForm .scfRadioButtonListGeneralPanel, .scfForm .scfCheckBoxListGeneralPanel, .scfForm .scfEmailGeneralPanel { width: 100%; } .calculator-component iframe { height: 390px; } /* image zoom/property details */ /*#container ul.viewcontrols { display: none; }*/ #container ul.ch-zoom-buttons { top: 100px; right: 20px; } .ch-zoom-slider-wrapper { visibility: hidden; } ul.ch-zoom-buttons .out { margin-top: 2px; } #container ul.ch-zoom-buttons .out { margin-top: 2px; } #container ul.ch-zoom-buttons .reset { display: block; } /* Property Carousel */ .property-carousel { margin-top: 20px; } .property-carousel .slide { float: left; width: 50%; } .left-col .property-carousel .no-carousel a.button { display: block; width: 70%; margin: 15px auto 0 auto; } /* mission statement */ .mission-statement { top: 7.5rem; } /* residential search */ .full-height section.residential-search { top: 7.3rem; } .residential-search .buying-simple .button { width: 31.8%; } /* office page tab-buttons */ section.office-tabs { display: none; } .office-tabs-mobile { display: block; margin: 2.1rem 0 1.6rem 0; } } @media screen and (max-width: 760px), screen and (max-height: 605px) and (max-width: 1100px) { #navigation-holder { position: relative; height: auto; } #navigation-holder .wrapper { margin: 0 auto; padding: 0; } #navigation-holder nav { position: static; width: 100%; } #navigation-holder li { min-height: 40px; height: auto; } #primary-nav ul { width: 100%; } #primary-nav ul li, #primary-nav ul.base li { border-bottom: 1px solid #656565; border-top: none; } #primary-nav ul.menu { background: #B1B2B4; } #primary-nav ul.menu li.site-search { background: #B1B2B4; } #primary-nav ul.menu > li.show > a, #primary-nav ul.menu > li:hover > a { background-position: right -160px; } #primary-nav > ul.base { position: static; } #primary-nav > ul > li ul { position: static; } #primary-nav > ul > li > ul { background: #e5e7e7; } #primary-nav > ul > li > ul li { border-bottom: 1px solid #cacbcc; } #primary-nav > ul > li > ul > li.show, #primary-nav > ul > li > ul > li:hover { background: #fff; } #primary-nav > ul > li > ul > li.show > a, #primary-nav > ul > li > ul > li:hover > a { color: #919896; } #primary-nav > ul > li > ul > li.has-children > a { background-position: right -40px; } #primary-nav > ul > li > ul > li.has-children.show > a, #primary-nav > ul > li > ul > li.has-children:hover > a { background-position: right -120px; } #primary-nav > ul > li > ul > li > ul > li { background: #fff !important; border-top: 1px solid #cacbcc; } #primary-nav > ul > li > ul > li > ul > li > a { color: #919896 !important; } #cookie-notice p { max-width: none; } #cookie-notice button { position: relative; right: 0; left: 0; margin-top: 1rem; } } @media screen and (max-width: 650px) { h1 { font-size: 1.8rem; } h2 { font-size: 1.6rem; } h3, h4 { font-size: 1.2rem; } #container .headline h1 { font-size: 28px; font-size: 2.8rem; line-height: 28px; line-height: 2.8rem; } #container .headline h2 { font-size: 22px; font-size: 2.2rem; line-height: 22px; line-height: 2.2rem; } #container .headline h4 { font-size: 14px; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; } #container .headline h5 { font-size: 11px; font-size: 1.1rem; line-height: 11px; line-height: 1.1rem; } /* homepage/full-height */ .full-height .section-arrow.prev { top: 15px; } .full-height .about article > div.table-div { padding: 0; height: 350px; } .full-height .about article > div.table-div > div h1 { font-size: 2.2rem; } .full-height .about article > div.table-div > div p { font-size: 1.8rem; line-height: 2.2rem; } /* containers */ #container { padding-right: 0; padding-left: 0; } #breadcrumb, #container > h1, #container > h2, .tabs { margin-left: 1.5rem; margin-right: 1.5rem; } .property-search { margin: 0; } .wrapper > #breadcrumb { padding-left: 0; padding-right: 0; } .right-col .bg-lg.component-holder, .right-col .bg-lg.component-holder:nth-child(odd), .right-col .extra-information .bg-lg.component-holder { width: 100%; margin-right: 0; } .right-col .extra-information .bg-lg.component-holder { float: none; } .left-col > article, .right-col > article, .full-width > article { margin-left: 1.5rem; margin-right: 1.5rem; } .button { display: block !important; } /* two-column */ .half, .third { margin-top: 10px; margin-left: 0; margin-right: 0; padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; } .half:first-child, .third:first-child { margin-top: 0; } .half article, .third article { height: auto !important; } .thin-left { width: 40%; margin-right: 5%; } .right .thin-left { margin-right: 0; margin-left: 5%; } .wide-right { width: 55%; } .thin-left .img-holder, .thin-left img { float: none; display: inline-block; } .agent-widget .thin-left { width: 41%; margin-right: 4.13%; text-align: left; } .agent-widget .thin-left .img-holder, .agent-widget .thin-left img { display: block; } .agent-widget .wide-right { width: 54.87%; } .team .email-address, .person-widget .email-address { display: none; } .team .email-link { display: block; clear: both; } .person-widget .email-link { display: block; clear: both; margin-bottom: 15px; margin-bottom: 1.5rem; } .team .further-details { display: block; } .right-col .property-search label + div { float: none; } .right-col .property-search .tabs-holder > div > div.criteria-search > div.section-2, .right-col .property-search .tabs-holder > div > div.criteria-search > div.section-3 { width: 100%; } .right-col .property-search .tabs-holder .radio-buttons-holder .radio-wrapper { width: 47.5%; padding-left: 0; padding-right: 5%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .right-col .property-search .tabs-holder .radio-buttons-holder .radio-wrapper:first-child { padding-right: 0; } /* featured properties */ .featured-properties .entry { display: none; width: 100%; margin-left: 0; } .featured-properties .entry:first-child { display: block; } .featured-properties .entry img { display: inline-block; text-align: center; } /* property tabs */ h1 .reference { display: none; } .tab-nav a { font-size: 1rem; } .tab-nav a span.current { margin-left: 0.5rem; } .subheading-wrap { margin: 0px 10px; } /* footer */ footer#site-footer .wrapper .holder { text-align: center; padding-bottom: 0; } footer#site-footer ul { text-align: center; display: inline-block; } footer#site-footer ul li { display: inline-block; float: none; } footer#site-footer ul li.copyright { display: block; border-left: none; margin-top: 0.5rem; } /* helper classes */ .full-phone { width: 100% !important; clear: both; } .viewing .left, .viewing .right { clear: both; width: 100%; } /* property listing */ .property-search { margin: 0; } .property-search label { float: none; width: auto; display: block; text-align: center; padding: 0; } .property-search label + div { width: auto; float: none; } .property-search .half { width: 47.5% !important; padding-left: 5% !important; margin-top: 0; } .property-search .half:first-child { padding-left: 0 !important; } .property-search .tabs-nav { display: none; } .property-search .tabs-nav-select { display: block; padding: 10px; padding: 1rem; background: #252629; } .property-search .tabs-nav-select span.selected { margin-bottom: 0; background: url(/Assets/Residential/images/icons/stylish-select-bg-light.png) no-repeat right center transparent; border: 2px solid #6c7174; color: #ffffff; } .property-search .tabs-nav-select .stylish-select { margin-bottom: 0; } .property-search .tabs-nav-select .stylish-select > ul { background: #252629; border: 1px solid #6c7174; } .property-search .tabs-nav-select .stylish-select > ul li { background: #252629; height: auto; min-height: 0px; color: #ffffff; font-size: 11px; font-size: 1.1rem; } .property-search .tabs-holder { border: none; } .property-search .tabs-holder .checkbox-wrapper, .property-search .tabs-holder .radio-buttons-holder { display: block; clear: both; overflow: hidden; width: 100%; padding-right: 1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .property-search .tabs-holder .radio-wrapper { width: 47.5%; padding-left: 0; padding-right: 5%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .property-search .tabs-holder .radio-wrapper:first-child { padding-right: 0; } .property-search .tabs-holder > div { padding-top: 0; border: none; } .property-search .tabs-holder > div > div.criteria-search, .property-search .tabs-holder > div > div.keyword-search { float: none; width: 100%; border-left: none; border-top: 1px solid #626468; padding-top: 10px; padding-top: 1rem; padding-bottom: 10px; padding-bottom: 1rem; } .property-search .tabs-holder > div > div.criteria-search > div, .property-search .tabs-holder > div > div.criteria-search > div.section-1, .property-search .tabs-holder > div > div.criteria-search > div.section-2, .property-search .tabs-holder > div > div.criteria-search > div.section-3 { width: 100%; } .property-search .tabs-holder > div > div.criteria-search > div.section-2 > div:first-child, .property-search .tabs-holder > div > div.criteria-search > div.section-2 > div:first-child + div { float: left; width: 50%; } .property-search .tabs-holder > div > div.criteria-search > div.section-2 > div:first-child > label { float: none; width: 200%; padding-right: 0; text-align: center; line-height: 20px; line-height: 2rem; } .property-search .tabs-holder > div > div.criteria-search > div.section-2 > div:first-child > div { clear: both; width: 100%; } .property-search .tabs-holder > div > div.criteria-search > div.section-2 > div:first-child + div > div { margin-top: 30px; margin-top: 3rem; } .property-search .tabs-holder > div > div.criteria-search > div.section-2 > div:first-child + div > div + div { margin-top: 40px; margin-top: 4rem; } .property-search .tabs-holder > div > div.criteria-search > div.section-4, .property-search .tabs-holder > div > div.criteria-search > div.section-5 { width: 100%; } .property-search .tabs-holder > div > div.criteria-search > div.search-btn { padding-left: 0; } .property-listing.grid .entry { width: 100%; } .property-listing.grid .entry .bg-white { padding-bottom: 0; height: auto !important; } .property-listing .entry .left, .property-listing .entry .middle, #container .property-listing .entry .right, #container .property-listing.grid .entry .right ul.link-listing, #container .property-listing.grid .entry .right ul.link-listing li.full { margin-right: 0; max-width: none; width: 100%; position: static; padding-top: 0; } #container .property-listing .entry .right ul.link-listing li { display: none; } #container .property-listing .entry .right ul.link-listing li.full { display: list-item; } #container .property-listing.grid .entry .right ul.link-listing li { display: none; } #container .property-listing.grid .entry .right ul.link-listing li.full { display: list-item; } .new-homes-search .col-1, .new-homes-search .col-2 { clear: both; float: none; width: 100%; } .new-homes-search .col-2 label { line-height: 20px; line-height: 2rem; margin: 10px 0; margin: 1rem 0; padding: 0; text-align: center; width: 200%; } .new-homes-search .col-2 > div { clear: none; float: left; width: 49%; } .new-homes-search .col-2 > div + div { clear: none; float: right; width: 49%; } .new-homes-search .col-2 label + div, .new-homes-search .col-2 > div + div > div { width: 100%; } .new-homes-search .col-2 > div + div + div { clear: both; float: none; width: 100%; } .new-homes-search .col-2 > div + div .stylish-select { margin: 40px 0 20px; margin: 4rem 0 2rem; } .new-homes-search .col-1 span.disabled { border-color: #ffffff; } #container .pagination.desktop { display: none; } #container .pagination.mobile { display: block; } .homepage .homepage-box-nav { padding: 0px 20px; padding: 0 2rem; } .homepage .homepage-box-nav > li, .homepage .homepage-box-nav > li:first-child { width: 46%; margin-left: 2%; margin-right: 2%; margin-bottom: 10px; margin-bottom: 1rem; } .homepage .homepage-box-nav > li .box-nav { height: 128px; } .tabbed-search .tabs-nav.five .tab-nav { width: 33%; margin-left: 0; margin-bottom: 1px; } .tabbed-search .tabs-nav.five .tab-nav:nth-child(4) a { background-image: none; } .js .ch-carousel > .step { transform: scale(0.8); transform-origin: center left; } .js .ch-carousel > .step.next { transform-origin: center right; } .news-listing-items { margin-bottom: 0; } .news-listing-items .third { margin-top: 10px; } .news-listing-items .third:first-child { margin-top: 0px; } .news-listing-items .third, .news-listing-items .img-holder, .news-listing-feature .img-holder { float: none; width: 100%; padding: 0; } .news-listing-items .img-holder img, .news-listing-feature .img-holder img { width: 100%; height: auto; } .news-listing-items article { height: auto !important; } .news-listing-items article time, .news-listing-feature .feature-content time { margin: 5px 0px; } .right-col .property-search .tabs-holder > div > div.col-2 > div + div .stylish-select { margin: 0; top: 30px; top: 3rem; } .right-col .property-search .tabs-holder > div > div.col-2 > div + div .stylish-select + .stylish-select { top: 110px; top: 11rem; } /* image zoom/property details */ #container .ch-zoom-viewport img { max-width: 100% !important; } .ch-zoom-viewport { line-height: inherit; height: auto; } /*#container ul.viewcontrols { display: none; }*/ .ch-zoom-slider-wrapper { visibility: hidden; } #container ul.ch-zoom-buttons { top: 100px; right: 20px; } #container ul.ch-zoom-buttons .out { margin-top: 1px !important; } /* residential search */ .residential-search.property-search .tabs-nav-select { background: #fbfaf9; opacity: 0.95; position: relative; z-index: 1; } .residential-search.property-search .tabs-nav-select span.selected { color: #000000; background: url('/Assets/Residential/images/icons//stylish-select-bg.png') no-repeat right center rgba(202, 0, 0, 0); background-position: 100% 0.4rem; } .residential-search.property-search .tabs-holder { border-top: 0.1rem solid #d5d5d5; padding-top: 1rem; } .residential-search .buying-simple .stylish-text, .residential-search .buying-simple .button { width: 100%; } .residential-search .buying-advanced .advanced-filter-label { padding: 1.3rem 0 1.1rem 0; } .residential-search .buying-advanced .advanced-filter-button { float: none; text-align: center; left: 0; } .residential-search .advanced-filter-arrow { display: inline-block; left: 0.8rem; top: 0.1rem; float: none; } .residential-search .buying-simple { padding-top: 0; } .residential-search.property-search .tabs-nav-select .stylish-select > ul li { background: #ffffff; color: #000000; } .residential-search .criteria-3 .stylish-select:first-of-type, .residential-search .criteria-2 .stylish-select:first-of-type { width: 47.4%; margin-right: 0.9rem; } .residential-search .criteria-3 .stylish-select:last-of-type, .residential-search .criteria-2 .stylish-select:last-of-type { width: 47.4%; } .residential-search .checkbox-wrapper, .residential-search .criteria-search > div > div.stylish-select { width: 100% } .residential-search .criteria-search .checkbox-wrapper { padding-left: 0; } .residential-search .criteria-search .checkbox-wrapper .stylish-ds { margin-left: 0; } .residential-search .criteria-search .criteria-3, .residential-search .criteria-search .criteria-2 { width: 100%; } .residential-search .criteria-3 label, .residential-search .criteria-2 label { text-align: center; line-height: 1.7rem; height: 1.2rem; font-size: 1.1rem; } .residential-search .apply-filters .button { width: 100%; } .office-tabs-mobile { margin: 1.9rem 1.3rem 1.3rem 1.5rem } /* homepage popup */ .mod-lightbox { width: 300px !important; } .mod-lightbox-content-inner .popup-desktop { display: none; } .mod-lightbox-content-inner .popup-mobile { display: block; } .mod-lightbox .mod-lightbox-close, .mod-lightbox .mod-lightbox-close:hover { top: -31px; right: 0; } } @media screen and (max-width: 480px) { .thin-left, .wide-right, .right .thin-left, .right .wide-right { width: 100%; clear: both; margin-right: 0; margin-left: 0; } .agent-widget .thin-left, .person-widget .thin-left, .team .thin-left { width: 41%; margin-right: 4.13%; clear: none; } .agent-widget .wide-right, .person-widget .wide-right, .team .wide-right { width: 54.87%; clear: none; } .mapsidewidget-canvas, .mapwidget { height: 229px !important; } .calculator-component iframe { height: 485px; } .right-col .calculator-component iframe { height: 500px; } /* Property Carousel */ .property-carousel { margin-top: 20px; } .property-carousel h2 { margin-left: 10px; } .property-carousel .slide { width: 100%; } .left-col .property-carousel a.thumb-link { height: auto; } /* mission statement */ .mission-statement p { font-size: 1.9rem; padding: 0 6.9rem; } /* residential search */ .stylish-form .residential-search .stylish-ds[data-type="radio"] { margin-left: 0; width: 3.5rem; } .residential-search.property-search .tabs-holder .stylish-ds[data-type="radio"] + label { margin-left: 0.4rem; } /* property search label */ .residential-search-label { display: none; } } @media screen and (max-width: 320px) { .mission-statement { top: 3rem; margin-bottom: 3rem; max-width: 26.8rem; padding: 1rem 0; } .mission-statement p { font-size: 2rem; padding: 0 4rem; } } @media screen and (min-height: 1081px) { #backgroundvideo video, .backgroundimage img { -webkit-transform: scale(1.5); -webkit-transform-origin: 50% 100%; transform: scale(1.5); transform-origin: 50% 100%; background-size: cover; } } #backgroundvideo video, .backgroundimage img { background-size: cover; }