@import url(//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css);
/*@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);*/
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
/*@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css');
@import url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css');*/
@import url('http://fonts.googleapis.com/css?family=Gruppo');
/* COLORS */
/*@lightergray: #938a8c;*/
/*@lightgray: #6d6e71;*/
/*@darkgray: darken(@midgray,50%);//#333;*/
/*Fonts*/
@font-face {
font-family: 'open_sanslight';
src: url('/assets/fonts/OpenSans-Light-webfont.eot');
src: url('/assets/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/OpenSans-Light-webfont.woff') format('woff'), url('/assets/fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('/assets/fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sansregular';
src: url('/assets/fonts/OpenSans-Regular-webfont.eot');
src: url('/assets/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('/assets/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('/assets/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'plau-regular';
src: url('/assets/fonts/30C073_1_0.eot');
src: url('/assets/fonts/30C073_1_0.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/30C073_1_0.woff') format('woff'), url('/assets/fonts/30C073_1_0.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'plau-medium';
src: url('/assets/fonts/plau-medium.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'plau-light';
src: url('/assets/fonts/plau-light.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'plau-bold';
src: url('/assets/fonts/30C073_0_0.eot');
src: url('/assets/fonts/30C073_0_0.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/30C073_0_0.woff') format('woff'), url('/assets/fonts/30C073_0_0.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.plau_light {
font-family: plau-light, Arial, Helvetica, sans-serif;
}
.plau_regular {
font-family: plau-regular, Arial, Helvetica, sans-serif;
}
strong {
font-family: plau-regular, Arial, Helvetica, sans-serif;
font-style: normal;
}
/*General*/
.quick {
color: #ffffff;
}
.break-word {
word-wrap: break-word;
}
/* grey */
.background-color-A0A2A2 {
background-color: #A0A2A2;
}
.background-color-2D2924 {
background-color: #2d2924;
}
.background-color-2D2924-important {
background-color: #2d2924 !important;
}
.background-color-B6B7BA {
background-color: #B6B7BA;
}
.background-color-DBDBDB {
background-color: #DBDBDB;
}
.background-color-EBEBEB {
background-color: #EBEBEB;
}
.background-color-C2C3C3 {
background-color: #C2C3C3;
}
.backgound-color-E7E7E7 {
background-color: #E7E7E7;
}
.background-color-E22525 {
background-color: #ec1c24;
}
.background-color-FFFFFF {
background-color: #ffffff;
}
.background-color-F4F3F3-important {
background-color: #F4F3F3 !important;
}
.background-color-fafafa {
background-color: fafafa;
}
.background-color-E7E7E7 {
background-color: #E7E7E7;
}
.background-color-000000 {
background-color: #000000;
}
.background-transparent {
background: transparent;
}
.border-none {
border: none;
}
.border-bottom-1px-solid-959595 {
border-bottom: 1px solid #959595;
}
.border-radius-5px {
border-radius: 5px 5px 5px 5px;
}
.border-1px-solid-9f9fa0 {
border: 1px solid #9f9fa0;
}
.border-right-1px-solid-9f9fa0 {
border-right: 1px solid #9f9fa0;
}
/* deep grey */
.color-333333 {
color: #333333;
}
.color-A0A1A2 {
color: #A0A1A2;
}
.color-FFFFFF {
color: #ffffff;
}
.color-FFFFFF-important {
color: #ffffff;
}
.color-E2231A {
color: #ec1c24;
}
.color-E2231A-important {
color: #ec1c24 !important;
}
.color-4D4D4D {
color: #4D4D4D;
}
.color-9EA2A3 {
color: #9EA2A3;
}
.color-9FA1A1 {
color: #9fa1a1;
}
.color-9FA1A1-important {
color: #9fa1a1 !important;
}
.color-E22525 {
color: #ec1c24;
}
.color-E22525-important {
color: #ec1c24 !important;
}
a.color-E22525:hover {
color: #ec1c24;
}
.color-938A8B {
color: #938A8B;
}
.color-938A8B-important {
color: #938A8B !important;
}
.color-000000 {
color: #000000;
}
.color-B6B7BA {
color: #B6B7BA;
}
.display-table-cell {
display: table-cell;
}
.display-block {
display: block;
}
.display-none {
display: none;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.clear-both,
.clear {
clear: both;
}
.font-size-10px {
font-size: 10px;
}
.font-size-11px {
font-size: 11px;
}
.font-size-12px {
font-size: 12px;
}
.font-size-12px-important {
font-size: 12px !important;
}
.font-size-13px {
font-size: 13px;
}
.font-size-14px {
font-size: 14px;
}
.font-size-14px-important {
font-size: 14px !important;
}
.font-size-15px {
font-size: 15px;
}
.font-size-16px {
font-size: 16px;
}
.font-size-17px {
font-size: 17px;
}
.font-size-18px {
font-size: 18px;
}
.font-size-19px {
font-size: 19px;
}
.font-size-20px {
font-size: 20px;
}
.font-size-21px {
font-size: 21px;
}
.font-size-22px {
font-size: 22px;
}
.font-size-23px {
font-size: 23px;
}
.font-size-24px {
font-size: 24px;
}
.font-size-25px {
font-size: 25px;
}
.font-size-26px {
font-size: 26px;
}
.font-size-27px {
font-size: 27px;
}
.font-size-28px {
font-size: 28px;
}
.font-size-30px {
font-size: 30px;
}
.font-size-38px {
font-size: 38px;
}
.font-size-40px {
font-size: 40px;
}
.font-weight-bold {
font-weight: 700;
}
.font-weight-normal {
font-weight: normal;
}
.height-17px {
height: 17px;
}
.height-19px {
height: 19px;
}
.height-28px {
height: 28px;
}
.height-37px {
height: 37px;
}
.height-40px {
height: 40px;
}
.height-100-percent {
height: 100%;
}
.height-47px {
height: 47px;
}
.height-50px {
height: 50px;
}
.height-57px {
height: 57px;
}
.height-93px {
height: 93px;
}
.height-103px {
height: 103px;
}
.height-133px {
height: 133px;
}
.height-145px {
height: 145px;
}
.height-147px {
height: 147px;
}
.max-width-124px {
max-width: 124px;
}
.max-height-18px {
max-height: 18px;
}
.max-height-20px {
max-height: 20px;
}
.max-height-38px {
max-height: 38px;
}
.max-height-40px {
max-height: 40px;
}
.max-height-58px {
max-height: 58px;
}
.max-height-60px {
max-height: 60px;
}
.margin-0px {
margin: 0px;
}
.margin-left-0px {
margin-left: 0px;
}
.margin-left-5px {
margin-left: 5px;
}
.margin-left-10px {
margin-left: 10px;
}
.margin-left-12px {
margin-left: 12px;
}
.margin-left-15px {
margin-left: 15px;
}
.margin-left-20px {
margin-left: 20px;
}
.margin-left-25px {
margin-left: 25px;
}
.margin-right-0px {
margin-right: 0px;
}
.margin-right-1px {
margin-right: 1px;
}
.margin-right-2px {
margin-right: 2px;
}
.margin-right-3px {
margin-right: 3px;
}
.margin-right-4px {
margin-right: 4px;
}
.margin-right-5px {
margin-right: 5px;
}
.margin-right-6px {
margin-right: 6px;
}
.margin-right-10px {
margin-right: 10px;
}
.margin-right-15px {
margin-right: 15px;
}
.margin-right-20px {
margin-right: 20px;
}
.margin-right-40px {
margin-right: 40px;
}
.margin-right-45px {
margin-right: 45px;
}
.margin-right-50px {
margin-right: 50px;
}
.margin-bottom--3px {
margin-bottom: -3px;
}
.margin-bottom-0px {
margin-bottom: 0px;
}
.margin-bottom-2px {
margin-bottom: 2px;
}
.margin-bottom-3px {
margin-bottom: 3px;
}
.margin-bottom-10px {
margin-bottom: 10px;
}
.margin-bottom-20px {
margin-bottom: 20px;
}
.margin-bottom-30px {
margin-bottom: 30px;
}
.margin-bottom-34px {
margin-bottom: 34px;
}
.margin-bottom-37px {
margin-bottom: 37px;
}
.margin-bottom-38px {
margin-bottom: 38px;
}
.margin-bottom-40px {
margin-bottom: 40px;
}
.margin-bottom-50px {
margin-bottom: 50px;
}
.margin-bottom-4px {
margin-bottom: 4px;
}
.margin-bottom-5px {
margin-bottom: 5px;
}
.margin-bottom-6px {
margin-bottom: 6px;
}
.margin-top-0px {
margin-top: 0px;
}
.margin-top-3px {
margin-top: 3px;
}
.margin-top-5px {
margin-top: 5px;
}
.margin-top-10px {
margin-top: 10px;
}
.margin-top-15px {
margin-top: 15px;
}
.margin-top-20px {
margin-top: 20px;
}
.margin-top-30px {
margin-top: 30px;
}
.margin-top-40px {
margin-top: 40px;
}
.min-height-515px {
min-height: 515px;
}
.line-height-14px {
line-height: 14px;
}
.line-height-15px {
line-height: 15px;
}
.line-height-17px {
line-height: 17px;
}
.line-height-19px {
line-height: 19px;
}
.line-height-20px {
line-height: 20px;
}
.line-height-23px {
line-height: 23px;
}
.line-height-25px {
line-height: 25px;
}
.line-height-30px {
line-height: 30px;
}
.line-height-46px {
line-height: 46px;
}
.line-height-47px {
line-height: 47px;
}
.overflow-hidden {
overflow: hidden;
}
.padding-10px {
padding: 10px;
}
.padding-12px {
padding: 12px;
}
.padding-15px {
padding: 15px;
}
.padding-20px {
padding: 20px;
}
.padding-bottom-2px {
padding-bottom: 2px;
}
.padding-bottom-0px {
padding-bottom: 0px;
}
.padding-bottom-3px {
padding-bottom: 3px;
}
.padding-bottom-4px {
padding-bottom: 4px;
}
.padding-bottom-5px {
padding-bottom: 5px;
}
.padding-bottom-6px {
padding-bottom: 6px;
}
.padding-bottom-10px {
padding-bottom: 10px;
}
.padding-bottom-14px {
padding-bottom: 14px;
}
.padding-bottom-15px {
padding-bottom: 15px;
}
.padding-bottom-16px {
padding-bottom: 16px;
}
.padding-bottom-20px {
padding-bottom: 20px;
}
.padding-bottom-30px {
padding-bottom: 30px;
}
.padding-bottom-35px {
padding-bottom: 35px;
}
.padding-bottom-40px {
padding-bottom: 40px;
}
.padding-bottom-70px {
padding-bottom: 70px;
}
.padding-right-0px {
padding-right: 0px;
}
.padding-right-5px {
padding-right: 5px;
}
.padding-right-10px {
padding-right: 10px;
}
.padding-right-15px {
padding-right: 15px;
}
.padding-right-2-5px {
padding-right: 2.5px;
}
.padding-right-24px {
padding-right: 24px;
}
.padding-right-20px {
padding-right: 20px;
}
.padding-right-21px {
padding-right: 21px;
}
.padding-right-25px {
padding-right: 25px;
}
.padding-right-50px {
padding-right: 50px;
}
.padding-right-60px {
padding-right: 60px;
}
.padding-top-0px {
padding-top: 0px;
}
.padding-top-3px {
padding-top: 3px;
}
.padding-top-5px {
padding-top: 5px;
}
.padding-top-8px {
padding-top: 8px;
}
.padding-top-55px {
padding-top: 55px;
}
.padding-top-7px {
padding-top: 7px;
}
.padding-top-10px {
padding-top: 10px;
}
.padding-top-11px {
padding-top: 11px;
}
.padding-top-14px {
padding-top: 14px;
}
.padding-top-13px {
padding-top: 13px;
}
.padding-top-15px {
padding-top: 15px;
}
.padding-top-15px-important {
padding-top: 15px !important;
}
.padding-top-18px {
padding-top: 18px;
}
.padding-top-20px {
padding-top: 20px;
}
.padding-top-22px {
padding-top: 22px;
}
.padding-top-25px {
padding-top: 25px;
}
.padding-top-27px {
padding-top: 27px;
}
.padding-top-30px {
padding-top: 30px;
}
.padding-top-40px {
padding-top: 40px;
}
.padding-top-70px {
padding-top: 70px;
}
.padding-top-80px {
padding-top: 80px;
}
.padding-left-0px {
padding-left: 0px;
}
.padding-left-2-5px {
padding-left: 2.5px;
}
.padding-left-5px {
padding-left: 5px;
}
.padding-left-10px {
padding-left: 10px;
}
.padding-left-12px {
padding-left: 12px;
}
.padding-left-14px {
padding-left: 14px;
}
.padding-left-15px {
padding-left: 15px;
}
.padding-left-17px {
padding-left: 17px;
}
.padding-left-20px {
padding-left: 20px;
}
.padding-left-20px-important {
padding-left: 20px !important;
}
.padding-left-24px {
padding-left: 24px;
}
.padding-left-25px {
padding-left: 25px;
}
.padding-left-30px {
padding-left: 30px;
}
.padding-left-30px-important {
padding-left: 30px !important;
}
.padding-left-35px {
padding-left: 35px;
}
.padding-left-40px {
padding-left: 40px;
}
.padding-left-40px-important {
padding-left: 40px !important;
}
.padding-left-50px {
padding-left: 50px;
}
.padding-left-56px {
padding-left: 56px;
}
.padding-left-60px {
padding-left: 60px;
}
.padding-right-5px {
padding-right: 5px;
}
.padding-right-13px {
padding-right: 13px;
}
.padding-right-30px {
padding-right: 30px;
}
.padding-right-38px {
padding-right: 38px;
}
.padding-right-40px {
padding-right: 40px;
}
.position-relative {
position: relative;
}
.position-absolute {
position: absolute;
}
hr.remove-bootstrap-margin {
margin-top: 0px;
margin-bottom: 0px;
}
.move-left {
left: 0;
position: absolute;
}
.move-bottom {
bottom: 0;
position: absolute;
}
.move-right {
right: 0;
position: absolute;
}
.move-top {
top: 0;
position: absolute;
}
.top-5px {
top: 5px;
}
.right-10px {
right: 10px;
}
.right-50px {
right: 50px;
}
.text-shadow-2-2-5-00000 {
text-shadow: 2px 2px 5px #000000;
}
.text-align-center {
text-align: center;
}
.text-align-right {
text-align: right;
}
.text-decoration-underline {
text-decoration: underline;
}
.vertical-align-middle {
vertical-align: middle;
}
.vertical-align-bottom {
vertical-align: bottom;
}
.width-auto {
width: auto;
}
.width-91px {
width: 91px;
}
.width-100percent {
width: 100%;
}
.width-100px {
width: 100px;
}
.width-103px {
width: 103px;
}
.width-148px {
width: 148px;
}
.width-150px {
width: 150px;
}
.width-334px {
width: 334px;
}
.width-340px {
width: 340px;
}
.width-142px {
width: 142px;
}
.width-157px {
width: 157px;
}
.width-147px {
width: 147px;
}
.width-200px {
width: 200px;
}
.width-207px {
width: 207px;
}
.width-255px {
width: 255px;
}
.width-265px {
width: 265px;
}
.width-273px {
width: 273px;
}
.width-286px {
width: 286px;
}
.width-291px {
width: 291px;
}
.width-300px {
width: 300px;
}
.width-305px {
width: 305px;
}
.width-311px {
width: 311px;
}
.width-326px {
width: 326px;
}
.width-337px {
width: 337px;
}
.width-370px {
width: 370px;
}
.width-400px {
width: 400px;
}
.width-445px {
width: 445px;
}
.width-450px {
width: 450px;
}
.width-540px {
width: 540px;
}
header#header {
padding-top: 60px;
}
.heading h1 {
margin: 0;
padding: 0;
}
/*.black-divider{
background-color: black;
color:black;
width: 1px;
height: 65px;
border:none;
}*/
.black-divider {
border-left: 1px solid black;
border-right: none;
color: black;
width: 1px;
height: 65px;
border-bottom: none;
border-top: none;
}
.header-height {
height: 110px;
padding-top: 20px;
}
#page-wrapper {
padding-bottom: 30px;
width: 1020px;
margin: 0px auto;
}
.show-border {
border: 1px solid red;
}
body {
font-family: plau-regular, Arial, Helvetica, sans-serif;
}
.white-arrow {
background-image: url(/assets/images/white_arrow.png);
width: 24px;
height: 24px;
}
.red-select-row,
.stay-red-select-row,
.no-hover-red-select-row {
background-color: #ec1c24;
color: #ffffff !important;
height: 46px;
padding: 10px 10px 10px 16px;
font-size: 18px;
font-family: plau-regular, Arial, Helvetica, sans-serif;
font-weight: normal;
cursor: pointer;
}
.red-select-row:hover {
background-color: #2D2924;
}
.red-select-row a {
color: #ffffff !important;
}
.red-select-row:hover .white-arrow,
.stay-red-select-row:hover .white-arrow {
background-image: url(/assets/images/white_arrow_down.png);
}
.slide-right-box {
display: block;
width: 305px;
}
.slide-right-box .box-image,
.slide-right-box .carousel-control {
height: 122px;
}
.last-box {
margin: 0;
}
.box-image {
/* background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;*/
}
.box-image.random-agent {
position: relative;
height: 137px;
}
.box-image.random-agent .agent-card-outer {
width: 311px !important;
height: 183px !important;
position: absolute;
top: 0;
}
.box-image.random-agent .agent-card-outer .right-info {
height: 183px !important;
}
.box-image.random-agent .agent-card-outer .agent-image-container {
height: 183px !important;
}
.box-image.random-agent .agent-card-outer .agent-image-container img {
height: auto;
}
.box-image img {
width: 100%;
}
/*Carousel Fade Styles START*/
/*
inspired from http://codepen.io/Rowno/pen/Afykb
*/
.carousel-fade .carousel-inner .item {
opacity: 0;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
}
/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next,
.carousel-fade .carousel-inner > .item.active.right {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.next.left,
.carousel-fade .carousel-inner > .item.prev.right,
.carousel-fade .carousel-inner > .item.active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
/* just for demo purpose */
/* html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
height: 100%;
}
.item:nth-child(1) {
background: blue;
}
.item:nth-child(2) {
background: red;
}
.item:nth-child(3) {
background: orange;
}*/
/*Carousel Fade Styles END*/
.right-box {
width: 311px;
}
.right-box .box-image,
.right-box .carousel-control {
height: 126px;
}
.right-box .box-image {
overflow: visible !important;
}
.right-box.last-box {
margin-bottom: 44px;
}
.module-panel .carousel .carousel-control {
color: #ec1c24;
opacity: 0.2;
padding-top: 27px;
}
.module-panel .carousel .carousel-control:hover {
opacity: 1;
}
.module-panel .carousel .carousel-control.left:before {
content: '\f104';
font-family: fontawesome;
font-size: 40px;
}
.module-panel .carousel .carousel-control.right:before {
content: '\f105';
font-family: fontawesome;
font-size: 40px;
}
#home-page .right-box.last-box {
margin-bottom: 0;
}
.bottom-box {
width: 336px;
}
.bottom-box .box-image,
.bottom-box .carousel-control {
height: 123px;
}
.bottom-box .box-image img {
height: 169px;
}
.search-home-left {
/*background-image:url(../images/garden-bg.jpg);*/
background-repeat: no-repeat;
width: 710px;
height: 514px;
}
.search-home,
.find-an-office {
/*margin-top:30px;*/
}
.search-map {
left: 440px;
top: 70px;
z-index: 1;
}
.search-box {
left: 54px;
top: 175px;
z-index: 2;
}
.search-box-bg {
background-image: url(../images/search-box.png);
width: 421px;
height: 40px;
}
.search-box-input {
background-color: #ffffff;
border: medium none;
color: #35322f;
height: 40px;
padding: 0 0 0 13px;
width: 374px;
}
.magnifying-glass-light-grey {
/*background-color: @prof_red;*/
background: #ec1c24;
background: -webkit-gradient(linear, left top, right top, color-stop(0, #ad0e15), color-stop(1, #ec1c24));
background: -webkit-linear-gradient(left, #ec1c24, #ad0e15);
background: -ms-linear-gradient(right, #ad0e15, #ec1c24);
background: -moz-linear-gradient(center right, #ad0e15 0%, #ec1c24 100%);
background: -o-linear-gradient(#ec1c24, #ad0e15);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec1c24', endColorstr='#ad0e15', GradientType=0);
/*background-image: url("/assets/images/light-grey-magnifying-glass.png") 10% 10%;*/
background-position: center center;
background-repeat: no-repeat;
border: none;
height: 40px;
margin: 0;
padding: 0;
width: 48px;
}
.magnifying-glass-light-grey .fa-search {
font-size: 20px;
color: #737373;
}
.red-command-button {
font-family: plau-light, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 18px;
padding: 10px 15px 10px 15px;
background-color: #ec1c24;
border-radius: 6px 6px 6px 6px;
border: none;
}
footer {
z-index: 1000;
position: relative;
left: 0;
bottom: 0;
height: 140px;
width: 100%;
background-color: #ffffff;
}
footer .red-footer-background {
min-width: 805px;
content: '';
position: absolute;
left: 0;
bottom: 40px;
overflow: visible;
/*width: 100%;*/
z-index: -1;
-webkit-backface-visibility: hidden;
backface-visibility: initial;
/* position: absolute;
bottom: 0;*/
background: #ec1c24;
background: -webkit-gradient(linear, left top, right top, color-stop(0, #ec1c24), color-stop(1, #ad0e15));
background: -webkit-linear-gradient(left, #ad0e15, #ec1c24);
background: -ms-linear-gradient(right, #ec1c24, #ad0e15);
background: -moz-linear-gradient(center right, #ec1c24 0%, #ad0e15 100%);
background: -o-linear-gradient(#ad0e15, #ec1c24);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ad0e15', endColorstr='#ec1c24', GradientType=0);
height: 100px;
/* -webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);*/
}
footer .red-footer-background.right-skew {
/*position: relative;*/
}
footer .red-footer-background.right-skew:before {
z-index: 0;
content: '';
position: absolute;
top: 0;
bottom: 0;
right: -13px;
display: block;
width: 27px;
background: #ec1c24;
-webkit-transform: skew(-15deg);
-ms-transform: skew(-15deg);
transform: skew(-15deg);
}
footer .big-red-footer,
footer .footer-base-text {
width: 1020px;
margin: 0 auto;
background-color: #ffffff;
}
footer .footer-base-text {
padding-top: 10px;
color: #a1a1a1;
}
footer .footer-base-text a {
color: #a1a1a1;
}
footer .big-red-footer {
height: 100px;
padding-top: 15px;
z-index: 99;
background: transparent;
color: #ffffff;
}
footer .big-red-footer .footer-cell {
/*height: 130px;*/
}
footer .big-red-footer .footer-left {
width: 800px;
}
footer .big-red-footer .footer-right img {
margin-left: 30px;
width: 75px;
float: left;
}
footer .big-red-footer .footer-right p {
color: #a1a1a1;
font-size: 14px;
float: right;
width: 110px;
}
footer .big-red-footer .col-xs-4,
footer .big-red-footer .col-xs-6,
footer .big-red-footer .col-xs-12 {
padding: 0;
margin: 0;
}
footer .big-red-footer h1 {
font-size: 14px;
padding: 0;
margin: 0;
}
footer .big-red-footer h3 {
font-family: plau-light, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0;
margin: 0;
}
footer .big-red-footer h3:first-of-type {
padding-bottom: 15px;
}
footer .big-red-footer h3 a {
color: white;
}
footer .big-red-footer .each-link {
padding-bottom: 5px;
height: 25px;
overflow: hidden;
}
footer .big-red-footer .each-link img {
width: 17px;
height: auto;
padding-right: 3px;
}
footer .big-red-footer .each-link .link {
color: #ffffff;
}
footer .big-red-footer .footer-social-media {
padding-top: 20px;
padding-left: 25px;
}
footer .big-red-footer .footer-social-media a {
padding-right: 15px !important;
}
footer .big-red-footer .footer-social-media img {
float: left;
height: 25px;
}
footer .big-red-footer .footer-social-media .fa-envelope {
color: #ffffff;
font-size: 20px;
}
.container {
width: auto;
}
.red-heading {
background-color: #ec1c24;
padding: 12px;
font-size: 20px;
color: #ffffff;
}
.brown-heading {
background-color: #2E2A25;
padding: 12px;
font-size: 20px;
color: #ffffff;
}
.find-an-office-region {
width: 374px;
}
.find-an-office-offices {
width: 310px;
}
.find-an-office-advanced-search {
width: 333px;
}
.office-name:hover,
.office-name.selected {
font-family: plau-regular, Arial, Helvetica, sans-serif;
font-weight: normal;
}
.office-downarrow {
background-image: url(/assets/images/red-down-arrow.png);
width: 13px;
height: 13px;
display: inline-block;
}
.detail-line {
padding: 10px;
}
.selectwrap {
position: relative;
width: 100%;
}
.selectwrap:after {
background: url(../images/down_arrow.png) no-repeat center center #ffffff;
content: "";
height: 43px;
pointer-events: none;
position: relative;
float: right;
text-align: center;
margin-bottom: -43px;
top: -43px;
right: 0px;
width: 43px;
z-index: 1000;
background-size: 100% 100%;
display: block;
}
.selectwrap > select {
position: relative;
background-color: #ffffff;
color: #A0A1A2;
width: 100%;
height: 43px;
border: none;
font-size: 14px;
-webkit-appearance: none;
-webkit-border-radius: 0px;
outline: none;
z-index: 50;
padding-left: 20px;
}
.selectwrap_small:after {
background: url(../images/select-down-small.png) no-repeat center center #ffffff;
content: "";
height: 25px;
pointer-events: none;
position: relative;
float: right;
text-align: center;
margin-bottom: -25px;
top: -25px;
right: 0px;
width: 25px;
background-size: 100% 100%;
display: block;
}
.selectwrap_small > select {
background-color: #ffffff;
color: #A0A1A2;
width: 100%;
height: 25px;
border: none;
font-size: 12px;
-webkit-appearance: none;
-webkit-border-radius: 0px;
outline: none;
padding-left: 15px;
}
.div-red-button {
background-color: #ec1c24;
color: #ffffff;
font-size: 18px;
padding: 12px;
cursor: pointer;
}
.div-brown-button {
background-color: #2E2A25;
color: #ffffff;
font-size: 18px;
cursor: pointer;
}
.white-black-hover {
color: #ffffff;
font-family: plau-regular, Arial, Helvetica, sans-serif;
font-weight: normal;
}
.white-black-hover:hover,
.white-black-hover.selected {
color: black;
}
.red-more-arrow {
background-image: url(../images/red-more-arrow.png);
width: 13px;
height: 13px;
display: inline-block;
}
.a-drop-down-menu {
background-color: #E8E9EA;
box-shadow: none !important;
border-radius: none !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
border: none !important;
color: black;
}
.a-drop-down-menu:hover {
color: black;
}
.a-drop-down-menu a {
color: black;
padding-bottom: 5px;
display: block;
}
.a-drop-down-menu a:hover {
color: black;
font-family: plau-regular, Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
}
.red-grey-tab:hover,
.red-grey-tab.selected {
background-color: #ec1c24;
}
.red-grey-tab {
cursor: pointer;
}
.text-content a {
color: #ec1c24;
}
.text-content {
/*color: #A0A2A2;*/
color: #333333;
line-height: 28px;
}
.house-small-image-crop {
height: 145px;
overflow: hidden;
width: 192px;
}
.house-small-image {
height: 145px;
width: 192px;
}
#carousel-example-generic,
#carousel-example-generic-2 {
width: 710px;
height: 503px !important;
overflow: hidden;
}
#carousel-example-generic .carousel-caption {
background-image: url(../images/seethrough.png);
width: 640px;
height: 213px;
left: 0px;
top: 220px;
text-align: left;
font-size: 20px;
padding-left: 35px;
}
#carousel-example-generic-2 .carousel-caption {
background-image: url(../images/seethrough.png);
width: 640px;
height: 133px;
left: 0px;
top: 300px;
text-align: left;
font-size: 20px;
padding-left: 35px;
}
.tablike-menu li,
.tablike-menu li a {
display: inline-block;
float: left;
color: #ABAEAF;
padding: 18px 35px 18px 35px;
margin-bottom: 0px;
}
.tablike-menu li:hover,
.tablike-menu li:hover a,
.tablike-menu li.selected {
background-color: #ec1c24;
color: #ffffff;
}
.tablike-menu-smaller,
.tablike-menu {
margin-bottom: 0px;
}
.tablike-menu-smaller li,
.tablike-menu-smaller li a {
display: inline-block;
float: left;
color: #ABAEAF;
padding: 18px 20px 18px 20px;
}
.tablike-menu-smaller li:hover,
.tablike-menu-smaller li:hover a,
.tablike-menu-smaller li.selected {
background-color: #ec1c24;
color: #ffffff;
}
.carousel-control.left,
.carousel-control {
background-image: none !important;
text-shadow: none;
filter: none;
opacity: 1;
}
.carousel-control.right,
.carousel-control {
background-image: none !important;
filter: none;
text-shadow: none;
opacity: 1;
}
.auction-top-details {
position: absolute;
font-size: 12px;
top: 0;
text-align: left;
line-height: 1.2;
font-family: plau-regular, Arial, Helvetica, sans-serif;
color: black;
left: 64px;
background-color: rgba(255, 255, 255, 0.4);
width: auto;
padding: 5px 4px;
}
.tender-blue {
background-color: #1382C5;
color: #ffffff;
font-family: plau-light, Arial, Helvetica, sans-serif;
padding: 3px 6px 3px 6px;
}
.action-yellow {
background-color: #FCCE01;
color: black;
font-family: plau-light, Arial, Helvetica, sans-serif;
padding: 3px 3px 3px 6px;
font-size: 13px;
}
.open-home-red {
background-color: #ec1c24;
color: #ffffff;
font-family: plau-light, Arial, Helvetica, sans-serif;
padding: 3px 6px 3px 6px;
}
#carousel-one-listing {
height: 502px;
overflow: hidden;
}
.carousel-indicators li {
background-color: #ffffff;
border: 1px solid #fff;
border-radius: 10px;
cursor: pointer;
display: inline-block;
height: 10px;
margin: 1px;
text-indent: -999px;
width: 10px;
}
.carousel-indicators .active {
background-color: #ec1c24;
border: 1px solid #ec1c24;
height: 12px;
margin: 0;
width: 12px;
}
.colourfulmenu.selected {
background-color: #ec1c24;
color: #ffffff;
cursor: default;
}
.colourfulmenu {
line-height: 12px;
padding: 12px 15px;
cursor: pointer;
}
a:hover,
a:visited {
color: inherit;
text-decoration: none;
}
.parentscroll {
position: relative;
overflow: hidden;
}
.scrollable {
/*overflow-y:scroll;*/
overflow: hidden;
position: absolute;
height: 100%;
}
.scrollbar {
cursor: n-resize;
position: absolute;
overflow: hidden;
top: 6px;
right: 4px;
z-index: 2;
background: #ec1c24;
width: 9px;
height: 4px;
}
.scrollbar_container {
border-top: 1px solid #A0A1A2;
border-bottom: 1px solid #A0A1A2;
position: absolute;
z-index: 1;
top: 5px;
right: 4px;
padding: 0px;
margin: 0px;
width: 9px;
}
.scrollbar_container img {
display: block;
}
html[data-useragent*='MSIE 10.0'] .selectwrap:after,
html[data-useragent*='MSIE 10.0'] .selectwrap_small:after {
display: none !important;
}
/*Property Search*/
.field-label .field-label-info {
font-size: 8px !important;
position: absolute !important;
right: 13px !important;
text-align: right !important;
top: 2px !important;
}
.field-label .field-label-info {
font-size: 8px !important;
position: absolute !important;
right: 13px !important;
text-align: right !important;
top: 2px !important;
}
.property-search-form {
float: right;
width: 802px;
}
#open-menu-middle {
overflow: visible !important;
}
.top-section {
/*border-right: 1px solid #9f9fa0;*/
border-top: 1px solid #9f9fa0;
}
.s-col {
background-color: #ffffff;
border-bottom: 1px solid #9f9fa0;
border-left: 1px solid #9f9fa0;
float: left;
height: 44px;
position: relative;
width: 267px;
}
.pointer {
cursor: pointer;
}
.custom-select {
cursor: pointer;
/*background-color: @prof_white;*/
}
.submit-btn-container .field-label {
padding: 0;
color: #000000;
}
#map-view-col {
background-color: #cecfcf;
/*border-bottom: 0 none;*/
}
#map-view-col .field-label {
color: black;
}
#map-refresh-col {
background-color: #000000;
border-bottom: 0 none;
}
#map-refresh-col .field-label {
color: #ffffff;
line-height: 18px;
padding: 6px 10px 2px;
width: 98px;
}
#map-refresh-col .field-label .right-icon {
background-image: url("/assets/images/search-magnifying-glass.png") !important;
background-repeat: no-repeat;
right: 8px;
width: 31px;
}
#map-view-col.selected .field-label .right-icon {
background-image: url("/assets/images/map-view-pin-white.png") !important;
}
#map-view-col.selected {
background-color: black;
}
#map-view-col.selected .field-label {
color: #ffffff;
}
.submit-property-search.unselected {
background-color: #cecfcf;
}
.field-label .overlay {
padding: 11px;
position: absolute;
left: 0;
top: 0;
}
.field-label {
color: #9fa1a1;
font-size: 16px;
}
.field-label,
.field-label .overlay {
padding: 12px 10px 11px;
height: 43px;
overflow: hidden;
}
#property-search-keyword-outer .field-label .right-icon {
background-image: url("/assets/images/light-grey-magnifying-glass.png") !important;
width: 31px;
}
.submit-btn-container .field-label .right-icon {
background-image: url("/assets/images/search-magnifying-glass.png") !important;
right: 8px;
width: 31px;
}
#map-view-col .right-icon {
background-image: url("/assets/images/map-view-pin.png") !important;
}
#openhomes-col .right-icon {
background-image: none;
border: 1px solid #9fa1a1;
height: 14px;
right: 14px;
top: 15px;
width: 14px;
}
.custom-text-field {
height: 43px;
position: relative;
}
.custom-text-field .text {
border: 0 none;
padding: 0 30px 0 0;
width: 100%;
}
.custom-select .right-icon:before {
/*.angle(33px, '\f107');*/
}
.right-icon {
background-image: url("/assets/images/grey-bottom-arrow.png");
background-position: center center;
background-repeat: no-repeat;
bottom: 0;
float: right;
height: 100%;
position: absolute;
right: 4px;
top: 0;
width: 24px;
cursor: pointer;
}
.custom-select .options-outer {
position: relative;
}
.custom-select .options {
display: none;
z-index: 1000;
}
.custom-select.opened .field-label {
border-bottom: 1px solid #000000;
}
.custom-select.opened .options {
background-color: #ffffff;
border-left: 1px solid #808080;
border-right: 1px solid #808080;
display: block;
left: -1px;
max-height: 220px;
overflow-x: hidden;
overflow-y: scroll;
position: absolute;
right: -1px;
}
.custom-select .options .option {
border-bottom: 1px solid #9f9fa0;
padding: 12px 10px 11px;
/*height: 44px;*/
}
.custom-select.opened.single .options .option.checked,
.custom-select.opened .options .option.is-selected {
background-color: #cecfcf;
color: #000000;
}
.custom-select.multiple.opened .options .option {
background-image: url("/assets/images/checkbox-small-unchecked.png");
background-position: 10px center;
background-repeat: no-repeat;
color: #000000;
}
.custom-select.opened.multiple .options .option.checked,
.custom-select.opened .options .option.is-selected {
background-image: url("/assets/images/checkbox-small-checked.png");
background-color: #cecfcf;
}
.custom-select.opened.multiple .options .option span {
display: block;
padding-left: 20px;
}
/*.custom-select.multiple.opened .options .option.checked, .custom-select.multiple.opened .options .option.is-selected {
background-color: #cecfcf;
color: @prof_black;
}*/
.custom-select .options .option {
border-bottom: 1px solid #9f9fa0;
padding: 12px 10px 11px;
}
.advance-btn-container {
background-color: #cecfcf;
border-bottom: 0 none;
width: 130px !important;
}
.submit-property-search {
background-color: #000000;
border: 0 none;
height: 44px;
margin: 0;
padding: 0;
width: 100%;
}
.submit-open-homes-search {
background-color: #000000;
border: 0 none;
height: 44px;
margin: 0;
padding: 0;
width: 100%;
}
.width-603px {
width: 603px;
}
.width-642px {
width: 642px;
}
.width-652px {
width: 652px;
}
.width-655px {
width: 655px;
}
.width-680px {
width: 680px;
}
.width-709px {
width: 709px;
}
.width-400-5px {
width: 400.5px;
}
.width-410px {
width: 410px;
}
.width-360px {
width: 360px;
}
.width-185px {
width: 185px;
}
.width-134px {
width: 134px;
}
.width-133-5px {
width: 133.5px;
}
.width-134px {
width: 134px;
}
.width-131px {
width: 131px;
}
.width-89px {
width: 89px;
}
.width-47px {
width: 48px;
}
.property-group-tabs {
float: right;
margin: 0;
padding: 0;
}
.property-group-tabs li {
color: #938a8b;
float: left;
list-style: outside none none;
padding: 10px 23px;
font-size: 16px;
cursor: pointer;
}
.search-container #open-menu-middle,
.search-container #closed-property-search {
background: #ec1c24;
background: -webkit-gradient(linear, left top, right top, color-stop(0, #c51017), color-stop(1, #ec1c24));
background: -webkit-linear-gradient(left, #ec1c24, #c51017);
background: -ms-linear-gradient(right, #c51017, #ec1c24);
background: -moz-linear-gradient(center right, #c51017 0%, #ec1c24 100%);
background: -o-linear-gradient(#ec1c24, #c51017);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec1c24', endColorstr='#c51017', GradientType=0);
}
.search-container.residential .selected-residential,
.search-container.lifestyle .selected-lifestyle,
.search-container.rentals .selected-rentals,
.search-container.rural .selected-rural,
.search-container.business .selected-business,
.search-container.commercial .selected-commercial {
background-color: #ec1c24;
color: #ffffff;
cursor: default;
}
.search-container.residential .basic-search-form .hide-basic-residential,
.search-container.lifestyle .basic-search-form .hide-basic-lifestyle,
.search-container.rentals .basic-search-form .hide-basic-rentals,
.search-container.rural .basic-search-form .hide-basic-rural,
.search-container.business .basic-search-form .hide-basic-business,
.search-container.commercial .basic-search-form .hide-basic-commercial,
.search-container .basic-search-form .hide-basic {
display: none;
}
.search-container.residential .advanced-search-form .hide-advanced-residential,
.search-container.lifestyle .advanced-search-form .hide-advanced-lifestyle,
.search-container.rentals .advanced-search-form .hide-advanced-rentals,
.search-container.rural .advanced-search-form .hide-advanced-rural,
.search-container.business .advanced-search-form .hide-advanced-business,
.search-container.commercial .advanced-search-form .hide-advanced-commercial,
.search-container .advanced-search-form .hide-advanced {
display: none;
}
.search-container .advanced-search-form .submit-btn-container .field-label {
color: #ffffff;
}
/*Map Search form view -- START -- */
#open-menu-middle.map-view .property-search-form {
float: right;
width: 268px;
}
#open-menu-middle.map-view .bottom-section {
height: 175px;
position: relative;
}
#open-menu-middle.map-view .bottom-section .field-label .field-text {
padding-right: 0;
font-size: 16px;
}
#open-menu-middle.map-view .submit-btn-container .field-label {
color: #000000;
}
#open-menu-middle.map-view .property-search-form .top-section {
border-right: 1px solid #9f9fa0;
}
#open-menu-middle.map-view .bottom-section .custom-tickbox .right-icon {
border: 1px solid #000000;
right: 0;
}
#open-menu-middle.map-view .bottom-section .field-label {
color: #000000;
padding: 12px 21px 11px 10px;
}
#open-menu-middle.map-view .bottom-section .map-view-save-block {
bottom: 0;
height: 90px;
left: 0;
position: absolute;
right: 9px;
}
#open-menu-middle.map-view .bottom-section .map-view-save-block .field-label {
margin-left: 11px;
padding: 10px 20px 10px 0;
}
#open-menu-middle.map-view .map-view-padding-bottom-0 {
padding-bottom: 0 !important;
}
#open-menu-middle.map-view .map-view-col-change {
background-color: #f4f3f3;
clear: both;
margin-left: -5px;
padding: 15px;
width: 1020px;
}
#open-menu-middle.map-view .map-view-full-col {
display: block;
padding: 0px 25px 21px;
width: 100%;
}
#open-menu-middle.map-view .s-col {
border-right: 0 none !important;
}
#open-menu-middle.map-view #property-alert-name-container {
padding: 10px 0 0 0;
}
#open-menu-middle.map-view #property-alert-name-container input {
width: 268px;
}
.business #open-menu-middle.map-view #submit-btn-col {
width: 267px;
}
/*.business #open-menu-middle.map-view .bottom-section .map-view-save-block, .rentals #open-menu-middle.map-view .bottom-section .map-view-save-block {
bottom: 100px;
}*/
.business #open-menu-middle.map-view #submit-btn-col .submit-property-search {
width: 266px;
}
.commercial #open-menu-middle.map-view #submit-btn-col {
width: 267px;
}
/*.commercial #open-menu-middle.map-view .bottom-section .map-view-save-block, .rentals #open-menu-middle.map-view .bottom-section .map-view-save-block {
bottom: 100px;
}*/
.commercial #open-menu-middle.map-view #submit-btn-col .submit-property-search {
width: 266px;
}
#open-menu-middle.map-view .map-view-search-clear {
padding-right: 10px;
}
#open-menu-middle.map-view .map-view-search-clear .clear-search-btn .field-label {
padding-right: 22px;
}
#open-menu-middle.map-view .submit-btn-container .field-label {
width: 133px;
}
#open-menu-middle.map-view .submit-property-search {
height: 43px;
}
#open-menu-middle.map-view #listings_map {
background-color: #e5e3df !important;
float: left !important;
height: 705px !important;
overflow: hidden !important;
position: relative !important;
width: 708px !important;
}
#open-menu-middle.map-view .positioning-div-1 {
clear: both;
height: 88px;
position: relative;
}
#open-menu-middle.map-view #map-view-col {
position: absolute;
right: 0;
top: 44px;
}
#open-menu-middle.map-view #map-refresh-col {
position: absolute;
top: 44px;
width: 134px;
}
#open-menu-middle.map-view #submit-btn-col {
position: absolute;
right: 0;
top: 0;
width: 134px;
}
/*Map Search form view -- END -- */
#open-menu-middle.map-view.advanced-search-form .hide-map {
display: none;
}
#open-menu-middle.map-view.advanced-search-form .show-map {
display: block;
}
#open-menu-middle.map-view.advanced-search-form #listings_map {
display: block !important;
}
#open-menu-middle.map-view.advanced-search-form #submit-btn-col .submit-property-search {
background-color: #cecfcf;
color: #ffffff;
}
.save-alert-watchlist-name.error {
border: 1px solid #ec1c24;
outline: 1px solid #ffffff;
}
.save-alert-watchlist-name.error::-webkit-input-placeholder {
color: #ec1c24;
opacity: 1;
}
.save-alert-watchlist-name.error:-moz-placeholder {
color: #ec1c24;
opacity: 1;
}
.save-alert-watchlist-name.error::-moz-placeholder {
color: #ec1c24;
opacity: 1;
}
.save-alert-watchlist-name.error:-ms-input-placeholder {
color: #ec1c24;
opacity: 1;
}
#open-menu-middle.map-view.advanced-search-form #property-search-keyword-col {
width: 267px;
}
#open-menu-middle.map-view.advanced-search-form #minfloorarea-col {
width: 267px;
}
#open-menu-middle.map-view.advanced-search-form #minfloorarea-col {
width: 267px;
}
#open-menu-middle.map-view.advanced-search-form #property-search-keyword-col {
width: 267px;
}
#open-menu-middle.map-view.advanced-search-form #price_method-col {
width: 267px;
}
/*.search-container.commercial #open-menu-middle.map-view.advanced-search-form #property-search-keyword-col {
width: 402px;
}*/
.search-container.business .advanced-search-form #minfloorarea-col {
border-right: 1px solid #9f9fa0;
}
.search-container.business .advanced-search-form #property-search-keyword-col {
width: 534px;
}
.search-container.business .basic-search-form #advance-btn-col {
width: 219px !important;
}
/*.search-container.commercial .advanced-search-form #minfloorarea-col {
border-right: 1px solid #9f9fa0;
}*/
.search-container.commercial .advanced-search-form #maxprice-col {
border-right: 1px solid #9f9fa0;
}
.search-container.commercial #open-menu-middle.map-view.advanced-search-form #minfloorarea-col,
.search-container.commercial .advanced-search-form #minfloorarea-col.s-col,
.search-container.commercial .advanced-search-form #maxfloorarea-col.s-col {
width: 133.5px;
display: block;
}
.search-container.commercial .advanced-search-form #property-search-keyword-col {
width: 534px;
}
.search-container.commercial .basic-search-form #property-type-col {
width: 200px;
}
.search-container.commercial .basic-search-form #minprice-col,
.search-container.commercial .basic-search-form #maxprice-col {
width: 115px;
}
.search-container.commercial .basic-search-form #advance-btn-col {
width: 125px !important;
}
#property-search-keyword-col .field-label {
padding: 9px;
background-color: #f4f3f3;
}
#property-search-keyword-col .field-label #property-search-keyword {
background-color: rgba(0, 0, 0, 0);
color: #35322f;
height: 25px;
padding: 0 3px;
}
.search-container.commercial .type-switch-container {
display: block;
}
.search-container.commercial .basic-search-form .s-col.type-switch {
width: 66px;
}
.search-container.commercial .advanced-search-form .s-col.type-switch {
width: 89px;
}
.search-container.commercial .s-col.type-switch {
border: 0 none;
color: #ffffff;
font-family: plau-regular, Arial, Helvetica, sans-serif;
font-size: 16px;
padding-top: 10px;
text-align: center;
background-color: #A0A1A2;
cursor: pointer;
}
.search-container.commercial .s-col.type-switch.selected {
background-color: black;
cursor: default;
}
/*.search-container.business .basic-search-form #advance-btn-col .field-label {
width: 220px;
padding: 11px 10px 9px;
line-height: 1.42857;
}*/
/*.search-container.business .advanced-search-form #price_method-col {
width: 534px;
}*/
/*.search-container.commercial .basic-search-form #advance-btn-col .field-label {
width: 220px;
padding: 11px 10px 9px;
line-height: 1.42857;
}*/
/*.search-container.commercial .advanced-search-form #price_method-col {
width: 534px;
}*/
/*.search-container.rentals .advanced-search-form #price_method-col {
width: 534px;
}*/
.search-container.rentals .advanced-search-form #minfloorarea-col {
width: 534px;
}
.search-container.rentals .advanced-search-form #maxarea-col {
border-right: 1px solid #9f9fa0;
}
.search-container .advanced-search-form .submit-btn-container {
width: 133px;
}
/*.search-container .basic-search-form #bedrooms-col {
width:85px;
}*/
.fa.fa-angle-left {
font-size: 40px;
color: #ffffff;
padding-right: 10px;
}
.clear-search-btn .field-label {
color: #9fa1a1 !important;
font-size: 16px !important;
padding-top: 16px !important;
}
.hide-the-advanced-search-btn .field-label {
font-size: 16px !important;
padding-top: 16px !important;
}
.hide-the-advanced-search-btn .field-label .right-icon {
background-image: url("/assets/images/white_arrow_up.png") !important;
background-position: right 22px;
right: 0;
}
.close-search-btn {
/*background-image: url("/assets/images/white_arrow_left.png");*/
background-position: left center;
background-repeat: no-repeat;
color: #ffffff;
font-size: 38px;
/*padding-left: 40px;*/
cursor: pointer;
}
.bottom-section .s-col {
background-color: transparent;
/*background: none repeat scroll 0 0 rgba(0, 0, 0, 0);*/
border: 0 none;
height: 38px;
width: auto;
}
.bottom-section .float-left .s-col {
/*margin-right: 5px;*/
}
.bottom-section .float-right .s-col {
/*margin-left: 5px;*/
}
.bottom-section .field-label {
color: #ffffff;
cursor: pointer;
font-size: 20px;
padding: 10px 31px 10px 11px;
position: relative;
}
.bottom-section .field-label .field-text {
padding-right: 10px;
}
.advance-btn-container .field-label {
line-height: 17px;
padding: 13px 10px;
}
.advance-btn-container .field-label span {
float: right;
padding-right: 33px;
}
#save-search-checkbox .right-icon,
#save-as-alert-checkbox .right-icon {
background-image: none;
border: 1px solid #ffffff;
height: 14px;
right: 18px;
top: 18px;
width: 14px;
}
#open-menu-middle.map-view .bottom-section #save-as-alert-checkbox {
float: right !important;
}
.right-icon.checked {
padding: 1px;
}
.right-icon.checked span {
background-color: #2d2924;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 100%;
}
.property-alert-name-container {
padding: 7px 0 0;
height: 46px !important;
}
.property-alert-name-container input {
border: 0;
font-size: 14px;
height: 40px;
padding: 0 12px;
width: 343px;
}
.custom-select.disabled .field-label {
background-color: #ececec;
opacity: 0.54;
}
/*Rental Property Hot List*/
.rental-hot-list-page table.g {
border-collapse: collapse;
width: 100%;
}
.rental-hot-list-page table.g td {
vertical-align: middle;
border-bottom: 1px solid black;
border-left: 1px solid black;
margin: 2px;
padding: 0 5px 0;
font-family: plau-light, Arial, Helvetica, sans-serif;
}
.rental-hot-list-page table.g th {
background-color: #ec1c24;
color: #ffffff;
vertical-align: middle;
border: 1px solid #ec1c24;
margin: 2px;
padding: 0 5px 0;
font-family: plau-bold, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.rental-hot-list-page table.g tr {
height: 25px;
width: 100%;
}
.rental-hot-list-page table.g a {
color: #ec1c24;
font-weight: bold;
text-decoration: underline;
}
.rental-hot-list-page table.g tr.odd {
background: #ffffff;
}
.rental-hot-list-page table.g tr.even {
background: #DADADA;
}
.rental-hot-list-page table.g tr.top {
border-top: #ccc 1px solid;
}
.rental-hot-list-page table.g tr.top td.h {
border-bottom: #ccc 1px solid;
}
.rental-hot-list-page table.g tr.bottom {
border-bottom: #ccc 1px solid;
}
.rental-hot-list-page table.g td.nw,
.rental-hot-list-page table.g th.nw {
white-space: nowrap;
}
.rental-hot-list-page table.g td.r {
text-align: right;
}
.rental-hot-list-page table.g td.c {
text-align: center;
}
.rental-hot-list-page table.g td.c {
text-align: center;
}
.rental-hot-list-page table.g td.e {
border-right: 1px solid black;
}
.rental-hot-list-page div.buttons {
background: url(/images/menu_bg.gif) repeat-x top;
}
.rental-hot-list-page table.g tr.even td {
border-bottom: 0 none;
}
.rental-hot-list-page div.buttons a {
float: left;
min-width: 79px;
border: 1px solid #E5E5E5 !important;
display: block;
font-weight: bold;
text-decoration: none;
border: none;
color: #5C5D58 !important;
padding: 4px 10px;
font-size: 13px;
text-shadow: 0px 1px #ffffff;
text-align: center;
vertical-align: middle;
}
/*Listings Page (Open Homes)*/
.open-homes-page-search-form .s-col {
width: 304px;
}
.open-homes-page-search-form .s-col.submit-btn-container {
border-left: 0 none;
width: 48px;
}
.open-homes-page-search-form .s-col.submit-btn-container span.overlay {
display: none;
}
.open-homes-page-form-outer {
background-color: #d3d3d3;
padding: 29px;
}
/*Listings Pages*/
#listings-page .show-only {
/*padding-bottom: 2px;*/
padding-top: 3px;
}
#listings-page .show-only a,
#listings-page .show-only span,
#listings-page .listings-sort-by a,
#listings-page .listings-sort-by span {
border-right: 1px solid #9fa1a1;
color: #9fa1a1;
float: left;
font-size: 14px;
line-height: 14px;
padding-left: 5px;
padding-right: 5px;
}
#listings-page .show-only a:hover {
color: #ec1c24;
}
#listings-page .show-only span {
font-family: plau-regular, Arial, Helvetica, sans-serif;
color: #ec1c24;
}
#listings-page .listings-sort-by span {
font-family: plau-regular, Arial, Helvetica, sans-serif;
color: #ec1c24;
}
#listings-page #listings-page .listings-sort-by a:hover {
color: #ec1c24;
}
#listings-page .show-only a.first,
#listings-page .show-only span.first,
#listings-page .listings-sort-by a.first,
#listings-page .listings-sort-by span.first {
padding-left: 0;
border-left: none;
}
#listings-page .show-only a.last,
#listings-page .show-only span.last,
#listings-page .listings-sort-by a.last,
#listings-page .listings-sort-by span.last {
padding-right: 0;
border-right: none;
}
#listings-page .view-type-btn {
background-repeat: no-repeat;
}
#listings-page .view-type-btn.grid-btn {
width: 15px;
height: 15px;
}
#listings-page .view-type-btn.list-btn {
width: 16px;
height: 15px;
}
#listings-page a.view-type-btn.grid-btn {
background-image: url("/assets/images/grid-btn-grey.png");
}
#listings-page a.view-type-btn.list-btn {
background-image: url("/assets/images/list-btn-grey.png");
}
#listings-page span.view-type-btn.grid-btn,
#listings-page a.view-type-btn.grid-btn:hover {
background-image: url("/assets/images/grid-btn-red.png");
}
#listings-page span.view-type-btn.list-btn,
#listings-page a.view-type-btn.list-btn:hover {
background-image: url("/assets/images/list-btn-red.png");
}
.listing-grid {
/* &.listings-grid-view {
.icon {
}
}*/
}
.listing-grid .icons {
width: 130px;
}
.listing-grid .icons .icon {
width: 43px;
}
.listing-grid .icons .icon.col-xs-4 {
padding: 0;
margin: 0;
}
.listing-grid .icons .icon:not(:first-of-type) {
padding-left: 2px;
}
.listing-grid .icons .icon span {
float: left;
padding-top: 5px;
}
.listing-grid .icons .icon img {
float: right;
width: 27px;
}
.listing-grid .view-watchlist-container {
width: 126px;
line-height: 19px;
padding-bottom: 3px;
}
.listing-grid .view-watchlist-container .watchlist-action img {
padding-top: 4px;
}
.listings-container .view {
color: #ec1c24;
line-height: 19px;
font-size: 18px;
min-width: 55px;
display: block;
text-align: right;
}
.listings-container .view .fa-angle-right {
font-size: 20px;
padding-left: 5px;
}
/*Pagination*/
.pagination {
border-radius: 0;
display: block;
font-size: 12px;
line-height: 11px;
margin: 0;
padding: 0;
}
.pagination div.block {
font-family: plau-regular, Arial, Helvetica, sans-serif;
padding: 2px 5px 0 20px;
}
.pagination span.block {
color: #ec1c24;
}
.pagination a.block:hover {
color: #ec1c24 !important;
}
.pagination .block {
color: #9fa1a1;
float: left;
padding-bottom: 0px;
padding: 3px 3px;
}
.pagination .blockspan {
font-family: plau-regular, Arial, Helvetica, sans-serif;
color: #ec1c24;
}
.pagination .page-left-right {
width: 8px;
height: 15px;
padding: 0 !important;
margin-left: 3px;
margin-top: 3px;
}
.pagination .page-left-right:hover {
color: #ec1c24;
}
.pagination .page-left:before {
content: '\f104';
font-family: fontawesome;
font-size: 20px;
color: #b3b3b3;
}
.pagination .page-left:before:hover {
color: #ec1c24 !important;
}
.pagination .page-right:before {
content: '\f105';
font-family: fontawesome;
font-size: 20px;
color: #b3b3b3;
}
.pagination .page-right:before:hover {
color: #ec1c24 !important;
}
/*No Listings Found*/
.not-found.no-padding-top-bottom {
padding-bottom: 0;
padding-top: 0;
}
.not-found {
padding-bottom: 279px;
padding-top: 92px;
}
.not-found h1 {
color: #9fa1a1;
margin: 0;
padding-bottom: 40px;
padding-left: 50px;
padding-top: 40px;
}
/*Grid View*/
.grid-height-adjust-cointainer {
height: 100px;
overflow: hidden;
}
.listing-grid {
position: relative;
}
.open-home-details {
float: left;
height: 42px;
width: 148px;
}
.open-homes-overlay {
color: #000000;
left: 0;
line-height: 20px;
padding-left: 12px;
padding-top: 2px;
position: absolute;
right: 0;
bottom: 0;
top: 0;
overflow: hidden;
}
.open-homes-mini-icon {
background-color: #ec1c24;
float: right;
right: 0;
bottom: 0;
left: auto;
height: 25px;
position: absolute;
padding: 5px;
}
.open-homes-mini-icon img {
width: 15px;
vertical-align: top;
/*margin-top: 5px;*/
}
.red-right-arrow-small {
background-image: url("/assets/images/red-right-arrow-small.png");
background-position: right center;
background-repeat: no-repeat;
padding-right: 19px;
}
.red-right-arrow-large {
background-image: url("/assets/images/red-right-arrow-large.png");
background-position: right 3px;
background-repeat: no-repeat;
padding-right: 25px;
}
.open-homes-page-form-outer .red-right-arrow-large {
background-size: 11px;
background-position: right 6px;
padding-right: 30px;
}
.grey-right-arrow-large {
background-image: url("/assets/images/grey-arrow-right-large.png");
background-position: center right;
background-repeat: no-repeat;
padding-right: 55px;
}
/*List View*/
.listing-grid .move-bottom {
/* bottom: 0;
float: left;
position: absolute;
width: auto;
max-width: 124px;
overflow: hidden;*/
}
/*Property Details*/
.property-details-page .agent-image-container {
overflow: hidden;
width: 188px;
}
.property-details-page .agent-image-container img {
height: auto;
}
/*Accordian*/
.panel-group .red-right-arrow-small {
background-image: url("/assets/images/red-down-arrow-medium.png");
padding-right: 30px;
}
.panel-group .collapsed.red-right-arrow-small {
background-image: url("/assets/images/red-right-arrow-medium.png");
padding-right: 30px;
}
/*.panel-group p {
margin: 0;
padding: 0;
}*/
/*Property Details Slideshow*/
/*Property Details Header Slider*/
.property-details-header-container .content-slider li.all_main_slides {
list-style-type: none;
width: 712px;
height: 520px;
position: relative;
}
.property-details-header-container .all_main_slides {
float: left;
}
.property-details-header-container .property_details_slider_main ul.main-slider-image {
position: relative;
width: 10000px;
height: 520px;
overflow: hidden;
}
.property-details-header-container .slider ul {
margin: 0 !important;
padding: 0;
}
.property-details-header-container .slider .property_details_slider_main {
overflow: hidden;
position: relative;
}
.property-details-header-container .slider .property_details_slider_main .property_details_slider_main_inner {
overflow: hidden;
position: relative;
}
.property-details-header-container #property-slider .main-slider-image .play-video-image {
cursor: pointer;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 230px;
}
.property-details-header-container .content-slider li.all_main_slides.pointer {
/*cursor: pointer;*/
}
.property-details-header-container #property-slider .main-slider-image img.main-slider-images {
height: 520px !important;
}
.property-details-header-container .slider .property_details_slider_main,
.property-details-header-container .slider .property_details_slider_main > li {
display: block;
float: left;
padding-left: 0;
width: 712px;
}
#video-container,
#virtual-tour-container {
background-color: #abbdbf;
height: 520px;
left: 0;
position: absolute;
top: 0;
width: 712px;
z-index: 10;
}
#video-container iframe,
#virtual-tour-container iframe {
height: 520px;
width: 712px;
}
.property-details-header-container .slider-side-panel li img.play-video-image {
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 55px;
}
.all_side_slides {
position: relative !important;
}
.property-details-header-container .slider .property_details_slider_main .property_details_slider_main_inner,
.property-details-header-container .slider .property_details_slider_main .property_details_slider_main_inner > li {
height: 520px;
position: relative;
}
.property-details-header-container .slider .property_details_slider_main .property_details_slider_main_inner {
height: 520px;
overflow: hidden;
width: 712px;
position: relative;
}
.property-details-header-container .search-slider-row {
margin-bottom: 12px;
}
/*.property-details-header-container .slider ul.slider-side-panel li {
cursor: pointer;
float: left;
margin-bottom: 14px;
width: 230px;
height: 148px;
list-style: none;
}*/
.inner-slider-side-panel {
list-style: none;
}
.property-details-header-container .slider ul.slider-side-panel li img.mini-slide-image {
display: inline-block;
overflow: hidden;
height: 170px;
width: 303px;
cursor: pointer;
}
.property-details-header-container .slider ul.slider-side-panel li img.mini-slide-image:hover {
opacity: 0.85;
}
/*.property-details-header-container .slider .slider-side-panel ul li img.play-video-image {
left: 100px;
position: absolute;
top: 0;
width: 30px;
z-index: 100;
}*/
.property-details-header-container .property_details_slider_outer ul {
list-style: outside none none;
position: relative;
}
.property-details-header-container .property_details_slider_outer {
clear: both;
height: 520px;
/*margin-top: 21px;*/
overflow: hidden;
position: relative;
}
.property-details-header-container .slider .property_details_up_down {
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
height: 37px;
left: 0;
opacity: 0.5;
position: absolute;
right: 0;
z-index: 1;
}
.property-details-header-container .slider .property_details_up_down:hover {
opacity: 1;
}
.property-details-header-container .slider .panel-up {
background-image: url("/assets/images/redcarrowup.png");
top: 0;
}
.property-details-header-container .slider .panel-down {
background-image: url("/assets/images/redcarrowdown.png");
bottom: 0;
}
.property-details-header-container .slider ul.slider-side-panel {
display: block;
position: relative;
float: right;
height: 520px;
width: 303px;
}
.property_details_slider_main_inner .property_details_left_right {
background-position: center center;
background-repeat: no-repeat;
bottom: 0;
cursor: pointer;
opacity: 0.5;
position: absolute;
top: 0;
width: 100px;
z-index: 1;
}
.property_details_slider_main_inner .property_details_left_right:hover {
opacity: 1;
}
.property_details_slider_main_inner .property_details_left_right.panel-left {
background-image: url("/assets/images/redcarrowleft.png");
left: 0;
}
.property_details_slider_main_inner .property_details_left_right.panel-right {
background-image: url("/assets/images/redcarrowright.png");
right: 0;
}
#property-details-page .headline-container {
width: 700px;
padding-left: 50px;
}
#property-details-page .headline-container h1 {
width: 376px;
font-size: 27px;
padding: 0;
margin: 0;
}
#property-details-page .headline-container h1.no-video {
width: 620px;
}
#property-details-page .headline-container h1.one-video {
width: 500px;
}
#property-details-page .headline-container h1.both-video {
width: 376px;
}
#property-details-page .reference-container {
margin-right: 50px;
width: 250px;
}
#property-details-page .reference-container h2 {
font-size: 18px;
color: #a1a1a1;
margin: 0;
padding: 8px 0 0;
}
#property-details-page .address-bar {
background-color: #ec1c24;
width: 100%;
color: #ffffff;
font-size: 24px;
height: 50px;
padding: 6px 50px;
}
#property-details-page .description {
font-size: 16px;
line-height: 22px;
color: #333333;
}
#property-details-page .blurb {
color: #a1a1a1;
font-size: 38px;
line-height: 45px;
}
#property-details-page .listing-disclaimer {
padding-top: 20px;
}
#property-details-page .listing-disclaimer span {
color: #a1a1a1;
font-size: 13px;
}
#property-details-page .details-container {
padding-top: 16px;
width: 190px;
}
#property-details-page .details-container .icons {
position: relative;
margin: 15px 0 20px 8px;
/* margin-left: 8px;
margin-bottom: 20px;*/
width: 55px;
}
#property-details-page .details-container .icons span {
/*padding-right: 5px;*/
position: absolute;
bottom: -4px;
left: 12px;
}
#property-details-page .details-container .icons img {
width: 30px;
position: absolute;
bottom: 0;
right: 0;
}
/*Similar Listings*/
.similar-listings-container .listing-grid {
margin-bottom: 0 !important;
}
/*.carousel-similar-listings {
}
.carousel-similar-listings .carousel-inner {
height: 244px;
margin: 0 0 0 52px;
width: 860px;
}
.carousel-similar-listings .carousel-inner .item {
height: 244px;
width: 860px;
}
.carousel-similar-listings .carousel-inner-container {
margin: 0 0 0 52px;
overflow: hidden;
width: 828px;
}
.carousel-similar-listings .listing-grid {
height: 244px;
margin: 0 32px 0 0;
width: 192px;
}
.carousel-similar-listings .carousel-control {
background-repeat: no-repeat;
filter: none;
opacity: 1;
text-shadow: none;
z-index: 1;
width: 52px;
}
.carousel-similar-listings .carousel-control.left {
background-image: url("/assets/images/redcarrowleft.png") !important;
background-position: center left;
}
.carousel-similar-listings .carousel-control.right{
background-image: url("/assets/images/redcarrowright.png") !important;
background-position: center right;
}
.carousel-similar-listings .house-small-image-crop, .carousel-similar-listings .house-small-image {
height: 134px;
width: 183px;
}
.carousel-similar-listings .listing-grid {
height: 244px;
margin: 0 32px 0 0;
width: 183px;
}
.carousel-similar-listings .listing-grid.last {
margin-right:0;
}*/
/*Home Page*/
.custom-home-left-box {
height: 370px;
width: 704px;
}
.custom-home-left-box a {
background-color: #000000;
color: #ffffff;
font-size: 15px;
padding: 5px 10px;
}
.custom-home-left-box a:hover {
color: #ec1c24;
}
.custom-home-left-box #custom-waitarere-beach {
left: 7px;
top: 330px;
}
.custom-home-left-box #custom-foxton-beach {
left: 37px;
top: 265px;
}
.custom-home-left-box #custom-himatangi-beach {
left: 23px;
top: 215px;
}
.custom-home-left-box #custom-scotts-ferry {
left: 60px;
top: 174px;
}
.custom-home-left-box #custom-sanson {
left: 195px;
top: 107px;
}
.custom-home-left-box #custom-marton {
left: 188px;
top: 7px;
}
.custom-home-left-box #custom-bulls {
left: 275px;
top: 58px;
}
.custom-home-left-box #custom-fielding {
left: 357px;
top: 108px;
}
.custom-home-left-box #custom-rongotea {
left: 280px;
top: 150px;
}
.custom-home-left-box #custom-foxton {
left: 223px;
top: 282px;
}
.custom-home-left-box #custom-shannon {
left: 251px;
top: 325px;
}
.custom-home-left-box #custom-palmerston-north {
left: 387px;
top: 201px;
}
.custom-home-left-box #custom-ashhurst {
left: 449px;
top: 154px;
}
.custom-home-left-box .home_video_container {
height: 100%;
background-color: black;
}
.custom-home-left-box .home_video {
float: left;
padding: 62px 19px 21px 22px;
}
.custom-home-left-box .home_video_text {
bottom: 17px;
margin-right: 19px;
position: absolute;
right: 0;
width: 126px;
}
.custom-home-left-box .home_video_text a {
padding: 0;
font-size: 35px;
background-color: transparent;
width: 129px;
overflow: hidden;
line-height: 46px;
display: block;
}
.custom-home-left-box .home_video_text a::after {
background-image: url("/assets/images/right-arrow-nohover-white.png");
background-repeat: no-repeat;
content: "";
height: 24px;
margin-left: 10px;
margin-top: 12px;
position: absolute;
width: 13px;
}
.custom-home-left-box .home_video_text a:hover::after {
background-image: url("/assets/images/right-arrow-hover-red.png");
}
/*Home Page Image Slider*/
.carousel-home-page-slide {
height: 514px;
overflow: hidden;
width: 710px;
}
.carousel-home-page-slide .carousel-control {
background-position: center center;
background-repeat: no-repeat;
height: 435px;
opacity: 0.5;
width: 40px;
}
.carousel-home-page-slide .carousel-control:hover {
opacity: 1;
}
.carousel-home-page-slide .carousel-control.left {
background-image: url("/assets/images/redcarrowleft.png") !important;
}
/*.carousel-home-page-slide .carousel-control.left:hover {
}*/
.carousel-home-page-slide .carousel-control.right {
background-image: url("/assets/images/redcarrowright.png") !important;
}
/*Office Slider*/
.carousel-office-slider {
bottom: 0;
height: 95px;
left: 0;
position: absolute;
right: 0;
overflow: hidden;
z-index: 1;
}
.carousel-office-slider .carousel-inner {
height: 95px;
margin-left: 40px;
margin-right: 40px;
width: 630px;
}
.carousel-office-slider .item {
height: 95px;
padding: 3px 0;
}
.carousel-office-slider .each-office {
display: table-cell;
height: 86px;
padding-right: 10px;
vertical-align: middle;
width: 160px;
}
.carousel-office-slider .each-office p {
margin-bottom: 0;
}
.carousel-office-slider .each-office p .fa-angle-right {
font-size: 25px;
}
.carousel-office-slider .each-office .red-right-arrow-small {
padding-right: 10px !important;
}
.carousel-office-slider .each-office.last-office {
margin: 0;
}
.carousel-office-slider .carousel-control {
background-position: center center;
background-repeat: no-repeat;
width: 30px;
padding-top: 18px;
z-index: 1;
font-size: 40px;
/* &.left {
background-image: url("/assets/images/clear-arrow-left.png") !important;
}
&.right {
background-image: url("/assets/images/clear-arrow-right.png") !important;
}*/
}
/*.carousel-office-slider .each-office {
float: left;
margin-right: 10px;
width: 150px;
}*/
.background-transparent-white {
background-color: #ffffff;
bottom: 0;
left: 0;
opacity: 0.4;
position: absolute;
right: 0;
top: 0;
}
/*Popup*/
.popup-footer-links {
padding: 15px 0 0;
}
.popup-footer-links .col-xs-4 {
padding: 0;
margin: 0;
}
.popup-footer-links .each-tile {
position: relative;
width: 320px;
margin-bottom: 30px;
}
.popup-footer-links .each-tile a img {
width: 100%;
/* height: 185px;
width: 320px;*/
}
.popup-footer-links .each-tile:not(:nth-child(3n)) {
margin-right: 30px;
}
.popup-footer-links .each-tile .title-container {
width: 290px;
position: absolute;
bottom: 0;
right: 0;
}
.popup-footer-links .each-tile .title-container .skewed-div {
/*display: table;*/
/*width: 400px;*/
color: #ffffff !important;
height: 46px;
padding: 0 10px 0 16px;
font-size: 18px;
font-family: plau-regular, Arial, Helvetica, sans-serif;
cursor: pointer;
background: #ec1c24;
background: -webkit-gradient(linear, left top, right top, color-stop(0, #ec1c24), color-stop(1, #c51017));
background: -webkit-linear-gradient(left, #c51017, #ec1c24);
background: -ms-linear-gradient(right, #ec1c24, #c51017);
background: -moz-linear-gradient(center right, #ec1c24 0%, #c51017 100%);
background: -o-linear-gradient(#c51017, #ec1c24);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c51017', endColorstr='#ec1c24', GradientType=0);
}
.popup-footer-links .each-tile .title-container .skewed-div.left-skew {
position: relative;
}
.popup-footer-links .each-tile .title-container .skewed-div.left-skew:before {
z-index: 0;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -10px;
display: block;
width: 20px;
background: #c51017;
-webkit-transform: skew(-20deg);
-ms-transform: skew(-20deg);
transform: skew(-20deg);
}
.popup-footer-links .each-tile .title-container .skewed-div .display-table {
display: table;
width: 279px;
height: 46px;
}
.popup-footer-links .each-tile .title-container .skewed-div .display-table span {
display: table-cell;
line-height: 1.1;
vertical-align: middle;
width: 245px;
}
.popup-footer-links .each-tile .title-container .skewed-div .display-table .fa-angle-right {
font-size: 30px;
padding-top: 5px;
}
.popup-footer-links .each-tile .skewed-container {
width: 310px;
/*position: absolute;*/
/*bottom: 0;*/
/*right: 0;*/
/*background-color: @prof_red;*/
}
.popup-footer-links.opened {
padding-bottom: 0;
}
.popup-footer-links .popup-inner {
background-color: #f4f3f3;
background-image: url("/assets/images/white-popup-arrow-down.png");
background-position: center top;
background-repeat: no-repeat;
padding: 55px 50px 20px;
width: 1020px;
/*display: none;*/
}
.popup-footer-links .popup-inner p {
display: none;
}
.popup-footer-links.opened .popup-inner,
.popup-footer-links .popup p.closed,
.popup-footer-links .popup.opened p.opened,
.popup-footer-links .popup.closed {
display: block;
}
.popup-footer-links .popup p:hover {
text-decoration: none;
}
.popup-footer-links .popup p.opened,
.popup-footer-links .popup.opened p.closed {
display: none;
}
.popup-footer-links .popup.opened p {
height: 50px;
}
.popup-footer-links .popup p {
height: 16px;
margin: 0;
cursor: pointer;
}
.popup-footer-links .popup {
background-image: url("/assets/images/white-popup-arrow-down.png");
background-position: center bottom;
background-repeat: no-repeat;
bottom: 0;
display: block;
height: 16px;
color: #9fa1a1;
left: 0;
padding-top: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
z-index: 1;
}
.popup-link-outer {
height: 100%;
position: relative;
}
.popup-footer-links .popup:focus {
outline: none;
}
.popup-footer-links .popup:hover:not(.opened) {
background-image: none;
}
.popup-footer-links .popup.opened {
background-image: url("/assets/images/red-popup-arrow-up.png");
background-position: center bottom;
bottom: 0;
height: 50px;
top: -50px;
}
/*Agents List Page*/
/*#agents-list-page .view-type-btn {
background-repeat: no-repeat;
}
#agents-list-page .view-type-btn.grid-btn {
width: 20px;
height:15px;
}
#agents-list-page .view-type-btn.list-btn {
width: 15px;
height:15px;
}
#agents-list-page a.view-type-btn.grid-btn {
background-image: url("/assets/images/agent-grid-btn-grey.png");
}
#agents-list-page a.view-type-btn.list-btn {
background-image: url("/assets/images/list-btn-grey-alt.png");
}
#agents-list-page span.view-type-btn.grid-btn, #agents-list-page a.view-type-btn.grid-btn:hover {
background-image: url("/assets/images/agent-grid-btn-red.png");
}
#agents-list-page span.view-type-btn.list-btn, #agents-list-page a.view-type-btn.list-btn:hover {
background-image: url("/assets/images/list-btn-red-alt.png");
}*/
.grid-list-view-container {
display: none;
}
/*Offices / Agents view type*/
/*.map-list-view-container.active {
display: block;
}
.map-list-view-container {
display: none;
}*/
.map-view-active .view-type-btns .view-type-btn.map-btn {
background-image: url("/assets/images/map-btn-red.png");
cursor: default;
}
.grid-view-active .view-type-btns .view-type-btn.grid-btn {
background-image: url("/assets/images/grid-btn-red.png");
cursor: default;
}
.agent-card-view-active .view-type-btns .view-type-btn.agent-card-btn {
background-image: url("/assets/images/agent-grid-btn-red.png");
cursor: default;
}
.agent-line-view-active .view-type-btns .view-type-btn.agent-line-btn {
background-image: url("/assets/images/list-btn-red-alt.png");
cursor: default;
}
.list-view-active .view-type-btns .view-type-btn.list-btn {
background-image: url("/assets/images/list-btn-red-alt.png");
cursor: default;
}
.view-type-btns .view-type-btn {
background-repeat: no-repeat;
cursor: pointer;
}
.view-type-btns .view-type-btn.map-btn {
background-image: url("/assets/images/map-btn-grey.png");
width: 15px;
height: 15px;
}
.view-type-btns .view-type-btn.agent-card-btn {
background-image: url("/assets/images/agent-grid-btn-grey.png");
width: 20px;
height: 15px;
}
.view-type-btns .view-type-btn.agent-line-btn {
background-image: url("/assets/images/list-btn-grey-alt.png");
width: 15px;
height: 15px;
}
.view-type-btns .view-type-btn.grid-btn {
background-image: url("/assets/images/grid-btn-grey.png");
width: 15px;
height: 15px;
}
.view-type-btns .view-type-btn.list-btn {
background-image: url("/assets/images/list-btn-grey-alt.png");
width: 15px;
height: 15px;
}
.map-view-active .map-view,
.list-view-active .list-view,
.grid-view-active .grid-view,
.agent-line-view-active .agent-line-view,
.agent-card-view-active .agent-card-view {
display: block;
}
/*Find Agents Page*/
/*Find Offices Page*/
.find-offices-region-outer {
float: left;
/*height: 192px;*/
/*margin-bottom: 30px;*/
width: 281px;
}
/*Module Agent Line*/
.agent-line-outer.is-bottom {
padding-bottom: 9px;
}
.agent-line-outer a {
color: #ec1c24;
}
.agent-line-outer div {
min-height: 20px;
}
.agent-line-outer .agent-name {
padding-right: 15px;
width: 148px;
}
.agent-line-outer .agent-other {
padding-right: 15px;
width: 195px;
}
.agent-line-outer .mobile-number {
padding-right: 15px;
width: 130px;
}
.agent-line-outer view-profile {
padding-right: 15px;
width: 92px;
}
/*Module Agent Card*/
.agent-card-outer {
float: left;
height: 147px;
margin-bottom: 30px;
width: 281px;
}
.agent-card-outer .agent-image-container {
height: 147px;
width: 121px;
overflow: hidden;
}
.agent-card-outer.bottom {
margin-bottom: 0 !important;
}
.agent-card-outer .view-profile {
bottom: 0;
color: #ec1c24;
left: 0;
padding: 4px 15px 4px 0;
position: absolute;
}
.agent-card-outer .view-profile .fa {
font-size: 20px;
margin-top: -1px;
}
.agent-card-outer .right-info {
background-color: #e7e7e7;
height: 147px;
padding-left: 17px;
padding-top: 7px;
/* padding-top: 15px;*/
width: 160px;
}
.agent-card-outer p {
margin: 0;
}
.agent-card-outer .email-btn {
background-color: #ec1c24;
bottom: 0;
height: 28px;
padding-left: 9px;
padding-top: 3px;
position: absolute;
right: 0;
width: 34px;
}
.agent-card-outer .email-btn img {
height: 11px;
padding: 0;
width: 17px;
}
/*Agents Profile Page*/
#agent-profile {
float: left;
height: 314px;
margin-bottom: 30px;
/*width: 575px;*/
}
#agent-profile .agent-social-media img {
width: 25px;
padding-top: 8px;
}
#agent-profile .agent-image-container {
height: 314px;
width: 258px;
overflow: hidden;
}
#agent-profile .view-profile {
bottom: 0;
color: #ec1c24;
left: 0;
padding: 4px 15px 4px 0;
position: absolute;
}
#agent-profile .right-info {
background-color: #e7e7e7;
height: 314px;
padding-left: 27px;
padding-top: 20px;
width: 342px;
line-height: 19px;
}
#agent-profile p {
margin: 0;
}
#agent-profile .email-btn {
background-color: #ec1c24;
bottom: 0;
height: 41px;
padding-left: 14px;
padding-top: 10px;
position: absolute;
right: 0;
width: 51px;
}
#agent-profile .email-btn img {
height: 15px;
padding: 0;
width: 24px;
}
/*Module Office Card*/
.office-card-outer {
float: left;
height: 216px;
margin-bottom: 30px;
width: 281px;
}
.office-card-outer .view-profile {
bottom: 0;
color: #ec1c24;
left: 0;
padding: 4px 15px 4px 0;
position: absolute;
}
.office-card-outer .right-info {
background-color: #e7e7e7;
height: 170px;
padding-left: 17px;
padding-top: 12px;
width: 161px;
}
.office-card-outer .office-map {
width: 120px;
height: 170px;
}
.office-card-outer p {
/*margin: 0;*/
}
.office-card-outer .top-text-block {
height: 100px;
}
.office-card-outer .email-btn {
background-color: #ec1c24;
bottom: 0;
height: 28px;
padding-left: 9px;
padding-top: 3px;
position: absolute;
right: 0;
width: 34px;
}
.office-card-outer .email-btn img {
height: 11px;
padding: 0;
width: 17px;
}
.full-right-btn {
/*background-color: @prof_red;*/
background: #ec1c24;
background: -webkit-gradient(linear, left top, right top, color-stop(0, #ec1c24), color-stop(1, #c51017));
background: -webkit-linear-gradient(left, #c51017, #ec1c24);
background: -ms-linear-gradient(right, #ec1c24, #c51017);
background: -moz-linear-gradient(center right, #ec1c24 0%, #c51017 100%);
background: -o-linear-gradient(#c51017, #ec1c24);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c51017', endColorstr='#ec1c24', GradientType=0);
/* background-image: url("/assets/images/white_arrow.png");
background-position: right center;
background-repeat: no-repeat;*/
/*border-right: 12px solid rgba(0, 0, 0, 0);*/
color: #ffffff !important;
font-size: 18px;
height: 46px;
padding-bottom: 10px;
padding-left: 15px;
padding-top: 10px;
cursor: pointer;
}
.full-right-btn span {
display: block;
height: 25px;
overflow: hidden;
color: #ffffff;
}
.full-right-btn:before {
content: '\f105';
font-family: fontawesome;
font-size: 30px;
float: right;
margin-top: -7px;
padding-right: 12px;
}
.full-right-btn:hover {
background-color: #2d2924;
color: #ffffff;
}
.full-right-btn:hover .drop-right-container {
display: block;
}
.full-right-btn:visited {
color: #ffffff;
}
.full-right-btn .drop-right-container {
left: 281px;
display: none;
position: absolute;
top: 0;
width: 150px;
z-index: 100;
background-color: #000000;
height: 192px;
font-size: 18px;
}
.full-right-btn .drop-right-container a {
/* background-image: url("/assets/images/white-arrow-right-small.png");
background-position: right center;
background-repeat: no-repeat;*/
border-right: 5px solid transparent;
color: #ffffff;
display: block;
padding: 11px;
}
.full-right-btn .drop-right-container a:hover {
/*background-image: url("/assets/images/grey-arrow-right-small.png");*/
color: #9FA1A1;
}
/*Rendered Forms*/
.rendered-form-outer {
background-color: #e7e7e7;
padding: 26px 26px 31px 29px;
}
.rendered-form-outer h1,
.rendered-form-outer h2,
.rendered-form-outer h3,
.rendered-form-outer p {
margin: 0;
padding: 0;
}
.rendered-form-outer h1.pssmrtfrms {
color: #ec1c24;
font-size: 38px;
margin: 0 0 16px;
}
.rendered-form-outer div label {
display: none;
}
.rendered-form-outer label.error {
display: none !important;
}
.rendered-form-outer div.text,
.rendered-form-outer div.textarea,
.rendered-form-outer div.email,
.rendered-form-outer div.multiradio,
.rendered-form-outer div.multidd {
margin-bottom: 15px;
}
.rendered-form-outer div.email {
clear: both;
}
.rendered-form-outer div.instruction {
/*display: none;*/
margin-bottom: 10px;
clear: both;
}
.rendered-form-outer div.multiradio label {
color: #ec1c24;
display: block;
font-weight: 100;
}
.rendered-form-outer div.multiradio input[type="radio"] {
float: left;
margin-right: 7px;
margin-top: 7px;
}
.rendered-form-outer div.multiradio span {
color: #9fa1a1;
}
.rendered-form-outer div.multidd {
clear: both;
float: left;
margin: 0 0 10px;
padding: 0;
}
.rendered-form-outer div.checkbox {
clear: both;
float: left;
margin: 0 0 10px;
padding: 0;
}
.rendered-form-outer div.checkbox label {
clear: right;
color: #9fa1a1;
display: block;
float: right;
line-height: 19px;
padding-left: 10px;
max-width: 530px;
}
.rendered-form-outer.request-appraisal-now h1.pssmrtfrms {
display: none;
}
.rendered-form-outer.request-appraisal-now .close {
display: none;
}
.rendered-form-outer div.checkbox input[type="checkbox"] {
float: left;
margin: 3px 0 0;
position: relative;
}
.rendered-form-outer div.checkbox input.error[type="checkbox"] {
outline: 1px solid red;
}
.rendered-form-outer div.send-form-to {
display: none !important;
}
.rendered-form-outer .instruction br {
display: none;
}
.rendered-form-outer .instruction p,
.rendered-form-outer .instruction table,
.rendered-form-outer .instruction td {
color: #9fa1a1;
}
.rendered-form-outer a {
color: #9fa1a1;
}
.rendered-form-outer p {
color: #9fa1a1;
font-size: 16px;
font-family: plau-regular, Arial, Helvetica, sans-serif;
}
.rendered-form-outer .security-image {
margin-bottom: 15px;
display: block;
clear: both;
}
.rendered-form-outer .security-image p {
background-color: #ffffff;
border: 1px solid #9f9fa0;
float: right;
height: 62px;
padding: 15px 0;
width: 49%;
}
.rendered-form-outer .security-image p img {
display: block;
margin: 0 auto;
width: auto;
}
.rendered-form-outer .security-image .frmSecureSpanNewLine {
height: 10px;
clear: both;
display: block;
}
.rendered-form-outer .security-image .frmSecureSpanText {
clear: both;
cursor: pointer;
}
.rendered-form-outer .security-image input {
letter-spacing: 25px;
text-align: center;
text-transform: uppercase;
width: 47%;
border: 1px solid #9f9fa0;
color: #4d4d4d;
font-size: 16px;
font-weight: 100;
height: 62px;
padding: 15px 20px;
/*padding: 15px 10px 15px 30px;*/
}
.rendered-form-outer input::-webkit-input-placeholder,
.rendered-form-outer textarea::-webkit-input-placeholder {
letter-spacing: 1px !important;
text-align: left !important;
text-transform: none !important;
color: #b1b1c1 !important;
opacity: 1 !important;
}
.rendered-form-outer input:-moz-placeholder,
.rendered-form-outer textarea:-moz-placeholder {
letter-spacing: 1px !important;
text-align: left !important;
text-transform: none !important;
color: #b1b1c1 !important;
opacity: 1 !important;
}
.rendered-form-outer input::-moz-placeholder,
.rendered-form-outer textarea::-moz-placeholder {
letter-spacing: 1px !important;
text-align: left !important;
text-transform: none !important;
color: #b1b1c1 !important;
opacity: 1 !important;
}
.rendered-form-outer input:-ms-input-placeholder,
.rendered-form-outer textarea:-ms-input-placeholder {
letter-spacing: 1px !important;
text-align: left !important;
text-transform: none !important;
color: #b1b1c1 !important;
opacity: 1 !important;
}
.rendered-form-outer .hasPlaceholder {
letter-spacing: 1px !important;
text-align: left !important;
text-transform: none !important;
color: #b1b1c1 !important;
opacity: 1 !important;
}
.rendered-form-outer .multidd select {
width: 100%;
}
.rendered-form-outer .multidd select {
border: 1px solid #9f9fa0;
color: #4d4d4d;
font-size: 16px;
font-weight: 100;
height: 62px;
padding: 15px 20px;
}
.rendered-form-outer div.multidd label {
color: #ec1c24;
display: block;
font-weight: 100;
}
.rendered-form-outer .text input,
.rendered-form-outer .email input {
width: 100%;
}
.rendered-form-outer .text input,
.rendered-form-outer .email input {
border: 1px solid #9f9fa0;
color: #4d4d4d;
font-size: 16px;
font-weight: 100;
height: 62px;
padding: 15px 20px;
}
.modal-dialog {
z-index: 2000;
}
.modal-dialog .rendered-form-outer h1 {
margin-top: 0;
}
.modal-dialog .rendered-form-outer.mortgage-calculator-container,
.modal-dialog .rendered-form-outer.mortgage-calculated-container {
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
}
.rendered-form-outer .textarea textarea {
border: 1px solid #9f9fa0;
height: 273px;
min-height: 62px;
padding: 15px 20px;
width: 100%;
min-width: 100%;
max-width: 100%;
font-size: 16px;
font-weight: 100;
color: #4d4d4d;
}
/*.rendered-form-outer input[type="reset"] {
background-color: rgba(0, 0, 0, 0);
background-image: url("/assets/images/red-right-arrow-large.png");
background-position: right center;
background-repeat: no-repeat;
border: medium none;
color: @prof_red;
min-height: 35px;
font-size: 38px;
height: 47px;
margin-left: 30px;
padding-right: 38px;
}*/
.toolbox-form .skewed-container .skewed-div {
padding-top: 5px;
}
form {
position: relative;
}
form .skewed-container {
position: absolute;
right: -26px;
bottom: -31px;
height: 46px;
}
form .skewed-container .skewed-div .angle-to-right {
padding-right: 18px;
}
form .skewed-container .skewed-div .angle-to-right:before {
content: '\f105' !important;
font-family: fontawesome !important;
font-size: 30px !important;
}
form .skewed-container .skewed-div input[type='submit'],
form .skewed-container .skewed-div input[type='reset'] {
border: 0;
padding-right: 20px;
font-size: 25px;
background: transparent;
color: #ffffff;
padding-bottom: 0px !important;
}
form#frm .skewed-container {
right: -26px;
bottom: -71px;
}
form .success_error .error,
form .success_error .success {
margin-bottom: 40px;
}
#property-quick-search-form {
position: absolute;
left: 0;
top: 0;
}
/*.rendered-form-outer {
#frm {
position: relative;
input {
&[type='submit'] {
position: absolute;
right: 0;
bottom: 0;
.gradient();
}
}
}
}*/
.rendered-form-outer input[type="reset"] {
float: left;
}
.rendered-form-outer input[type="submit"] {
float: right;
}
.subscribe-form-outer.rendered-form-outer h1.pssmrtfrms {
display: none;
}
/*Map Popup*/
.map-popup-container .listing-grid {
background-color: #ffffff;
height: 178px;
width: 352px;
margin-bottom: 0 !important;
margin-top: 5px;
}
.map-popup-container .house-small-image-crop {
height: 178px;
width: 195px;
}
.map-popup-container .house-small-image-crop img {
height: 178px;
width: 195px;
}
.map-popup-container .right-side {
padding-top: 14px;
width: 157px;
}
.map-popup-container .right-side div.move-bottom {
padding-bottom: 17px;
}
.height-18px {
height: 18px;
}
.height-20px {
height: 20px;
}
.height-45px {
height: 45px;
}
.height-78px {
height: 78px;
}
.right-black-arrow-small {
background-image: url("/assets/images/right-black-arrow-small.png");
background-position: 140px 26px;
background-repeat: no-repeat;
color: black !important;
}
/*Top Secondary Navigation*/
.secondary-main-menu .top-item {
padding-bottom: 9px !important;
padding-top: 5px !important;
}
.unique-top-left-nav .secondary-main-menu .top-item {
border-top: 5px solid #f8f8f8 !important;
}
.unique-top-left-nav .secondary-main-menu.main-menu .second-dropdown-menu {
background-image: url("/assets/images/menu-down-grey-arrow.png") !important;
}
/*Top Navigation*/
.main-menu {
margin: 0;
padding: 0;
}
.main-menu .top-item {
display: inline-block;
border-top: 5px solid #f8f8f8;
padding-top: 5px;
/*margin-right: 3px;*/
font-size: 15px;
padding-bottom: 10px;
}
.main-menu .top-item:not(:last-of-type) {
margin-right: 14px;
}
.main-menu li a {
color: #333333 !important;
text-transform: uppercase;
white-space: normal;
word-wrap: break-word;
}
.main-menu .top-item a.top-link {
color: inherit;
}
.main-menu .top-item:hover .second-dropdown-menu {
display: block;
width: 129px;
}
.main-menu .top-item.last-item .dropdown-menu.second-dropdown-menu {
background-position: 80px top;
left: inherit !important;
position: absolute;
right: 0;
width: 129px;
min-width: 129px !important;
}
.main-menu .top-item.last-item .dropdown-menu.second-dropdown-menu .arrow-right {
background-image: url("/assets/images/menu-left-arrow.png");
left: -9px;
right: unset;
}
.main-menu .top-item.last-item .dropdown-menu.third-dropdown-menu {
left: auto !important;
right: 129px;
min-width: 129px !important;
}
.main-menu .dropdown-menu a {
padding-bottom: 4px !important;
padding-top: 4px !important;
position: relative;
font-size: 13px;
}
.main-menu .dropdown-menu a:focus {
background-color: transparent !important;
outline: none !important;
}
.main-menu .top-item:hover,
.main-menu .top-item.selected {
border-top: 5px solid #ec1c24;
/*color: @prof_red;*/
}
.main-menu .top-item:hover > a,
.main-menu .top-item.selected > a {
color: #ec1c24;
text-decoration: none;
}
.main-menu .dropdown-menu .dropdown-submenu .dropdown-menu {
background-image: none;
}
.main-menu .dropdown-menu {
background-color: #e7e7e7;
background-image: url("/assets/images/menu-down-arrow.png");
background-position: 15px top;
background-repeat: no-repeat;
border: 0 none;
border-radius: 0;
box-shadow: none;
padding: 18px 0 22px;
overflow: visible;
width: 129px;
margin: 0;
min-width: 129px;
}
.main-menu .dropdown-menu.other-drop-down {
background-color: rgba(0, 0, 0, 0) !important;
background-image: url("/assets/images/whitedropdownarrow.png");
background-position: 0 0 !important;
background-size: 18px auto;
display: block;
height: 13px;
left: auto !important;
margin: 0 !important;
min-width: 0 !important;
padding: 0 !important;
position: absolute;
right: 45px;
top: -1px;
width: 22px !important;
z-index: 1 !important;
}
.main-menu .second-item .second-link {
width: 129px;
padding: 3px 15px;
}
.main-menu .third-item .third-link {
padding: 3px 15px;
}
.main-menu .second-item:hover a.second-link,
.main-menu .second-item:hover a.second-link,
.main-menu .third-item:hover a.third-link,
.main-menu .second-item.selected a.second-link,
.main-menu .third-item.selected a.third-link {
color: #ec1c24 !important;
background-color: transparent;
}
.main-menu .second-item:hover a.second-link .arrow-right {
background-image: url("/assets/images/menu-right-arrow.png");
background-position: right center;
background-repeat: no-repeat;
bottom: 0;
display: block;
height: 100%;
position: absolute;
right: -9px;
top: 0;
width: 9px;
z-index: 1001;
}
.main-menu .dropdown-submenu .dropdown-menu {
background-color: #000000;
box-shadow: none;
left: 100%;
margin: 0;
top: 0px;
min-height: 100%;
}
.main-menu .dropdown-submenu .dropdown-menu li a {
color: #ffffff !important;
}
.main-menu .dropdown-submenu .dropdown-menu li a:hover {
color: #ec1c24 !important;
}
.main-menu .dropdown-submenu:hover .third-dropdown-menu {
display: block;
}
a:focus,
a:hover {
text-decoration: none;
}
/*Office Menu Popup*/
#findanofficemenu {
background-position: 335px top;
left: auto;
right: 0;
padding-bottom: 0;
padding-top: 0;
width: auto;
}
#findanofficemenu .red-select-row {
width: 200px;
}
.main-menu #findanofficemenu .each-island {
padding: 0;
width: 352px;
}
.main-menu #findanofficemenu .each-island p {
font-size: 13px;
font-family: plau-regular, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0 0 5px;
text-transform: uppercase;
}
.main-menu #findanofficemenu .each-island a {
float: left;
padding: 0 15px 7px 0 !important;
text-align: left;
width: 117px;
}
.main-menu #findanofficemenu .region-outer {
padding: 35px 24px 23px;
}
/*Secondary Menu*/
.middle-module-and-nav {
width: 655px;
}
.middle-module-and-nav .menu-second-level li {
display: block !important;
float: left;
font-size: 14px !important;
width: 110px;
word-wrap: break-word;
margin-right: 13px;
}
.middle-module-and-nav .menu-second-level li:last-child {
margin-right: 0;
}
.middle-module-and-nav .top-item:not(:last-of-type) {
margin-right: 10px !important;
}
/*Office Details Pages Tile*/
#agent-site .module-panel.blog-panel .single-box {
height: 303px;
}
#office-site .module-panel.blog-panel .single-box {
height: 303px;
}
.extra-panels {
/*height: 370px;*/
/* overflow: hidden; */
}
.extra-panels .module-panel .single-box {
/*height: 182px;*/
background: red;
}
.extra-panels .module-panel .single-box .box-image {
/*height: 137px;*/
}
.extra-panels .module-panel .single-box .box-image img {
/*height: 183px;*/
}
.skewed-container .skewed-div .fa-angle-right {
font-size: 25px;
}
.module-panel.blog-panel .single-box {
padding: 14px;
height: 295px;
}
.module-panel.blog-panel .single-box .each-article {
margin-bottom: 10px;
}
.module-panel.blog-panel .single-box .each-article p {
margin: 0 0 0 0;
}
.module-panel.blog-panel .single-box .each-article .date {
font-size: 11px;
color: #474747;
}
.module-panel.blog-panel .single-box .each-article .content {
height: 40px;
font-size: 14px;
color: #333333;
}
.module-panel.blog-panel .single-box .each-article .more {
color: #ec1c24;
font-size: 14px;
}
.module-panel .item .skewed-container .fa-angle-right {
font-size: 25px;
}
.module-panel .office-card-outer {
height: 142px;
margin-bottom: 0;
margin-right: 0;
width: 100%;
}
.module-panel .office-card-outer .office-map {
width: 120px;
height: 142px;
}
.module-panel .office-card-outer .right-info {
width: 191px;
height: 142px;
}
.module-panel .agent-card-outer {
margin-bottom: 0;
margin-right: 0;
width: 100%;
height: 147px;
}
.module-panel .agent-card-outer .right-info {
width: 190px;
height: 147px;
}
.right-nav-container {
width: 275px;
}
.right-nav-container div {
padding-bottom: 20px;
}
.right-nav-container div a {
font-size: 38px;
color: #ec1c24 !important;
font-size: 34px !important;
line-height: 36px;
padding-right: 27px;
}
.right-nav-container div a i.fa {
font-size: 40px;
}
.right-nav-container div a.selected,
.right-nav-container div a:hover {
/*background-image: url("/assets/images/red-right-arrow-large.png");*/
color: #9fa1a1 !important;
}
.right-nav-container div a span {
width: 80%;
}
/* -------------------- New Zealand Regional Hover Map Page ---------------- */
.map_area {
cursor: pointer;
}
.bottom_information {
margin: 5px auto 15px;
width: 540px;
}
.bottom_information .use_hover {
padding-bottom: 20px;
}
.bottom_information .use_hover p {
color: red;
font-size: 12px;
text-align: center;
}
.bottom_information .hover_map_information p {
font-size: 14px;
}
#mapContainer {
background-repeat: no-repeat;
margin: 0 auto;
}
#mapContainer .mapcontent_box {
background-color: #e7e7e7;
display: block;
padding: 40px;
}
#homeMapMid {
display: block;
height: 347px;
margin: 0 auto;
position: relative;
width: 226px;
}
#homeMapMid img {
margin-left: 0;
position: absolute;
}
#mapMid {
display: block;
height: 614px;
margin: 0 auto;
position: relative;
width: 397px;
}
.bottom_wrapper {
padding-bottom: 100px;
}
.bottom_wrapper .bottom_seperator {
background: url("../images/main_content_sep.png") repeat-x scroll center bottom transparent;
clear: both;
display: block;
height: 12px;
margin-bottom: 100px;
}
#mapMid img {
margin-left: 0;
position: absolute;
}
#mapContents {
position: absolute;
z-index: 1;
}
#mapContents a {
color: #ec1c24;
cursor: pointer;
display: block;
font-size: 19px;
line-height: 20px;
margin: 0;
padding: 0;
position: absolute;
white-space: nowrap;
}
/*-----------*/
#map_region_auckland {
left: 170px;
position: absolute;
top: 110px;
}
#map_region_northland {
left: 130px;
top: 50px;
}
#map_region_waikato {
left: 185px;
top: 160px;
}
#map_region_taranaki {
left: 150px;
top: 195px;
}
#map_region_bay-of-plenty {
left: 320px;
top: 130px;
}
#map_region_gisborne {
left: 395px;
top: 185px;
}
#map_region_wanganui {
left: 145px;
top: 235px;
}
#map_region_manawatu {
left: 170px;
top: 265px;
}
#map_region_hawkes-bay {
left: 340px;
top: 260px;
}
#map_region_wellington {
left: 285px;
top: 325px;
}
#map_region_wairarapa {
left: 320px;
top: 290px;
}
#map_region_marlborough {
left: 260px;
top: 358px;
}
#map_region_nelson {
left: 125px;
top: 300px;
}
#map_region_west-coast {
left: 50px;
top: 380px;
}
#map_region_canterbury {
left: 225px;
top: 445px;
}
#map_region_otago {
left: 145px;
top: 525px;
}
#map_region_southland {
left: -45px;
top: 570px;
}
#map_region_queenstown__wanaka {
left: -85px;
top: 435px;
width: 125px;
white-space: normal !important;
}
#map_region_coromandel {
left: 305px;
top: 90px;
}
#map_region_taupo {
left: 345px;
top: 230px;
}
#notmap_fiji {
/*background-image: url("/assets/images/red-right-arrow-large.png");*/
font-size: 38px !important;
left: 410px;
line-height: 39px !important;
top: 580px;
width: 73px;
}
/*-----------*/
.mapTextOn {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #ec1c24 !important;
text-decoration: underline !important;
font-family: plau-regular, Arial, Helvetica, sans-serif;
}
.mapovers_hide {
display: none;
}
.mapovers_show {
display: block;
}
/*My Toolkit Forms*/
.my-toolkit-login-page .rendered-form-outer a,
.my-toolkit-forgotten-password-page .rendered-form-outer a {
color: #ec1c24;
}
/*#register-submit-form {
margin-top: 10px;
}*/
.rendered-form-outer.show-instructions div.instruction {
display: block !important;
}
.each-saved-search {
background-color: #E7E7E7;
margin-bottom: 24px;
padding: 28px 15px 21px 34px;
position: relative;
}
.each-saved-search h4 {
margin-bottom: 11px !important;
}
.each-saved-search h4,
.each-saved-search .delete-link {
color: #938a8b;
font-size: 24px;
}
.each-saved-search p {
color: #000000;
font-size: 16px;
font-weight: 100;
margin-bottom: 6px !important;
}
.each-saved-search p,
.each-saved-search h4 {
margin: 0;
padding: 0;
}
.each-saved-search .search-btn {
background-color: #ec1c24;
height: 40px;
padding: 8px 6px;
position: absolute;
right: 0;
top: 0;
width: 40px;
}
/*General Content*/
@font-face {
font-family: plau-regular, Arial, Helvetica, sans-serif;
src: url('/assets/fonts/OpenSans-Light-webfont.eot');
src: url('/assets/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/OpenSans-Light-webfont.woff') format('woff'), url('/assets/fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('/assets/fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
font-style: normal;
}
@font-face {
font-family: plau-regular, Arial, Helvetica, sans-serif;
src: url('/assets/fonts/OpenSans-Regular-webfont.eot');
src: url('/assets/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('/assets/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('/assets/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
font-style: normal;
}
.general-content td,
.general-content p,
.general-content h1,
.general-content h2,
.general-content h3,
.general-content h4,
.general-content h5,
.general-content h6,
.general-content blockquote,
.general-content table {
font-family: plau-regular, Arial, Helvetica, sans-serif;
font-style: normal;
}
.general-content strong {
font-family: plau-regular, Arial, Helvetica, sans-serif;
font-style: normal;
}
.general-content .red-text-large,
.general-content .grey-text-large {
clear: both;
display: block;
font-size: 38px;
line-height: 45px;
/*margin-bottom: 42px;*/
padding-top: 20px;
}
.general-content .grey-text-large {
color: #9fa1a1;
}
.general-content .red-text-large {
color: #ec1c24;
}
.general-content .grey-box-E7E7E7 {
background-color: #e7e7e7;
padding: 25px 84px 23px 22px;
}
.general-content .grey-box-E7E7E7 p {
margin: 0;
padding: 0;
}
.general-content .grey-padding-box.bottom-right-grey-arrow {
background-image: url("/assets/images/grey-arrow-right-large.png");
background-position: 525px 225px;
background-repeat: no-repeat;
background-size: 16px auto;
}
.general-content h1 {
color: #ec1c24;
font-size: 38px;
font-weight: 100;
margin-bottom: 30px;
margin-top: 0;
line-height: 45px;
}
.general-content h2 {
color: #ec1c24;
font-size: 24px;
font-weight: 100;
margin-bottom: 15px;
margin-top: 20px;
line-height: 30px;
}
.general-content h3 {
color: #9fa1a1;
font-size: 38px;
font-weight: 100;
margin-bottom: 10px;
margin-top: 15px;
line-height: 45px;
}
.general-content h4 {
color: #938a8b;
font-size: 24px;
font-weight: 100;
margin-bottom: 10px;
line-height: 30px;
margin-top: 10px;
}
.general-content h5 {
color: #000000;
font-size: 16px;
font-weight: 100;
margin-bottom: 5px;
margin-top: 5px;
}
.general-content p,
.general-content li {
color: #000000;
font-size: 16px;
font-weight: 100;
line-height: 28px;
}
.general-content li p {
display: inline;
margin: 0;
padding: 0;
}
.general-content h6 {
color: #ec1c24;
display: block;
font-weight: 100;
font-size: 16px;
line-height: 28px;
font-family: plau-light, Arial, Helvetica, sans-serif;
max-width: 100%;
margin-bottom: 5px;
margin-top: 0;
}
.general-content > ul {
list-style: outside none none;
margin-left: 0;
padding-left: 37px;
text-indent: -37px;
}
/*.general-content > ol {
padding-left: 0;
}
.general-content ol li {
list-style-position: outside;
}*/
.general-content ul li {
list-style: outside none none;
}
.general-content ul li::before {
color: #000000;
content: "-";
padding-right: 32px;
}
.general-content a {
color: #ec1c24;
text-decoration: none;
}
.general-content a:hover {
text-decoration: underline;
}
.general-content .grey-box-no-padding {
/*margin-top: 19px;*/
}
.general-content .grey-box-no-padding h4 {
margin-top: 18px;
}
.general-content .grey-box-no-padding tr {
display: block;
margin-top: 20px;
padding-bottom: 20px;
}
.general-content .grey-box-no-padding td {
background-color: #e7e7e7;
}
.general-content .grey-box-no-padding p {
line-height: 26px;
margin-bottom: 0;
margin-top: 10px;
}
.general-content .grey-padding-box {
background-color: #e7e7e7;
display: block;
margin-bottom: 20px;
margin-top: 19px;
padding: 25px;
}
.general-content .grey-padding-box p {
color: #938a8b;
font-size: 15px;
line-height: 24px;
margin: 0;
}
.general-content .grey-padding-box p strong {
color: #000000;
font-weight: 100;
}
.general-content .grey-padding-box tr {
display: block;
}
.general-content .grey-padding-box td {
display: table-cell;
vertical-align: top;
}
.general-content .grey-padding-box img {
margin-bottom: 5px;
}
.general-content .grey-padding-box img {
margin-bottom: 5px;
}
.general-content .news-drop-downs {
width: 100%;
}
.general-content .news-drop-downs img,
.general-content .testimonials-drop-downs img {
margin-right: 20px;
}
.general-content .news-drop-downs td p,
.general-content .testimonials-drop-downs td p {
line-height: 25px;
}
.general-content .news-drop-downs td p {
padding-right: 70px;
}
.general-content .testimonials-drop-downs td p {
padding-right: 105px;
}
.general-content .news-drop-downs tr,
.general-content .testimonials-drop-downs tr {
display: block;
margin-bottom: 30px;
}
.general-content .news-drop-downs h1,
.general-content .testimonials-drop-downs h1 {
margin-bottom: 28px;
margin-top: 0;
}
.general-content .news-drop-downs h2 {
margin-bottom: 28px;
margin-top: 0;
}
.general-content .news-drop-downs h1::after,
.general-content .testimonials-drop-downs h1::after {
background: url("/assets/images/red-right-arrow-large.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
content: "";
display: inline-block;
height: 32px;
margin-left: 10px;
width: 18px;
}
.general-content .news-drop-downs h2::after {
background: url("/assets/images/red-right-arrow-large.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
content: "";
display: inline-block;
height: 32px;
margin-left: 10px;
width: 18px;
background-size: 12px auto;
background-position: bottom right;
}
.general-content .bottom-gateways {
clear: both;
width: 1072px;
}
.general-content .bottom-gateways tr td {
background-position: 235px 70px;
background-repeat: no-repeat;
margin-bottom: 30px;
width: 306px;
min-height: 150px;
vertical-align: top;
}
.general-content .bottom-gateways tr td.pointer {
cursor: pointer;
}
.general-content .bottom-gateways h1 {
margin-top: 0;
}
.general-content .bottom-gateways p a {
font-size: 16px;
color: #000000 !important;
}
.general-content .bottom-gateways a:hover {
text-decoration: none;
}
.general-content .bottom-gateways p {
font-size: 16px;
padding-right: 80px;
display: inline !important;
}
.general-content .bottom-gateways img {
margin-right: 10px;
float: left;
}
.general-content .popout-boxes {
height: 148px;
border-collapse: collapse;
border-spacing: 0;
position: relative;
}
.general-content .popout-boxes td {
vertical-align: top;
}
.general-content .popout-boxes h5 {
margin: 0 0 5px;
padding: 0;
}
.general-content .popout-boxes td p {
font-size: 14px;
line-height: 15px;
margin: 0;
padding: 0;
}
.general-content .popout-boxes td:nth-child(1) {
height: 148px;
overflow: hidden;
width: 122px;
max-width: 122px;
min-width: 122px;
background-color: #9fa1a1;
}
.general-content .popout-boxes tr td:nth-child(2) {
background-color: #e7e7e7;
/* &:not(.update) {
padding: 13px 23px 12px 16px;
}*/
width: 155px;
max-width: 155px;
min-width: 155px;
}
.general-content .popout-boxes tr td:nth-child(3) {
padding: 16px 16px 16px 20px;
background-color: #ec1c24;
width: 315px;
max-width: 315px;
min-width: 315px;
}
.general-content .popout-boxes tr td:nth-child(3) p {
color: #ffffff;
}
.general-content a.grey-right-arrow-large-link {
background-image: url("/assets/images/grey-arrow-right-large.png");
background-position: 285px 70px;
background-repeat: no-repeat;
display: block;
font-size: 38px;
font-weight: 100;
line-height: 45px;
padding-left: 36px;
padding-top: 21px;
width: 350px;
}
.bottom-gateways {
clear: both;
width: 100% !important;
}
.general-content .recent-newsletters-drop-down {
background-color: #e7e7e7;
width: 100%;
margin-bottom: 40px;
}
.general-content .recent-newsletters-drop-down td {
padding: 20px;
}
.general-content .recent-newsletters-drop-down h4 {
margin-top: 0;
}
.general-content .recent-newsletters-drop-down p {
font-family: plau-regular, Arial, Helvetica, sans-serif;
font-size: 16px !important;
margin: 0;
padding: 0;
}
.general-content .meet-the-board {
margin-top: 35px;
}
.general-content .meet-the-board tr {
height: 148px;
overflow: hidden;
}
.general-content .meet-the-board tr td {
vertical-align: top;
padding: 0;
height: 100%;
}
.general-content .meet-the-board h5 {
font-family: plau-regular, Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0 0 5px;
}
.general-content .meet-the-board p {
color: #938A8B;
font-size: 13px;
line-height: 19px;
margin: 0 0 2px;
padding: 0;
word-wrap: break-word;
}
.general-content .meet-the-board p strong {
color: #000000;
float: left;
font-family: plau-regular, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
margin: 0;
padding: 0;
width: 23px;
}
.general-content .meet-the-board tr td:nth-child(1) {
background-color: #e7e7e7;
width: 123px;
}
.general-content .meet-the-board tr td:nth-child(1) img {
height: 100%;
width: 123px;
}
.general-content .meet-the-board tr td:nth-child(2) {
background-color: #e7e7e7;
padding-left: 9px;
padding-top: 7px;
width: 162px;
}
.general-content .meet-the-board tr td:nth-child(3) {
width: 300px;
}
.general-content .general-dropdowns tr:nth-child(2n+1) h1 {
background-image: url("/assets/images/red-arrow-down-dropdown.png");
padding-right: 40px;
background-repeat: no-repeat;
background-position: right center;
display: inline-block;
clear: both;
margin: 0;
cursor: pointer;
}
.general-content .general-dropdowns tr:nth-child(2n+1) h2 {
background-image: url("/assets/images/red-arrow-down-dropdown.png");
background-position: right center;
background-repeat: no-repeat;
background-size: 12px auto;
clear: both;
cursor: pointer;
display: inline-block;
margin: 0;
padding-right: 40px;
}
/*.general-content .general-dropdowns tr:nth-child(odd) td {
padding-bottom: 17px;
}*/
/*.general-content .general-dropdowns tr:nth-child(even) {
display: block;
}*/
.general-content .general-dropdowns ul ul {
padding-bottom: 0;
padding-left: 37px;
}
.general-content .general-dropdowns blockquote ul {
padding-bottom: 0;
padding-left: 37px;
}
.general-content .general-dropdowns ul li::before {
color: #000000;
content: "-";
padding-right: 32px;
}
.general-content .general-dropdowns ul {
padding: 0;
margin: 0;
}
.general-content .general-dropdowns ul ul li::before {
content: "";
padding-left: 0;
padding-right: 0;
}
.general-content .general-dropdowns blockquote ul li::before {
content: "";
padding-left: 0;
padding-right: 0;
}
.general-content .general-dropdowns ul ul li {
color: #000000;
list-style: outside none none;
}
.general-content .general-dropdowns blockquote ul li {
color: #000000;
list-style: outside none none;
}
.general-content .general-dropdowns ul li {
color: #ec1c24;
list-style: outside none none;
padding-bottom: 5px;
}
.general-content .general-dropdowns blockquote {
border: 0 none;
margin: 0;
padding: 0;
}
/* END - General Content */
/* START - Do not copy into content.css - Partial General Content */
.general-content {
color: #000000;
font-size: 16px;
font-weight: 100;
line-height: 28px;
}
.hbspt-form {
background-color: #e7e7e7;
padding: 26px 26px 31px 29px;
color: #000000;
font-size: 16px;
font-weight: 100;
line-height: 28px;
}
.hbspt-form .hs-form.stacked label {
display: none;
}
.hs-form .inputs-list li::before {
content: "" !important;
padding-right: 0 !important;
display: none !important;
}
.hbspt-form .hs-form.stacked .form-columns-1 {
margin-bottom: 15px;
max-width: none;
}
.hbspt-form .hs-form.stacked .field {
margin: 0;
}
.hbspt-form .hs-form fieldset.form-columns-1 .hs-input {
border: 1px solid #9f9fa0;
color: #4d4d4d;
font-size: 16px;
font-weight: 100;
height: 62px;
padding: 15px 20px;
width: 100%;
box-sizing: border-box;
max-width: none;
border-radius: 0;
}
.hbspt-form .hs-form.stacked .form-columns-2 {
margin-bottom: 15px;
display: block;
clear: both;
max-width: none;
}
.hbspt-form .hs-form fieldset.form-columns-2 .hs-input {
border: 1px solid #9f9fa0;
color: #4d4d4d;
font-size: 16px;
font-weight: 100;
height: 62px;
padding: 15px 20px;
box-sizing: border-box;
width: 100%;
border-radius: 0;
}
.hbspt-form .hs-form fieldset.form-columns-2 .hs_city .hs-input {
float: right;
}
.hbspt-form .hs-form .hs-button {
background-color: rgba(0, 0, 0, 0);
background-image: url("http://www.professionals.co.nz/assets/images/red-right-arrow-large.png");
background-position: right center;
background-repeat: no-repeat;
border: medium none;
color: #ec1c24;
min-height: 35px;
font-size: 38px;
margin-left: 30px;
padding-right: 38px;
float: right;
-webkit-appearance: button;
cursor: pointer;
box-shadow: none;
text-shadow: none;
font-weight: 100;
font-family: plau-regular, Arial, Helvetica, sans-serif;
}
.hbspt-form .hs-form .hs-button:hover:not(.inactive) {
box-shadow: none;
border: none;
color: #ec1c24;
}
.hbspt-form .hs-form .hs-button:active:not(.inactive):not(.link) {
background-color: rgba(0, 0, 0, 0);
background-image: url("http://www.professionals.co.nz/assets/images/red-right-arrow-large.png");
background-position: right center;
background-repeat: no-repeat;
box-shadow: none;
border: none;
}
.hbspt-form .hs-form .hs-button:focus:not(.inactive) {
box-shadow: none;
border: none;
}
.general-dropdowns .open_close_btn.opened h1 {
background-image: url("/assets/images/red-arrow-down-dropdown.png") !important;
padding-right: 40px !important;
}
.general-dropdowns .open_close_btn h1 {
padding-right: 25px !important;
background-image: url("/assets/images/red-arrow-right-dropdown.png") !important;
background-repeat: no-repeat;
background-position: right center;
display: inline-block;
clear: both;
margin: 0;
cursor: pointer;
}
.general-dropdowns .open_close_btn h2 {
padding-right: 25px !important;
background-image: url("/assets/images/red-arrow-right-dropdown.png") !important;
background-repeat: no-repeat;
background-position: right center;
background-size: 12px auto;
display: inline-block;
clear: both;
margin: 0;
cursor: pointer;
}
.general-dropdowns .open_close_btn td {
padding-bottom: 17px;
}
.general-dropdowns .open_close_container {
display: none;
}
.general-dropdowns .open_close_container.opened {
display: block;
padding-bottom: 18px;
}
.general-content .no-right-margin {
margin-right: 0 !important;
}
.general-content .general-dropdowns {
display: none;
}
.general-content .meet-the-board {
display: none;
}
.general-content .meet-the-board .board-image {
background-color: #e7e7e7;
width: 123px;
}
.general-content .meet-the-board .board-image img {
height: 147px;
width: 123px;
}
.general-content .meet-the-board .board-text-box {
background-color: #e7e7e7;
padding-left: 9px;
padding-top: 7px;
padding-right: 10px;
width: 162px;
position: relative;
}
.general-content .meet-the-board .board-text-box .email-btn {
background-color: #ec1c24;
bottom: 0;
height: 28px;
padding-left: 9px;
padding-top: 8px;
position: absolute;
right: 0;
width: 34px;
}
.general-content .meet-the-board .board-text-box .email-btn img {
height: 11px;
padding: 0;
width: 17px;
vertical-align: top;
}
.general-content .meet-the-board tr {
float: left;
margin-bottom: 33px;
width: 285px;
display: block;
}
.general-content .meet-the-board tr.odd {
margin-right: 35px;
}
.general-content .meet-the-board tr td {
display: block;
float: left;
}
.general-content .popout-boxes {
display: none;
}
.general-content .popout-boxes tr {
display: block;
float: left;
position: relative;
width: 277px;
margin-bottom: 38px;
}
.general-content .popout-boxes tr:nth-child(odd) {
margin-right: 38px;
}
.general-content .popout-boxes tr td {
display: block;
float: left;
height: 148px;
overflow: hidden;
position: relative;
}
.general-content .popout-boxes tr td.popout-image {
width: 122px;
}
.general-content .popout-boxes tr td.popout-image img {
width: 100%;
height: 100%;
}
.general-content .popout-boxes tr td.popout-text-box {
background-color: #e7e7e7;
padding: 13px 23px 12px 16px;
width: 155px;
}
.general-content .popout-boxes tr td.popout-text-box p {
color: #938a8b;
}
.general-content .popout-boxes tr td.popout-window {
bottom: 0;
height: 148px;
left: 277px;
overflow: hidden;
position: absolute;
top: 0;
width: 315px;
z-index: 1;
visibility: hidden;
padding: 0 !important;
background-color: transparent !important;
}
.general-content .popout-boxes tr td.popout-window .popout-window-inner {
padding: 16px 16px 16px 20px;
background-color: #ec1c24;
width: 315px;
height: 148px;
/*z-index: 1;*/
margin-left: -315px;
}
.general-content .popout-boxes tr td.popout-window .popout-window-inner p {
color: #ffffff;
font-size: 14px;
line-height: 18px;
}
.general-content .popout-right-arrow {
background-color: #ec1c24;
/* background-image: url("/assets/images/white_arrow.png");
background-position: center center;
background-repeat: no-repeat;*/
background-size: 18px auto;
bottom: 0;
cursor: pointer;
height: 34px;
position: absolute;
right: 0;
width: 27px;
padding-left: 10px;
padding-top: 2px;
}
.general-content .popout-right-arrow:before {
content: '\f105';
font-family: fontawesome;
font-size: 27px;
color: #ffffff;
}
.general-content .testimonials-drop-downs td div {
position: relative;
}
.general-content .news-drop-downs td div,
.general-content .news-drop-downs td div.show-less,
.general-content .testimonials-drop-downs td div,
.general-content .testimonials-drop-downs td div.show-less {
display: block;
height: 0;
overflow: hidden;
vertical-align: top;
}
.general-content .news-drop-downs td.show-more div,
.general-content .testimonials-drop-downs td.show-more div {
height: auto !important;
}
.general-content .news-drop-downs td a.more-less {
width: 40px;
bottom: 9px;
}
.general-content .testimonials-drop-downs td a.more-less {
width: 40px;
bottom: 8px;
}
.general-content .news-drop-downs td a.more-less,
.general-content .testimonials-drop-downs td a.more-less {
cursor: pointer;
position: absolute;
right: 0;
height: 15px;
}
.general-content .news-drop-downs td a.more-less.less,
.general-content .testimonials-drop-downs td a.more-less.less {
background-image: url("/assets/images/red-cross.png");
background-repeat: no-repeat;
padding-right: 30px;
text-align: right;
bottom: 18px;
}
.general-content .testimonials-drop-downs td a.more-less.less {
background-position: right 5px;
}
.general-content .news-drop-downs td a.more-less.less {
background-position: right 5px;
}
.general-content .bottom-gateways tr td {
background-image: url("/assets/images/grey-arrow-right-large.png");
display: block;
float: left;
}
.general-content .bottom-gateways {
display: block;
}
/*.general-content .recent-newsletters-drop-down {
display: none;
}*/
.general-content .recent-newsletters-drop-down td {
position: relative;
padding: 0 !important;
}
.general-content .recent-newsletters-drop-down td div {
margin-bottom: 20px !important;
overflow: hidden;
padding: 20px 20px 0 !important;
}
.general-content .recent-newsletters-drop-down td.show-more div {
height: auto !important;
}
.general-content .recent-newsletters-drop-down .more-less {
bottom: 15px;
color: #9fa1a1;
cursor: pointer;
font-size: 24px;
position: absolute;
right: 20px;
}
/* END - Do not copy into content.css - Partial General Content */
.general-dropdowns .agent-region-outer .open_close_btn h4 {
/*padding-right:30px !important;*/
/* background-image: url("/assets/images/red-arrow-right-dropdown.png") !important;
background-repeat: no-repeat;
background-position: right center;
background-size: 14px auto;*/
color: #ec1c24;
font-size: 27px;
display: inline-block;
clear: both;
padding-bottom: 0;
margin-bottom: 20px;
cursor: pointer;
}
.general-dropdowns .agent-region-outer .open_close_btn h4 .fa {
padding-left: 30px;
font-size: 40px;
}
.general-dropdowns .agent-region-outer .open_close_container.opened {
padding-bottom: 0;
}
/*My Toolkit Watchlist*/
.watchlist-container .listing-grid {
height: 68px;
margin-bottom: 21px;
overflow: hidden;
width: 557px;
}
.watchlist-container .right-side {
width: 340px;
}
.watchlist-container .seperate-item-container {
right: 0;
}
.watchlist-container .listing-grid .house-small-image-crop {
height: 68px;
width: 95px;
}
.watchlist-container .listing-grid .house-small-image-crop img {
height: 68px;
width: 95px;
}
.watchlist-container .open-home-icon {
height: 23px;
padding-left: 0;
padding-top: 4px;
width: 26px;
}
.watchlist-container .open-home-icon img {
display: block;
margin: 0 auto;
width: 14px;
}
.watchlist-container .open-home-info {
display: none;
}
.watchlist-container .property-address {
height: 20px;
margin-bottom: 4px;
max-height: 20px;
line-height: 20px;
}
/*Office Listings Featured Carousel*/
.custom-capture {
bottom: 0;
height: 45px;
left: 0;
margin: 0;
padding: 0 0 0 22px;
right: 0;
/* .background-white-opacity-0-5 {
background-color: @prof_white;
bottom: 0;
left: 0;
opacity: 0.6;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}*/
}
.custom-capture .listing-detail {
color: #000000;
left: 0 !important;
position: relative;
text-align: left !important;
text-shadow: none;
z-index: 2;
padding-top: 9px !important;
/* .outer-box {
position: relative;
width: 400px;
background: blue;
height: 25px;
&:hover {
cursor: default;
.inner-box {
width:auto;
//height: auto;
padding-bottom: 5px;
white-space: normal;
text-overflow: clip;
//max-height: 49px;
max-width: 550px;
transition: max-width 0.40s ease-in, white-space 0.40s ease-in, text-overflow 0.40s ease-out;
-webkit-transition: max-width 0.40s ease-in, white-space 0.40s ease-in, text-overflow 0.40s ease-out;
-moz-transition: max-width 0.40s ease-in, white-space 0.40s ease-in, text-overflow 0.40s ease-out;
-o-transition: max-width 0.40s ease-in, white-space 0.40s ease-in, text-overflow 0.40s ease-out;
}
}
.inner-box {
height: 100%;
left: 0;
right: 0;
position: absolute;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
//background-color: white;
//max-height: 22px;
}
}*/
}
.custom-capture .listing-detail .detail-text.outer-box {
width: 430px;
height: 25px;
overflow: hidden;
}
.custom-capture .listing-detail .icons {
margin-top: -2px;
width: 140px;
}
.custom-capture .listing-detail .icons .icon {
padding-right: 6px;
}
.custom-capture .listing-detail .icons .icon span {
padding-top: 11px;
font-size: 13px;
text-align: right;
line-height: 9px;
padding: 11px 2px 0 0;
float: left;
display: block;
}
.custom-capture .listing-detail .icons .icon img {
float: right;
width: 30px;
}
.custom-capture .view-angle {
padding-right: 10px;
font-size: 16px;
line-height: 27px;
}
.custom-capture .view-angle .fa {
line-height: 25px;
font-size: 22px;
}
.custom-capture .view-angle .fa:before {
content: '\f105';
font-family: fontawesome;
font-size: 26px;
}
#carousel-property .carousel-control {
right: 0;
background-position: center center;
background-repeat: no-repeat;
bottom: 45px;
cursor: pointer;
opacity: 0.5;
position: absolute;
top: 0;
width: 100px;
z-index: 1;
padding-top: 200px;
}
#carousel-property .carousel-control:hover {
opacity: 1;
}
#carousel-property .carousel-control.left:before {
content: '\f104';
font-family: fontawesome;
font-size: 60px;
color: #ec1c24;
}
#carousel-property .carousel-control.right:before {
content: '\f105';
font-family: fontawesome;
font-size: 60px;
color: #ec1c24;
}
#carousel-property .carousel-control .success_error {
text-align: center;
}
.success_error div {
padding: 20px;
/*margin-top: 20px;*/
}
.success_error .success {
border: 1px solid #61ba45;
}
.success_error .error {
border: 1px solid #ec1c24;
}
.required.error {
border: 1px solid #ec1c24 !important;
}
/*All My Property Alert*/
.confirmation-message {
border-bottom: 1px solid #61ba45;
border-top: 1px solid #61ba45;
color: #61ba45;
display: block;
font-family: plau-regular, Arial, Helvetica, sans-serif;
margin: 0 auto 25px;
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
}
/*Articles Keyword Search*/
.articles-page .each-article {
background-color: #ffffff;
clear: both;
display: block;
margin-bottom: 23px;
padding: 19px 14px 10px 33px;
}
.articles-page .each-article .general-content {
padding-right: 75px;
}
.articles-page .heading {
padding-bottom: 26px;
}
/*.articles-page .each-article a {
color: #003370;
font-size: 17px;
font-weight: 600;
margin-bottom: 10px;
display: block;
}
.articles-page .each-article p {
font-size: 17px;
font-weight: 100;
line-height: 33px;
}*/
/*Listings Keyword Search*/
#listings-page.watchlist-container {
float: left;
width: 680px;
}
#listings-page.watchlist-container .listings-container {
padding-left: 50px;
}
/*.register-interest {
#popup-form-container {
padding-bottom: 30px;
}
}*/
#popup-form-container {
/*padding-bottom: 30px;*/
}
#popup-form-container div.send-form-to {
display: none;
}
/*Sold Leased Rented Overlay Listings and Property Details*/
.srl_overlay {
position: absolute;
top: 0;
left: 0;
}
.rental-button {
padding: 8px 10px 6px 14px;
width: 100%;
}
.rental-button a {
color: #ffffff;
font-weight: 500;
}
#application-form-button {
background-color: #ec1c24;
}
#book-viewing-button {
background-color: #1382C5;
}
.fa-share-alt {
color: #ffffff;
font-size: 20px;
}
#function-icons {
position: relative;
}
#share-container {
position: absolute;
right: -75px;
top: 25px;
background-color: #ffffff;
padding: 10px;
box-shadow: 5px 5px 15px -5px #888;
/*display: none;*/
}
#share-container ul li.social-media {
list-style: none;
display: block;
cursor: pointer;
}
#share-container ul li.social-media:not(:last-of-type) {
padding-bottom: 5px;
}
#share-container ul li.social-media .title {
font-size: 13px;
color: #888;
text-transform: none;
font-weight: normal;
cursor: pointer;
}
#share-container ul li.social-media i {
color: #ec1c24;
cursor: pointer;
}
#share-container ul li.social-media a:hover,
#share-container ul li.social-media a:focus {
color: #ec1c24;
text-decoration: none;
}
#share-container ul {
padding-left: 0;
}
#property-details-page .fa-stop {
color: #ec1c24 !important;
}
#site-top-social {
padding-right: 25px;
}
#site-top-social div {
padding-right: 8px;
}
#site-top-social div .fa {
color: #ec1c24;
}
#site-footer-social .fa {
color: #ffffff !important;
}
i.fa.fa-mobile {
font-size: 23px;
padding: 0 4px 0 5px;
}
/*Home Page Split Slideshow Image / Video Sections*/
.carousel-extra-homepage-bottom .carousel-caption {
padding: 9px;
bottom: 0;
left: 0;
font-weight: 600;
color: #ec1c24;
right: 0;
text-align: left;
background-color: rgba(255, 255, 255, 0.8);
text-shadow: none;
background-image: url("/assets/images/red-arrow-right-dropdown.png");
background-size: 17px;
background-repeat: no-repeat;
border-right: 5px solid transparent;
background-position: center right;
}
.carousel-extra-homepage-bottom.carousel .carousel-control {
opacity: 0.2;
}
.carousel-extra-homepage-bottom.carousel .carousel-control.left {
background-image: url("/assets/images/red-left-arrow-large.png") !important;
background-position: center center;
background-repeat: no-repeat;
}
.carousel-extra-homepage-bottom.carousel .carousel-control.right {
background-image: url("/assets/images/red-right-arrow-large.png") !important;
background-position: center center;
background-repeat: no-repeat;
}
.carousel-extra-homepage-bottom.carousel:hover .carousel-control {
opacity: 1;
}
.extra-homepage-content table {
overflow: hidden;
display: block;
}
.extra-homepage-content .carousel-extra-homepage-bottom {
height: 264px;
}
.carousel-extra-homepage-bottom .item {
width: 100%;
height: 264px;
}
.carousel-extra-homepage-bottom .item img {
width: 100%;
}
#logo {
width: 260px;
}
.logo-text {
padding-top: 4px;
color: red;
/*padding-left: 50px;*/
float: right;
padding-right: 19px;
}
.top-menu-container {
width: 100%;
position: fixed;
top: 0;
z-index: 1000;
/*opacity: 0.25;*/
background-color: #f8f8f8;
}
.top-menu-container .top-menu {
opacity: 1;
width: 1020px;
margin: 0 auto;
}
.gradient-test {
width: 500px;
height: 100px;
background: #ec1c24;
background: -webkit-gradient(linear, left top, right top, color-stop(0, #ec1c24), color-stop(1, #c51017));
background: -webkit-linear-gradient(left, #c51017, #ec1c24);
background: -ms-linear-gradient(right, #ec1c24, #c51017);
background: -moz-linear-gradient(center right, #ec1c24 0%, #c51017 100%);
background: -o-linear-gradient(#c51017, #ec1c24);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c51017', endColorstr='#ec1c24', GradientType=0);
}
.skewed-container {
padding-left: 18px;
}
.skewed-container .skewed-div {
/*width: 400px;*/
color: #ffffff !important;
height: 46px;
padding: 10px 10px 10px 16px;
font-size: 18px;
font-family: plau-regular, Arial, Helvetica, sans-serif;
cursor: pointer;
background: #ec1c24;
background: -webkit-gradient(linear, left top, right top, color-stop(0, #ec1c24), color-stop(1, #c51017));
background: -webkit-linear-gradient(left, #c51017, #ec1c24);
background: -ms-linear-gradient(right, #ec1c24, #c51017);
background: -moz-linear-gradient(center right, #ec1c24 0%, #c51017 100%);
background: -o-linear-gradient(#c51017, #ec1c24);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c51017', endColorstr='#ec1c24', GradientType=0);
}
.skewed-container .skewed-div.right-skew {
/*position: relative;*/
}
.skewed-container .skewed-div.right-skew:before {
z-index: 0;
content: '';
position: absolute;
top: 0;
bottom: 0;
right: -15px;
display: block;
width: 35px;
background: #ec1c24;
-webkit-transform: skew(-10deg);
-ms-transform: skew(-10deg);
transform: skew(-10deg);
}
.skewed-container .skewed-div.left-skew {
position: relative;
}
.skewed-container .skewed-div.left-skew:before {
z-index: 0;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -10px;
display: block;
width: 20px;
background: #c51017;
-webkit-transform: skew(-20deg);
-ms-transform: skew(-20deg);
transform: skew(-20deg);
}
button.find-button {
padding-top: 5px;
border: 0;
background: transparent;
width: 122px;
font-size: 40px;
color: #ec1c24;
}
button.find-button i {
padding-top: 5px;
font-size: 45px;
}
/*header {
.keyword-search-container {
padding-top: 22px;
}
}*/
.negative-15px-margin {
margin-top: -15px;
}
.latest-news {
margin-top: 0;
font-size: 20px;
color: #ec1c24;
}
.sold-banner {
position: absolute;
top: 0;
left: 0;
}
.sold-banner .skewed-container {
padding-left: 0;
}
.sold-banner .skewed-container .skewed-div.right-skew {
padding: 10px 22px 10px 36px;
/*position: relative;*/
}
.sold-banner .skewed-container .skewed-div.right-skew:before {
z-index: 0;
content: '';
position: absolute;
top: 0;
bottom: 0;
right: -15px;
display: block;
width: 20px;
background: #ec1c24;
-webkit-transform: skew(-10deg);
-ms-transform: skew(-10deg);
transform: skew(-10deg);
}
.property-details-page .sold-banner {
position: absolute;
top: 0;
left: 0;
}
.property-details-page .sold-banner .skewed-container {
padding: 0;
}
.property-details-page .sold-banner .skewed-container .skewed-div.right-skew {
height: 100% !important;
padding: 0.6em 0.6em 0.6em 1.4em !important;
font-size: 2em;
/*position: relative;*/
}
.property-details-page .sold-banner .skewed-container .skewed-div.right-skew:before {
z-index: 0;
content: '';
position: absolute;
top: 0;
bottom: 0;
right: -1em;
display: block;
width: 1.3em;
background: #ec1c24;
-webkit-transform: skew(-10deg);
-ms-transform: skew(-10deg);
transform: skew(-10deg);
}
/*# sourceMappingURL=desktop.css.map */