html {
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility
}
body {
margin: 0;
-webkit-font-smoothing: antialiased
}
blockquote,
dd,
dl,
dt,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
margin: 0;
padding: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit
}
a {
text-decoration: none;
color: inherit
}
img {
max-width: 100%;
height: auto;
border: 0
}
.gm-style,
.gm-style .gm-style-iw {
font-weight: inherit;
font-family: inherit;
font-display: swap
}
.gm-style .gm-style-iw {
font-size: inherit;
background: transparent;
box-shadow: none;
padding: 0;
border-radius: 0;
overflow: visible
}
.gm-style .gm-style-iw img {
max-width: 100%
}
.gm-style .gm-style-iw-t:after {
display: none
}
.gm-style img {
max-width: none
}
main {
display: block
}
:focus,
:not(a):not(select):not(input):not(textarea):focus {
outline: none
}
::-moz-focus-inner {
border: 0
}
input,
select {
box-sizing: border-box
}
select {
outline: none
}
select:focus::-ms-value {
background: transparent;
color: inherit
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
text-transform: none
}
iframe {
margin: 0;
padding: 0;
border: 0
}
input::placeholder,
textarea::placeholder {
font-style: normal;
font-weight: 400;
color: rgb(var(--color-global-helper))
}
input:focus::placeholder,
textarea:focus::placeholder {
transition: opacity .5s .5s;
opacity: 0
}
input[type=email],
input[type=number],
input[type=password],
input[type=search]::-webkit-search-decoration,
input[type=tel],
input[type=text],
input[type=url],
textarea {
-webkit-appearance: none
}
input[type=search] {
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.reset-style ol,
.reset-style ul {
padding-left: 40px
}
section {
overflow-y: auto
}
.responsive-image-container {
width: 100%
}
.responsive-image-container img {
object-fit: cover
}
.responsive-image-container>div {
position: unset !important
}
.responsive-image-container .image {
object-fit: contain;
width: 100% !important;
position: relative !important;
height: unset !important
}
.global-content,
.in-container {
margin: 0 auto
}
.global-content {
z-index: 2;
background-color: rgb(var(--color-global-body));
position: relative
}
.global-content--behind {
z-index: 1
}
.global-content--overlay {
background-color: rgb(var(--color-global-body))
}
.global-header,
.paw-header {
z-index: 3;
position: relative
}
.global-header.is-on-top,
.paw-header.is-on-top {
position: absolute;
top: 0;
width: 100%
}
.global-header.is-fixed,
.paw-header.is-fixed {
z-index: 999;
width: 100%;
top: 0;
left: 0;
transition: all .2s
}
.global-header.is-above-refinements,
.paw-header.is-above-refinements {
z-index: 9999999
}
@media only screen and (max-width:59.999em) {
.global-header--mobile-first .personalization__menu .icon-person,
.global-header--mobile-first .personalization__menu .icon-user-logged-in,
.paw-header--mobile-first .personalization__menu .icon-person,
.paw-header--mobile-first .personalization__menu .icon-user-logged-in {
font-size: 18px
}
.global-header--mobile-first .global-settings__handle-open-icon,
.paw-header--mobile-first .global-settings__handle-open-icon {
font-size: 20px
}
.global-header--mobile-first .m-quicksearch--flyout-icon .m-quicksearch:not(.m-quicksearch--above-all) .quicksearch__icon,
.paw-header--mobile-first .m-quicksearch--flyout-icon .m-quicksearch:not(.m-quicksearch--above-all) .quicksearch__icon {
font-size: 18px
}
.global-header--mobile-first .m-navigation--with-hamburger .m-primary-nav .icon-menu,
.paw-header--mobile-first .m-navigation--with-hamburger .m-primary-nav .icon-menu {
font-size: 20px
}
}
.global-header--mobile-first .global-header-right-modules,
.paw-header--mobile-first .global-header-right-modules {
margin-bottom: 10px;
margin-top: 20px
}
@media only screen and (min-width:48em)and (max-width:79.999em) {
.global-header--mobile-first .global-header-right-modules,
.paw-header--mobile-first .global-header-right-modules {
margin-top: 10px;
margin-bottom: 0
}
}
@media only screen and (max-width:29.999em) {
.global-header--mobile-first .global-header-right-modules,
.paw-header--mobile-first .global-header-right-modules {
text-align: center
}
}
@media only screen and (min-width:30em)and (max-width:47.999em) {
.global-header--mobile-first .global-header-right-modules__wrapper,
.paw-header--mobile-first .global-header-right-modules__wrapper {
padding-right: 10px
}
.is-rtl .global-header--mobile-first .global-header-right-modules__wrapper,
.is-rtl .paw-header--mobile-first .global-header-right-modules__wrapper {
padding-right: 0;
padding-left: 10px
}
}
@media only screen and (max-width:47.999em) {
.global-header--mobile-first .global-header-right-modules,
.paw-header--mobile-first .global-header-right-modules {
padding-top: 10px;
margin: 0
}
}
@media only screen and (min-width:60em) {
.global-header--mobile-first .global-header-right-modules__wrapper,
.paw-header--mobile-first .global-header-right-modules__wrapper {
padding-right: 20px
}
.is-rtl .global-header--mobile-first .global-header-right-modules__wrapper,
.is-rtl .paw-header--mobile-first .global-header-right-modules__wrapper {
padding-right: 0;
padding-left: 20px
}
.homepage .global-header-right-modules .global-header--mobile-first .global-header-right-modules__wrapper,
.homepage .global-header-right-modules .paw-header--mobile-first .global-header-right-modules__wrapper {
padding-bottom: 0 !important
}
}
@media only screen and (max-width:59.999em) {
.global-header--mobile-first .global-header-left-modules,
.paw-header--mobile-first .global-header-left-modules {
padding-top: 10px
}
}
@media only screen and (max-width:47.999em) {
.paw-header--mobile-first .m-quicksearch--flyout-icon .m-quicksearch:not(.m-quicksearch--above-all) .quicksearch__icon {
padding-left: 10px
}
.is-rtl .paw-header--mobile-first .m-quicksearch--flyout-icon .m-quicksearch:not(.m-quicksearch--above-all) .quicksearch__icon {
padding-left: 0;
padding-right: 10px
}
}
.trap-scroll-locked {
overflow: hidden !important
}
.global-header {
box-shadow: none;
background-color: rgba(var(--color-global-header), var(--global-header-trans-coef))
}
@media only screen and (min-width:80em) {
.global-header {
padding: 10px 0
}
}
.homepage .global-header.no-border-on-homepage {
border: 0
}
.paw-main-header {
padding-top: 10px;
background-color: rgba(var(--color-global-header), var(--paw-header-trans-coef))
}
.paw-header--mobile-first .paw-main-header {
padding-top: 0
}
.paw-sub-header {
padding-right: 10px;
background-color: rgba(var(--color-global-title), var(--paw-subheader-trans-coef))
}
.is-rtl .paw-sub-header {
padding-right: 0;
padding-left: 10px
}
.global-search {
z-index: 3;
position: relative
}
.global-footer {
z-index: 1;
position: relative;
background-color: rgb(var(--color-global-positive));
margin-top: 20px
}
.listingsmeta {
word-wrap: break-word
}
.jpn,
.kor,
.zhs,
.zht {
word-break: keep-all
}
.sticky-layout .sticky-contact-section {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1
}
.reverse-sticky {
display: flex
}
.reverse-sticky .sticky-contact-section {
position: -webkit-sticky;
position: sticky;
bottom: 20px;
top: unset;
align-self: flex-end
}
.associatedetails .global-footer,
.associatedetails .global-header,
.associates .global-footer,
.associates .global-header {
flex-shrink: 0
}
.associatedetails .global-content,
.associates .global-content {
flex-grow: 1
}
body,
html {
font-size: 12px
}
body {
color: rgb(var(--color-global-secondary));
background-color: rgb(var(--color-global-body-background));
font-family: var(--font-family-text);
line-height: 1.375;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
font-display: swap;
font-feature-settings: "lnum";
font-variant-numeric: lining-nums
}
.is-touch-device {
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.h1,
h1 {
font-family: var(--font-family-headings);
font-weight: 600;
font-style: normal;
font-display: swap;
margin-bottom: 10px;
color: rgb(var(--color-global-secondary))
}
@media only screen and (max-width:47.999em) {
.h1,
h1 {
font-size: 1.5em;
line-height: 1.2495
}
}
@media only screen and (min-width:48em)and (max-width:79.999em) {
.h1,
h1 {
font-size: 1.666em;
line-height: 1.1235
}
}
@media only screen and (min-width:80em) {
.h1,
h1 {
font-size: 2em;
line-height: 1.05
}
}
.h2,
h2 {
font-family: var(--font-family-headings);
font-weight: 600;
font-style: normal;
font-display: swap;
color: rgb(var(--color-global-secondary))
}
@media only screen and (max-width:47.999em) {
.h2,
h2 {
font-size: 1.3718em;
line-height: 1.1525
}
}
@media only screen and (min-width:48em)and (max-width:79.999em) {
.h2,
h2 {
font-size: 1.6872em;
line-height: 1.25
}
}
@media only screen and (min-width:80em) {
.h2,
h2 {
font-size: 1.9em;
line-height: 1.25
}
}
.h3,
h3 {
font-family: var(--font-family-headings);
font-weight: 600;
font-style: normal;
font-display: swap;
color: rgb(var(--color-global-secondary))
}
@media only screen and (max-width:47.999em) {
.h3,
h3 {
font-size: 1.0519em;
line-height: 1.135
}
}
@media only screen and (min-width:48em)and (max-width:79.999em) {
.h3,
h3 {
font-size: 1.14838em;
line-height: 1.5
}
}
@media only screen and (min-width:80em) {
.h3,
h3 {
font-size: 1.34em;
line-height: 1.5
}
}
.h4,
h4 {
font-family: var(--font-family-headings);
font-weight: 600;
font-style: normal;
font-display: swap;
color: rgb(var(--color-global-secondary))
}
@media only screen and (max-width:47.999em) {
.h4,
h4 {
font-size: 1.2em;
line-height: 1.1817
}
}
@media only screen and (min-width:48em)and (max-width:79.999em) {
.h4,
h4 {
font-size: 1.2em;
line-height: 1.3
}
}
@media only screen and (min-width:80em) {
.h4,
h4 {
font-size: 1.2em;
line-height: 1.3
}
}
.h5,
h5 {
font-family: var(--font-family-text);
font-weight: 400;
font-style: normal;
font-display: swap;
color: rgb(var(--color-global-secondary))
}
@media only screen and (max-width:47.999em) {
.h5,
h5 {
font-size: .9em;
line-height: 1.2992
}
}
@media only screen and (min-width:48em)and (max-width:79.999em) {
.h5,
h5 {
font-size: .9em;
line-height: 1.4
}
}
@media only screen and (min-width:80em) {
.h5,
h5 {
font-size: .9em;
line-height: 1.4
}
}
.h6,
h6 {
font-family: var(--font-family-text);
font-weight: 400;
font-style: normal;
font-display: swap;
color: rgb(var(--color-global-secondary))
}
@media only screen and (max-width:47.999em) {
.h6,
h6 {
font-size: 1em;
line-height: 1.392
}
}
@media only screen and (min-width:48em)and (max-width:79.999em) {
.h6,
h6 {
font-size: 1em;
line-height: 1.5
}
}
@media only screen and (min-width:80em) {
.h6,
h6 {
font-size: 1em;
line-height: 1.5
}
}
.p,
p {
font-family: var(--font-family-text);
font-weight: 400;
font-style: normal;
font-display: swap;
color: rgb(var(--color-global-secondary))
}
@media only screen and (max-width:47.999em) {
.p,
p {
font-size: 1em;
line-height: 1.2992
}
}
@media only screen and (min-width:48em)and (max-width:79.999em) {
.p,
p {
font-size: 1em;
line-height: 1.4
}
}
@media only screen and (min-width:80em) {
.p,
p {
font-size: 1em;
line-height: 1.4
}
}
select {
font-size: inherit;
max-width: 100%;
visibility: hidden
}
input:not([type=checkbox]),
textarea {
width: 100%;
max-width: 100%
}
textarea {
min-width: 100%;
min-height: 100px;
overflow: auto
}
a {
cursor: pointer
}
a,
a:hover {
color: rgb(var(--color-global-secondary))
}
.text-color-positive {
color: rgb(var(--color-global-positive))
}
.text-color-negative {
color: rgb(var(--color-global-secondary))
}
.background-color-positive {
color: rgb(var(--color-global-positive))
}
.background-color-negative {
color: #000
}
.btn__icon-arrow:before,
.icon {
font-family: icons;
font-feature-settings: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
font-display: swap
}
.btn__icon-arrow:before,
.icon,
.icon-map-glyphs {
display: inline-block;
line-height: 1;
font-weight: 400;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-moz-osx-font-smoothing: grayscale
}
.icon-map-glyphs {
font-family: icon-map-glyph;
font-feature-settings: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
font-display: swap
}
@font-face {
font-family: icons;
src: url(https://awsstatic-sothebys-react-production.gtsstatic.net/_next/static/media/icons.1134bc1e.woff2) format("woff2"), url(https://awsstatic-sothebys-react-production.gtsstatic.net/_next/static/media/icons.88edc04b.woff) format("woff"), url(https://awsstatic-sothebys-react-production.gtsstatic.net/_next/static/media/icons.043c61d4.ttf) format("truetype"), url(https://awsstatic-sothebys-react-production.gtsstatic.net/_next/static/media/icons.dbd87438.svg) format("svg");
font-display: block
}
i[class*=" icon-"]:before,
i[class^=icon-]:before {
font-family: icons !important;
font-style: normal;
font-weight: 400 !important;
font-feature-settings: normal;
font-variant: normal;
font-display: block;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-404:before {
content: ""
}
.icon-410:before {
content: ""
}
.icon-add:before {
content: ""
}
.icon-agent:before {
content: ""
}
.icon-alert:before {
content: ""
}
.icon-appleid:before {
content: ""
}
.icon-arrow-down-full:before {
content: ""
}
.icon-arrow-down-slim:before {
content: ""
}
.icon-arrow-down-triangle:before {
content: ""
}
.icon-arrow-down:before {
content: ""
}
.icon-arrow-editable:before {
content: ""
}
.icon-arrow-expand:before {
content: ""
}
.icon-arrow-left-custom:before {
content: ""
}
.icon-arrow-left-full:before {
content: ""
}
.icon-arrow-left-slim:before {
content: ""
}
.icon-arrow-left-small:before {
content: ""
}
.icon-arrow-left:before {
content: ""
}
.icon-arrow-long-left:before {
content: ""
}
.icon-arrow-long-right:before {
content: ""
}
.icon-arrow-right-custom:before {
content: ""
}
.icon-arrow-right-full:before {
content: ""
}
.icon-arrow-right-slim-modern:before {
content: ""
}
.icon-arrow-right-slim:before {
content: ""
}
.icon-arrow-right-small:before {
content: ""
}
.icon-arrow-right:before {
content: ""
}
.icon-arrow-up-double-full:before {
content: ""
}
.icon-arrow-up-full:before {
content: ""
}
.icon-arrow-up:before {
content: ""
}
.icon-arroweditable:before {
content: ""
}
.icon-arrows:before {
content: ""
}
.icon-attention-triangle:before {
content: ""
}
.icon-attention:before {
content: ""
}
.icon-back:before {
content: ""
}
.icon-bath:before {
content: ""
}
.icon-bed:before {
content: ""
}
.icon-bell:before {
content: ""
}
.icon-bike:before {
content: ""
}
.icon-blog:before {
content: ""
}
.icon-boundary-1:before {
content: ""
}
.icon-boy:before {
content: ""
}
.icon-building:before {
content: ""
}
.icon-buildings:before {
content: ""
}
.icon-calculator:before {
content: ""
}
.icon-calendar-2:before {
content: ""
}
.icon-calendar:before {
content: ""
}
.icon-call:before {
content: ""
}
.icon-car:before {
content: ""
}
.icon-change-direction-reversed:before {
content: ""
}
.icon-change-direction:before {
content: ""
}
.icon-checked-fill:before {
content: ""
}
.icon-checked:before {
content: ""
}
.icon-chevron-left:before {
content: ""
}
.icon-chevron-right:before {
content: ""
}
.icon-chevron:before {
content: ""
}
.icon-chevronthinleft:before {
content: ""
}
.icon-chevronthinright:before {
content: ""
}
.icon-clock-slim:before {
content: ""
}
.icon-close-slim:before {
content: ""
}
.icon-close:before {
content: ""
}
.icon-cloud-search:before {
content: ""
}
.icon-collapsed:before {
content: ""
}
.icon-comment:before {
content: ""
}
.icon-comments:before {
content: ""
}
.icon-compare:before {
content: ""
}
.icon-courtesy:before {
content: ""
}
.icon-currentlocation:before {
content: ""
}
.icon-delete:before {
content: ""
}
.icon-directions:before {
content: ""
}
.icon-disclaimer:before {
content: ""
}
.icon-down:before {
content: ""
}
.icon-draw:before {
content: ""
}
.icon-earth:before {
content: ""
}
.icon-edit:before {
content: ""
}
.icon-energy-certificates:before {
content: ""
}
.icon-expand-down:before {
content: ""
}
.icon-expand:before {
content: ""
}
.icon-extend:before {
content: ""
}
.icon-external-link-alt:before {
content: ""
}
.icon-external-link:before {
content: ""
}
.icon-eye-off:before {
content: ""
}
.icon-eye:before {
content: ""
}
.icon-facebook-2:before {
content: ""
}
.icon-facebook-3:before {
content: ""
}
.icon-facebook:before {
content: ""
}
.icon-filter-more-reverse:before {
content: ""
}
.icon-filter-more:before {
content: ""
}
.icon-filter:before {
content: ""
}
.icon-flag-market:before {
content: ""
}
.icon-flag:before {
content: ""
}
.icon-flickr:before {
content: ""
}
.icon-flipbook:before {
content: ""
}
.icon-floor-plan:before {
content: ""
}
.icon-floorplan:before {
content: ""
}
.icon-full-screen:before {
content: ""
}
.icon-funnel:before {
content: ""
}
.icon-gallery-carousel:before {
content: ""
}
.icon-gallery-view:before {
content: ""
}
.icon-gallery:before {
content: ""
}
.icon-gas:before {
content: ""
}
.icon-gear:before {
content: ""
}
.icon-girl:before {
content: ""
}
.icon-globe:before {
content: ""
}
.icon-google:before {
content: ""
}
.icon-heart-saved:before {
content: ""
}
.icon-heart:before {
content: ""
}
.icon-house-1-full:before {
content: ""
}
.icon-house-2-full:before {
content: ""
}
.icon-house-frame:before {
content: ""
}
.icon-house-small-2:before {
content: ""
}
.icon-house-small:before {
content: ""
}
.icon-house-value-2:before {
content: ""
}
.icon-house-value:before {
content: ""
}
.icon-house:before {
content: ""
}
.icon-info:before {
content: ""
}
.icon-instagram:before {
content: ""
}
.icon-language:before {
content: ""
}
.icon-link:before {
content: ""
}
.icon-linkedin:before {
content: ""
}
.icon-list-view-1:before {
content: ""
}
.icon-list-view-full:before {
content: ""
}
.icon-list-view:before {
content: ""
}
.icon-location-target:before {
content: ""
}
.icon-location:before {
content: ""
}
.icon-log-in:before {
content: ""
}
.icon-log-out:before {
content: ""
}
.icon-login-close:before {
content: ""
}
.icon-login:before {
content: ""
}
.icon-mail-line:before {
content: ""
}
.icon-mail-slim:before {
content: ""
}
.icon-mail:before {
content: ""
}
.icon-map-glyph-bank:before {
content: ""
}
.icon-map-glyph-building-full:before {
content: ""
}
.icon-map-glyph-building:before {
content: ""
}
.icon-map-glyph-community:before {
content: ""
}
.icon-map-glyph-flag:before {
content: ""
}
.icon-map-glyph-full-screen-exit:before {
content: ""
}
.icon-map-glyph-full-screen:before {
content: ""
}
.icon-map-glyph-gas:before {
content: ""
}
.icon-map-glyph-groceries:before {
content: ""
}
.icon-map-glyph-house-1:before {
content: ""
}
.icon-map-glyph-house-2-full:before {
content: ""
}
.icon-map-glyph-house-2:before {
content: ""
}
.icon-map-glyph-house-3:before {
content: ""
}
.icon-map-glyph-multiple-listings-2:before {
content: ""
}
.icon-map-glyph-multiple-listings:before {
content: ""
}
.icon-map-glyph-open-house:before {
content: ""
}
.icon-map-glyph-pin-checkbox-square-checked:before {
content: ""
}
.icon-map-glyph-pin-checkbox-square:before {
content: ""
}
.icon-map-glyph-pin-checkbox:before {
content: ""
}
.icon-map-glyph-pin-circle:before {
content: ""
}
.icon-map-glyph-pin-cluster:before {
content: ""
}
.icon-map-glyph-pin-hexagon:before {
content: ""
}
.icon-map-glyph-pin-plus:before {
content: ""
}
.icon-map-glyph-pin-simple:before {
content: ""
}
.icon-map-glyph-pin-square:before {
content: ""
}
.icon-map-glyph-pin-target:before {
content: ""
}
.icon-map-glyph-pin:before {
content: ""
}
.icon-map-glyph-radius-center:before {
content: ""
}
.icon-map-glyph-radius-resize:before {
content: ""
}
.icon-map-glyph-restaurant:before {
content: ""
}
.icon-map-glyph-school:before {
content: ""
}
.icon-map-glyph-unknown:before {
content: ""
}
.icon-map-glyph-zip-target-2:before {
content: ""
}
.icon-map-glyph-zip-target:before {
content: ""
}
.icon-map-glyph-zip:before {
content: ""
}
.icon-map-slim:before {
content: ""
}
.icon-map-view-full:before {
content: ""
}
.icon-map-view:before {
content: ""
}
.icon-market-data:before {
content: ""
}
.icon-matterPort3dVR:before {
content: ""
}
.icon-median:before {
content: ""
}
.icon-menu-slim:before {
content: ""
}
.icon-menu-spaced:before {
content: ""
}
.icon-menu:before {
content: ""
}
.icon-message:before {
content: ""
}
.icon-minus-1:before {
content: ""
}
.icon-minus:before {
content: ""
}
.icon-multiple-listings:before {
content: ""
}
.icon-pan:before {
content: ""
}
.icon-pause-2:before {
content: ""
}
.icon-pause-thin:before {
content: ""
}
.icon-pause:before {
content: ""
}
.icon-pdf:before {
content: ""
}
.icon-person-2:before {
content: ""
}
.icon-person:before {
content: ""
}
.icon-phone-2:before {
content: ""
}
.icon-phone-classic-full:before {
content: ""
}
.icon-phone-classic:before {
content: ""
}
.icon-phone-slim:before {
content: ""
}
.icon-phone:before {
content: ""
}
.icon-photo:before {
content: ""
}
.icon-pin:before {
content: ""
}
.icon-pinterest-2:before {
content: ""
}
.icon-pinterest:before {
content: ""
}
.icon-play-empty:before {
content: ""
}
.icon-play-round-2:before {
content: ""
}
.icon-play-round:before {
content: ""
}
.icon-play-square:before {
content: ""
}
.icon-plus-1:before {
content: ""
}
.icon-plus:before {
content: ""
}
.icon-portfolio:before {
content: ""
}
.icon-preferences:before {
content: ""
}
.icon-printer:before {
content: ""
}
.icon-profile-login:before {
content: ""
}
.icon-quote:before {
content: ""
}
.icon-radius:before {
content: ""
}
.icon-refine:before {
content: ""
}
.icon-remove-2:before {
content: ""
}
.icon-remove:before {
content: ""
}
.icon-restaurant:before {
content: ""
}
.icon-return:before {
content: ""
}
.icon-ribbon:before {
content: ""
}
.icon-rotate:before {
content: ""
}
.icon-rss:before {
content: ""
}
.icon-school:before {
content: ""
}
.icon-schools:before {
content: ""
}
.icon-search-slim:before {
content: ""
}
.icon-search:before {
content: ""
}
.icon-share-slim:before {
content: ""
}
.icon-share:before {
content: ""
}
.icon-sign-up-slim:before {
content: ""
}
.icon-sign-up:before {
content: ""
}
.icon-split-view:before {
content: ""
}
.icon-star-empty:before {
content: ""
}
.icon-star-half:before {
content: ""
}
.icon-star:before {
content: ""
}
.icon-stop:before {
content: ""
}
.icon-street-view:before {
content: ""
}
.icon-switch:before {
content: ""
}
.icon-tag:before {
content: ""
}
.icon-texticon:before {
content: ""
}
.icon-toggle-fullscreen:before {
content: ""
}
.icon-transit:before {
content: ""
}
.icon-trash:before {
content: ""
}
.icon-tumblr:before {
content: ""
}
.icon-twitter-old:before {
content: ""
}
.icon-twitter:before {
content: ""
}
.icon-units:before {
content: ""
}
.icon-up:before {
content: ""
}
.icon-upload:before {
content: ""
}
.icon-user-logged-in:before {
content: ""
}
.icon-vcard:before {
content: ""
}
.icon-video-play:before {
content: ""
}
.icon-video:before {
content: ""
}
.icon-vimeo:before {
content: ""
}
.icon-virtual-tour-atom:before {
content: ""
}
.icon-virtual-tour:before {
content: ""
}
.icon-volume-mute:before {
content: ""
}
.icon-volume:before {
content: ""
}
.icon-walk:before {
content: ""
}
.icon-wechat:before {
content: ""
}
.icon-wordpress:before {
content: ""
}
.icon-world:before {
content: ""
}
.icon-yelp:before {
content: ""
}
.icon-youtube-2:before {
content: ""
}
.icon-youtube:before {
content: ""
}
.icon-zoomin-slim:before {
content: ""
}
.icon-zoomin:before {
content: ""
}
.icon-zoomout-slim:before {
content: ""
}
.icon-zoomout:before {
content: ""
}
.icon-zoomreset:before {
content: ""
}
@font-face {
font-family: icon-map-glyph;
src: url(https://awsstatic-sothebys-react-production.gtsstatic.net/_next/static/media/icon-map-glyph.7501883c.woff2) format("woff2"), url(https://awsstatic-sothebys-react-production.gtsstatic.net/_next/static/media/icon-map-glyph.f6c2f5f8.woff) format("woff"), url(https://awsstatic-sothebys-react-production.gtsstatic.net/_next/static/media/icon-map-glyph.bc9175ca.ttf) format("truetype"), url(https://awsstatic-sothebys-react-production.gtsstatic.net/_next/static/media/icon-map-glyph.89a6b629.svg) format("svg");
font-display: block
}
i[class*=" icon-map-glyph-"]:before,
i[class^=icon-map-glyph-]:before {
font-family: icon-map-glyph !important;
font-style: normal;
font-weight: 400 !important;
font-feature-settings: normal;
font-variant: normal;
font-display: block;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-map-glyph-bank:before {
content: ""
}
.icon-map-glyph-building-full:before {
content: ""
}
.icon-map-glyph-building:before {
content: ""
}
.icon-map-glyph-community:before {
content: ""
}
.icon-map-glyph-flag:before {
content: ""
}
.icon-map-glyph-full-screen-exit:before {
content: ""
}
.icon-map-glyph-full-screen:before {
content: ""
}
.icon-map-glyph-gas:before {
content: ""
}
.icon-map-glyph-groceries:before {
content: ""
}
.icon-map-glyph-house-1:before {
content: ""
}
.icon-map-glyph-house-2-full:before {
content: ""
}
.icon-map-glyph-house-2:before {
content: ""
}
.icon-map-glyph-house-3:before {
content: ""
}
.icon-map-glyph-multiple-listings-2:before {
content: ""
}
.icon-map-glyph-multiple-listings:before {
content: ""
}
.icon-map-glyph-open-house:before {
content: ""
}
.icon-map-glyph-pin-checkbox-square-checked:before {
content: ""
}
.icon-map-glyph-pin-checkbox-square:before {
content: ""
}
.icon-map-glyph-pin-checkbox:before {
content: ""
}
.icon-map-glyph-pin-circle:before {
content: ""
}
.icon-map-glyph-pin-cluster:before {
content: ""
}
.icon-map-glyph-pin-hexagon:before {
content: ""
}
.icon-map-glyph-pin-plus:before {
content: ""
}
.icon-map-glyph-pin-simple:before {
content: ""
}
.icon-map-glyph-pin-square:before {
content: ""
}
.icon-map-glyph-pin-target:before {
content: ""
}
.icon-map-glyph-pin:before {
content: ""
}
.icon-map-glyph-radius-center:before {
content: ""
}
.icon-map-glyph-radius-resize:before {
content: ""
}
.icon-map-glyph-restaurant:before {
content: ""
}
.icon-map-glyph-school:before {
content: ""
}
.icon-map-glyph-unknown:before {
content: ""
}
.icon-map-glyph-zip-target-2:before {
content: ""
}
.icon-map-glyph-zip-target:before {
content: ""
}
.icon-map-glyph-zip:before {
content: ""
}
.u-width-zero {
width: 0 !important;
overflow: hidden
}
.u-height-zero {
height: 0;
min-height: 0 !important
}
.u-visibility--hidden {
visibility: hidden
}
.u-font-weight-semibold {
font-weight: 600 !important
}
.u-font-weight-medium {
font-weight: 500 !important
}
.u-text-size-s {
font-size: 1em !important
}
@media only screen and (max-width:47.999em) {
.u-text-size-s {
font-size: 1.165em !important
}
}
@media only screen and (min-width:48em)and (max-width:79.999em) {
.u-text-size-s {
font-size: 1em !important
}
}
@media only screen and (min-width:80em) {
.u-text-size-s {
font-size: 1em !important
}
}
.u-text-size-l {
font-size: 1.167em !important
}
@media only screen and (max-width:47.999em) {
.u-text-size-l {
font-size: 1.359555em !important
}
}
@media only screen and (min-width:48em)and (max-width:79.999em) {
.u-text-size-l {
font-size: 1.167em !important
}
}
@media only screen and (min-width:80em) {
.u-text-size-l {
font-size: 1.167em !important
}
}
.u-text-size-xl {
font-size: 1.23em !important
}
@media only screen and (max-width:47.999em) {
.u-text-size-xl {
font-size: 1.43295em !important
}
}
@media only screen and (min-width:48em)and (max-width:79.999em) {
.u-text-size-xl {
font-size: 1.23em !important
}
}
@media only screen and (min-width:80em) {
.u-text-size-xl {
font-size: 1.23em !important
}
}
.u-text-align-right {
text-align: right !important
}
.is-rtl .u-text-align-right {
text-align: left !important
}
.u-text-align-center {
text-align: center !important
}
.u-overflow-x-hidden {
overflow-x: hidden
}
.u-separator {
vertical-align: middle;
display: inline-block;
padding: 0 5px
}
.u-separator--small {
font-size: 9px
}
.u-separator--big-space {
padding: 0 10px
}
.range-values .u-separator {
padding: 0 2.5px
}
.u-text-ellipsis {
text-overflow: ellipsis !important;
white-space: nowrap !important;
overflow: hidden !important;
display: block !important
}
.u-text-ellipsis--inline {
display: inline-block !important
}
.u-text-ellipsis em {
padding-right: 2px
}
.is-rtl .u-text-ellipsis em {
padding-right: 0;
padding-left: 2px
}
.u-margin-top {
margin-top: 20px !important
}
.u-margin-right {
margin-right: 20px !important
}
.is-rtl .u-margin-right {
margin-right: 0 !important;
margin-left: 20px !important
}
@media screen and (min-width:0\0) {
.is-rtl .u-margin-right {
margin-right: 0 !important
}
}
.u-margin-bottom {
margin-bottom: 20px !important
}
.u-margin-left {
margin-left: 20px !important
}
.is-rtl .u-margin-left {
margin-left: 0 !important;
margin-right: 20px !important
}
@media screen and (min-width:0\0) {
.is-rtl .u-margin-left {
margin-left: 0 !important
}
}
.u-margin-all {
margin: 20px !important
}
.u-halfmargin-top {
margin-top: 10px !important
}
.u-halfmargin-right {
margin-right: 10px !important
}
.is-rtl .u-halfmargin-right {
margin-right: 0 !important;
margin-left: 10px !important
}
@media screen and (min-width:0\0) {
.is-rtl .u-halfmargin-right {
margin-right: 0 !important
}
}
.u-halfmargin-bottom {
margin-bottom: 10px !important
}
.u-halfmargin-left {
margin-left: 10px !important
}
.is-rtl .u-halfmargin-left {
margin-left: 0 !important;
margin-right: 10px !important
}
@media screen and (min-width:0\0) {
.is-rtl .u-halfmargin-left {
margin-left: 0 !important
}
}
.u-halfmargin-all {
margin: 10px !important
}
.u-quartermargin-top {
margin-top: 5px !important
}
.u-quartermargin-right {
margin-right: 5px !important
}
.is-rtl .u-quartermargin-right {
margin-right: 0 !important;
margin-left: 5px !important
}
@media screen and (min-width:0\0) {
.is-rtl .u-quartermargin-right {
margin-right: 0 !important
}
}
.u-quartermargin-bottom {
margin-bottom: 5px !important
}
.u-quartermargin-left {
margin-left: 5px !important
}
.is-rtl .u-quartermargin-left {
margin-left: 0 !important;
margin-right: 5px !important
}
@media screen and (min-width:0\0) {
.is-rtl .u-quartermargin-left {
margin-left: 0 !important
}
}
.u-quartermargin-all {
margin: 5px !important
}
.u-doublemargin-top {
margin-top: 40px !important
}
.u-doublemargin-right {
margin-right: 40px !important
}
.is-rtl .u-doublemargin-right {
margin-right: 0 !important;
margin-left: 40px !important
}
@media screen and (min-width:0\0) {
.is-rtl .u-doublemargin-right {
margin-right: 0 !important
}
}
.u-doublemargin-bottom {
margin-bottom: 40px !important
}
.u-doublemargin-left {
margin-left: 40px !important
}
.is-rtl .u-doublemargin-left {
margin-left: 0 !important;
margin-right: 40px !important
}
@media screen and (min-width:0\0) {
.is-rtl .u-doublemargin-left {
margin-left: 0 !important
}
}
.u-doublemargin-all {
margin: 40px !important
}
.u-nomargin-top {
margin-top: 0 !important
}
.u-nomargin-right {
margin-right: 0 !important
}
.is-rtl .u-nomargin-right {
margin-right: 0 !important;
margin-left: 0 !important
}
@media screen and (min-width:0\0) {
.is-rtl .u-nomargin-right {
margin-right: 0 !important
}
}
.u-nomargin-bottom {
margin-bottom: 0 !important
}
.u-nomargin-left {
margin-left: 0 !important
}
.is-rtl .u-nomargin-left {
margin-left: 0 !important;
margin-right: 0 !important
}
@media screen and (min-width:0\0) {
.is-rtl .u-nomargin-left {
margin-left: 0 !important
}
}
.u-nomargin-all {
margin: 0 !important
}
.u-padding-top {
padding-top: 20px !important
}
.u-padding-right {
padding-right: 20px !important
}
.is-rtl .u-padding-right {
padding-right: 0 !important;
padding-left: 20px !important
}
.u-padding-bottom {
padding-bottom: 20px !important
}
.u-padding-left {
padding-left: 20px !important
}
.is-rtl .u-padding-left {
padding-left: 0 !important;
padding-right: 20px !important
}
.u-padding-all {
padding: 20px !important
}
.u-halfpadding-top {
padding-top: 10px !important
}
.u-halfpadding-right {
padding-right: 10px !important
}
.is-rtl .u-halfpadding-right {
padding-right: 0 !important;
padding-left: 10px !important
}
.u-halfpadding-bottom {
padding-bottom: 10px !important
}
.u-halfpadding-all {
padding: 10px !important
}
.u-quarterpadding-top {
padding-top: 5px !important
}
.u-quarterpadding-right {
padding-right: 5px !important
}
.is-rtl .u-quarterpadding-right {
padding-right: 0 !important;
padding-left: 5px !important
}
.u-quarterpadding-bottom {
padding-bottom: 5px !important
}
.u-quarterpadding-left {
padding-left: 5px !important
}
.is-rtl .u-quarterpadding-left {
padding-left: 0 !important;
padding-right: 5px !important
}
.u-quarterpadding-all {
padding: 5px !important
}
.u-doublepadding-top {
padding-top: 40px !important
}
.u-doublepadding-right {
padding-right: 40px !important
}
.is-rtl .u-doublepadding-right {
padding-right: 0 !important;
padding-left: 40px !important
}
.u-doublepadding-bottom {
padding-bottom: 40px !important
}
.u-doublepadding-left {
padding-left: 40px !important
}
.is-rtl .u-doublepadding-left {
padding-left: 0 !important;
padding-right: 40px !important
}
.u-doublepadding-all {
padding: 40px !important
}
.u-nopadding-top {
padding-top: 0 !important
}
.u-nopadding-right {
padding-right: 0 !important
}
.is-rtl .u-nopadding-right {
padding-right: 0 !important;
padding-left: 0 !important
}
.u-nopadding-left {
padding-left: 0 !important
}
.is-rtl .u-nopadding-left {
padding-left: 0 !important;
padding-right: 0 !important
}
.u-nopadding-all {
padding: 0 !important
}
.u-nopadding-bottom {
padding-bottom: 0 !important
}
.u-position-bottom {
bottom: 0 !important
}
.u-border-top {
border-top: 1px solid rgb(var(--color-global-border)) !important
}
.u-border-bottom {
border-bottom: 1px solid rgb(var(--color-global-border)) !important
}
.u-halfpadding-left {
padding-left: 10px !important
}
.is-rtl .u-halfpadding-left {
padding-left: 0 !important;
padding-right: 10px !important
}
.u-ar {
position: relative;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
overflow: hidden
}
.u-ar__16-9 {
padding-top: 56.25%
}
.u-ar__1-1 {
padding-top: 100%
}
.u-ar__2-1 {
padding-top: 50%
}
.u-ar__3-1 {
padding-top: 33%
}
.u-ar__3-2 {
padding-top: 66.66%
}
.u-ar__4-1 {
padding-top: 25%
}
.u-ar__4-3 {
padding-top: 75%
}
.u-ar__5-1 {
padding-top: 20%
}
.u-ar__5-2 {
padding-top: 40%
}
.u-ar__5-4 {
padding-top: 80%
}
.u-ar__21-9 {
padding-top: 42.86%
}
.u-ar__8-3 {
padding-top: 37.5%
}
.u-ar__11-10 {
padding-top: 90%
}
.u-ar__portrait {
padding-top: 125%
}
@media only screen and (max-width:29.999em) {
.u-ar__16-9--palm {
padding-top: 56.25%
}
.u-ar__1-1--palm {
padding-top: 100%
}
.u-ar__2-1--palm {
padding-top: 50%
}
.u-ar__3-1--palm {
padding-top: 33%
}
.u-ar__3-2--palm {
padding-top: 66.66%
}
.u-ar__4-1--palm {
padding-top: 25%
}
.u-ar__4-3--palm {
padding-top: 75%
}
.u-ar__5-1--palm {
padding-top: 20%
}
.u-ar__5-2--palm {
padding-top: 40%
}
.u-ar__5-4--palm {
padding-top: 80%
}
.u-ar__21-9--palm {
padding-top: 42.86%
}
.u-ar__8-3--palm {
padding-top: 37.5%
}
.u-ar__11-10--palm {
padding-top: 90%
}
.u-ar__portrait--palm {
padding-top: 125%
}
}
@media only screen and (min-width:30em)and (max-width:47.999em) {
.u-ar__16-9--palm-wide {
padding-top: 56.25%
}
.u-ar__1-1--palm-wide {
padding-top: 100%
}
.u-ar__2-1--palm-wide {
padding-top: 50%
}
.u-ar__3-1--palm-wide {
padding-top: 33%
}
.u-ar__3-2--palm-wide {
padding-top: 66.66%
}
.u-ar__4-1--palm-wide {
padding-top: 25%
}
.u-ar__4-3--palm-wide {
padding-top: 75%
}
.u-ar__5-1--palm-wide {
padding-top: 20%
}
.u-ar__5-2--palm-wide {
padding-top: 40%
}
.u-ar__5-4--palm-wide {
padding-top: 80%
}
.u-ar__21-9--palm-wide {
padding-top: 42.86%
}
.u-ar__8-3--palm-wide {
padding-top: 37.5%
}
.u-ar__11-10--palm-wide {
padding-top: 90%
}
.u-ar__portrait--palm-wide {
padding-top: 125%
}
}
@media only screen and (min-width:48em)and (max-width:59.999em) {
.u-ar__16-9--lap {
padding-top: 56.25%
}
.u-ar__1-1--lap {
padding-top: 100%
}
.u-ar__2-1--lap {
padding-top: 50%
}
.u-ar__3-1--lap {
padding-top: 33%
}
.u-ar__3-2--lap {
padding-top: 66.66%
}
.u-ar__4-1--lap {
padding-top: 25%
}
.u-ar__4-3--lap {
padding-top: 75%
}
.u-ar__5-1--lap {
padding-top: 20%
}
.u-ar__5-2--lap {
padding-top: 40%
}
.u-ar__5-4--lap {
padding-top: 80%
}
.u-ar__21-9--lap {
padding-top: 42.86%
}
.u-ar__8-3--lap {
padding-top: 37.5%
}
.u-ar__11-10--lap {
padding-top: 90%
}
.u-ar__portrait--lap {
padding-top: 125%
}
}
@media only screen and (min-width:60em)and (max-width:79.999em) {
.u-ar__16-9--lap-wide {
padding-top: 56.25%
}
.u-ar__1-1--lap-wide {
padding-top: 100%
}
.u-ar__2-1--lap-wide {
padding-top: 50%
}
.u-ar__3-1--lap-wide {
padding-top: 33%
}
.u-ar__3-2--lap-wide {
padding-top: 66.66%
}
.u-ar__4-1--lap-wide {
padding-top: 25%
}
.u-ar__4-3--lap-wide {
padding-top: 75%
}
.u-ar__5-1--lap-wide {
padding-top: 20%
}
.u-ar__5-2--lap-wide {
padding-top: 40%
}
.u-ar__5-4--lap-wide {
padding-top: 80%
}
.u-ar__21-9--lap-wide {
padding-top: 42.86%
}
.u-ar__8-3--lap-wide {
padding-top: 37.5%
}
.u-ar__11-10--lap-wide {
padding-top: 90%
}
.u-ar__portrait--lap-wide {
padding-top: 125%
}
}
@media only screen and (min-width:80em)and (max-width:104.999em) {
.u-ar__16-9--desk {
padding-top: 56.25%
}
.u-ar__1-1--desk {
padding-top: 100%
}
.u-ar__2-1--desk {
padding-top: 50%
}
.u-ar__3-1--desk {
padding-top: 33%
}
.u-ar__3-2--desk {
padding-top: 66.66%
}
.u-ar__4-1--desk {
padding-top: 25%
}
.u-ar__4-3--desk {
padding-top: 75%
}
.u-ar__5-1--desk {
padding-top: 20%
}
.u-ar__5-2--desk {
padding-top: 40%
}
.u-ar__5-4--desk {
padding-top: 80%
}
.u-ar__21-9--desk {
padding-top: 42.86%
}
.u-ar__8-3--desk {
padding-top: 37.5%
}
.u-ar__11-10--desk {
padding-top: 90%
}
.u-ar__portrait--desk {
padding-top: 125%
}
}
@media only screen and (min-width:105em)and (max-width:120em) {
.u-ar__16-9--desk-wide {
padding-top: 56.25%
}
.u-ar__1-1--desk-wide {
padding-top: 100%
}
.u-ar__2-1--desk-wide {
padding-top: 50%
}
.u-ar__3-1--desk-wide {
padding-top: 33%
}
.u-ar__3-2--desk-wide {
padding-top: 66.66%
}
.u-ar__4-1--desk-wide {
padding-top: 25%
}
.u-ar__4-3--desk-wide {
padding-top: 75%
}
.u-ar__5-1--desk-wide {
padding-top: 20%
}
.u-ar__5-2--desk-wide {
padding-top: 40%
}
.u-ar__5-4--desk-wide {
padding-top: 80%
}
.u-ar__21-9--desk-wide {
padding-top: 42.86%
}
.u-ar__8-3--desk-wide {
padding-top: 37.5%
}
.u-ar__11-10--desk-wide {
padding-top: 90%
}
.u-ar__portrait--desk-wide {
padding-top: 125%
}
}
@media only screen and (min-width:120.001em) {
.u-ar__16-9--desk-large {
padding-top: 56.25%
}
.u-ar__1-1--desk-large {
padding-top: 100%
}
.u-ar__2-1--desk-large {
padding-top: 50%
}
.u-ar__3-1--desk-large {
padding-top: 33%
}
.u-ar__3-2--desk-large {
padding-top: 66.66%
}
.u-ar__4-1--desk-large {
padding-top: 25%
}
.u-ar__4-3--desk-large {
padding-top: 75%
}
.u-ar__5-1--desk-large {
padding-top: 20%
}
.u-ar__5-2--desk-large {
padding-top: 40%
}
.u-ar__5-4--desk-large {
padding-top: 80%
}
.u-ar__21-9--desk-large {
padding-top: 42.86%
}
.u-ar__8-3--desk-large {
padding-top: 37.5%
}
.u-ar__11-10--desk-large {
padding-top: 90%
}
.u-ar__portrait--desk-large {
padding-top: 125%
}
}
.u-ar__content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
line-height: 1.375
}
.u-hide {
display: none !important
}
.u-hide--only-frontend {
display: none
}
.u-flexbox {
display: flex !important
}
.u-flexbox--center {
align-items: center
}
.u-flexbox--space-between {
justify-content: space-between
}
.u-flexbox--space-center {
justify-content: center
}
.u-flexbox--space-start {
justify-content: start
}
.u-flexbox--wrap {
flex-wrap: wrap
}
.u-flexbox .can-shrink {
flex-shrink: 1
}
.u-flexbox .can-grow {
flex-grow: 1
}
.u-flexbox .half-basis {
flex-basis: 50%
}
.u-flexbox .full-basis {
flex-basis: 100%
}
.u-flexbox--vertical {
flex-direction: column
}
@media only screen and (min-width:48em)and (max-width:59.999em) {
.u-flexbox--vertical-lap {
flex-direction: column
}
}
@media only screen and (min-width:30em)and (max-width:47.999em) {
.u-flexbox--vertical-palm-wide {
flex-direction: column
}
}
@media only screen and (max-width:29.999em) {
.u-flexbox--vertical-palm {
flex-direction: column
}
}
.flexbox__item--fixed-content {
flex: none
}
.flexbox__item--scrolling-content {
overflow: auto;
-ms-flex-negative: 1;
flex-grow: 1
}
.u-color-primary--background {
background-color: rgb(var(--color-dynamic-header-background)) !important
}
.u-color-primary--color {
color: rgb(var(--color-global-primary)) !important
}
.u-color-positive--background {
background-color: rgb(var(--color-global-positive)) !important
}
.u-color-positive--background-transparent {
background-color: rgba(var(--color-global-positive), .7) !important
}
.u-color-positive--color {
color: rgb(var(--color-global-positive)) !important
}
.u-color-positive--border {
border-color: rgb(var(--color-global-secondary)) !important
}
.u-color-negative--background {
background-color: rgb(var(--color-global-secondary)) !important
}
.u-color-negative--background-transparent {
background-color: rgba(var(--color-global-negative), .7) !important
}
.u-color-negative--color {
color: rgb(var(--color-global-secondary)) !important
}
.u-color-negative--border {
border-color: rgb(var(--color-global-secondary)) !important
}
.u-text-lowercase {
text-transform: lowercase !important
}
.u-text-uppercase {
text-transform: uppercase !important
}
.u-text-capitalize {
text-transform: capitalize !important
}
.u-text-notransform {
text-transform: none !important
}
.u-text-center {
text-align: center !important
}
.u-text-left {
text-align: left !important
}
.u-text-right {
text-align: right !important
}
.u-mirror {
display: inline-block;
transform: matrix(-1, 0, 0, 1, 0, 0)
}
.is-hidden {
display: none !important
}
.is-currency {
position: relative
}
.is-currency:after {
content: "·";
padding: 0 5px
}
.is-static {
position: static !important
}
.is-relative {
position: relative !important
}
.is-absolute {
position: absolute !important
}
.u-is-fixed {
position: fixed !important
}
.is-sticky,
.u-debuginfo,
.u-is-sticky {
position: -webkit-sticky !important;
position: sticky !important
}
.container--will-pin {
top: 0;
transition: all .5s
}
.is-sticky {
top: 0
}
@media only screen and (max-width:79.999em) {
.is-sticky {
position: relative !important
}
}
.u-zindex--max {
z-index: 2147483647 !important
}
.u-zindex--modal {
z-index: 2000000000 !important
}
.u-zindex--fixed-above-all {
z-index: 99999999 !important
}
.u-zindex--above-select-box {
z-index: 9999999 !important
}
.u-zindex--above-all {
z-index: 999 !important
}
.u-zindex--top {
z-index: 800 !important
}
.u-zindex--menu,
.u-zindex--refine {
z-index: 99 !important
}
.u-zindex--bulk {
z-index: 49 !important
}
.u-zindex--header {
z-index: 3 !important
}
.u-zindex--footer {
z-index: 1 !important
}
.u-zindex--up {
z-index: 3 !important
}
.u-zindex--default {
z-index: 2 !important
}
.u-zindex--root {
z-index: 0 !important
}
.u-zindex--below {
z-index: -1 !important
}
.u-zindex--below-all {
z-index: -999 !important
}
.u-align-vh {
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important
}
.u-align-v {
top: 50% !important;
transform: translateY(-50%) !important
}
.u-align-h {
left: 50% !important;
transform: translate(-50%) !important
}
.u-valign-t {
vertical-align: top !important
}
.u-valign-m {
vertical-align: middle !important
}
.u-valign-b {
vertical-align: bottom !important
}
.u-smartimage-helper {
max-width: none;
max-height: none;
min-width: 100%;
min-height: 100%;
width: auto !important;
height: 100% !important
}
.error,
.u-error {
color: #dd4c3b;
display: block
}
.u-suppresstranslationmode {
font-size: 11px;
color: #000;
font-weight: 600;
padding: 10px;
text-align: left
}
.u-cursor-pointer,
.u-suppresstranslationmode .link {
cursor: pointer
}
.u-transition-all {
transition: all .2s ease-in-out
}
.u-fade-in {
animation: fadeIn .2s ease-in-out
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.u-text-decoration--underline {
text-decoration: underline
}
.grid {
list-style: none;
padding: 0;
margin: 0;
font-size: 0
}
.is-rtl .grid {
margin-left: 0;
margin-right: 0
}
@media screen and (min-width:0\0) {
.is-rtl .grid {
margin-left: 0
}
}
.grid__item {
display: inline-block;
padding-left: 0;
vertical-align: top;
width: 100%;
box-sizing: border-box;
font-size: 12px;
font-size: 1rem;
position: relative
}
.is-rtl .grid__item {
padding-left: 0;
padding-right: 0
}
.grid__item:empty {
display: none
}
.grid--rev {
direction: rtl;
text-align: left
}
.is-rtl .grid--rev {
direction: ltr;
unicode-bidi: bidi-override;
text-align: right
}
.grid--rev>.grid__item {
direction: ltr;
text-align: left
}
.is-rtl .grid--rev>.grid__item {
direction: rtl;
unicode-bidi: bidi-override;
text-align: right
}
.grid--full {
margin-left: 0
}
.is-rtl .grid--full {
margin-left: 0;
margin-right: 0
}
@media screen and (min-width:0\0) {
.is-rtl .grid--full {
margin-left: 0
}
}
.grid--full>.grid__item {
padding-left: 0
}
.is-rtl .grid--full>.grid__item {
padding-left: 0;
padding-right: 0
}
.grid--right {
text-align: right
}
.grid--right>.grid__item,
.is-rtl .grid--right {
text-align: left
}
.is-rtl .grid--right>.grid__item {
text-align: right
}
.grid--center {
text-align: center
}
.grid--center>.grid__item {
text-align: left
}
.is-rtl .grid--center>.grid__item {
text-align: right
}
.grid--middle>.grid__item {
vertical-align: middle
}
.grid--bottom>.grid__item {
vertical-align: bottom
}
.grid--narrow {
margin-left: 0
}
.is-rtl .grid--narrow {
margin-left: 0;
margin-right: 0
}
@media screen and (min-width:0\0) {
.is-rtl .grid--narrow {
margin-left: 0
}
}
.grid--narrow>.grid__item {
padding-left: 0
}
.is-rtl .grid--narrow>.grid__item {
padding-left: 0;
padding-right: 0
}
.grid--wide {
margin-left: -40px
}
.is-rtl .grid--wide {
margin-left: 0;
margin-right: -40px
}
@media screen and (min-width:0\0) {
.is-rtl .grid--wide {
margin-left: 0
}
}
.grid--wide>.grid__item {
padding-left: 40px
}
.is-rtl .grid--wide>.grid__item {
padding-left: 0;
padding-right: 40px
}
.grid--spaced {
margin-right: 20px
}
.is-rtl .grid--spaced {
margin-right: 0;
margin-left: 20px
}
@media screen and (min-width:0\0) {
.is-rtl .grid--spaced {
margin-right: 0
}
}
.grid--spaced>.grid__item {
padding-left: 20px
}
.is-rtl .grid--spaced>.grid__item {
padding-left: 0;
padding-right: 20px
}
.grid--spaced-all {
margin-right: 20px;
margin-bottom: 20px
}
.is-rtl .grid--spaced-all {
margin-right: 0;
margin-left: 20px
}
@media screen and (min-width:0\0) {
.is-rtl .grid--spaced-all {
margin-right: 0
}
}
.grid--spaced-all>.grid__item {
padding-left: 20px;
padding-top: 20px
}
.is-rtl .grid--spaced-all>.grid__item {
padding-left: 0;
padding-right: 20px
}
.grid--spaced-double {
margin-right: 20px;
margin-bottom: 40px
}
.is-rtl .grid--spaced-double {
margin-right: 0;
margin-left: 20px
}
@media screen and (min-width:0\0) {
.is-rtl .grid--spaced-double {
margin-right: 0
}
}
.grid--spaced-double>.grid__item {
padding-left: 20px;
padding-top: 40px
}
.is-rtl .grid--spaced-double>.grid__item {
padding-left: 0;
padding-right: 20px
}
.grid--no-outer-margins {
margin: -20px 0 0 -20px
}
.is-rtl .grid--no-outer-margins {
margin: -20px -20px 0 0
}
.grid.is-ingrid {
margin-left: -10px
}
.is-rtl .grid.is-ingrid {
margin-left: 0;
margin-right: -10px
}
@media screen and (min-width:0\0) {
.is-rtl .grid.is-ingrid {
margin-left: 0
}
}
.grid.is-ingrid>.grid__item {
padding-left: 10px;
padding-bottom: 10px
}
.is-rtl .grid.is-ingrid>.grid__item {
padding-left: 0;
padding-right: 10px
}
.grid.is-ingrid-full {
margin-left: -20px
}
.is-rtl .grid.is-ingrid-full {
margin-left: 0;
margin-right: -20px
}
@media screen and (min-width:0\0) {
.is-rtl .grid.is-ingrid-full {
margin-left: 0
}
}
.grid.is-ingrid-full>.grid__item {
padding-left: 20px;
padding-bottom: 10px
}
.is-rtl .grid.is-ingrid-full>.grid__item {
padding-left: 0;
padding-right: 20px
}
.grid__item.has-ingrid .grid {
margin-left: -20px
}
.is-rtl .grid__item.has-ingrid .grid {
margin-left: 0;
margin-right: -20px
}
@media screen and (min-width:0\0) {
.is-rtl .grid__item.has-ingrid .grid {
margin-left: 0
}
}
.grid__item.has-ingrid .grid .grid__item {
padding-left: 20px;
padding-bottom: 10px
}
.is-rtl .grid__item.has-ingrid .grid .grid__item {
padding-left: 0;
padding-right: 20px
}
.grid__item.has-ingrid .grid.grid--full {
margin-left: 0
}
.is-rtl .grid__item.has-ingrid .grid.grid--full {
margin-left: 0;
margin-right: 0
}
@media screen and (min-width:0\0) {
.is-rtl .grid__item.has-ingrid .grid.grid--full {
margin-left: 0
}
}
.grid__item.has-ingrid .grid.grid--full>.grid__item {
padding-left: 0;
padding-bottom: 0
}
.is-rtl .grid__item.has-ingrid .grid.grid--full>.grid__item {
padding-left: 0;
padding-right: 0
}
.grid__item.has-ingrid-unspaced .grid {
margin-left: 0
}
.is-rtl .grid__item.has-ingrid-unspaced .grid {
margin-left: 0;
margin-right: 0
}
@media screen and (min-width:0\0) {
.is-rtl .grid__item.has-ingrid-unspaced .grid {
margin-left: 0
}
}
.grid__item.has-ingrid-unspaced .grid .grid__item {
padding-left: 0;
padding-bottom: 0
}
.is-rtl .grid__item.has-ingrid-unspaced .grid .grid__item {
padding-left: 0;
padding-right: 0
}
.grid--fixed-width-on-breakpoints {
margin: auto
}
@media only screen and (max-width:29.999em) {
.grid--fixed-width-on-breakpoints {
width: 320px
}
}
@media only screen and (min-width:30em)and (max-width:47.999em) {
.grid--fixed-width-on-breakpoints {
width: 320px
}
}
@media only screen and (min-width:48em)and (max-width:59.999em) {
.grid--fixed-width-on-breakpoints {
width: 768px
}
}
@media only screen and (min-width:60em)and (max-width:79.999em) {
.grid--fixed-width-on-breakpoints {
width: 768px
}
}
@media only screen and (min-width:80em)and (max-width:104.999em) {
.grid--fixed-width-on-breakpoints {
width: 1280px
}
}
@media only screen and (min-width:105em)and (max-width:119.999em) {
.grid--fixed-width-on-breakpoints {
width: 1280px
}
}
@media only screen and (min-width:120em) {
.grid--fixed-width-on-breakpoints {
width: 1280px
}
}
@media only screen and (min-width:23em)and (max-width:29.999em) {
.grid--max-width-on-breakpoints {
max-width: 320px
}
.grid--max-width-on-breakpoints,
.is-rtl .grid--max-width-on-breakpoints {
margin-left: auto;
margin-right: auto
}
.grid--max-width-on-breakpoints.grid--spaced,
.grid--max-width-on-breakpoints.grid--spaced-all,
.grid--max-width-on-breakpoints.grid--spaced-double,
.grid--max-width-on-breakpoints.is-ingrid-full,
.grid__item.has-ingrid .grid--max-width-on-breakpoints.grid {
margin-left: calc(50% - 320px/2 - 20px);
margin-right: calc(50% - 320px/2);
max-width: 340px
}
.is-rtl .grid--max-width-on-breakpoints.grid--spaced,
.is-rtl .grid--max-width-on-breakpoints.grid--spaced-all,
.is-rtl .grid--max-width-on-breakpoints.grid--spaced-double,
.is-rtl .grid--max-width-on-breakpoints.is-ingrid-full,
.is-rtl .grid__item.has-ingrid .grid--max-width-on-breakpoints.grid {
margin-left: calc(50% - 320px/2);
margin-right: calc(50% - 320px/2 - 20px)
}
.grid--max-width-on-breakpoints.grid--wide {
margin-left: calc(50% - 320px/2 - 40px);
margin-right: calc(50% - 320px/2);
max-width: 360px
}
.is-rtl .grid--max-width-on-breakpoints.grid--wide {
margin-left: calc(50% - 320px/2);
margin-right: calc(50% - 320px/2 - 40px)
}
.grid--max-width-on-breakpoints.grid--narrow {
max-width: 320px
}
.grid--max-width-on-breakpoints.is-ingrid {
margin-left: calc(50% - 320px/2 - 10px);
margin-right: calc(50% - 320px/2);
max-width: 330px
}
.is-rtl .grid--max-width-on-breakpoints.is-ingrid {
margin-left: calc(50% - 320px/2);
margin-right: calc(50% - 320px/2 - 10px)
}
}
@media only screen and (min-width:30em)and (max-width:47.999em) {
.grid--max-width-on-breakpoints {
max-width: 320px
}
.grid--max-width-on-breakpoints,
.is-rtl .grid--max-width-on-breakpoints {
margin-left: auto;
margin-right: auto
}
.grid--max-width-on-breakpoints.grid--spaced,
.grid--max-width-on-breakpoints.grid--spaced-all,
.grid--max-width-on-breakpoints.grid--spaced-double,
.grid--max-width-on-breakpoints.is-ingrid-full,
.grid__item.has-ingrid .grid--max-width-on-breakpoints.grid {
margin-left: calc(50% - 320px/2 - 20px);
margin-right: calc(50% - 320px/2);
max-width: 340px
}
.is-rtl .grid--max-width-on-breakpoints.grid--spaced,
.is-rtl .grid--max-width-on-breakpoints.grid--spaced-all,
.is-rtl .grid--max-width-on-breakpoints.grid--spaced-double,
.is-rtl .grid--max-width-on-breakpoints.is-ingrid-full,
.is-rtl .grid__item.has-ingrid .grid--max-width-on-breakpoints.grid {
margin-left: calc(50% - 320px/2);
margin-right: calc(50% - 320px/2 - 20px)
}
.grid--max-width-on-breakpoints.grid--wide {
margin-left: calc(50% - 320px/2 - 40px);
margin-right: calc(50% - 320px/2);
max-width: 360px
}
.is-rtl .grid--max-width-on-breakpoints.grid--wide {
margin-left: calc(50% - 320px/2);
margin-right: calc(50% - 320px/2 - 40px)
}
.grid--max-width-on-breakpoints.grid--narrow {
max-width: 320px
}
.grid--max-width-on-breakpoints.is-ingrid {
margin-left: calc(50% - 320px/2 - 10px);
margin-right: calc(50% - 320px/2);
max-width: 330px
}
.is-rtl .grid--max-width-on-breakpoints.is-ingrid {
margin-left: calc(50% - 320px/2);
margin-right: calc(50% - 320px/2 - 10px)
}
}
@media only screen and (min-width:51em)and (max-width:59.999em) {
.grid--max-width-on-breakpoints {
max-width: 768px
}
.grid--max-width-on-breakpoints,
.is-rtl .grid--max-width-on-breakpoints {
margin-left: auto;
margin-right: auto
}
.grid--max-width-on-breakpoints.grid--spaced,
.grid--max-width-on-breakpoints.grid--spaced-all,
.grid--max-width-on-breakpoints.grid--spaced-double,
.grid--max-width-on-breakpoints.is-ingrid-full,
.grid__item.has-ingrid .grid--max-width-on-breakpoints.grid {
margin-left: calc(50% - 768px/2 - 20px);
margin-right: calc(50% - 768px/2);
max-width: 788px
}
.is-rtl .grid--max-width-on-breakpoints.grid--spaced,
.is-rtl .grid--max-width-on-breakpoints.grid--spaced-all,
.is-rtl .grid--max-width-on-breakpoints.grid--spaced-double,
.is-rtl .grid--max-width-on-breakpoints.is-ingrid-full,
.is-rtl .grid__item.has-ingrid .grid--max-width-on-breakpoints.grid {
margin-left: calc(50% - 768px/2);
margin-right: calc(50% - 768px/2 - 20px)
}
.grid--max-width-on-breakpoints.grid--wide {
margin-left: calc(50% - 768px/2 - 40px);
margin-right: calc(50% - 768px/2);
max-width: 808px
}
.is-rtl .grid--max-width-on-breakpoints.grid--wide {
margin-left: calc(50% - 768px/2);
margin-right: calc(50% - 768px/2 - 40px)
}
.grid--max-width-on-breakpoints.grid--narrow {
max-width: 768px
}
.grid--max-width-on-breakpoints.is-ingrid {
margin-left: calc(50% - 768px/2 - 10px);
margin-right: calc(50% - 768px/2);
max-width: 778px
}
.is-rtl .grid--max-width-on-breakpoints.is-ingrid {
margin-left: calc(50% - 768px/2);
margin-right: calc(50% - 768px/2 - 10px)
}
}
@media only screen and (min-width:60em)and (max-width:79.999em) {
.grid--max-width-on-breakpoints {
max-width: 768px
}
.grid--max-width-on-breakpoints,
.is-rtl .grid--max-width-on-breakpoints {
margin-left: auto;
margin-right: auto
}
.grid--max-width-on-breakpoints.grid--spaced,
.grid--max-width-on-breakpoints.grid--spaced-all,
.grid--max-width-on-breakpoints.grid--spaced-double,
.grid--max-width-on-breakpoints.is-ingrid-full,
.grid__item.has-ingrid .grid--max-width-on-breakpoints.grid {
margin-left: calc(50% - 768px/2 - 20px);
margin-right: calc(50% - 768px/2);
max-width: 788px
}
.is-rtl .grid--max-width-on-breakpoints.grid--spaced,
.is-rtl .grid--max-width-on-breakpoints.grid--spaced-all,
.is-rtl .grid--max-width-on-breakpoints.grid--spaced-double,
.is-rtl .grid--max-width-on-breakpoints.is-ingrid-full,
.is-rtl .grid__item.has-ingrid .grid--max-width-on-breakpoints.grid {
margin-left: calc(50% - 768px/2);
margin-right: calc(50% - 768px/2 - 20px)
}
.grid--max-width-on-breakpoints.grid--wide {
margin-left: calc(50% - 768px/2 - 40px);
margin-right: calc(50% - 768px/2);
max-width: 808px
}
.is-rtl .grid--max-width-on-breakpoints.grid--wide {
margin-left: calc(50% - 768px/2);
margin-right: calc(50% - 768px/2 - 40px)
}
.grid--max-width-on-breakpoints.grid--narrow {
max-width: 768px
}
.grid--max-width-on-breakpoints.is-ingrid {
margin-left: calc(50% - 768px/2 - 10px);
margin-right: calc(50% - 768px/2);
max-width: 778px
}
.is-rtl .grid--max-width-on-breakpoints.is-ingrid {
margin-left: calc(50% - 768px/2);
margin-right: calc(50% - 768px/2 - 10px)
}
}
@media only screen and (min-width:83em)and (max-width:104.999em) {
.grid--max-width-on-breakpoints {
max-width: 1280px
}
.grid--max-width-on-breakpoints,
.is-rtl .grid--max-width-on-breakpoints {
margin-left: auto;
margin-right: auto
}
.grid--max-width-on-breakpoints.grid--spaced,
.grid--max-width-on-breakpoints.grid--spaced-all,
.grid--max-width-on-breakpoints.grid--spaced-double,
.grid--max-width-on-breakpoints.is-ingrid-full,
.grid__item.has-ingrid .grid--max-width-on-breakpoints.grid {
margin-left: calc(50% - 1280px/2 - 20px);
margin-right: calc(50% - 1280px/2);
max-width: 1300px
}
.is-rtl .grid--max-width-on-breakpoints.grid--spaced,
.is-rtl .grid--max-width-on-breakpoints.grid--spaced-all,
.is-rtl .grid--max-width-on-breakpoints.grid--spaced-double,
.is-rtl .grid--max-width-on-breakpoints.is-ingrid-full,
.is-rtl .grid__item.has-ingrid .grid--max-width-on-breakpoints.grid {
margin-left: calc(50% - 1280px/2);
margin-right: calc(50% - 1280px/2 - 20px)
}
.grid--max-width-on-breakpoints.grid--wide {
margin-left: calc(50% - 1280px/2 - 40px);
margin-right: calc(50% - 1280px/2);
max-width: 1320px
}
.is-rtl .grid--max-width-on-breakpoints.grid--wide {
margin-left: calc(50% - 1280px/2);
margin-right: calc(50% - 1280px/2 - 40px)
}
.grid--max-width-on-breakpoints.grid--narrow {
max-width: 1280px
}
.grid--max-width-on-breakpoints.is-ingrid {
margin-left: calc(50% - 1280px/2 - 10px);
margin-right: calc(50% - 1280px/2);
max-width: 1290px
}
.is-rtl .grid--max-width-on-breakpoints.is-ingrid {
margin-left: calc(50% - 1280px/2);
margin-right: calc(50% - 1280px/2 - 10px)
}
}
@media only screen and (min-width:105em)and (max-width:119.999em) {
.grid--max-width-on-breakpoints {
max-width: 1280px
}
.grid--max-width-on-breakpoints,
.is-rtl .grid--max-width-on-breakpoints {
margin-left: auto;
margin-right: auto
}
.grid--max-width-on-breakpoints.grid--spaced,
.grid--max-width-on-breakpoints.grid--spaced-all,
.grid--max-width-on-breakpoints.grid--spaced-double,
.grid--max-width-on-breakpoints.is-ingrid-full,
.grid__item.has-ingrid .grid--max-width-on-breakpoints.grid {
margin-left: calc(50% - 1280px/2 - 20px);
margin-right: calc(50% - 1280px/2);
max-width: 1300px
}
.is-rtl .grid--max-width-on-breakpoints.grid--spaced,
.is-rtl .grid--max-width-on-breakpoints.grid--spaced-all,
.is-rtl .grid--max-width-on-breakpoints.grid--spaced-double,
.is-rtl .grid--max-width-on-breakpoints.is-ingrid-full,
.is-rtl .grid__item.has-ingrid .grid--max-width-on-breakpoints.grid {
margin-left: calc(50% - 1280px/2);
margin-right: calc(50% - 1280px/2 - 20px)
}
.grid--max-width-on-breakpoints.grid--wide {
margin-left: calc(50% - 1280px/2 - 40px);
margin-right: calc(50% - 1280px/2);
max-width: 1320px
}
.is-rtl .grid--max-width-on-breakpoints.grid--wide {
margin-left: calc(50% - 1280px/2);
margin-right: calc(50% - 1280px/2 - 40px)
}
.grid--max-width-on-breakpoints.grid--narrow {
max-width: 1280px
}
.grid--max-width-on-breakpoints.is-ingrid {
margin-left: calc(50% - 1280px/2 - 10px);
margin-right: calc(50% - 1280px/2);
max-width: 1290px
}
.is-rtl .grid--max-width-on-breakpoints.is-ingrid {
margin-left: calc(50% - 1280px/2);
margin-right: calc(50% - 1280px/2 - 10px)
}
}
@media only screen and (min-width:120em)and (max-width:998.999em) {
.grid--max-width-on-breakpoints {
max-width: 1280px
}
.grid--max-width-on-breakpoints,
.is-rtl .grid--max-width-on-breakpoints {
margin-left: auto;
margin-right: auto
}
.grid--max-width-on-breakpoints.grid--spaced,
.grid--max-width-on-breakpoints.grid--spaced-all,
.grid--max-width-on-breakpoints.grid--spaced-double,
.grid--max-width-on-breakpoints.is-ingrid-full,
.grid__item.has-ingrid .grid--max-width-on-breakpoints.grid {
margin-left: calc(50% - 1280px/2 - 20px);
margin-right: calc(50% - 1280px/2);
max-width: 1300px
}
.is-rtl .grid--max-width-on-breakpoints.grid--spaced,
.is-rtl .grid--max-width-on-breakpoints.grid--spaced-all,
.is-rtl .grid--max-width-on-breakpoints.grid--spaced-double,
.is-rtl .grid--max-width-on-breakpoints.is-ingrid-full,
.is-rtl .grid__item.has-ingrid .grid--max-width-on-breakpoints.grid {
margin-left: calc(50% - 1280px/2);
margin-right: calc(50% - 1280px/2 - 20px)
}
.grid--max-width-on-breakpoints.grid--wide {
margin-left: calc(50% - 1280px/2 - 40px);
margin-right: calc(50% - 1280px/2);
max-width: 1320px
}
.is-rtl .grid--max-width-on-breakpoints.grid--wide {
margin-left: calc(50% - 1280px/2);
margin-right: calc(50% - 1280px/2 - 40px)
}
.grid--max-width-on-breakpoints.grid--narrow {
max-width: 1280px
}
.grid--max-width-on-breakpoints.is-ingrid {
margin-left: calc(50% - 1280px/2 - 10px);
margin-right: calc(50% - 1280px/2);
max-width: 1290px
}
.is-rtl .grid--max-width-on-breakpoints.is-ingrid {
margin-left: calc(50% - 1280px/2);
margin-right: calc(50% - 1280px/2 - 10px)
}
}
.grid--section {
background-color: rgb(var(--color-global-primary))
}
.grid__item.has-action {
position: relative
}
.default--1-1 {
width: 100%
}
.default--1-2,
.default--2-4,
.default--3-6,
.default--4-8,
.default--5-10,
.default--6-12 {
width: 50%
}
.default--1-3,
.default--2-6,
.default--3-9,
.default--4-12 {
width: 33.333%
}
.default--2-3,
.default--4-6,
.default--6-9,
.default--8-12 {
width: 66.666%
}
.default--1-4,
.default--2-8,
.default--3-12 {
width: 25%
}
.default--3-4,
.default--6-8,
.default--9-12 {
width: 75%
}
.default--1-5,
.default--2-10 {
width: 20%
}
.default--2-5,
.default--4-10 {
width: 40%
}
.default--3-5,
.default--6-10 {
width: 60%
}
.default--4-5,
.default--8-10 {
width: 80%
}
.default--1-6,
.default--2-12 {
width: 16.666%
}
.default--10-12,
.default--5-6 {
width: 83.333%
}
.default--1-7 {
width: 14.285%
}
.default--2-7 {
width: 28.571%
}
.default--3-7 {
width: 42.857%
}
.default--4-7 {
width: 57.142%
}
.default--5-7 {
width: 71.428%
}
.default--6-7 {
width: 85.714%
}
.default--1-8 {
width: 12.5%
}
.default--3-8 {
width: 37.5%
}
.default--5-8 {
width: 62.5%
}
.default--7-8 {
width: 87.5%
}
.default--1-9 {
width: 11.111%
}
.default--2-9 {
width: 22.222%
}
.default--4-9 {
width: 44.444%
}
.default--5-9 {
width: 55.555%
}
.default--7-9 {
width: 77.777%
}
.default--8-9 {
width: 88.888%
}
.default--1-10 {
width: 10%
}
.default--3-10 {
width: 30%
}
.default--7-10 {
width: 70%
}
.default--9-10 {
width: 90%
}
.default--1-11 {
width: 9.09%
}
.default--2-11 {
width: 18.181%
}
.default--3-11 {
width: 27.272%
}
.default--4-11 {
width: 36.363%
}
.default--5-11 {
width: 45.454%
}
.default--6-11 {
width: 54.545%
}
.default--7-11 {
width: 63.636%
}
.default--8-11 {
width: 72.727%
}
.default--9-11 {
width: 81.817%
}
.default--10-11 {
width: 90.909%
}
.default--1-12 {
width: 8.333%
}
.default--5-12 {
width: 41.666%
}
.default--7-12 {
width: 58.333%
}
.default--11-12 {
width: 91.666%
}
.default--auto {
width: auto
}
@media only screen and (max-width:29.999em) {
.palm--1-1 {
width: 100%
}
.palm--1-2,
.palm--2-4,
.palm--3-6,
.palm--4-8,
.palm--5-10,
.palm--6-12 {
width: 50%
}
.palm--1-3,
.palm--2-6,
.palm--3-9,
.palm--4-12 {
width: 33.333%
}
.palm--2-3,
.palm--4-6,
.palm--6-9,
.palm--8-12 {
width: 66.666%
}
.palm--1-4,
.palm--2-8,
.palm--3-12 {
width: 25%
}
.palm--3-4,
.palm--6-8,
.palm--9-12 {
width: 75%
}
.palm--1-5,
.palm--2-10 {
width: 20%
}
.palm--2-5,
.palm--4-10 {
width: 40%
}
.palm--3-5,
.palm--6-10 {
width: 60%
}
.palm--4-5,
.palm--8-10 {
width: 80%
}
.palm--1-6,
.palm--2-12 {
width: 16.666%
}
.palm--10-12,
.palm--5-6 {
width: 83.333%
}
.palm--1-7 {
width: 14.285%
}
.palm--2-7 {
width: 28.571%
}
.palm--3-7 {
width: 42.857%
}
.palm--4-7 {
width: 57.142%
}
.palm--5-7 {
width: 71.428%
}
.palm--6-7 {
width: 85.714%
}
.palm--1-8 {
width: 12.5%
}
.palm--3-8 {
width: 37.5%
}
.palm--5-8 {
width: 62.5%
}
.palm--7-8 {
width: 87.5%
}
.palm--1-9 {
width: 11.111%
}
.palm--2-9 {
width: 22.222%
}
.palm--4-9 {
width: 44.444%
}
.palm--5-9 {
width: 55.555%
}
.palm--7-9 {
width: 77.777%
}
.palm--8-9 {
width: 88.888%
}
.palm--1-10 {
width: 10%
}
.palm--3-10 {
width: 30%
}
.palm--7-10 {
width: 70%
}
.palm--9-10 {
width: 90%
}
.palm--1-11 {
width: 9.09%
}
.palm--2-11 {
width: 18.181%
}
.palm--3-11 {
width: 27.272%
}
.palm--4-11 {
width: 36.363%
}
.palm--5-11 {
width: 45.454%
}
.palm--6-11 {
width: 54.545%
}
.palm--7-11 {
width: 63.636%
}
.palm--8-11 {
width: 72.727%
}
.palm--9-11 {
width: 81.817%
}
.palm--10-11 {
width: 90.909%
}
.palm--1-12 {
width: 8.333%
}
.palm--5-12 {
width: 41.666%
}
.palm--7-12 {
width: 58.333%
}
.palm--11-12 {
width: 91.666%
}
.palm--auto {
width: auto
}
}
@media only screen and (min-width:30em)and (max-width:47.999em) {
.palm-wide--1-1 {
width: 100%
}
.palm-wide--1-2,
.palm-wide--2-4,
.palm-wide--3-6,
.palm-wide--4-8,
.palm-wide--5-10,
.palm-wide--6-12 {
width: 50%
}
.palm-wide--1-3,
.palm-wide--2-6,
.palm-wide--3-9,
.palm-wide--4-12 {
width: 33.333%
}
.palm-wide--2-3,
.palm-wide--4-6,
.palm-wide--6-9,
.palm-wide--8-12 {
width: 66.666%
}
.palm-wide--1-4,
.palm-wide--2-8,
.palm-wide--3-12 {
width: 25%
}
.palm-wide--3-4,
.palm-wide--6-8,
.palm-wide--9-12 {
width: 75%
}
.palm-wide--1-5,
.palm-wide--2-10 {
width: 20%
}
.palm-wide--2-5,
.palm-wide--4-10 {
width: 40%
}
.palm-wide--3-5,
.palm-wide--6-10 {
width: 60%
}
.palm-wide--4-5,
.palm-wide--8-10 {
width: 80%
}
.palm-wide--1-6,
.palm-wide--2-12 {
width: 16.666%
}
.palm-wide--10-12,
.palm-wide--5-6 {
width: 83.333%
}
.palm-wide--1-7 {
width: 14.285%
}
.palm-wide--2-7 {
width: 28.571%
}
.palm-wide--3-7 {
width: 42.857%
}
.palm-wide--4-7 {
width: 57.142%
}
.palm-wide--5-7 {
width: 71.428%
}
.palm-wide--6-7 {
width: 85.714%
}
.palm-wide--1-8 {
width: 12.5%
}
.palm-wide--3-8 {
width: 37.5%
}
.palm-wide--5-8 {
width: 62.5%
}
.palm-wide--7-8 {
width: 87.5%
}
.palm-wide--1-9 {
width: 11.111%
}
.palm-wide--2-9 {
width: 22.222%
}
.palm-wide--4-9 {
width: 44.444%
}
.palm-wide--5-9 {
width: 55.555%
}
.palm-wide--7-9 {
width: 77.777%
}
.palm-wide--8-9 {
width: 88.888%
}
.palm-wide--1-10 {
width: 10%
}
.palm-wide--3-10 {
width: 30%
}
.palm-wide--7-10 {
width: 70%
}
.palm-wide--9-10 {
width: 90%
}
.palm-wide--1-11 {
width: 9.09%
}
.palm-wide--2-11 {
width: 18.181%
}
.palm-wide--3-11 {
width: 27.272%
}
.palm-wide--4-11 {
width: 36.363%
}
.palm-wide--5-11 {
width: 45.454%
}
.palm-wide--6-11 {
width: 54.545%
}
.palm-wide--7-11 {
width: 63.636%
}
.palm-wide--8-11 {
width: 72.727%
}
.palm-wide--9-11 {
width: 81.817%
}
.palm-wide--10-11 {
width: 90.909%
}
.palm-wide--1-12 {
width: 8.333%
}
.palm-wide--5-12 {
width: 41.666%
}
.palm-wide--7-12 {
width: 58.333%
}
.palm-wide--11-12 {
width: 91.666%
}
.palm-wide--auto {
width: auto
}
}
@media only screen and (min-width:48em)and (max-width:59.999em) {
.lap--1-1 {
width: 100%
}
.lap--1-2,
.lap--2-4,
.lap--3-6,
.lap--4-8,
.lap--5-10,
.lap--6-12 {
width: 50%
}
.lap--1-3,
.lap--2-6,
.lap--3-9,
.lap--4-12 {
width: 33.333%
}
.lap--2-3,
.lap--4-6,
.lap--6-9,
.lap--8-12 {
width: 66.666%
}
.lap--1-4,
.lap--2-8,
.lap--3-12 {
width: 25%
}
.lap--3-4,
.lap--6-8,
.lap--9-12 {
width: 75%
}
.lap--1-5,
.lap--2-10 {
width: 20%
}
.lap--2-5,
.lap--4-10 {
width: 40%
}
.lap--3-5,
.lap--6-10 {
width: 60%
}
.lap--4-5,
.lap--8-10 {
width: 80%
}
.lap--1-6,
.lap--2-12 {
width: 16.666%
}
.lap--10-12,
.lap--5-6 {
width: 83.333%
}
.lap--1-7 {
width: 14.285%
}
.lap--2-7 {
width: 28.571%
}
.lap--3-7 {
width: 42.857%
}
.lap--4-7 {
width: 57.142%
}
.lap--5-7 {
width: 71.428%
}
.lap--6-7 {
width: 85.714%
}
.lap--1-8 {
width: 12.5%
}
.lap--3-8 {
width: 37.5%
}
.lap--5-8 {
width: 62.5%
}
.lap--7-8 {
width: 87.5%
}
.lap--1-9 {
width: 11.111%
}
.lap--2-9 {
width: 22.222%
}
.lap--4-9 {
width: 44.444%
}
.lap--5-9 {
width: 55.555%
}
.lap--7-9 {
width: 77.777%
}
.lap--8-9 {
width: 88.888%
}
.lap--1-10 {
width: 10%
}
.lap--3-10 {
width: 30%
}
.lap--7-10 {
width: 70%
}
.lap--9-10 {
width: 90%
}
.lap--1-11 {
width: 9.09%
}
.lap--2-11 {
width: 18.181%
}
.lap--3-11 {
width: 27.272%
}
.lap--4-11 {
width: 36.363%
}
.lap--5-11 {
width: 45.454%
}
.lap--6-11 {
width: 54.545%
}
.lap--7-11 {
width: 63.636%
}
.lap--8-11 {
width: 72.727%
}
.lap--9-11 {
width: 81.817%
}
.lap--10-11 {
width: 90.909%
}
.lap--1-12 {
width: 8.333%
}
.lap--5-12 {
width: 41.666%
}
.lap--7-12 {
width: 58.333%
}
.lap--11-12 {
width: 91.666%
}
.lap--auto {
width: auto
}
}
@media only screen and (min-width:60em)and (max-width:79.999em) {
.lap-wide--1-1 {
width: 100%
}
.lap-wide--1-2,
.lap-wide--2-4,
.lap-wide--3-6,
.lap-wide--4-8,
.lap-wide--5-10,
.lap-wide--6-12 {
width: 50%
}
.lap-wide--1-3,
.lap-wide--2-6,
.lap-wide--3-9,
.lap-wide--4-12 {
width: 33.333%
}
.lap-wide--2-3,
.lap-wide--4-6,
.lap-wide--6-9,
.lap-wide--8-12 {
width: 66.666%
}
.lap-wide--1-4,
.lap-wide--2-8,
.lap-wide--3-12 {
width: 25%
}
.lap-wide--3-4,
.lap-wide--6-8,
.lap-wide--9-12 {
width: 75%
}
.lap-wide--1-5,
.lap-wide--2-10 {
width: 20%
}
.lap-wide--2-5,
.lap-wide--4-10 {
width: 40%
}
.lap-wide--3-5,
.lap-wide--6-10 {
width: 60%
}
.lap-wide--4-5,
.lap-wide--8-10 {
width: 80%
}
.lap-wide--1-6,
.lap-wide--2-12 {
width: 16.666%
}
.lap-wide--10-12,
.lap-wide--5-6 {
width: 83.333%
}
.lap-wide--1-7 {
width: 14.285%
}
.lap-wide--2-7 {
width: 28.571%
}
.lap-wide--3-7 {
width: 42.857%
}
.lap-wide--4-7 {
width: 57.142%
}
.lap-wide--5-7 {
width: 71.428%
}
.lap-wide--6-7 {
width: 85.714%
}
.lap-wide--1-8 {
width: 12.5%
}
.lap-wide--3-8 {
width: 37.5%
}
.lap-wide--5-8 {
width: 62.5%
}
.lap-wide--7-8 {
width: 87.5%
}
.lap-wide--1-9 {
width: 11.111%
}
.lap-wide--2-9 {
width: 22.222%
}
.lap-wide--4-9 {
width: 44.444%
}
.lap-wide--5-9 {
width: 55.555%
}
.lap-wide--7-9 {
width: 77.777%
}
.lap-wide--8-9 {
width: 88.888%
}
.lap-wide--1-10 {
width: 10%
}
.lap-wide--3-10 {
width: 30%
}
.lap-wide--7-10 {
width: 70%
}
.lap-wide--9-10 {
width: 90%
}
.lap-wide--1-11 {
width: 9.09%
}
.lap-wide--2-11 {
width: 18.181%
}
.lap-wide--3-11 {
width: 27.272%
}
.lap-wide--4-11 {
width: 36.363%
}
.lap-wide--5-11 {
width: 45.454%
}
.lap-wide--6-11 {
width: 54.545%
}
.lap-wide--7-11 {
width: 63.636%
}
.lap-wide--8-11 {
width: 72.727%
}
.lap-wide--9-11 {
width: 81.817%
}
.lap-wide--10-11 {
width: 90.909%
}
.lap-wide--1-12 {
width: 8.333%
}
.lap-wide--5-12 {
width: 41.666%
}
.lap-wide--7-12 {
width: 58.333%
}
.lap-wide--11-12 {
width: 91.666%
}
.lap-wide--auto {
width: auto
}
}
@media only screen and (min-width:80em)and (max-width:104.999em) {
.desk--1-1 {
width: 100%
}
.desk--1-2,
.desk--2-4,
.desk--3-6,
.desk--4-8,
.desk--5-10,
.desk--6-12 {
width: 50%
}
.desk--1-3,
.desk--2-6,
.desk--3-9,
.desk--4-12 {
width: 33.333%
}
.desk--2-3,
.desk--4-6,
.desk--6-9,
.desk--8-12 {
width: 66.666%
}
.desk--1-4,
.desk--2-8,
.desk--3-12 {
width: 25%
}
.desk--3-4,
.desk--6-8,
.desk--9-12 {
width: 75%
}
.desk--1-5,
.desk--2-10 {
width: 20%
}
.desk--2-5,
.desk--4-10 {
width: 40%
}
.desk--3-5,
.desk--6-10 {
width: 60%
}
.desk--4-5,
.desk--8-10 {
width: 80%
}
.desk--1-6,
.desk--2-12 {
width: 16.666%
}
.desk--10-12,
.desk--5-6 {
width: 83.333%
}
.desk--1-7 {
width: 14.285%
}
.desk--2-7 {
width: 28.571%
}
.desk--3-7 {
width: 42.857%
}
.desk--4-7 {
width: 57.142%
}
.desk--5-7 {
width: 71.428%
}
.desk--6-7 {
width: 85.714%
}
.desk--1-8 {
width: 12.5%
}
.desk--3-8 {
width: 37.5%
}
.desk--5-8 {
width: 62.5%
}
.desk--7-8 {
width: 87.5%
}
.desk--1-9 {
width: 11.111%
}
.desk--2-9 {
width: 22.222%
}
.desk--4-9 {
width: 44.444%
}
.desk--5-9 {
width: 55.555%
}
.desk--7-9 {
width: 77.777%
}
.desk--8-9 {
width: 88.888%
}
.desk--1-10 {
width: 10%
}
.desk--3-10 {
width: 30%
}
.desk--7-10 {
width: 70%
}
.desk--9-10 {
width: 90%
}
.desk--1-11 {
width: 9.09%
}
.desk--2-11 {
width: 18.181%
}
.desk--3-11 {
width: 27.272%
}
.desk--4-11 {
width: 36.363%
}
.desk--5-11 {
width: 45.454%
}
.desk--6-11 {
width: 54.545%
}
.desk--7-11 {
width: 63.636%
}
.desk--8-11 {
width: 72.727%
}
.desk--9-11 {
width: 81.817%
}
.desk--10-11 {
width: 90.909%
}
.desk--1-12 {
width: 8.333%
}
.desk--5-12 {
width: 41.666%
}
.desk--7-12 {
width: 58.333%
}
.desk--11-12 {
width: 91.666%
}
.desk--auto {
width: auto
}
}
@media only screen and (min-width:105em)and (max-width:120em) {
.desk-wide--1-1 {
width: 100%
}
.desk-wide--1-2,
.desk-wide--2-4,
.desk-wide--3-6,
.desk-wide--4-8,
.desk-wide--5-10,
.desk-wide--6-12 {
width: 50%
}
.desk-wide--1-3,
.desk-wide--2-6,
.desk-wide--3-9,
.desk-wide--4-12 {
width: 33.333%
}
.desk-wide--2-3,
.desk-wide--4-6,
.desk-wide--6-9,
.desk-wide--8-12 {
width: 66.666%
}
.desk-wide--1-4,
.desk-wide--2-8,
.desk-wide--3-12 {
width: 25%
}
.desk-wide--3-4,
.desk-wide--6-8,
.desk-wide--9-12 {
width: 75%
}
.desk-wide--1-5,
.desk-wide--2-10 {
width: 20%
}
.desk-wide--2-5,
.desk-wide--4-10 {
width: 40%
}
.desk-wide--3-5,
.desk-wide--6-10 {
width: 60%
}
.desk-wide--4-5,
.desk-wide--8-10 {
width: 80%
}
.desk-wide--1-6,
.desk-wide--2-12 {
width: 16.666%
}
.desk-wide--10-12,
.desk-wide--5-6 {
width: 83.333%
}
.desk-wide--1-7 {
width: 14.285%
}
.desk-wide--2-7 {
width: 28.571%
}
.desk-wide--3-7 {
width: 42.857%
}
.desk-wide--4-7 {
width: 57.142%
}
.desk-wide--5-7 {
width: 71.428%
}
.desk-wide--6-7 {
width: 85.714%
}
.desk-wide--1-8 {
width: 12.5%
}
.desk-wide--3-8 {
width: 37.5%
}
.desk-wide--5-8 {
width: 62.5%
}
.desk-wide--7-8 {
width: 87.5%
}
.desk-wide--1-9 {
width: 11.111%
}
.desk-wide--2-9 {
width: 22.222%
}
.desk-wide--4-9 {
width: 44.444%
}
.desk-wide--5-9 {
width: 55.555%
}
.desk-wide--7-9 {
width: 77.777%
}
.desk-wide--8-9 {
width: 88.888%
}
.desk-wide--1-10 {
width: 10%
}
.desk-wide--3-10 {
width: 30%
}
.desk-wide--7-10 {
width: 70%
}
.desk-wide--9-10 {
width: 90%
}
.desk-wide--1-11 {
width: 9.09%
}
.desk-wide--2-11 {
width: 18.181%
}
.desk-wide--3-11 {
width: 27.272%
}
.desk-wide--4-11 {
width: 36.363%
}
.desk-wide--5-11 {
width: 45.454%
}
.desk-wide--6-11 {
width: 54.545%
}
.desk-wide--7-11 {
width: 63.636%
}
.desk-wide--8-11 {
width: 72.727%
}
.desk-wide--9-11 {
width: 81.817%
}
.desk-wide--10-11 {
width: 90.909%
}
.desk-wide--1-12 {
width: 8.333%
}
.desk-wide--5-12 {
width: 41.666%
}
.desk-wide--7-12 {
width: 58.333%
}
.desk-wide--11-12 {
width: 91.666%
}
.desk-wide--auto {
width: auto
}
}
@media only screen and (min-width:120.001em) {
.desk-large--1-1 {
width: 100%
}
.desk-large--1-2,
.desk-large--2-4,
.desk-large--3-6,
.desk-large--4-8,
.desk-large--5-10,
.desk-large--6-12 {
width: 50%
}
.desk-large--1-3,
.desk-large--2-6,
.desk-large--3-9,
.desk-large--4-12 {
width: 33.333%
}
.desk-large--2-3,
.desk-large--4-6,
.desk-large--6-9,
.desk-large--8-12 {
width: 66.666%
}
.desk-large--1-4,
.desk-large--2-8,
.desk-large--3-12 {
width: 25%
}
.desk-large--3-4,
.desk-large--6-8,
.desk-large--9-12 {
width: 75%
}
.desk-large--1-5,
.desk-large--2-10 {
width: 20%
}
.desk-large--2-5,
.desk-large--4-10 {
width: 40%
}
.desk-large--3-5,
.desk-large--6-10 {
width: 60%
}
.desk-large--4-5,
.desk-large--8-10 {
width: 80%
}
.desk-large--1-6,
.desk-large--2-12 {
width: 16.666%
}
.desk-large--10-12,
.desk-large--5-6 {
width: 83.333%
}
.desk-large--1-7 {
width: 14.285%
}
.desk-large--2-7 {
width: 28.571%
}
.desk-large--3-7 {
width: 42.857%
}
.desk-large--4-7 {
width: 57.142%
}
.desk-large--5-7 {
width: 71.428%
}
.desk-large--6-7 {
width: 85.714%
}
.desk-large--1-8 {
width: 12.5%
}
.desk-large--3-8 {
width: 37.5%
}
.desk-large--5-8 {
width: 62.5%
}
.desk-large--7-8 {
width: 87.5%
}
.desk-large--1-9 {
width: 11.111%
}
.desk-large--2-9 {
width: 22.222%
}
.desk-large--4-9 {
width: 44.444%
}
.desk-large--5-9 {
width: 55.555%
}
.desk-large--7-9 {
width: 77.777%
}
.desk-large--8-9 {
width: 88.888%
}
.desk-large--1-10 {
width: 10%
}
.desk-large--3-10 {
width: 30%
}
.desk-large--7-10 {
width: 70%
}
.desk-large--9-10 {
width: 90%
}
.desk-large--1-11 {
width: 9.09%
}
.desk-large--2-11 {
width: 18.181%
}
.desk-large--3-11 {
width: 27.272%
}
.desk-large--4-11 {
width: 36.363%
}
.desk-large--5-11 {
width: 45.454%
}
.desk-large--6-11 {
width: 54.545%
}
.desk-large--7-11 {
width: 63.636%
}
.desk-large--8-11 {
width: 72.727%
}
.desk-large--9-11 {
width: 81.817%
}
.desk-large--10-11 {
width: 90.909%
}
.desk-large--1-12 {
width: 8.333%
}
.desk-large--5-12 {
width: 41.666%
}
.desk-large--7-12 {
width: 58.333%
}
.desk-large--11-12 {
width: 91.666%
}
.desk-large--auto {
width: auto
}
}
@media only screen and (max-width:29.999em) {
.palm--hide {
display: none !important
}
}
@media only screen and (min-width:30em)and (max-width:47.999em) {
.palm-wide--hide {
display: none !important
}
}
@media only screen and (min-width:48em)and (max-width:59.999em) {
.lap--hide {
display: none !important
}
}
@media only screen and (min-width:60em)and (max-width:79.999em) {
.lap-wide--hide {
display: none !important
}
}
@media only screen and (min-width:80em)and (max-width:104.999em) {
.desk--hide {
display: none !important
}
}
@media only screen and (min-width:105em)and (max-width:120em) {
.desk-wide--hide {
display: none !important
}
}
@media only screen and (min-width:120.001em) {
.desk-large--hide {
display: none !important
}
}
@media only screen and (max-width:29.999em) {
.palm--show {
display: inline-block !important
}
.palm--show.grid {
display: block !important
}
}
@media only screen and (min-width:30em)and (max-width:47.999em) {
.palm-wide--show {
display: inline-block !important
}
.palm-wide--show.grid {
display: block !important
}
}
@media only screen and (min-width:48em)and (max-width:59.999em) {
.lap--show {
display: inline-block !important
}
.lap--show.grid {
display: block !important
}
}
@media only screen and (min-width:60em)and (max-width:79.999em) {
.lap-wide--show {
display: inline-block !important
}
.lap-wide--show.grid {
display: block !important
}
}
@media only screen and (min-width:80em)and (max-width:104.999em) {
.desk--show {
display: inline-block !important
}
.desk--show.grid {
display: block !important
}
}
@media only screen and (min-width:105em)and (max-width:120em) {
.desk-wide--show {
display: inline-block !important
}
.desk-wide--show.grid {
display: block !important
}
}
@media only screen and (min-width:120.001em) {
.desk-large--show {
display: inline-block !important
}
.desk-large--show.grid {
display: block !important
}
}
@media only screen and (max-width:29.999em) {
.palm--rev {
direction: rtl;
text-align: left
}
.is-rtl .palm--rev {
direction: ltr;
unicode-bidi: bidi-override;
text-align: right
}
.palm--rev>.grid__item {
direction: ltr;
text-align: left
}
.is-rtl .palm--rev>.grid__item {
direction: rtl;
unicode-bidi: bidi-override;
text-align: right
}
}
@media only screen and (min-width:30em)and (max-width:47.999em) {
.palm-wide--rev {
direction: rtl;
text-align: left
}
.is-rtl .palm-wide--rev {
direction: ltr;
unicode-bidi: bidi-override;
text-align: right
}
.palm-wide--rev>.grid__item {
direction: ltr;
text-align: left
}
.is-rtl .palm-wide--rev>.grid__item {
direction: rtl;
unicode-bidi: bidi-override;
text-align: right
}
}
@media only screen and (min-width:48em)and (max-width:59.999em) {
.lap--rev {
direction: rtl;
text-align: left
}
.is-rtl .lap--rev {
direction: ltr;
unicode-bidi: bidi-override;
text-align: right
}
.lap--rev>.grid__item {
direction: ltr;
text-align: left
}
.is-rtl .lap--rev>.grid__item {
direction: rtl;
unicode-bidi: bidi-override;
text-align: right
}
}
@media only screen and (min-width:60em)and (max-width:79.999em) {
.lap-wide--rev {
direction: rtl;
text-align: left
}
.is-rtl .lap-wide--rev {
direction: ltr;
unicode-bidi: bidi-override;
text-align: right
}
.lap-wide--rev>.grid__item {
direction: ltr;
text-align: left
}
.is-rtl .lap-wide--rev>.grid__item {
direction: rtl;
unicode-bidi: bidi-override;
text-align: right
}
}
@media only screen and (min-width:80em)and (max-width:104.999em) {
.desk--rev {
direction: rtl;
text-align: left
}
.is-rtl .desk--rev {
direction: ltr;
unicode-bidi: bidi-override;
text-align: right
}
.desk--rev>.grid__item {
direction: ltr;
text-align: left
}
.is-rtl .desk--rev>.grid__item {
direction: rtl;
unicode-bidi: bidi-override;
text-align: right
}
}
@media only screen and (min-width:105em)and (max-width:120em) {
.desk-wide--rev {
direction: rtl;
text-align: left
}
.is-rtl .desk-wide--rev {
direction: ltr;
unicode-bidi: bidi-override;
text-align: right
}
.desk-wide--rev>.grid__item {
direction: ltr;
text-align: left
}
.is-rtl .desk-wide--rev>.grid__item {
direction: rtl;
unicode-bidi: bidi-override;
text-align: right
}
}
@media only screen and (min-width:120.001em) {
.desk-large--rev {
direction: rtl;
text-align: left
}
.is-rtl .desk-large--rev {
direction: ltr;
unicode-bidi: bidi-override;
text-align: right
}
.desk-large--rev>.grid__item {
direction: ltr;
text-align: left
}
.is-rtl .desk-large--rev>.grid__item {
direction: rtl;
unicode-bidi: bidi-override;
text-align: right
}
}
@media only screen and (max-width:29.999em) {
.palm--rev-full,
.palm--rev-full>.grid__item {
transform: scaleY(-1)
}
}
@media only screen and (min-width:30em)and (max-width:47.999em) {
.palm-wide--rev-full,
.palm-wide--rev-full>.grid__item {
transform: scaleY(-1)
}
}
@media only screen and (min-width:48em)and (max-width:59.999em) {
.lap--rev-full,
.lap--rev-full>.grid__item {
transform: scaleY(-1)
}
}
@media only screen and (min-width:60em)and (max-width:79.999em) {
.lap-wide--rev-full,
.lap-wide--rev-full>.grid__item {
transform: scaleY(-1)
}
}
@media only screen and (min-width:80em)and (max-width:104.999em) {
.desk--rev-full,
.desk--rev-full>.grid__item {
transform: scaleY(-1)
}
}
@media only screen and (min-width:105em)and (max-width:120em) {
.desk-wide--rev-full,
.desk-wide--rev-full>.grid__item {
transform: scaleY(-1)
}
}
@media only screen and (min-width:120.001em) {
.desk-large--rev-full,
.desk-large--rev-full>.grid__item {
transform: scaleY(-1)
}
}
@media only screen and (max-width:29.999em) {
.palm--overlay {
position: absolute !important;
width: 100%;
z-index: 800;
bottom: 0;
left: 0
}
.is-rtl .palm--overlay {
left: auto;
right: 0
}
}
@media only screen and (min-width:30em)and (max-width:47.999em) {
.palm-wide--overlay {
position: absolute !important;
width: 100%;
z-index: 800;
bottom: 0;
left: 0
}
.is-rtl .palm-wide--overlay {
left: auto;
right: 0
}
}
@media only screen and (min-width:48em)and (max-width:59.999em) {
.lap--overlay {
position: absolute !important;
width: 100%;
z-index: 800;
bottom: 0;
left: 0
}
.is-rtl .lap--overlay {
left: auto;
right: 0
}
}
@media only screen and (min-width:60em)and (max-width:79.999em) {
.lap-wide--overlay {
position: absolute !important;
width: 100%;
z-index: 800;
bottom: 0;
left: 0
}
.is-rtl .lap-wide--overlay {
left: auto;
right: 0
}
}
@media only screen and (min-width:80em)and (max-width:104.999em) {
.desk--overlay {
position: absolute !important;
width: 100%;
z-index: 800;
bottom: 0;
left: 0
}
.is-rtl .desk--overlay {
left: auto;
right: 0
}
}
@media only screen and (min-width:105em)and (max-width:120em) {
.desk-wide--overlay {
position: absolute !important;
width: 100%;
z-index: 800;
bottom: 0;
left: 0
}
.is-rtl .desk-wide--overlay {
left: auto;
right: 0
}
}
@media only screen and (min-width:120.001em) {
.desk-large--overlay {
position: absolute !important;
width: 100%;
z-index: 800;
bottom: 0;
left: 0
}
.is-rtl .desk-large--overlay {
left: auto;
right: 0
}
}
[class*=push--] {
position: relative
}
.push--1-1 {
left: 100%
}
.is-rtl .push--1-1 {
left: auto;
right: 100%
}
.push--1-2,
.push--2-4,
.push--3-6,
.push--4-8,
.push--5-10,
.push--6-12 {
left: 50%
}
.is-rtl .push--1-2,
.is-rtl .push--2-4,
.is-rtl .push--3-6,
.is-rtl .push--4-8,
.is-rtl .push--5-10,
.is-rtl .push--6-12 {
left: auto;
right: 50%
}
.push--1-3,
.push--2-6,
.push--4-12 {
left: 33.333%
}
.is-rtl .push--1-3,
.is-rtl .push--2-6,
.is-rtl .push--4-12 {
left: auto;
right: 33.333%
}
.push--2-3,
.push--4-6,
.push--8-12 {
left: 66.666%
}
.is-rtl .push--2-3,
.is-rtl .push--4-6,
.is-rtl .push--8-12 {
left: auto;
right: 66.666%
}
.push--1-4,
.push--2-8,
.push--3-12 {
left: 25%
}
.is-rtl .push--1-4,
.is-rtl .push--2-8,
.is-rtl .push--3-12 {
left: auto;
right: 25%
}
.push--3-4,
.push--6-8,
.push--9-12 {
left: 75%
}
.is-rtl .push--3-4,
.is-rtl .push--6-8,
.is-rtl .push--9-12 {
left: auto;
right: 75%
}
.push--1-5,
.push--2-10 {
left: 20%
}
.is-rtl .push--1-5,
.is-rtl .push--2-10 {
left: auto;
right: 20%
}
.push--2-5,
.push--4-10 {
left: 40%
}
.is-rtl .push--2-5,
.is-rtl .push--4-10 {
left: auto;
right: 40%
}
.push--3-5,
.push--6-10 {
left: 60%
}
.is-rtl .push--3-5,
.is-rtl .push--6-10 {
left: auto;
right: 60%
}
.push--4-5,
.push--8-10 {
left: 80%
}
.is-rtl .push--4-5,
.is-rtl .push--8-10 {
left: auto;
right: 80%
}
.push--1-6,
.push--2-12 {
left: 16.666%
}
.is-rtl .push--1-6,
.is-rtl .push--2-12 {
left: auto;
right: 16.666%
}
.push--10-12,
.push--5-6 {
left: 83.333%
}
.is-rtl .push--10-12,
.is-rtl .push--5-6 {
left: auto;
right: 83.333%
}
.push--1-8 {
left: 12.5%
}
.is-rtl .push--1-8 {
left: auto;
right: 12.5%
}
.push--3-8 {
left: 37.5%
}
.is-rtl .push--3-8 {
left: auto;
right: 37.5%
}
.push--5-8 {
left: 62.5%
}
.is-rtl .push--5-8 {
left: auto;
right: 62.5%
}
.push--7-8 {
left: 87.5%
}
.is-rtl .push--7-8 {
left: auto;
right: 87.5%
}
.push--1-10 {
left: 10%
}
.is-rtl .push--1-10 {
left: auto;
right: 10%
}
.push--3-10 {
left: 30%
}
.is-rtl .push--3-10 {
left: auto;
right: 30%
}
.push--7-10 {
left: 70%
}
.is-rtl .push--7-10 {
left: auto;
right: 70%
}
.push--9-10 {
left: 90%
}
.is-rtl .push--9-10 {
left: auto;
right: 90%
}
.push--1-12 {
left: 8.333%
}
.is-rtl .push--1-12 {
left: auto;
right: 8.333%
}
.push--5-12 {
left: 41.666%
}
.is-rtl .push--5-12 {
left: auto;
right: 41.666%
}
.push--7-12 {
left: 58.333%
}
.is-rtl .push--7-12 {
left: auto;
right: 58.333%
}
.push--11-12 {
left: 91.666%
}
.is-rtl .push--11-12 {
left: auto;
right: 91.666%
}
@media only screen and (max-width:29.999em) {
.push--palm--1-1 {
left: 100%
}
.is-rtl .push--palm--1-1 {
left: auto;
right: 100%
}
.push--palm--1-2,
.push--palm--2-4,
.push--palm--3-6,
.push--palm--4-8,
.push--palm--5-10,
.push--palm--6-12 {
left: 50%
}
.is-rtl .push--palm--1-2,
.is-rtl .push--palm--2-4,
.is-rtl .push--palm--3-6,
.is-rtl .push--palm--4-8,
.is-rtl .push--palm--5-10,
.is-rtl .push--palm--6-12 {
left: auto;
right: 50%
}
.push--palm--1-3,
.push--palm--2-6,
.push--palm--4-12 {
left: 33.333%
}
.is-rtl .push--palm--1-3,
.is-rtl .push--palm--2-6,
.is-rtl .push--palm--4-12 {
left: auto;
right: 33.333%
}
.push--palm--2-3,
.push--palm--4-6,
.push--palm--8-12 {
left: 66.666%
}
.is-rtl .push--palm--2-3,
.is-rtl .push--palm--4-6,
.is-rtl .push--palm--8-12 {
left: auto;
right: 66.666%
}
.push--palm--1-4,
.push--palm--2-8,
.push--palm--3-12 {
left: 25%
}
.is-rtl .push--palm--1-4,
.is-rtl .push--palm--2-8,
.is-rtl .push--palm--3-12 {
left: auto;
right: 25%
}
.push--palm--3-4,
.push--palm--6-8,
.push--palm--9-12 {
left: 75%
}
.is-rtl .push--palm--3-4,
.is-rtl .push--palm--6-8,
.is-rtl .push--palm--9-12 {
left: auto;
right: 75%
}
.push--palm--1-5,
.push--palm--2-10 {
left: 20%
}
.is-rtl .push--palm--1-5,
.is-rtl .push--palm--2-10 {
left: auto;
right: 20%
}
.push--palm--2-5,
.push--palm--4-10 {
left: 40%
}
.is-rtl .push--palm--2-5,
.is-rtl .push--palm--4-10 {
left: auto;
right: 40%
}
.push--palm--3-5,
.push--palm--6-10 {
left: 60%
}
.is-rtl .push--palm--3-5,
.is-rtl .push--palm--6-10 {
left: auto;
right: 60%
}
.push--palm--4-5,
.push--palm--8-10 {
left: 80%
}
.is-rtl .push--palm--4-5,
.is-rtl .push--palm--8-10 {
left: auto;
right: 80%
}
.push--palm--1-6,
.push--palm--2-12 {
left: 16.666%
}
.is-rtl .push--palm--1-6,
.is-rtl .push--palm--2-12 {
left: auto;
right: 16.666%
}
.push--palm--10-12,
.push--palm--5-6 {
left: 83.333%
}
.is-rtl .push--palm--10-12,
.is-rtl .push--palm--5-6 {
left: auto;
right: 83.333%
}
.push--palm--1-8 {
left: 12.5%
}
.is-rtl .push--palm--1-8 {
left: auto;
right: 12.5%
}
.push--palm--3-8 {
left: 37.5%
}
.is-rtl .push--palm--3-8 {
left: auto;
right: 37.5%
}
.push--palm--5-8 {
left: 62.5%
}
.is-rtl .push--palm--5-8 {
left: auto;
right: 62.5%
}
.push--palm--7-8 {
left: 87.5%
}
.is-rtl .push--palm--7-8 {
left: auto;
right: 87.5%
}
.push--palm--1-10 {
left: 10%
}
.is-rtl .push--palm--1-10 {
left: auto;
right: 10%
}
.push--palm--3-10 {
left: 30%
}
.is-rtl .push--palm--3-10 {
left: auto;
right: 30%
}
.push--palm--7-10 {
left: 70%
}
.is-rtl .push--palm--7-10 {
left: auto;
right: 70%
}
.push--palm--9-10 {
left: 90%
}
.is-rtl .push--palm--9-10 {
left: auto;
right: 90%
}
.push--palm--1-12 {
left: 8.333%
}
.is-rtl .push--palm--1-12 {
left: auto;
right: 8.333%
}
.push--palm--5-12 {
left: 41.666%
}
.is-rtl .push--palm--5-12 {
left: auto;
right: 41.666%
}
.push--palm--7-12 {
left: 58.333%
}
.is-rtl .push--palm--7-12 {
left: auto;
right: 58.333%
}
.push--palm--11-12 {
left: 91.666%
}
.is-rtl .push--palm--11-12 {
left: auto;
right: 91.666%
}
}
@media only screen and (min-width:30em)and (max-width:47.999em) {
.push--palm-wide--1-1 {
left: 100%
}
.is-rtl .push--palm-wide--1-1 {
left: auto;
right: 100%
}
.push--palm-wide--1-2,
.push--palm-wide--2-4,
.push--palm-wide--3-6,
.push--palm-wide--4-8,
.push--palm-wide--5-10,
.push--palm-wide--6-12 {
left: 50%
}
.is-rtl .push--palm-wide--1-2,
.is-rtl .push--palm-wide--2-4,
.is-rtl .push--palm-wide--3-6,
.is-rtl .push--palm-wide--4-8,
.is-rtl .push--palm-wide--5-10,
.is-rtl .push--palm-wide--6-12 {
left: auto;
right: 50%
}
.push--palm-wide--1-3,
.push--palm-wide--2-6,
.push--palm-wide--4-12 {
left: 33.333%
}
.is-rtl .push--palm-wide--1-3,
.is-rtl .push--palm-wide--2-6,
.is-rtl .push--palm-wide--4-12 {
left: auto;
right: 33.333%
}
.push--palm-wide--2-3,
.push--palm-wide--4-6,
.push--palm-wide--8-12 {
left: 66.666%
}
.is-rtl .push--palm-wide--2-3,
.is-rtl .push--palm-wide--4-6,
.is-rtl .push--palm-wide--8-12 {
left: auto;
right: 66.666%
}
.push--palm-wide--1-4,
.push--palm-wide--2-8,
.push--palm-wide--3-12 {
left: 25%
}
.is-rtl .push--palm-wide--1-4,
.is-rtl .push--palm-wide--2-8,
.is-rtl .push--palm-wide--3-12 {
left: auto;
right: 25%
}
.push--palm-wide--3-4,
.push--palm-wide--6-8,
.push--palm-wide--9-12 {
left: 75%
}
.is-rtl .push--palm-wide--3-4,
.is-rtl .push--palm-wide--6-8,
.is-rtl .push--palm-wide--9-12 {
left: auto;
right: 75%
}
.push--palm-wide--1-5,
.push--palm-wide--2-10 {
left: 20%
}
.is-rtl .push--palm-wide--1-5,
.is-rtl .push--palm-wide--2-10 {
left: auto;
right: 20%
}
.push--palm-wide--2-5,
.push--palm-wide--4-10 {
left: 40%
}
.is-rtl .push--palm-wide--2-5,
.is-rtl .push--palm-wide--4-10 {
left: auto;
right: 40%
}
.push--palm-wide--3-5,
.push--palm-wide--6-10 {
left: 60%
}
.is-rtl .push--palm-wide--3-5,
.is-rtl .push--palm-wide--6-10 {
left: auto;
right: 60%
}
.push--palm-wide--4-5,
.push--palm-wide--8-10 {
left: 80%
}
.is-rtl .push--palm-wide--4-5,
.is-rtl .push--palm-wide--8-10 {
left: auto;
right: 80%
}
.push--palm-wide--1-6,
.push--palm-wide--2-12 {
left: 16.666%
}
.is-rtl .push--palm-wide--1-6,
.is-rtl .push--palm-wide--2-12 {
left: auto;
right: 16.666%
}
.push--palm-wide--10-12,
.push--palm-wide--5-6 {
left: 83.333%
}
.is-rtl .push--palm-wide--10-12,
.is-rtl .push--palm-wide--5-6 {
left: auto;
right: 83.333%
}
.push--palm-wide--1-8 {
left: 12.5%
}
.is-rtl .push--palm-wide--1-8 {
left: auto;
right: 12.5%
}
.push--palm-wide--3-8 {
left: 37.5%
}
.is-rtl .push--palm-wide--3-8 {
left: auto;
right: 37.5%
}
.push--palm-wide--5-8 {
left: 62.5%
}
.is-rtl .push--palm-wide--5-8 {
left: auto;
right: 62.5%
}
.push--palm-wide--7-8 {
left: 87.5%
}
.is-rtl .push--palm-wide--7-8 {
left: auto;
right: 87.5%
}
.push--palm-wide--1-10 {
left: 10%
}
.is-rtl .push--palm-wide--1-10 {
left: auto;
right: 10%
}
.push--palm-wide--3-10 {
left: 30%
}
.is-rtl .push--palm-wide--3-10 {
left: auto;
right: 30%
}
.push--palm-wide--7-10 {
left: 70%
}
.is-rtl .push--palm-wide--7-10 {
left: auto;
right: 70%
}
.push--palm-wide--9-10 {
left: 90%
}
.is-rtl .push--palm-wide--9-10 {
left: auto;
right: 90%
}
.push--palm-wide--1-12 {
left: 8.333%
}
.is-rtl .push--palm-wide--1-12 {
left: auto;
right: 8.333%
}
.push--palm-wide--5-12 {
left: 41.666%
}
.is-rtl .push--palm-wide--5-12 {
left: auto;
right: 41.666%
}
.push--palm-wide--7-12 {
left: 58.333%
}
.is-rtl .push--palm-wide--7-12 {
left: auto;
right: 58.333%
}
.push--palm-wide--11-12 {
left: 91.666%
}
.is-rtl .push--palm-wide--11-12 {
left: auto;
right: 91.666%
}
}
@media only screen and (min-width:48em)and (max-width:59.999em) {
.push--lap--1-1 {
left: 100%
}
.is-rtl .push--lap--1-1 {
left: auto;
right: 100%
}
.push--lap--1-2,
.push--lap--2-4,
.push--lap--3-6,
.push--lap--4-8,
.push--lap--5-10,
.push--lap--6-12 {
left: 50%
}
.is-rtl .push--lap--1-2,
.is-rtl .push--lap--2-4,
.is-rtl .push--lap--3-6,
.is-rtl .push--lap--4-8,
.is-rtl .push--lap--5-10,
.is-rtl .push--lap--6-12 {
left: auto;
right: 50%
}
.push--lap--1-3,
.push--lap--2-6,
.push--lap--4-12 {
left: 33.333%
}
.is-rtl .push--lap--1-3,
.is-rtl .push--lap--2-6,
.is-rtl .push--lap--4-12 {
left: auto;
right: 33.333%
}
.push--lap--2-3,
.push--lap--4-6,
.push--lap--8-12 {
left: 66.666%
}
.is-rtl .push--lap--2-3,
.is-rtl .push--lap--4-6,
.is-rtl .push--lap--8-12 {
left: auto;
right: 66.666%
}
.push--lap--1-4,
.push--lap--2-8,
.push--lap--3-12 {
left: 25%
}
.is-rtl .push--lap--1-4,
.is-rtl .push--lap--2-8,
.is-rtl .push--lap--3-12 {
left: auto;
right: 25%
}
.push--lap--3-4,
.push--lap--6-8,
.push--lap--9-12 {
left: 75%
}
.is-rtl .push--lap--3-4,
.is-rtl .push--lap--6-8,
.is-rtl .push--lap--9-12 {
left: auto;
right: 75%
}
.push--lap--1-5,
.push--lap--2-10 {
left: 20%
}
.is-rtl .push--lap--1-5,
.is-rtl .push--lap--2-10 {
left: auto;
right: 20%
}
.push--lap--2-5,
.push--lap--4-10 {
left: 40%
}
.is-rtl .push--lap--2-5,
.is-rtl .push--lap--4-10 {
left: auto;
right: 40%
}
.push--lap--3-5,
.push--lap--6-10 {
left: 60%
}
.is-rtl .push--lap--3-5,
.is-rtl .push--lap--6-10 {
left: auto;
right: 60%
}
.push--lap--4-5,
.push--lap--8-10 {
left: 80%
}
.is-rtl .push--lap--4-5,
.is-rtl .push--lap--8-10 {
left: auto;
right: 80%
}
.push--lap--1-6,
.push--lap--2-12 {
left: 16.666%
}
.is-rtl .push--lap--1-6,
.is-rtl .push--lap--2-12 {
left: auto;
right: 16.666%
}
.push--lap--10-12,
.push--lap--5-6 {
left: 83.333%
}
.is-rtl .push--lap--10-12,
.is-rtl .push--lap--5-6 {
left: auto;
right: 83.333%
}
.push--lap--1-8 {
left: 12.5%
}
.is-rtl .push--lap--1-8 {
left: auto;
right: 12.5%
}
.push--lap--3-8 {
left: 37.5%
}
.is-rtl .push--lap--3-8 {
left: auto;
right: 37.5%
}
.push--lap--5-8 {
left: 62.5%
}
.is-rtl .push--lap--5-8 {
left: auto;
right: 62.5%
}
.push--lap--7-8 {
left: 87.5%
}
.is-rtl .push--lap--7-8 {
left: auto;
right: 87.5%
}
.push--lap--1-10 {
left: 10%
}
.is-rtl .push--lap--1-10 {
left: auto;
right: 10%
}
.push--lap--3-10 {
left: 30%
}
.is-rtl .push--lap--3-10 {
left: auto;
right: 30%
}
.push--lap--7-10 {
left: 70%
}
.is-rtl .push--lap--7-10 {
left: auto;
right: 70%
}
.push--lap--9-10 {
left: 90%
}
.is-rtl .push--lap--9-10 {
left: auto;
right: 90%
}
.push--lap--1-12 {
left: 8.333%
}
.is-rtl .push--lap--1-12 {
left: auto;
right: 8.333%
}
.push--lap--5-12 {
left: 41.666%
}
.is-rtl .push--lap--5-12 {
left: auto;
right: 41.666%
}
.push--lap--7-12 {
left: 58.333%
}
.is-rtl .push--lap--7-12 {
left: auto;
right: 58.333%
}
.push--lap--11-12 {
left: 91.666%
}
.is-rtl .push--lap--11-12 {
left: auto;
right: 91.666%
}
}
@media only screen and (min-width:60em)and (max-width:79.999em) {
.push--lap-wide--1-1 {
left: 100%
}
.is-rtl .push--lap-wide--1-1 {
left: auto;
right: 100%
}
.push--lap-wide--1-2,
.push--lap-wide--2-4,
.push--lap-wide--3-6,
.push--lap-wide--4-8,
.push--lap-wide--5-10,
.push--lap-wide--6-12 {
left: 50%
}
.is-rtl .push--lap-wide--1-2,
.is-rtl .push--lap-wide--2-4,
.is-rtl .push--lap-wide--3-6,
.is-rtl .push--lap-wide--4-8,
.is-rtl .push--lap-wide--5-10,
.is-rtl .push--lap-wide--6-12 {
left: auto;
right: 50%
}
.push--lap-wide--1-3,
.push--lap-wide--2-6,
.push--lap-wide--4-12 {
left: 33.333%
}
.is-rtl .push--lap-wide--1-3,
.is-rtl .push--lap-wide--2-6,
.is-rtl .push--lap-wide--4-12 {
left: auto;
right: 33.333%
}
.push--lap-wide--2-3,
.push--lap-wide--4-6,
.push--lap-wide--8-12 {
left: 66.666%
}
.is-rtl .push--lap-wide--2-3,
.is-rtl .push--lap-wide--4-6,
.is-rtl .push--lap-wide--8-12 {
left: auto;
right: 66.666%
}
.push--lap-wide--1-4,
.push--lap-wide--2-8,
.push--lap-wide--3-12 {
left: 25%
}
.is-rtl .push--lap-wide--1-4,
.is-rtl .push--lap-wide--2-8,
.is-rtl .push--lap-wide--3-12 {
left: auto;
right: 25%
}
.push--lap-wide--3-4,
.push--lap-wide--6-8,
.push--lap-wide--9-12 {
left: 75%
}
.is-rtl .push--lap-wide--3-4,
.is-rtl .push--lap-wide--6-8,
.is-rtl .push--lap-wide--9-12 {
left: auto;
right: 75%
}
.push--lap-wide--1-5,
.push--lap-wide--2-10 {
left: 20%
}
.is-rtl .push--lap-wide--1-5,
.is-rtl .push--lap-wide--2-10 {
left: auto;
right: 20%
}
.push--lap-wide--2-5,
.push--lap-wide--4-10 {
left: 40%
}
.is-rtl .push--lap-wide--2-5,
.is-rtl .push--lap-wide--4-10 {
left: auto;
right: 40%
}
.push--lap-wide--3-5,
.push--lap-wide--6-10 {
left: 60%
}
.is-rtl .push--lap-wide--3-5,
.is-rtl .push--lap-wide--6-10 {
left: auto;
right: 60%
}
.push--lap-wide--4-5,
.push--lap-wide--8-10 {
left: 80%
}
.is-rtl .push--lap-wide--4-5,
.is-rtl .push--lap-wide--8-10 {
left: auto;
right: 80%
}
.push--lap-wide--1-6,
.push--lap-wide--2-12 {
left: 16.666%
}
.is-rtl .push--lap-wide--1-6,
.is-rtl .push--lap-wide--2-12 {
left: auto;
right: 16.666%
}
.push--lap-wide--10-12,
.push--lap-wide--5-6 {
left: 83.333%
}
.is-rtl .push--lap-wide--10-12,
.is-rtl .push--lap-wide--5-6 {
left: auto;
right: 83.333%
}
.push--lap-wide--1-8 {
left: 12.5%
}
.is-rtl .push--lap-wide--1-8 {
left: auto;
right: 12.5%
}
.push--lap-wide--3-8 {
left: 37.5%
}
.is-rtl .push--lap-wide--3-8 {
left: auto;
right: 37.5%
}
.push--lap-wide--5-8 {
left: 62.5%
}
.is-rtl .push--lap-wide--5-8 {
left: auto;
right: 62.5%
}
.push--lap-wide--7-8 {
left: 87.5%
}
.is-rtl .push--lap-wide--7-8 {
left: auto;
right: 87.5%
}
.push--lap-wide--1-10 {
left: 10%
}
.is-rtl .push--lap-wide--1-10 {
left: auto;
right: 10%
}
.push--lap-wide--3-10 {
left: 30%
}
.is-rtl .push--lap-wide--3-10 {
left: auto;
right: 30%
}
.push--lap-wide--7-10 {
left: 70%
}
.is-rtl .push--lap-wide--7-10 {
left: auto;
right: 70%
}
.push--lap-wide--9-10 {
left: 90%
}
.is-rtl .push--lap-wide--9-10 {
left: auto;
right: 90%
}
.push--lap-wide--1-12 {
left: 8.333%
}
.is-rtl .push--lap-wide--1-12 {
left: auto;
right: 8.333%
}
.push--lap-wide--5-12 {
left: 41.666%
}
.is-rtl .push--lap-wide--5-12 {
left: auto;
right: 41.666%
}
.push--lap-wide--7-12 {
left: 58.333%
}
.is-rtl .push--lap-wide--7-12 {
left: auto;
right: 58.333%
}
.push--lap-wide--11-12 {
left: 91.666%
}
.is-rtl .push--lap-wide--11-12 {
left: auto;
right: 91.666%
}
}
@media only screen and (min-width:80em)and (max-width:104.999em) {
.push--desk--1-1 {
left: 100%
}
.is-rtl .push--desk--1-1 {
left: auto;
right: 100%
}
.push--desk--1-2,
.push--desk--2-4,
.push--desk--3-6,
.push--desk--4-8,
.push--desk--5-10,
.push--desk--6-12 {
left: 50%
}
.is-rtl .push--desk--1-2,
.is-rtl .push--desk--2-4,
.is-rtl .push--desk--3-6,
.is-rtl .push--desk--4-8,
.is-rtl .push--desk--5-10,
.is-rtl .push--desk--6-12 {
left: auto;
right: 50%
}
.push--desk--1-3,
.push--desk--2-6,
.push--desk--4-12 {
left: 33.333%
}
.is-rtl .push--desk--1-3,
.is-rtl .push--desk--2-6,
.is-rtl .push--desk--4-12 {
left: auto;
right: 33.333%
}
.push--desk--2-3,
.push--desk--4-6,
.push--desk--8-12 {
left: 66.666%
}
.is-rtl .push--desk--2-3,
.is-rtl .push--desk--4-6,
.is-rtl .push--desk--8-12 {
left: auto;
right: 66.666%
}
.push--desk--1-4,
.push--desk--2-8,
.push--desk--3-12 {
left: 25%
}
.is-rtl .push--desk--1-4,
.is-rtl .push--desk--2-8,
.is-rtl .push--desk--3-12 {
left: auto;
right: 25%
}
.push--desk--3-4,
.push--desk--6-8,
.push--desk--9-12 {
left: 75%
}
.is-rtl .push--desk--3-4,
.is-rtl .push--desk--6-8,
.is-rtl .push--desk--9-12 {
left: auto;
right: 75%
}
.push--desk--1-5,
.push--desk--2-10 {
left: 20%
}
.is-rtl .push--desk--1-5,
.is-rtl .push--desk--2-10 {
left: auto;
right: 20%
}
.push--desk--2-5,
.push--desk--4-10 {
left: 40%
}
.is-rtl .push--desk--2-5,
.is-rtl .push--desk--4-10 {
left: auto;
right: 40%
}
.push--desk--3-5,
.push--desk--6-10 {
left: 60%
}
.is-rtl .push--desk--3-5,
.is-rtl .push--desk--6-10 {
left: auto;
right: 60%
}
.push--desk--4-5,
.push--desk--8-10 {
left: 80%
}
.is-rtl .push--desk--4-5,
.is-rtl .push--desk--8-10 {
left: auto;
right: 80%
}
.push--desk--1-6,
.push--desk--2-12 {
left: 16.666%
}
.is-rtl .push--desk--1-6,
.is-rtl .push--desk--2-12 {
left: auto;
right: 16.666%
}
.push--desk--10-12,
.push--desk--5-6 {
left: 83.333%
}
.is-rtl .push--desk--10-12,
.is-rtl .push--desk--5-6 {
left: auto;
right: 83.333%
}
.push--desk--1-8 {
left: 12.5%
}
.is-rtl .push--desk--1-8 {
left: auto;
right: 12.5%
}
.push--desk--3-8 {
left: 37.5%
}
.is-rtl .push--desk--3-8 {
left: auto;
right: 37.5%
}
.push--desk--5-8 {
left: 62.5%
}
.is-rtl .push--desk--5-8 {
left: auto;
right: 62.5%
}
.push--desk--7-8 {
left: 87.5%
}
.is-rtl .push--desk--7-8 {
left: auto;
right: 87.5%
}
.push--desk--1-10 {
left: 10%
}
.is-rtl .push--desk--1-10 {
left: auto;
right: 10%
}
.push--desk--3-10 {
left: 30%
}
.is-rtl .push--desk--3-10 {
left: auto;
right: 30%
}
.push--desk--7-10 {
left: 70%
}
.is-rtl .push--desk--7-10 {
left: auto;
right: 70%
}
.push--desk--9-10 {
left: 90%
}
.is-rtl .push--desk--9-10 {
left: auto;
right: 90%
}
.push--desk--1-12 {
left: 8.333%
}
.is-rtl .push--desk--1-12 {
left: auto;
right: 8.333%
}
.push--desk--5-12 {
left: 41.666%
}
.is-rtl .push--desk--5-12 {
left: auto;
right: 41.666%
}
.push--desk--7-12 {
left: 58.333%
}
.is-rtl .push--desk--7-12 {
left: auto;
right: 58.333%
}
.push--desk--11-12 {
left: 91.666%
}
.is-rtl .push--desk--11-12 {
left: auto;
right: 91.666%
}
}
@media only screen and (min-width:105em)and (max-width:120em) {
.push--desk-wide--1-1 {
left: 100%
}
.is-rtl .push--desk-wide--1-1 {
left: auto;
right: 100%
}
.push--desk-wide--1-2,
.push--desk-wide--2-4,
.push--desk-wide--3-6,
.push--desk-wide--4-8,
.push--desk-wide--5-10,
.push--desk-wide--6-12 {
left: 50%
}
.is-rtl .push--desk-wide--1-2,
.is-rtl .push--desk-wide--2-4,
.is-rtl .push--desk-wide--3-6,
.is-rtl .push--desk-wide--4-8,
.is-rtl .push--desk-wide--5-10,
.is-rtl .push--desk-wide--6-12 {
left: auto;
right: 50%
}
.push--desk-wide--1-3,
.push--desk-wide--2-6,
.push--desk-wide--4-12 {
left: 33.333%
}
.is-rtl .push--desk-wide--1-3,
.is-rtl .push--desk-wide--2-6,
.is-rtl .push--desk-wide--4-12 {
left: auto;
right: 33.333%
}
.push--desk-wide--2-3,
.push--desk-wide--4-6,
.push--desk-wide--8-12 {
left: 66.666%
}
.is-rtl .push--desk-wide--2-3,
.is-rtl .push--desk-wide--4-6,
.is-rtl .push--desk-wide--8-12 {
left: auto;
right: 66.666%
}
.push--desk-wide--1-4,
.push--desk-wide--2-8,
.push--desk-wide--3-12 {
left: 25%
}
.is-rtl .push--desk-wide--1-4,
.is-rtl .push--desk-wide--2-8,
.is-rtl .push--desk-wide--3-12 {
left: auto;
right: 25%
}
.push--desk-wide--3-4,
.push--desk-wide--6-8,
.push--desk-wide--9-12 {
left: 75%
}
.is-rtl .push--desk-wide--3-4,
.is-rtl .push--desk-wide--6-8,
.is-rtl .push--desk-wide--9-12 {
left: auto;
right: 75%
}
.push--desk-wide--1-5,
.push--desk-wide--2-10 {
left: 20%
}
.is-rtl .push--desk-wide--1-5,
.is-rtl .push--desk-wide--2-10 {
left: auto;
right: 20%
}
.push--desk-wide--2-5,
.push--desk-wide--4-10 {
left: 40%
}
.is-rtl .push--desk-wide--2-5,
.is-rtl .push--desk-wide--4-10 {
left: auto;
right: 40%
}
.push--desk-wide--3-5,
.push--desk-wide--6-10 {
left: 60%
}
.is-rtl .push--desk-wide--3-5,
.is-rtl .push--desk-wide--6-10 {
left: auto;
right: 60%
}
.push--desk-wide--4-5,
.push--desk-wide--8-10 {
left: 80%
}
.is-rtl .push--desk-wide--4-5,
.is-rtl .push--desk-wide--8-10 {
left: auto;
right: 80%
}
.push--desk-wide--1-6,
.push--desk-wide--2-12 {
left: 16.666%
}
.is-rtl .push--desk-wide--1-6,
.is-rtl .push--desk-wide--2-12 {
left: auto;
right: 16.666%
}
.push--desk-wide--10-12,
.push--desk-wide--5-6 {
left: 83.333%
}
.is-rtl .push--desk-wide--10-12,
.is-rtl .push--desk-wide--5-6 {
left: auto;
right: 83.333%
}
.push--desk-wide--1-8 {
left: 12.5%
}
.is-rtl .push--desk-wide--1-8 {
left: auto;
right: 12.5%
}
.push--desk-wide--3-8 {
left: 37.5%
}
.is-rtl .push--desk-wide--3-8 {
left: auto;
right: 37.5%
}
.push--desk-wide--5-8 {
left: 62.5%
}
.is-rtl .push--desk-wide--5-8 {
left: auto;
right: 62.5%
}
.push--desk-wide--7-8 {
left: 87.5%
}
.is-rtl .push--desk-wide--7-8 {
left: auto;
right: 87.5%
}
.push--desk-wide--1-10 {
left: 10%
}
.is-rtl .push--desk-wide--1-10 {
left: auto;
right: 10%
}
.push--desk-wide--3-10 {
left: 30%
}
.is-rtl .push--desk-wide--3-10 {
left: auto;
right: 30%
}
.push--desk-wide--7-10 {
left: 70%
}
.is-rtl .push--desk-wide--7-10 {
left: auto;
right: 70%
}
.push--desk-wide--9-10 {
left: 90%
}
.is-rtl .push--desk-wide--9-10 {
left: auto;
right: 90%
}
.push--desk-wide--1-12 {
left: 8.333%
}
.is-rtl .push--desk-wide--1-12 {
left: auto;
right: 8.333%
}
.push--desk-wide--5-12 {
left: 41.666%
}
.is-rtl .push--desk-wide--5-12 {
left: auto;
right: 41.666%
}
.push--desk-wide--7-12 {
left: 58.333%
}
.is-rtl .push--desk-wide--7-12 {
left: auto;
right: 58.333%
}
.push--desk-wide--11-12 {
left: 91.666%
}
.is-rtl .push--desk-wide--11-12 {
left: auto;
right: 91.666%
}
}
@media only screen and (min-width:120.001em) {
.push--desk-large--1-1 {
left: 100%
}
.is-rtl .push--desk-large--1-1 {
left: auto;
right: 100%
}
.push--desk-large--1-2,
.push--desk-large--2-4,
.push--desk-large--3-6,
.push--desk-large--4-8,
.push--desk-large--5-10,
.push--desk-large--6-12 {
left: 50%
}
.is-rtl .push--desk-large--1-2,
.is-rtl .push--desk-large--2-4,
.is-rtl .push--desk-large--3-6,
.is-rtl .push--desk-large--4-8,
.is-rtl .push--desk-large--5-10,
.is-rtl .push--desk-large--6-12 {
left: auto;
right: 50%
}
.push--desk-large--1-3,
.push--desk-large--2-6,
.push--desk-large--4-12 {
left: 33.333%
}
.is-rtl .push--desk-large--1-3,
.is-rtl .push--desk-large--2-6,
.is-rtl .push--desk-large--4-12 {
left: auto;
right: 33.333%
}
.push--desk-large--2-3,
.push--desk-large--4-6,
.push--desk-large--8-12 {
left: 66.666%
}
.is-rtl .push--desk-large--2-3,
.is-rtl .push--desk-large--4-6,
.is-rtl .push--desk-large--8-12 {
left: auto;
right: 66.666%
}
.push--desk-large--1-4,
.push--desk-large--2-8,
.push--desk-large--3-12 {
left: 25%
}
.is-rtl .push--desk-large--1-4,
.is-rtl .push--desk-large--2-8,
.is-rtl .push--desk-large--3-12 {
left: auto;
right: 25%
}
.push--desk-large--3-4,
.push--desk-large--6-8,
.push--desk-large--9-12 {
left: 75%
}
.is-rtl .push--desk-large--3-4,
.is-rtl .push--desk-large--6-8,
.is-rtl .push--desk-large--9-12 {
left: auto;
right: 75%
}
.push--desk-large--1-5,
.push--desk-large--2-10 {
left: 20%
}
.is-rtl .push--desk-large--1-5,
.is-rtl .push--desk-large--2-10 {
left: auto;
right: 20%
}
.push--desk-large--2-5,
.push--desk-large--4-10 {
left: 40%
}
.is-rtl .push--desk-large--2-5,
.is-rtl .push--desk-large--4-10 {
left: auto;
right: 40%
}
.push--desk-large--3-5,
.push--desk-large--6-10 {
left: 60%
}
.is-rtl .push--desk-large--3-5,
.is-rtl .push--desk-large--6-10 {
left: auto;
right: 60%
}
.push--desk-large--4-5,
.push--desk-large--8-10 {
left: 80%
}
.is-rtl .push--desk-large--4-5,
.is-rtl .push--desk-large--8-10 {
left: auto;
right: 80%
}
.push--desk-large--1-6,
.push--desk-large--2-12 {
left: 16.666%
}
.is-rtl .push--desk-large--1-6,
.is-rtl .push--desk-large--2-12 {
left: auto;
right: 16.666%
}
.push--desk-large--10-12,
.push--desk-large--5-6 {
left: 83.333%
}
.is-rtl .push--desk-large--10-12,
.is-rtl .push--desk-large--5-6 {
left: auto;
right: 83.333%
}
.push--desk-large--1-8 {
left: 12.5%
}
.is-rtl .push--desk-large--1-8 {
left: auto;
right: 12.5%
}
.push--desk-large--3-8 {
left: 37.5%
}
.is-rtl .push--desk-large--3-8 {
left: auto;
right: 37.5%
}
.push--desk-large--5-8 {
left: 62.5%
}
.is-rtl .push--desk-large--5-8 {
left: auto;
right: 62.5%
}
.push--desk-large--7-8 {
left: 87.5%
}
.is-rtl .push--desk-large--7-8 {
left: auto;
right: 87.5%
}
.push--desk-large--1-10 {
left: 10%
}
.is-rtl .push--desk-large--1-10 {
left: auto;
right: 10%
}
.push--desk-large--3-10 {
left: 30%
}
.is-rtl .push--desk-large--3-10 {
left: auto;
right: 30%
}
.push--desk-large--7-10 {
left: 70%
}
.is-rtl .push--desk-large--7-10 {
left: auto;
right: 70%
}
.push--desk-large--9-10 {
left: 90%
}
.is-rtl .push--desk-large--9-10 {
left: auto;
right: 90%
}
.push--desk-large--1-12 {
left: 8.333%
}
.is-rtl .push--desk-large--1-12 {
left: auto;
right: 8.333%
}
.push--desk-large--5-12 {
left: 41.666%
}
.is-rtl .push--desk-large--5-12 {
left: auto;
right: 41.666%
}
.push--desk-large--7-12 {
left: 58.333%
}
.is-rtl .push--desk-large--7-12 {
left: auto;
right: 58.333%
}
.push--desk-large--11-12 {
left: 91.666%
}
.is-rtl .push--desk-large--11-12 {
left: auto;
right: 91.666%
}
}
[class*=pull--] {
position: relative
}
.pull--1-1 {
right: 100%
}
.is-rtl .pull--1-1 {
right: auto;
left: 100%
}
.pull--1-2,
.pull--2-4,
.pull--3-6,
.pull--4-8,
.pull--5-10,
.pull--6-12 {
right: 50%
}
.is-rtl .pull--1-2,
.is-rtl .pull--2-4,
.is-rtl .pull--3-6,
.is-rtl .pull--4-8,
.is-rtl .pull--5-10,
.is-rtl .pull--6-12 {
right: auto;
left: 50%
}
.pull--1-3,
.pull--2-6,
.pull--4-12 {
right: 33.333%
}
.is-rtl .pull--1-3,
.is-rtl .pull--2-6,
.is-rtl .pull--4-12 {
right: auto;
left: 33.333%
}
.pull--2-3,
.pull--4-6,
.pull--8-12 {
right: 66.666%
}
.is-rtl .pull--2-3,
.is-rtl .pull--4-6,
.is-rtl .pull--8-12 {
right: auto;
left: 66.666%
}
.pull--1-4,
.pull--2-8,
.pull--3-12 {
right: 25%
}
.is-rtl .pull--1-4,
.is-rtl .pull--2-8,
.is-rtl .pull--3-12 {
right: auto;
left: 25%
}
.pull--3-4,
.pull--6-8,
.pull--9-12 {
right: 75%
}
.is-rtl .pull--3-4,
.is-rtl .pull--6-8,
.is-rtl .pull--9-12 {
right: auto;
left: 75%
}
.pull--1-5,
.pull--2-10 {
right: 20%
}
.is-rtl .pull--1-5,
.is-rtl .pull--2-10 {
right: auto;
left: 20%
}
.pull--2-5,
.pull--4-10 {
right: 40%
}
.is-rtl .pull--2-5,
.is-rtl .pull--4-10 {
right: auto;
left: 40%
}
.pull--3-5,
.pull--6-10 {
right: 60%
}
.is-rtl .pull--3-5,
.is-rtl .pull--6-10 {
right: auto;
left: 60%
}
.pull--4-5,
.pull--8-10 {
right: 80%
}
.is-rtl .pull--4-5,
.is-rtl .pull--8-10 {
right: auto;
left: 80%
}
.pull--1-6,
.pull--2-12 {
right: 16.666%
}
.is-rtl .pull--1-6,
.is-rtl .pull--2-12 {
right: auto;
left: 16.666%
}
.pull--10-12,
.pull--5-6 {
right: 83.333%
}
.is-rtl .pull--10-12,
.is-rtl .pull--5-6 {
right: auto;
left: 83.333%
}
.pull--1-8 {
right: 12.5%
}
.is-rtl .pull--1-8 {
right: auto;
left: 12.5%
}
.pull--3-8 {
right: 37.5%
}
.is-rtl .pull--3-8 {
right: auto;
left: 37.5%
}
.pull--5-8 {
right: 62.5%
}
.is-rtl .pull--5-8 {
right: auto;
left: 62.5%
}
.pull--7-8 {
right: 87.5%
}
.is-rtl .pull--7-8 {
right: auto;
left: 87.5%
}
.pull--1-10 {
right: 10%
}
.is-rtl .pull--1-10 {
right: auto;
left: 10%
}
.pull--3-10 {
right: 30%
}
.is-rtl .pull--3-10 {
right: auto;
left: 30%
}
.pull--7-10 {
right: 70%
}
.is-rtl .pull--7-10 {
right: auto;
left: 70%
}
.pull--9-10 {
right: 90%
}
.is-rtl .pull--9-10 {
right: auto;
left: 90%
}
.pull--1-12 {
right: 8.333%
}
.is-rtl .pull--1-12 {
right: auto;
left: 8.333%
}
.pull--5-12 {
right: 41.666%
}
.is-rtl .pull--5-12 {
right: auto;
left: 41.666%
}
.pull--7-12 {
right: 58.333%
}
.is-rtl .pull--7-12 {
right: auto;
left: 58.333%
}
.pull--11-12 {
right: 91.666%
}
.is-rtl .pull--11-12 {
right: auto;
left: 91.666%
}
@media only screen and (max-width:29.999em) {
.pull--palm--1-1 {
right: 100%
}
.is-rtl .pull--palm--1-1 {
right: auto;
left: 100%
}
.pull--palm--1-2,
.pull--palm--2-4,
.pull--palm--3-6,
.pull--palm--4-8,
.pull--palm--5-10,
.pull--palm--6-12 {
right: 50%
}
.is-rtl .pull--palm--1-2,
.is-rtl .pull--palm--2-4,
.is-rtl .pull--palm--3-6,
.is-rtl .pull--palm--4-8,
.is-rtl .pull--palm--5-10,
.is-rtl .pull--palm--6-12 {
right: auto;
left: 50%
}
.pull--palm--1-3,
.pull--palm--2-6,
.pull--palm--4-12 {
right: 33.333%
}
.is-rtl .pull--palm--1-3,
.is-rtl .pull--palm--2-6,
.is-rtl .pull--palm--4-12 {
right: auto;
left: 33.333%
}
.pull--palm--2-3,
.pull--palm--4-6,
.pull--palm--8-12 {
right: 66.666%
}
.is-rtl .pull--palm--2-3,
.is-rtl .pull--palm--4-6,
.is-rtl .pull--palm--8-12 {
right: auto;
left: 66.666%
}
.pull--palm--1-4,
.pull--palm--2-8,
.pull--palm--3-12 {
right: 25%
}
.is-rtl .pull--palm--1-4,
.is-rtl .pull--palm--2-8,
.is-rtl .pull--palm--3-12 {
right: auto;
left: 25%
}
.pull--palm--3-4,
.pull--palm--6-8,
.pull--palm--9-12 {
right: 75%
}
.is-rtl .pull--palm--3-4,
.is-rtl .pull--palm--6-8,
.is-rtl .pull--palm--9-12 {
right: auto;
left: 75%
}
.pull--palm--1-5,
.pull--palm--2-10 {
right: 20%
}
.is-rtl .pull--palm--1-5,
.is-rtl .pull--palm--2-10 {
right: auto;
left: 20%
}
.pull--palm--2-5,
.pull--palm--4-10 {
right: 40%
}
.is-rtl .pull--palm--2-5,
.is-rtl .pull--palm--4-10 {
right: auto;
left: 40%
}
.pull--palm--3-5,
.pull--palm--6-10 {
right: 60%
}
.is-rtl .pull--palm--3-5,
.is-rtl .pull--palm--6-10 {
right: auto;
left: 60%
}
.pull--palm--4-5,
.pull--palm--8-10 {
right: 80%
}
.is-rtl .pull--palm--4-5,
.is-rtl .pull--palm--8-10 {
right: auto;
left: 80%
}
.pull--palm--1-6,
.pull--palm--2-12 {
right: 16.666%
}
.is-rtl .pull--palm--1-6,
.is-rtl .pull--palm--2-12 {
right: auto;
left: 16.666%
}
.pull--palm--10-12,
.pull--palm--5-6 {
right: 83.333%
}
.is-rtl .pull--palm--10-12,
.is-rtl .pull--palm--5-6 {
right: auto;
left: 83.333%
}
.pull--palm--1-8 {
right: 12.5%
}
.is-rtl .pull--palm--1-8 {
right: auto;
left: 12.5%
}
.pull--palm--3-8 {
right: 37.5%
}
.is-rtl .pull--palm--3-8 {
right: auto;
left: 37.5%
}
.pull--palm--5-8 {
right: 62.5%
}
.is-rtl .pull--palm--5-8 {
right: auto;
left: 62.5%
}
.pull--palm--7-8 {
right: 87.5%
}
.is-rtl .pull--palm--7-8 {
right: auto;
left: 87.5%
}
.pull--palm--1-10 {
right: 10%
}
.is-rtl .pull--palm--1-10 {
right: auto;
left: 10%
}
.pull--palm--3-10 {
right: 30%
}
.is-rtl .pull--palm--3-10 {
right: auto;
left: 30%
}
.pull--palm--7-10 {
right: 70%
}
.is-rtl .pull--palm--7-10 {
right: auto;
left: 70%
}
.pull--palm--9-10 {
right: 90%
}
.is-rtl .pull--palm--9-10 {
right: auto;
left: 90%
}
.pull--palm--1-12 {
right: 8.333%
}
.is-rtl .pull--palm--1-12 {
right: auto;
left: 8.333%
}
.pull--palm--5-12 {
right: 41.666%
}
.is-rtl .pull--palm--5-12 {
right: auto;
left: 41.666%
}
.pull--palm--7-12 {
right: 58.333%
}
.is-rtl .pull--palm--7-12 {
right: auto;
left: 58.333%
}
.pull--palm--11-12 {
right: 91.666%
}
.is-rtl .pull--palm--11-12 {
right: auto;
left: 91.666%
}
}
@media only screen and (min-width:30em)and (max-width:47.999em) {
.pull--palm-wide--1-1 {
right: 100%
}
.is-rtl .pull--palm-wide--1-1 {
right: auto;
left: 100%
}
.pull--palm-wide--1-2,
.pull--palm-wide--2-4,
.pull--palm-wide--3-6,
.pull--palm-wide--4-8,
.pull--palm-wide--5-10,
.pull--palm-wide--6-12 {
right: 50%
}
.is-rtl .pull--palm-wide--1-2,
.is-rtl .pull--palm-wide--2-4,
.is-rtl .pull--palm-wide--3-6,
.is-rtl .pull--palm-wide--4-8,
.is-rtl .pull--palm-wide--5-10,
.is-rtl .pull--palm-wide--6-12 {
right: auto;
left: 50%
}
.pull--palm-wide--1-3,
.pull--palm-wide--2-6,
.pull--palm-wide--4-12 {
right: 33.333%
}
.is-rtl .pull--palm-wide--1-3,
.is-rtl .pull--palm-wide--2-6,
.is-rtl .pull--palm-wide--4-12 {
right: auto;
left: 33.333%
}
.pull--palm-wide--2-3,
.pull--palm-wide--4-6,
.pull--palm-wide--8-12 {
right: 66.666%
}
.is-rtl .pull--palm-wide--2-3,
.is-rtl .pull--palm-wide--4-6,
.is-rtl .pull--palm-wide--8-12 {
right: auto;
left: 66.666%
}
.pull--palm-wide--1-4,
.pull--palm-wide--2-8,
.pull--palm-wide--3-12 {
right: 25%
}
.is-rtl .pull--palm-wide--1-4,
.is-rtl .pull--palm-wide--2-8,
.is-rtl .pull--palm-wide--3-12 {
right: auto;
left: 25%
}
.pull--palm-wide--3-4,
.pull--palm-wide--6-8,
.pull--palm-wide--9-12 {
right: 75%
}
.is-rtl .pull--palm-wide--3-4,
.is-rtl .pull--palm-wide--6-8,
.is-rtl .pull--palm-wide--9-12 {
right: auto;
left: 75%
}
.pull--palm-wide--1-5,
.pull--palm-wide--2-10 {
right: 20%
}
.is-rtl .pull--palm-wide--1-5,
.is-rtl .pull--palm-wide--2-10 {
right: auto;
left: 20%
}
.pull--palm-wide--2-5,
.pull--palm-wide--4-10 {
right: 40%
}
.is-rtl .pull--palm-wide--2-5,
.is-rtl .pull--palm-wide--4-10 {
right: auto;
left: 40%
}
.pull--palm-wide--3-5,
.pull--palm-wide--6-10 {
right: 60%
}
.is-rtl .pull--palm-wide--3-5,
.is-rtl .pull--palm-wide--6-10 {
right: auto;
left: 60%
}
.pull--palm-wide--4-5,
.pull--palm-wide--8-10 {
right: 80%
}
.is-rtl .pull--palm-wide--4-5,
.is-rtl .pull--palm-wide--8-10 {
right: auto;
left: 80%
}
.pull--palm-wide--1-6,
.pull--palm-wide--2-12 {
right: 16.666%
}
.is-rtl .pull--palm-wide--1-6,
.is-rtl .pull--palm-wide--2-12 {
right: auto;
left: 16.666%
}
.pull--palm-wide--10-12,
.pull--palm-wide--5-6 {
right: 83.333%
}
.is-rtl .pull--palm-wide--10-12,
.is-rtl .pull--palm-wide--5-6 {
right: auto;
left: 83.333%
}
.pull--palm-wide--1-8 {
right: 12.5%
}
.is-rtl .pull--palm-wide--1-8 {
right: auto;
left: 12.5%
}
.pull--palm-wide--3-8 {
right: 37.5%
}
.is-rtl .pull--palm-wide--3-8 {
right: auto;
left: 37.5%
}
.pull--palm-wide--5-8 {
right: 62.5%
}
.is-rtl .pull--palm-wide--5-8 {
right: auto;
left: 62.5%
}
.pull--palm-wide--7-8 {
right: 87.5%
}
.is-rtl .pull--palm-wide--7-8 {
right: auto;
left: 87.5%
}
.pull--palm-wide--1-10 {
right: 10%
}
.is-rtl .pull--palm-wide--1-10 {
right: auto;
left: 10%
}
.pull--palm-wide--3-10 {
right: 30%
}
.is-rtl .pull--palm-wide--3-10 {
right: auto;
left: 30%
}
.pull--palm-wide--7-10 {
right: 70%
}
.is-rtl .pull--palm-wide--7-10 {
right: auto;
left: 70%
}
.pull--palm-wide--9-10 {
right: 90%
}
.is-rtl .pull--palm-wide--9-10 {
right: auto;
left: 90%
}
.pull--palm-wide--1-12 {
right: 8.333%
}
.is-rtl .pull--palm-wide--1-12 {
right: auto;
left: 8.333%
}
.pull--palm-wide--5-12 {
right: 41.666%
}
.is-rtl .pull--palm-wide--5-12 {
right: auto;
left: 41.666%
}
.pull--palm-wide--7-12 {
right: 58.333%
}
.is-rtl .pull--palm-wide--7-12 {
right: auto;
left: 58.333%
}
.pull--palm-wide--11-12 {
right: 91.666%
}
.is-rtl .pull--palm-wide--11-12 {
right: auto;
left: 91.666%
}
}
@media only screen and (min-width:48em)and (max-width:59.999em) {
.pull--lap--1-1 {
right: 100%
}
.is-rtl .pull--lap--1-1 {
right: auto;
left: 100%
}
.pull--lap--1-2,
.pull--lap--2-4,
.pull--lap--3-6,
.pull--lap--4-8,
.pull--lap--5-10,
.pull--lap--6-12 {
right: 50%
}
.is-rtl .pull--lap--1-2,
.is-rtl .pull--lap--2-4,
.is-rtl .pull--lap--3-6,
.is-rtl .pull--lap--4-8,
.is-rtl .pull--lap--5-10,
.is-rtl .pull--lap--6-12 {
right: auto;
left: 50%
}
.pull--lap--1-3,
.pull--lap--2-6,
.pull--lap--4-12 {
right: 33.333%
}
.is-rtl .pull--lap--1-3,
.is-rtl .pull--lap--2-6,
.is-rtl .pull--lap--4-12 {
right: auto;
left: 33.333%
}
.pull--lap--2-3,
.pull--lap--4-6,
.pull--lap--8-12 {
right: 66.666%
}
.is-rtl .pull--lap--2-3,
.is-rtl .pull--lap--4-6,
.is-rtl .pull--lap--8-12 {
right: auto;
left: 66.666%
}
.pull--lap--1-4,
.pull--lap--2-8,
.pull--lap--3-12 {
right: 25%
}
.is-rtl .pull--lap--1-4,
.is-rtl .pull--lap--2-8,
.is-rtl .pull--lap--3-12 {
right: auto;
left: 25%
}
.pull--lap--3-4,
.pull--lap--6-8,
.pull--lap--9-12 {
right: 75%
}
.is-rtl .pull--lap--3-4,
.is-rtl .pull--lap--6-8,
.is-rtl .pull--lap--9-12 {
right: auto;
left: 75%
}
.pull--lap--1-5,
.pull--lap--2-10 {
right: 20%
}
.is-rtl .pull--lap--1-5,
.is-rtl .pull--lap--2-10 {
right: auto;
left: 20%
}
.pull--lap--2-5,
.pull--lap--4-10 {
right: 40%
}
.is-rtl .pull--lap--2-5,
.is-rtl .pull--lap--4-10 {
right: auto;
left: 40%
}
.pull--lap--3-5,
.pull--lap--6-10 {
right: 60%
}
.is-rtl .pull--lap--3-5,
.is-rtl .pull--lap--6-10 {
right: auto;
left: 60%
}
.pull--lap--4-5,
.pull--lap--8-10 {
right: 80%
}
.is-rtl .pull--lap--4-5,
.is-rtl .pull--lap--8-10 {
right: auto;
left: 80%
}
.pull--lap--1-6,
.pull--lap--2-12 {
right: 16.666%
}
.is-rtl .pull--lap--1-6,
.is-rtl .pull--lap--2-12 {
right: auto;
left: 16.666%
}
.pull--lap--10-12,
.pull--lap--5-6 {
right: 83.333%
}
.is-rtl .pull--lap--10-12,
.is-rtl .pull--lap--5-6 {
right: auto;
left: 83.333%
}
.pull--lap--1-8 {
right: 12.5%
}
.is-rtl .pull--lap--1-8 {
right: auto;
left: 12.5%
}
.pull--lap--3-8 {
right: 37.5%
}
.is-rtl .pull--lap--3-8 {
right: auto;
left: 37.5%
}
.pull--lap--5-8 {
right: 62.5%
}
.is-rtl .pull--lap--5-8 {
right: auto;
left: 62.5%
}
.pull--lap--7-8 {
right: 87.5%
}
.is-rtl .pull--lap--7-8 {
right: auto;
left: 87.5%
}
.pull--lap--1-10 {
right: 10%
}
.is-rtl .pull--lap--1-10 {
right: auto;
left: 10%
}
.pull--lap--3-10 {
right: 30%
}
.is-rtl .pull--lap--3-10 {
right: auto;
left: 30%
}
.pull--lap--7-10 {
right: 70%
}
.is-rtl .pull--lap--7-10 {
right: auto;
left: 70%
}
.pull--lap--9-10 {
right: 90%
}
.is-rtl .pull--lap--9-10 {
right: auto;
left: 90%
}
.pull--lap--1-12 {
right: 8.333%
}
.is-rtl .pull--lap--1-12 {
right: auto;
left: 8.333%
}
.pull--lap--5-12 {
right: 41.666%
}
.is-rtl .pull--lap--5-12 {
right: auto;
left: 41.666%
}
.pull--lap--7-12 {
right: 58.333%
}
.is-rtl .pull--lap--7-12 {
right: auto;
left: 58.333%
}
.pull--lap--11-12 {
right: 91.666%
}
.is-rtl .pull--lap--11-12 {
right: auto;
left: 91.666%
}
}
@media only screen and (min-width:60em)and (max-width:79.999em) {
.pull--lap-wide--1-1 {
right: 100%
}
.is-rtl .pull--lap-wide--1-1 {
right: auto;
left: 100%
}
.pull--lap-wide--1-2,
.pull--lap-wide--2-4,
.pull--lap-wide--3-6,
.pull--lap-wide--4-8,
.pull--lap-wide--5-10,
.pull--lap-wide--6-12 {
right: 50%
}
.is-rtl .pull--lap-wide--1-2,
.is-rtl .pull--lap-wide--2-4,
.is-rtl .pull--lap-wide--3-6,
.is-rtl .pull--lap-wide--4-8,
.is-rtl .pull--lap-wide--5-10,
.is-rtl .pull--lap-wide--6-12 {
right: auto;
left: 50%
}
.pull--lap-wide--1-3,
.pull--lap-wide--2-6,
.pull--lap-wide--4-12 {
right: 33.333%
}
.is-rtl .pull--lap-wide--1-3,
.is-rtl .pull--lap-wide--2-6,
.is-rtl .pull--lap-wide--4-12 {
right: auto;
left: 33.333%
}
.pull--lap-wide--2-3,
.pull--lap-wide--4-6,
.pull--lap-wide--8-12 {
right: 66.666%
}
.is-rtl .pull--lap-wide--2-3,
.is-rtl .pull--lap-wide--4-6,
.is-rtl .pull--lap-wide--8-12 {
right: auto;
left: 66.666%
}
.pull--lap-wide--1-4,
.pull--lap-wide--2-8,
.pull--lap-wide--3-12 {
right: 25%
}
.is-rtl .pull--lap-wide--1-4,
.is-rtl .pull--lap-wide--2-8,
.is-rtl .pull--lap-wide--3-12 {
right: auto;
left: 25%
}
.pull--lap-wide--3-4,
.pull--lap-wide--6-8,
.pull--lap-wide--9-12 {
right: 75%
}
.is-rtl .pull--lap-wide--3-4,
.is-rtl .pull--lap-wide--6-8,
.is-rtl .pull--lap-wide--9-12 {
right: auto;
left: 75%
}
.pull--lap-wide--1-5,
.pull--lap-wide--2-10 {
right: 20%
}
.is-rtl .pull--lap-wide--1-5,
.is-rtl .pull--lap-wide--2-10 {
right: auto;
left: 20%
}
.pull--lap-wide--2-5,
.pull--lap-wide--4-10 {
right: 40%
}
.is-rtl .pull--lap-wide--2-5,
.is-rtl .pull--lap-wide--4-10 {
right: auto;
left: 40%
}
.pull--lap-wide--3-5,
.pull--lap-wide--6-10 {
right: 60%
}
.is-rtl .pull--lap-wide--3-5,
.is-rtl .pull--lap-wide--6-10 {
right: auto;
left: 60%
}
.pull--lap-wide--4-5,
.pull--lap-wide--8-10 {
right: 80%
}
.is-rtl .pull--lap-wide--4-5,
.is-rtl .pull--lap-wide--8-10 {
right: auto;
left: 80%
}
.pull--lap-wide--1-6,
.pull--lap-wide--2-12 {
right: 16.666%
}
.is-rtl .pull--lap-wide--1-6,
.is-rtl .pull--lap-wide--2-12 {
right: auto;
left: 16.666%
}
.pull--lap-wide--10-12,
.pull--lap-wide--5-6 {
right: 83.333%
}
.is-rtl .pull--lap-wide--10-12,
.is-rtl .pull--lap-wide--5-6 {
right: auto;
left: 83.333%
}
.pull--lap-wide--1-8 {
right: 12.5%
}
.is-rtl .pull--lap-wide--1-8 {
right: auto;
left: 12.5%
}
.pull--lap-wide--3-8 {
right: 37.5%
}
.is-rtl .pull--lap-wide--3-8 {
right: auto;
left: 37.5%
}
.pull--lap-wide--5-8 {
right: 62.5%
}
.is-rtl .pull--lap-wide--5-8 {
right: auto;
left: 62.5%
}
.pull--lap-wide--7-8 {
right: 87.5%
}
.is-rtl .pull--lap-wide--7-8 {
right: auto;
left: 87.5%
}
.pull--lap-wide--1-10 {
right: 10%
}
.is-rtl .pull--lap-wide--1-10 {
right: auto;
left: 10%
}
.pull--lap-wide--3-10 {
right: 30%
}
.is-rtl .pull--lap-wide--3-10 {
right: auto;
left: 30%
}
.pull--lap-wide--7-10 {
right: 70%
}
.is-rtl .pull--lap-wide--7-10 {
right: auto;
left: 70%
}
.pull--lap-wide--9-10 {
right: 90%
}
.is-rtl .pull--lap-wide--9-10 {
right: auto;
left: 90%
}
.pull--lap-wide--1-12 {
right: 8.333%
}
.is-rtl .pull--lap-wide--1-12 {
right: auto;
left: 8.333%
}
.pull--lap-wide--5-12 {
right: 41.666%
}
.is-rtl .pull--lap-wide--5-12 {
right: auto;
left: 41.666%
}
.pull--lap-wide--7-12 {
right: 58.333%
}
.is-rtl .pull--lap-wide--7-12 {
right: auto;
left: 58.333%
}
.pull--lap-wide--11-12 {
right: 91.666%
}
.is-rtl .pull--lap-wide--11-12 {
right: auto;
left: 91.666%
}
}
@media only screen and (min-width:80em)and (max-width:104.999em) {
.pull--desk--1-1 {
right: 100%
}
.is-rtl .pull--desk--1-1 {
right: auto;
left: 100%
}
.pull--desk--1-2,
.pull--desk--2-4,
.pull--desk--3-6,
.pull--desk--4-8,
.pull--desk--5-10,
.pull--desk--6-12 {
right: 50%
}
.is-rtl .pull--desk--1-2,
.is-rtl .pull--desk--2-4,
.is-rtl .pull--desk--3-6,
.is-rtl .pull--desk--4-8,
.is-rtl .pull--desk--5-10,
.is-rtl .pull--desk--6-12 {
right: auto;
left: 50%
}
.pull--desk--1-3,
.pull--desk--2-6,
.pull--desk--4-12 {
right: 33.333%
}
.is-rtl .pull--desk--1-3,
.is-rtl .pull--desk--2-6,
.is-rtl .pull--desk--4-12 {
right: auto;
left: 33.333%
}
.pull--desk--2-3,
.pull--desk--4-6,
.pull--desk--8-12 {
right: 66.666%
}
.is-rtl .pull--desk--2-3,
.is-rtl .pull--desk--4-6,
.is-rtl .pull--desk--8-12 {
right: auto;
left: 66.666%
}
.pull--desk--1-4,
.pull--desk--2-8,
.pull--desk--3-12 {
right: 25%
}
.is-rtl .pull--desk--1-4,
.is-rtl .pull--desk--2-8,
.is-rtl .pull--desk--3-12 {
right: auto;
left: 25%
}
.pull--desk--3-4,
.pull--desk--6-8,
.pull--desk--9-12 {
right: 75%
}
.is-rtl .pull--desk--3-4,
.is-rtl .pull--desk--6-8,
.is-rtl .pull--desk--9-12 {
right: auto;
left: 75%
}
.pull--desk--1-5,
.pull--desk--2-10 {
right: 20%
}
.is-rtl .pull--desk--1-5,
.is-rtl .pull--desk--2-10 {
right: auto;
left: 20%
}
.pull--desk--2-5,
.pull--desk--4-10 {
right: 40%
}
.is-rtl .pull--desk--2-5,
.is-rtl .pull--desk--4-10 {
right: auto;
left: 40%
}
.pull--desk--3-5,
.pull--desk--6-10 {
right: 60%
}
.is-rtl .pull--desk--3-5,
.is-rtl .pull--desk--6-10 {
right: auto;
left: 60%
}
.pull--desk--4-5,
.pull--desk--8-10 {
right: 80%
}
.is-rtl .pull--desk--4-5,
.is-rtl .pull--desk--8-10 {
right: auto;
left: 80%
}
.pull--desk--1-6,
.pull--desk--2-12 {
right: 16.666%
}
.is-rtl .pull--desk--1-6,
.is-rtl .pull--desk--2-12 {
right: auto;
left: 16.666%
}
.pull--desk--10-12,
.pull--desk--5-6 {
right: 83.333%
}
.is-rtl .pull--desk--10-12,
.is-rtl .pull--desk--5-6 {
right: auto;
left: 83.333%
}
.pull--desk--1-8 {
right: 12.5%
}
.is-rtl .pull--desk--1-8 {
right: auto;
left: 12.5%
}
.pull--desk--3-8 {
right: 37.5%
}
.is-rtl .pull--desk--3-8 {
right: auto;
left: 37.5%
}
.pull--desk--5-8 {
right: 62.5%
}
.is-rtl .pull--desk--5-8 {
right: auto;
left: 62.5%
}
.pull--desk--7-8 {
right: 87.5%
}
.is-rtl .pull--desk--7-8 {
right: auto;
left: 87.5%
}
.pull--desk--1-10 {
right: 10%
}
.is-rtl .pull--desk--1-10 {
right: auto;
left: 10%
}
.pull--desk--3-10 {
right: 30%
}
.is-rtl .pull--desk--3-10 {
right: auto;
left: 30%
}
.pull--desk--7-10 {
right: 70%
}
.is-rtl .pull--desk--7-10 {
right: auto;
left: 70%
}
.pull--desk--9-10 {
right: 90%
}
.is-rtl .pull--desk--9-10 {
right: auto;
left: 90%
}
.pull--desk--1-12 {
right: 8.333%
}
.is-rtl .pull--desk--1-12 {
right: auto;
left: 8.333%
}
.pull--desk--5-12 {
right: 41.666%
}
.is-rtl .pull--desk--5-12 {
right: auto;
left: 41.666%
}
.pull--desk--7-12 {
right: 58.333%
}
.is-rtl .pull--desk--7-12 {
right: auto;
left: 58.333%
}
.pull--desk--11-12 {
right: 91.666%
}
.is-rtl .pull--desk--11-12 {
right: auto;
left: 91.666%
}
}
@media only screen and (min-width:105em)and (max-width:120em) {
.pull--desk-wide--1-1 {
right: 100%
}
.is-rtl .pull--desk-wide--1-1 {
right: auto;
left: 100%
}
.pull--desk-wide--1-2,
.pull--desk-wide--2-4,
.pull--desk-wide--3-6,
.pull--desk-wide--4-8,
.pull--desk-wide--5-10,
.pull--desk-wide--6-12 {
right: 50%
}
.is-rtl .pull--desk-wide--1-2,
.is-rtl .pull--desk-wide--2-4,
.is-rtl .pull--desk-wide--3-6,
.is-rtl .pull--desk-wide--4-8,
.is-rtl .pull--desk-wide--5-10,
.is-rtl .pull--desk-wide--6-12 {
right: auto;
left: 50%
}
.pull--desk-wide--1-3,
.pull--desk-wide--2-6,
.pull--desk-wide--4-12 {
right: 33.333%
}
.is-rtl .pull--desk-wide--1-3,
.is-rtl .pull--desk-wide--2-6,
.is-rtl .pull--desk-wide--4-12 {
right: auto;
left: 33.333%
}
.pull--desk-wide--2-3,
.pull--desk-wide--4-6,
.pull--desk-wide--8-12 {
right: 66.666%
}
.is-rtl .pull--desk-wide--2-3,
.is-rtl .pull--desk-wide--4-6,
.is-rtl .pull--desk-wide--8-12 {
right: auto;
left: 66.666%
}
.pull--desk-wide--1-4,
.pull--desk-wide--2-8,
.pull--desk-wide--3-12 {
right: 25%
}
.is-rtl .pull--desk-wide--1-4,
.is-rtl .pull--desk-wide--2-8,
.is-rtl .pull--desk-wide--3-12 {
right: auto;
left: 25%
}
.pull--desk-wide--3-4,
.pull--desk-wide--6-8,
.pull--desk-wide--9-12 {
right: 75%
}
.is-rtl .pull--desk-wide--3-4,
.is-rtl .pull--desk-wide--6-8,
.is-rtl .pull--desk-wide--9-12 {
right: auto;
left: 75%
}
.pull--desk-wide--1-5,
.pull--desk-wide--2-10 {
right: 20%
}
.is-rtl .pull--desk-wide--1-5,
.is-rtl .pull--desk-wide--2-10 {
right: auto;
left: 20%
}
.pull--desk-wide--2-5,
.pull--desk-wide--4-10 {
right: 40%
}
.is-rtl .pull--desk-wide--2-5,
.is-rtl .pull--desk-wide--4-10 {
right: auto;
left: 40%
}
.pull--desk-wide--3-5,
.pull--desk-wide--6-10 {
right: 60%
}
.is-rtl .pull--desk-wide--3-5,
.is-rtl .pull--desk-wide--6-10 {
right: auto;
left: 60%
}
.pull--desk-wide--4-5,
.pull--desk-wide--8-10 {
right: 80%
}
.is-rtl .pull--desk-wide--4-5,
.is-rtl .pull--desk-wide--8-10 {
right: auto;
left: 80%
}
.pull--desk-wide--1-6,
.pull--desk-wide--2-12 {
right: 16.666%
}
.is-rtl .pull--desk-wide--1-6,
.is-rtl .pull--desk-wide--2-12 {
right: auto;
left: 16.666%
}
.pull--desk-wide--10-12,
.pull--desk-wide--5-6 {
right: 83.333%
}
.is-rtl .pull--desk-wide--10-12,
.is-rtl .pull--desk-wide--5-6 {
right: auto;
left: 83.333%
}
.pull--desk-wide--1-8 {
right: 12.5%
}
.is-rtl .pull--desk-wide--1-8 {
right: auto;
left: 12.5%
}
.pull--desk-wide--3-8 {
right: 37.5%
}
.is-rtl .pull--desk-wide--3-8 {
right: auto;
left: 37.5%
}
.pull--desk-wide--5-8 {
right: 62.5%
}
.is-rtl .pull--desk-wide--5-8 {
right: auto;
left: 62.5%
}
.pull--desk-wide--7-8 {
right: 87.5%
}
.is-rtl .pull--desk-wide--7-8 {
right: auto;
left: 87.5%
}
.pull--desk-wide--1-10 {
right: 10%
}
.is-rtl .pull--desk-wide--1-10 {
right: auto;
left: 10%
}
.pull--desk-wide--3-10 {
right: 30%
}
.is-rtl .pull--desk-wide--3-10 {
right: auto;
left: 30%
}
.pull--desk-wide--7-10 {
right: 70%
}
.is-rtl .pull--desk-wide--7-10 {
right: auto;
left: 70%
}
.pull--desk-wide--9-10 {
right: 90%
}
.is-rtl .pull--desk-wide--9-10 {
right: auto;
left: 90%
}
.pull--desk-wide--1-12 {
right: 8.333%
}
.is-rtl .pull--desk-wide--1-12 {
right: auto;
left: 8.333%
}
.pull--desk-wide--5-12 {
right: 41.666%
}
.is-rtl .pull--desk-wide--5-12 {
right: auto;
left: 41.666%
}
.pull--desk-wide--7-12 {
right: 58.333%
}
.is-rtl .pull--desk-wide--7-12 {
right: auto;
left: 58.333%
}
.pull--desk-wide--11-12 {
right: 91.666%
}
.is-rtl .pull--desk-wide--11-12 {
right: auto;
left: 91.666%
}
}
@media only screen and (min-width:120.001em) {
.pull--desk-large--1-1 {
right: 100%
}
.is-rtl .pull--desk-large--1-1 {
right: auto;
left: 100%
}
.pull--desk-large--1-2,
.pull--desk-large--2-4,
.pull--desk-large--3-6,
.pull--desk-large--4-8,
.pull--desk-large--5-10,
.pull--desk-large--6-12 {
right: 50%
}
.is-rtl .pull--desk-large--1-2,
.is-rtl .pull--desk-large--2-4,
.is-rtl .pull--desk-large--3-6,
.is-rtl .pull--desk-large--4-8,
.is-rtl .pull--desk-large--5-10,
.is-rtl .pull--desk-large--6-12 {
right: auto;
left: 50%
}
.pull--desk-large--1-3,
.pull--desk-large--2-6,
.pull--desk-large--4-12 {
right: 33.333%
}
.is-rtl .pull--desk-large--1-3,
.is-rtl .pull--desk-large--2-6,
.is-rtl .pull--desk-large--4-12 {
right: auto;
left: 33.333%
}
.pull--desk-large--2-3,
.pull--desk-large--4-6,
.pull--desk-large--8-12 {
right: 66.666%
}
.is-rtl .pull--desk-large--2-3,
.is-rtl .pull--desk-large--4-6,
.is-rtl .pull--desk-large--8-12 {
right: auto;
left: 66.666%
}
.pull--desk-large--1-4,
.pull--desk-large--2-8,
.pull--desk-large--3-12 {
right: 25%
}
.is-rtl .pull--desk-large--1-4,
.is-rtl .pull--desk-large--2-8,
.is-rtl .pull--desk-large--3-12 {
right: auto;
left: 25%
}
.pull--desk-large--3-4,
.pull--desk-large--6-8,
.pull--desk-large--9-12 {
right: 75%
}
.is-rtl .pull--desk-large--3-4,
.is-rtl .pull--desk-large--6-8,
.is-rtl .pull--desk-large--9-12 {
right: auto;
left: 75%
}
.pull--desk-large--1-5,
.pull--desk-large--2-10 {
right: 20%
}
.is-rtl .pull--desk-large--1-5,
.is-rtl .pull--desk-large--2-10 {
right: auto;
left: 20%
}
.pull--desk-large--2-5,
.pull--desk-large--4-10 {
right: 40%
}
.is-rtl .pull--desk-large--2-5,
.is-rtl .pull--desk-large--4-10 {
right: auto;
left: 40%
}
.pull--desk-large--3-5,
.pull--desk-large--6-10 {
right: 60%
}
.is-rtl .pull--desk-large--3-5,
.is-rtl .pull--desk-large--6-10 {
right: auto;
left: 60%
}
.pull--desk-large--4-5,
.pull--desk-large--8-10 {
right: 80%
}
.is-rtl .pull--desk-large--4-5,
.is-rtl .pull--desk-large--8-10 {
right: auto;
left: 80%
}
.pull--desk-large--1-6,
.pull--desk-large--2-12 {
right: 16.666%
}
.is-rtl .pull--desk-large--1-6,
.is-rtl .pull--desk-large--2-12 {
right: auto;
left: 16.666%
}
.pull--desk-large--10-12,
.pull--desk-large--5-6 {
right: 83.333%
}
.is-rtl .pull--desk-large--10-12,
.is-rtl .pull--desk-large--5-6 {
right: auto;
left: 83.333%
}
.pull--desk-large--1-8 {
right: 12.5%
}
.is-rtl .pull--desk-large--1-8 {
right: auto;
left: 12.5%
}
.pull--desk-large--3-8 {
right: 37.5%
}
.is-rtl .pull--desk-large--3-8 {
right: auto;
left: 37.5%
}
.pull--desk-large--5-8 {
right: 62.5%
}
.is-rtl .pull--desk-large--5-8 {
right: auto;
left: 62.5%
}
.pull--desk-large--7-8 {
right: 87.5%
}
.is-rtl .pull--desk-large--7-8 {
right: auto;
left: 87.5%
}
.pull--desk-large--1-10 {
right: 10%
}
.is-rtl .pull--desk-large--1-10 {
right: auto;
left: 10%
}
.pull--desk-large--3-10 {
right: 30%
}
.is-rtl .pull--desk-large--3-10 {
right: auto;
left: 30%
}
.pull--desk-large--7-10 {
right: 70%
}
.is-rtl .pull--desk-large--7-10 {
right: auto;
left: 70%
}
.pull--desk-large--9-10 {
right: 90%
}
.is-rtl .pull--desk-large--9-10 {
right: auto;
left: 90%
}
.pull--desk-large--1-12 {
right: 8.333%
}
.is-rtl .pull--desk-large--1-12 {
right: auto;
left: 8.333%
}
.pull--desk-large--5-12 {
right: 41.666%
}
.is-rtl .pull--desk-large--5-12 {
right: auto;
left: 41.666%
}
.pull--desk-large--7-12 {
right: 58.333%
}
.is-rtl .pull--desk-large--7-12 {
right: auto;
left: 58.333%
}
.pull--desk-large--11-12 {
right: 91.666%
}
.is-rtl .pull--desk-large--11-12 {
right: auto;
left: 91.666%
}
}
.o-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: var(--font-family-text);
padding: 5px 10px;
text-transform: uppercase;
text-align: center;
cursor: pointer;
display: inline-block;
transition: background .25s linear;
box-sizing: border-box;
border-radius: 0;
border: 1px solid rgb(var(--color-global-primary));
font-display: swap
}
.o-button,
.o-button:hover {
background-color: rgb(var(--color-global-secondary));
color: rgb(var(--color-global-positive))
}
.o-button:hover {
border-color: rgb(var(--color-global-secondary));
transition: background .25s linear
}
.o-button--alt {
border-radius: 0;
border: 1px solid rgb(var(--color-global-title));
background-color: rgb(var(--color-global-title));
color: rgb(var(--color-global-secondary))
}
.o-button--alt:hover {
background-color: rgb(var(--color-global-border));
border-color: rgb(var(--color-global-border));
color: rgb(var(--color-global-positive))
}
.o-button--alt.has-one-state:hover {
border: 1px solid rgb(var(--color-global-title));
background-color: rgb(var(--color-global-title));
color: rgb(var(--color-global-secondary))
}
.o-button--bare {
text-transform: capitalize;
border: 1px solid transparent
}
.o-button--bare,
.o-button--bare:hover {
background-color: transparent;
color: rgb(var(--color-global-secondary))
}
.o-button--bare:hover,
.o-button--bordered {
border: 1px solid rgb(var(--color-global-primary))
}
.o-button--bordered {
background-color: rgb(var(--color-global-title));
color: rgb(var(--color-global-secondary))
}
.o-button--bordered-simple {
border: 1px solid rgb(var(--color-global-primary))
}
.o-button--bordered-simple,
.o-button--bordered-simple:hover {
background-color: transparent;
color: rgb(var(--color-global-positive))
}
.o-button--bordered:not(.is-grouped) {
border-radius: 0
}
.o-button--bordered.is-grouped {
margin-left: -1px
}
.is-rtl .o-button--bordered.is-grouped {
margin-left: 0;
margin-right: -1px
}
@media screen and (min-width:0\0) {
.is-rtl .o-button--bordered.is-grouped {
margin-left: 0
}
}
.is-rtl .o-button--bordered.is-grouped.is-first,
.is-rtl .o-button--bordered.is-grouped.is-last,
.o-button--bordered.is-grouped.is-first,
.o-button--bordered.is-grouped.is-last {
border-radius: 0 0 0 0
}
.o-button--bordered:hover {
color: rgb(var(--color-global-positive));
background-color: rgb(var(--color-global-border));
border-color: rgb(var(--color-global-border))
}
.o-button--dotted {
border: 1px dotted rgb(var(--color-global-highlight));
border-radius: 0;
font-size: 12px;
background-color: rgba(var(--o-button-dotted-bg-color), var(--o-button-trans-coef))
}
.o-button--dotted:hover {
background-color: rgb(var(--o-button-dotted-bg-color))
}
.o-button--wide {
display: inline-block;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
display: block
}
.o-button--full,
.o-button--wide {
width: 100%
}
.o-button--fixed-width {
max-width: 380px;
margin: 0 auto
}
.o-button--simple {
border-radius: 0
}
.o-button--round {
border-radius: 100%
}
.o-button--custom-style {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
box-sizing: border-box;
text-align: center;
padding: 20px 10px;
background-color: transparent;
border: 0 transparent
}
.button__icon,
.button__label {
display: inline-block;
vertical-align: middle
}
.button__icon {
margin-right: 5px;
color: rgb(var(--color-global-secondary))
}
.is-rtl .button__icon {
margin-right: 0;
margin-left: 5px
}
@media screen and (min-width:0\0) {
.is-rtl .button__icon {
margin-right: 0
}
}
@keyframes spinner {
0% {
transform: translate3d(-50%, -50%, 0) rotate(0deg)
}
to {
transform: translate3d(-50%, -50%, 0) rotate(1turn)
}
}
.o-loader {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: spinner 1.1s linear infinite;
animation-play-state: inherit;
border: 4px solid rgba(var(--o-loader-border-color), .7);
border-bottom-color: rgb(var(--color-status-default--50));
border-radius: 50%;
content: "";
height: 28px;
width: 28px;
position: absolute;
transform: translate3d(-50%, -50%, 0);
will-change: transform;
box-sizing: border-box;
background-clip: padding-box
}
.o-loader--video {
border: 6px solid rgba(43, 51, 63, .7)
}
.o-loader--video:after,
.o-loader--video:before {
animation: spinner 1.1s cubic-bezier(.6, .2, 0, .8) infinite;
margin: -6px
}
.o-loader:after,
.o-loader:before {
left: 0;
animation-delay: .44s;
border-top-color: rgb(var(--color-global-positive));
opacity: 1;
margin: -4px;
content: "";
position: absolute;
will-change: transform
}
.is-rtl .o-loader:after,
.is-rtl .o-loader:before {
left: auto;
right: 0
}
@keyframes opacity {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.o-loading-dot {
animation: opacity 1s linear infinite
}
.o-loading-dot:nth-child(2) {
animation-delay: .1s
}
.o-loading-dot:nth-child(3) {
animation-delay: .3s
}
.search-suggest__spinner-container {
position: relative;
min-height: 40px
}
.o-smartimage {
display: block;
overflow: hidden;
transition: all .3s ease-out;
position: relative;
box-sizing: border-box;
direction: ltr;
z-index: 1;
width: 100%;
height: 100%;
font-size: 0;
text-align: center
}
.o-smartimage .no-best-fit {
max-height: 100%;
max-width: 100%
}
.o-smartimage--valign,
.smartimage__item {
white-space: nowrap
}
.smartimage__item {
position: relative;
z-index: 2;
margin: auto;
text-indent: 100%;
overflow: hidden;
color: #fff;
top: 0;
left: 0
}
.o-loader .smartimage__item,
.smartimage__item.u-processing {
visibility: hidden
}
.smartimage__align-helper {
margin-left: -1px;
display: inline-block;
height: 100%;
vertical-align: middle
}
.is-rtl .smartimage__align-helper {
margin-left: 0;
margin-right: -1px
}
@media screen and (min-width:0\0) {
.is-rtl .smartimage__align-helper {
margin-left: 0
}
}
@media only screen and (max-width:47.999em) {
#resultssort_container.grid.grid--middle {
margin: 0 0 20px !important
}
#results_container.grid__item.has-ingrid {
padding: 0 !important
}
}
.is-half-map {
outline: 1px solid rgb(var(--color-global-border))
}
.c-media--inside .tabs-container--inside .c-tabs .tabs__item:last-child {
border-right: 0
}
.communityitem .listing-item__feat.listing-item__feat-value,
.map-info-bubble .listing-item__feat.listing-item__feat-value {
font-weight: 700
}
.communityitem .listing-item__feat--alt,
.map-info-bubble .listing-item__feat--alt {
color: #000
}
.c-dym .dym__matches a {
font-weight: 700
}
.c-dym .dym__matches a:hover {
color: rgb(var(--color-global-highlight))
}
@media only screen and (min-width:60em) {
.listing-item__table--center {
table-layout: fixed
}
}
@media only screen and (max-width:59.999em) {
.homepage .palm--hide.logo-wrapper {
display: none !important
}
.palm--hide.logo-wrapper {
display: inline-block !important
}
div:not(.homepage) .logo-wrapper {
width: 150px !important
}
}
@media only screen and (max-width:29.999em) {
.m-navigation--with-hamburger .m-primary-nav .icon-menu {
font-size: 18px !important;
vertical-align: middle
}
.global-header--mobile-first .personalization__menu .btn__icon-arrow:before,
.global-header--mobile-first .personalization__menu .icon {
vertical-align: middle;
padding: 0 !important
}
.global-header--mobile-first .global-settings__handle--open {
padding-top: 0 !important
}
.global-header--mobile-first .global-settings__handle-open-icon {
vertical-align: middle;
font-size: 18px !important
}
.global-header--mobile-first .m-navigation--with-hamburger .primary-nav__item--single.is-single-menu>.primary-nav__link {
padding: 0
}
.global-header--mobile-first .global-header-right-modules>.grid {
padding-left: 0;
text-align: right
}
.global-header--mobile-first .global-header-right-modules__wrapper {
padding-left: 0 !important
}
.global-header--mobile-first .header-mobilefirst {
padding: 0 10px
}
}
@media only screen and (max-width:59.999em) {
.global-header--mobile-first .user-details-wrapper {
width: 145px
}
}
.global-header--mobile-first .grid--middle.grid.clearfix {
min-height: 70px;
max-height: 70px
}
.global-header--mobile-first .personalization__menu.personalization__menu--grouped.personalization__menu--signin {
color: rgb(var(--color-dynamic-header-text))
}
@media only screen and (min-width:60em) {
.global-header--mobile-first .personalization__menu.personalization__menu--grouped {
border-radius: 4px;
font-size: 1.4em
}
.global-header--mobile-first .personalization__menu.personalization__menu--grouped:hover {
background-color: rgb(var(--color-dynamic-background-accent))
}
.global-header--mobile-first .quicksearch--inline-block .m-quicksearch {
display: inline-block;
width: auto
}
}
.global-header--mobile-first .m-branding .branding__link {
margin-left: 20px !important;
height: 70px !important;
max-width: 250px !important
}
.global-header--mobile-first .m-branding .branding__link img {
top: 50%;
transform: translateY(-50%);
position: relative;
max-height: 55px;
height: auto;
object-fit: contain !important;
object-position: left
}
@media only screen and (min-width:60em) {
.paw-header--mobile-first .navigation-wrapper--main {
padding-top: 80px
}
}
.homepage .cityhomes-header-hide {
display: none !important;
padding-top: 10px
}
.homepage .m-branding {
padding: 10px 0
}
.navigation-wrapper {
float: right
}
@media only screen and (max-width:59.999em) {
.navigation-wrapper {
padding-top: 10px;
padding-bottom: 10px;
background: none;
width: 40px
}
.homepage .header-homepage-cityhomes .navigation-wrapper {
float: left
}
}
.primary-nav__icon-text {
display: none
}
.primary-nav__item--single {
background-color: transparent !important;
float: right
}
.user-details-wrapper {
padding-top: 20px;
float: right
}
@media only screen and (max-width:59.999em) {
.user-details-wrapper {
width: 145px
}
.homepage .user-details-wrapper {
padding-top: 10px
}
}
@media only screen and (min-width:60em) {
.homepage .header-homepage-cityhomes .navigation-wrapper--main,
.homepage .header-homepage-cityhomes .user-details-wrapper,
.is-rtl .homepage .header-homepage-cityhomes .navigation-wrapper--main,
.is-rtl .homepage .header-homepage-cityhomes .user-details-wrapper {
padding: 25px 0
}
.homepage .header-homepage-cityhomes .user-details {
padding: 4px
}
}
@media only screen and (min-width:48em)and (max-width:59.999em) {
.global-header--mobile-first .m-global-settings,
.paw-header--mobile-first .m-global-settings {
padding: 0 !important
}
}
.homepage .cityhomes-lpsw-homepage .content-box__wrapper,
.homepage .cityhomes-lpsw-homepage .lpsw__container--hpic {
background-color: transparent;
position: relative
}
.homepage .cityhomes-lpsw-homepage .lpsw__section--hpic--search-input {
border: 1px solid #ccc
}
.homepage .cityhomes-lpsw-homepage .lpsw__wrapper--hpic .lpsw__section--hpic--select-type {
background-color: #000c5b;
color: #fff
}
.homepage .cityhomes-lpsw-homepage .lpsw__wrapper--hpic .lpsw__section-content--new .c-search-suggest {
margin-top: 0
}
@media only screen and (min-width:30em)and (max-width:59.999em) {
.homepage .cityhomes-lpsw-homepage .lpsw__wrapper--hpic {
width: 80%
}
}
.homepage .cityhomes-lpsw-homepage .search-suggest__no-results {
color: rgb(var(--color-global-positive))
}
.homepage .cityhomes-lpsw-homepage .c-search-suggest .category-container {
padding-left: 0
}
.is-rtl .homepage .cityhomes-lpsw-homepage .c-search-suggest .category-container {
padding-left: 0;
padding-right: 0
}
.homepage .cityhomes-lpsw-homepage .c-target-locations-icon {
right: 15px
}
.homepage .lpsw__section--hpic--search-input .search-suggest__no-results {
color: rgb(var(--color-global-positive))
}
.homepage .homepage-images-container {
background-color: #efefef
}
.form-background-placeholder {
width: 25% !important;
max-width: calc(25% - 20px);
display: inline-block !important;
position: absolute !important;
height: 100%;
background: rgb(var(--color-dynamic-background-accent));
margin-top: 1px;
margin-left: 20px;
right: 0
}
@media only screen and (min-width:105em)and (max-width:120em) {
.form-background-placeholder {
width: 16.666%;
max-width: calc(16.666% - 20px)
}
}
@media only screen and (min-width:60em)and (max-width:79.999em) {
.form-background-placeholder {
width: 25%;
max-width: calc(25% - 20px)
}
}
@media only screen and (min-width:48em)and (max-width:59.999em) {
.form-background-placeholder {
width: 33.333%;
max-width: calc(33.333% - 20px)
}
}
@media only screen and (max-width:47.999em) {
.hide-contact-on-mobile {
display: none !important
}
.c-bottom-overlay__contact-agent .m-social-media.c-social-media,
.c-bottom-overlay__contact-agent .m-social-media.c-social-media+span {
display: none
}
}
.global-content .flag--soldorrented {
background-color: #fcffdf;
color: rgb(var(--color-global-secondary))
}
.splitter-toggle__icon.gallery.sold {
display: none
}
.listing-item__table-cell--baths a,
.listing-item__table-cell--beds a {
display: inline-block
}
.o-title-page .results-title span:not([class]) {
display: block;
font-weight: 400;
line-height: 2;
padding: 5px;
font-size: 1.2rem
}
@media only screen and (max-width:47.999em) {
.o-title-page .results-title span:not([class]) {
font-size: 1.2rem
}
}
@media only screen and (min-width:48em)and (max-width:79.999em) {
.o-title-page .results-title span:not([class]) {
font-size: 1.2rem
}
}
@media only screen and (min-width:80em) {
.o-title-page .results-title span:not([class]) {
font-size: 1.2rem
}
}
.o-title-page .results-title span:not([class]):first-letter {
text-transform: uppercase
}
.results-toggle-container {
font-size: 1rem
}
@media only screen and (max-width:47.999em) {
.results-toggle-container {
font-size: 1.165rem
}
}
@media only screen and (min-width:48em)and (max-width:79.999em) {
.results-toggle-container {
font-size: 1rem
}
}
@media only screen and (min-width:80em) {
.results-toggle-container {
font-size: 1rem
}
}
@media only screen and (min-width:60em) {
.c-breadcrumb {
margin-top: -25px
}
.c-paging {
margin-top: -15px
}
}
.content-box__wrapper div[class$=control]:hover div[class$=singleValue] {
color: rgb(var(--color-global-primary))
}
.content-box__wrapper div[class$=control]:hover .selectboxit-arrow {
border-top-color: rgb(var(--color-global-primary))
}
.refinements-smart-wrapper .locations__searchtype-container.locations__searchtype-container-view-location {
display: none
}
.refinements-smart-wrapper .locations__searchtype-container-block,
.refinements-smart-wrapper .locations__searchtype-container-block-nearby {
display: block
}
.refinements-smart-wrapper .locations__icon {
border-right: 1px solid rgb(var(--color-global-border))
}
.refinements-smart-wrapper .tags__items {
cursor: pointer
}
.refinements-smart-wrapper .tags__items>.tags__item {
padding-right: 18px
}
.is-rtl .refinements-smart-wrapper .tags__items>.tags__item {
padding-right: 0;
padding-left: 18px
}
@media only screen and (min-width:48em) {
.refinements-smart-wrapper .c-locations {
width: calc(100% - 20px)
}
}
.resultssort-container {
display: flex;
background-color: #f3f3f3;
justify-content: center;
align-items: center;
position: relative;
z-index: 1000
}
.resultssort-container>div:empty {
display: none
}
.resultssort-container>.grid__item {
flex: 1 1 auto;
height: auto
}
.quicksearch--inline-block.u-margin-right {
margin-right: 0 !important
}
body.modal-open {
position: fixed;
width: 100%
}
.c-listing-item--gallery .listing-item__feat__description,
.c-listing-item--gallery .listing-item__feat__value,
.listing-item__name,
.price__currency,
.price__value {
font-size: 1.23rem
}
@media only screen and (max-width:47.999em) {
.c-listing-item--gallery .listing-item__feat__description,
.c-listing-item--gallery .listing-item__feat__value,
.listing-item__name,
.price__currency,
.price__value {
font-size: 1.43295rem
}
}
@media only screen and (min-width:48em)and (max-width:79.999em) {
.c-listing-item--gallery .listing-item__feat__description,
.c-listing-item--gallery .listing-item__feat__value,
.listing-item__name,
.price__currency,
.price__value {
font-size: 1.23rem
}
}
@media only screen and (min-width:80em) {
.c-listing-item--gallery .listing-item__feat__description,
.c-listing-item--gallery .listing-item__feat__value,
.listing-item__name,
.price__currency,
.price__value {
font-size: 1.23rem
}
}
.lifestyle-card-container {
background-color: rgb(var(--color-global-widget2));
border: 1px solid rgb(var(--color-global-border))
}
.lifestyle-card-container .lifestyle-card-list {
background-color: rgba(84, 86, 90, .08);
line-height: 36px
}
.lifestyle-card-container .lifestyle-card-image {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden
}
.lifestyle-card-container .lifestyle-card-image img {
height: 100%
}
@media only screen and (max-width:29.999em) {
.lifestyle-card-container .u-table-cell {
display: block !important;
box-sizing: border-box !important
}
.lifestyle-card-container .u-table-cell .lifestyle-card-image {
min-height: 220px;
position: relative
}
}
.lifestyle-card-primary-color {
color: rgb(var(--color-global-highlight))
}
.js-split-right.u-width-zero {
height: 0
}
.homepage .paw-footer {
z-index: 2;
margin-top: 0
}
.locations__add-nearby-flyout.nearby-locations-new .box-expander.box-expander--nearby {
padding: 6px 25px 6px 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.is-rtl .locations__add-nearby-flyout.nearby-locations-new .box-expander.box-expander--nearby {
padding: 6px 10px 6px 25px
}
@media only screen and (max-width:47.999em) {
.locations__add-nearby-flyout.nearby-locations-new .box-expander.box-expander--nearby {
padding: 10px 25px 10px 10px
}
.is-rtl .locations__add-nearby-flyout.nearby-locations-new .box-expander.box-expander--nearby {
padding: 10px 10px 10px 25px
}
}
.is-rtl .locations__add-nearby-flyout.nearby-locations-new .box-expandable__content .box-expandable--list,
.locations__add-nearby-flyout.nearby-locations-new .box-expandable__content .box-expandable--list {
padding: 5px 10px
}
.refinements-smart-wrapper .box-expandable__content {
width: auto
}
.global-header__wrapper-personalization {
display: flex !important;
justify-content: flex-end;
align-items: center;
padding: 13px 40px;
background-color: #3E3634
}
.global-header--regional .global-header__wrapper-navigation {
border-bottom: 1px solid #f2f2f2
}
.global-header__wrapper-navigation {
display: flex !important;
justify-content: space-between;
padding-right: 40px;
max-height: 80px;
min-height: 80px;
position: relative;
border-bottom: 1px solid #666
}
.global-header__wrapper-navigation .m-branding {
flex: 1 1 100%;
margin: 0 !important;
padding: 20px 0 20px 40px !important
}
.global-header__wrapper-navigation .m-branding img {
width: 115px !important;
cursor: pointer
}
.global-header__wrapper-navigation .m-branding img.rebranding-logo {
width: auto !important;
height: 40px !important
}
.global-header__wrapper-navigation .m-branding .branding__link.rebranding-logo {
max-width: unset !important;
display: inline-block
}
.global-header__wrapper-navigation .m-quicksearch {
flex: 0 0 auto;
width: auto;
position: static;
margin-right: 20px
}
@media only screen and (min-width:60em) {
.global-header__wrapper-navigation .m-quicksearch {
display: flex;
justify-content: center;
align-items: center
}
}
.global-header__wrapper-navigation .m-primary-nav {
flex: 0 0 auto;
width: auto
}
.global-header__wrapper-navigation .m-custom-html-container {
flex: 0 0 auto;
display: flex;
justify-content: center;
align-items: center
}
.global-header__mobile .m-branding .branding__link.rebranding-logo {
max-width: unset !important;
display: inline-block
}
@media only screen and (min-width:80em) {
.global-header--sirhuge .global-header__desktop {
display: inline-block
}
.global-header--sirhuge .global-header__mobile {
display: none
}
}
.global-header--sirhuge.global-header--regional {
background: #fff
}
.global-header--sirhuge .rebranding-header-wrapper {
display: flex;
justify-content: space-between;
background: #3E3634
}
.global-header--sirhuge .rebranding-header {
display: flex;
padding: 13px 40px
}
.global-header--sirhuge .rebranding-header__agent-name {
display: inline-block;
font-size: 10px;
font-weight: 500;
line-height: 12px;
letter-spacing: 1.2px
}
.global-header--sirhuge .rebranding-header__agent-name span {
text-transform: uppercase;
color: #999;
font-family: BentonSans-Medium, Arial, Sans-Serif
}
@media only screen and (min-width:60em) {
.global-header--sirhuge .rebranding-header__agent-name {
font-size: 12px;
line-height: 16px;
letter-spacing: 1.6px
}
}
.global-header--sirhuge .rebranding-header .link {
color: #fff;
font-size: 14px;
line-height: 24px;
font-family: BentonSans-Book, Arial, sans-serif;
letter-spacing: 0
}
.global-header--sirhuge .rebranding-header .link.broker {
letter-spacing: 0
}
.global-header--sirhuge .rebranding-header__agent-phone {
display: inline-block;
position: relative;
margin-left: 12px;
padding-left: 12px;
font-family: BentonSans-Book, Arial, sans-serif;
color: #999;
font-size: 14px;
line-height: 24px;
letter-spacing: 0
}
.global-header--sirhuge .rebranding-header__agent-phone a {
color: #999;
font-size: 14px;
line-height: 24px
}
.global-header--sirhuge .rebranding-header__agent-phone:before {
content: "";
position: absolute;
top: 2px;
left: 0;
width: 1px;
height: 75%;
background-color: #999
}
@media only screen and (max-width:79.999em) {
.global-header--sirhuge .global-header__desktop {
display: none
}
.global-header--sirhuge .global-header__mobile {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
max-height: 61px;
border-bottom: 1px solid #666
}
.global-header--sirhuge .global-header__mobile .m-branding {
margin: 0
}
.global-header--sirhuge .global-header__mobile .m-branding .responsive-image-container {
height: 30px
}
.global-header--sirhuge .global-header__mobile .m-branding .responsive-image-container img {
height: 100% !important;
width: auto !important
}
.global-header--sirhuge .global-header__mobile .m-quicksearch {
width: auto
}
}
.btn-sirhuge--outline {
background-color: transparent;
border: 1px solid #c29b40;
color: rgb(var(--color-global-positive));
display: inline-block;
box-shadow: none;
box-sizing: content-box;
text-decoration: none;
cursor: pointer;
padding: 13px 20px;
transition: color .3s;
font-size: 13px;
font-weight: 500;
letter-spacing: 1.4px;
line-height: 16px;
transition: all .25s;
font-family: BentonSans-Medium, Arial, Sans-Serif
}
.btn-sirhuge--outline:hover {
color: #7c8ca2
}
.navigation-stories__button {
position: relative;
padding-top: 31px;
padding-bottom: 31px;
margin-left: 40px;
margin-right: 40px
}
.navigation-stories__button span {
font-family: BentonSans-Medium, Arial, Sans-Serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 1.4px;
line-height: 16px;
color: #fff;
text-transform: uppercase;
cursor: pointer
}
.navigation-stories__button span:hover {
color: #fff
}
.navigation-stories__button.active:after,
.navigation-stories__button:hover:after {
content: "";
position: absolute;
width: 100%;
height: 4px;
background-color: rgb(var(--color-dynamic-secondary-color));
bottom: 0;
left: 0
}
.navigation-stories__content {
position: absolute;
top: 100%;
background: var(--primary-color);
width: 100%;
max-width: 1140px;
right: 0;
box-sizing: border-box;
border-top: 1px solid #666
}
.navigation-stories__close {
position: absolute;
top: 40px;
right: 40px;
color: #fff;
font-size: 24px;
transform: translate(-10px);
cursor: pointer
}
.navigation-sell-button {
text-transform: uppercase
}
@media only screen and (max-width:79.999em) {
.navigation-sell-button {
display: block;
width: 100%;
margin: 20px auto 0;
padding: 25px 10px;
box-sizing: border-box;
text-align: center;
display: flex;
justify-content: center;
align-items: center
}
}
.navigation-sell-button .navigation-sell-button__icon {
display: none
}
@media only screen and (max-width:79.999em) {
.navigation-sell-button .navigation-sell-button__icon {
display: inline-block;
font-size: 24px;
margin-left: 10px
}
}
.stories__content-wrapper {
display: flex;
flex-direction: row;
padding: 78px 80px 60px
}
@media only screen and (max-width:79.999em) {
.stories__content-wrapper {
padding: 0;
flex-direction: column
}
}
.stories__content-wrapper .title {
width: 100%;
margin-bottom: 30px;
min-height: 15px;
font-weight: 600;
cursor: auto;
font-size: 12px;
line-height: 16px;
letter-spacing: 1.6px;
color: #999;
font-family: BentonSans-Medium, Arial, Sans-Serif;
font-weight: 500
}
.stories__content-wrapper .links-list {
list-style: none
}
.stories__content-wrapper .links-list li {
margin-bottom: 20px
}
.stories__content-wrapper .links-list a {
color: #fff;
cursor: pointer;
font-size: 18px;
line-height: 24px;
font-family: MercuryDisplay-Roman, Arial, sans-serif;
transition: all .25s
}
.stories__content-wrapper .links-list a:hover {
color: #7c8ca2
}
.stories__content-wrapper .links-container {
flex: 1 1 15%
}
@media only screen and (min-width:80em) {
.stories__content-wrapper .links-container {
padding: 0 40px
}
}
.stories__content-wrapper .cards-container {
flex: 1 1 75%
}
.stories__content-wrapper .cards-wrapper {
display: flex;
flex-wrap: nowrap;
gap: 50px
}
@media only screen and (max-width:79.999em) {
.stories__content-wrapper .cards-wrapper {
flex-direction: column
}
}
.stories__content-wrapper .stories-card {
max-width: 200px
}
.stories__content-wrapper .stories-card__image {
margin-bottom: 20px;
height: 132px;
overflow: hidden
}
.stories__content-wrapper .stories-card__title {
font-size: 22px;
line-height: 28px;
letter-spacing: 0;
color: #fff;
font-family: MercuryDisplay-Roman, Arial, sans-serif;
margin-bottom: 10px
}
.stories__content-wrapper .stories-card__description {
line-height: 1.7;
font-size: 14px;
color: #999;
margin-bottom: 22px
}
.stories__content-wrapper .stories-card__link {
text-transform: uppercase;
color: #fff;
font-family: BentonSans-Medium, Arial, Sans-Serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 1.4px;
display: flex;
align-items: center;
margin-bottom: 22px
}
.stories__content-wrapper .stories-card__link:hover .btn__icon-arrow:before,
.stories__content-wrapper .stories-card__link:hover .icon {
transform: translateX(10px)
}
.stories__content-wrapper .stories-card__link .btn__icon-arrow:before,
.stories__content-wrapper .stories-card__link .icon {
transition: all .25s;
font-size: 24px;
margin-left: 10px
}
.u-color-dark-grey {
color: #666
}
.u-color-sir-blue {
color: #3E3634
}
.u-color-gold,
.u-color-gold:hover {
color: #8e740b
}
.u-text-decoration-underline {
text-decoration: underline
}
.u-list-unstyled {
list-style: none
}
.e1 {
font-family: BentonSans-Book, Arial, Sans-Serif;
font-size: 10px;
line-height: 12px;
letter-spacing: 1.2px
}
@media only screen and (min-width:60em) {
.e1 {
font-size: 12px;
line-height: 16px;
letter-spacing: 1.6px
}
}
.p3 {
font-family: BentonSans-Book, Arial, Sans-Serif;
font-size: 12px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0
}
.global-header {
z-index: 101 !important
}
.m-footer--sirhuge {
max-width: 1146px;
margin: 0 auto;
padding-top: 55px;
padding-bottom: 40px
}
@media only screen and (max-width:79.999em) {
.m-footer--sirhuge {
padding-left: 20px;
padding-right: 20px
}
}
.m-footer--sirhuge .Footer__disclaimer {
margin-top: 30px;
display: block
}
.m-footer--sirhuge .Footer__disclaimer2 {
margin-top: 10px;
display: block
}
.m-footer--sirhuge .Footer__horizontal-list {
border-bottom: 1px solid #d6d6d6;
border-top: 1px solid #d6d6d6;
padding: 30px 0 9px;
font-size: 12px;
display: flex;
flex-wrap: wrap;
margin-top: 30px;
margin-bottom: 30px
}
@media only screen and (max-width:29.999em) {
.m-footer--sirhuge .Footer__horizontal-list {
display: block
}
}
.m-footer--sirhuge .Footer__horizontal-list-item:first-child {
padding-left: 0
}
.m-footer--sirhuge .Footer__horizontal-list-item {
padding-right: 20px;
margin-right: 20px;
margin-bottom: 20px;
text-transform: uppercase;
white-space: nowrap
}
.m-footer--sirhuge .Footer__horizontal-list-item a {
color: #666;
text-decoration: none;
cursor: pointer;
font-weight: 600;
font-size: 12px
}
@media only screen and (max-width:29.999em) {
.m-footer--sirhuge .Footer__horizontal-list-item a {
font-size: 10px
}
}
.m-footer--sirhuge .Footer__horizontal-list-item a:hover {
color: #1c4c7f
}
.m-footer--sirhuge .Footer__horizontal-list-item button {
color: #666;
text-decoration: none;
cursor: pointer;
font-weight: 600;
font-size: 12px;
background-color: transparent;
text-transform: uppercase;
border: none;
padding: 0
}
@media only screen and (max-width:29.999em) {
.m-footer--sirhuge .Footer__horizontal-list-item button {
font-size: 10px
}
}
.m-footer--sirhuge .Footer__horizontal-list-item button:hover {
color: #1c4c7f
}
.m-footer--sirhuge .Footer__horizontal-list-item {
border-right: 1px solid #d6d6d6
}
.m-footer--sirhuge .Footer__horizontal-list-item:last-child {
margin-right: 0;
padding-right: 0;
border: 0
}
@media only screen and (max-width:79.999em) {
.m-footer--sirhuge {
padding-top: 40px
}
}
.m-footer--sirhuge .footer-commitment {
text-align: center
}
.m-footer--sirhuge .footer-commitment a {
padding-left: 2px;
padding-right: 2px
}
.m-footer--sirhuge .footer-link-bold {
font-family: BentonSans-Book, Arial, Sans-Serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 1.6px;
color: #666;
font-weight: 600;
display: block;
margin-bottom: 30px;
margin-top: 20px
}
.m-footer--sirhuge .footer-social-links {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 40px
}
.m-footer--sirhuge .footer-social-links ul {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center
}
.m-footer--sirhuge .footer-social-links li {
font-family: MercuryDisplay-italic, Arial, Sans-Serif;
font-size: 18px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 24px;
letter-spacing: 0;
color: #3E3634;
cursor: pointer;
display: inline-block;
letter-spacing: .4px;
text-decoration: none
}
.m-footer--sirhuge .footer-social-links li a {
transition: all .25s;
color: #3E3634
}
.m-footer--sirhuge .footer-social-links li a:hover {
color: #7c8ca2
}
.m-footer--sirhuge .footer-social-links li:after {
content: "";
background-color: #c29b40;
width: 4px;
height: 4px;
border-radius: 4px;
margin: 3px 10px;
display: inline-block
}
.m-footer--sirhuge .footer-social-links li:last-child:after {
display: none
}
.m-footer--sirhuge .m-footer--accordion-wrapper {
display: flex;
flex-wrap: wrap;
gap: 100px
}
@media only screen and (min-width:80em) {
.m-footer--sirhuge .m-footer--accordion-wrapper {
margin-bottom: 107px
}
}
@media only screen and (max-width:79.999em) {
.m-footer--sirhuge .m-footer--accordion-wrapper {
flex-direction: column;
gap: 50px;
margin-bottom: 23px
}
}
.m-footer--sirhuge .m-footer--accordion-wrapper .contact-container {
flex: 0 0 25%
}
.m-footer--sirhuge .m-footer--accordion-wrapper .contact-container h3 {
color: #000;
font-size: 22px;
line-height: 28px;
letter-spacing: 0;
font-weight: 400;
font-family: MercuryDisplay-Roman, Arial, sans-serif;
padding-bottom: 20px
}
.m-footer--sirhuge .m-footer--accordion-wrapper .contact-container .contact-link {
display: inline-flex;
align-items: center;
font-family: BentonSans-Book, Arial, Sans-Serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 1.4px;
text-transform: uppercase;
color: var(--primary-color);
font-weight: 600;
gap: 10px
}
.m-footer--sirhuge .m-footer--accordion-wrapper .contact-container .contact-link:hover .btn__icon-arrow:before,
.m-footer--sirhuge .m-footer--accordion-wrapper .contact-container .contact-link:hover .icon {
transform: translateX(5px)
}
.m-footer--sirhuge .m-footer--accordion-wrapper .contact-container .contact-link .btn__icon-arrow:before,
.m-footer--sirhuge .m-footer--accordion-wrapper .contact-container .contact-link .icon {
transition: all .25s;
color: var(--primary-color);
display: inline-flex;
font-size: 24px
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-navigation {
flex: 1 1 auto;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between
}
@media only screen and (max-width:79.999em) {
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-navigation {
flex-direction: column
}
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-navigation .footer-navigation__item h3 {
color: #8e740b;
margin-bottom: 26px;
text-transform: uppercase;
font-family: BentonSans-Book, Arial, Sans-Serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 1.6px
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-navigation .footer-navigation__item ul {
list-style: none
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-navigation .footer-navigation__item li {
margin-bottom: 20px
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-navigation .footer-navigation__item a {
font-family: MercuryDisplay-Roman, Arial, Sans-Serif;
font-size: 18px;
line-height: 24px;
letter-spacing: 0;
transition: all .25s;
color: #000
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-navigation .footer-navigation__item a:hover {
color: var(--primary-color)
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-navigation .accordion-group h3 {
color: #666;
text-transform: uppercase;
font-family: BentonSans-Book, Arial, Sans-Serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 1.6px;
font-weight: 600
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-navigation .accordion-group .accordion-title span {
color: var(--primary-color)
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-navigation .accordion-group .accordion-item:first-child {
border-top: 1px solid #d6d6d6
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-navigation .accordion-group .accordion-item {
border-bottom: 1px solid #d6d6d6
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-navigation .accordion-group ul {
list-style: none
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-navigation .accordion-group li {
margin-bottom: 20px
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-navigation .accordion-group a {
font-family: MercuryDisplay-Roman, Arial, Sans-Serif;
font-size: 18px;
line-height: 24px;
letter-spacing: 0;
transition: all .25s;
color: #3E3634
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-navigation .accordion-group a:hover {
color: var(--primary-color)
}
.m-footer--sirhuge .footer-copyright-text {
color: #000
}
.global-header--sticky {
position: -webkit-sticky !important;
position: sticky !important;
top: 0;
left: 0;
width: 100%;
z-index: 7;
transition: transform .3s
}
.global-header--sticky.hidden {
transform: translate3d(0, -100%, 0)
}
.container {
position: relative;
margin-right: 20px;
margin-left: 20px
}
@media only screen and (min-width:768px) {
.container,
.grid.container {
margin-right: 40px;
margin-left: 40px
}
}
@media only screen and (min-width:1280px) {
.container {
max-width: 1146px;
margin: 0 auto !important
}
}
.listing-navigation-bar {
border-bottom: 1px solid #d6d6d6;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1
}
.anchor-links__link {
list-style: none
}
.listing-details-heading {
position: absolute;
opacity: 0;
visibility: hidden
}
.listing-details-hero {
padding: 57px 0 80px
}
@media only screen and (max-width:79.999em) {
.listing-details-hero {
padding: 30px 0 60px
}
}
@media only screen and (min-width:48em)and (max-width:79.999em) {
.listing-details-hero {
padding: 30px 0
}
}
.listing-details-hero--nddp {
padding: 30px 0 60px
}
@media only screen and (min-width:60em) {
.listing-details-hero--nddp {
padding: 80px 0 100px
}
}
.listing-small-info-agents-container {
display: flex;
flex-direction: row;
gap: 80px;
justify-content: space-between
}
@media only screen and (max-width:79.999em) {
.listing-small-info-agents-container {
flex-direction: column
}
}
.listing-small-info-agents-container--nddp {
flex-direction: column
}
@media only screen and (min-width:60em) {
.listing-small-info-agents-container--nddp {
flex-direction: row
}
}
.listing-small-info-agents-container--nddp .m-contact-agents-widget {
width: 100%;
min-width: 100%
}
.listing-small-info-agents-container .listing-small-info {
flex: 1 1 auto
}
.listing-small-info-agents-container .listing-small-agents {
width: 33.333%;
min-width: 306px;
display: flex;
justify-content: flex-start
}
@media only screen and (min-width:1280px) {
.listing-small-info-agents-container .listing-small-agents {
justify-content: flex-end
}
}
@media only screen and (max-width:59.999em) {
.listing-small-info-agents-container .listing-small-agents {
display: none
}
}
.listing-small-info-agents-container .listing-small-agents--nddp {
flex-basis: 362px;
width: auto;
min-width: auto;
flex-grow: 0;
flex-shrink: 0
}
.image-container-spacer {
padding-bottom: 66.6667%;
position: relative
}
.image-container-spacer.fallback {
padding-bottom: 100px
}
.c-listing-second-image.on-left .image-container-spacer.fallback {
padding-bottom: 25px
}
.listing-property-details {
position: relative;
padding-bottom: 100px
}
.listing-property-details--background {
background: #f2f2f2;
height: calc(100% - 150px);
position: absolute;
top: 150px;
width: 100%
}
.listing-property-details--item {
z-index: 1
}
.listing-property-details--community {
margin-top: 60px;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
flex-direction: column
}
@media only screen and (min-width:48em) {
.listing-property-details--community {
margin-top: 0
}
}
@media only screen and (min-width:80em) {
.listing-property-details--community {
padding-top: 100px;
padding-bottom: 100px;
flex-direction: row
}
}
.listing-property-details--community:after {
height: 100%;
top: 0;
z-index: -1
}
.listing-property-details--community .grid {
display: flex;
flex-direction: column
}
@media only screen and (min-width:80em) {
.listing-property-details--community .grid {
flex-direction: row;
width: 1048px;
max-width: 100%
}
.listing-property-details--column-1 {
padding-right: 20px !important;
padding-top: 80px;
z-index: 1
}
.listing-property-details--column-2 {
padding-left: 20px !important;
float: right;
z-index: 1
}
}
@media only screen and (max-width:79.999em) {
.listing-property-details--column-1 {
margin-bottom: 20px
}
.listing-property-details--column-3 {
left: unset !important
}
}
.listing-property-details.no-second-image.no-third-image {
padding-bottom: 180px
}
.listing-property-details.no-second-image.no-third-image .listing-property-details--column-1,
.listing-property-details.no-second-image.no-third-image .listing-property-details--column-2 .c-listing-second-image {
display: none
}
.listing-property-details.no-second-image.no-third-image:after {
top: 0;
height: 100%
}
.listing-map-view {
background-color: #f2f2f2;
padding-top: 20px
}
.listing-map-view--container {
min-height: 460px;
height: 460px;
margin-bottom: -200px
}
@media only screen and (max-width:79.999em) {
.listing-map-view--container {
min-height: 221px;
height: 221px;
margin-bottom: 0
}
.listing-map-view .container-map-view {
margin: 0 !important
}
}
.listing-map-view .map-marker--sirhuge {
position: absolute;
left: 0;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 27px;
height: 39px;
border: 0;
padding: 0;
margin: 0;
max-width: none;
opacity: 1
}
.listing-features {
padding-bottom: 80px
}
.listing-features.with-map-container {
padding-top: 285px
}
.listing-features.with-area-description,
.listing-features:not(.with-map-container) {
padding-top: 85px
}
@media only screen and (max-width:47.999em) {
.listing-features {
padding-top: 60px !important;
padding-bottom: 60px !important
}
}
.property-listing-features {
padding-bottom: 100px
}
.property-listing-features.with-map-container {
padding-top: 295px
}
.property-listing-features.with-area-description,
.property-listing-features:not(.with-map-container) {
padding-top: 100px
}
@media only screen and (max-width:47.999em) {
.property-listing-features {
padding-top: 60px !important;
padding-bottom: 60px !important
}
}
.property-listing-features--nd {
padding-top: 60px !important;
padding-bottom: 60px !important
}
@media only screen and (min-width:60em) {
.property-listing-features--nd {
padding-top: 100px !important;
padding-bottom: 100px !important
}
}
.nd-related-properties:not(:empty) {
padding-top: 80px;
padding-bottom: 80px
}
@media only screen and (min-width:60em) {
.nd-related-properties:not(:empty) {
padding-top: 100px;
padding-bottom: 100px
}
}
.listing-map-note {
font-size: 15px;
box-sizing: border-box;
margin-top: 5px
}
.listing-map-note.blue-background {
color: #fff
}
.listing-map-note.white-background {
color: #3E3634
}
.listing-area-description {
background-color: #3E3634;
padding-bottom: 30px;
padding-top: 40px
}
.listing-area-description.with-padding {
padding-top: 70px
}
@media only screen and (min-width:80em) {
.listing-area-description {
padding-top: 80px;
padding-bottom: 60px
}
.listing-area-description.with-padding {
padding-bottom: 60px;
padding-top: 283px
}
}
.listing-local-guide-detail {
background-color: #3E3634;
padding-bottom: 30px;
padding-top: 40px
}
.listing-local-guide-detail.with-padding {
padding-top: 70px
}
@media only screen and (min-width:80em) {
.listing-local-guide-detail {
padding-top: 80px;
padding-bottom: 80px
}
.listing-local-guide-detail.with-padding {
padding-bottom: 60px;
padding-top: 283px
}
}
.listing-contact-info {
background: #f2f2f2;
padding: 60px 0
}
@media only screen and (min-width:60em) {
.listing-contact-info {
padding: 100px 0
}
}
.listing-site-map-footer {
padding: 60px 0 40px;
background: #3E3634;
color: #fff;
font-size: 14px
}
@media only screen and (max-width:79.999em) {
.listing-site-map-footer {
padding: 40px 0 20px
}
}
.listing-property-carousel {
background: #3E3634;
padding: 60px 0;
position: relative
}
@media only screen and (min-width:80em) {
.listing-property-carousel {
padding-top: 80px
}
}
@media only screen and (max-width:79.999em) {
.navigation__accordion--items .m-custom-html-container {
display: block
}
}
.captcha__message a,
.disclaimer__message a {
text-decoration: none;
font-family: BentonSans-Medium, Arial, Sans-Serif;
font-display: swap;
font-weight: 500;
color: #3E3634
}
.footer-modal-rebranding--wrapper {
padding: 0 30px !important;
margin: 30px auto
}
@media only screen and (min-width:80em) {
.footer-modal-rebranding--wrapper {
padding: 0 125px !important;
max-height: 95vh;
height: auto;
margin: 30px auto;
width: 430px
}
}
.footer-modal-rebranding p {
text-align: left;
font-family: MercuryDisplay-Italic, Arial, Sans-Serif;
font-style: italic;
font-size: 14px;
line-height: 1.43;
letter-spacing: .2px;
color: #666;
margin-bottom: 20px
}
.footer-modal-rebranding .modal__action {
color: #3E3634 !important;
font-size: 16px !important;
top: 20px !important;
right: 20px !important
}
.footer-modal-rebranding .buttons .button {
font-family: BentonSans-Medium, Arial, Sans-Serif;
font-size: 10px;
font-weight: 500;
line-height: 12px;
letter-spacing: 1.2px;
background-color: #3E3634;
color: #fff;
padding: 12px 20px;
border: 0;
text-transform: uppercase
}
@media only screen and (min-width:48em) {
.footer-modal-rebranding .buttons .button {
font-size: 12px;
line-height: 16px;
letter-spacing: 1.6px
}
}
.footer-modal-rebranding .buttons .button-discard {
border: 1px solid #c29b40;
color: #3E3634;
background-color: #fff
}
.m-footer--sirhuge .footer-newsletter-actions,
.m-footer--sirhuge .footer-rebranding-actions {
display: flex;
justify-content: center;
margin-bottom: 30px;
margin-top: 20px
}
.m-footer--sirhuge .footer-button-subscribe {
padding: 22px 40px;
background-color: var(--primary-color);
font-family: BentonSans-Medium, Arial, sans-serif;
border: 0;
font-size: 13px;
font-weight: 500;
letter-spacing: 1.4px;
min-width: 180px;
text-decoration: none;
line-height: 1;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
cursor: pointer;
box-sizing: content-box
}
.m-footer--sirhuge .footer-button-subscribe .btn__icon-arrow:before,
.m-footer--sirhuge .footer-button-subscribe .icon {
font-size: 24px;
margin-left: 10px;
transition: all .2s ease-in-out
}
.m-footer--sirhuge .footer-button-subscribe:hover .btn__icon-arrow:before,
.m-footer--sirhuge .footer-button-subscribe:hover .icon {
transform: translateX(10px)
}
.m-footer--sirhuge .footer-button-rebranding {
box-shadow: none;
box-sizing: content-box;
cursor: pointer;
display: inline-block;
padding: 22px 40px;
font-family: BentonSans-Medium, Arial, Sans-Serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 1.4px;
min-width: 180px;
text-decoration: none;
line-height: 1;
border: 0;
color: #3E3634;
background-color: #f0f0f0;
text-transform: uppercase
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-rebranding-module h3 {
color: #b28e3b !important;
margin-bottom: 26px;
text-transform: uppercase;
font-family: BentonSans-Book, Arial, Sans-Serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 1.6px;
padding: 0;
font-weight: 600
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-rebranding-module .m-listing-contact-info__agent-name {
font-size: 20px;
font-style: normal;
font-stretch: normal;
font-family: MercuryDisplay-Roman, Arial, Sans-Serif
}
@media only screen and (min-width:80em) {
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-rebranding-module .m-listing-contact-info__agent-name {
font-size: 22px;
line-height: 28px;
letter-spacing: 0
}
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-rebranding-module .m-listing-contact-info__agent-designation {
margin-top: 0
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-rebranding-module .m-listing-contact-info__agent-phones {
margin-top: 6px;
font-size: 14px;
line-height: 24px;
color: #666;
font-family: BentonSans-Book, Arial, Sans-Serif
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-rebranding-module .m-listing-contact-info__agent-phones a {
font-size: 14px;
line-height: 24px;
color: #666;
font-family: BentonSans-Book, Arial, Sans-Serif
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-rebranding-module .m-listing-contact-info__agent-email,
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-rebranding-module .m-listing-contact-info__office .divider,
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-rebranding-module .m-listing-contact-info__office-label {
display: none
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-rebranding-module .m-listing-contact-info__office-name {
margin-top: 20px
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-rebranding-module .m-listing-contact-info__office-name a {
margin-top: 20px;
font-size: 18px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 24px
}
.m-footer--sirhuge .m-footer--accordion-wrapper .footer-rebranding-module .m-listing-contact-info__office-address p {
font-size: 14px;
line-height: 24px;
font-family: BentonSans-Book, Arial, Sans-Serif;
color: #666
}
.footer-change-language {
display: flex;
margin-top: 20px
}
.footer-change-language .footer-change-language-button {
background-color: transparent;
border: 0;
display: flex;
gap: 5px;
align-items: center;
color: #3E3634;
font-size: 12px;
cursor: pointer
}
.footer-change-language .footer-change-language-button .btn__icon-arrow:before,
.footer-change-language .footer-change-language-button .icon {
font-size: 15px;
text-shadow: 0 0 1px #3E3634
}
.footer-change-language .footer-change-language-button.change-to {
text-transform: capitalize
}
.footer-change-language .footer-change-language-button.change-to:before {
content: "|";
padding: 0 5px
}
.criteriabreadcrumb {
padding-bottom: 20px
}
.criteriabreadcrumb .breadcrumb__label {
color: #999;
font-family: MercuryDisplay-Roman, Arial, Sans-Serif
}
.criteriabreadcrumb .criteria-breadcrumbs__wrapper :not(:first-child) .breadcrumb__separator:before {
content: "/";
padding-right: 5px
}
.global-header--sticky.with-cookie-consent {
max-height: unset;
height: unset;
top: 67.25px
}
@media(min-width:568px)and (max-width:1023px) {
.global-header--sticky.with-cookie-consent {
top: 100px
}
}
@media(min-width:375px)and (max-width:567px) {
.global-header--sticky.with-cookie-consent {
top: 125.25px
}
.global-header--sticky.with-cookie-consent~.m-ldp-hero__parallax-wrapper {
margin-top: 125.25px !important
}
}
@media(max-width:374px) {
.global-header--sticky.with-cookie-consent {
top: 157px
}
.global-header--sticky.with-cookie-consent~.m-ldp-hero__parallax-wrapper {
margin-top: 157px !important
}
}
.m-cookie-consent:not(:empty) {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 999
}
.global-header__mobile.with-cookie-consent .m-navigation__content--mobile {
top: 186.25px
}
a.honeycss {
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 0;
width: 0;
z-index: -1
}
.o-button.o-button__sirhuge {
box-shadow: none;
box-sizing: content-box;
cursor: pointer;
display: inline-block;
padding: 22px 40px;
font-family: BentonSans-Medium, Arial, Sans-Serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 1.4px;
min-width: 180px;
text-decoration: none;
line-height: 1;
display: inline-flex;
align-items: center;
gap: 10px;
border: 0
}
.o-button.o-button__sirhuge:hover {
background-color: #3E3634
}
.o-button.o-button__sirhuge:hover .icon-arrow-editable {
transform: translateX(10px)
}
.o-button.o-button__sirhuge .icon-arrow-editable {
transition: all .25s ease;
font-size: 24px
}
.o-button.o-button__sirhuge--thinner {
padding: 22px 30px
}
@media only screen and (max-width:47.999em) {
.o-button.o-button__sirhuge--thinner {
width: calc(100% - 60px)
}
}
.o-button.o-button__sirhuge--dark {
background-color: #3E3634;
color: #fff
}
.o-button.o-button__sirhuge--left {
text-align: left;
justify-content: flex-start
}
.o-button.o-button__sirhuge--right {
text-align: right;
justify-content: flex-end
}
.o-button.o-button__sirhuge--center {
text-align: center;
justify-content: center
}
.responsive-image-container.is-fallback {
position: relative;
height: 100%
}
.sir-color-gold {
color: #c29b40 !important
}
.responsive-image-container img.is-fallback {
object-fit: scale-down !important;
height: 100% !important;
opacity: 1;
object-position: 50% 50%;
position: relative !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%)
}
.footer-mls-containers .m-custom-html-container {
margin-top: 10px
}
.footer-mls-containers .m-custom-html-container .responsive-image-container {
float: left;
margin-right: 20px;
width: auto
}
.branding__link .responsive-image-container img.is-fallback {
object-fit: unset !important;
height: 40px !important;
object-position: unset !important;
top: unset !important;
left: unset !important;
transform: unset !important
}
.global-header--sirhuge.with-cookie-consent+.m-listing-media__wrapper .m-listing-media--sirhuge {
margin-top: 67.25px !important
}
.global-header--sirhuge.with-cookie-consent+.m-listing-media__wrapper .m-listing-media--sirhuge .parallax-container {
height: calc(100vh - 197.25px) !important
}
@media only screen and (min-width:80em) {
body.with-cookie-consent .m-ldp-hero__parallax-wrapper .m-ldp-hero__parallax {
top: 197.25px !important;
height: calc(100vh - 197.25px) !important
}
}
@media only screen and (min-width:60em)and (max-width:79.999em) {
body.with-cookie-consent .m-ldp-hero__parallax-wrapper .m-ldp-hero__parallax {
top: 128.25px !important;
height: calc(100vh - 128.25px) !important
}
}
body .global-header--sirhuge.with-cookie-consent~.search-page .search-bar__sticky {
top: 197.25px !important
}
@media only screen and (min-width:1024px)and (max-width:1270px) {
body .global-header--sirhuge.with-cookie-consent~.search-page .search-bar__sticky {
top: 115px !important
}
}
@media only screen and (min-width:568px)and (max-width:1023px) {
body .global-header--sirhuge.with-cookie-consent~.search-page .search-bar__sticky {
top: 155px !important
}
}
@media only screen and (max-width:47.999em) {
body .global-header--sirhuge.with-cookie-consent~.search-page .search-bar__sticky {
top: 186.25px !important
}
}
body .global-header--sirhuge.with-cookie-consent~.search-page .search-results {
margin-top: 185px !important
}
@media only screen and (max-width:79.999em) {
body .global-header--sirhuge.with-cookie-consent~.search-page .search-results {
margin-top: 270px !important
}
}
@media only screen and (min-width:568px)and (max-width:1023px) {
body .global-header--sirhuge.with-cookie-consent~.search-page .search-results {
margin-top: 255px !important
}
}
body .global-header--sirhuge.with-cookie-consent~.search-page .search-results.search-bar--mls {
margin-top: 230px !important
}
@media only screen and (max-width:79.999em) {
body .global-header--sirhuge.with-cookie-consent~.search-page .search-results.search-bar--mls {
margin-top: 270px !important
}
}
@media only screen and (max-width:47.999em) {
body .global-header--sirhuge.with-cookie-consent~.search-page .search-results.search-bar--mls {
margin-top: 340px !important
}
}
body.header-hidden .global-header--sirhuge.with-cookie-consent+.search-page .search-bar__sticky {
top: 67.25px !important
}
@media only screen and (max-width:47.999em) {
body.header-hidden .global-header--sirhuge.with-cookie-consent+.search-page .search-bar__sticky {
top: 126.25px !important
}
}
body.header-hidden .global-header--sirhuge.with-cookie-consent+.search-page .search-results {
margin-top: 178.25px !important
}
@media only screen and (max-width:79.999em) {
body.header-hidden .global-header--sirhuge.with-cookie-consent+.search-page .search-results {
margin-top: 250.75px !important
}
}
.footer-text-regional {
font-family: BentonSans-Book, Arial, Sans-Serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 30px;
letter-spacing: 0;
margin-bottom: 30px;
color: #666
}
@media only screen and (min-width:80em) {
.footer-text-regional {
margin-top: 107px
}
}
.footer-text-regional p {
font-family: BentonSans-Book, Arial, Sans-Serif;
font-size: 16px;
line-height: 30px;
margin: 0 !important;
color: #666
}
.footer-text-regional p,
.m-general-content__link {
font-weight: 400;
font-style: normal;
font-stretch: normal;
letter-spacing: 0
}
.m-general-content__link {
display: block;
color: #3E3634;
font-size: 18px;
line-height: 24px;
font-family: MercuryDisplay-Roman, Arial, sans-serif;
margin: 0 0 8px
}
.m-general-content__link:hover {
color: #3E3634
}
.m-general-content__link .js-fitty-target {
font-size: 18px !important
}
.m-general-content__link .js-fitty-target .sir {
font-size: 18px !important;
display: inline-block !important
}
@media only screen and (min-width:80em) {
.m-general-content__link .js-fitty-target {
display: flex;
flex-direction: column;
margin-bottom: 18px
}
}
.m-general-content__text {
font-weight: 400;
font-style: normal;
font-stretch: normal;
letter-spacing: 0;
margin: 0;
font-size: 14px;
line-height: 24px;
font-family: BentonSans-Book, Arial, Sans-Serif;
color: #666
}
.search-bar__sticky {
transform: translateZ(0);
transition: transform .1s ease;
padding: 30px 0 5px;
position: fixed;
left: 0;
right: 0;
width: 100%;
background: #fff;
z-index: 1
}
.search-bar__container {
display: flex
}
@media only screen and (min-width:120em) {
.search-bar__container {
flex-wrap: wrap !important;
align-items: flex-end;
padding: 0 40px 20px
}
}
@media only screen and (min-width:48em)and (max-width:104.999em) {
.search-bar__container {
padding: 0 40px 10px
}
}
.search-bar__container--button {
display: flex;
justify-content: center;
padding: 0 0 10px
}
@media only screen and (max-width:79.999em) {
.search-bar__container {
flex-direction: column;
padding-bottom: 10px
}
}
.search-bar__location {
flex: 0 0 45%;
margin-right: 70px;
margin-bottom: 10px;
width: 100%;
position: relative
}
@media only screen and (min-width:1270px) {
.search-bar__location {
min-width: 519px;
max-width: 559px
}
}
@media only screen and (min-width:120em) {
.search-bar__location {
margin-bottom: 0 !important
}
}
@media only screen and (min-width:80em) {
.search-bar__location {
flex: 0 0 25%
}
}
@media only screen and (max-width:47.999em) {
.search-bar__location {
margin-bottom: 20px;
min-width: -moz-fit-content;
min-width: fit-content;
margin-right: 0
}
}
.hide {
display: none
}
.u-bg-very-light-grey {
background-color: #f2f2f2
}
.u-bg-navy {
background-color: #3E3634
}
.p2 {
font-size: 14px;
line-height: 24px
}
.search-no-results {
margin: 0 40px !important
}
.search-no-results__options {
display: flex;
justify-content: space-evenly;
align-items: flex-start;
margin-bottom: 42px;
margin-top: 20px
}
.search-no-results__options-item .btn__icon-arrow:before,
.search-no-results__options-item .icon {
font-size: 16px;
margin-right: 5px;
color: #999
}
.search-no-results__options-item:not(:last-child) {
margin-bottom: 31px
}
.search-no-results__options-item:hover {
color: #1c4c7f
}
.search-no-results__options .btn--text {
line-height: normal;
font-size: 13px;
font-family: BentonSans-Medium, Arial, Sans-Serif;
letter-spacing: 1.4px;
font-weight: 500
}
.search-no-results .criteriabreadcrumb .breadcrumb__label {
font-size: 14px;
line-height: 20px
}
.c-communities-result-page-title {
padding-top: 60px;
padding-bottom: 60px;
background-color: rgba(var(--color-global-header), var(--global-header-trans-coef))
}
.c-communities-result-page-title__label {
font-family: BentonSans-Book, Arial, Sans-Serif;
font-size: 12px;
font-weight: 600;
line-height: 16px;
letter-spacing: 1.6px;
color: #fff;
text-transform: uppercase;
text-align: center
}
.c-communities-result-page-title__title {
font-family: FreightBigBook, Arial, Sans-Serif;
font-size: 46px;
font-weight: 400;
line-height: 1.33;
letter-spacing: 0;
color: #fff;
text-align: center;
margin-top: 10px
}
@media only screen and (max-width:79.999em) {
.c-communities-result-page-title__title {
font-size: 32px
}
}
.communities-content-results {
margin: 30px
}
@media only screen and (min-width:1024px) {
.communities-content-results {
padding-top: 0;
margin: 60px 40px
}
}
@media only screen and (max-width:768px) {
.communities-content-results {
margin: 0;
margin-top: 30px;
}
}
.m-community-refinements {
margin-right: 0;
min-width: 246px
}
.communities-new-developments {
display: grid;
grid-template-columns: 1fr;
grid-gap: 0;
gap: 0
}
.lap-medium--2-8 {
padding-top: 10px
}
.lap-medium--2-8,
.lap-medium--6-8 {
grid-column: span 1
}
@media(min-width:1024px)and (max-width:1439px) {
.communities-new-developments {
grid-template-columns: repeat(8, 1fr);
gap: 30px
}
.lap-medium--2-8 {
grid-column: span 2
}
.lap-medium--6-8 {
grid-column: span 9
}
}
@media(min-width:1440px) {
.communities-new-developments {
/* grid-template-columns: repeat(12, 1fr); */
gap: 30px
}
.lap-medium--2-8 {
grid-column: span 3
}
.lap-medium--6-8 {
grid-column: span 9
}
}
.lap-medium--1-1 {
grid-column: span 12 !important
}
.grid-listings-container {
display: grid;
grid-gap: 30px;
gap: 30px
}
.grid-listings-container>.grid-listing-item {
width: 100%;
display: flex;
flex-direction: column
}
.grid-listings-container>.grid-listing-item>.ndcard {
flex-grow: 1;
display: flex;
flex-direction: column
}
@media(min-width:767px) {
.grid-listings-container {
grid-template-columns: repeat(3, 1fr)
}
}
@media(min-width:1440px) {
.grid-listings-container {
grid-template-columns: repeat(3, 1fr)
}
}
.m-community-refinements__wrapper {
margin: 0 20px
}
@media(min-width:1024px) {
.m-community-refinements__wrapper {
margin: 0
}
.m-smart-refinements--communityrefinements {
display: block
}
}
@media(min-width:1024px)and (max-width:1439px) {
.nd-result-listings {
margin-left: 40px
}
}
.nd-pagination {
padding-top: 30px
}
@media(min-width:1024px) {
.nd-pagination {
padding-top: 40px
}
}
.nd-loader {
height: 500px
}
.nd-result-actions {
display: flex;
align-items: center;
justify-content: space-between
}
@media(min-width:1024px)and (max-width:1299px) {
.nd-result-actions {
display: block
}
}
.nd-result-actions--mobile {
display: block;
padding-bottom: 30px
}
.nd-result-actions--mobile .ndresults {
padding-bottom: 30px
}
@media only screen and (max-width:768px) {
.nd-result-actions--mobile {
margin: 0 20px
}
}
@media(min-width:1024px) {
.nd-result-actions {
margin-bottom: 50px
}
}
.nd-results-info {
display: flex;
flex-direction: column;
gap: 30px;
justify-content: space-between;
margin-bottom: 30px
}
.nd-selected-refinements {
margin: 0 20px 30px
}
@media(min-width:1024px) {
.nd-selected-refinements {
margin: 0 0 25px
}
}
.nd-refinements-accordion {
display: none;
border-top: 1px solid #d6d6d6
}
@media(min-width:1024px) {
.nd-refinements-accordion {
border-top: 1px solid #d6d6d6;
display: block
}
}
.nddp-short-comment,
.nddp-short-comment p {
color: #3E3634;
font-family: MercuryDisplay-Roman, Arial, sans-serif;
font-size: 24px;
font-style: italic;
font-weight: 500;
line-height: 32px
}
@media only screen and (min-width:60em) {
.nddp-short-comment,
.nddp-short-comment p {
font-size: 28px;
font-style: italic;
font-weight: 500;
line-height: 34px
}
}
.form-refinements {
display: none
}
.gold-outline:focus {
outline: none;
box-shadow: 0 0 0 2px #b28e3b
}
.gold-outline-focus-visible:focus-visible {
border: 1px solid #b28e3b
}
.global-header__overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #3E3634;
opacity: .5;
z-index: 100
}
.btn {
box-shadow: none;
box-sizing: content-box;
cursor: pointer;
display: inline-block;
padding: 22px 40px;
font-family: BentonSans-Medium, Arial, Sans-Serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 1.4px;
min-width: 180px;
text-decoration: none;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center
}
.btn--white {
background-color: #fff;
color: #3E3634
}
.btn--sir-blue {
background-color: #3E3634;
color: #fff
}
.btn--secondary {
border: 1px solid #c29b40
}
.btn--secondary.btn--transparent,
.btn--secondary.btn--white {
border-color: #b28e3b
}
.btn:hover {
color: inherit
}
.btn:hover.btn--white {
color: #3E3634
}
.btn:hover.btn--sir-blue {
color: #fff
}
.btn:hover .btn__icon-arrow {
transform: translateX(10px)
}
.btn__icon-arrow {
display: inline-flex;
font-size: 24px;
transition: transform .2s ease;
margin-left: 10px
}
.btn__icon-arrow:before {
content: ""
}
.grid__item:empty.empty-item {
display: none
}
@media only screen and (min-width:1280px) {
.grid__item:empty.empty-item {
display: inline-block
}
}
.m-listing-contact-info__agent {
display: flex
}
@media only screen and (max-width:59.999em) {
.m-listing-contact-info__agent {
flex-direction: column
}
}
@media only screen and (min-width:48em)and (max-width:79.999em) {
.m-listing-contact-info__agent {
margin-bottom: 50px
}
}
@media only screen and (max-width:59.999em) {
.m-listing-contact-info__agent-holder {
margin-bottom: 50px
}
}
.m-listing-contact-info__agent-photo {
width: 20%;
display: flex;
align-items: center;
justify-content: center
}
@media only screen and (min-width:105em) {
.m-listing-contact-info__agent-photo {
width: 33%
}
}
@media only screen and (min-width:48em)and (max-width:79.999em) {
.m-listing-contact-info__agent-photo {
width: 20%
}
}
@media only screen and (max-width:47.999em) {
.m-listing-contact-info__agent-photo,
.m-listing-contact-info__agent-photo img {
width: 100%
}
}
.m-listing-contact-info__agent-details {
flex: 1 1
}
.m-listing-contact-info__agent-name {
font-size: 38px;
line-height: 44px;
letter-spacing: .8px;
font-family: FreightBigBook, Arial, sans-serif
}
@media only screen and (min-width:80em) {
.m-listing-contact-info__agent-name {
font-size: 46px;
line-height: 52px;
letter-spacing: 1px
}
}
.m-listing-contact-info__agent-name a {
color: #3E3634;
font-family: 'LibreBaskerville';
}
.m-listing-contact-info__agent-designation {
margin-top: 30px;
font-size: 12px;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
color: #666;
font-family: BentonSans-Medium, Arial, sans-serif
}
.m-listing-contact-info__agent-designation--marketedby {
color: #999
}
@media only screen and (min-width:48em) {
.m-listing-contact-info__agent-designation {
font-size: 14px;
line-height: 20px;
letter-spacing: 1.8px
}
}
.m-listing-contact-info__agent-phones {
margin-top: 30px
}
.m-listing-contact-info__agent-email {
margin-top: 10px
}
.m-listing-contact-info__agent-email a,
.m-listing-contact-info__agent-phone a {
color: #3E3634;
font-size: 18px;
line-height: 24px;
font-family: MercuryDisplay-Roman, Arial, sans-serif
}
.m-listing-contact-info__office .divider {
margin-top: 50px;
height: 1px;
background-color: #c29b40;
width: 46px
}
@media only screen and (min-width:80em) {
.m-listing-contact-info__office .divider {
width: 60px
}
}
.m-listing-contact-info__office-label {
font-size: 12px;
line-height: 16px;
letter-spacing: 1.6px;
font-family: BentonSans-Medium, Arial, sans-serif;
text-transform: uppercase;
margin-top: 20px
}
.m-listing-contact-info__office-name {
font-size: 20px;
line-height: 28px;
letter-spacing: 0;
font-family: MercuryDisplay-Roman, Arial, sans-serif
}
.m-listing-contact-info__office-name a {
color: #3E3634
}
@media only screen and (min-width:80em) {
.m-listing-contact-info__office-name {
font-size: 22px
}
}
.m-listing-contact-info__office-address {
margin-top: 10px;
color: #666;
font-size: 18px;
line-height: 24px;
letter-spacing: 0
}
.m-listing-contact-info__office-address,
.m-listing-contact-info__office-address p {
font-family: MercuryDisplay-Roman, Arial, sans-serif
}
@media only screen and (max-width:47.999em) {
.m-listing-contact-info__office-address p {
white-space: normal !important
}
}
.m-listing-contact-info__contact-pupup-cta-wrapper {
position: fixed;
width: 100vw;
bottom: 0;
left: 0;
background-color: #3E3634;
padding: 20px;
z-index: 20;
display: flex;
justify-content: center;
box-sizing: border-box
}
@media only screen and (min-width:60em) {
.m-listing-contact-info__contact-pupup-cta-wrapper {
display: none;
visibility: hidden
}
}
.m-listing-contact-info__contact-pupup-cta-wrapper--hidden {
animation: slideoutCta .6s ease-out forwards
}
@keyframes slideinCta {
0% {
bottom: -102px
}
to {
bottom: 0
}
}
@keyframes slideoutCta {
0% {
bottom: 0
}
to {
bottom: -102px
}
}
.m-listing-contact-info__contact-pupup-cta {
color: #fff;
text-align: center;
font-feature-settings: "liga" off, "clig" off;
font-family: BentonSans-Medium, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 1.6px;
text-transform: uppercase;
display: inline-flex;
padding: 18px 40px;
border: none;
flex-basis: 255px;
flex-grow: 0;
flex-shrink: 1;
justify-content: center;
background-color: #3E3634;
box-sizing: content-box;
cursor: pointer
}
.m-listing-contact-info__contact-pupup-cta:focus,
.m-listing-contact-info__contact-pupup-cta:focus-visible,
.m-listing-contact-info__contact-pupup-cta:hover {
background-color: #3E3634
}
.skeleton-v2 {
position: relative
}
.skeleton-v2.loading:after {
content: "";
background-color: #d1d6d9;
background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, 0));
background-size: 70px 100%;
background-repeat: no-repeat;
background-position: left -100px top 0;
animation: shine 2s ease infinite;
border-radius: 4px;
display: block;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute
}
@keyframes shine {
to {
background-position: right -100px top 0
}
}
.m-results-sort .selectboxit-option .selectboxit-option-anchor {
font-family: MercuryDisplay-Roman, Arial, sans-serif;
font-size: 14px
}
.Footer__networks {
width: 100% !important;
left: 0 !important;
right: 0 !important;
justify-content: center
}
.Footer__networks,
.Networks {
display: flex;
align-items: center
}
.Networks {
justify-content: flex-start;
flex-wrap: wrap;
padding: 0;
list-style: none
}
.Networks__item:after {
content: "";
background-color: #c29b40;
width: 4px;
height: 4px;
border-radius: 4px;
margin: 3px 10px;
display: inline-block
}
.Networks__item:last-child:after {
display: none
}
.Networks__link {
font-family: MercuryDisplay-Italic, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 24px;
letter-spacing: 0;
cursor: pointer;
display: inline-block;
letter-spacing: .4px;
text-decoration: none
}
.Networks__link:first-letter {
text-transform: capitalize
}
.Networks__link:hover {
color: #7c8ca2
}
.u-font-mercury-italic {
font-family: MercuryDisplay-Italic, Arial, sans-serif;
font-style: italic !important
}
.u-color-dark-blue {
color: #3E3634
}
.u-color-white {
color: #fff
}
.u-margin-bottom-40,
p.u-margin-bottom-40 {
margin-bottom: 40px !important
}
.m-top-image__container {
position: relative;
display: inline-block;
width: 100%;
z-index: 1
}
.m-agents-search__container {
text-align: left;
max-width: 1146px;
margin: 0 auto
}
.m-agents-search__container section {
overflow-y: unset
}
@media only screen and (max-width:47.999em) {
.m-agents-search__container section {
margin-bottom: 20px
}
}
.m-agents-search__container__left-container {
padding: 0 0 20px 20px
}
@media only screen and (max-width:47.999em) {
.m-agents-search__container {
margin: 0 20px
}
}
.m-agent-results {
margin: 30px 0 40px;
border-top: 1px solid #d6d6d6
}
.m-agents__results-title-footer:first-letter,
.m-agents__results-title-header:first-letter {
text-transform: capitalize
}
.m-agents-search__left-container {
padding: 0 20px 20px !important
}
@media only screen and (max-width:47.999em) {
.m-agents-search__left-container {
padding: 0 !important
}
}
@media only screen and (min-width:1280px) {
.m-agents-search__left-container {
margin-top: 30px
}
}
.m-agents-search__results {
margin-top: 30px;
padding: 0 20px 20px !important
}
@media only screen and (max-width:47.999em) {
.m-agents-search__results {
padding: 0 !important
}
}
.m-agents-search__results-filter-container {
display: flex;
margin-bottom: 40px
}
.m-agents-search__results-filter-container .search-component {
margin-top: 0;
align-content: center
}
.m-agents-search__results-filter-container-search-button {
display: flex;
outline: none;
font-size: 12px;
line-height: 16px;
letter-spacing: 1.6px;
font-family: BentonSans-Medium, Arial, Sans-Serif;
font-weight: 700;
background-color: #fff;
color: #3E3634;
border: 1px solid #3E3634;
box-sizing: border-box;
cursor: pointer;
min-width: auto;
text-align: center;
transition: color .3s, background-color .3s;
width: auto;
margin-left: auto
}
.m-agents-search__results-filter-container-search-button .btn-text {
text-transform: uppercase;
letter-spacing: 1.6px;
padding: 8px 20px;
background-color: #fff;
border: none
}
.m-agents-search__results-filter-container-search-button .btn-text:hover {
background-color: #3E3634;
color: #fff;
cursor: pointer
}
.m-agents-search__results-filter-container-search-button .Search-bar__btn:first-child {
margin-right: 0
}
.m-agents-search__results-filter-container-search-button .Search-bar__btn:first-child .MapList__button {
margin-right: 0 !important
}
.m-agents-search__results-filter-container-search-button:focus {
outline: 1px auto #c29b40
}
.m-agents-search__results-container {
border-top: 1px solid #d6d6d6
}
.m-agents__wrapper {
position: relative
}
.m-agents__wrapper__overlay {
display: none
}
.m-agents__wrapper__overlay.active {
display: block;
position: absolute;
height: 100%;
left: 0;
right: 0;
z-index: 1;
background-color: rgba(0, 23, 49, .4);
overflow-y: unset
}
@media only screen and (max-width:59.999em) {
.GetInTouch__container .m-listing-contact-info__contact-title {
color: #3E3634;
margin-top: 50px;
margin-bottom: 20px;
font-size: 30px
}
}
.subscribe_newsletter_modal .modal__item {
padding: 0 30px
}
@media only screen and (min-width:60em) {
.subscribe_newsletter_modal .modal__item {
padding: 0 125px !important;
height: auto;
max-height: 95vh !important;
margin: 0 auto;
width: 430px
}
}
.subscribe_newsletter_modal .modal__holder {
padding: 20px !important
}
.m-subscribe-newsletter__contact-title {
color: #3E3634;
font-family: FreightBigBook, Arial, sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 28px;
letter-spacing: .8px;
text-align: center
}
@media only screen and (min-width:60em) {
.m-subscribe-newsletter__contact-title {
font-size: 22px;
line-height: 28px;
letter-spacing: 1px
}
}
.m-subscribe-newsletter__contact-success-title {
color: #3E3634;
font-family: FreightBigBook, Arial, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 28px;
letter-spacing: .8px;
text-align: center;
margin-bottom: 10px
}
@media only screen and (min-width:60em) {
.m-subscribe-newsletter__contact-success-title {
font-size: 32px;
line-height: 40px;
letter-spacing: 1px
}
}
.m-subscribe-newsletter__contact-button-success {
background-color: var(--primary-color);
color: #fff;
padding: 12px 20px;
font-size: 12px;
cursor: pointer;
text-transform: uppercase;
line-height: 16px;
letter-spacing: 1.6px;
font-weight: 500;
display: flex;
justify-content: center;
align-items: center;
margin: 20px auto 0
}
.m-subscribe-newsletter__contact-button-success:focus-visible,
.m-subscribe-newsletter__contact-button-success:hover {
background-color: #000f2f
}
.m-subscribe-newsletter__contact-success-subtitle {
color: #666;
font-size: 14px;
font-style: italic;
font-weight: 400;
line-height: 28px;
letter-spacing: .8px;
text-align: center
}
@media only screen and (min-width:60em) {
.m-subscribe-newsletter__contact-success-subtitle {
font-size: 14px;
line-height: 28px;
letter-spacing: 1px
}
}
.m-subscribe-newsletter__contact {
position: relative
}
@media only screen and (min-width:80em) {
.m-subscribe-newsletter__contact {
flex: calc(51% - 50px) 0 1
}
}
.m-subscribe-newsletter__contact .input-holder {
margin-bottom: 20px !important
}
@media only screen and (max-width:79.999em) {
.m-subscribe-newsletter__contact .input-holder {
padding-right: 0 !important
}
}
.m-subscribe-newsletter__contact .button-submit {
margin: 0 auto;
border-radius: 5px;
padding: 10px 0;
background-color: var(--primary-color);
font-family: BentonSans-Medium, Arial, sans-serif;
border: 0;
font-size: 13px;
font-weight: 500;
letter-spacing: 1.4px;
min-width: 110px;
text-decoration: none;
line-height: 1;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
cursor: pointer;
box-sizing: content-box;
transition: background-color .3s linear
}
.m-subscribe-newsletter__contact .button-submit .btn__icon-arrow:before,
.m-subscribe-newsletter__contact .button-submit .icon {
font-size: 24px;
margin-left: 10px;
transition: all .2s ease-in-out
}
.m-subscribe-newsletter__contact .button-submit:hover {
background-color: #3E3634
}
.m-subscribe-newsletter__contact .button-submit:focus-visible,
.m-subscribe-newsletter__contact .button-submit:hover {
background-color: #3E3634
}
.m-subscribe-newsletter__contact .button-submit:focus-visible .btn__icon-arrow:before,
.m-subscribe-newsletter__contact .button-submit:focus-visible .icon,
.m-subscribe-newsletter__contact .button-submit:hover .btn__icon-arrow:before,
.m-subscribe-newsletter__contact .button-submit:hover .icon {
transform: translateX(10px)
}
.m-subscribe-newsletter__contact .button-submit:focus-visible {
outline-color: #8e740b !important;
outline-style: solid;
outline-width: 2px !important;
outline-offset: 3px
}
.m-subscribe-newsletter__contact .captcha__message,
.m-subscribe-newsletter__contact .disclaimer {
font-size: 12px;
font-style: normal;
font-family: BentonSans-Book, Arial, sans-serif;
color: #000;
margin: 20px 0;
line-height: 24px;
letter-spacing: 0
}
.m-subscribe-newsletter__contact .captcha__message a,
.m-subscribe-newsletter__contact .disclaimer a {
color: #3E3634;
font-weight: 500;
font-family: BentonSans-Medium, Arial, Sans-Serif
}
.m-subscribe-newsletter__contact .captcha__message a:focus,
.m-subscribe-newsletter__contact .captcha__message a:hover,
.m-subscribe-newsletter__contact .disclaimer a:focus,
.m-subscribe-newsletter__contact .disclaimer a:hover {
color: #3E3634
}
.m-subscribe-newsletter__contact .captcha__message a:focus-visible,
.m-subscribe-newsletter__contact .disclaimer a:focus-visible {
outline-color: #8e740b !important;
outline-style: solid;
outline-width: 2px !important;
outline-offset: 3px
}
.m-subscribe-newsletter__contact label {
display: inline-block;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
line-height: 24px;
color: var(--primary-color);
text-transform: capitalize
}
.m-subscribe-newsletter__contact label .error-message {
color: #cf0f0f
}
.m-subscribe-newsletter__contact textarea {
background: transparent;
border: 1px solid #666;
color: #666;
font-family: MercuryDisplay-Roman;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0;
height: 120px;
padding: 6px 10px
}
.m-subscribe-newsletter__contact textarea::placeholder {
color: #666;
font-family: MercuryDisplay-Roman;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0
}
.m-subscribe-newsletter__contact textarea.active {
border: 1px solid rgb(var(--color-dynamic-secondary-color))
}
.m-subscribe-newsletter__contact .input-container.has-error .o-input.active {
border-bottom: 1px solid #cf0f0f
}
.m-subscribe-newsletter__contact .o-input {
font-family: MercuryDisplay-Roman;
border: none;
border-bottom: 1px solid #3E3634;
transition: all .3s ease-in-out;
padding: 4px 0;
font-size: 18px;
line-height: 24px;
font-style: normal;
background: transparent;
margin-bottom: 10px;
color: #3E3634 !important
}
.m-subscribe-newsletter__contact .o-input.active {
border-bottom: 1px solid #3E3634
}
.m-subscribe-newsletter__contact .o-input::placeholder {
font-style: normal
}
.m-subscribe-newsletter__contact .message-fail,
.m-subscribe-newsletter__contact .message-success {
text-align: center;
color: #3E3634;
font-size: 38px;
font-style: normal;
font-weight: 400;
line-height: 44px;
letter-spacing: .8px;
margin-bottom: 20px;
font-family: FreightBigBook, Arial, sans-serif
}
@media only screen and (min-width:60em) {
.m-subscribe-newsletter__contact .message-fail,
.m-subscribe-newsletter__contact .message-success {
font-size: 46px;
line-height: 52px;
letter-spacing: 1px;
margin-bottom: 30px
}
}
.m-subscribe-newsletter__contact .message-success-title {
font-size: 32px;
margin-bottom: 10px
}
.m-subscribe-newsletter__contact .message-success-subtitle {
font-size: 14px;
font-style: italic;
margin-bottom: 20px
}
.m-subscribe-newsletter__contact .message-success__body {
color: #3E3634;
font-family: BentonSans-Book, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px;
letter-spacing: 0;
margin-bottom: 20px
}
@media only screen and (min-width:60em) {
.m-subscribe-newsletter__contact .message-success__body {
margin-bottom: 30px
}
}
.m-subscribe-newsletter__contact .button-new-message {
font-size: 13px;
font-weight: 500;
letter-spacing: 1.4px;
font-family: BentonSans-Medium, Arial, sans-serif;
color: #3E3634;
border: 0;
padding: 0;
display: flex;
align-items: center;
cursor: pointer;
text-transform: uppercase;
background-color: transparent
}
.m-subscribe-newsletter__contact .button-new-message .btn__icon-arrow:before,
.m-subscribe-newsletter__contact .button-new-message .icon {
font-size: 24px;
margin-left: 10px;
transition: margin-left .3s ease-out
}
.m-subscribe-newsletter__contact .button-new-message:focus,
.m-subscribe-newsletter__contact .button-new-message:hover {
color: #3E3634
}
.m-subscribe-newsletter__contact .button-new-message:focus .btn__icon-arrow:before,
.m-subscribe-newsletter__contact .button-new-message:focus .icon,
.m-subscribe-newsletter__contact .button-new-message:hover .btn__icon-arrow:before,
.m-subscribe-newsletter__contact .button-new-message:hover .icon {
margin-left: 20px
}
.m-subscribe-newsletter__contact .button-new-message:focus-visible {
outline-color: #8e740b !important;
outline-style: solid;
outline-width: 2px !important;
outline-offset: 3px
}
.m-subscribe-newsletter .message-success-title {
font-size: 32px;
line-height: 40px;
letter-spacing: 1px
}
.m-subscribe-newsletter .message-success-subtitle {
font-style: italic;
font-size: 14px;
line-height: 1.43;
letter-spacing: .2px;
color: #666
}
.m-subscribe-newsletter .input-container label {
font-family: BentonSans-Book, Arial, sans-serif;
color: #3E3634;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0;
text-transform: capitalize
}
.m-subscribe-newsletter .input-container input:not([type=checkbox]) {
color: #666;
font-family: MercuryDisplay-Roman, Arial, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0;
margin-bottom: 10px
}
.m-subscribe-newsletter .captcha__message {
margin: 30px 0
}
.m-subscribe-newsletter .captcha__message .u-halfpadding-top {
color: var(--text-icon-primary, #000);
font-feature-settings: "liga" off, "clig" off;
font-family: BentonSans-Book, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px;
letter-spacing: 0
}
.m-subscribe-newsletter .captcha__message .u-halfpadding-top:first-child {
padding-top: 0 !important
}
.m-subscribe-newsletter .disclaimer {
color: #000;
font-feature-settings: "liga" off, "clig" off;
font-family: BentonSans-Book, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0;
margin-top: 30px;
margin-bottom: 80px
}
@media only screen and (min-width:48em) {
.m-subscribe-newsletter .disclaimer {
margin-bottom: 0
}
}
.m-subscribe-newsletter .captcha__message .u-halfpadding-top a,
.m-subscribe-newsletter .disclaimer a {
color: #3E3634;
font-weight: 500;
font-family: BentonSans-Medium, Arial, Sans-Serif
}
.m-subscribe-newsletter .captcha__message .u-halfpadding-top a:focus-visible,
.m-subscribe-newsletter .disclaimer a:focus-visible {
outline-color: #8e740b !important;
outline-style: solid;
outline-width: 2px !important;
outline-offset: 3px
}
.m-subscribe-newsletter__checkbox {
display: block;
border: 0;
margin: 20px 2px 0;
padding: 0
}
@media only screen and (max-width:1280px) {
.m-subscribe-newsletter__checkbox {
margin-bottom: 20px
}
}
.m-subscribe-newsletter__checkbox label {
display: inline;
margin: 10px;
white-space: normal;
text-transform: none
}
.m-subscribe-newsletter__checkbox label a {
color: #1e5fcc;
text-decoration: none
}
.m-subscribe-newsletter__checkbox label a:hover {
text-decoration: underline
}
.m-subscribe-newsletter__checkbox--input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #3E3634;
border-radius: 0;
height: 20px;
margin: 0;
vertical-align: middle;
width: 20px
}
.m-subscribe-newsletter__checkbox--input:checked:after {
content: "";
display: block
}
.m-subscribe-newsletter__checkbox--input:after {
background-color: #3E3634;
display: none;
position: relative;
height: 12px;
margin: 3px;
width: 12px
}
.search-bar__title-container {
display: block;
margin-bottom: 20px;
height: auto
}
.search-bar__title-container:empty {
margin-bottom: 0
}
@media only screen and (max-width:47.999em) {
.search-bar__title-container {
padding: 10px 20px 0
}
}
.search-bar__listing-total-label {
margin-bottom: 10px !important;
font-family: MercuryDisplay-Roman, Arial, sans-serif;
color: #000;
font-family: MercuryDisplay-Roman, Arial, Sans-Serif;
font-size: 18px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 24px;
letter-spacing: 0
}
.search-bar__listing-copy {
color: #666;
font-weight: 400;
margin-bottom: 10px
}
.search-bar__listing-copy,
.search-bar__listing-link {
font-size: 14px;
line-height: 24px;
font-family: BentonSans-Book, Arial, Sans-Serif;
font-style: normal;
font-stretch: normal;
letter-spacing: 0
}
.search-bar__listing-link {
color: #3E3634;
font-weight: 600
}
.search-bar__listing-link:hover {
color: #1c4c7f
}
.search-bar__agent-share {
padding-top: 20px
}
.search-bar__agent-share--button {
display: flex;
align-items: center;
column-gap: 10px
}
.Modal__container {
height: 100%;
overflow: auto;
margin: 0;
padding: 0 30px;
position: relative;
transition: all .3s ease;
width: calc(100% - 60px);
max-height: 100vh;
background-color: #fff
}
@media only screen and (min-width:1280px) {
.Modal__container {
padding: 0 125px;
max-height: 95vh;
height: auto;
margin: 0 auto;
width: 430px
}
}
.modal__container--sirhuge-warning .warning-dialog .LogHeader__title {
color: #000;
padding-bottom: 20px;
font-size: 32px
}
.modal__container--sirhuge-warning.c-modal-container .modal__action {
padding: 20px
}
.modal__container--sirhuge-warning .warning-message {
font-family: BentonSans-Medium, Arial, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 1.33;
letter-spacing: 1.6px;
color: #000;
text-transform: uppercase
}
.Modal__container--large {
width: 90vw
}
@media only screen and (min-width:1280px) {
.Modal__container--large {
box-sizing: border-box;
max-height: none;
height: 90vh
}
}
.Modal__container--full {
box-sizing: border-box;
width: 100vw
}
@media only screen and (min-width:1280px) {
.Modal__container--full {
width: 84vw;
height: 94vh;
max-height: none
}
}
.Modal__container--small {
height: auto;
width: -moz-fit-content;
width: fit-content
}
.Modal__container--stretch {
margin: 0 auto;
max-height: 90vh;
padding: 0 20px
}
@media only screen and (min-width:48em) {
.Modal__container--stretch {
padding: 0 89px
}
}
.Modal__container-wrapper {
margin: 30px auto
}
.SignIn {
text-align: left
}
.LogHeader__title {
font-family: FreightBigBook, Arial, sans-serif;
font-size: 30px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 34px;
letter-spacing: 1px;
margin: 0
}
.SignIn__form {
border-top: 1px solid #d6d6d6;
margin-top: 30px;
padding-top: 30px
}
.modal__action .icon-close-slim {
font-size: 16px;
color: #3E3634
}
@media only screen and (min-width:48em) {
.modal__action .icon-close-slim {
font-size: 20px
}
}
.u-margin-right-10 {
margin-right: 10px
}
@media(max-width:47.999em) {
.listings .seo-text-container {
padding: 0 20px
}
}
.seo-text-container .m-custom-html-container:not(:empty) {
margin-bottom: 40px
}
.seo-text-container .m-custom-html-container .h4 {
font-family: MercuryDisplay-Roman, Arial, Sans-Serif;
font-size: 24px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 32px;
letter-spacing: 0;
margin: 0;
color: #000
}
@media(min-width:768px) {
.seo-text-container .m-custom-html-container .h4 {
font-size: 28px;
line-height: 34px;
letter-spacing: 0
}
}
.seo-text-container .m-custom-html-container p {
font-family: BentonSans-Book, Arial, Sans-Serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 30px;
letter-spacing: 0;
margin: 0;
color: #000
}
@media only screen and (max-width:47.999em) {
.AgentPersonal__content {
margin-bottom: 31px
}
}
.m-office-details section {
overflow: unset
}
.m-office-details__contactinfo {
position: relative;
display: inline-block;
width: 100%;
z-index: 1;
height: calc(100vh - 130px)
}
@media only screen and (min-width:60em)and (max-width:79.999em) {
.m-office-details__contactinfo {
height: calc(100vh - 61px)
}
}
@media only screen and (max-width:59.999em) {
.m-office-details__contactinfo {
height: auto
}
}
.m-office-details__contactinfo .image-section,
.m-office-details__contactinfo .image-section .responsive-image-container {
height: 100%
}
.m-office-details__contactinfo .image-section img {
object-position: center
}
@media only screen and (max-width:59.999em) {
.m-office-details__contactinfo .image-section img {
position: relative !important
}
}
.m-office-details .GetInTouch__container .m-listing-contact-info__agent-name,
.m-office-details .GetInTouch__container .m-listing-contact-info__agent-name span {
font-size: 32px;
line-height: 40px
}
@media only screen and (max-width:47.999em) {
.m-office-details .GetInTouch__container .m-listing-contact-info__agent-name,
.m-office-details .GetInTouch__container .m-listing-contact-info__agent-name span {
font-size: 30px;
line-height: 34px
}
}
.m-office-details .GetInTouch__container .m-listing-contact-info__agent-name span,
.m-office-details .GetInTouch__container .m-listing-contact-info__agent-name span span {
display: unset !important
}
.m-office-details .listing-site-map-footer {
padding-bottom: 0
}
.m-office-details .listing-site-map-footer .m-site-map-footer {
padding-bottom: 40px
}
@media(min-width:1240px) {
#nd-overview-hero-animation-starting-point {
position: relative;
z-index: 2
}
#nd-overview-hero-animation-updatewidth {
width: 1226px;
height: 822px;
overflow: hidden
}
#nd-overview-hero-animation-ending-point {
width: 460px;
height: 432px
}
}
.nd-overview-contact-wrapper .webc-form-container {
margin-top: 30px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
gap: 20px
}
.nd-overview-contact-wrapper .webc-form-container .grecaptcha-badge {
display: none !important
}
.nd-overview-contact-wrapper .webc-form-container>div:not(.webc-form-field) {
display: none
}
@media only screen and (max-width:59.999em) {
.nd-overview-contact-wrapper .webc-form-container {
grid-template-columns: 1fr
}
}
.nd-overview-contact-wrapper .webc-form-container .captcha-section {
grid-column: 1/-1;
margin-bottom: 0
}
.nd-overview-contact-wrapper .webc-form-container .captcha-section .captcha__message {
margin-bottom: 0
}
.nd-overview-contact-wrapper .webc-form-container .captcha-section .captcha__message p {
color: #fff;
font-size: 12px;
line-height: 1.5
}
.nd-overview-contact-wrapper .webc-form-container .captcha-section .captcha__message p:first-child {
padding-top: 0 !important
}
.nd-overview-contact-wrapper .webc-form-container .captcha-section .captcha__message p a {
color: #b28e3b
}
.nd-overview-contact-wrapper #static-contact-form [data-name=message] {
grid-column: 1/-1
}
.nd-overview-contact-wrapper .webc-form-field input,
.nd-overview-contact-wrapper textarea {
background-color: transparent;
border-radius: 0;
border: none;
border-bottom: 1px solid #d6d6d6;
color: #fff;
font-size: 18px;
font-family: MercuryDisplay-Roman, Arial, Sans-Serif
}
.nd-overview-contact-wrapper .webc-form-field input::placeholder,
.nd-overview-contact-wrapper textarea::placeholder {
color: #999
}
.nd-overview-contact-wrapper .webc-form-field textarea {
border: 1px solid #d6d6d6
}
.nd-overview-contact-wrapper .webc-form-button {
grid-column: auto;
width: auto;
justify-self: start;
margin-top: 10px;
padding: 10px 20px;
background-color: #fff;
font-feature-settings: "liga" off, "clig" off;
font-family: BentonSans-Medium, Arial, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 1.4px;
text-transform: uppercase;
display: inline-flex;
transition: color .3s ease-out;
align-items: center;
animation: fadeInNDPropertyCarousel .6s ease;
cursor: pointer;
color: #3E3634;
border-radius: 0;
border: 2px solid #b28e3b
}
@media only screen and (max-width:59.999em) {
.nd-overview-contact-wrapper .webc-form-button {
text-align: center;
justify-content: center;
display: flex
}
}
.nd-overview-contact-wrapper .webc-form-button:hover {
background-color: #fff
}
.nd-overview-contact-wrapper .webc-form-button .btn__icon-arrow:before,
.nd-overview-contact-wrapper .webc-form-button .icon {
font-size: 24px;
transform: none;
transition: transform .3s ease-out
}
.nd-overview-contact-wrapper .webc-form-button:hover .btn__icon-arrow:before,
.nd-overview-contact-wrapper .webc-form-button:hover .icon {
transform: translateX(5px)
}
.nd-overview-contact-wrapper .webc-form-button:focus {
outline: 2px solid var(--color-sir-gold);
outline-offset: 2px
}
.communitydetails #external-link,
.communitydetails #external-link-separator,
.communitydetails #market-trends,
.communitydetails div.liveby-embed #directory-listing,
.communitydetails div[class^=map_mobile-property-filters],
.communitydetails span[class^=map_homes-available] {
display: none !important
}
.communitydetails div.liveby-embed #map div[class^=map_header] {
background-color: #3E3634;
padding: 30px !important
}
.communitydetails div.liveby-embed .lb-component-wrapper-inner {
padding: 0 !important
}
.communitydetails div.liveby-embed section[class^=map_amenity-section] {
overflow-x: hidden !important
}
.nd-blog-wrapper {
background-color: #f2f2f2
}