.tippy-box[data-animation=fade][data-state=hidden] {
opacity: 0
}
[data-tippy-root] {
max-width: calc(100vw - 10px)
}
.tippy-box {
background-color: #333;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height: 1.4;
outline: 0;
position: relative;
transition-property: transform,visibility,opacity;
white-space: normal
}
.tippy-box[data-placement^=top]>.tippy-arrow {
bottom: 0
}
.tippy-box[data-placement^=top]>.tippy-arrow:before {
border-top-color: initial;
border-width: 8px 8px 0;
bottom: -7px;
left: 0;
transform-origin: center top
}
.tippy-box[data-placement^=bottom]>.tippy-arrow {
top: 0
}
.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
border-bottom-color: initial;
border-width: 0 8px 8px;
left: 0;
top: -7px;
transform-origin: center bottom
}
.tippy-box[data-placement^=left]>.tippy-arrow {
right: 0
}
.tippy-box[data-placement^=left]>.tippy-arrow:before {
border-left-color: initial;
border-width: 8px 0 8px 8px;
right: -7px;
transform-origin: center left
}
.tippy-box[data-placement^=right]>.tippy-arrow {
left: 0
}
.tippy-box[data-placement^=right]>.tippy-arrow:before {
border-right-color: initial;
border-width: 8px 8px 8px 0;
left: -7px;
transform-origin: center right
}
.tippy-box[data-inertia][data-state=visible] {
transition-timing-function: cubic-bezier(.54,1.5,.38,1.11)
}
.tippy-arrow {
color: #333;
height: 1pc;
width: 1pc
}
.tippy-arrow:before {
border-color: transparent;
border-style: solid;
content: "";
position: absolute
}
.tippy-content {
padding: 5px 9px;
position: relative;
z-index: 1
}
.tippy-box[data-animation=shift-away][data-state=hidden] {
opacity: 0
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
transform: translateY(10px)
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
transform: translateY(-10px)
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
transform: translateX(10px)
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
transform: translateX(-10px)
}
body,html {
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
background: #ececec;
color: #404040;
font-family: var(--font-family);
font-size: 14px;
line-height: 18px;
scroll-behavior: smooth
}
@media only screen and (max-width: 834px) {
body,html {
font-size:14px
}
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
html.no-scroll {
overflow: hidden
}
html.no-scroll body {
overflow-y: hidden
}
html.no-scroll.h-auto {
height: auto
}
body {
margin: 0
}
@media only screen and (min-width: calc(1440px + 1px)) {
body {
margin:0 auto
}
}
@media only screen and (max-width: 834px) {
main {
padding:0
}
}
a[class*=button] {
text-decoration: none
}
a {
color: inherit;
text-decoration: underline
}
ul li {
list-style-image: url(clientlib-site/resources/images/icons/icon-list-diamond.svg)
}
button,input,optgroup,select,textarea {
background: transparent;
border: 0;
font: inherit
}
.responsivegrid img {
display: inline-block;
max-width: 100%
}
.grid-content-wrapper {
padding: 0 1pc
}
@media only screen and (min-width: 1024px)and (max-width:1280px) {
.grid-content-wrapper {
margin:0 auto;
padding-left: 0;
padding-right: 0;
width: 59pc
}
}
@media only screen and (min-width: calc(1280px + 1px))and (max-width:1440px) {
.grid-content-wrapper {
margin:0 auto;
padding-left: 0;
padding-right: 0;
width: 906pt
}
}
@media only screen and (min-width: calc(1440px + 1px)) {
.grid-content-wrapper {
margin:0 auto;
padding-left: 0;
padding-right: 0;
width: 978pt
}
}
@supports(-webkit-touch-callout:none) {
input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea {
font-size: 1pc!important
}
}
@media only screen and (min-width: calc(1024px)) {
ul.horizontal-list {
-webkit-box-align:center!important;
-ms-flex-align: center!important;
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
grid-gap: 8px!important;
align-items: center!important;
-ms-flex-direction: row!important;
flex-direction: row!important;
justify-content: center!important
}
ul.horizontal-list li:first-child:before {
background: unset!important
}
ul:has(.horizontal-list) {
-webkit-box-align: center!important;
-ms-flex-align: center!important;
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
grid-gap: 8px!important;
align-items: center!important;
-ms-flex-direction: row!important;
flex-direction: row!important;
justify-content: center!important
}
ul:has(.horizontal-list) li:first-child:before {
background: unset!important
}
}
.brand-guideline-element {
display: none
}
.accordion {
--max-height: 500vh
}
.accordion .cmp-title__text {
color: #80714c;
display: block;
font-size: 25px;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 28px;
margin: 0 0 2pc;
position: relative;
text-align: center;
text-transform: uppercase
}
.accordion .cmp-title__text:after {
border-bottom: 1px solid #80714c;
bottom: -8px;
content: "";
left: 44%;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px
}
.accordion--label,.accordion--label p {
color: #404040;
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin: 0 0 20px;
text-align: center
}
.accordion__list--item.button {
border-top: .5px solid #bfbfbf;
color: #404040;
font-size: 1pc;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 20px;
padding: 24px 54px 24px 0;
position: relative;
width: 100%
}
.accordion__list--item.button p {
margin: 0;
text-align: left
}
.accordion__list--item.button:after {
background: url(clientlib-site/resources/images/icons/icon-chevron-up.svg) no-repeat 50%;
background-size: contain;
content: "";
cursor: pointer;
height: 2pc;
position: absolute;
right: 0;
top: 1pc;
-webkit-transition: all .3s ease;
transition: all .3s ease;
width: 2pc
}
.accordion__list--item.button:hover {
cursor: pointer
}
.accordion__list--item.panel {
max-height: var(--max-height);
overflow-y: hidden;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-timing-function: ease;
transition-timing-function: ease
}
.accordion__list--item.panel p:first-child {
margin-top: 0
}
.accordion__list--item.panel p:last-child {
margin-bottom: 24px
}
.accordion__list--item.panel ul li {
line-height: 26px;
list-style-type: unset;
padding-left: 1rem
}
.accordion__list--item.panel ul li.has-tooltip {
margin-left: -2rem
}
.accordion__list--item.panel h5 {
margin-bottom: 1rem
}
.accordion__list--item.panel a,.accordion__list--item.panel li,.accordion__list--item.panel p,.accordion__list--item.panel span {
color: #404040;
font-size: 1pc;
font-style: normal;
font-weight: 400;
line-height: 20px
}
.accordion__list--item.panel a {
text-decoration: underline
}
.accordion__list--item.panel .mbs_cf_rte_body1 {
font-size: 1pc;
line-height: 26px
}
.accordion__list--item.panel .mbs_cf_rte_body2 {
font-size: 14px;
line-height: 22px
}
.accordion__list--items:last-child {
border-bottom: .5px solid #bfbfbf
}
.accordion__list--items.close .accordion__list--item.panel {
max-height: 0;
-webkit-transition-duration: .7s;
transition-duration: .7s;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-timing-function: ease;
transition-timing-function: ease
}
.accordion__list--items.close .accordion__list--item.button:after {
background: url(clientlib-site/resources/images/icons/icon-chevron-down.svg) no-repeat 50%
}
.accordion__description,.accordion__description p {
color: #737373;
font-size: 9pt;
font-style: normal;
font-weight: 400;
line-height: 1pc;
margin-bottom: 0;
margin-top: 20px
}
@media only screen and (min-width: calc(1024px)) {
.accordion__information {
margin:0 auto;
width: 72%
}
.accordion .cmp-title__text {
font-size: 34px;
line-height: 40px;
margin-bottom: 50px
}
.accordion .cmp-title__text:after {
bottom: -9pt;
left: 48%
}
.accordion--label p {
margin-bottom: 30px
}
.accordion__list--item.button {
font-size: 18px
}
.accordion__list--item.panel a,.accordion__list--item.panel li,.accordion__list--item.panel p,.accordion__list--item.panel span {
font-size: 15px
}
.accordion__list--item.panel .mbs_cf_rte_body1 {
font-size: 18px
}
.accordion__list--item.panel .mbs_cf_rte_body2 {
font-size: 15px
}
.accordion__description {
margin-top: 30px
}
}
.button {
--max-width: 241px;
--min-width: 188px
}
.button__container {
height: 75pt;
max-width: var(--max-width);
min-width: var(--max-width);
position: relative
}
.button__container>div {
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-transform: uppercase
}
.button__container--box {
height: auto;
min-width: auto
}
.button__container--reserve {
height: 70px
}
.button__container--link {
height: 50px
}
.button__container--primary,.button__container--secondary {
height: auto;
min-width: auto
}
.button__container .cmp-button {
color: #80714c;
position: relative;
text-align: center;
text-transform: uppercase
}
@media only screen and (max-width: 834px) {
.button__container .cmp-button a,.button__container .cmp-button span {
font-size:14px
}
}
.button__container .cmp-button.button__generic {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
border: .5px solid #80714c;
color: #80714c;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 60px;
justify-content: center;
left: 0;
letter-spacing: 2px;
padding: 15px;
position: relative;
text-indent: 2px;
text-transform: uppercase;
top: 0;
-webkit-transition: all .5s ease;
transition: all .5s ease;
width: 228px
}
@media only screen and (max-width: 834px) {
.button__container .cmp-button.button__generic {
height:50px
}
}
.button__container .cmp-button.button__generic:before {
background: url(clientlib-site/resources/images/icons/icon-cta1-diamond.svg) no-repeat 50%;
bottom: -6px;
content: "";
height: 10px;
left: 48%;
position: absolute;
width: 10px
}
.button__container .cmp-button.button__generic:after {
-o-border-image: linear-gradient(90deg,#80714c 45%,transparent 0,transparent 55%,#80714c 0) 1;
border-image: -webkit-gradient(linear,left top,right top,color-stop(45%,#80714c),color-stop(45%,transparent),color-stop(55%,transparent),color-stop(50%,#80714c)) 1;
border-image: linear-gradient(90deg,#80714c 45%,transparent 0,transparent 55%,#80714c 0) 1;
border-top: .5px solid transparent;
bottom: -11px;
content: "";
margin: 0 auto;
position: absolute;
right: 10px;
width: 90%
}
.button__container .cmp-button.button__generic span:after,.button__container .cmp-button.button__generic span:before {
background: url(clientlib-site/resources/images/icons/icon-cta1-diamonds.svg) no-repeat 50%;
bottom: -10px;
content: "";
display: inline-block;
height: 18px;
opacity: 1;
pointer-events: none;
position: absolute;
width: 18px
}
.button__container .cmp-button.button__generic span {
width: 180px
}
.button__container .cmp-button.button__generic span :after,.button__container .cmp-button.button__generic span:before {
pointer-events: none
}
.button__container .cmp-button.button__generic span:before {
left: 45%
}
.button__container .cmp-button.button__generic span:after {
right: 44%
}
@media only screen and (min-width: calc(834px + 1px)) {
.button__container .cmp-button.button__generic:hover {
background:#80714c;
color: #fafafa
}
.button__container .cmp-button.button__generic:hover:after,.button__container .cmp-button.button__generic:hover:before {
opacity: 0;
pointer-events: none
}
.button__container .cmp-button.button__generic:hover span:after,.button__container .cmp-button.button__generic:hover span:before {
background: url(clientlib-site/resources/images/icons/icon-cta1-diamonds-filled.svg) no-repeat 50%;
pointer-events: none;
-webkit-transition: all .5s;
transition: all .5s;
z-index: 2
}
.button__container .cmp-button.button__generic:hover span:before {
left: -10px
}
.button__container .cmp-button.button__generic:hover span:after {
right: -10px
}
}
.button__container .cmp-button.button__generic:after,.button__container .cmp-button.button__generic:before {
pointer-events: none
}
.button__container .cmp-button.button__link {
display: inline-block;
letter-spacing: 3px;
min-width: 221px;
position: relative;
text-align: left
}
@media only screen and (min-width: calc(834px + 1px)) {
.button__container .cmp-button.button__link:hover span:after {
animation:lineWidth .4s ease-in-out;
-webkit-animation: lineWidth .3s ease-in-out
}
.button__container .cmp-button.button__link:hover:after {
animation: diamondBlink .4s ease-in-out;
-webkit-animation: diamondBlink .3s ease-in-out
}
}
.button__container .cmp-button.button__link:after {
background: url(clientlib-site/resources/images/icons/textlink-diamond.svg) no-repeat;
background-size: 100%;
bottom: -13px;
content: "";
display: block;
height: 33px;
position: absolute;
right: 0;
width: 33px
}
.button__container .cmp-button.button__link span {
display: inline-block;
padding-right: 33px;
position: relative
}
.button__container .cmp-button.button__link span:after {
background: url(clientlib-site/resources/images/icons/textlink-arrow-gold.svg) no-repeat;
background-position: calc(100% - 10px) bottom;
background-size: cover;
content: "";
display: block;
height: 9pt;
min-width: 187px;
width: calc(100% + 33px)
}
.button__container .cmp-button.button__reserve {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
background: url(clientlib-site/resources/images/icons/btn-reserve-border.svg) no-repeat;
background-size: 100%;
color: #fafafa;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 40px;
justify-content: center;
letter-spacing: 8px;
padding: 10px 0 10px 15px;
position: absolute;
top: 0;
-webkit-transition: all .5s ease;
transition: all .5s ease;
width: 180px
}
.button__container .cmp-button.button__reserve:before {
background: url(clientlib-site/resources/images/icons/icon-btn-reserve-big.svg) no-repeat;
background-size: 100%;
content: "";
display: inline-block;
height: 18px;
left: 45%;
position: absolute;
top: -8px;
width: 18px
}
.button__container .cmp-button.button__reserve:after {
border-top: .5px solid #fff;
bottom: -10px;
content: "";
display: block;
left: 20px;
opacity: 1;
position: absolute;
width: 80%
}
.button__container .cmp-button.button__reserve span {
letter-spacing: 8px
}
.button__container .cmp-button.button__reserve span:after,.button__container .cmp-button.button__reserve span:before {
background: url(clientlib-site/resources/images/icons/icon-btn-reserve-small.svg) no-repeat;
content: "";
display: inline-block;
height: 10px;
position: absolute;
top: -5px;
width: 10px
}
.button__container .cmp-button.button__reserve span:before {
left: 43%
}
.button__container .cmp-button.button__reserve span:after {
right: 43%
}
@media only screen and (min-width: calc(834px + 1px)) {
.button__container .cmp-button.button__reserve:hover {
background:none;
border: .5px solid #fafafa;
top: 10px
}
.button__container .cmp-button.button__reserve:hover:after {
opacity: 0
}
.button__container .cmp-button.button__reserve:hover span:after,.button__container .cmp-button.button__reserve:hover span:before {
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.button__container .cmp-button.button__reserve:hover span:before {
left: 0
}
.button__container .cmp-button.button__reserve:hover span:after {
right: 0
}
}
.button__container .cmp-button.button__search,.button__container .cmp-button.button__table {
border: .5px solid #80714c;
display: block;
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.button__container .cmp-button.button__search:after,.button__container .cmp-button.button__table:after {
border: .5px solid #80714c;
bottom: -10px;
content: "";
display: block;
left: 10%;
opacity: 1;
position: absolute;
width: 80%
}
@media only screen and (min-width: calc(834px + 1px)) {
.button__container .cmp-button.button__search:hover,.button__container .cmp-button.button__table:hover {
background:#80714c;
color: #fafafa;
position: absolute;
top: 10px
}
.button__container .cmp-button.button__search:hover:after,.button__container .cmp-button.button__table:hover:after {
opacity: 0
}
}
.button__container .cmp-button.button__table {
background: #fafafa;
height: 56px;
letter-spacing: 2px;
padding: 1pc;
width: 228px
}
@media only screen and (max-width: 834px) {
.button__container .cmp-button.button__table {
width:100%
}
}
.button__container .cmp-button.button__search {
border: 1px solid #80714c;
color: #80714c;
height: 50px;
padding: 17px;
width: 296px
}
.button__container .cmp-button.button__filter {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
background: #fafafa;
border: .5px solid #80714c;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 50px;
justify-content: center;
letter-spacing: 2px;
padding: 5px
}
.button__container .cmp-button.button__filter:hover {
color: #6e6e6e
}
.button__container .cmp-button.button__filter:hover span:after {
background: url(clientlib-site/resources/images/icons/icon-btn-filters-grey.svg) no-repeat
}
.button__container .cmp-button.button__filter span {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.button__container .cmp-button.button__filter span:after {
background: url(clientlib-site/resources/images/icons/icon-btn-filters-gold.svg) no-repeat;
content: "";
display: inline-block;
height: 1pc;
margin-left: 5px;
width: 1pc
}
.button__container .cmp-button.button__room {
display: block;
height: 75pt;
width: 290px
}
.button__container .cmp-button.button__room:after,.button__container .cmp-button.button__room:before {
background: url(clientlib-site/resources/images/icons/btn-room-border.svg) no-repeat;
content: "";
display: block;
height: 10px;
-webkit-transition: all .5s ease;
transition: all .5s ease;
width: 290px
}
.button__container .cmp-button.button__room:before {
margin-bottom: 10px
}
.button__container .cmp-button.button__room:after {
margin-top: 10px
}
.button__container .cmp-button.button__room:hover {
font-weight: 700
}
.button__container .cmp-button.button__room:hover:before {
margin-bottom: 20px
}
.button__container .cmp-button.button__room:hover:after {
margin-top: 20px
}
.button__container .cmp-button.button__room span {
color: #fafafa;
display: block;
letter-spacing: 4px;
margin: auto;
max-width: 200px;
max-width: 250px;
text-align: center;
text-indent: 4px
}
.button__container .cmp-button.button__show-more {
cursor: pointer;
padding-right: 30px;
position: relative
}
.button__container .cmp-button.button__show-more:after {
border-bottom: 1px solid;
border-right: 1px solid;
content: "";
display: block;
height: 9pt;
position: absolute;
right: 0;
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 68% 68%;
transform-origin: 68% 68%;
width: 9pt
}
.button__container .cmp-button.button__primary,.button__container .cmp-button.button__secondary {
letter-spacing: 2px;
line-height: 1pc;
padding: 1pc 9pt 9pt;
-webkit-transition: background .5s ease;
transition: background .5s ease
}
.button__container .cmp-button.button__primary {
background: #80714c;
border: 1px solid transparent;
color: #fafafa
}
.button__container .cmp-button.button__primary:hover {
background: #fafafa;
border-color: #80714c;
color: #80714c
}
.button__container .cmp-button.button__secondary {
background: #fafafa;
border: 1px solid #80714c;
color: #80714c
}
.button__container .cmp-button.button__secondary:hover {
background: #80714c;
color: #fafafa
}
.button .btn-component .mbs-link-dropdown__button-wrapper {
padding-bottom: 0
}
.button.center-button .mbs-link-dropdown__button-wrapper,.button.left-button .mbs-link-dropdown__button-wrapper,.button.right-button .mbs-link-dropdown__button-wrapper {
display: block
}
.button.center-button .mbs-link-dropdown .button__link.mbs-link-dropdown__button:after,.button.left-button .mbs-link-dropdown .button__link.mbs-link-dropdown__button:after,.button.right-button .mbs-link-dropdown .button__link.mbs-link-dropdown__button:after {
bottom: 0
}
.button.left-button .btn-component .mbs-link-dropdown {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start
}
.button.center-button .btn-component .mbs-link-dropdown {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.button.right-button .btn-component .mbs-link-dropdown {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end
}
.center-button .button__container,.left-button .button__container,.right-button .button__container {
--max-width: 100%;
--min-width: 100%;
-webkit-box-flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
padding: 24px 0;
position: inherit
}
.center-button .button__container .button__link.cmp-button:after,.left-button .button__container .button__link.cmp-button:after,.right-button .button__container .button__link.cmp-button:after {
bottom: -41px
}
.center-button .button__container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.left-button .button__container {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.right-button .button__container {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
span.mbs_cf_rte_button_link,span.mbs_cf_rte_cta_link {
position: relative;
text-align: center;
text-transform: uppercase
}
span.mbs_cf_rte_button_link a,span.mbs_cf_rte_cta_link a {
color: #80714c
}
.richtext p {
position: relative
}
.richtext span.mbs_cf_rte_button_link {
display: inline-block;
letter-spacing: 3px;
min-width: 188px;
text-align: left
}
.richtext span.mbs_cf_rte_button_link:hover a:after {
animation: lineWidth .5s ease-in-out;
-webkit-animation: lineWidth .5s ease-in-out
}
.richtext span.mbs_cf_rte_button_link:hover:after {
animation: diamondBlink .5s ease-in-out;
-webkit-animation: diamondBlink .5s ease-in-out
}
.richtext span.mbs_cf_rte_button_link:after {
background: url(clientlib-site/resources/images/icons/textlink-diamond.svg) no-repeat;
background-size: 100%;
bottom: -13px;
content: "";
display: block;
height: 33px;
position: absolute;
right: 0;
width: 33px
}
.richtext span.mbs_cf_rte_button_link a {
color: #80714c;
display: inline-block;
position: relative
}
.richtext span.mbs_cf_rte_button_link a:after {
background: url(clientlib-site/resources/images/icons/textlink-arrow-gold.svg) no-repeat;
background-position: calc(100% - 10px) 0;
background-size: cover;
content: "";
display: block;
height: 9pt;
min-width: 187px;
width: 100%
}
.richtext span.mbs_cf_rte_cta_link {
border: 1px solid #80714c;
color: #80714c;
display: block;
left: 0;
letter-spacing: 2px;
padding: 15px;
position: relative;
text-transform: uppercase;
top: 0;
-webkit-transition: all .5s ease;
transition: all .5s ease;
width: 228px
}
.richtext span.mbs_cf_rte_cta_link:before {
background: url(clientlib-site/resources/images/icons/icon-cta1-diamond.svg) no-repeat 50%;
bottom: -6px;
content: "";
height: 10px;
left: 48%;
position: absolute;
width: 10px
}
.richtext span.mbs_cf_rte_cta_link:after {
-o-border-image: linear-gradient(90deg,#80714c 40%,transparent 0,transparent 50%,#80714c 0) 1;
border-image: -webkit-gradient(linear,left top,right top,color-stop(40%,#80714c),color-stop(40%,transparent),color-stop(50%,transparent),color-stop(50%,#80714c)) 1;
border-image: linear-gradient(90deg,#80714c 40%,transparent 0,transparent 50%,#80714c 0) 1;
border-top: 1px solid transparent;
bottom: -11px;
content: "";
margin: 0 auto;
position: absolute;
right: -14px;
width: 100%
}
.richtext span.mbs_cf_rte_cta_link a:after,.richtext span.mbs_cf_rte_cta_link a:before {
background: url(clientlib-site/resources/images/icons/icon-cta1-diamonds.svg) no-repeat 50%;
bottom: -10px;
content: "";
display: inline-block;
height: 18px;
opacity: 1;
position: absolute;
width: 18px
}
.richtext span.mbs_cf_rte_cta_link a:before {
left: 45%
}
.richtext span.mbs_cf_rte_cta_link a:after {
right: 44%
}
.richtext span.mbs_cf_rte_cta_link:hover {
background: #80714c;
cursor: pointer;
left: 14px;
position: absolute;
top: 14px
}
.richtext span.mbs_cf_rte_cta_link:hover a {
color: #fafafa;
pointer-events: none
}
.richtext span.mbs_cf_rte_cta_link:hover:after,.richtext span.mbs_cf_rte_cta_link:hover:before {
opacity: 0
}
.richtext span.mbs_cf_rte_cta_link:hover a:after,.richtext span.mbs_cf_rte_cta_link:hover a:before {
background: url(clientlib-site/resources/images/icons/icon-cta1-diamonds-filled.svg) no-repeat 50%;
-webkit-transition: all .5s;
transition: all .5s;
z-index: 2
}
.richtext span.mbs_cf_rte_cta_link:hover a:before {
left: -10px
}
.richtext span.mbs_cf_rte_cta_link:hover a:after {
right: -10px
}
@-webkit-keyframes lineWidth {
0% {
min-width: 1px;
width: 1%
}
to {
min-width: 187px;
width: 100%
}
}
@keyframes lineWidth {
0% {
min-width: 1px;
width: 1%
}
to {
min-width: 187px;
width: 100%
}
}
@-webkit-keyframes diamondBlink {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes diamondBlink {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.cmp-navigation__item--level-0:hover>.cmp-navigation__group {
background: #ececec
}
.accolades__modal {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
border: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
min-height: 100%;
padding: 15px;
width: 100%
}
@media only screen and (max-width: 834px) {
.accolades__modal {
display:block
}
}
.accolades__modal__close-button {
background: none;
border: none;
cursor: pointer;
display: block;
height: 30px;
outline: none;
position: relative;
position: absolute;
right: 30px;
top: 30px;
width: 30px
}
.accolades__modal__close-button:after,.accolades__modal__close-button:before {
background-color: #737373;
content: "";
display: block;
height: 1px;
left: 2px;
position: absolute;
top: 50%;
width: 26px
}
.accolades__modal__close-button:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.accolades__modal__close-button:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.accolades__modal__close-button:focus {
outline: none
}
.accolades__title {
letter-spacing: 3px;
margin-bottom: 40px;
text-align: center;
text-transform: uppercase
}
@media only screen and (max-width: 834px) {
.accolades__title {
margin-top:calc(4pc + 10%)
}
}
.accolades ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
padding: 0
}
.accolades__item {
display: inline-block;
list-style: none;
margin-bottom: 40px;
min-width: 168px;
text-align: center;
width: 16%
}
@media only screen and (max-width: 834px) {
.accolades__item {
margin-bottom:2pc;
width: 50%
}
}
.accolades__item--img {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 168px;
justify-content: center;
margin-bottom: 1pc;
margin-left: auto;
margin-right: auto;
width: 168px
}
.accolades__item--img img {
max-height: 100%;
max-width: 100%
}
@media only screen and (max-width: 834px) {
.accolades__item--img {
height:10pc;
width: 10pc
}
}
.accolades__item--text {
margin: auto;
max-width: 168px;
padding: 0 5px
}
@media only screen and (max-width: 834px) {
.accolades__item--text {
max-width:10pc
}
}
.accolades__button-wrapper {
display: block;
width: 100%
}
.accolades__button-wrapper .accolades__button-container {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
max-width: 100%;
min-width: 100%
}
.announcement:not(.mbs_down_arrow) {
position: relative
}
.announcement:not(.mbs_down_arrow) .accordion__list--items .accordion__list--item.button {
line-height: 1pc;
padding: 1pc 0
}
@media only screen and (max-width: 834px) {
.announcement:not(.mbs_down_arrow) .accordion__list--items .accordion__list--item.button {
padding:1pc 0
}
}
.announcement:not(.mbs_down_arrow) .accordion__list--items .accordion__list--item.panel {
-webkit-transition: all .2s ease;
transition: all .2s ease;
z-index: 2
}
.announcement:not(.mbs_down_arrow) .accordion__list--items .accordion__list--item.panel p {
font-size: 13px;
line-height: 1pc;
margin-bottom: 1pc
}
@media only screen and (max-width: 834px) {
.announcement:not(.mbs_down_arrow) .accordion__list--items .accordion__list--item.panel p {
font-size:9pt
}
}
@media only screen and (min-width: calc(834px + 1px)) {
.announcement:not(.mbs_down_arrow) .accordion__list--items.close {
bottom:-40px;
position: absolute;
z-index: 2
}
}
.announcement .accordion__list--items {
background: #fafafa
}
.announcement .accordion__list--items:last-child {
border-bottom: 1px solid #404040
}
.announcement .accordion__list--items .accordion__list--item.button {
border-top: 1px solid #404040;
font-size: inherit;
height: 100%;
-webkit-transition: all .5s ease;
transition: all .5s ease;
width: 100%
}
.announcement .accordion__list--items .accordion__list--item.button:after {
background: url(clientlib-site/resources/images/icons/icon-close-delete.svg) no-repeat 50%;
right: 7px
}
@media only screen and (max-width: 834px) {
.announcement .accordion__list--items .accordion__list--item.button:after {
height:26px;
width: 26px
}
}
.announcement .accordion__list--items.close {
background: transparent;
border: 0
}
@media only screen and (max-width: 834px) {
.announcement .accordion__list--items.close {
text-align:center
}
}
.announcement .accordion__list--items.close .accordion__list--item.button {
border-bottom: 1px solid #404040;
border-top: 1px solid #404040;
width: 183px
}
@media only screen and (max-width: 834px) {
.announcement .accordion__list--items.close .accordion__list--item.button {
height:50px;
width: 175px
}
}
.announcement .accordion__list--items.close .accordion__list--item.button:after {
background: url(clientlib-site/resources/images/icons/icon-plus.svg) no-repeat 50%;
right: 0;
top: 8px
}
.announcement.mbs_down_arrow .accordion__list--items {
border-bottom: none;
width: 100%
}
.announcement.mbs_down_arrow .accordion__list--items .accordion__list--item.button {
border-bottom: none;
padding: 25px 0 40px;
position: relative
}
.announcement.mbs_down_arrow .accordion__list--items .accordion__list--item.button:after {
border-bottom: 1px solid;
border-right: 1px solid;
content: "";
display: block;
height: 9pt;
position: absolute;
right: 0;
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 68% 68%;
transform-origin: 68% 68%;
width: 9pt
}
.announcement.mbs_down_arrow .accordion__list--items .accordion__list--item.button h5 {
margin: 0
}
.announcement.mbs_down_arrow .accordion__list--items .accordion__list--item.button:after {
background: none;
right: 6px;
top: 1.7rem;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
-webkit-transition: -webkit-transform .25s ease;
transition: -webkit-transform .25s ease;
transition: transform .25s ease;
transition: transform .25s ease,-webkit-transform .25s ease
}
.announcement.mbs_down_arrow .accordion__list--items.close .accordion__list--item.button {
width: 100%
}
.announcement.mbs_down_arrow .accordion__list--items.close .accordion__list--item.button:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.scrollToTopBtnWrap .scrollToTopBtn {
background: url(clientlib-site/resources/images/icons/back-to-top.svg) no-repeat;
bottom: 220px;
cursor: pointer;
height: 3pc;
mix-blend-mode: difference;
opacity: 0;
pointer-events: none;
position: fixed;
right: 50px;
-webkit-transform: translateY(75pt);
transform: translateY(75pt);
-webkit-transition: all .5s ease;
transition: all .5s ease;
width: 3pc;
z-index: 100
}
@media only screen and (min-width: 320px)and (max-width:430px) {
.scrollToTopBtnWrap .scrollToTopBtn {
right:10px
}
}
.scrollToTopBtnWrap .showScrollBtn {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.cmp-card-grid .list__title-wrapper .list__title {
color: #80714c;
font-size: 25px;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 28px;
margin-bottom: 2pc;
padding: 0 0 9pt;
position: relative;
text-align: center;
text-transform: uppercase
}
.cmp-card-grid .list__title-wrapper .list__title:after {
border-bottom: .5px solid #80714c;
bottom: 0;
content: "";
display: block;
left: 50%;
opacity: 1;
position: absolute;
-webkit-transform: translate(-50%);
transform: translate(-50%);
width: 40px
}
@media only screen and (min-width: calc(834px + 1px)) {
.cmp-card-grid .list__title-wrapper .list__title {
font-size:34px;
line-height: 36px;
margin-bottom: 40px;
padding-bottom: 1pc
}
.cmp-card-grid .list__title-wrapper .list__title:after {
bottom: 0
}
}
.cmp-card-grid .card-grid__filter-panel {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 3.5rem 0;
width: 100%
}
.cmp-card-grid .card-grid__filter-panel .hidden {
display: none!important
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (min-width: calc(834px + 1px)) {
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields {
-webkit-box-orient:horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .button__container--filter {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
@media only screen and (min-width: calc(834px + 1px)) {
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .button__container--filter {
-webkit-box-flex:0;
-ms-flex: 0 0 136px;
flex: 0 0 136px
}
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .card-grid__input-container {
position: relative
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .card-grid__input-container .card-grid__search-icon {
position: absolute;
top: 1
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .flatpickr-mobile:before {
color: #bfbfbf;
content: attr(placeholder);
font-weight: 700;
opacity: 1;
-webkit-transition: opacity .5s;
transition: opacity .5s;
width: 100%
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .flatpickr-mobile:focus[value]:not([value=""]):before,.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields input[type=hidden][value]:not([value=""])+.flatpickr-mobile:before {
display: none
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .cmp-input {
background-color: #fff;
border: .5px solid #a9976d;
color: #404040;
height: 3pc;
padding: 1rem
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .cmp-input::-webkit-input-placeholder {
color: #bfbfbf;
font-weight: 700;
opacity: 1;
-webkit-transition: opacity .5s;
transition: opacity .5s
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .cmp-input::-moz-placeholder {
color: #bfbfbf;
font-weight: 700;
opacity: 1;
-moz-transition: opacity .5s;
transition: opacity .5s
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .cmp-input:-ms-input-placeholder {
color: #bfbfbf;
font-weight: 700;
opacity: 1;
-ms-transition: opacity .5s;
transition: opacity .5s
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .cmp-input::-ms-input-placeholder {
color: #bfbfbf;
font-weight: 700;
opacity: 1;
-ms-transition: opacity .5s;
transition: opacity .5s
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .cmp-input::placeholder {
color: #bfbfbf;
font-weight: 700;
opacity: 1;
-webkit-transition: opacity .5s;
transition: opacity .5s
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .cmp-input:focus::-webkit-input-placeholder {
opacity: 0
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .cmp-input:focus::-moz-placeholder {
opacity: 0
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .cmp-input:focus:-ms-input-placeholder {
opacity: 0
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .cmp-input:focus::-ms-input-placeholder {
opacity: 0
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .cmp-input:focus::placeholder {
opacity: 0
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .cmp-input__container {
position: relative
}
@media only screen and (min-width: calc(834px + 1px)) {
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .cmp-input__container {
-webkit-box-flex:0;
-ms-flex: 0 1 550px;
flex: 0 1 550px
}
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .cmp-input__container .cmp-input {
-webkit-appearance: none;
min-width: 96%;
padding: 1rem 4rem;
width: 100%
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .cmp-input__container .cmp-input__search-icon {
left: 1rem;
position: absolute;
top: .6rem
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .cmp-input__container .cmp-input__clear-button {
background: none;
border: none;
cursor: pointer;
display: block;
height: 30px;
outline: none;
position: relative;
position: absolute;
right: 1rem;
top: .6rem;
width: 30px
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .cmp-input__container .cmp-input__clear-button:after,.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .cmp-input__container .cmp-input__clear-button:before {
background-color: #737373;
content: "";
display: block;
height: 1px;
left: 2px;
position: absolute;
top: 50%;
width: 26px
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .cmp-input__container .cmp-input__clear-button:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .cmp-input__container .cmp-input__clear-button:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .cmp-input__container .cmp-input__clear-button:focus {
outline: none
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .button__container {
height: auto;
min-width: 100%;
position: relative;
width: auto
}
@media only screen and (min-width: calc(834px + 1px)) {
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .button__container {
max-width:241px;
min-width: 136px
}
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .button__container .cmp-button.button__filter {
background-color: #80714c;
color: #fafafa;
height: 3pc;
padding: 0
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .button__container .cmp-button.button__filter span {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem;
width: 100%
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .button__container .cmp-button.button__filter span:after {
content: none
}
.cmp-card-grid .card-grid__filter-panel .card-grid__search-fields .button__container .cmp-button.button__filter span:before {
background: url(clientlib-site/resources/images/icons/icon-filter-gray.svg) no-repeat 50%;
background-size: contain;
content: "";
display: block;
height: 24px;
margin-right: 4px;
width: 24px
}
.cmp-card-grid .card-grid__filter-panel .card-grid__filter-pills {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 1.5rem 0
}
.cmp-card-grid .card-grid__filter-panel .card-grid__filter-pills .card-grid__pill {
background: #f6f4fe;
display: inline-block;
margin-bottom: 1rem;
margin-right: 1rem;
padding: 1rem 1rem .5rem
}
.cmp-card-grid .card-grid__filter-panel .card-grid__filter-pills .card-grid__pill .card-grid__remove-pill {
background: none;
border: none;
cursor: pointer;
display: block;
display: inline-block;
height: 24px;
outline: none;
position: relative;
top: -5px;
width: 24px
}
.cmp-card-grid .card-grid__filter-panel .card-grid__filter-pills .card-grid__pill .card-grid__remove-pill:after,.cmp-card-grid .card-grid__filter-panel .card-grid__filter-pills .card-grid__pill .card-grid__remove-pill:before {
background-color: #404040;
content: "";
display: block;
height: 1px;
left: 2px;
position: absolute;
top: 50%;
width: 20px
}
.cmp-card-grid .card-grid__filter-panel .card-grid__filter-pills .card-grid__pill .card-grid__remove-pill:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.cmp-card-grid .card-grid__filter-panel .card-grid__filter-pills .card-grid__pill .card-grid__remove-pill:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.cmp-card-grid .card-grid__filter-panel .card-grid__filter-pills .card-grid__pill .card-grid__remove-pill:focus {
outline: none
}
.cmp-card-grid .card-grid {
--column-count: 3;
--card-width: calc(33.33333% - var(--col-gap)*2/3);
--col-gap: 40px;
--row-gap: 64px;
margin: auto
}
@media only screen and (max-width: 1280px) {
.cmp-card-grid .card-grid {
--column-count:2;
--card-width: calc((100% - var(--col-gap))/2)
}
}
@media only screen and (max-width: 430px) {
.cmp-card-grid .card-grid {
--column-count:1;
--card-width: 100%
}
}
.cmp-card-grid .card-grid__cards {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-column-gap: var(--col-gap);
-moz-column-gap: var(--col-gap);
column-gap: var(--col-gap);
display: grid;
grid-template-columns: 1fr 1fr 1fr;
justify-content: center;
row-gap: var(--row-gap)
}
@media only screen and (max-width: 430px) {
.cmp-card-grid .card-grid__cards {
grid-template-columns:none
}
}
.cmp-card-grid .card-grid .card {
display: grid;
gap: 0;
grid-template-rows: auto 1fr
}
.cmp-card-grid .card-grid .card .card__info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 0
}
.cmp-card-grid .card-grid .card .card__info .button__container {
margin-top: auto
}
@media only screen and (max-width: 834px) {
.cmp-card-grid .card-grid .card .card__info .button__container {
margin-left:auto;
width: 190px
}
}
.cmp-card-grid .card-grid .card__img {
overflow: hidden
}
.cmp-card-grid .card-grid .card__img .card__image {
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.cmp-card-grid .card-grid .card__img:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: -webkit-transform .5s ease-in-out;
transition: -webkit-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
transition: transform .5s ease-in-out,-webkit-transform .5s ease-in-out
}
.cmp-card-grid .card-grid .card .card__title {
color: #80714c;
margin-bottom: 5px
}
.cmp-card-grid .card-grid .card .card__subtitle {
color: #6e6e6e;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
letter-spacing: 2px;
line-height: 18px;
text-transform: uppercase
}
.cmp-card-grid .card-grid .card .card__subtitle .tag__name:after {
border-right: .5px solid #000;
content: "";
margin-left: 8px;
margin-right: 8px
}
.cmp-card-grid .card-grid .card .card__subtitle .tag__name:last-child:after {
display: none
}
.cmp-card-grid .card-grid .card .card__link-space {
-webkit-box-flex: 0;
-ms-flex: 0 1 70px;
flex: 0 1 70px
}
.cmp-card-grid .card-grid .card .card__primary-space {
-webkit-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px
}
.cmp-card-grid .card-grid .card .card__primary-space:empty {
-webkit-box-flex: 0;
-ms-flex: 0 0 0px;
flex: 0 0 0
}
.cmp-card-grid .card-grid .card .card__description {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
line-height: 20px;
padding-bottom: 20px
}
.cmp-card-grid .card-grid .card .card__description ul {
padding-left: 8px
}
.cmp-card-grid .card-grid .card .card__description ul li {
margin-bottom: 10px
}
.cmp-card-grid .card-grid .card--event .card__dates {
-webkit-box-flex: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 50px;
flex: 0 0 50px
}
.cmp-card-grid .card-grid__show-more-container {
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
padding-bottom: 10px
}
.cmp-card-grid .card-grid__show-more-container .card-grid__show-more {
display: grid;
gap: 4px;
grid-template-columns: repeat(4,6px);
grid-template-rows: repeat(4,6px);
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.cmp-card-grid .card-grid__show-more-container .card-grid__show-more>div {
background-color: #80714c
}
.cmp-card-grid .card-grid__show-more-container .hidden {
display: none!important
}
.cmp-card-grid .card-grid__not-found {
color: #80714c;
padding-bottom: 40px;
text-align: center
}
.cmp-card-grid .card-grid__not-found p {
margin: 1rem 0 .5rem
}
.cmp-card-grid .card-grid__not-found .error-message {
font-size: 24px;
line-height: 28px;
text-transform: uppercase
}
.cmp-card-grid .card-grid__not-found .error-subtext {
font-size: 18px
}
.cmp-card-grid .cmp-modal .dialog .modal-container__header {
padding: 1pc 1pc 1pc 93pt
}
.cmp-card-grid .cmp-modal .dialog .modal-container__header-wrapper {
width: auto
}
.cmp-card-grid .cmp-modal .dialog .modal-container__body {
padding: 1rem;
width: 100%
}
@media only screen and (min-width: calc(1280px + 1px)) {
.cmp-card-grid .cmp-modal .dialog .modal-container__body {
padding:0 93pt 20px
}
}
.cmp-card-grid .cmp-modal .dialog .modal-container__body .reset__container {
-webkit-box-pack: start;
-ms-flex-pack: start;
background-color: #ececec;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: flex-start;
padding: 20px 0;
position: sticky;
top: 0;
z-index: 1
}
.cmp-card-grid .cmp-modal .dialog .modal-container__body .reset__container .reset-button {
color: #80714c;
cursor: pointer;
padding: 0;
text-transform: uppercase
}
.cmp-card-grid .cmp-modal .dialog .modal-container__body .accordion__container {
color: #404040;
margin-left: auto;
width: 100%
}
.cmp-card-grid .cmp-modal .dialog .modal-container__body .accordion__container .ac-panel {
border-bottom: 1px solid #bfbfbf;
color: #404040;
overflow: hidden
}
.cmp-card-grid .cmp-modal .dialog .modal-container__body .accordion__container .ac-panel button {
display: block
}
.cmp-card-grid .cmp-modal .dialog .modal-container__body .accordion__container .ac-header button {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
color: #404040;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1pc;
justify-content: space-between;
padding-bottom: 9pt;
padding-top: 9pt;
position: relative;
width: 100%
}
@media only screen and (min-width: calc(1280px + 1px)) {
.cmp-card-grid .cmp-modal .dialog .modal-container__body .accordion__container .ac-header button {
font-size:18px
}
}
.cmp-card-grid .cmp-modal .dialog .modal-container__body .accordion__container .ac-header button:after {
border-bottom: 1px solid;
border-right: 1px solid;
content: "";
display: block;
height: 10px;
position: absolute;
right: 0;
right: 10px;
top: 0;
top: 9pt;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 68% 68%;
transform-origin: 68% 68%;
-webkit-transition: -webkit-transform .25s;
transition: -webkit-transform .25s;
transition: transform .25s;
transition: transform .25s,-webkit-transform .25s;
width: 10px
}
.cmp-card-grid .cmp-modal .dialog .modal-container__body .accordion__container .ac.is-active .ac-header button:after {
-webkit-transform: rotate(225deg);
transform: rotate(225deg)
}
.cmp-card-grid .cmp-modal .dialog .modal-container__body .accordion__container .tag-label {
cursor: pointer;
display: block;
margin-bottom: 18px;
padding-left: 35px;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content
}
.cmp-card-grid .cmp-modal .dialog .modal-container__body .accordion__container .tag-label .text {
color: #404040;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px
}
@media only screen and (min-width: calc(1280px + 1px)) {
.cmp-card-grid .cmp-modal .dialog .modal-container__body .accordion__container .tag-label .text {
font-size:15px
}
}
.cmp-card-grid .cmp-modal .dialog .modal-container__body .accordion__container .tag-label .checkbox {
cursor: pointer;
height: 0;
opacity: 0;
position: absolute;
width: 0
}
.cmp-card-grid .cmp-modal .dialog .modal-container__body .accordion__container .tag-label .checkbox:checked~.checkmark {
background: #404040
}
.cmp-card-grid .cmp-modal .dialog .modal-container__body .accordion__container .tag-label .checkbox:checked~.checkmark:after {
border: 1px solid #fafafa;
border-width: 0 1px 1px 0;
content: "";
display: block;
height: 9pt;
left: 8px;
position: absolute;
top: 2.5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 5px
}
.cmp-card-grid .cmp-modal .dialog .modal-container__body .accordion__container .tag-label .checkmark {
border: .5px solid #404040;
height: 24px;
left: 0;
position: absolute;
top: 0;
width: 24px
}
.cmp-card-grid .cmp-modal .dialog .modal-container__body .accordion__container .tag-label .checkmark:after {
border: 1px solid #404040;
border-width: 0 1px 1px 0;
content: "";
display: none;
height: 9pt;
left: 8px;
position: absolute;
top: 2.5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 5px
}
@media(hover: hover) {
.cmp-card-grid .cmp-modal .dialog .modal-container__body .accordion__container .tag-label .checkmark:hover {
background:#fafafa
}
.cmp-card-grid .cmp-modal .dialog .modal-container__body .accordion__container .tag-label .checkmark:hover:after {
border: 1px solid #404040;
border-width: 0 1px 1px 0;
content: "";
display: block;
height: 9pt;
left: 8px;
position: absolute;
top: 2.5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 5px
}
}
@-webkit-keyframes splide-loading {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
.cmp-carousel {
overflow-x: clip;
width: 100%
}
.cmp-carousel .foot,.cmp-carousel .heading {
text-align: center
}
.cmp-carousel .foot[hidden],.cmp-carousel .heading[hidden] {
display: none
}
.cmp-carousel .foot__title,.cmp-carousel .heading__title {
color: #80714c;
margin-bottom: 40px;
text-transform: uppercase
}
.cmp-carousel .foot__title:empty,.cmp-carousel .heading__title:empty {
display: none
}
.cmp-carousel .foot__label,.cmp-carousel .heading__label {
color: #737373;
letter-spacing: 3px;
text-transform: uppercase
}
.cmp-carousel .foot__label:empty,.cmp-carousel .heading__label:empty {
display: none
}
.cmp-carousel .foot__description,.cmp-carousel .heading__description {
margin-bottom: 40px
}
.cmp-carousel .foot__copy,.cmp-carousel .heading__copy {
grid-area: copy;
margin: auto;
width: 60%
}
@media only screen and (max-width: 834px) {
.cmp-carousel .foot__copy,.cmp-carousel .heading__copy {
width:100%
}
}
.cmp-carousel .foot.variant-e .heading__copy,.cmp-carousel .heading.variant-e .heading__copy {
width: auto
}
.cmp-carousel .foot.variant-e .heading__description,.cmp-carousel .heading.variant-e .heading__description {
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
display: grid;
grid-template-areas: "bookend-left copy bookend-right";
grid-template-columns: 1fr 60% 1fr;
margin-bottom: 40px
}
@media only screen and (max-width: 834px) {
.cmp-carousel .foot.variant-e .heading__description,.cmp-carousel .heading.variant-e .heading__description {
-webkit-column-gap:0;
-moz-column-gap: 0;
column-gap: 0;
grid-template-areas: "copy copy copy" "bookend-left . bookend-right";
grid-template-columns: 50% 0 50%;
row-gap: 20px
}
}
.cmp-carousel .foot.variant-e .heading__description.hidden,.cmp-carousel .heading.variant-e .heading__description.hidden {
display: none
}
.cmp-carousel .foot.variant-e .foot__bookend-left,.cmp-carousel .foot.variant-e .foot__bookend-right,.cmp-carousel .foot.variant-e .heading__bookend-left,.cmp-carousel .foot.variant-e .heading__bookend-right,.cmp-carousel .heading.variant-e .foot__bookend-left,.cmp-carousel .heading.variant-e .foot__bookend-right,.cmp-carousel .heading.variant-e .heading__bookend-left,.cmp-carousel .heading.variant-e .heading__bookend-right {
display: block;
grid-area: bookend-left;
position: relative
}
.cmp-carousel .foot.variant-e .foot__bookend-left:before,.cmp-carousel .foot.variant-e .foot__bookend-right:before,.cmp-carousel .foot.variant-e .heading__bookend-left:before,.cmp-carousel .foot.variant-e .heading__bookend-right:before,.cmp-carousel .heading.variant-e .foot__bookend-left:before,.cmp-carousel .heading.variant-e .foot__bookend-right:before,.cmp-carousel .heading.variant-e .heading__bookend-left:before,.cmp-carousel .heading.variant-e .heading__bookend-right:before {
background-color: #80714c;
content: "";
display: block;
height: .5px;
position: absolute;
right: 0;
top: 50%;
width: calc(100% - 7px)
}
.cmp-carousel .foot.variant-e .foot__bookend-left:after,.cmp-carousel .foot.variant-e .foot__bookend-right:after,.cmp-carousel .foot.variant-e .heading__bookend-left:after,.cmp-carousel .foot.variant-e .heading__bookend-right:after,.cmp-carousel .heading.variant-e .foot__bookend-left:after,.cmp-carousel .heading.variant-e .foot__bookend-right:after,.cmp-carousel .heading.variant-e .heading__bookend-left:after,.cmp-carousel .heading.variant-e .heading__bookend-right:after {
border: 1px solid #80714c;
content: "";
display: block;
height: 5.66px;
left: 0;
position: absolute;
top: calc(50% - 3.5px);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 5.66px
}
.cmp-carousel .foot.variant-e .foot__bookend-right,.cmp-carousel .foot.variant-e .heading__bookend-right,.cmp-carousel .heading.variant-e .foot__bookend-right,.cmp-carousel .heading.variant-e .heading__bookend-right {
grid-area: bookend-right;
-webkit-transform: scaleX(-1);
transform: scaleX(-1)
}
.cmp-carousel .foot {
padding-top: 40px
}
.cmp-carousel .foot.variant-e {
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
display: grid;
grid-template-areas: "bookend-left button bookend-right";
grid-template-columns: auto 300px auto
}
@media only screen and (max-width: 834px) {
.cmp-carousel .foot.variant-e {
-webkit-column-gap:0;
-moz-column-gap: 0;
column-gap: 0;
grid-template-areas: "button button button" "bookend-left . bookend-right";
grid-template-columns: 50% 0 50%;
margin-bottom: 10px;
row-gap: 20px
}
}
.cmp-carousel .foot__button {
grid-area: button
}
.cmp-carousel .foot__button .button__container {
margin: auto
}
.cmp-carousel .foot__bookend-left:after,.cmp-carousel .foot__bookend-right:after {
background-color: #80714c;
top: calc(25% - 3.5px)
}
.cmp-carousel .foot__bookend-left:before,.cmp-carousel .foot__bookend-right:before {
top: 25%
}
.cmp-carousel .foot[hidden] {
display: none
}
.cmp-carousel .splide {
min-height: 75pt
}
.cmp-carousel .splide.not-full.variant-g .splide__list,.cmp-carousel .splide:not(.is-overflow):not(.variant-g) .splide__list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.cmp-carousel .splide.not-full.variant-g .splide__list .splide__slide:last-child,.cmp-carousel .splide:not(.is-overflow):not(.variant-g) .splide__list .splide__slide:last-child {
margin-right: 0!important
}
@media(max-width: 599px) {
.cmp-carousel .splide {
width:80%
}
.cmp-carousel .splide__arrows {
display: none
}
.cmp-carousel .splide.variant-g {
margin: auto;
width: 46%
}
}
.cmp-carousel .splide__arrows.hide-arrows {
display: none
}
.cmp-carousel .splide__slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.cmp-carousel .splide__slide.variant-g[action=video]:before,.cmp-carousel .splide__slide:not(.variant-g)[action=video] .slide__img:before {
content: url("data:image/svg+xml,%3Csvg width='56' height='57' viewBox='0 0 56 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.5692 0.930769C27.5692 0.692862 27.7621 0.5 28 0.5C43.464 0.5 56 13.036 56 28.5V28.9308H55.1385V28.5C55.1385 13.6557 43.2203 1.59503 28.4308 1.36489V8.41528H27.5692V0.930769Z' fill='%23FAFAFA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M56 28.0692V28.5C56 38.1992 51.068 46.7463 43.5771 51.7704L43.2194 52.0104L42.7395 51.2949L43.0972 51.0549C50.3598 46.1839 55.1385 37.9 55.1385 28.5V28.0692H56Z' fill='%23FAFAFA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.4308 56.0692C28.4308 56.3071 28.2379 56.5 28 56.5C12.536 56.5 -1.3519e-06 43.964 0 28.5L3.76613e-08 28.0692L0.861538 28.0692V28.5C0.861537 43.3443 12.7797 55.405 27.5692 55.6351V49.1429H28.4308V56.0692Z' fill='%23FAFAFA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.59928 14.7497L3.81685 14.3779C6.65431 9.52931 10.9082 5.61055 16.0113 3.18923C17.1223 2.66206 18.2736 2.20587 19.4593 1.82653L19.8696 1.69527L20.1322 2.51584L19.7219 2.6471C18.5729 3.01467 17.4573 3.45673 16.3806 3.9676C11.4347 6.31432 7.31091 10.1131 4.56042 14.8131L4.34285 15.1849L3.59928 14.7497Z' fill='%23FAFAFA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M48.6769 28.5C48.6769 39.9195 39.4195 49.1769 28 49.1769C16.5804 49.1769 7.32307 39.9195 7.32307 28.5C7.32307 17.0805 16.5804 7.82308 28 7.82308C39.4195 7.82308 48.6769 17.0805 48.6769 28.5ZM23.3179 20.2292C23.2211 20.2288 23.1259 20.2539 23.0419 20.3019C22.9578 20.3503 22.8878 20.42 22.8392 20.504C22.7906 20.5881 22.7651 20.6834 22.7651 20.7805V36.2191C22.7651 36.3162 22.7907 36.4115 22.8393 36.4954C22.8879 36.5794 22.9577 36.6491 23.0419 36.6974C23.126 36.7457 23.2214 36.771 23.3184 36.7707C23.4154 36.7704 23.5106 36.7444 23.5944 36.6955L36.8264 28.9762C36.9097 28.9277 36.9788 28.8581 37.0269 28.7746C37.0749 28.691 37.1002 28.5962 37.1002 28.4998C37.1002 28.4034 37.0749 28.3087 37.0269 28.2251C36.9788 28.1415 36.9097 28.072 36.8264 28.0234L23.5933 20.3041C23.5097 20.2554 23.4147 20.2295 23.3179 20.2292Z' fill='%23FAFAFA'/%3E%3C/svg%3E");
height: 57px;
left: 50%;
margin: 0 auto;
opacity: .75;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 56px;
z-index: 1
}
.cmp-carousel .splide__slide.variant-g {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
position: relative
}
.cmp-carousel .splide__slide:not(.variant-g)[action=video] .slide__img {
cursor: pointer;
position: relative
}
.cmp-carousel .splide__slide img {
width: 100%
}
.cmp-carousel .splide__arrow {
background: transparent;
border-radius: 0;
cursor: default;
height: 100%;
opacity: 1;
width: calc(50vw - 42.5%);
z-index: 5
}
.cmp-carousel .splide__arrow:hover:not(:disabled) {
opacity: 1
}
.cmp-carousel .splide__arrow:disabled {
pointer-events: none
}
.cmp-carousel .splide__arrow svg {
display: none
}
@media only screen and (min-width: calc(834px + 1px)) {
.cmp-carousel .splide__arrow {
width:calc(50vw - 44.6%)
}
}
.cmp-carousel .splide__arrow--prev:not(:disabled) {
cursor: url(clientlib-site/resources/images/icons/icon-prev.svg) 43 43,pointer;
left: calc(-50vw - -50%)
}
@media only screen and (min-width: calc(1024px)) {
.cmp-carousel .splide__arrow--prev:not(:disabled) {
padding-right:30px
}
}
.cmp-carousel .splide__arrow--next:not(:disabled) {
cursor: url(clientlib-site/resources/images/icons/icon-next.svg) 43 43,pointer;
right: calc(-50vw - -50%)
}
@media only screen and (min-width: calc(1024px)) {
.cmp-carousel .splide__arrow--next:not(:disabled) {
padding-left:30px
}
}
.cmp-carousel .splide__track {
overflow: visible
}
.cmp-carousel .splide.variant-g:not(.is-overflow) .splide__track {
overflow: hidden
}
.cmp-carousel .splide .splide__track {
z-index: 4
}
.cmp-carousel .splide.variant-f_variation_a .slide__title {
margin: 0
}
@media only screen and (min-width: 320px)and (max-width:430px) {
.cmp-carousel .splide.variant-f_variation_a .slide__title {
font-size:21px
}
}
.cmp-carousel .splide.variant-f_variation_a .slide__subtitle {
color: #737373;
margin-bottom: 1pc
}
.cmp-carousel .splide.variant-f_variation_a .slide__description ul {
font-size: 13px;
line-height: 1pc
}
.cmp-carousel .splide.variant-e .slide__description h5,.cmp-carousel .splide.variant-f_variation_a .slide__description h3,.cmp-carousel .splide.variant-f_variation_a .slide__description h4,.cmp-carousel .splide.variant-f_variation_a .slide__description h5 {
color: #737373;
font-size: 15px
}
@media only screen and (max-width: 430px) {
.cmp-carousel .splide.cmp-carousel-list ul,.cmp-carousel .splide.cmp-carousel-list.splide.is-initialized:not(.is-active) .splide__list {
-webkit-box-pack:center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
justify-content: center
}
.cmp-carousel .splide.cmp-carousel-list ul .splide__slide,.cmp-carousel .splide.cmp-carousel-list.splide.is-initialized:not(.is-active) .splide__list .splide__slide {
max-width: 100%
}
}
.cmp-carousel .slide {
display: grid;
gap: 0;
grid-template-rows: auto 1fr
}
.cmp-carousel .slide__info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 0
}
.cmp-carousel .slide__info .button__container {
margin-top: auto
}
.cmp-carousel .slide__img .slide__image {
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.cmp-carousel .slide__image {
width: 100%
}
.cmp-carousel .slide__title {
color: #80714c;
margin-bottom: 5px
}
@media only screen and (min-width: 320px)and (max-width:430px) {
.cmp-carousel .slide__title {
font-size:21px!important
}
}
.cmp-carousel .slide__subtitle {
color: #737373;
letter-spacing: 2px;
line-height: 18px;
text-transform: uppercase
}
.cmp-carousel .slide__link-space {
-webkit-box-flex: 0;
-ms-flex: 0 1 70px;
flex: 0 1 70px
}
.cmp-carousel .slide__primary-space {
-webkit-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px
}
.cmp-carousel .slide__primary-space:empty {
-webkit-box-flex: 0;
-ms-flex: 0 0 0px;
flex: 0 0 0
}
.cmp-carousel .slide__description {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
line-height: 20px;
padding-bottom: 40px
}
.cmp-carousel .slide__description ul {
padding-left: 1rem
}
@media only screen and (min-width: 320px)and (max-width:430px) {
.cmp-carousel .slide__description ul {
font-size:9pt!important
}
}
.cmp-carousel .slide__description ul li {
margin-bottom: 8px
}
.cmp-carousel .slide:has(.slide__notifications) .slide__description {
padding-bottom: 6px
}
.cmp-carousel .slide__notifications {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 40px
}
.cmp-carousel .slide__notification-text {
border: 1px solid color-mix(in srgb,#bcb1b2,#000 28%);
color: color-mix(in srgb,#bcb1b2,#000 28%);
font-family: arizona_flareregular;
font-size: 14px;
font-weight: 300;
letter-spacing: .56px;
line-height: 1.3;
padding: 4px 10px
}
@media only screen and (max-width: 430px) {
.cmp-carousel .slide__notification-text {
font-size:13px;
letter-spacing: .52px
}
.cmp-carousel .slide .mbs-link-dropdown {
--drop-width: 250px
}
.cmp-carousel .slide .mbs-link-dropdown .button__container.mbs-link-dropdown__button-wrapper {
margin-bottom: 0
}
}
.cmp-carousel .slide h3,.cmp-carousel .slide h4,.cmp-carousel .slide h5 {
margin-bottom: 1rem
}
.cmp-carousel .grid-content-wrapper {
margin: auto;
max-width: 978pt
}
.cmp-carousel .cmp-modal {
background: 0
}
.cmp-carousel .cmp-modal .dialog {
background-color: hsla(0,0%,6%,.6);
overflow: hidden
}
.cmp-carousel .cmp-modal .dialog .modal-container__body:not(.is-slider) {
max-height: 650px;
max-width: 750pt
}
.cmp-carousel .cmp-modal .dialog .modal-container__body.is-slider {
background-color: transparent;
overflow: visible
}
.cmp-carousel .cmp-modal .dialog .slider {
background-color: transparent;
display: grid;
grid-template-columns: 40px auto 40px;
margin: auto;
z-index: 1
}
.cmp-carousel .cmp-modal .dialog .slider__button {
-webkit-box-pack: center;
-ms-flex-pack: center;
color: #fafafa;
cursor: pointer;
height: 40px;
justify-content: center;
width: 40px
}
.cmp-carousel .cmp-modal .dialog .slider__button,.cmp-carousel .cmp-modal .dialog .slider__button--wrp {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.cmp-carousel .cmp-modal .dialog .slider__button--wrp {
height: 100%
}
.cmp-carousel .cmp-modal .dialog .slider__button--next {
position: relative
}
.cmp-carousel .cmp-modal .dialog .slider__button--next:after {
border-bottom: 1px solid;
border-right: 1px solid;
content: "";
display: block;
height: 9pt;
position: absolute;
position: static;
right: 0;
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
-webkit-transform-origin: 68% 68%;
transform-origin: 68% 68%;
width: 9pt
}
.cmp-carousel .cmp-modal .dialog .slider__button--prev {
position: relative
}
.cmp-carousel .cmp-modal .dialog .slider__button--prev:after {
border-bottom: 1px solid;
border-right: 1px solid;
content: "";
display: block;
height: 9pt;
position: absolute;
position: static;
right: 0;
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transform-origin: 68% 68%;
transform-origin: 68% 68%;
width: 9pt
}
.cmp-carousel .cmp-modal .dialog .slider__content {
max-height: 650px;
max-width: 750pt;
overflow: hidden;
pointer-events: none
}
.cmp-carousel .cmp-modal .dialog .slider__content.pointer-events {
pointer-events: all
}
.cmp-carousel .cmp-modal .dialog .slider.no-arrows .slider__button {
display: none!important
}
.cmp-carousel .cmp-modal .dialog .slide-modal-content {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
justify-content: center;
width: 100%;
z-index: 1
}
.cmp-carousel .cmp-modal .dialog .slide-modal-content img {
max-height: 100%;
max-width: 100%
}
.cmp-carousel .cmp-modal .dialog .modal-container__close-button:after,.cmp-carousel .cmp-modal .dialog .modal-container__close-button:before {
background: #fafafa
}
body.no-smooth-scroll {
padding-right: 5px!important
}
.mbs_cmp_bg__white {
background-color: #fafafa
}
.mbs_cmp_bg__blue-io {
background-color: #dcf0f0
}
.mbs_cmp_bg__light-gold {
background-color: #eef0eb
}
.mbs_cmp_bg__black {
background-color: #101010
}
.mbs_cmp_top_padding__160px {
padding-top: 10pc
}
.mbs_cmp_top_padding__160px>div[id] {
margin-top: -10pc;
padding-top: 10pc;
scroll-margin-top: 4pc
}
@media only screen and (max-width: 430px) {
.mbs_cmp_top_padding__160px {
padding-top:75pt
}
.mbs_cmp_top_padding__160px>div[id] {
margin-top: -75pt;
padding-top: 75pt;
scroll-margin-top: 0
}
}
.mbs_cmp_top_padding__80px {
padding-top: 5pc
}
.mbs_cmp_top_padding__80px>div[id] {
margin-top: -5pc;
padding-top: 5pc;
scroll-margin-top: 4pc
}
@media only screen and (max-width: 430px) {
.mbs_cmp_top_padding__80px {
padding-top:4pc
}
.mbs_cmp_top_padding__80px>div[id] {
margin-top: -75pt;
padding-top: 75pt;
scroll-margin-top: 0
}
}
.mbs_cmp_top_padding__40px {
padding-top: 40px
}
@media only screen and (max-width: 430px) {
.mbs_cmp_top_padding__40px {
padding-top:2pc
}
.mbs_cmp_top_padding__40px>div[id] {
margin-top: -75pt;
padding-top: 75pt;
scroll-margin-top: 0
}
}
.mbs_cmp_top_padding__0px {
padding-top: 0
}
@media only screen and (max-width: 430px) {
.mbs_cmp_top_padding__0px {
padding-top:24px
}
.mbs_cmp_top_padding__0px>div[id] {
margin-top: -75pt;
padding-top: 75pt;
scroll-margin-top: 0
}
}
.mbs_cmp_bottom_padding__160px {
padding-bottom: 10pc
}
@media only screen and (max-width: 430px) {
.mbs_cmp_bottom_padding__160px {
padding-bottom:75pt
}
}
.mbs_cmp_bottom_padding__80px {
padding-bottom: 5pc
}
@media only screen and (max-width: 430px) {
.mbs_cmp_bottom_padding__80px {
padding-bottom:4pc
}
}
.mbs_cmp_bottom_padding__40px {
padding-bottom: 40px
}
@media only screen and (max-width: 430px) {
.mbs_cmp_bottom_padding__40px {
padding-bottom:2pc
}
}
.mbs_cmp_bottom_padding__0px {
padding-bottom: 0
}
@-webkit-keyframes fpFadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fpFadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.flatpickr-calendar {
-webkit-animation: none;
animation: none;
background-color: #fafafa;
border: .5px solid #101010;
border-radius: 0;
-webkit-box-shadow: 0 3px 13px rgba(0,0,0,.08);
box-shadow: 0 3px 13px rgba(0,0,0,.08);
-webkit-box-sizing: border-box;
box-sizing: border-box;
direction: ltr;
display: none;
font-size: 14px;
line-height: 24px;
opacity: 0;
padding: 0;
position: absolute;
text-align: center;
-ms-touch-action: manipulation;
touch-action: manipulation;
visibility: hidden;
width: 25pc
}
.flatpickr-calendar .hasWeeks .dayContainer {
border-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-left: 0
}
.flatpickr-calendar .hasTime .dayContainer {
border-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.flatpickr-calendar:before {
border: 5px solid transparent;
margin: 0 -5px
}
.flatpickr-calendar:after,.flatpickr-calendar:before {
content: "";
display: block;
height: 0;
left: 22px;
pointer-events: none;
position: absolute;
width: 0
}
.flatpickr-calendar:after {
border: 4px solid transparent;
margin: 0 -4px
}
.flatpickr-calendar:focus {
outline: 0
}
.flatpickr-calendar.open {
display: inline-block;
max-height: 40pc;
opacity: 1;
visibility: visible;
z-index: 99999
}
.flatpickr-calendar.inline {
display: block;
max-height: 40pc;
opacity: 1;
position: relative;
top: 2px;
visibility: visible
}
.flatpickr-calendar.animate.open {
-webkit-animation: fpFadeInDown .3s cubic-bezier(.23,1,.32,1);
animation: fpFadeInDown .3s cubic-bezier(.23,1,.32,1)
}
.flatpickr-calendar.static {
position: absolute;
top: calc(100% + 2px)
}
.flatpickr-calendar.static.open {
display: block;
z-index: 999
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
-webkit-box-shadow: none!important;
box-shadow: none!important
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
-webkit-box-shadow: -2px 0 0 #6e6e6e,5px 0 0 #6e6e6e;
box-shadow: -2px 0 0 #6e6e6e,5px 0 0 #6e6e6e
}
.flatpickr-calendar.hasTime .flatpickr-time {
border: 1px solid #e0e7e7;
height: 40px
}
.flatpickr-calendar.hasTime .flatpickr-innerContainer {
border-bottom: 0
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
height: auto
}
.flatpickr-wrapper {
display: inline-block;
position: relative
}
.flatpickr-months {
-webkit-box-pack: center;
-ms-flex-pack: center;
background-color: #fafafa;
border-bottom: .5px solid #101010;
display: grid;
grid-template-columns: auto 90pt auto;
justify-content: center;
text-align: center
}
.flatpickr-months .flatpickr-month {
fill: #a0bec8;
-webkit-box-pack: center;
-ms-flex-pack: center;
background: #fafafa;
border-radius: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 4pc;
justify-content: center;
line-height: 1;
overflow: hidden
}
.flatpickr-months .flatpickr-month,.flatpickr-months .flatpickr-prev-month {
color: #202020;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.flatpickr-months .flatpickr-prev-month {
fill: #202020;
-ms-flex-item-align: center;
align-self: center;
cursor: pointer;
height: 34px;
padding: 10px;
text-decoration: none;
z-index: 3
}
.flatpickr-months .flatpickr-prev-month i {
position: relative
}
.flatpickr-months .flatpickr-prev-month:hover {
color: #ced1d1
}
.flatpickr-months .flatpickr-prev-month:hover svg {
fill: #101010
}
.flatpickr-months .flatpickr-prev-month svg {
height: 14px;
width: 14px
}
.flatpickr-months .flatpickr-prev-month svg path {
fill: inherit;
-webkit-transition: fill .1s;
transition: fill .1s
}
.flatpickr-months .flatpickr-next-month {
fill: #202020;
-ms-flex-item-align: center;
align-self: center;
color: #202020;
cursor: pointer;
height: 34px;
padding: 10px;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 3
}
.flatpickr-months .flatpickr-next-month i {
position: relative
}
.flatpickr-months .flatpickr-next-month:hover {
color: #ced1d1
}
.flatpickr-months .flatpickr-next-month:hover svg {
fill: #101010
}
.flatpickr-months .flatpickr-next-month svg {
height: 14px;
width: 14px
}
.flatpickr-months .flatpickr-next-month svg path {
fill: inherit;
-webkit-transition: fill .1s;
transition: fill .1s
}
.flatpickr-months .flatpickr-next-month.flatpickr-disabled,.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
cursor: not-allowed;
opacity: .35;
pointer-events: none
}
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
left: 0
}
.flatpickr-months .flatpickr-next-month.flatpickr-next-month,.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
right: 0
}
.numInputWrapper {
height: auto;
position: relative
}
.numInputWrapper input {
display: inline-block;
width: auto
}
.numInputWrapper input::-ms-clear {
display: none
}
.numInputWrapper input::-webkit-inner-spin-button,.numInputWrapper input::-webkit-outer-spin-button {
margin: 0
}
.numInputWrapper span {
display: none
}
.numInputWrapper span.arrowUp {
border-bottom: 0;
top: 0
}
.numInputWrapper span.arrowUp:after {
border-bottom: 4px solid rgba(72,72,72,.6);
border-left: 4px solid transparent;
border-right: 4px solid transparent;
top: 26%
}
.numInputWrapper span.arrowDown {
top: 50%
}
.numInputWrapper span.arrowDown:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(72,72,72,.6);
top: 40%
}
.numInputWrapper:hover {
background: rgba(0,0,0,.05)
}
.numInputWrapper:hover span {
opacity: 1
}
.flatpickr-current-month {
-ms-flex-item-align: center;
align-self: center;
color: inherit;
display: inline-block;
font-size: 135%;
font-weight: 300;
line-height: inherit;
line-height: 1;
text-align: center;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.flatpickr-current-month span.cur-month {
color: inherit;
display: inline-block;
font-family: inherit;
font-weight: 700;
margin-left: .5ch;
padding: 0
}
.flatpickr-current-month span.cur-month:hover {
background: rgba(0,0,0,.05)
}
.flatpickr-current-month .numInputWrapper {
display: inline-block;
width: 4ch;
width: 5ch\0
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
border-bottom-color: #ced1d1
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
border-top-color: #dcf0f0
}
.flatpickr-current-month input.cur-year {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
background: transparent;
border: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
cursor: text;
display: inline-block;
font-family: inherit;
font-size: inherit;
font-weight: 300;
height: auto;
line-height: inherit;
margin: 0;
padding: 0 0 0 .5ch;
vertical-align: initial
}
.flatpickr-current-month input.cur-year:focus {
outline: 0
}
.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover {
background: transparent;
color: inherit;
font-size: 100%;
pointer-events: none
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
-webkit-appearance: menulist;
-moz-appearance: menulist;
appearance: menulist;
background: #e0e7e7;
border: none;
border-radius: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
cursor: pointer;
font-family: inherit;
font-size: inherit;
font-weight: 300;
height: auto;
line-height: inherit;
margin: -1px 0 0;
outline: none;
padding: 0 0 0 .5ch;
position: relative;
vertical-align: initial;
width: auto
}
.flatpickr-current-month .flatpickr-monthDropdown-months:active,.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
outline: none
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
background: rgba(0,0,0,.05)
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
background-color: #fafafa;
outline: none;
padding: 0
}
.flatpickr-weekdays {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fafafa;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 3pc;
overflow: hidden;
text-align: center;
width: 100%
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
-webkit-box-flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex: 1;
flex: 1
}
span.flatpickr-weekday {
-webkit-box-flex: 1;
background: #fafafa;
color: #202020;
cursor: default;
display: block;
-ms-flex: 1;
flex: 1;
font-size: 90%;
font-weight: bolder;
line-height: 1;
margin: 0;
text-align: center
}
.dayContainer {
-ms-flex-pack: distribute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-around;
max-width: 25pc;
opacity: 1;
outline: 0;
padding: 0;
text-align: left;
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: 100%
}
.dayContainer+.dayContainer {
-webkit-box-shadow: -1px 0 0 #e0e7e7;
box-shadow: -1px 0 0 #e0e7e7
}
.flatpickr-weeks {
padding: 1px 0 0
}
.flatpickr-days {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
position: relative;
width: 100%
}
.flatpickr-days:focus {
outline: 0
}
.flatpickr-day {
-ms-flex-preferred-size: 14.2857142857%;
-webkit-box-pack: center;
-ms-flex-pack: center;
-ms-flex-line-pack: center;
align-content: center;
aspect-ratio: 1;
background: none;
border: 1px solid transparent;
border-radius: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #555;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-basis: 14.2857142857%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-weight: 400;
isolation: isolate;
justify-content: center;
line-height: 1;
margin: 0;
max-width: 57.1428571429px;
position: relative;
width: 14.2857142857%
}
.flatpickr-day:hover {
color: #fafafa
}
.flatpickr-day:hover:after {
aspect-ratio: 1;
background-color: #101010;
border: 1px solid #101010;
content: "";
display: block;
left: 16%;
position: absolute;
top: 16%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 65%;
z-index: -1
}
.flatpickr-day:focus {
color: #fafafa
}
.flatpickr-day:focus:after {
aspect-ratio: 1;
background-color: #101010;
border: 1px solid #101010;
content: "";
display: block;
left: 16%;
position: absolute;
top: 16%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 65%;
z-index: -1
}
.flatpickr-day.inRange {
background: #e0e7e7;
border-color: #e0e7e7;
border-radius: 0;
-webkit-box-shadow: -5px 0 0 #e0e7e7,5px 0 0 #e0e7e7;
box-shadow: -5px 0 0 #e0e7e7,5px 0 0 #e0e7e7;
cursor: pointer;
outline: 0
}
.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.today.inRange {
background: #e0e7e7;
border-color: #e0e7e7;
cursor: pointer;
outline: 0
}
.flatpickr-day.prevMonthDay {
background: transparent;
border: none;
color: #ced1d1;
cursor: default
}
.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover {
border: none;
cursor: pointer;
outline: 0
}
.flatpickr-day.nextMonthDay {
background: transparent;
border: none;
color: #ced1d1;
cursor: default
}
.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover {
border: none;
cursor: pointer;
outline: 0
}
.flatpickr-day.today:after {
background-color: #ced1d1
}
.flatpickr-day.today:after,.flatpickr-day.today:hover:after {
aspect-ratio: 1;
border: 1px solid #404040;
content: "";
display: block;
left: 16%;
position: absolute;
top: 16%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 65%;
z-index: -1
}
.flatpickr-day.today:hover:after {
background-color: #101010
}
.flatpickr-day.today:focus {
color: #fafafa
}
.flatpickr-day.today:focus:after {
aspect-ratio: 1;
background-color: #ced1d1;
border: 1px solid #404040;
content: "";
display: block;
left: 16%;
position: absolute;
top: 16%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 65%;
z-index: -1
}
.flatpickr-day.selected {
border: none;
position: relative
}
.flatpickr-day.selected,.flatpickr-day.selected:focus {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #101010
}
.flatpickr-day.selected:focus {
border-color: #101010
}
.flatpickr-day.selected:hover {
-webkit-box-shadow: none;
box-shadow: none
}
.flatpickr-day.selected:after,.flatpickr-day.selected:hover:after {
aspect-ratio: 1;
background-color: transparent;
border: 1px solid #101010;
content: "";
display: block;
left: 16%;
position: absolute;
top: 16%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 65%;
z-index: -1
}
.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover {
background: #fafafa;
border-color: #101010;
-webkit-box-shadow: none;
box-shadow: none;
color: #101010
}
.flatpickr-day.selected.startRange {
border-radius: 50px 0 0 50px
}
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)) {
-webkit-box-shadow: -10px 0 0 #fafafa;
box-shadow: -10px 0 0 #fafafa
}
.flatpickr-day.startRange.startRange {
border-radius: 50px 0 0 50px
}
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
-webkit-box-shadow: -10px 0 0 #fafafa;
box-shadow: -10px 0 0 #fafafa
}
.flatpickr-day.endRange.startRange {
border-radius: 50px 0 0 50px
}
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
-webkit-box-shadow: -10px 0 0 #fafafa;
box-shadow: -10px 0 0 #fafafa
}
.flatpickr-day.endRange.endRange,.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange {
border-radius: 0 50px 50px 0
}
.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange {
border-radius: 50px
}
.flatpickr-day.flatpickr-disabled {
background: transparent;
border-color: transparent;
color: #ced1d1;
cursor: default;
cursor: not-allowed
}
.flatpickr-day.flatpickr-disabled:hover {
background: transparent;
border: none;
color: #404040;
color: #ced1d1;
cursor: default;
cursor: not-allowed
}
.flatpickr-day.flatpickr-disabled:hover:after {
background: transparent;
border: none
}
.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay {
background: transparent;
border: none;
color: #ced1d1;
cursor: default
}
.flatpickr-day.week.selected {
border-radius: 0;
-webkit-box-shadow: -5px 0 0 #fafafa,5px 0 0 #fafafa;
box-shadow: -5px 0 0 #fafafa,5px 0 0 #fafafa
}
.flatpickr-day.hidden {
visibility: hidden
}
.rangeMode .flatpickr-day {
margin-top: 1px
}
.flatpickr-weekwrapper {
float: left
}
.flatpickr-weekwrapper .flatpickr-weeks {
border-left: 1px solid #e0e7e7;
padding: 0 9pt
}
.flatpickr-weekwrapper .flatpickr-weekday {
float: none;
line-height: 28px;
width: 100%
}
.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover {
background: transparent;
border: none;
color: #404040;
cursor: default;
display: block;
max-width: none;
width: 100%
}
.flatpickr-innerContainer {
background: #fafafa;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden
}
.flatpickr-innerContainer,.flatpickr-rContainer {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.flatpickr-rContainer {
background-color: #fafafa;
display: inline-block;
padding: 0
}
.flatpickr-time {
background: #fafafa;
border-radius: 0 0 5px 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 0;
line-height: 40px;
max-height: 40px;
outline: 0;
overflow: hidden;
text-align: center
}
.flatpickr-time:after {
clear: both;
content: "";
display: table
}
.flatpickr-time .numInputWrapper {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
float: left;
height: 40px;
width: 40%
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: #404040
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color: #404040
}
.flatpickr-time input {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
background: transparent;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #555;
font-size: 14px;
height: inherit;
line-height: inherit;
margin: 0;
padding: 0;
position: relative;
text-align: center
}
.flatpickr-time input:focus {
background: #e0e7e7;
border: 0;
outline: 0
}
.flatpickr-time input:hover {
background: #e0e7e7
}
.flatpickr-time input.flatpickr-hour {
font-weight: 700
}
.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second {
font-weight: 400
}
.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator {
-ms-flex-item-align: center;
align-self: center;
color: #555;
float: left;
font-weight: 700;
height: inherit;
line-height: inherit;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 2%
}
.flatpickr-time .flatpickr-am-pm {
cursor: pointer;
font-weight: 400;
outline: 0;
text-align: center;
width: 18%
}
.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover {
background: #e0e7e7
}
.flatpickr-time.hasSeconds .numInputWrapper {
width: 26%
}
.flatpickr-time.time24hr .numInputWrapper {
width: 49%
}
.flatpickr-input[readonly] {
cursor: pointer
}
span.flatpickr-day.selected {
font-weight: 700
}
.flatpickr-day.prevMonthDay.today {
color: #555
}
.flatpickr-day.prevMonthDay.today:focus,.flatpickr-day.prevMonthDay.today:hover {
color: #fff
}
.deco-sec-diamond,.deco-sec-diamond--0,.deco-sec-diamond--1,.deco-sec-diamond--2,.deco-sec-diamond--3 {
display: inline-block;
position: relative
}
.deco-sec-diamond--0:before,.deco-sec-diamond--1:before,.deco-sec-diamond--2:before,.deco-sec-diamond--3:before,.deco-sec-diamond:before {
bottom: 22px;
content: "";
left: 24px;
position: absolute;
right: 24px;
top: 22px
}
.deco-sec-diamond--0:after,.deco-sec-diamond--1:after,.deco-sec-diamond--2:after,.deco-sec-diamond--3:after,.deco-sec-diamond:after {
background-image: url(clientlib-site/resources/images/icons/icon-secondary-diamond-0.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
content: "";
display: block;
height: 3pc;
position: absolute;
width: 3pc
}
.deco-sec-diamond--0.top-left:before,.deco-sec-diamond--1.top-left:before,.deco-sec-diamond--2.top-left:before,.deco-sec-diamond--3.top-left:before,.deco-sec-diamond.top-left:before {
border-left: .5px solid #80714c;
border-top: .5px solid #80714c;
bottom: 0;
right: 0
}
.deco-sec-diamond--0.top-left:after,.deco-sec-diamond--1.top-left:after,.deco-sec-diamond--2.top-left:after,.deco-sec-diamond--3.top-left:after,.deco-sec-diamond.top-left:after {
left: 0;
top: 0
}
.deco-sec-diamond--0.top-right:before,.deco-sec-diamond--1.top-right:before,.deco-sec-diamond--2.top-right:before,.deco-sec-diamond--3.top-right:before,.deco-sec-diamond.top-right:before {
border-right: .5px solid #80714c;
border-top: .5px solid #80714c;
bottom: 0;
left: 0
}
.deco-sec-diamond--0.top-right:after,.deco-sec-diamond--1.top-right:after,.deco-sec-diamond--2.top-right:after,.deco-sec-diamond--3.top-right:after,.deco-sec-diamond.top-right:after {
right: 0;
top: 0
}
.deco-sec-diamond--0.bottom-left:before,.deco-sec-diamond--1.bottom-left:before,.deco-sec-diamond--2.bottom-left:before,.deco-sec-diamond--3.bottom-left:before,.deco-sec-diamond.bottom-left:before {
border-bottom: .5px solid #80714c;
border-left: .5px solid #80714c;
right: 0;
top: 0
}
.deco-sec-diamond--0.bottom-left:after,.deco-sec-diamond--1.bottom-left:after,.deco-sec-diamond--2.bottom-left:after,.deco-sec-diamond--3.bottom-left:after,.deco-sec-diamond.bottom-left:after {
bottom: 0;
left: 0
}
.deco-sec-diamond--0.bottom-right:before,.deco-sec-diamond--1.bottom-right:before,.deco-sec-diamond--2.bottom-right:before,.deco-sec-diamond--3.bottom-right:before,.deco-sec-diamond.bottom-right:before {
border-bottom: .5px solid #80714c;
border-right: .5px solid #80714c;
left: 0;
top: 0
}
.deco-sec-diamond--0.bottom-right:after,.deco-sec-diamond--1.bottom-right:after,.deco-sec-diamond--2.bottom-right:after,.deco-sec-diamond--3.bottom-right:after,.deco-sec-diamond.bottom-right:after {
bottom: 0;
right: 0
}
.deco-sec-diamond--0:after {
background-image: url(clientlib-site/resources/images/icons/icon-secondary-diamond-0.svg)
}
.deco-sec-diamond--1:after {
background-image: url(clientlib-site/resources/images/icons/icon-secondary-diamond-1.svg)
}
.deco-sec-diamond--2:after {
background-image: url(clientlib-site/resources/images/icons/icon-secondary-diamond-2.svg)
}
.deco-sec-diamond--3:after {
background-image: url(clientlib-site/resources/images/icons/icon-secondary-diamond-3.svg)
}
.download_app_container {
font-family: ArizonaSansRegular;
margin-bottom: 30px;
text-align: center
}
.download_app_container .desktop_download_img {
margin-top: 20px
}
.download_app_container .appleStore,.download_app_container .googlePlay {
display: block;
margin-top: 30px
}
.download_app_container .appleStore img,.download_app_container .googlePlay img {
height: 57px;
width: 190px
}
.download_app_container #download-apk {
display: block;
margin-top: 10px
}
.download_app_container #download-apk img {
height: 57px;
width: 190px
}
.download_app_container .overlay {
display: none
}
.download_app_container .overlay.show {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
background: rgba(0,0,0,.9);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
justify-content: center;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999999
}
.download_app_container .wechat_download_guide {
display: none
}
.download_app_container .wechat_download_guide.show {
display: block;
position: fixed;
right: 8vw;
top: 2vh
}
.select-dropdown {
display: inline-block;
max-width: 100%;
position: relative;
width: 100%
}
.select-dropdown__button {
background: #fafafa;
border: .5px solid #404040;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
padding: 10px 35px 10px 20px;
position: relative;
text-align: left;
width: 100%
}
.select-dropdown__button::focus {
outline: none
}
.select-dropdown__button--icon {
position: absolute;
right: 10px;
top: 4px
}
.select-dropdown__button--icon:before {
background: url(clientlib-site/resources/images/icons/icon-chevron-down.svg) no-repeat 50%;
background-size: contain;
content: "";
cursor: pointer;
height: 2pc;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
width: 2pc
}
.select-dropdown__button span {
color: #404040;
font-family: --font-family;
font-size: 14px;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 20px
}
.select-dropdown__list {
border: .5px solid #404040;
border-top: 0;
display: block;
left: 0;
list-style: none;
margin: 0;
max-height: 100vh;
opacity: 0;
overflow: auto;
padding: 0;
pointer-events: none;
position: absolute;
right: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
z-index: 2
}
.select-dropdown__list .message {
text-align: center;
width: 100%
}
.select-dropdown.active .select-dropdown__button--icon:before {
background: url(clientlib-site/resources/images/icons/icon-chevron-up.svg) no-repeat 50%;
background-size: contain;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.select-dropdown.active .select-dropdown__list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1);
transform: scale(1)
}
.select-dropdown__list-item {
background: #fafafa;
color: #404040;
cursor: pointer;
display: block;
font-family: --font-family;
font-size: 14px;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 20px;
list-style: none;
padding: 10px 20px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.select-dropdown__list-item:hover {
background: #b4975a;
color: #fafafa
}
.calendar {
background: #fafafa;
max-width: 100%
}
.calendar .fc-daygrid-bg-harness .fc-highlight {
background: #9f927c;
color: #fff
}
.calendar td.fc-day.fc-day-today.fc-daygrid-day {
background: inherit
}
.calendar td.fc-day.fc-day-past.fc-daygrid-day {
opacity: .3
}
.calendar td.fc-day.fc-day-future.fc-daygrid-day:hover {
background: #9f927c;
color: #fff
}
.calendar td.fc-day.fc-daygrid-day .fc-daygrid-day-frame {
max-height: 40px
}
.calendar .fc-daygrid-day-frame .fc-daygrid-day-top {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.calendar .fc-daygrid-day-frame .fc-daygrid-day-top .fc-daygrid-day-number {
padding: 10px;
text-align: center
}
.calendar td.fc-day.fc-daygrid-day,.calendar th.fc-col-header-cell.fc-day {
border: 0
}
.calendar h2.fc-toolbar-title {
color: #404040;
font-family: --font-family;
font-size: 18px;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 20px;
text-align: center
}
.calendar .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr {
-ms-flex-pack: distribute;
justify-content: space-around;
margin: 0;
padding-bottom: 20px;
padding-top: 20px
}
.calendar .fc-toolbar-chunk,.calendar button.fc-button.fc-button-primary {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #404040;
outline: none
}
.calendar .fc-toolbar-chunk:active,.calendar .fc-toolbar-chunk:focus,.calendar .fc-toolbar-chunk:focus-visible,.calendar .fc-toolbar-chunk:target,.calendar .fc-toolbar-chunk:visited,.calendar button.fc-button.fc-button-primary:active,.calendar button.fc-button.fc-button-primary:focus,.calendar button.fc-button.fc-button-primary:focus-visible,.calendar button.fc-button.fc-button-primary:target,.calendar button.fc-button.fc-button-primary:visited {
background: none;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: unset;
box-sizing: unset;
color: #404040;
outline: none;
overflow: hidden
}
.calendar button.fc-prev-button.fc-button.fc-button-primary {
padding-right: 0
}
.calendar button.fc-next-button.fc-button.fc-button-primary {
padding-left: 0
}
.gallery-revamp-view {
aspect-ratio: 6/3;
width: 100%
}
.view {
height: 85vh;
position: relative;
width: 100%
}
.cq-Editable-dom .view {
height: unset
}
.view.videoView:before {
content: url("data:image/svg+xml,%3Csvg width='106' height='107' viewBox='0 0 56 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.5692 0.930769C27.5692 0.692862 27.7621 0.5 28 0.5C43.464 0.5 56 13.036 56 28.5V28.9308H55.1385V28.5C55.1385 13.6557 43.2203 1.59503 28.4308 1.36489V8.41528H27.5692V0.930769Z' fill='%23FAFAFA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M56 28.0692V28.5C56 38.1992 51.068 46.7463 43.5771 51.7704L43.2194 52.0104L42.7395 51.2949L43.0972 51.0549C50.3598 46.1839 55.1385 37.9 55.1385 28.5V28.0692H56Z' fill='%23FAFAFA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.4308 56.0692C28.4308 56.3071 28.2379 56.5 28 56.5C12.536 56.5 -1.3519e-06 43.964 0 28.5L3.76613e-08 28.0692L0.861538 28.0692V28.5C0.861537 43.3443 12.7797 55.405 27.5692 55.6351V49.1429H28.4308V56.0692Z' fill='%23FAFAFA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.59928 14.7497L3.81685 14.3779C6.65431 9.52931 10.9082 5.61055 16.0113 3.18923C17.1223 2.66206 18.2736 2.20587 19.4593 1.82653L19.8696 1.69527L20.1322 2.51584L19.7219 2.6471C18.5729 3.01467 17.4573 3.45673 16.3806 3.9676C11.4347 6.31432 7.31091 10.1131 4.56042 14.8131L4.34285 15.1849L3.59928 14.7497Z' fill='%23FAFAFA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M48.6769 28.5C48.6769 39.9195 39.4195 49.1769 28 49.1769C16.5804 49.1769 7.32307 39.9195 7.32307 28.5C7.32307 17.0805 16.5804 7.82308 28 7.82308C39.4195 7.82308 48.6769 17.0805 48.6769 28.5ZM23.3179 20.2292C23.2211 20.2288 23.1259 20.2539 23.0419 20.3019C22.9578 20.3503 22.8878 20.42 22.8392 20.504C22.7906 20.5881 22.7651 20.6834 22.7651 20.7805V36.2191C22.7651 36.3162 22.7907 36.4115 22.8393 36.4954C22.8879 36.5794 22.9577 36.6491 23.0419 36.6974C23.126 36.7457 23.2214 36.771 23.3184 36.7707C23.4154 36.7704 23.5106 36.7444 23.5944 36.6955L36.8264 28.9762C36.9097 28.9277 36.9788 28.8581 37.0269 28.7746C37.0749 28.691 37.1002 28.5962 37.1002 28.4998C37.1002 28.4034 37.0749 28.3087 37.0269 28.2251C36.9788 28.1415 36.9097 28.072 36.8264 28.0234L23.5933 20.3041C23.5097 20.2554 23.4147 20.2295 23.3179 20.2292Z' fill='%23FAFAFA'/%3E%3C/svg%3E");
cursor: pointer;
height: 107px;
left: 50%;
margin: 0 auto;
opacity: .75;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 106px;
z-index: 1
}
.view>img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.view>img:not(.initial-main-img) {
display: none
}
.view-icon img {
width: 72px
}
.view .room-info-wrap {
background: rgba(0,0,0,.29);
color: #fff;
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%
}
.view .title h3 {
color: #fff;
font-size: 35px;
margin-bottom: 0
}
.view .title h3+p {
margin-top: 0
}
.view .description {
margin-bottom: 2em;
margin-top: 2em
}
.view .view-icon {
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
.gallery-modal {
display: none;
height: 100%;
left: 0;
outline: 0;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
z-index: 100000
}
.modal-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
background-clip: padding-box;
background-color: #fff;
background-image: -webkit-gradient(linear,right top,left top,color-stop(45%,#fff),to(#dbdbdb));
background-image: linear-gradient(-90deg,#fff 45%,#dbdbdb);
border: 0;
border-radius: .3rem;
border-radius: 0;
-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.1);
box-shadow: 2px 2px 5px rgba(0,0,0,.1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
outline: 0;
pointer-events: auto;
position: relative;
width: 100%
}
.modal-open .gallery-modal {
overflow-x: hidden;
overflow-y: auto
}
.gallery-fade {
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear
}
.gallery-fade:not(.show) {
opacity: 0
}
.gallery-modal.show .modal-dialog {
-webkit-transform: translate(0) scale(1)!important;
transform: translate(0) scale(1)!important
}
.gallery-modal.gallery-fade .modal-dialog {
-webkit-transform: translate(0) scale(.8);
transform: translate(0) scale(.8);
-webkit-transition: -webkit-transform .3s ease-out;
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out
}
.modal-dialog-centered:before {
content: "";
display: block;
height: calc(100vh - 1rem)
}
.gallery-modal .close {
cursor: pointer;
font-size: 3rem;
font-weight: 400;
margin-right: .5rem;
position: absolute;
right: 0;
top: 0;
z-index: 11
}
.modal-360 {
padding-right: 0!important
}
.modal-360 .close {
background-color: #fff;
border-radius: 50% 50%;
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.25);
box-shadow: 2px 2px 3px rgba(0,0,0,.25);
display: block;
height: 45px;
margin: 1rem;
opacity: .5;
width: 45px
}
.modal-360 .close:hover {
opacity: .7
}
.modal-360 .close span {
display: block;
font-size: 0;
position: relative
}
.modal-360 .close span:after,.modal-360 .close span:before {
background-color: #666;
content: "";
display: block;
height: 3px;
left: 50%;
margin-left: -15px;
margin-top: -1.5px;
position: absolute;
top: 50%;
width: 30px
}
.modal-360 .close span:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.modal-360 .close span:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.modal-360 .modal-dialog {
height: 100%;
margin: 0;
max-height: 100%;
max-width: 100%;
padding: 0;
width: 100%
}
.modal-360 .modal-dialog .modal-content {
-webkit-box-align: normal!important;
-ms-flex-align: normal!important;
align-items: normal!important;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.modal-360 .modal-dialog .modal-content .modal-body {
height: 100%;
padding: 0!important;
position: absolute;
width: 100%
}
.container-360,.container-360 iframe {
border: 0;
height: 100%;
width: 100%
}
.container-360 iframe {
border: 0
}
@media(max-width: 1024px) {
.gallery-revamp-view {
width:100%
}
}
@media(max-width: 576px) {
.gallery-revamp-view {
padding-bottom:0!important
}
.view img {
-o-object-fit: cover;
object-fit: cover
}
.view .room-info-wrap {
height: 100%
}
.modal-dialog-centered:before {
height: calc(100vh - 3.5rem)
}
.modal-360 .close {
height: 25px!important;
width: 25px!important
}
.modal-360 .close span:after,.modal-360 .close span:before {
margin-left: -10px!important;
width: 20px!important
}
}
.gallery-thumbnail-gallery .thumbnail-container {
margin: 0 auto;
padding: 15px;
text-align: center
}
.gallery-thumbnail-gallery .thumbnail-swiper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
.gallery-thumbnail-gallery .thumbnail-item {
cursor: pointer;
display: block;
text-align: center
}
.gallery-thumbnail-gallery .thumbnail-item:not(:last-child) {
margin-right: 30px
}
.gallery-thumbnail-gallery .thumbnail-item img {
width: 100%
}
.gallery-thumbnail-gallery .thumbnail-item:hover img {
opacity: .8
}
.gallery-thumbnail-gallery .thumbnail-item .thumbnail-item-text {
word-wrap: break-word
}
.gallery-revamp-view+.gallery-auto-slider {
margin-top: -10pc
}
.gallery-auto-slider {
height: 60vh;
overflow: hidden;
position: relative;
width: 100%
}
.gallery-slide {
margin-right: 4vw;
position: absolute;
width: 46vw
}
.gallery-slide img {
width: 100%
}
.gallery-slider-next,.gallery-slider-prev {
position: absolute;
width: 30vw;
z-index: 1
}
.gallery-slider-prev {
cursor: url(https://www.marinabaysands.com/etc.clientlibs/mbs/clientlibs/clientlib-site/resources/images/icons/icon-prev.svg) 43 43,pointer;
left: 0
}
.gallery-slider-next {
cursor: url(https://www.marinabaysands.com/etc.clientlibs/mbs/clientlibs/clientlib-site/resources/images/icons/icon-next.svg) 43 43,pointer;
right: 0
}
.gallery-slider-pagination {
bottom: 5px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%);
transform: translate(-50%)
}
.video-slide {
cursor: pointer
}
.video-slide:after {
content: url("data:image/svg+xml,%3Csvg width='56' height='57' viewBox='0 0 56 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.5692 0.930769C27.5692 0.692862 27.7621 0.5 28 0.5C43.464 0.5 56 13.036 56 28.5V28.9308H55.1385V28.5C55.1385 13.6557 43.2203 1.59503 28.4308 1.36489V8.41528H27.5692V0.930769Z' fill='%23FAFAFA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M56 28.0692V28.5C56 38.1992 51.068 46.7463 43.5771 51.7704L43.2194 52.0104L42.7395 51.2949L43.0972 51.0549C50.3598 46.1839 55.1385 37.9 55.1385 28.5V28.0692H56Z' fill='%23FAFAFA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.4308 56.0692C28.4308 56.3071 28.2379 56.5 28 56.5C12.536 56.5 -1.3519e-06 43.964 0 28.5L3.76613e-08 28.0692L0.861538 28.0692V28.5C0.861537 43.3443 12.7797 55.405 27.5692 55.6351V49.1429H28.4308V56.0692Z' fill='%23FAFAFA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.59928 14.7497L3.81685 14.3779C6.65431 9.52931 10.9082 5.61055 16.0113 3.18923C17.1223 2.66206 18.2736 2.20587 19.4593 1.82653L19.8696 1.69527L20.1322 2.51584L19.7219 2.6471C18.5729 3.01467 17.4573 3.45673 16.3806 3.9676C11.4347 6.31432 7.31091 10.1131 4.56042 14.8131L4.34285 15.1849L3.59928 14.7497Z' fill='%23FAFAFA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M48.6769 28.5C48.6769 39.9195 39.4195 49.1769 28 49.1769C16.5804 49.1769 7.32307 39.9195 7.32307 28.5C7.32307 17.0805 16.5804 7.82308 28 7.82308C39.4195 7.82308 48.6769 17.0805 48.6769 28.5ZM23.3179 20.2292C23.2211 20.2288 23.1259 20.2539 23.0419 20.3019C22.9578 20.3503 22.8878 20.42 22.8392 20.504C22.7906 20.5881 22.7651 20.6834 22.7651 20.7805V36.2191C22.7651 36.3162 22.7907 36.4115 22.8393 36.4954C22.8879 36.5794 22.9577 36.6491 23.0419 36.6974C23.126 36.7457 23.2214 36.771 23.3184 36.7707C23.4154 36.7704 23.5106 36.7444 23.5944 36.6955L36.8264 28.9762C36.9097 28.9277 36.9788 28.8581 37.0269 28.7746C37.0749 28.691 37.1002 28.5962 37.1002 28.4998C37.1002 28.4034 37.0749 28.3087 37.0269 28.2251C36.9788 28.1415 36.9097 28.072 36.8264 28.0234L23.5933 20.3041C23.5097 20.2554 23.4147 20.2295 23.3179 20.2292Z' fill='%23FAFAFA'/%3E%3C/svg%3E");
left: 50%;
margin: 0 auto;
opacity: .75;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%) scale(1.5);
transform: translate(-50%,-50%) scale(1.5);
width: 57px
}
.gallery-video-lightbox {
background-color: hsla(0,0%,6%,.6);
bottom: 0;
display: none;
height: 100vh;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
width: 100vw;
z-index: 999999
}
.gallery-close-button {
background: none;
border: none;
cursor: pointer;
display: block;
height: 30px;
position: absolute;
right: 1.7rem;
width: 30px;
z-index: 999999
}
.gallery-close-button:after,.gallery-close-button:before {
background-color: #fafafa;
content: "";
display: block;
height: 1px;
left: 2px;
position: absolute;
top: 50%;
width: 26px
}
.gallery-close-button:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.gallery-close-button:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.gallery-video-lightbox-body {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
justify-content: center;
width: 100%
}
.gallery-lightbox-body-content {
width: 60%
}
.gallery-lightbox-body-content video {
width: 100%
}
.modal-open {
overflow: hidden;
padding-right: 17px
}
@media(min-width: 431px) {
.gallery-pagination-bullet-point {
background-color:#fff;
border: 1px solid #a0987c;
cursor: pointer;
height: 5px;
margin-right: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all .1s ease-in;
transition: all .1s ease-in;
width: 5px
}
.gallery-pagination-bullet-point.active,.gallery-pagination-bullet-point:hover {
background-color: #a0987c;
-webkit-transform: rotate(45deg) scale(1.5);
transform: rotate(45deg) scale(1.5)
}
}
@media(max-width: 430px) {
.gallery-mobile-slider {
height:600px;
position: relative;
width: 100%
}
.gallery-mobile-slider-track {
height: 100%;
position: relative;
width: 100%
}
.gallery-slide {
height: 100%;
margin-right: unset;
overflow: hidden;
width: 100%
}
.gallery-slide img {
height: 100%;
max-width: unset;
-o-object-position: 0 center;
object-position: 0 center;
width: auto
}
.gallery-slider-pagination {
-webkit-box-pack: center;
-ms-flex-pack: center;
bottom: -58px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
width: 85%
}
.gallery-pagination-bullet-point {
padding: 10px
}
.gallery-pagination-bullet-point div {
background-color: #fff;
border: 1px solid #a0987c;
cursor: pointer;
height: 7px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all .1s ease-in;
transition: all .1s ease-in;
width: 7px
}
.gallery-pagination-bullet-point.active div {
background-color: #a0987c;
-webkit-transform: rotate(45deg) scale(1.5);
transform: rotate(45deg) scale(1.5)
}
.gallery-mobile-slider+.richtext {
padding-top: 63pt
}
.gallery-close-button {
top: 1.7rem;
z-index: 1
}
.gallery-video-lightbox-body {
display: block
}
.gallery-lightbox-body-content {
height: 100%;
width: 100%
}
.gallery-lightbox-body-content video {
height: 100%
}
}
.mvt510Family .gallery-slider-pagination {
bottom: 85px
}
.mvt510Family .gallery-auto-slider,.mvt510Family .gallery-mobile-slider {
padding-bottom: 5pc
}
@media(max-width: 430px) {
.mvt510Family .gallery-slider-pagination {
bottom:30px
}
}
@media(max-width: 767px) {
.gallery-thumbnail-gallery .thumbnail-item:not(:last-child) {
margin-right:15px
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-one {
margin-top: 75pt
}
}
@media(min-width: 768px) {
.gallery-thumbnail-gallery .thumbnail-container {
width:75%
}
.gallery-thumbnail-gallery .thumbnail-item {
max-width: 20%!important
}
}
@media(min-width: 1200px) {
.gallery-thumbnail-gallery .thumbnail-container {
width:60%
}
}
.gallery-list .heading {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: auto;
max-width: 978pt
}
.gallery-list .heading__title {
text-align: center
}
.gallery-list .heading__label {
font-family: ArizonaSansRegular;
font-size: 14px;
font-weight: 400;
letter-spacing: 2.1px;
line-height: 18.2px;
margin-bottom: 20px;
margin-top: 20px;
text-align: center;
text-transform: uppercase
}
.gallery-list .heading__description {
margin: auto;
width: 60%
}
@media(max-width: 834px) {
.gallery-list .heading__description {
padding:33px;
width: 100%
}
}
.carousel-slidera__container.grid-content-wrapper {
position: relative
}
.carousel-slidera .hide {
display: none
}
.carousel-slidera .cmp-title {
color: #80714c;
font-size: 25px;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 28px;
margin-bottom: 10px;
text-transform: uppercase
}
.carousel-slidera .cmp-title:after {
border-bottom: 1px solid #80714c;
bottom: 9pt;
content: "";
display: block;
height: 1px;
margin-top: 1pc;
width: 40px
}
@media only screen and (max-width: 834px) {
.carousel-slidera .cmp-title:after {
bottom:5px
}
}
.carousel-slidera .cmp-text {
font-size: 14px
}
.carousel-slidera .cmp-text--title {
color: #80714c;
font-size: 21px;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 28px;
margin-bottom: 0;
text-transform: uppercase
}
.carousel-slidera .cmp-text--label {
color: #737373;
font-size: 14px;
font-style: normal;
font-weight: 400;
letter-spacing: 3px;
line-height: 1pc;
margin-bottom: 9pt;
margin-top: 1px;
text-transform: uppercase
}
.carousel-slidera .cmp-text p:last-child {
margin-bottom: 0
}
@media only screen and (max-width: 1024px) {
.carousel-slidera__intro {
margin-left:3em
}
}
@media only screen and (max-width: 430px) {
.carousel-slidera__intro {
margin-left:0
}
}
.carousel-slidera__intro--text__wrapper {
display: none
}
.carousel-slidera__intro--text__wrapper.active {
display: block
}
.carousel-slidera__intro--text__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
color: #404040;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
font-size: 13px;
margin-top: -9pt
}
.carousel-slidera__intro--text {
width: 100%
}
.carousel-slidera__intro--button {
margin-left: auto;
margin-top: 30px;
width: 241px
}
.carousel-slidera__intro--button--link {
margin-top: 30p
}
@media only screen and (max-width: 1024px) {
.carousel-slidera__intro--button {
-webkit-box-pack:end;
-ms-flex-pack: end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: end
}
}
.carousel-slidera__intro--arrow {
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
margin-top: 20px
}
.carousel-slidera__intro_btn--left {
cursor: pointer;
height: 15px;
margin-right: 15px;
position: relative;
width: 50px
}
.carousel-slidera__intro_btn--left:after {
background: url(clientlib-site/resources/images/icons/icon-carousel-prev-gold.svg) no-repeat 50%;
background-size: contain;
bottom: -20px;
content: "";
height: 15px;
position: absolute;
right: 0;
width: 50px
}
.carousel-slidera__intro_btn--left.disabled {
pointer-events: none
}
.carousel-slidera__intro_btn--left.disabled:after {
background: url(clientlib-site/resources/images/icons/icon-carousel-prev-grey.svg) no-repeat 50%;
content: ""
}
.carousel-slidera__intro_btn--right {
cursor: pointer;
height: 15px;
margin-left: 15px;
position: relative;
width: 50px
}
.carousel-slidera__intro_btn--right:after {
background: url(clientlib-site/resources/images/icons/icon-carousel-next-gold.svg) no-repeat 50%;
background-size: contain;
bottom: -20px;
content: "";
height: 15px;
position: absolute;
right: 0;
width: 50px
}
.carousel-slidera__intro_btn--right.disabled {
pointer-events: none
}
.carousel-slidera__intro_btn--right.disabled:after {
background: url(clientlib-site/resources/images/icons/icon-carousel-next-grey.svg) no-repeat 50%;
content: ""
}
.carousel-slidera__intro_btn--divider {
height: 2pc;
position: relative;
width: 2pc
}
.carousel-slidera__intro_btn--divider:after {
background: url(clientlib-site/resources/images/icons/icon-carousel-divider.svg) no-repeat 50%;
background-size: contain;
bottom: 0;
content: "";
height: 2pc;
position: absolute;
right: 0;
width: 2pc
}
.carousel-slidera .deco-sec-diamond--3.bottom-right:after {
margin-bottom: 7px
}
.carousel-slidera .deco-sec-diamond--3.bottom-right:before {
bottom: 30px;
z-index: 1
}
.carousel-slidera .button__container--generic {
margin-left: auto;
margin-right: auto;
margin-top: 40px
}
@media only screen and (min-width: calc(1024px)) {
.carousel-slidera .cmp-title {
font-size:34px;
line-height: 40px;
margin-bottom: 28px
}
.carousel-slidera .cmp-title:after {
bottom: 0
}
.carousel-slidera .cmp-text {
font-size: 15px
}
.carousel-slidera .cmp-text--title {
font-size: 24px
}
.carousel-slidera .cmp-text--label {
margin-bottom: 13px
}
.carousel-slidera__intro--text__content {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
font-size: 14px
}
.carousel-slidera__intro--text {
width: 376px
}
.carousel-slidera__intro--button {
margin-left: 40px;
position: relative
}
.carousel-slidera__intro--button .button__container--link {
bottom: -18px;
margin-top: 0;
position: absolute
}
.carousel-slidera__intro--arrow {
display: none;
margin-top: 0;
position: absolute;
right: 0;
top: 0
}
.carousel-slidera .button__container--generic {
margin-top: 50px
}
}
.carousel-slidera .splide {
margin-top: 30px;
min-height: 75pt
}
@media only screen and (min-width: calc(1024px)) {
.carousel-slidera .splide {
margin-top:40px
}
}
.carousel-slidera .splide:not(.is-overflow) .splide__list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.carousel-slidera .splide .splide__slide:last-child,.carousel-slidera .splide:not(.is-overflow) .splide__list .splide__slide:last-child {
margin-right: 0!important
}
@media(max-width: 599px) {
.carousel-slidera .splide__arrows {
display:none
}
}
.carousel-slidera .splide__slide .image {
width: 100%
}
.carousel-slidera .splide__slide .image .cmp-image {
display: block;
height: 344px
}
@media only screen and (min-width: calc(1024px)) {
.carousel-slidera .splide__slide .image .cmp-image {
height:auto
}
}
.carousel-slidera .splide__slide .image .cmp-image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.carousel-slidera .splide__arrow {
background: transparent;
border-radius: 0;
cursor: default;
height: 100%;
opacity: 1;
width: 35%
}
.carousel-slidera .splide__arrow:hover:not(:disabled) {
opacity: 1
}
.carousel-slidera .splide__arrow:disabled {
pointer-events: none
}
.carousel-slidera .splide__arrow svg {
display: none
}
.carousel-slidera .splide__arrow--prev {
left: 0
}
.carousel-slidera .splide__arrow--prev:not(:disabled) {
cursor: url(clientlib-site/resources/images/icons/icon-prev.svg) 43 43,pointer
}
@media only screen and (min-width: calc(1024px)) {
.carousel-slidera .splide__arrow--prev:not(:disabled) {
padding-right:30px
}
}
.carousel-slidera .splide__arrow--next {
right: 0
}
.carousel-slidera .splide__arrow--next:not(:disabled) {
cursor: url(clientlib-site/resources/images/icons/icon-next.svg) 43 43,pointer
}
@media only screen and (min-width: calc(1024px)) {
.carousel-slidera .splide__arrow--next:not(:disabled) {
padding-left:30px
}
}
.carousel-slidera .splide__pagination {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
bottom: -58px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
margin-top: -5px
}
.carousel-slidera .splide__pagination__page {
background: none;
height: 2pc;
margin-right: 2px;
margin-top: 24px;
position: relative;
-webkit-transform: scale(1);
transform: scale(1);
width: 2pc
}
.carousel-slidera .splide__pagination__page:after {
background: url(clientlib-site/resources/images/icons/outline-small-diamond-32x32-white.svg) no-repeat 50%;
background-size: contain;
bottom: 0;
content: "";
height: 2pc;
position: absolute;
right: 0;
width: 2pc
}
.carousel-slidera .splide__pagination__page.is-active:after {
background: url(clientlib-site/resources/images/icons/solid-small-diamond-32x32.svg) no-repeat 50%;
background-size: contain;
bottom: 0;
content: "";
height: 2pc;
position: absolute;
right: 0;
width: 2pc
}
.carousel-slidera .splide__pagination__page:last-child {
margin-right: 0
}
.mbs-link-dropdown {
--drop-width: 300px;
-webkit-box-pack: start;
-ms-flex-pack: start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: flex-start;
margin-bottom: 40px;
position: relative;
visibility: hidden
}
.mbs-link-dropdown__wrapper {
max-width: var(--drop-width);
position: relative
}
.mbs-link-dropdown__wrapper:hover .mbs-link-dropdown__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
opacity: 1
}
.mbs-link-dropdown__wrapper:hover .button__container .mbs-link-dropdown__button span.mbs-link-dropdown__button-arrow {
right: 3px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.mbs-link-dropdown .button__container {
--max-width: auto;
--min-width: auto;
margin: 0
}
.mbs-link-dropdown .button__container.mbs-link-dropdown__button-wrapper {
margin: 0
}
.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: ArizonaSansRegular;
font-size: 14px;
justify-content: center;
letter-spacing: .15em;
max-width: var(--drop-width);
padding-left: 25px;
padding-right: 25px;
position: relative
}
.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button span.mbs-link-dropdown__button-arrow {
height: 20px;
position: absolute;
right: 8px;
width: 20px;
z-index: 5
}
.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button span.mbs-link-dropdown__button-arrow svg {
display: block
}
.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button span {
text-align: center
}
.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__filter:hover,.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__generic:hover,.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__primary:hover,.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__reserve:hover,.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__room:hover,.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__search:hover,.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__table:hover {
background: #000
}
.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__reserve:hover {
top: 0
}
.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__filter,.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__room,.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__search,.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__table {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__filter:hover,.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__room:hover,.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__search:hover,.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__table:hover {
opacity: 1
}
.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__filter:hover {
color: #fff
}
.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__secondary:hover {
border-color: #000;
color: #000
}
.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__link span {
line-height: 18.2px
}
.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__link:hover {
color: #000
}
.mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__link:hover:after {
border-color: #000;
width: 100%
}
.mbs-link-dropdown .mbs-link-dropdown__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #f8f8f5;
border: 1px solid #dcddd7;
-ms-flex-direction: column;
flex-direction: column;
height: 0;
left: 0;
max-height: 230px;
max-width: var(--drop-width);
opacity: 0;
overflow: hidden;
overflow-y: auto;
position: absolute;
text-transform: unset!important;
-webkit-transition: all .5s ease;
transition: all .5s ease;
width: auto;
z-index: 10
}
.mbs-link-dropdown .mbs-link-dropdown__list a {
color: #404040;
cursor: pointer;
font-family: ArizonaSansRegular;
font-size: 14px;
letter-spacing: .15em;
line-height: 18.2px;
padding: 9pt 15px 8px;
text-align: left;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
width: 100%
}
.mbs-link-dropdown .mbs-link-dropdown__list a:hover {
background: #dcddd7
}
.mbs-link-dropdown.center-aligned {
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center
}
.mbs-link-dropdown.center-aligned .mbs-link-dropdown__list {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.mbs-link-dropdown--init {
visibility: visible
}
.mbs-link-dropdown--init .mbs-link-dropdown__list {
width: 100%
}
.mbs-link-dropdown--init .mbs-link-dropdown__list a {
white-space: normal
}
.mbs-link-dropdown.active .mbs-link-dropdown__wrapper .mbs-link-dropdown__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
opacity: 1
}
.mbs-link-dropdown.active .mbs-link-dropdown__wrapper .button__container .mbs-link-dropdown__button span.mbs-link-dropdown__button-arrow {
right: 8px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.mbs-link-dropdown ::-webkit-scrollbar {
width: 3px
}
.mbs-link-dropdown ::-webkit-scrollbar-track {
background: transparent
}
.mbs-link-dropdown ::-webkit-scrollbar-thumb {
background: #c5c6bc;
border-radius: 0
}
.mbs-link-dropdown ::-webkit-scrollbar-thumb:hover {
background: #c5c6bc
}
.taggedcontent .tagged-content-intro .tagged-content-intro__content .tagged-content-intro__content--button .button__container.mbs-link-dropdown__button-wrapper {
margin: 0
}
.lr_aligned_content_card .content-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px
}
@media(max-width: 834px) {
.lr_aligned_content_card .content-card {
gap:20px
}
.lr_aligned_content_card .content-card .text-image-cta__title {
display: none
}
}
.lr_aligned_content_card .content-card .card-image {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.lr_aligned_content_card .content-card .card-image img {
aspect-ratio: 16/9;
display: block;
height: auto;
width: 100%
}
.lr_aligned_content_card .content-card .card-image .text-image-cta__title {
display: none
}
@media(max-width: 834px) {
.lr_aligned_content_card .content-card .card-image .text-image-cta__title {
display:block
}
}
.lr_aligned_content_card .content-card .card-text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.lr_aligned_content_card .content-card .text-image-cta__description p {
font-size: 14px;
line-height: 20px
}
.lr_aligned_content_card .content-card .text-image-cta__description p small,.lr_aligned_content_card .content-card .text-image-cta__description p span.note {
color: #737373;
font-size: 9pt;
line-height: 1pc
}
.lr_aligned_content_card .content-card .text-image-cta__description ol,.lr_aligned_content_card .content-card .text-image-cta__description ul {
font-size: 14px;
line-height: 20px;
padding-left: .8em
}
.lr_aligned_content_card .content-card .text-image-cta__description .lbl-text {
color: #737373;
font-size: 14px;
letter-spacing: 3px;
line-height: 1pc;
text-transform: uppercase
}
.lr_aligned_content_card .content-card .button__container--link {
margin: 24px 0
}
.lr_aligned_content_card .content-card .text-image-cta__link {
margin-top: 2pc
}
.lr_aligned_content_card.left-image .content-card {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
@media(max-width: 834px) {
.lr_aligned_content_card.left-image .content-card {
-webkit-box-orient:vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
.lr_aligned_content_card.left-image .deco-sec-diamond--0:before,.lr_aligned_content_card.left-image .deco-sec-diamond--1:before,.lr_aligned_content_card.left-image .deco-sec-diamond--2:before,.lr_aligned_content_card.left-image .deco-sec-diamond--3:before,.lr_aligned_content_card.left-image .deco-sec-diamond:before {
border-bottom: .5px solid #80714c;
border-right: .5px solid #80714c;
left: 0;
top: 0
}
.lr_aligned_content_card.left-image .deco-sec-diamond--0:after,.lr_aligned_content_card.left-image .deco-sec-diamond--1:after,.lr_aligned_content_card.left-image .deco-sec-diamond--2:after,.lr_aligned_content_card.left-image .deco-sec-diamond--3:after,.lr_aligned_content_card.left-image .deco-sec-diamond:after {
bottom: 0;
right: 0
}
.lr_aligned_content_card.right-image .content-card {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
@media(max-width: 834px) {
.lr_aligned_content_card.right-image .content-card {
-webkit-box-orient:vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
.lr_aligned_content_card.right-image .deco-sec-diamond--0:before,.lr_aligned_content_card.right-image .deco-sec-diamond--1:before,.lr_aligned_content_card.right-image .deco-sec-diamond--2:before,.lr_aligned_content_card.right-image .deco-sec-diamond--3:before,.lr_aligned_content_card.right-image .deco-sec-diamond:before {
border-bottom: .5px solid #80714c;
border-left: .5px solid #80714c;
right: 0;
top: 0
}
.lr_aligned_content_card.right-image .deco-sec-diamond--0:after,.lr_aligned_content_card.right-image .deco-sec-diamond--1:after,.lr_aligned_content_card.right-image .deco-sec-diamond--2:after,.lr_aligned_content_card.right-image .deco-sec-diamond--3:after,.lr_aligned_content_card.right-image .deco-sec-diamond:after {
bottom: 0;
left: 0
}
.lr_aligned_content_card.portrait .content-card .card-text {
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3
}
.lr_aligned_content_card.portrait .content-card .card-image {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2
}
.lr_aligned_content_card.portrait .content-card .card-image img {
aspect-ratio: 9/16
}
@media(max-width: 430px) {
.lr_aligned_content_card .button__container--link.button__container {
text-align:right
}
}
.cmp-masonry-grid-gallery .cmp-masonry-lightbox-image--caption {
color: #fafafa;
display: block;
font-size: .86rem;
letter-spacing: 2px;
line-height: 1.33;
padding-top: .5em;
text-align: center;
text-transform: uppercase;
width: 100%
}
@media(max-width: 599px) {
.cmp-masonry-grid-gallery .cmp-masonry-lightbox-image--caption {
font-size:10px
}
}
.cmp-masonry-grid-gallery .ratio {
position: relative;
width: 100%
}
.cmp-masonry-grid-gallery .ratio:before {
aspect-ratio: var(--bs-aspect-ratio);
content: "";
display: block
}
.cmp-masonry-grid-gallery .ratio>* {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.cmp-masonry-grid-gallery .ratio-1x1 {
--bs-aspect-ratio: 1/1
}
.cmp-masonry-grid-gallery .ratio-16x9 {
--bs-aspect-ratio: 16/9
}
.cmp-masonry-grid-gallery .ratio-9x16 {
--bs-aspect-ratio: 9/16
}
.cmp-masonry-grid-gallery.cmp-padding-btm {
padding-bottom: 5pc
}
.cmp-masonry-grid-gallery .grid-content-wrapper .heading .heading__title {
margin-bottom: 40px
}
.cmp-masonry-grid-gallery .grid-content-wrapper .heading .heading__label {
color: #737373;
font-size: 14px;
font-weight: 400;
line-height: 1pc;
margin-bottom: 1pc;
text-align: center;
text-transform: uppercase
}
.cmp-masonry-grid-gallery .grid-content-wrapper .heading .heading__description {
color: #404040;
font-size: 14px;
font-weight: 400;
line-height: 1pc;
text-align: center
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .filter-container {
--maskLeft: linear-gradient(270deg,#000 0,#000 40%,transparent 95%,transparent 0) left;
--maskRight: linear-gradient(90deg,#000 0,#000 40%,transparent 95%,transparent 0) right;
display: none
}
@media only screen and (min-width: calc(834px + 1px)) {
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .filter-container {
-webkit-box-pack:center;
-ms-flex-pack: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
margin: 40px 0;
-webkit-mask: var(--maskLeft),var(--maskRight);
mask: var(--maskLeft),var(--maskRight);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 80%;
overflow: hidden
}
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .filter-container::-webkit-scrollbar {
display: none
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .filter-container .filter-label {
display: none
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .filter-container .filter-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
position: relative;
width: auto
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .filter-container .filter-wrapper::-webkit-scrollbar {
display: none
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .filter-container .filter-wrapper.no-diamonds .filter-item {
width: auto
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .filter-container .filter-wrapper.no-diamonds .filter-item__title {
padding-left: 0
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .filter-container .filter-wrapper.no-diamonds .filter-item__title:after {
display: none
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .filter-container .filter-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #404040;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
font-size: 18px;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 20px;
margin: 0;
padding: 0;
position: relative;
text-transform: uppercase;
width: 200px
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .filter-container .filter-item .filter-item__title {
padding-left: 40px;
pointer-events: none;
white-space: nowrap
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .filter-container .filter-item .filter-item__title:after {
background: url(clientlib-site/resources/images/icons/icon-solid-small-diamond-20x20.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 22px;
left: 0;
margin-left: 10px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 22px
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .filter-container .filter-item.active {
pointer-events: none
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .filter-container .filter-item.active .filter-item__title {
text-decoration: underline
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .filter-container .filter-item.active .filter-item-sub-txt {
border-top: 1px solid #404040;
color: #404040;
display: block;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
margin-top: 4px;
padding-top: 8px;
text-align: center;
width: 100%
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry__container--filter {
display: block;
margin: 40px 0
}
@media only screen and (min-width: calc(834px + 1px)) {
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry__container--filter {
display:none
}
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry__container--filter .dropdown {
border-bottom: 1px solid #404040;
color: #404040;
font-size: 1pc;
letter-spacing: 2px;
margin-top: 30px;
overflow: hidden;
padding: 5px 28px 5px 0;
position: relative;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry__container--filter .dropdown:after {
border-bottom: 1px solid;
border-right: 1px solid;
content: "";
display: block;
height: 10.5px;
position: absolute;
right: 0;
right: 6px;
top: 0;
top: 6px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 68% 68%;
transform-origin: 68% 68%;
-webkit-transition: all .2s linear;
transition: all .2s linear;
width: 10.5px
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry__container--filter .dropdown[aria-expanded=true]:after {
-webkit-transform: rotate(225deg);
transform: rotate(225deg)
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry__container--filter div[data-tippy-root] {
width: 100%
}
@media only screen and (min-width: calc(1024px)) {
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry__container--filter .button {
margin-left:20px
}
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry__container--filter .button__wrapper {
-webkit-box-pack: end;
-ms-flex-pack: end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: flex-end;
margin-top: 30px
}
@media only screen and (min-width: calc(834px + 1px)) {
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry__container--filter .button__wrapper {
-webkit-box-pack:start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry__container--filter .masonry__popup--filter-wrapper {
background-color: #fafafa;
border: 1px solid #404040;
max-height: 300px;
overflow-x: hidden;
overflow-y: scroll;
padding: 1pc;
position: relative;
text-align: center;
width: 100%
}
@media only screen and (min-width: calc(1024px)) {
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry__container--filter .masonry__popup--filter-wrapper {
width:296px
}
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry__container--filter .masonry__popup--placeholder {
display: none
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry__container--filter .masonry--filter {
width: 100%
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry__popup {
overflow: hidden;
padding-left: 1pc;
padding-right: 1pc;
position: relative
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry__popup--filter-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
background-color: #fafafa;
border: 1px solid #404040;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 1pc;
position: relative;
width: 100%
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry__popup--filter-wrapper button {
color: #404040;
font-size: 1pc;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 20px;
margin-bottom: 14px;
margin-top: 14px;
position: relative;
text-align: left;
text-decoration: underline;
width: 100%
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry-grid-gallery-container {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
display: grid;
gap: 1pc;
grid-template-columns: 1fr 1fr;
justify-content: space-between
}
@media only screen and (min-width: calc(834px + 1px)) {
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry-grid-gallery-container {
gap:3pc;
grid-template-columns: 1fr 1fr 1fr
}
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry-grid-gallery-container .box .listing-box {
cursor: pointer;
position: relative;
width: 100%
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry-grid-gallery-container .box .listing-box .listing-img img {
-o-object-fit: cover;
object-fit: cover
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry-grid-gallery-container .box .listing-box .listing-download {
background: #fafafa;
height: 3pc;
padding: 8px;
position: absolute;
right: 0;
top: 0;
width: 3pc
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry-grid-gallery-container .box .listing-box .listing-download:after {
background: url(clientlib-site/resources/images/icons/icon-download.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 2pc;
margin-right: 8px;
margin-top: 8px;
position: absolute;
right: 0;
top: 0;
width: 2pc
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry-grid-gallery-pagination {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 24px;
font-style: normal;
font-weight: 400;
justify-content: center;
line-height: 20px;
margin: 40px auto 0;
max-width: 50%
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry-grid-gallery-pagination .pagination-index {
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry-grid-gallery-pagination .pagination-item,.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry-grid-gallery-pagination .pagination-next,.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry-grid-gallery-pagination .pagination-prev {
color: #404040;
cursor: pointer;
font-size: 14px;
font-weight: 400;
line-height: 20px
}
@media only screen and (max-width: 834px) {
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry-grid-gallery-pagination .pagination-item,.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry-grid-gallery-pagination .pagination-next,.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry-grid-gallery-pagination .pagination-prev {
font-size:13px
}
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry-grid-gallery-pagination .pagination-item.active {
border-bottom: 1px solid #404040;
cursor: auto;
pointer-events: none
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry-grid-gallery-pagination .pagination-next.disabled,.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry-grid-gallery-pagination .pagination-prev.disabled {
cursor: auto;
opacity: .3
}
.cmp-masonry-grid-gallery .grid-content-wrapper .wrapper .masonry-grid-gallery-pagination.hide-pagination {
display: none
}
.cmp-masonry-grid-gallery .cmp-modal .dialog {
background-color: hsla(0,0%,6%,.6);
height: 100%;
overflow: hidden
}
.cmp-masonry-grid-gallery .cmp-modal .dialog .modal-container__close-button:after,.cmp-masonry-grid-gallery .cmp-modal .dialog .modal-container__close-button:before {
background: #fafafa
}
.cmp-masonry-grid-gallery .cmp-modal--image-fullscreen .dialog .modal-container__body {
-webkit-box-pack: center;
-ms-flex-pack: center;
background-color: transparent;
height: auto;
justify-content: center;
max-height: 100%;
overflow: hidden
}
.cmp-masonry-grid-gallery .cmp-modal--image-fullscreen .dialog .modal-container__footer {
display: none
}
.cmp-masonry-grid-gallery .cmp-modal--fullscreen[open],.cmp-masonry-grid-gallery .cmp-modal--image-fullscreen[open] {
background: 0
}
.cmp-masonry-grid-gallery .cmp-modal .splide .splide__slide:last-child {
margin-right: 0!important
}
@media(max-width: 599px) {
.cmp-masonry-grid-gallery .cmp-modal .splide__arrows {
display:none
}
}
.cmp-masonry-grid-gallery .cmp-modal .splide__slide {
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center
}
.cmp-masonry-grid-gallery .cmp-modal .splide__slide .cmp-masonry-lightbox-image-container {
max-height: 100%;
max-width: 100%
}
.cmp-masonry-grid-gallery .cmp-modal .splide__slide .cmp-masonry-lightbox-image,.cmp-masonry-grid-gallery .cmp-modal .splide__slide .cmp-masonry-lightbox-image-container {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center
}
.cmp-masonry-grid-gallery .cmp-modal .splide__slide .cmp-masonry-lightbox-image {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
position: relative
}
.cmp-masonry-grid-gallery .cmp-modal .splide__slide .cmp-masonry-lightbox-image .modal-img-download {
background: #fafafa;
cursor: pointer;
height: 3pc;
padding: 8px;
pointer-events: all;
position: absolute;
right: 0;
top: 0;
width: 3pc;
z-index: 10
}
.cmp-masonry-grid-gallery .cmp-modal .splide__slide .cmp-masonry-lightbox-image .modal-img-download:after {
background: url(clientlib-site/resources/images/icons/icon-download.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 2pc;
margin-right: 8px;
margin-top: 8px;
position: absolute;
right: 0;
top: 0;
width: 2pc
}
.cmp-masonry-grid-gallery .cmp-modal .splide__slide .cmp-masonry-lightbox-image img {
max-height: 70vh;
max-width: 80vw
}
.cmp-masonry-grid-gallery .cmp-modal .splide__arrow {
background: transparent;
border-radius: 0;
cursor: default;
height: 100%;
opacity: 1;
width: 25%
}
.cmp-masonry-grid-gallery .cmp-modal .splide__arrow:hover:not(:disabled) {
opacity: 1
}
.cmp-masonry-grid-gallery .cmp-modal .splide__arrow:disabled {
pointer-events: none
}
.cmp-masonry-grid-gallery .cmp-modal .splide__arrow svg {
display: none
}
.cmp-masonry-grid-gallery .cmp-modal .splide__arrow--prev {
left: 0
}
.cmp-masonry-grid-gallery .cmp-modal .splide__arrow--prev:not(:disabled) {
cursor: url(clientlib-site/resources/images/icons/icon-prev.svg) 43 43,pointer
}
@media only screen and (min-width: calc(1024px)) {
.cmp-masonry-grid-gallery .cmp-modal .splide__arrow--prev:not(:disabled) {
padding-right:30px
}
}
.cmp-masonry-grid-gallery .cmp-modal .splide__arrow--next {
bottom: 0;
height: 75%;
right: 0;
top: auto;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.cmp-masonry-grid-gallery .cmp-modal .splide__arrow--next:not(:disabled) {
cursor: url(clientlib-site/resources/images/icons/icon-next.svg) 43 43,pointer
}
@media only screen and (min-width: calc(1024px)) {
.cmp-masonry-grid-gallery .cmp-modal .splide__arrow--next:not(:disabled) {
padding-left:30px
}
}
.cmp-masonry-grid-gallery .hidden {
display: none
}
.cmp-masonry-grid-gallery .tippy-box {
background: transparent
}
.cmp-masonry-grid-gallery .tippy-box[data-theme~=mbs-dialog] {
border: 0;
border-radius: 0;
color: #202020;
margin: 0 auto;
max-width: unset!important;
padding: 0
}
.cmp-masonry-grid-gallery .tippy-box[data-theme~=mbs-dialog] .tippy-content {
padding: 0
}
.cmp-mbs-map-button {
cursor: pointer
}
.cmp-mbs-map-main-area {
width: 100%
}
.cmp-mbs-map__modal-wrapper {
background: #f6f4ef;
display: none;
height: 100%;
left: 0;
overflow-y: auto;
position: fixed;
top: 0;
width: 100%;
z-index: 9999
}
.cmp-mbs-map__modal-wrapper-inner {
-webkit-box-pack: center;
-ms-flex-pack: center;
border: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
min-height: 100vh;
padding: 20px 1pc;
width: 100%
}
@media only screen and (max-width: 834px) {
.cmp-mbs-map__modal-wrapper-inner {
display:block
}
}
.cmp-mbs-map__modal-wrapper-inner .cmp-room-comparison__modal-close {
background: none;
border: none;
cursor: pointer;
display: block;
height: 30px;
outline: none;
position: relative;
position: absolute;
right: 0;
top: 0;
width: 30px
}
.cmp-mbs-map__modal-wrapper-inner .cmp-room-comparison__modal-close:after,.cmp-mbs-map__modal-wrapper-inner .cmp-room-comparison__modal-close:before {
background-color: #737373;
content: "";
display: block;
height: 1px;
left: 2px;
position: absolute;
top: 50%;
width: 26px
}
.cmp-mbs-map__modal-wrapper-inner .cmp-room-comparison__modal-close:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.cmp-mbs-map__modal-wrapper-inner .cmp-room-comparison__modal-close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.cmp-mbs-map__modal-wrapper-inner .cmp-room-comparison__modal-close:focus {
outline: none
}
.cmp-mbs-map__modal-wrapper.active-popup {
-webkit-animation: fadeIn .5s ease-in-out normal;
animation: fadeIn .5s ease-in-out normal;
display: block
}
.cmp-mbs-map__modal-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
justify-content: center;
min-height: 100%;
min-width: 64pc;
position: relative
}
@media only screen and (max-width: 1024px) {
.cmp-mbs-map__modal-content {
min-width:100%
}
}
.cmp-mbs-map .heading__title {
margin-bottom: 40px;
text-align: center
}
.cmp-mbs-map .wrapper-container {
position: relative
}
.cmp-mbs-map .filter-container {
--maskLeft: linear-gradient(270deg,#000 0,#000 40%,transparent 95%,transparent 0) left;
--maskRight: linear-gradient(90deg,#000 0,#000 40%,transparent 95%,transparent 0) right;
display: none;
max-width: 97.5%;
position: relative
}
@media only screen and (min-width: calc(834px + 1px)) {
.cmp-mbs-map .filter-container {
-webkit-box-pack:center;
-ms-flex-pack: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
margin: 40px 0;
-webkit-mask: var(--maskLeft),var(--maskRight);
mask: var(--maskLeft),var(--maskRight);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 80%;
overflow: hidden
}
}
.cmp-mbs-map .filter-container::-webkit-scrollbar {
display: none
}
.cmp-mbs-map .filter-container .filter-label {
display: none
}
.cmp-mbs-map .filter-container .filter-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
position: relative;
visibility: hidden
}
.cmp-mbs-map .filter-container .filter-wrapper::-webkit-scrollbar {
display: none
}
.cmp-mbs-map .filter-container .filter-wrapper.filter-active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
visibility: visible
}
.cmp-mbs-map .filter-container .filter-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #404040;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
font-size: 18px;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 20px;
margin: 0;
padding: 0;
position: relative;
width: 200px
}
.cmp-mbs-map .filter-container .filter-item .filter-item__title {
padding-left: 40px;
pointer-events: none;
position: relative;
white-space: nowrap
}
.cmp-mbs-map .filter-container .filter-item .filter-item__title:after {
background: url(clientlib-site/resources/images/icons/icon-solid-small-diamond-20x20.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 22px;
left: 0;
margin-left: 10px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 22px
}
.cmp-mbs-map .filter-container .filter-item .cpl-active,.cmp-mbs-map .filter-container .filter-item .cpl-default {
display: block;
text-align: center
}
.cmp-mbs-map .filter-container .filter-item .cpl-default {
position: absolute;
right: 0;
top: 0;
width: calc(100% - 40px)
}
.cmp-mbs-map .filter-container .filter-item .cpl-active {
visibility: hidden
}
.cmp-mbs-map .filter-container .filter-item.active {
pointer-events: none
}
.cmp-mbs-map .filter-container .filter-item.active .cpl-active {
visibility: visible
}
.cmp-mbs-map .filter-container .filter-item.active .cpl-default {
visibility: hidden
}
.cmp-mbs-map .filter-container .filter-item.active .filter-item__title {
text-decoration: underline
}
.cmp-mbs-map .map__container--filter {
display: block;
margin: 40px 0
}
@media only screen and (min-width: calc(834px + 1px)) {
.cmp-mbs-map .map__container--filter {
display:none
}
}
.cmp-mbs-map .map__container--filter .dropdown {
border-bottom: 1px solid #404040;
color: #404040;
font-size: 1pc;
line-height: 20px;
margin-top: 30px;
overflow: hidden;
padding: 5px 28px 5px 0;
position: relative;
text-align: left;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
width: 100%
}
.cmp-mbs-map .map__container--filter .dropdown:after {
border-bottom: 1px solid;
border-right: 1px solid;
content: "";
display: block;
height: 10.5px;
position: absolute;
right: 0;
right: 6px;
top: 0;
top: 6px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 68% 68%;
transform-origin: 68% 68%;
-webkit-transition: all .2s linear;
transition: all .2s linear;
width: 10.5px
}
.cmp-mbs-map .map__container--filter .dropdown[aria-expanded=true]:after {
-webkit-transform: rotate(225deg);
transform: rotate(225deg)
}
.cmp-mbs-map .map__container--filter div[data-tippy-root] {
width: 100%
}
.cmp-mbs-map .map__container--filter .tippy-box[data-theme~=mbs-dialog] {
max-width: unset!important
}
@media only screen and (min-width: calc(834px + 1px)) {
.cmp-mbs-map .map__container--filter .button {
margin-left:20px
}
}
.cmp-mbs-map .map__container--filter .button__wrapper {
-webkit-box-pack: end;
-ms-flex-pack: end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: flex-end;
margin-top: 30px
}
@media only screen and (min-width: calc(834px + 1px)) {
.cmp-mbs-map .map__container--filter .button__wrapper {
-webkit-box-pack:start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
.cmp-mbs-map .map__container--filter .map__popup--filter-wrapper {
background-color: #fafafa;
border: 1px solid #404040;
overflow: hidden;
padding: 1pc;
position: relative;
text-align: center;
width: 100%
}
@media only screen and (min-width: calc(834px + 1px)) {
.cmp-mbs-map .map__container--filter .map__popup--filter-wrapper {
width:296px
}
}
.cmp-mbs-map .map__container--filter .map__popup--filter-wrapper button {
color: #404040;
cursor: pointer;
font-size: 1pc;
font-size: 18px;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 20px;
margin-bottom: 14px;
margin-top: 14px;
position: relative;
text-align: left;
text-decoration: underline;
width: 100%
}
.cmp-mbs-map .map__container--filter .map__popup--placeholder {
display: none
}
.cmp-mbs-map .map__container--filter .map--filter {
width: 100%
}
.map-wrapper {
background: #f6f4ef;
width: 100%
}
.map-wrapper .map-area {
overflow-x: scroll;
width: 100%
}
.map-wrapper .map-area-inner {
height: auto;
position: relative;
width: 100%
}
@media only screen and (min-width: calc(1024px)) {
.map-wrapper .map-area-inner {
width:100%
}
}
.map-wrapper .map-area img {
display: block;
height: auto;
width: 100%
}
@media only screen and (min-width: calc(1024px)) {
.map-wrapper .map-area {
overflow:hidden
}
}
.map-wrapper .map-area .hotspot {
cursor: pointer;
pointer-events: all;
position: absolute;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 1
}
.map-wrapper .map-area .hotspot .tooltip {
position: relative
}
.map-wrapper .map-area .hotspot .tooltip span {
background: #fff;
color: #000;
display: none;
font-size: 14px;
height: auto;
left: 0;
line-height: 20px;
padding: 5px;
position: absolute;
top: calc(-100% - 10px);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 200px;
z-index: 1
}
.map-wrapper .map-area .hotspot .tooltip span:after {
border-color: #fafafa transparent transparent;
border-style: solid;
border-width: 8px 4px 0;
content: "";
height: 0;
left: 50%;
position: absolute;
top: 100%;
-webkit-transform: translate(-8px);
transform: translate(-8px);
width: 0
}
.map-wrapper .map-area .hotspot .hotspot-pulse {
background: #404040;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(90,153,212,.5);
box-shadow: 0 0 0 0 rgba(90,153,212,.5);
color: #fafafa;
cursor: pointer;
display: block;
font-size: 18px;
height: 2pc;
line-height: 24px;
padding: 4px;
pointer-events: none;
position: relative;
text-align: center;
width: 2pc
}
@media only screen and (min-width: calc(1024px + 1px)) {
.map-wrapper .map-area .hotspot:hover .hotspot-pulse {
-webkit-animation:pulse 1.5s;
animation: pulse 1.5s
}
.map-wrapper .map-area .hotspot:hover .tooltip span {
display: block
}
}
.map-wrapper .map-area .hotspot.active .hotspot-pulse {
background: rgba(64,64,64,.5);
height: 40px;
line-height: 2pc;
width: 40px
}
.map-wrapper .map-area .hotspot.active .hotspot-pulse:after {
background: #000;
border: 1px solid blue;
border-radius: 50%;
content: "";
display: block;
height: 2pc;
left: 3px;
position: absolute;
top: 3px;
width: 2pc;
z-index: -1
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(.85);
transform: scale(.85)
}
70% {
-webkit-box-shadow: 0 0 0 24px rgba(64,64,64,0);
box-shadow: 0 0 0 24px rgba(64,64,64,0);
-webkit-transform: scale(1);
transform: scale(1)
}
to {
-webkit-box-shadow: 0 0 0 0 rgba(64,64,64,0);
box-shadow: 0 0 0 0 rgba(64,64,64,0);
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(.85);
transform: scale(.85)
}
70% {
-webkit-box-shadow: 0 0 0 24px rgba(64,64,64,0);
box-shadow: 0 0 0 24px rgba(64,64,64,0);
-webkit-transform: scale(1);
transform: scale(1)
}
to {
-webkit-box-shadow: 0 0 0 0 rgba(64,64,64,0);
box-shadow: 0 0 0 0 rgba(64,64,64,0);
-webkit-transform: scale(1);
transform: scale(1)
}
}
.map-wrapper .content-area {
display: none;
position: relative
}
.map-wrapper .content-area .content-block {
background: -webkit-gradient(linear,right top,left top,from(hsla(43,28%,95%,0)),color-stop(36.12%,#f6f4ef));
background: linear-gradient(270deg,hsla(43,28%,95%,0),#f6f4ef 36.12%);
display: inline-block;
left: 0;
padding: 15px 20% 15px 87pt;
position: absolute;
top: 0;
z-index: 2
}
.map-wrapper .content-area .content-block:after {
background: #f6f4ef;
content: "";
height: 100%;
left: -200%;
position: absolute;
top: 0;
width: 200%;
z-index: 1
}
.map-wrapper .content-area .content-block-inner {
height: auto;
width: 275px
}
.map-wrapper .content-area .content-block .back-btn {
cursor: pointer;
font-size: 14px;
line-height: 1pc;
padding-bottom: 24px
}
.map-wrapper .content-area .content-block .back-btn span {
display: block;
margin: 8px 0;
padding-left: 15px;
position: relative;
text-transform: uppercase
}
.map-wrapper .content-area .content-block .back-btn span:before {
border: 1px solid #101010;
border-width: 1px 0 0 1px;
content: "";
display: block;
height: 7px;
left: 0;
position: absolute;
top: 3px;
-webkit-transform: rotateY(45deg);
transform: rotateY(45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 7px;
z-index: 9999
}
.map-wrapper .content-area .content-block-title {
font-size: 20px;
line-height: 24px;
margin-bottom: 1pc;
padding-left: 25px;
position: relative;
text-transform: uppercase
}
.map-wrapper .content-area .content-block-title span {
left: 0;
position: absolute;
top: 0;
z-index: 1
}
.map-wrapper .content-area .content-block-deco {
background: url(../../../etc.clientlibs/mbs/clientlibs/clientlib-site/resources/images/icons/deco-line-03.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 36px;
margin-bottom: 24px;
width: 100%
}
.map-wrapper .content-area .content-block-image {
margin-bottom: 24px
}
.map-wrapper .content-area .content-block-image img {
width: 100%
}
.map-wrapper .content-area .content-block-text {
margin-bottom: 40px
}
.map-wrapper .content-area .content-block-text ol,.map-wrapper .content-area .content-block-text ul {
padding-left: 15px
}
.map-wrapper .content-area .content-block .button__link.hide-link {
display: none
}
@media only screen and (max-width: 1024px) {
.map-wrapper {
-webkit-box-orient:vertical;
-webkit-box-direction: reverse;
background: #f6f4ef;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.map-wrapper .content-area {
padding: 0
}
.map-wrapper .content-area:before {
background: -webkit-gradient(linear,left top,left bottom,from(hsla(43,28%,95%,0)),color-stop(65%,#f6f4ef));
background: linear-gradient(180deg,hsla(43,28%,95%,0),#f6f4ef 65%);
content: "";
height: 10%;
left: 0;
margin-left: -2px;
margin-right: -2px;
margin-top: -5%;
position: absolute;
top: 0;
width: calc(100% + 4px);
z-index: 2
}
.map-wrapper .content-area .content-block {
background: transparent;
padding: 15px;
position: relative;
width: 100%
}
.map-wrapper .content-area .content-block:after {
display: none
}
.map-wrapper .content-area .content-block .content-block-inner {
width: 100%
}
}
.active-notification .content-area {
display: block
}
.no-smooth-scroll {
scroll-behavior: unset
}
.cmp-modal {
--height: 400px;
--width: fit-content;
--max-width: 1200px;
--min-width: 900px;
--max-height: 522px;
--min-height: 490px;
border: 0;
max-height: 100%;
max-width: 100%;
padding: 0
}
.cmp-modal::-webkit-backdrop {
pointer-events: none;
visibility: hidden
}
.cmp-modal::backdrop {
pointer-events: none;
visibility: hidden
}
.cmp-modal .dialog__backdrop {
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: rgba(0,0,0,.5);
inset: 0;
position: fixed;
-webkit-transition: -webkit-backdrop-filter .5s ease;
transition: -webkit-backdrop-filter .5s ease;
transition: backdrop-filter .5s ease;
transition: backdrop-filter .5s ease,-webkit-backdrop-filter .5s ease
}
.cmp-modal[open] .dialog__backdrop {
-webkit-animation: backdrop-fade 1s ease forwards;
animation: backdrop-fade 1s ease forwards
}
.cmp-modal.hide .dialog__backdrop {
-webkit-animation: backdrop-fade .25s ease backwards;
animation: backdrop-fade .25s ease backwards;
animation-direction: reverse
}
.cmp-modal .dialog__backdrop {
z-index: 0
}
.cmp-modal .modal-container__body--wrapper {
max-width: 100%
}
@-webkit-keyframes backdrop-fade {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes backdrop-fade {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.cmp-modal--slide {
height: 100vh;
left: 0;
margin: 0;
top: 0;
width: 100vw
}
@media only screen and (min-width: calc(834px + 1px)) {
.cmp-modal--slide {
width:45pc
}
}
@media only screen and (min-width: 1024px)and (max-width:1280px) {
.cmp-modal--slide .modal-container__header-wrapper {
width:472px
}
}
@media only screen and (min-width: calc(1280px + 1px))and (max-width:1440px) {
.cmp-modal--slide .modal-container__header-wrapper {
width:604px
}
}
@media only screen and (min-width: calc(1440px + 1px)) {
.cmp-modal--slide .modal-container__header-wrapper {
width:652px
}
}
@media only screen and (min-width: 1024px)and (max-width:1280px) {
.cmp-modal--slide .modal-container__body {
padding:20px 90pt 20px 0;
width: 472px
}
}
@media only screen and (min-width: calc(1280px + 1px))and (max-width:1440px) {
.cmp-modal--slide .modal-container__body {
padding:20px 90pt 20px 0;
width: 604px
}
}
@media only screen and (min-width: calc(1440px + 1px)) {
.cmp-modal--slide .modal-container__body {
padding:20px 90pt 20px 0;
width: 652px
}
}
.cmp-modal--popup {
-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.52);
box-shadow: 0 0 10px 1px rgba(0,0,0,.52);
height: 100vh;
height: 100dvh;
width: 100vw;
width: 100dvw
}
@media only screen and (min-width: calc(834px + 1px)) {
.cmp-modal--popup {
height:var(--height);
max-height: var(--max-height);
max-width: var(--max-width);
min-height: var(--min-height);
min-width: var(--min-width);
width: var(--width)
}
}
.cmp-modal--popup .dialog .modal-container__body {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center
}
.cmp-modal--popup .dialog .modal-container__header-wrapper .modal-container__close-button {
position: absolute;
right: 0;
top: 15px
}
.cmp-modal--fullscreen,.cmp-modal--image-fullscreen {
height: 100vh;
height: 100dvh;
width: 100vw;
width: 100dvw
}
.cmp-modal--slide[open] {
-webkit-animation: fadeIn .5s ease-in-out normal;
animation: fadeIn .5s ease-in-out normal;
display: block
}
@-webkit-keyframes slideIn {
0% {
-webkit-transform: translateX(-110%);
transform: translateX(-110%)
}
to {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes slideIn {
0% {
-webkit-transform: translateX(-110%);
transform: translateX(-110%)
}
to {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.cmp-modal--slide.hide {
-webkit-animation: fadeOut .25s ease-in normal;
animation: fadeOut .25s ease-in normal
}
@-webkit-keyframes slideOut {
to {
-webkit-transform: translateX(-110%);
transform: translateX(-110%)
}
}
@keyframes slideOut {
to {
-webkit-transform: translateX(-110%);
transform: translateX(-110%)
}
}
.cmp-modal--popup[open] {
-webkit-animation: popup .5s ease-in-out normal;
animation: popup .5s ease-in-out normal;
display: block
}
@-webkit-keyframes popup {
0% {
opacity: 0;
-webkit-transform: translateY(10%);
transform: translateY(10%)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes popup {
0% {
opacity: 0;
-webkit-transform: translateY(10%);
transform: translateY(10%)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.cmp-modal--fullscreen[open],.cmp-modal--image-fullscreen[open] {
-webkit-animation: fadeIn .5s ease-in-out normal;
animation: fadeIn .5s ease-in-out normal;
display: block
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.cmp-modal--fullscreen.hide,.cmp-modal--image-fullscreen.hide,.cmp-modal--popup.hide {
-webkit-animation: fadeOut .25s ease-in normal;
animation: fadeOut .25s ease-in normal
}
@-webkit-keyframes fadeOut {
to {
opacity: 0
}
}
@keyframes fadeOut {
to {
opacity: 0
}
}
.cmp-modal .dialog {
background-color: #ececec;
border: none;
height: 100%;
padding: 0
}
.cmp-modal .dialog .modal-container {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
display: grid;
grid-template-rows: auto 1fr auto;
height: 100%
}
.cmp-modal .dialog .modal-container__header {
background-color: #80714c;
padding: 1.7rem;
position: sticky;
top: 0;
z-index: 1
}
.cmp-modal .dialog .modal-container__header-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
margin-left: auto;
position: relative
}
.cmp-modal .dialog .modal-container__title {
color: #fafafa;
font-size: 20px;
text-transform: uppercase
}
.cmp-modal .dialog .modal-container__close-button {
background: none;
border: none;
cursor: pointer;
display: block;
height: 30px;
outline: none;
position: relative;
width: 30px
}
.cmp-modal .dialog .modal-container__close-button:after,.cmp-modal .dialog .modal-container__close-button:before {
background-color: #fafafa;
content: "";
display: block;
height: 1px;
left: 2px;
position: absolute;
top: 50%;
width: 26px
}
.cmp-modal .dialog .modal-container__close-button:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.cmp-modal .dialog .modal-container__close-button:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.cmp-modal .dialog .modal-container__close-button:focus {
outline: none
}
.cmp-modal .dialog .modal-container__body {
-ms-scroll-chaining: none;
background-color: #ececec;
height: 100%;
margin-left: auto;
overflow-y: auto;
overscroll-behavior: contain;
padding: 1rem 2rem;
width: 100%
}
.cmp-modal .dialog .modal-container__footer {
background-color: #ececec;
color: #fafafa;
display: block;
padding: 1rem
}
.cmp-modal .dialog .modal-container__footer:empty {
background-color: transparent
}
.cmp-modal .dialog .slide-modal-content iframe {
display: block;
pointer-events: auto
}
.cmp-modal--fullscreen .dialog .modal-container__header,.cmp-modal--popup .dialog .modal-container__header {
background-color: inherit;
padding: .5rem 1.7rem
}
.cmp-modal--fullscreen .dialog .modal-container__close-button:after,.cmp-modal--fullscreen .dialog .modal-container__close-button:before,.cmp-modal--popup .dialog .modal-container__close-button:after,.cmp-modal--popup .dialog .modal-container__close-button:before {
background: #404040
}
.cmp-modal--image-fullscreen .dialog .modal-container__header {
background-color: inherit;
padding: .5rem 1.7rem
}
.cmp-modal--image-fullscreen .dialog .modal-container__close-button:after,.cmp-modal--image-fullscreen .dialog .modal-container__close-button:before {
background: #404040
}
.cmp-modal--image-fullscreen .dialog .modal-container__body {
background-color: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
margin: auto;
padding: 0
}
.cmp-modal--image-fullscreen .dialog .modal-container__body img {
width: 100%
}
.cmp-modal .table-wrapper {
margin-left: auto;
margin-right: auto;
max-height: 390px;
overflow: auto
}
.cmp-modal .table-wrapper table {
display: table
}
@media only screen and (max-width: 430px) {
.cmp-modal .table-wrapper {
max-height:80vh
}
}
.cmp-modal .table-wrapper::-webkit-scrollbar {
height: 5px
}
.cmp-modal table {
display: table;
margin-left: auto;
margin-right: auto
}
@media only screen and (max-width: 430px) {
.cmp-modal table {
max-height:none;
overflow-x: visible
}
}
.modal {
background: #f6f4ef;
margin: 0;
padding: 0;
width: 100%
}
.modal__container {
height: 100%
}
.modal__container--header {
background-color: #80714c;
padding: 1pc;
position: relative
}
.modal__container--header .modal--title {
color: #fafafa;
font-size: 18px;
font-style: normal;
font-weight: 400;
height: 8px;
letter-spacing: 2px;
line-height: 24px;
margin: 0;
text-transform: uppercase
}
.modal__container--header .modal--close .icon {
background: url(clientlib-site/resources/images/icons/close-delete.svg) no-repeat 50%;
background-size: contain;
content: "";
cursor: pointer;
height: 2pc;
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 2pc
}
.modal__container--body .message {
text-align: center
}
.modal__container--body__mainfilter,.modal__container--body__subfilter {
padding: 0 1pc
}
.modal__container--body__mainfilter {
border-bottom: .5px solid #bfbfbf;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 20px;
padding-top: 20px
}
.modal__container--body__mainfilter .category {
margin-right: 20px;
position: relative
}
.modal__container--body__mainfilter .category--input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 50%;
color: #404040;
height: 8px;
margin: 0 8px 0 0;
outline: .5px solid #80714c;
outline-offset: 4px;
width: 8px
}
.modal__container--body__mainfilter .category--input:checked,.modal__container--body__mainfilter .category--input:focus-visible {
background-color: #80714c
}
.modal__container--body__mainfilter .category--label {
color: #404040;
font-style: normal;
font-weight: 400;
line-height: 24px
}
.modal__container--body__subfilter .subcategory {
border-bottom: .5px solid #bfbfbf
}
.modal__container--body__subfilter .subcategory__title {
color: #404040;
font-size: 1pc;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 20px;
margin-bottom: 9pt;
margin-top: 9pt;
position: relative;
text-align: left;
width: 100%
}
.modal__container--body__subfilter .subcategory__title:after {
background: url(clientlib-site/resources/images/icons/icon-chevron-up.svg) no-repeat 50%;
background-size: contain;
content: "";
cursor: pointer;
height: 2pc;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
width: 2pc
}
.modal__container--body__subfilter .subcategory__panel {
max-height: 100vh;
overflow-y: hidden;
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-timing-function: ease;
transition-timing-function: ease
}
.modal__container--body__subfilter .subcategory__panel--item {
position: relative
}
.modal__container--body__subfilter .subcategory__panel--label {
cursor: pointer;
display: block;
margin-bottom: 18px;
padding-left: 38px;
position: relative;
text-align: left;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.modal__container--body__subfilter .subcategory__panel--label .text {
color: #404040;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px
}
.modal__container--body__subfilter .subcategory__panel--label .checkbox {
cursor: pointer;
height: 0;
opacity: 0;
position: absolute;
width: 0
}
.modal__container--body__subfilter .subcategory__panel--label .checkbox:checked~.checkmark {
background: #404040
}
.modal__container--body__subfilter .subcategory__panel--label .checkbox:checked~.checkmark:after {
border: 1px solid #fafafa;
border-width: 0 1px 1px 0;
content: "";
display: block;
height: 9pt;
left: 8px;
position: absolute;
top: 2.5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 5px
}
.modal__container--body__subfilter .subcategory__panel--label .checkmark {
border: .5px solid #404040;
height: 24px;
left: 0;
position: absolute;
top: 0;
width: 24px
}
.modal__container--body__subfilter .subcategory__panel--label .checkmark:after {
border: 1px solid #404040;
border-width: 0 1px 1px 0;
content: "";
display: none;
height: 9pt;
left: 8px;
position: absolute;
top: 2.5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 5px
}
@media(hover: hover) {
.modal__container--body__subfilter .subcategory__panel--label .checkmark:hover {
background:#fafafa
}
.modal__container--body__subfilter .subcategory__panel--label .checkmark:hover:after {
border: 1px solid #404040;
border-width: 0 1px 1px 0;
content: "";
display: block;
height: 9pt;
left: 8px;
position: absolute;
top: 2.5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 5px
}
}
.modal__container--body__subfilter .subcategory--close .subcategory__title:after {
background: url(clientlib-site/resources/images/icons/icon-chevron-down.svg) no-repeat 50%;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.modal__container--body__subfilter .subcategory--close .subcategory__panel {
max-height: 0
}
.modal__container--footer {
border-top: .5px solid #bfbfbf;
padding: 25px 1pc 0
}
.modal__container--footer__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.modal__container--footer__content .button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0
}
.modal__container--footer__content .button__reset {
margin-bottom: 0;
padding: 0
}
.modal__container--footer__content .button__reset--text {
color: #80714c;
cursor: pointer;
font-size: 14px;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 1pc;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-transform: uppercase
}
.modal__filter {
height: 100vh;
left: -100%;
position: fixed;
top: 0;
-webkit-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
z-index: 9999
}
.modal__filter.active {
left: 0
}
.modal__popup {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: hsla(0,0%,5%,.522);
display: none;
left: 0;
min-height: 100vh;
position: absolute;
position: fixed;
top: 0;
width: 100vw;
z-index: 10000
}
.modal__popup .modal__container {
background: #fafafa;
left: 50%;
min-height: 668px;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
.modal__popup .modal__container--header {
background: transparent;
padding: 15px 20px
}
@media only screen and (max-width: 430px) {
.modal__popup .modal__container--header {
padding:40px 20px 15px
}
}
.modal__popup .modal__container--header .modal--close .icon {
background: url(clientlib-site/resources/images/icons/icon-x.svg) no-repeat 50%;
top: 125%;
z-index: 10
}
@media only screen and (min-width: 320px)and (max-width:350px) {
.modal__popup .modal__container--header .modal--close .icon {
top:34dvh
}
}
.modal__popup .modal__container--body {
padding: 20px;
position: relative
}
.modal__popup .modal__container--body .container__information {
position: relative
}
.modal__popup .modal__container--body .container__information--content {
display: grid;
grid-template-columns: 100%;
-webkit-transform: translateY(1%);
transform: translateY(1%)
}
.modal__popup .modal__container--body .container__information h1,.modal__popup .modal__container--body .container__information h2,.modal__popup .modal__container--body .container__information h3,.modal__popup .modal__container--body .container__information h4,.modal__popup .modal__container--body .container__information h5,.modal__popup .modal__container--body .container__information h6 {
color: #80714c;
font-size: 21px;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 28px;
margin-left: 0;
margin-right: 0;
text-transform: uppercase
}
.modal__popup .modal__container--body .container__information h1:first-child,.modal__popup .modal__container--body .container__information h2:first-child,.modal__popup .modal__container--body .container__information h3:first-child,.modal__popup .modal__container--body .container__information h4:first-child,.modal__popup .modal__container--body .container__information h5:first-child,.modal__popup .modal__container--body .container__information h6:first-child {
margin-top: 0
}
.modal__popup .modal__container--body .container__information h1:after,.modal__popup .modal__container--body .container__information h2:after,.modal__popup .modal__container--body .container__information h3:after,.modal__popup .modal__container--body .container__information h4:after,.modal__popup .modal__container--body .container__information h5:after,.modal__popup .modal__container--body .container__information h6:after {
border: 0
}
.modal__popup .modal__container--body .container__information--text.info {
margin-bottom: 20px;
text-align: center
}
.modal__popup .modal__container--body .container__information--text.contact--info {
border-top: 1px solid #bfbfbf;
padding-top: 30px
}
.modal__popup .modal__container--body .container__information--text.contact--info p:first-child {
margin-top: 0
}
.modal__popup .modal__container--body .container__information note {
color: #404040;
font-style: normal;
font-weight: 400
}
.modal__popup .modal__container--body .container__information .labeltext,.modal__popup .modal__container--body .container__information labeltext {
color: #737373;
font-style: normal;
font-weight: 400;
line-height: 1pc
}
.modal__popup .modal__container--body .container__information ul {
margin-left: -25px
}
.modal__popup .modal__container--body .container__information ul li {
font-style: normal;
font-weight: 400;
line-height: 20px
}
.modal__popup .modal__container--body .container__information--close,.modal__popup .modal__container--body .container__widget--close {
display: none
}
.modal__popup.active {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-name: show;
animation-name: show;
display: block
}
@media only screen and (max-width: 1024px) {
.modal__popup .modal__container.grid-content-wrapper {
padding:0;
width: 100%
}
}
@media only screen and (min-width: calc(834px + 1px)) {
.modal__filter {
width:45pc
}
.modal__popup .modal__container {
min-height: 490px
}
.modal__popup .modal__container--body,.modal__popup .modal__container--header {
padding: 15px 40px
}
.modal__popup .modal__container--body .container__information,.modal__popup .modal__container--header .container__information {
padding-left: 78pt;
padding-right: 78pt
}
.modal__popup .modal__container--body .container__information--content,.modal__popup .modal__container--header .container__information--content {
display: grid;
grid-template-columns: 50% 50%
}
.modal__popup .modal__container--body .container__information h1,.modal__popup .modal__container--body .container__information h2,.modal__popup .modal__container--body .container__information h3,.modal__popup .modal__container--body .container__information h4,.modal__popup .modal__container--body .container__information h5,.modal__popup .modal__container--body .container__information h6,.modal__popup .modal__container--header .container__information h1,.modal__popup .modal__container--header .container__information h2,.modal__popup .modal__container--header .container__information h3,.modal__popup .modal__container--header .container__information h4,.modal__popup .modal__container--header .container__information h5,.modal__popup .modal__container--header .container__information h6 {
font-size: 24px
}
.modal__popup .modal__container--body .container__information--text.info,.modal__popup .modal__container--header .container__information--text.info {
margin-bottom: 0;
padding-right: 40px;
text-align: left
}
.modal__popup .modal__container--body .container__information--text.contact--info,.modal__popup .modal__container--header .container__information--text.contact--info {
border-left: 1px solid #bfbfbf;
border-top: 0;
padding-left: 40px;
padding-top: 0
}
.modal__popup .modal__container--header {
padding-top: 30px
}
.modal__popup .modal__container--header .modal--close .icon {
top: 50%
}
.modal__container--header {
padding: 1pc 93pt
}
.modal__container--header .modal--title {
font-size: 20px
}
.modal__container--header .modal--close .icon {
top: 50%
}
.modal__container--body {
padding-bottom: 20px
}
.modal__container--body__mainfilter,.modal__container--body__subfilter {
padding-left: 93pt;
padding-right: 93pt
}
.modal__container--body__subfilter .accordion .subcategory:last-child {
border-bottom: 0
}
.modal__container--body__subfilter .subcategory__title {
font-size: 18px
}
.modal__container--body__subfilter .subcategory__panel--label .text {
font-size: 15px
}
.modal__container--footer {
padding: 24px 93pt 9pt
}
.modal__container--footer__content {
display: block
}
.modal__container--footer__content .button__reset {
margin: 0;
padding: 0;
width: 8pc
}
.modal__container--footer__content .button__reset--text {
font-size: 15px
}
}
@-webkit-keyframes show {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes show {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.imagemultiplelayoutcta .cmp-image__title {
color: #80714c;
font-size: 13px;
font-weight: 400;
letter-spacing: 2px;
line-height: 1.8rem;
text-align: left;
text-transform: uppercase;
vertical-align: top;
width: 100%
}
.imagemultiplelayoutcta .dragimagetextinfo {
display: none
}
.imagemultiplelayoutcta .cmp-title {
margin: 25px 75px 10px
}
.imagemultiplelayoutcta .cmp-title__text {
color: #80714c;
font-size: 27px;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 2pc;
margin: 0 0 2pc;
position: relative
}
.imagemultiplelayoutcta .cmp-title__text--border {
border-bottom: .5px solid #80714c;
height: 0;
margin: 20px auto 0;
padding: 0;
width: 40px
}
.imagemultiplelayoutcta .cmp-title h2:after {
display: none
}
.imagemultiplelayoutcta .cmp-title .cmp-text h1,.imagemultiplelayoutcta .cmp-title .cmp-text h2,.imagemultiplelayoutcta .cmp-title .cmp-text h3,.imagemultiplelayoutcta .cmp-title--subtitle {
font-size: 14px;
line-height: 18px;
margin: 30px 75px
}
.imagemultiplelayoutcta .readmore-details {
margin: 0;
padding-top: 24px;
position: relative;
width: auto
}
.imagemultiplelayoutcta .readmore-details_text {
color: #80714c;
cursor: pointer;
font-size: 14px;
letter-spacing: 3px;
text-transform: uppercase
}
.imagemultiplelayoutcta .readmore-details:after {
background: url(clientlib-site/resources/images/icons/icon-chevron-down-gold.svg) no-repeat;
background-size: 100%;
content: "";
display: inline-block;
height: 9px;
margin-left: 9px;
width: 15px
}
.imagemultiplelayoutcta .readmore-details--collapse__less {
display: none
}
.imagemultiplelayoutcta .readmore-details--collapse {
position: relative;
width: auto
}
.imagemultiplelayoutcta .readmore-details--collapse .readmore-details--collapse__less {
display: inline-block
}
.imagemultiplelayoutcta .readmore-details--collapse .readmore-details--collapse__more {
display: none
}
.imagemultiplelayoutcta .readmore-details--collapse:after {
top: 25%;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all .75s .25s;
transition: all .75s .25s
}
.imagemultiplelayoutcta .readmore-details--hide {
display: none
}
.imagemultiplelayoutcta .cmp-image__title.cmp-image__title--overlay {
bottom: 10px;
color: #fafafa;
left: 0;
position: absolute
}
.imagemultiplelayoutcta .cmp-image {
height: auto;
overflow: hidden;
position: relative
}
.imagemultiplelayoutcta .cmp-image__wrapper {
overflow: hidden;
position: relative;
z-index: 7
}
.imagemultiplelayoutcta .cmp-image__image {
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease,-webkit-transform 1s ease;
vertical-align: bottom
}
.imagemultiplelayoutcta .cmp-image:hover .cmp-image__image {
-webkit-transform: scale(1);
transform: scale(1)
}
.imagemultiplelayoutcta__group-one__left .cmp-image {
margin-left: calc(50% - 50vw);
padding-right: 15%;
width: 100vw
}
.imagemultiplelayoutcta__group-one__left .cmp-image__title {
left: unset;
padding-right: 15%;
right: 0;
text-align: left;
width: auto
}
.imagemultiplelayoutcta__group-two {
display: block;
position: relative
}
.imagemultiplelayoutcta__group-two__left {
position: relative
}
.imagemultiplelayoutcta__group-two__left--content .text {
margin: 25px 62px 0;
overflow: hidden;
position: relative;
-webkit-transition: 1s;
transition: 1s
}
.imagemultiplelayoutcta__group-two__left--content .text p {
font-style: normal;
font-weight: 400;
line-height: 22px
}
.imagemultiplelayoutcta__group-two__left--content .text p:last-child {
margin-bottom: 0
}
.imagemultiplelayoutcta__group-two__left--content .text--collapse {
-webkit-transition: 1s;
transition: 1s
}
.imagemultiplelayoutcta__group-two__left--content .text.addHeight {
height: 317px
}
.imagemultiplelayoutcta__group-two__right {
bottom: 0;
position: relative
}
.imagemultiplelayoutcta__group-two__right .cmp-image__title {
padding-left: 10px
}
.imagemultiplelayoutcta__group-two .border {
height: 23px;
margin: 2pc 0 0;
padding-left: 60px;
padding-right: 60px;
position: relative;
width: 100%
}
.imagemultiplelayoutcta__group-two .border .icon {
background: url(clientlib-site/resources/images/icons/icon-deco-line.svg) no-repeat 0;
background-size: contain;
content: "";
height: 23px;
left: 50%;
padding: 0;
position: absolute;
top: 0;
-webkit-transform: translate(-50%);
transform: translate(-50%);
width: 46px
}
.imagemultiplelayoutcta__group-two .border .divider {
height: 1px;
margin: 0;
padding-left: 6px;
padding-right: 6px;
position: relative;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%
}
.imagemultiplelayoutcta__group-two .border .divider .line {
background-image: url(clientlib-site/resources/images/icons/deco-line-border.png);
background-repeat: repeat-x;
background-size: 100%,.5px;
height: 1px;
margin: -1px 0 0;
padding-left: 23px;
padding-right: 4px;
width: 100%
}
.imagemultiplelayoutcta__group-two .border .divider .line:after {
right: 0
}
.imagemultiplelayoutcta__group-two .border .divider .line:after,.imagemultiplelayoutcta__group-two .border .divider .line:before {
background: url(clientlib-site/resources/images/icons/icon-deco-line-diamond-side.svg) no-repeat 100%;
background-size: contain;
content: "";
height: 8px;
padding: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px
}
.imagemultiplelayoutcta__group-two .border .divider .line:before {
left: 0
}
.imagemultiplelayoutcta__group-two .border--hide {
display: none
}
.imagemultiplelayoutcta__group-three .cmp-image {
margin-right: calc(50% - 50vw);
padding-left: 15%;
width: 100vw
}
.imagemultiplelayoutcta__group-three .cmp-image__title {
padding-left: 15%;
width: auto
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-one__left {
margin-left: 0;
padding-left: 1pc
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-one__left .cmp-image {
margin-left: 0;
overflow: unset;
width: 100%
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-one__left .cmp-image__wrapper {
overflow: unset;
position: relative
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-one__left .cmp-image__wrapper--container {
overflow: hidden
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-one__left .cmp-image__title {
bottom: -20px;
padding: 0;
position: absolute
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-one__left .cmp-image__title.cmp-image__title--overlay {
bottom: 0;
padding-bottom: 9pt;
padding-left: 9pt;
padding-right: 9pt
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-two__right {
margin-bottom: 4pc;
margin-top: 24px;
padding-left: 1pc;
padding-right: 1pc
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-two__right .cmp-image {
overflow: unset
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-two__right .cmp-image__wrapper {
overflow: unset;
position: relative
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-two__right .cmp-image__wrapper--container {
overflow: hidden
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-two__right .cmp-image__title.cmp-image__title--overlay {
bottom: 0;
padding-bottom: 9pt;
padding-left: 9pt;
padding-right: 9pt
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-two__left--content {
padding-left: 1pc;
padding-right: 1pc
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-two__left--content .text {
margin-left: 50px;
margin-right: 50px
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-two__left--content .button__container--link.button__container {
margin: 2pc 0 0 auto;
max-width: 188px
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-three {
padding-right: 1pc
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-three .cmp-image {
overflow: unset;
width: 100%
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-three .cmp-image__wrapper {
overflow: unset;
position: relative
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-three .cmp-image__wrapper--container {
overflow: hidden
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-three .cmp-image__title {
padding: 0
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-three .cmp-image__title.cmp-image__title--overlay {
bottom: 0;
padding-bottom: 9pt;
padding-left: 9pt;
padding-right: 9pt
}
.imagemultiplelayoutcta--layout_1 .readmore-details {
margin-left: 50px;
margin-right: 50px
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-one {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
margin-bottom: 4pc;
margin-top: 36px;
order: 2
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-one__left {
padding-left: 1pc
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-one .cmp-image {
margin-left: 0;
overflow: unset;
width: 100%
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-one .cmp-image__wrapper {
overflow: unset;
position: relative
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-one .cmp-image__wrapper--container {
overflow: hidden
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-one .cmp-image__title {
-webkit-box-pack: end;
-ms-flex-pack: end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: end;
padding-right: 0
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-one .cmp-image__title.cmp-image__title--overlay {
bottom: 0;
padding-bottom: 9pt;
padding-left: 9pt;
padding-right: 9pt
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
order: 1
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__left {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
position: relative
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__left--content {
padding-left: 1pc;
padding-right: 1pc
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__left--content .text {
margin-left: 50px;
margin-right: 50px
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__left--content .button__container--link.button__container {
margin: 2pc 0 0 auto;
max-width: 188px
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
margin-left: 0;
max-width: 100%;
order: 1;
padding-left: 1pc;
position: relative;
width: 100%
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image {
height: 50vh;
margin: 10px 0 0;
overflow: hidden
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image__wrapper {
overflow: unset;
position: relative
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image__image {
border: 0 transparent;
left: 0;
left: 50%;
position: absolute;
top: 0;
-webkit-transform: translate(-50%);
transform: translate(-50%);
-webkit-transition: unset;
transition: unset;
width: 182vw
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image__title {
bottom: -30px;
left: 10px;
position: absolute
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image__title--desktop {
display: none
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image__title--desktop.cmp-image__title--overlay,.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image__title--mobile {
display: block
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image__title--mobile.cmp-image__title--overlay {
display: none
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image__title.cmp-image__title--overlay {
bottom: 0;
left: 0;
padding-bottom: 8px;
padding-left: 9pt;
padding-right: 9pt;
position: absolute;
z-index: 9999
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image .dragimagetextinfo {
-webkit-animation: fadeIn 1.5s infinite alternate;
animation: fadeIn 1.5s infinite alternate;
display: block;
left: 50%;
position: absolute;
top: 70%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 9999
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image .dragimagetextinfo__label {
color: #fafafa;
font-size: 1pc;
font-style: normal;
font-weight: 400;
letter-spacing: 1px;
line-height: 36px;
text-align: center;
text-transform: uppercase
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image .dragimagetextinfo__border {
border-bottom: .5px solid #fafafa;
display: none;
height: 0;
margin: 4px auto 0;
position: relative;
width: 109px
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image .dragimagetextinfo__border--icon {
-webkit-animation: linear infinite;
animation: linear infinite;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-name: run;
animation-name: run;
background: url(clientlib-site/resources/images/icons/icon-rectangle-solid.svg) no-repeat 0;
background-size: contain;
content: "";
height: 11px;
left: -4px;
position: absolute;
top: -4px;
width: 11px
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-three {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
padding-right: 1pc
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-three .cmp-image {
overflow: unset;
width: 100%
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-three .cmp-image__wrapper {
overflow: unset;
position: relative
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-three .cmp-image__wrapper--container {
overflow: hidden
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-three .cmp-image__title {
padding-left: 0
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-three .cmp-image__title.cmp-image__title--overlay {
bottom: 0;
padding-bottom: 9pt;
padding-left: 9pt;
padding-right: 9pt
}
.imagemultiplelayoutcta--layout_2 .readmore-details {
margin-left: 50px;
margin-right: 50px
}
.imagemultiplelayoutcta--layout_3,.imagemultiplelayoutcta--layout_4 {
margin: 0;
padding: 0;
width: 100%
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__container,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__container {
grid-column-gap: 24px;
display: grid;
grid-template-columns: 1fr 1fr;
position: relative
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__container__image,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__container__image {
-webkit-transition: unset;
transition: unset
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__container .cmp-image,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__container .cmp-image {
width: 100%
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__container .cmp-image__wrapper--container,.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__container .cmp-image__wrapper--container--inner,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__container .cmp-image__wrapper--container,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__container .cmp-image__wrapper--container--inner {
display: block
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__container:hover .cmp-image__image,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__container:hover .cmp-image__image {
-webkit-transform: unset;
transform: unset
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__container .title,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__container .title {
left: 0;
padding-left: 1pc;
position: absolute;
top: 0
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__container .title .cmp-title,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__container .title .cmp-title {
margin: 0;
padding: 0
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__container .title .cmp-title__text,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__container .title .cmp-title__text {
margin-bottom: 0;
padding: 0 0 2pc
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__container .title .cmp-title__text .cmp-title__text--border,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__container .title .cmp-title__text .cmp-title__text--border {
display: block;
margin: 1pc 0 0
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__container .text,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__container .text {
margin: 0;
padding: 0
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__container .text .cmp-text h3:first-child,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__container .text .cmp-text h3:first-child {
margin-bottom: 2pc;
margin-top: 0
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__container .text .cmp-text p:first-child,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__container .text .cmp-text p:first-child {
margin-top: 0
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__container.grid-content-wrapper,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__container.grid-content-wrapper {
width: 100%
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__group-one,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__group-one {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
margin-bottom: 0;
order: 1
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__group-one__left .cmp-image,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__group-one__left .cmp-image {
margin: 0;
padding: 0;
position: relative
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__group-two,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__group-two {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
display: block;
grid-column-end: 3;
grid-column-start: 1;
margin: 0;
order: 3;
padding: 2pc 1pc 0;
position: unset
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__group-two__left,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__group-two__left {
margin: 0;
padding: 0;
position: unset
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__group-two__left--wrapper,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__group-two__left--wrapper {
position: unset
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__group-two__left--content .button__container--link,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__group-two__left--content .button__container--link {
margin-right: 0;
max-width: 188px
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__group-three,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__group-three {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
margin-bottom: -6px;
order: 2;
padding-top: 75pt
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__group-three .cmp-image,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__group-three .cmp-image {
margin: 0;
padding: 0
}
.imagemultiplelayoutcta__group-two .button__container-cta,.imagemultiplelayoutcta__group-two__left--content .button__container--link {
margin: 2pc auto 0
}
.imagemultiplelayoutcta__group-two .button__container-cta .button__generic {
margin: auto
}
.imagemultiplelayoutcta .deco-sec-diamond--1.bottom-right:after,.imagemultiplelayoutcta .deco-sec-diamond--1.top-right:before,.imagemultiplelayoutcta .deco-sec-diamond--2.bottom-right:after,.imagemultiplelayoutcta .deco-sec-diamond--2.top-right:before,.imagemultiplelayoutcta .deco-sec-diamond--3.bottom-right:after,.imagemultiplelayoutcta .deco-sec-diamond--3.top-right:before {
margin-bottom: 7px
}
.imagemultiplelayoutcta .deco-sec-diamond--1.bottom-right:before,.imagemultiplelayoutcta .deco-sec-diamond--2.bottom-right:before,.imagemultiplelayoutcta .deco-sec-diamond--3.bottom-right:before {
bottom: 30px
}
@media only screen and (min-width: 600px) {
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image {
height:auto
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image .dragimagetextinfo {
display: none
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image__image {
left: 0;
position: relative;
top: 0;
-webkit-transform: none;
transform: none;
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease,-webkit-transform 1s ease;
width: 100%
}
}
@media only screen and (max-width: calc(1024px - 1px)) {
.imagemultiplelayoutcta__container.grid-content-wrapper {
padding:0
}
}
@media only screen and (min-width: 1024px)and (max-width:calc(1440px - 1px)) {
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-one {
padding-right:1.5%
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-two__left .button__generic {
width: 190px
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-three .image {
margin-left: 1.5%
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__left .button__generic {
width: 190px
}
}
@media only screen and (min-width: calc(1024px)),only screen and (min-width:calc(1280px + 1px)) {
.imagemultiplelayoutcta .cmp-title {
margin:0
}
.imagemultiplelayoutcta .cmp-title__text {
color: #80714c;
font-size: 34px;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 2pc;
margin-bottom: 2pc
}
.imagemultiplelayoutcta .cmp-title__text--border {
margin-top: 14px
}
.imagemultiplelayoutcta .cmp-title .cmp-text h1,.imagemultiplelayoutcta .cmp-title .cmp-text h2,.imagemultiplelayoutcta .cmp-title .cmp-text h3,.imagemultiplelayoutcta .cmp-title--subtitle {
font-size: 14px;
line-height: 18px;
margin: 0
}
.imagemultiplelayoutcta__group-one__left .cmp-image {
overflow: unset;
padding-right: 64%;
position: relative
}
.imagemultiplelayoutcta__group-one__left .cmp-image__title {
padding-right: 64%;
position: absolute
}
.imagemultiplelayoutcta__group-two {
-webkit-box-pack: start;
-ms-flex-pack: start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: grid;
grid-template-columns: 25% 75%;
justify-content: flex-start;
margin: 75pt 0;
width: 100%
}
.imagemultiplelayoutcta__group-two .text {
margin: 0 0 10px
}
.imagemultiplelayoutcta__group-two .text .cmp-text p:first-child {
margin-top: 0
}
.imagemultiplelayoutcta__group-two .readmore-details {
margin: 0
}
.imagemultiplelayoutcta__group-two__left {
margin-right: 4pc;
position: relative
}
.imagemultiplelayoutcta__group-two__left--content .text {
margin-bottom: 0
}
.imagemultiplelayoutcta__group-two__left--content .text p {
font-size: 15px
}
.imagemultiplelayoutcta__group-two__left--content .text p:last-child {
margin-bottom: 0
}
.imagemultiplelayoutcta__group-two__left--wrapper {
position: absolute;
top: 0;
z-index: 1
}
.imagemultiplelayoutcta__group-two__right {
position: relative
}
.imagemultiplelayoutcta__group-three .cmp-image,.imagemultiplelayoutcta__group-three .cmp-image__title {
padding-left: 64%
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-one {
display: grid;
grid-template-columns: 39.8% 60.2%;
width: 100%
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-one__left {
padding-left: 0
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-one__left .cmp-image {
margin-left: 0;
padding-right: 0;
width: 100%
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-one__left .cmp-image__wrapper {
overflow: unset;
position: relative
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-one__left .cmp-image__wrapper--container {
overflow: hidden
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-one__left .cmp-image__title {
bottom: auto;
padding: 9pt 0 0;
position: absolute
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-one__left .cmp-image__title.cmp-image__title--overlay {
bottom: 0;
padding: 0 1pc 1pc
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-two {
grid-template-columns: 25.8% 65.6%
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-two .cmp-image__wrapper {
overflow: unset;
position: relative
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-two .cmp-image__wrapper--container {
overflow: hidden
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-two__left {
margin: 0;
padding-right: 40px;
width: 100%
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-two__left .cmp-text {
width: 100%
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-two__left--wrapper {
margin-bottom: 0;
padding-right: 40px;
width: 100%
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-two__left--content .text {
margin: 0
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-two__left--content .button__container--link.button__container {
margin: 40px 0 0;
max-width: 241px
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-two__right {
margin-bottom: 0;
margin-top: 0;
padding-left: 0;
padding-right: 0
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-two__right .cmp-image__wrapper--container {
margin-bottom: 6px
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-two__right .cmp-image__title {
padding-left: 0;
padding-top: 9pt
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-two__right .cmp-image__title.cmp-image__title--overlay {
bottom: 0;
padding: 0 1pc 1pc
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-three {
display: grid;
margin-left: 60.2%;
padding-bottom: 0;
padding-right: 0
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-three .cmp-image {
margin-left: 0;
padding-bottom: 0;
padding-left: 0;
width: 100%
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-three .cmp-image__wrapper {
overflow: unset;
position: relative
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-three .cmp-image__wrapper--container {
overflow: hidden
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-three .cmp-image__title {
bottom: auto;
left: 0;
padding: 9pt 0 0;
position: absolute
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-three .cmp-image__title.cmp-image__title--overlay {
bottom: 0;
padding: 0 1pc 1pc
}
.imagemultiplelayoutcta--layout_1 .readmore-details {
margin-left: 0;
margin-right: 0
}
.imagemultiplelayoutcta--layout_2 .dragimagetextinfo {
display: none
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-one {
display: grid;
grid-template-columns: 45.6%;
margin-top: 0;
width: 100%
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-one__left {
padding-left: 0
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-one__left .cmp-image {
margin-left: 0;
padding-right: 0;
width: 100%
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-one__left .cmp-image__wrapper {
overflow: unset;
position: relative
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-one__left .cmp-image__wrapper--container {
overflow: hidden
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-one__left .cmp-image__title {
bottom: auto;
padding: 9pt 0 0;
position: absolute
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-one__left .cmp-image__title.cmp-image__title--overlay {
bottom: 0;
padding: 0 1pc 1pc
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
-webkit-box-pack: start;
-ms-flex-pack: start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: grid;
grid-template-columns: 31.3% 68.7%;
justify-content: flex-start;
margin: 0 0 75pt;
order: 1;
width: 100%
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__left {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
margin-right: 40px;
order: 1
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__left--wrapper {
position: relative
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__left--content .text {
margin: 0
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__left--content .button__container--link.button__container {
margin: 40px 0 0;
max-width: 241px
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
margin-left: unset;
max-width: unset;
min-height: unset;
order: 2;
padding-left: 0;
padding-right: 0;
position: relative;
width: unset
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image {
height: auto;
margin: 0;
overflow: unset;
width: 100%
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image__wrapper {
overflow: unset;
position: unset
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image__wrapper--container {
margin-bottom: 0;
overflow: hidden
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image__image {
left: unset;
margin-right: 0;
position: unset;
-webkit-transform: unset;
transform: unset;
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease,-webkit-transform 1s ease;
vertical-align: bottom;
width: unset;
width: 100%
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image__image:hover .cmp-image__image {
-webkit-transform: scale(1);
transform: scale(1)
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image__title {
bottom: unset;
left: unset;
padding-left: 0;
padding-top: 9pt;
position: unset
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image__title--mobile,.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image__title--mobile.cmp-image__title--overlay {
display: none
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image__title--desktop,.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image__title--desktop.cmp-image__title--overlay {
display: block
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image__title.cmp-image__title--overlay {
bottom: 0;
padding: 0 1pc 1pc
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-two__right .cmp-image .dragimagetextinfo {
display: none
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-three {
margin-left: 51.5%;
margin-top: -15%;
padding-right: 0;
width: 48.5%
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-three .cmp-image {
margin-left: 0;
padding-left: 0;
width: 100%
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-three .cmp-image__wrapper {
overflow: unset;
position: relative
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-three .cmp-image__wrapper--container {
margin-bottom: 6px;
overflow: hidden
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-three .cmp-image__title {
padding-top: 9pt
}
.imagemultiplelayoutcta--layout_2 .imagemultiplelayoutcta__group-three .cmp-image__title.cmp-image__title--overlay {
bottom: 0;
left: 0;
padding: 0 1pc 1pc
}
.imagemultiplelayoutcta--layout_2 .readmore-details {
margin-left: 0;
margin-right: 0
}
.imagemultiplelayoutcta--layout_3,.imagemultiplelayoutcta--layout_4 {
margin: 0;
padding: 0;
width: 100%
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__container,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__container {
grid-template-columns: 1fr 1fr 1fr
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__container .title,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__container .title {
left: unset;
margin-top: 5pc;
padding-left: 0;
position: unset;
top: unset
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__container .title .cmp-title__text,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__container .title .cmp-title__text {
margin-bottom: 0;
padding: 0 0 40px
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__container .text .cmp-text h3:first-child,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__container .text .cmp-text h3:first-child {
margin-bottom: 40px
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__group-one,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__group-one {
margin-bottom: 0;
padding-top: 15pc
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__group-two,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__group-two {
grid-column-start: 3;
padding: 0
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__group-two__left--content .button__container--link,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__group-two__left--content .button__container--link {
margin-left: 0;
margin-right: 0;
max-width: 241px
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__group-three,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__group-three {
margin-bottom: 0;
padding-top: 0
}
.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__group-one {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__group-two {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
grid-column-end: 1;
grid-column-start: 1;
order: 1
}
.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__group-three {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.imagemultiplelayoutcta .border {
margin-top: 40px;
padding: 0
}
.imagemultiplelayoutcta .border .divider {
position: absolute
}
.imagemultiplelayoutcta__group-two .button__container-cta,.imagemultiplelayoutcta__group-two__left--content .button__container--link {
margin: 40px 0 0
}
.imagemultiplelayoutcta__group-two .button__container-cta .button__generic {
margin: auto
}
.imagemultiplelayoutcta--layout_1 .imagemultiplelayoutcta__group-two__left--content .button__container--link {
margin-bottom: 0
}
}
@media only screen and (min-width: calc(1024px)) {
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__container,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__container {
grid-column-gap:4pc
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__group-two,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__group-two {
padding-right: 4pc
}
.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__group-two {
padding-left: 4pc;
padding-right: 0
}
}
@media only screen and (min-width: calc(1440px)) {
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__container,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__container {
grid-column-gap:5pc
}
.imagemultiplelayoutcta--layout_3 .imagemultiplelayoutcta__group-two,.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__group-two {
padding-right: 87pt
}
.imagemultiplelayoutcta--layout_4 .imagemultiplelayoutcta__group-two {
padding-left: 87pt;
padding-right: 0
}
}
@-webkit-keyframes run {
0% {
left: 0
}
50% {
left: 100%
}
to {
left: 0
}
}
@keyframes run {
0% {
left: 0
}
50% {
left: 100%
}
to {
left: 0
}
}
.splide__container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative
}
.splide__list {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
height: 100%;
margin: 0!important;
padding: 0!important
}
.splide.is-initialized:not(.is-active) .splide__list {
display: block
}
.splide__pagination {
-ms-flex-align: center;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
margin: 0;
pointer-events: none
}
.splide__pagination li {
display: inline-block;
line-height: 1;
list-style-type: none;
margin: 0;
pointer-events: auto
}
.splide:not(.is-overflow) .splide__pagination {
display: none
}
.splide__progress__bar {
width: 0
}
.splide {
position: relative;
visibility: hidden
}
.splide.is-initialized,.splide.is-rendered {
visibility: visible
}
.splide__slide {
-ms-flex-negative: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
flex-shrink: 0;
list-style-type: none!important;
margin: 0;
position: relative
}
.splide__slide img {
vertical-align: bottom
}
.splide__spinner {
-webkit-animation: splide-loading 1s linear infinite;
animation: splide-loading 1s linear infinite;
border: 2px solid #999;
border-left-color: transparent;
border-radius: 50%;
bottom: 0;
contain: strict;
display: inline-block;
height: 20px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 20px
}
.splide__sr {
clip: rect(0 0 0 0);
border: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause {
display: none
}
.splide__toggle.is-active .splide__toggle__pause {
display: inline
}
.splide__track {
overflow: hidden;
position: relative;
z-index: 0
}
@keyframes splide-loading {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
.splide__track--draggable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none
}
.splide__track--fade>.splide__list>.splide__slide {
margin: 0!important;
opacity: 0;
z-index: 0
}
.splide__track--fade>.splide__list>.splide__slide.is-active {
opacity: 1;
z-index: 1
}
.splide--rtl {
direction: rtl
}
.splide__track--ttb>.splide__list {
display: block
}
.splide__arrow {
-ms-flex-align: center;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
align-items: center;
background: #ccc;
border: 0;
border-radius: 50%;
cursor: pointer;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
height: 2em;
justify-content: center;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 2em;
z-index: 1
}
.splide__arrow svg {
fill: #000;
height: 1.2em;
width: 1.2em
}
.splide__arrow:hover:not(:disabled) {
opacity: .9
}
.splide__arrow:disabled {
opacity: .3
}
.splide__arrow:focus-visible {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide__arrow--prev {
left: 1em
}
.splide__arrow--prev svg {
-webkit-transform: scaleX(-1);
transform: scaleX(-1)
}
.splide__arrow--next {
right: 1em
}
.splide.is-focus-in .splide__arrow:focus {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide__pagination {
bottom: .5em;
left: 0;
padding: 0 1em;
position: absolute;
right: 0;
z-index: 1
}
.splide__pagination__page {
background: #ccc;
border: 0;
border-radius: 50%;
display: inline-block;
height: 8px;
margin: 3px;
opacity: .7;
padding: 0;
position: relative;
-webkit-transition: -webkit-transform .2s linear;
transition: -webkit-transform .2s linear;
transition: transform .2s linear;
transition: transform .2s linear,-webkit-transform .2s linear;
width: 8px
}
.splide__pagination__page.is-active {
background: #fff;
-webkit-transform: scale(1.4);
transform: scale(1.4);
z-index: 1
}
.splide__pagination__page:hover {
cursor: pointer;
opacity: .9
}
.splide__pagination__page:focus-visible {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide.is-focus-in .splide__pagination__page:focus {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide__progress__bar {
background: #ccc;
height: 3px
}
.splide__slide {
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.splide__slide:focus {
outline: 0
}
@supports(outline-offset: -3px) {
.splide__slide:focus-visible {
outline:3px solid #0bf;
outline-offset: -3px
}
}
@media screen and (-ms-high-contrast:none) {
.splide__slide:focus-visible {
border: 3px solid #0bf
}
}
@supports(outline-offset: -3px) {
.splide.is-focus-in .splide__slide:focus {
outline:3px solid #0bf;
outline-offset: -3px
}
}
@media screen and (-ms-high-contrast:none) {
.splide.is-focus-in .splide__slide:focus {
border: 3px solid #0bf
}
.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
border-color: #0bf
}
}
.splide__toggle {
cursor: pointer
}
.splide__toggle:focus-visible {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide.is-focus-in .splide__toggle:focus {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide__track--nav>.splide__list>.splide__slide {
border: 3px solid transparent;
cursor: pointer
}
.splide__track--nav>.splide__list>.splide__slide.is-active {
border: 3px solid #000
}
.splide__arrows--rtl .splide__arrow--prev {
left: auto;
right: 1em
}
.splide__arrows--rtl .splide__arrow--prev svg {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.splide__arrows--rtl .splide__arrow--next {
left: 1em;
right: auto
}
.splide__arrows--rtl .splide__arrow--next svg {
-webkit-transform: scaleX(-1);
transform: scaleX(-1)
}
.splide__arrows--ttb .splide__arrow {
left: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%)
}
.splide__arrows--ttb .splide__arrow--prev {
top: 1em
}
.splide__arrows--ttb .splide__arrow--prev svg {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.splide__arrows--ttb .splide__arrow--next {
bottom: 1em;
top: auto
}
.splide__arrows--ttb .splide__arrow--next svg {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.splide__pagination--ttb {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
bottom: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
left: auto;
padding: 1em 0;
right: .5em;
top: 0
}
@media only screen and (min-width: calc(430px + 1px)) {
.multitile-two-column-listing .multitilelisting-list {
--list-columns:2
}
.multitile-four-column-listing .multitilelisting-list {
--list-columns: 4
}
}
.multitilelisting {
--list-columns: 1;
overflow-x: clip
}
.multitilelisting-header {
padding-bottom: 2pc
}
.multitilelisting-header h2,.multitilelisting-header p {
text-align: center;
width: 100%
}
.multitilelisting-list {
display: grid;
grid-template-columns: repeat(var(--list-columns),1fr)
}
.multitilelisting-card {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%
}
.multitilelisting-card__image,.multitilelisting-card__image img {
width: 100%
}
.multitilelisting-card__image[action=video] {
cursor: pointer;
position: relative
}
.multitilelisting-card__image[action=video]:before {
background: url(clientlib-brand-guidelines/resources/images/icons/play.svg) 50% no-repeat;
background-size: contain;
content: "";
height: 3pc;
left: 50%;
margin: 0 auto;
opacity: 1;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 3pc;
z-index: 1
}
.multitilelisting-card__content {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
flex-grow: 1;
justify-content: flex-start;
margin-top: 20px
}
.multitilelisting-card__content.card-align-top .multitilelisting-card__title h3 {
margin-top: 0
}
.multitilelisting-card__content .multitilelisting-card__title-container {
margin-bottom: 20px
}
.multitilelisting-card__title {
font-family: ArizonaSansRegular;
line-height: 26px
}
.multitilelisting-card__title h3,.multitilelisting-card__title h3 p {
margin: 0
}
.multitilelisting-card__subtitle {
color: #000;
font-family: ArizonaSansRegular;
font-size: 14px;
letter-spacing: 2.1px;
text-transform: uppercase
}
.multitilelisting-card__dates {
color: #333;
font-size: 1pc;
letter-spacing: .64px;
line-height: 1.3pc
}
.multitilelisting-card__description {
padding-bottom: 1pc
}
.multitilelisting-card__description ul {
padding-left: 1rem
}
.multitilelisting-card__description ul li,.multitilelisting-card__description ul p {
color: #333;
font-size: 1pc;
letter-spacing: .64px;
line-height: 1.3pc
}
.multitilelisting-card__description p {
margin-top: 0
}
.multitilelisting-card__description p+p {
margin-top: 14px
}
.multitilelisting-card__button {
margin-top: auto
}
.multitilelisting-carousel {
display: none
}
.multitilelisting-carousel .splide__track {
overflow: visible
}
.multitilelisting-carousel .splide__arrow {
background: transparent;
border-radius: 0;
cursor: default;
height: 100%;
opacity: 1;
width: calc(50vw - 42.5%)
}
.multitilelisting-carousel .splide__arrow:hover:not(:disabled) {
opacity: 1
}
.multitilelisting-carousel .splide__arrow:disabled {
pointer-events: none
}
.multitilelisting-carousel .splide__arrow svg {
display: none
}
@media only screen and (min-width: calc(834px + 1px)) {
.multitilelisting-carousel .splide__arrow {
width:calc(50vw - 44.6%)
}
}
.multitilelisting-carousel .splide__arrow--prev:not(:disabled) {
cursor: url(clientlib-site/resources/images/icons/icon-prev.svg) 43 43,pointer;
left: calc(-50vw - -50%)
}
@media only screen and (min-width: calc(1024px)) {
.multitilelisting-carousel .splide__arrow--prev:not(:disabled) {
padding-right:30px
}
}
.multitilelisting-carousel .splide__arrow--next:not(:disabled) {
cursor: url(clientlib-site/resources/images/icons/icon-next.svg) 43 43,pointer;
right: calc(-50vw - -50%)
}
@media only screen and (min-width: calc(1024px)) {
.multitilelisting-carousel .splide__arrow--next:not(:disabled) {
padding-left:30px
}
}
@media(max-width: 599px) {
.multitilelisting-carousel .splide {
width:80%
}
.multitilelisting-carousel .splide__arrows {
display: none
}
}
.multitilelisting-carousel .splide__arrow--next:not(:disabled) {
background: url(clientlib-brand-guidelines/resources/images/icons/icon-scroll-next.svg) 0 no-repeat;
cursor: unset;
cursor: pointer
}
.multitilelisting-carousel .splide__arrow--prev:not(:disabled) {
background: url(clientlib-brand-guidelines/resources/images/icons/icon-scroll-prev.svg) 100% no-repeat;
cursor: unset;
cursor: pointer
}
.multitilelisting .cmp-modal {
background: 0
}
.multitilelisting .cmp-modal .dialog {
background-color: hsla(0,0%,6%,.6);
overflow: hidden
}
.multitilelisting .cmp-modal .dialog .modal-container__header {
background: none
}
.multitilelisting .cmp-modal .dialog .modal-container__body {
max-height: 650px;
max-width: 750pt;
padding: 0
}
.multitilelisting .cmp-modal .dialog .slider {
background-color: transparent;
display: grid;
grid-template-columns: 40px auto 40px;
margin: auto;
z-index: 1
}
.multitilelisting .cmp-modal .dialog .slider__button {
-webkit-box-pack: center;
-ms-flex-pack: center;
color: #fafafa;
cursor: pointer;
height: 40px;
justify-content: center;
width: 40px
}
.multitilelisting .cmp-modal .dialog .slider__button,.multitilelisting .cmp-modal .dialog .slider__button--wrp {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.multitilelisting .cmp-modal .dialog .slider__button--wrp {
height: 100%
}
.multitilelisting .cmp-modal .dialog .slider__button--next {
position: relative
}
.multitilelisting .cmp-modal .dialog .slider__button--next:after {
border-bottom: 1px solid;
border-right: 1px solid;
content: "";
display: block;
height: 9pt;
position: absolute;
position: static;
right: 0;
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
-webkit-transform-origin: 68% 68%;
transform-origin: 68% 68%;
width: 9pt
}
.multitilelisting .cmp-modal .dialog .slider__button--prev {
position: relative
}
.multitilelisting .cmp-modal .dialog .slider__button--prev:after {
border-bottom: 1px solid;
border-right: 1px solid;
content: "";
display: block;
height: 9pt;
position: absolute;
position: static;
right: 0;
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transform-origin: 68% 68%;
transform-origin: 68% 68%;
width: 9pt
}
.multitilelisting .cmp-modal .dialog .slider__content {
max-height: 650px;
max-width: 750pt;
overflow: hidden;
pointer-events: none
}
.multitilelisting .cmp-modal .dialog .slider.no-arrows .slider__button {
display: none!important
}
.multitilelisting .cmp-modal .dialog .modal-container__content,.multitilelisting .cmp-modal .dialog .slide-modal-content {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
justify-content: center;
width: 100%;
z-index: 1
}
.multitilelisting .cmp-modal .dialog .modal-container__content img,.multitilelisting .cmp-modal .dialog .slide-modal-content img {
max-height: 100%;
max-width: 100%
}
.multitilelisting .cmp-modal .dialog .modal-container__close-button:after,.multitilelisting .cmp-modal .dialog .modal-container__close-button:before {
background: #fafafa
}
@media only screen and (min-width: calc(430px + 1px)) {
.multitilelisting-header {
padding-bottom:40px
}
.multitilelisting-list {
--list-columns: 3;
gap: 20px 40px
}
.multitilelisting-tile-wrapper.multitilelisting-desk-scroll .multitilelisting-list {
display: none
}
.multitilelisting-tile-wrapper.multitilelisting-desk-scroll .multitilelisting-carousel {
display: block
}
}
@media only screen and (max-width: 430px) {
.multitilelisting-tile-wrapper.multitilelisting-mobile-scroll .multitilelisting-list {
display:none
}
.multitilelisting-tile-wrapper.multitilelisting-mobile-scroll .multitilelisting-carousel {
display: block
}
}
.cmp-offers {
--tab-count: 5
}
.cmp-offers .tablist {
display: inline-block;
isolation: isolate;
margin: 20px auto;
position: relative
}
.cmp-offers .tablist__bookend-left,.cmp-offers .tablist__bookend-right {
display: none
}
.cmp-offers .tablist__button {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ececec;
border: .5px solid #80714c;
color: #80714c;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 4pc;
justify-content: center;
padding: 8px 1pc;
text-align: center;
text-transform: uppercase;
width: 100%
}
.cmp-offers .tablist__button[aria-selected=true] {
background-color: #80714c;
color: #fafafa;
cursor: default
}
@media only screen and (max-width: 834px) {
.cmp-offers .tablist {
display:block;
height: 56px;
margin-left: auto;
margin-right: auto;
max-width: 500px;
width: 100%;
z-index: 99
}
.cmp-offers .tablist--open .tablist__bookend-right {
display: none
}
.cmp-offers .tablist__button {
height: 56px;
left: 0;
padding: 2rem 40px;
position: absolute;
top: 0;
-webkit-transition: top .25s;
transition: top .25s
}
.cmp-offers .tablist__button[aria-selected=true] {
z-index: 7
}
.cmp-offers .tablist__button[aria-selected=true]:after {
border-bottom: 1.5px solid #fafafa;
border-left: 1.5px solid #fafafa;
content: "";
display: block;
height: 9pt;
position: absolute;
right: 20px;
top: calc(50% - 9pt);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: top .25s,-webkit-transform .25s;
transition: top .25s,-webkit-transform .25s;
transition: transform .25s,top .25s;
transition: transform .25s,top .25s,-webkit-transform .25s;
width: 9pt
}
.cmp-offers .tablist__button:not([aria-selected=true]) {
top: 0;
z-index: -1
}
.cmp-offers .tablist--open .tablist__button[aria-selected=true]:after {
top: calc(50% - 2px);
-webkit-transform: rotate(135deg);
transform: rotate(135deg)
}
.cmp-offers .tablist--open .tablist__button:not([aria-selected=true]) {
padding: 1rem 2rem
}
.cmp-offers .tablist--open .tablist__button {
position: absolute
}
.cmp-offers .tablist--open .tablist__button:nth-child(2) {
top: 0
}
.cmp-offers .tablist--open .tablist__button:nth-child(3) {
top: 56px
}
.cmp-offers .tablist--open .tablist__button:nth-child(4) {
top: 7pc
}
.cmp-offers .tablist--open .tablist__button:nth-child(5) {
top: 168px
}
.cmp-offers .tablist--open .tablist__button:nth-child(6) {
top: 14pc
}
.cmp-offers .tablist--open .tablist__button:nth-child(7) {
top: 280px
}
}
@media only screen and (min-width: calc(834px + 1px)) {
.cmp-offers .tablist {
display:grid;
grid-template-columns: minmax(30px,auto) repeat(var(--tab-count),minmax(auto,180px)) minmax(30px,auto);
margin: 20px 0;
width: 100%
}
.cmp-offers .tablist__bookend-left {
display: block;
position: relative
}
.cmp-offers .tablist__bookend-left:before {
background-color: #80714c;
content: "";
display: block;
height: .5px;
position: absolute;
right: 0;
top: 50%;
width: calc(100% - 7px)
}
.cmp-offers .tablist__bookend-left:after {
border: 1px solid #80714c;
content: "";
display: block;
height: 5.66px;
left: 0;
position: absolute;
top: calc(50% - 3.5px);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 5.66px
}
.cmp-offers .tablist__bookend-right {
display: block;
position: relative
}
.cmp-offers .tablist__bookend-right:before {
background-color: #80714c;
content: "";
display: block;
height: .5px;
position: absolute;
top: 50%;
width: calc(100% - 7px)
}
.cmp-offers .tablist__bookend-right:after {
border: 1px solid #80714c;
content: "";
display: block;
height: 5.66px;
position: absolute;
right: 0;
top: calc(50% - 3.5px);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 5.66px
}
}
.cmp-offers .list__title {
color: #80714c;
margin-bottom: 9pt;
text-align: center;
text-transform: uppercase
}
.cmp-offers .list__line {
background-color: #80714c;
height: 1px;
margin: 0 auto;
width: 40px
}
.cmp-offers .list__label {
color: #6e6e6e;
letter-spacing: 3px;
padding-top: 24px;
text-align: center;
text-transform: uppercase
}
.cmp-offers .list__description {
margin: auto;
padding-bottom: 4pc;
text-align: center;
width: 70%
}
@media only screen and (max-width: 834px) {
.cmp-offers .list__description {
width:auto
}
}
.cmp-offers .card-grid {
--card-width: calc(33.33333% - var(--col-gap)*2/3);
--col-gap: 40px;
--row-gap: 64px;
margin: auto
}
@media only screen and (max-width: 834px) {
.cmp-offers .card-grid {
--card-width:calc((100% - var(--col-gap))/2)
}
}
@media only screen and (max-width: 430px) {
.cmp-offers .card-grid {
--card-width:100%
}
}
.cmp-offers .card-grid .card-grid__cards {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-column-gap: var(--col-gap);
-moz-column-gap: var(--col-gap);
column-gap: var(--col-gap);
display: grid;
grid-template-columns: repeat(auto-fit,minmax(375px,var(--card-width)));
justify-content: center;
row-gap: var(--row-gap)
}
.cmp-offers .card-grid .card--offer {
display: grid;
gap: 0;
grid-template-rows: auto 1fr
}
.cmp-offers .card-grid .card--offer .card__info {
display: grid;
grid-template-rows: 85px auto 75px 85px;
padding: 0
}
.cmp-offers .card-grid .card--offer .card__info .button__container {
margin-top: auto
}
.cmp-offers .card-grid .card--offer__img {
overflow: hidden
}
.cmp-offers .card-grid .card--offer__img .card__image {
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.cmp-offers .card-grid .card--offer__img:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: -webkit-transform .5s ease-in-out;
transition: -webkit-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
transition: transform .5s ease-in-out,-webkit-transform .5s ease-in-out
}
.cmp-offers .card-grid .card--offer .card__title {
color: #80714c;
margin-bottom: 5px
}
.cmp-offers .card-grid .card--offer .card__subtitle,.cmp-offers .card-grid .card--offer .card__title {
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis
}
.cmp-offers .card-grid .card--offer .card__subtitle {
color: #6e6e6e;
letter-spacing: 2px;
line-height: 18px;
text-transform: uppercase
}
.cmp-offers .card-grid .card--offer .card__description {
line-height: 20px;
padding-bottom: 20px
}
.cmp-offers .card-grid .card--offer .card__description ul {
padding-left: 8px
}
.cmp-offers .card-grid .card--offer .card__description ul li {
margin-bottom: 10px
}
.cmp-reservation--title {
color: #80714c;
font-size: 22px;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 28px;
margin-bottom: 18px;
text-align: center;
text-transform: uppercase
}
.cmp-reservation--description {
color: #404040;
font-size: 1pc;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-align: center
}
.cmp-reservation .form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
font-size: 18px;
margin-left: auto;
margin-right: auto;
max-width: 750pt;
padding: 20px 40px 0;
position: relative
}
.cmp-reservation .form .date,.cmp-reservation .form .guest,.cmp-reservation .form .time {
width: 100%
}
.cmp-reservation .form .dropdown {
border-bottom: 1px solid #404040;
color: #404040;
margin-top: 30px;
padding: 5px 40px 5px 0;
position: relative;
text-align: left;
width: inherit
}
.cmp-reservation .form .dropdown:after {
border-bottom: 1px solid;
border-right: 1px solid;
content: "";
display: block;
height: 10.5px;
position: absolute;
right: 0;
right: 6px;
top: 0;
top: 6px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 68% 68%;
transform-origin: 68% 68%;
-webkit-transition: all .2s linear;
transition: all .2s linear;
width: 10.5px
}
.cmp-reservation .form .dropdown[aria-expanded=true]:after {
-webkit-transform: rotate(225deg);
transform: rotate(225deg)
}
.cmp-reservation .form .button {
margin-left: 20px
}
.cmp-reservation .form .button__wrapper {
-webkit-box-pack: end;
-ms-flex-pack: end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: flex-end;
margin-top: 30px
}
.cmp-reservation .form .date__popup--placeholder,.cmp-reservation .form .guest__popup--placeholder,.cmp-reservation .form .time__popup--placeholder {
display: none
}
.cmp-reservation .form .guest .dropdown {
color: #404040;
margin-top: 0
}
.cmp-reservation .form .guest__popup {
overflow: hidden;
padding-left: 1pc;
padding-right: 1pc;
position: relative
}
.cmp-reservation .form .guest__popup-wrapper {
background-color: #fafafa;
border: 1px solid #404040;
display: grid;
gap: 25px;
grid-template-areas: "left center right" "copy copy copy" "confirm confirm confirm";
grid-template-columns: auto 2ch auto;
padding: 1pc;
position: relative;
text-align: center;
width: 100%
}
.cmp-reservation .form .guest__popup-wrapper .add button,.cmp-reservation .form .guest__popup-wrapper .subtract button {
cursor: pointer;
isolation: isolate;
padding: 0;
position: relative;
width: 26px
}
.cmp-reservation .form .guest__popup-wrapper .add button[disabled],.cmp-reservation .form .guest__popup-wrapper .subtract button[disabled] {
cursor: default;
opacity: .5
}
.cmp-reservation .form .guest__popup-wrapper .add button:before,.cmp-reservation .form .guest__popup-wrapper .subtract button:before {
border: 1px solid #404040;
content: "";
height: 21px;
left: 1px;
position: absolute;
top: -1px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 21px;
z-index: -1
}
.cmp-reservation .form .guest__popup-wrapper .subtract {
-webkit-box-pack: end;
-ms-flex-pack: end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
grid-area: left;
justify-content: flex-end
}
.cmp-reservation .form .guest__popup-wrapper .subtract button {
color: #404040
}
.cmp-reservation .form .guest__popup-wrapper .subtract button:before {
background-color: #fafafa
}
.cmp-reservation .form .guest__popup-wrapper .subtract button:hover {
color: #fafafa
}
.cmp-reservation .form .guest__popup-wrapper .subtract button:hover:before {
background-color: #404040
}
.cmp-reservation .form .guest__popup-wrapper .count {
grid-area: center
}
.cmp-reservation .form .guest__popup-wrapper .add {
-webkit-box-pack: start;
-ms-flex-pack: start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
grid-area: right;
justify-content: flex-start
}
.cmp-reservation .form .guest__popup-wrapper .add button {
color: #404040
}
.cmp-reservation .form .guest__popup-wrapper .add button:before {
background-color: #fafafa
}
.cmp-reservation .form .guest__popup-wrapper .add button:hover {
color: #fafafa
}
.cmp-reservation .form .guest__popup-wrapper .add button:hover:before {
background-color: #404040
}
.cmp-reservation .form .guest__popup-wrapper .copy {
font-size: 9pt;
grid-area: copy
}
.cmp-reservation .form .guest__popup-confirm {
border-top: 1px solid #bfbfbf;
grid-area: confirm;
padding: 20px 0 5px
}
.cmp-reservation .form .guest__popup-confirm button {
color: #80714c;
font-size: 1pc;
line-height: 1pc;
text-decoration: underline;
text-transform: uppercase
}
.cmp-reservation .form .guest__popup .loading__container {
height: 100vh
}
.cmp-reservation .form .date__popup-wrapper {
background-color: #fafafa;
border: 1px solid #404040;
overflow: hidden;
padding: 1pc;
position: relative;
text-align: center;
width: 100%
}
.cmp-reservation .form .date__popup-confirm {
border-top: 1px solid #bfbfbf;
margin-top: 5px;
padding: 20px 0 5px
}
.cmp-reservation .form .date__popup-confirm button {
color: #80714c;
font-size: 1pc;
line-height: 1pc;
text-decoration: underline;
text-transform: uppercase
}
.cmp-reservation .form .date__popup .flatpickr-calendar.inline {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
width: 100%
}
.cmp-reservation .form .date__popup .copy {
color: #404040;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px;
padding-top: 1pc;
text-align: left
}
.cmp-reservation .form .date__popup .date__first-step {
display: block
}
.cmp-reservation .form .date__popup .date__first-step--close {
display: none
}
.cmp-reservation .form .date__popup .date__second-step {
display: block
}
.cmp-reservation .form .date__popup .date__second-step--close {
display: none
}
.cmp-reservation .form .date__popup .loading__container {
height: 100vh
}
.cmp-reservation .form .time div[data-tippy-root] {
max-width: 100%;
-webkit-transform: translate(0);
transform: translate(0);
width: 100%
}
.cmp-reservation .form .time div[data-tippy-root] .tippy-box,.cmp-reservation .form .time div[data-tippy-root] .tippy-box[data-state],.cmp-reservation .form .time div[data-tippy-root] .tippy-box[data-theme] {
margin: 0 auto
}
.cmp-reservation .form .time--error {
color: #bfbfbf;
cursor: default;
pointer-events: none
}
.cmp-reservation .form .time--error:after {
color: #bfbfbf
}
.cmp-reservation .form .time__popup {
overflow: hidden;
padding-left: 1pc;
padding-right: 1pc;
position: relative
}
.cmp-reservation .form .time__popup-wrapper {
background-color: #fafafa;
border: 1px solid #404040;
overflow: hidden;
padding: 1pc;
position: relative;
text-align: center;
width: 100%
}
.cmp-reservation .form .time__popup-wrapper--close {
display: none
}
.cmp-reservation .form .time__popup-confirm {
border-top: 1px solid #bfbfbf;
margin-top: 5px;
padding: 20px 0 5px
}
.cmp-reservation .form .time__popup-confirm button {
color: #80714c;
font-size: 1pc;
line-height: 1pc;
text-decoration: underline;
text-transform: uppercase
}
.cmp-reservation .form .time__popup-confirm--close {
display: none
}
.cmp-reservation .form .time__popup .time__accordion {
width: 100%
}
.cmp-reservation .form .time__popup .button__back {
margin-bottom: 20px
}
.cmp-reservation .form .time__popup .time__first-step {
display: block
}
.cmp-reservation .form .time__popup .time__first-step--close {
display: none
}
.cmp-reservation .form .time__popup .time__second-step {
display: block
}
.cmp-reservation .form .time__popup .time__second-step--close {
display: none
}
.cmp-reservation .form .time__popup .loading__container {
height: 100vh
}
.cmp-reservation .form .time__popup .message--close,.cmp-reservation .form .time__popup--hide {
display: none
}
.cmp-reservation .form .subcategory__title {
color: #404040;
font-size: 1pc;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 20px;
margin-bottom: 14px;
margin-top: 14px;
position: relative;
text-align: left;
width: 100%
}
.cmp-reservation .form .subcategory__title:after {
background: url(clientlib-site/resources/images/icons/icon-chevron-up.svg) no-repeat 50%;
background-size: contain;
content: "";
cursor: pointer;
height: 2pc;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
width: 2pc
}
.cmp-reservation .form .subcategory__panel {
max-height: 99pt;
overflow: scroll;
overflow-x: hidden;
padding-left: 10px;
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-timing-function: ease;
transition-timing-function: ease
}
.cmp-reservation .form .subcategory__panel--item {
position: relative
}
.cmp-reservation .form .subcategory__panel--label {
cursor: pointer;
display: block;
margin-bottom: 18px;
padding-left: 38px;
position: relative;
text-align: left;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.cmp-reservation .form .subcategory__panel--label .text {
color: #404040;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px
}
.cmp-reservation .form .subcategory__panel--label .checkbox {
cursor: pointer;
height: 0;
opacity: 0;
position: absolute;
width: 0
}
.cmp-reservation .form .subcategory__panel--label .checkbox:checked~.checkmark {
background: #404040
}
.cmp-reservation .form .subcategory__panel--label .checkbox:checked~.checkmark:after {
border: 1px solid #fafafa;
border-width: 0 1px 1px 0;
content: "";
display: block;
height: 9pt;
left: 8px;
position: absolute;
top: 2.5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 5px
}
.cmp-reservation .form .subcategory__panel--label .checkmark {
border: .5px solid #404040;
height: 24px;
left: 0;
position: absolute;
top: 0;
width: 24px
}
.cmp-reservation .form .subcategory__panel--label .checkmark:after {
border: 1px solid #404040;
border-width: 0 1px 1px 0;
content: "";
display: none;
height: 9pt;
left: 8px;
position: absolute;
top: 2.5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 5px
}
.cmp-reservation .form .subcategory__panel--label .checkmark:hover {
background: #fafafa
}
.cmp-reservation .form .subcategory__panel--label .checkmark:hover:after {
border: 1px solid #404040;
border-width: 0 1px 1px 0;
content: "";
display: block;
height: 9pt;
left: 8px;
position: absolute;
top: 2.5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 5px
}
.cmp-reservation .form .subcategory--close .subcategory__title:after {
background: url(clientlib-site/resources/images/icons/icon-chevron-down.svg) no-repeat 50%;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.cmp-reservation .form .subcategory--close .subcategory__panel {
max-height: 0
}
.cmp-reservation .form .subcategory--hide {
display: none
}
.cmp-reservation .form .button__back {
border-bottom: 1px solid #bfbfbf;
color: #80714c;
font-size: 13px;
font-style: normal;
font-weight: 400;
letter-spacing: 3px;
line-height: 1pc;
padding-bottom: 24px;
padding-top: 8px;
position: relative;
text-align: left;
text-transform: uppercase
}
.cmp-reservation .form .button__back--text {
color: #404040;
margin-left: 40px
}
.cmp-reservation .form .button__back--text:before {
background: url(clientlib-site/resources/images/icons/chevron-down.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 2pc;
left: 0;
position: absolute;
top: 0;
width: 2pc
}
.cmp-reservation .form .button__back--text:hover {
cursor: pointer
}
.cmp-reservation .form .button__reserve {
background: #80714c;
padding: 9pt 1pc
}
.cmp-reservation .form .button__reserve .cmp-button {
color: #fafafa;
font-size: 13px;
font-style: normal;
font-weight: 400;
letter-spacing: 3px;
line-height: 1pc;
text-transform: uppercase
}
.cmp-reservation .form .button__reserve:hover {
cursor: pointer
}
.cmp-reservation .form .button__reserve--disabled {
opacity: .6
}
.cmp-reservation .form .loading__container {
background: #101010;
display: none;
height: auto;
left: 0;
opacity: .6;
position: absolute;
top: 0;
width: 100%
}
.cmp-reservation .form .loading__container--show {
display: block
}
.cmp-reservation .form .loading__icon {
display: none
}
.cmp-reservation .form .loading__icon:before {
background: url(clientlib-site/resources/images/icons/icon-diamond-load-white.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 2pc;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 2pc
}
.cmp-reservation .form .loading__icon--show {
display: block
}
.cmp-reservation .form .time__second-step .subcategory {
max-height: 99pt;
overflow: scroll;
overflow-x: hidden
}
.cmp-reservation .form .time__second-step .subcategory .subcategory__panel {
border-top: 1px solid #bfbfbf;
overflow: unset;
padding-top: 1pc
}
.cmp-reservation .form .time__second-step .subcategory .subcategory__panel:first-child {
border: 0;
padding-top: 0
}
.cmp-reservation .footnote {
padding-top: 5px
}
.cmp-reservation .footnote .cmp-text {
color: #737373;
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: 1pc;
text-align: center
}
.cmp-reservation .footnote .cmp-text a {
color: #737373;
text-decoration: underline
}
@media only screen and (min-width: calc(1024px)) {
.cmp-reservation--title {
font-size:24px;
margin-bottom: 24px
}
.cmp-reservation--description {
font-size: 18px;
margin-bottom: 24px
}
.cmp-reservation .form {
border: 1px solid #404040;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
display: grid;
grid-template-columns: -webkit-max-content -webkit-max-content -webkit-max-content auto;
grid-template-columns: max-content max-content max-content auto;
padding: 20px 40px
}
.cmp-reservation .form .dropdown {
margin-top: 0
}
.cmp-reservation .form .guest__popup {
padding-left: 0;
padding-right: 0
}
.cmp-reservation .form .guest__popup-wrapper {
width: 296px
}
.cmp-reservation .form .date__popup {
padding-left: 0;
padding-right: 0
}
.cmp-reservation .form .date__popup-wrapper {
width: 27pc
}
.cmp-reservation .form .date__popup .flatpickr-calendar.inline {
width: 25pc
}
.cmp-reservation .form .date__popup .copy {
font-size: 14px
}
.cmp-reservation .form .time div[data-tippy-root] {
width: auto
}
.cmp-reservation .form .time__popup {
padding-left: 0;
padding-right: 0
}
.cmp-reservation .form .time__popup-wrapper {
width: 296px
}
.cmp-reservation .form .time__popup .time__accordion {
width: 100%
}
.cmp-reservation .form .subcategory__title {
font-size: 18px
}
.cmp-reservation .form .subcategory__panel {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-timing-function: ease;
transition-timing-function: ease
}
.cmp-reservation .form .subcategory__panel--item {
position: relative
}
.cmp-reservation .form .button__back,.cmp-reservation .form .subcategory__panel--label .text {
font-size: 14px
}
.cmp-reservation .form .button__wrapper {
margin-top: 0
}
.cmp-reservation .form .button__reserve .cmp-button {
font-size: 14px
}
.cmp-reservation .footnote .cmp-text {
font-size: 9pt
}
}
.modal__popup .modal__container--body .date__popup-wrapper {
max-height: 264px;
overflow: scroll;
overflow-x: hidden
}
@media only screen and (min-width: calc(1024px)) {
.modal__popup .modal__container--body .date__popup-wrapper {
max-height:300px
}
}
.restauranttitlefilter .form-filter {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
font-size: 18px;
margin-left: auto;
margin-right: auto;
padding: 20px 40px 0;
position: relative
}
.restauranttitlefilter .form-filter .dropdown {
border-bottom: 1px solid #404040;
color: #404040;
margin-top: 30px;
overflow: hidden;
padding: 5px 28px 5px 0;
position: relative;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
width: 10pc
}
.restauranttitlefilter .form-filter .dropdown:after {
border-bottom: 1px solid;
border-right: 1px solid;
content: "";
display: block;
height: 10.5px;
position: absolute;
right: 0;
right: 6px;
top: 0;
top: 6px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 68% 68%;
transform-origin: 68% 68%;
-webkit-transition: all .2s linear;
transition: all .2s linear;
width: 10.5px
}
.restauranttitlefilter .form-filter .dropdown[aria-expanded=true]:after {
-webkit-transform: rotate(225deg);
transform: rotate(225deg)
}
@media only screen and (min-width: calc(1024px)) {
.restauranttitlefilter .form-filter .button {
margin-left:20px
}
}
.restauranttitlefilter .form-filter .button__wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px
}
@media only screen and (min-width: calc(1024px)) {
.restauranttitlefilter .form-filter .button__wrapper {
-webkit-box-pack:start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
.restauranttitlefilter .form-filter .date__popup--placeholder,.restauranttitlefilter .form-filter .guest__popup--placeholder,.restauranttitlefilter .form-filter .searchable__popup--placeholder,.restauranttitlefilter .form-filter .time__popup--placeholder {
display: none
}
.restauranttitlefilter .form-filter .date--filter,.restauranttitlefilter .form-filter .guest--filter,.restauranttitlefilter .form-filter .searchable--filter,.restauranttitlefilter .form-filter .time--filter {
width: 100%
}
.restauranttitlefilter .form-filter .guest--filter .dropdown {
color: #404040;
margin-top: 0
}
.restauranttitlefilter .form-filter .guest__popup--filter {
overflow: hidden;
padding-left: 1pc;
padding-right: 1pc;
position: relative
}
.restauranttitlefilter .form-filter .guest__popup--filter-wrapper {
background-color: #fafafa;
border: 1px solid #404040;
display: grid;
gap: 25px;
grid-template-areas: "left center right" "copy copy copy";
grid-template-columns: auto 2ch;
padding: 24px 1pc 1pc;
position: relative;
text-align: center;
width: 100%
}
.restauranttitlefilter .form-filter .guest__popup--filter-wrapper .add button,.restauranttitlefilter .form-filter .guest__popup--filter-wrapper .subtract button {
cursor: pointer;
isolation: isolate;
padding: 0;
position: relative;
width: 26px
}
.restauranttitlefilter .form-filter .guest__popup--filter-wrapper .add button[disabled],.restauranttitlefilter .form-filter .guest__popup--filter-wrapper .subtract button[disabled] {
cursor: default;
opacity: .5
}
.restauranttitlefilter .form-filter .guest__popup--filter-wrapper .add button:before,.restauranttitlefilter .form-filter .guest__popup--filter-wrapper .subtract button:before {
border: 1px solid #404040;
content: "";
height: 21px;
left: 1px;
position: absolute;
top: -1px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 21px;
z-index: -1
}
.restauranttitlefilter .form-filter .guest__popup--filter-wrapper .subtract {
-webkit-box-pack: end;
-ms-flex-pack: end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
grid-area: left;
justify-content: flex-end
}
.restauranttitlefilter .form-filter .guest__popup--filter-wrapper .subtract button {
color: #404040
}
.restauranttitlefilter .form-filter .guest__popup--filter-wrapper .subtract button:before {
background-color: #fafafa
}
.restauranttitlefilter .form-filter .guest__popup--filter-wrapper .subtract button:hover {
color: #fafafa
}
.restauranttitlefilter .form-filter .guest__popup--filter-wrapper .subtract button:hover:before {
background-color: #404040
}
.restauranttitlefilter .form-filter .guest__popup--filter-wrapper .count {
grid-area: center
}
.restauranttitlefilter .form-filter .guest__popup--filter-wrapper .add {
-webkit-box-pack: start;
-ms-flex-pack: start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
grid-area: right;
justify-content: flex-start
}
.restauranttitlefilter .form-filter .guest__popup--filter-wrapper .add button {
color: #404040
}
.restauranttitlefilter .form-filter .guest__popup--filter-wrapper .add button:before {
background-color: #fafafa
}
.restauranttitlefilter .form-filter .guest__popup--filter-wrapper .add button:hover {
color: #fafafa
}
.restauranttitlefilter .form-filter .guest__popup--filter-wrapper .add button:hover:before {
background-color: #404040
}
.restauranttitlefilter .form-filter .guest__popup--filter-wrapper .copy {
font-size: 9pt;
grid-area: copy
}
.restauranttitlefilter .form-filter .date__popup--filter-wrapper {
background-color: #fafafa;
border: 1px solid #404040;
overflow: hidden;
padding: 1pc;
position: relative;
text-align: center;
width: 100%
}
.restauranttitlefilter .form-filter .date__popup--filter .flatpickr-calendar.inline {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
width: 100%
}
.restauranttitlefilter .form-filter .time--filter div[data-tippy-root] {
max-width: 100%;
-webkit-transform: translate(0);
transform: translate(0);
width: 100%
}
.restauranttitlefilter .form-filter .time--filter div[data-tippy-root] .tippy-box,.restauranttitlefilter .form-filter .time--filter div[data-tippy-root] .tippy-box[data-state],.restauranttitlefilter .form-filter .time--filter div[data-tippy-root] .tippy-box[data-theme] {
margin: 0 auto
}
.restauranttitlefilter .form-filter .time--filter--error {
color: #bfbfbf;
cursor: default;
pointer-events: none
}
.restauranttitlefilter .form-filter .time--filter--error:after {
color: #bfbfbf
}
.restauranttitlefilter .form-filter .time__popup--filter {
overflow: hidden;
padding-left: 1pc;
padding-right: 1pc;
position: relative
}
.restauranttitlefilter .form-filter .time__popup--filter-wrapper {
background-color: #fafafa;
border: 1px solid #404040;
overflow: hidden;
padding: 1pc;
position: relative;
text-align: center;
width: 100%
}
.restauranttitlefilter .form-filter .time__popup--filter-wrapper--close {
display: none
}
.restauranttitlefilter .form-filter .time__popup--filter-confirm {
border-top: 1px solid #bfbfbf;
margin-top: 5px;
padding: 20px 0 5px
}
.restauranttitlefilter .form-filter .time__popup--filter-confirm button {
color: #80714c;
font-size: 1pc;
line-height: 1pc;
text-decoration: underline;
text-transform: uppercase
}
.restauranttitlefilter .form-filter .time__popup--filter-confirm--close {
display: none
}
.restauranttitlefilter .form-filter .time__popup--filter .time__accordion {
width: 100%
}
.restauranttitlefilter .form-filter .time__popup--filter .button__back {
margin-bottom: 20px
}
.restauranttitlefilter .form-filter .time__popup--filter .time__first-step {
display: block
}
.restauranttitlefilter .form-filter .time__popup--filter .time__first-step--close {
display: none
}
.restauranttitlefilter .form-filter .time__popup--filter .time__second-step {
display: block
}
.restauranttitlefilter .form-filter .time__popup--filter .time__second-step--close {
display: none
}
.restauranttitlefilter .form-filter .time__popup--filter .loading__container {
height: 100vh
}
.restauranttitlefilter .form-filter .time__popup--filter .message--close,.restauranttitlefilter .form-filter .time__popup--filter--hide {
display: none
}
.restauranttitlefilter .form-filter .subcategory__title {
color: #404040;
font-size: 1pc;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 20px;
margin-bottom: 14px;
margin-top: 14px;
position: relative;
text-align: left;
width: 100%
}
.restauranttitlefilter .form-filter .subcategory__title:after {
background: url(clientlib-site/resources/images/icons/icon-chevron-up.svg) no-repeat 50%;
background-size: contain;
content: "";
cursor: pointer;
height: 2pc;
position: absolute;
right: 0;
top: -6px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
width: 2pc
}
.restauranttitlefilter .form-filter .subcategory__panel {
overflow: hidden;
padding-left: 10px;
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-timing-function: ease;
transition-timing-function: ease
}
.restauranttitlefilter .form-filter .subcategory__panel--item {
position: relative
}
.restauranttitlefilter .form-filter .subcategory__panel--label {
cursor: pointer;
display: block;
margin-bottom: 18px;
padding-left: 38px;
position: relative;
text-align: left;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.restauranttitlefilter .form-filter .subcategory__panel--label .text {
color: #404040;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px
}
.restauranttitlefilter .form-filter .subcategory__panel--label .checkbox {
cursor: pointer;
height: 0;
opacity: 0;
position: absolute;
width: 0
}
.restauranttitlefilter .form-filter .subcategory__panel--label .checkbox:checked~.checkmark {
background: #404040
}
.restauranttitlefilter .form-filter .subcategory__panel--label .checkbox:checked~.checkmark:after {
border: 1px solid #fafafa;
border-width: 0 1px 1px 0;
content: "";
display: block;
height: 9pt;
left: 8px;
position: absolute;
top: 2.5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 5px
}
.restauranttitlefilter .form-filter .subcategory__panel--label .checkmark {
border: .5px solid #404040;
height: 24px;
left: 0;
position: absolute;
top: 0;
width: 24px
}
.restauranttitlefilter .form-filter .subcategory__panel--label .checkmark:after {
border: 1px solid #404040;
border-width: 0 1px 1px 0;
content: "";
display: none;
height: 9pt;
left: 8px;
position: absolute;
top: 2.5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 5px
}
.restauranttitlefilter .form-filter .subcategory__panel--label .checkmark:hover {
background: #fafafa
}
.restauranttitlefilter .form-filter .subcategory__panel--label .checkmark:hover:after {
border: 1px solid #404040;
border-width: 0 1px 1px 0;
content: "";
display: block;
height: 9pt;
left: 8px;
position: absolute;
top: 2.5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 5px
}
.restauranttitlefilter .form-filter .subcategory--close .subcategory__title:after {
background: url(clientlib-site/resources/images/icons/icon-chevron-down.svg) no-repeat 50%;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.restauranttitlefilter .form-filter .subcategory--close .subcategory__panel {
max-height: 0
}
.restauranttitlefilter .form-filter .subcategory--hide {
display: none
}
.restauranttitlefilter .form-filter .searchable__popup--filter {
width: 100%
}
.restauranttitlefilter .form-filter .searchable__popup--filter-wrapper {
background-color: #fafafa;
border: 1px solid #404040;
overflow: hidden;
padding: 1pc;
position: relative;
text-align: left;
width: 100%
}
.restauranttitlefilter .form-filter .searchable__popup--filter .searchable-filter {
position: relative
}
.restauranttitlefilter .form-filter .searchable__popup--filter .searchable-filter__list {
list-style: none;
margin: 0;
padding: 0
}
.restauranttitlefilter .form-filter .searchable__popup--filter .searchable-filter__list-item {
background: #fafafa;
color: #404040;
cursor: pointer;
display: block;
font-family: --font-family;
font-size: 14px;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
list-style: none;
padding: 6px 0;
text-decoration: underline;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.restauranttitlefilter .form-filter .searchable__popup--filter .searchable-filter__list-item:hover {
color: #b4975a
}
.restauranttitlefilter .form-filter .searchable__container--filter .dropdown {
outline: none;
padding: 5px 28px 5px 0
}
.restauranttitlefilter .form-filter .button__back {
border-bottom: 1px solid #bfbfbf;
color: #80714c;
font-size: 13px;
font-style: normal;
font-weight: 400;
letter-spacing: 3px;
line-height: 1pc;
padding-bottom: 24px;
padding-top: 8px;
position: relative;
text-align: left;
text-transform: uppercase
}
.restauranttitlefilter .form-filter .button__back--text {
color: #404040;
margin-left: 40px
}
.restauranttitlefilter .form-filter .button__back--text:before {
background: url(clientlib-site/resources/images/icons/chevron-down.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 2pc;
left: 0;
position: absolute;
top: 0;
width: 2pc
}
.restauranttitlefilter .form-filter .button__back--text:hover {
cursor: pointer
}
.restauranttitlefilter .form-filter .button__wrapper {
gap: 9pt
}
.restauranttitlefilter .form-filter .button__filter .cmp-button {
background: #80714c;
color: #fafafa;
display: block;
font-size: 13px;
font-style: normal;
font-weight: 400;
letter-spacing: 3px;
line-height: 1pc;
padding: 9pt 1pc;
text-transform: uppercase;
white-space: nowrap
}
.restauranttitlefilter .form-filter .button__filter:hover {
cursor: pointer
}
.restauranttitlefilter .form-filter .button__filter--disabled {
opacity: .6;
pointer-events: none
}
.restauranttitlefilter .form-filter .button__reset .cmp-button {
background: #fafafa;
border: .5px solid #80714c;
color: #80714c;
font-size: 13px;
font-style: normal;
font-weight: 400;
letter-spacing: 3px;
line-height: 1pc;
padding: 9pt 1pc;
text-transform: uppercase;
white-space: nowrap
}
.restauranttitlefilter .form-filter .button__reset .cmp-button:not(.button__reset--hidden) {
display: block
}
.restauranttitlefilter .form-filter .button__reset:hover {
cursor: pointer
}
.restauranttitlefilter .form-filter .button__reset--hidden {
display: none
}
.restauranttitlefilter .form-filter .time__second-step .subcategory {
max-height: 99pt;
overflow: scroll;
overflow-x: hidden
}
.restauranttitlefilter .form-filter .time__second-step .subcategory .subcategory__panel {
border-top: 1px solid #bfbfbf;
overflow: unset;
padding-top: 1pc
}
.restauranttitlefilter .form-filter .time__second-step .subcategory .subcategory__panel:first-child {
border: 0;
padding-top: 0
}
.restauranttitlefilter .button__container .cmp-button.button__link {
padding-top: 9pt
}
.restauranttitlefilter .hide {
display: none
}
.tippy-box {
background: transparent
}
.tippy-box[data-theme~=mbs-dialog] {
border: 0;
border-radius: 0;
color: #202020;
padding: 0
}
.tippy-box[data-theme~=mbs-dialog] .tippy-content {
padding: 0
}
@media only screen and (min-width: calc(1024px)) {
.restauranttitlefilter .form-filter {
border:1px solid #404040;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
display: grid;
grid-template-columns: repeat(4,1fr);
padding: 20px 40px;
row-gap: 1pc
}
.restauranttitlefilter .form-filter .date--filter,.restauranttitlefilter .form-filter .guest--filter,.restauranttitlefilter .form-filter .searchable--filter,.restauranttitlefilter .form-filter .time--filter {
width: auto
}
.restauranttitlefilter .form-filter .dropdown {
margin-top: 0;
width: 10pc
}
.restauranttitlefilter .form-filter .guest__popup--filter {
padding-left: 0;
padding-right: 0
}
.restauranttitlefilter .form-filter .guest__popup--filter-wrapper {
width: 296px
}
.restauranttitlefilter .form-filter .date__popup {
padding-left: 0;
padding-right: 0
}
.restauranttitlefilter .form-filter .date__popup-wrapper {
width: 27pc
}
.restauranttitlefilter .form-filter .date__popup .flatpickr-calendar.inline {
width: 25pc
}
.restauranttitlefilter .form-filter .date__popup .copy {
font-size: 14px
}
.restauranttitlefilter .form-filter .time div[data-tippy-root] {
width: auto
}
.restauranttitlefilter .form-filter .time__popup--filter {
padding-left: 0;
padding-right: 0
}
.restauranttitlefilter .form-filter .time__popup--filter-wrapper {
width: 296px
}
.restauranttitlefilter .form-filter .time__popup--filter .time__accordion {
width: 100%
}
.restauranttitlefilter .form-filter .subcategory__title {
font-size: 18px
}
.restauranttitlefilter .form-filter .subcategory__panel {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-timing-function: ease;
transition-timing-function: ease
}
.restauranttitlefilter .form-filter .subcategory__panel--item {
position: relative
}
.restauranttitlefilter .form-filter .subcategory__panel--label .text {
font-size: 14px
}
.restauranttitlefilter .form-filter .button {
margin-left: 0
}
.restauranttitlefilter .form-filter .button__back {
font-size: 14px
}
.restauranttitlefilter .form-filter .button__wrapper {
gap: 1pc;
margin-top: 0
}
.restauranttitlefilter .form-filter .button__filter .cmp-button,.restauranttitlefilter .form-filter .button__reset .cmp-button {
font-size: 14px
}
}
@media only screen and (min-width: calc(1280px + 1px)) {
.restauranttitlefilter .form-filter {
grid-template-columns:-webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content auto;
grid-template-columns: max-content max-content max-content max-content auto;
row-gap: 0
}
.restauranttitlefilter .form-filter .button {
margin-left: auto
}
}
.searchable-dropdown {
display: inline-block;
max-width: 100%;
position: relative;
width: 168px
}
.searchable-dropdown__list {
border: .5px solid #404040;
border-top: 0;
display: none;
margin: 0;
max-height: 100vh;
overflow: auto;
padding: 0;
pointer-events: none;
position: absolute;
width: inherit;
z-index: 2
}
.searchable-dropdown__list,.searchable-dropdown__list-item {
list-style: none;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.searchable-dropdown__list-item {
background: #fafafa;
color: #404040;
cursor: pointer;
display: block;
font-family: --font-family;
font-size: 14px;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 20px;
padding: 10px 20px
}
.searchable-dropdown__list-item:hover {
background: #b4975a;
color: #fafafa
}
.searchable-dropdown--input {
border-bottom: 1px solid #404040;
font: inherit;
outline: none;
padding: 5px 0 5px 30px;
position: relative;
width: inherit
}
.searchable-dropdown:after {
background: url(clientlib-site/resources/images/icons/icon-magnifi.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 21px;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 21px
}
.restaurants-list {
background-color: #fafafa;
border: 1px solid #404040;
display: none;
list-style: none;
margin: 4px 0 0;
max-height: 300px;
overflow: auto;
padding: 20px;
position: absolute;
text-align: left;
top: 100%;
width: 100%;
z-index: 2
}
@media only screen and (max-width: 400px) {
.restaurants-list {
padding-bottom:200px
}
}
.restaurants-list.show-suggestions {
display: block
}
.restaurants-list li {
background: #fafafa;
color: #404040;
cursor: pointer;
display: block;
font-family: inherit;
font-size: 15px;
font-style: normal;
font-weight: 400;
list-style: none;
padding: 6px 0;
text-decoration: underline;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.restaurants-list li:hover {
color: #b4975a
}
.cmp-available-timing-container {
display: grid;
grid-template-columns: 50% 50%;
padding: 0 50px
}
.cmp-available-timing-container-right {
border-left: 1px solid #bfbfbf;
border-top: 0;
padding-left: 40px;
padding-top: 0
}
.cmp-available-timing-container-left {
margin-bottom: 0;
padding-right: 40px;
text-align: left
}
#restaurant__popup-available-timing .modal__container--body {
min-height: 420px;
padding: 15px 20px 83px
}
@media only screen and (max-width: 834px) {
#restaurant__popup-available-timing .modal__container {
height:100%;
left: 0;
overflow-y: auto;
top: 0;
-webkit-transform: none;
transform: none
}
#restaurant__popup-available-timing .modal__container .modal__container--header .modal--close .icon {
right: 0;
top: 0;
-webkit-transform: none;
transform: none
}
}
@media only screen and (min-width: 320px)and (max-width:350px) {
#restaurant__popup-available-timing .modal__container .modal__container--header .modal--close .icon {
right:0;
top: 0;
-webkit-transform: none;
transform: none
}
}
.cmp-available-timing--description-input-selection {
display: block;
font-size: 17px;
line-height: 24px;
margin-bottom: 1pc
}
.cmp-available-timing--description-input-selection-date:after,.cmp-available-timing--description-input-selection-guest:after {
content: ","
}
.cmp-available-timing--title h3 {
margin-bottom: 24px;
margin-top: 0;
white-space: unset
}
.cmp-available-timing--description-additional-contents {
font-size: 9pt;
line-height: 1pc
}
.cmp-available-timing-container-right--title-wrap {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1pc
}
.cmp-available-timing-container-right--wrapper {
margin-bottom: 40px
}
.cmp-available-timing-container-right--wrapper:last-child,.cmp-available-timing-container-right--wrapper:only-child {
margin-bottom: 0
}
.cmp-available-timing-container-right--timing-list {
-webkit-column-gap: 1pc;
-moz-column-gap: 1pc;
column-gap: 1pc;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 1pc
}
.cmp-available-timing-container-right--timing-list .button__available-timing {
background: #fafafa;
border: 1px solid #80714c;
color: #80714c;
letter-spacing: 2px;
line-height: 1pc;
min-width: 75pt;
padding: 15px 4px;
position: relative;
text-align: center;
text-transform: uppercase;
-webkit-transition: background .5s ease;
transition: background .5s ease
}
.cmp-available-timing-container-right--timing-list .button__available-timing:hover {
background: #80714c;
color: #fafafa
}
.cmp-available-timing-container-right--timing-list .button__available-timing span {
font-size: 15px
}
.cmp-available-timing-container-right--tooltip {
display: inline-block;
height: 1pc;
margin-right: 4px;
position: relative;
width: 1pc
}
.cmp-available-timing-container-right--tooltip:after {
background: url(clientlib-site/resources/images/icons/icon-info.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 1pc;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 1pc
}
.cmp-available-timing-container-right--tooltip:hover .cmp-available-timing-container-right--tooltiptext {
opacity: 1;
visibility: visible
}
.cmp-available-timing-container-right--tooltiptext {
background-color: #f6f4ef;
border-bottom: 1px solid #404040;
border-top: 1px solid #404040;
color: #404040;
left: 50%;
margin-left: 5px;
max-height: 300px;
opacity: 0;
overflow: auto;
padding: 9pt;
position: absolute;
text-align: left;
top: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s;
visibility: hidden;
width: 30vw;
z-index: 1
}
.cmp-available-timing-container-right--tooltiptext h3 {
white-space: unset
}
.cmp-available-timing-container-right--title {
font-size: 14px;
line-height: 20px
}
@media only screen and (max-width: 1024px) {
.cmp-available-timing-container {
grid-template-columns:1fr;
padding: 53px 0;
row-gap: 2pc
}
.cmp-available-timing-container-left {
text-align: center
}
.cmp-available-timing-container-right {
border: 0;
padding: 0
}
.cmp-available-timing-container-right--title {
font-size: 13px;
line-height: 20px
}
.cmp-available-timing--description-input-selection {
-webkit-box-pack: center;
-ms-flex-pack: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 1pc;
justify-content: center
}
}
.restauranttitlefilter.cds {
overflow: visible
}
@media only screen and (max-width: 834px) {
.restauranttitlefilter.cds {
overflow:hidden
}
}
.restauranttitlefilter.cds .form-filter .searchable--filter {
position: relative
}
.restauranttitlefilter.cds .form-filter .searchable--filter::-webkit-input-placeholder {
color: #404040
}
.restauranttitlefilter.cds .form-filter .searchable--filter::-moz-placeholder {
color: #404040
}
.restauranttitlefilter.cds .form-filter .searchable--filter:-ms-input-placeholder {
color: #404040
}
.restauranttitlefilter.cds .form-filter .searchable--filter::-ms-input-placeholder {
color: #404040
}
.restauranttitlefilter.cds .form-filter .searchable--filter::placeholder {
color: #404040
}
.restauranttitlefilter.cds .restauranttitlefilter__container--carddetails__card--details .button__container {
height: 75pt
}
@media only screen and (max-width: 430px) {
.restauranttitlefilter.cds .mobile-filter-wrap.active {
overflow-x:hidden
}
.restauranttitlefilter.cds .mobile-filter-wrap.active .form-filter .date__popup--filter,.restauranttitlefilter.cds .mobile-filter-wrap.active .form-filter .time__popup--filter-wrapper {
margin-bottom: 90px
}
}
@media only screen and (min-width: 320px)and (max-width:350px) {
.restauranttitlefilter.cds .mobile-filter-wrap .filter--close .icon {
top:20px
}
}
.restaurantfilter.cds .overlay {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
background: rgba(0,0,0,.5);
display: none;
height: 100vh;
justify-content: center;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1000
}
.restaurantfilter.cds .overlay.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.restaurantfilter.cds .overlay svg path,.restaurantfilter.cds .overlay svg rect {
fill: #d0c6af
}
.form-filter #guestButtonFilter {
width: 110px
}
.form-filter #dateButtonFilter {
width: 145px
}
.form-filter #timeButtonFilter {
width: 220px
}
.form-filter #searchableFilter {
padding: 5px 28px 0 0;
width: 220px
}
@media only screen and (max-width: 1280px) {
.restauranttitlefilter .form-filter {
-webkit-box-orient:horizontal;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap: 30px
}
}
@media only screen and (max-width: 1023px) {
.form-filter #dateButtonFilter,.form-filter #guestButtonFilter,.form-filter #searchableFilter,.form-filter #timeButtonFilter {
width:100%
}
.restauranttitlefilter .form-filter {
gap: 0;
margin-bottom: 30px
}
}
.date-validation,.restaurant-validation,.time-validation {
color: #ba1b1b;
display: none;
font-size: 9pt;
position: absolute
}
.button-mobile {
display: none
}
@media only screen and (max-width: 834px) {
.mobile-filter-wrap {
display:none
}
.mobile-filter-wrap.active {
background: #fff;
display: block;
height: 100vh;
left: 0;
overflow-y: auto;
padding-top: 75pt;
position: fixed;
top: 0;
z-index: 10000
}
.mobile-filter-wrap .filter--close .icon {
background: url(clientlib-site/resources/images/icons/icon-x.svg) no-repeat 50%;
content: "";
cursor: pointer;
height: 2pc;
position: absolute;
right: 20px;
top: 30px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 2pc;
z-index: 10
}
}
@media only screen and (max-width: 834px)and (min-width:320px)and (max-width:350px) {
.mobile-filter-wrap .filter--close .icon {
top:34dvh
}
}
@media only screen and (max-width: 834px) {
.button-mobile {
-webkit-box-pack:center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center
}
.form-filter .button {
width: 100%
}
.form-filter .button .button__wrapper {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
h5.hide,p.hide {
display: none
}
@media only screen and (max-width: 350px) {
.restauranttitlefilter .modal__popup .modal__container {
min-height:auto
}
.restauranttitlefilter .modal__popup .modal__container--header .modal--close .icon {
top: 125%
}
}
.restaurantfilter.cds .restauranttitlefilter__container--carddetails__card--details .location-details--address {
height: auto
}
@media only screen and (max-width: 834px) {
.restaurantfilter.cds .restauranttitlefilter__container--carddetails__card--details .location-details {
min-height:auto!important
}
}
.restauranttitlefilter {
overflow: hidden;
position: relative
}
.restauranttitlefilter .cmp-title__text {
color: #80714c;
font-size: 25px;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 28px;
margin-bottom: 2pc;
padding: 0 0 9pt;
position: relative;
text-align: center;
text-transform: uppercase
}
.restauranttitlefilter .cmp-title__text:after {
border-bottom: .5px solid #80714c;
bottom: 0;
content: "";
display: block;
left: 50%;
opacity: 1;
position: absolute;
-webkit-transform: translate(-50%);
transform: translate(-50%);
width: 40px
}
.restauranttitlefilter .cmp-title .cmp-title_link {
text-decoration: none
}
.restauranttitlefilter .cmp-restaurantlisting--description {
margin-bottom: 40px;
text-align: center
}
@media only screen and (min-width: calc(834px + 1px)) {
.restauranttitlefilter .cmp-restaurantlisting--description {
padding:0 15%
}
}
.restauranttitlefilter .search__container {
position: relative
}
.restauranttitlefilter .search__container--input {
border: .5px solid #bfbfbf;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #404040;
height: 3pc;
line-height: 20px;
padding: 14px 1pc 14px 50px;
width: 100%
}
.restauranttitlefilter .search__container--input::-webkit-input-placeholder {
color: #bfbfbf
}
.restauranttitlefilter .search__container--input::-moz-placeholder {
color: #bfbfbf
}
.restauranttitlefilter .search__container--input:-ms-input-placeholder {
color: #bfbfbf
}
.restauranttitlefilter .search__container--input::-ms-input-placeholder {
color: #bfbfbf
}
.restauranttitlefilter .search__container--input::placeholder {
color: #bfbfbf
}
.restauranttitlefilter .search__container--input:focus,.restauranttitlefilter .search__container--input:focus-visible {
border: .5px solid #bfbfbf;
outline: 0
}
.restauranttitlefilter .search__container:after {
background: url(clientlib-site/resources/images/icons/icon-magnifi.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 21px;
left: 0;
margin-left: 20px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 21px
}
.restauranttitlefilter .search__container--clear-button {
background: none;
border: none;
cursor: pointer;
display: block;
height: 30px;
outline: none;
position: relative;
position: absolute;
right: 1rem;
top: .6rem;
width: 30px
}
.restauranttitlefilter .search__container--clear-button:after,.restauranttitlefilter .search__container--clear-button:before {
background-color: #737373;
content: "";
display: block;
height: 1px;
left: 2px;
position: absolute;
top: 50%;
width: 26px
}
.restauranttitlefilter .search__container--clear-button:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.restauranttitlefilter .search__container--clear-button:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.restauranttitlefilter .search__container--clear-button:focus {
outline: none
}
.restauranttitlefilter .search__container--clear-button.hidden {
display: none
}
.restauranttitlefilter .button__container--filter .cmp-button {
background: transparent
}
.restauranttitlefilter .button__container--filter .cmp-button:hover {
background: transparent;
color: #80714c;
position: relative;
top: 0
}
.restauranttitlefilter .button__container--filter .cmp-button:after {
border: none
}
.restauranttitlefilter__container--filterarea {
padding-bottom: 18px
}
@media only screen and (min-width: calc(834px + 1px)) {
.restauranttitlefilter__container--filterarea {
padding-bottom:2pc
}
}
.restauranttitlefilter__container--filterarea-opttions:not(:has(.filter-wap)) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.restauranttitlefilter__container--filterarea-opttions-left:not(:has(.filter-wap)) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
display: grid;
grid-template-columns: 100%;
order: 2
}
.restauranttitlefilter__container--filterarea-opttions-left>:not(.filter-wap) .button {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.restauranttitlefilter__container--filterarea-opttions-left>:not(.filter-wap) .button__container {
height: 3pc;
max-width: 100%;
min-width: auto
}
.restauranttitlefilter__container--filterarea-opttions-left>:not(.filter-wap) .button__container .cmp-button {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #80714c;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 3pc;
justify-content: end;
padding: 0;
position: relative;
width: 100%
}
.restauranttitlefilter__container--filterarea-opttions-left>:not(.filter-wap) .button__container .cmp-button span {
color: #fafafa;
font-size: 14px;
line-height: 1pc;
margin-right: 9pt;
position: relative
}
.restauranttitlefilter__container--filterarea-opttions-left>:not(.filter-wap) .button__container .cmp-button:hover {
background: rgba(128,113,76,.839)
}
.restauranttitlefilter__container--filterarea-opttions-left>:not(.filter-wap) .button__container .cmp-button:before {
background: url(clientlib-site/resources/images/icons/icon-filter-gray.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 24px;
left: 1pc;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 24px
}
.restauranttitlefilter__container--filterarea-opttions-left>:not(.filter-wap) .search__container {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.restauranttitlefilter__container--filterarea-opttions-right {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
margin-bottom: 20px;
order: 1
}
.restauranttitlefilter__container--filterarea-opttions-right .button--findtable .button__container {
height: 65px;
max-width: 100%
}
.restauranttitlefilter__container--filterarea-results {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
margin-top: 8px;
padding: 0
}
.restauranttitlefilter__container--filterarea-results .selected-filter__container {
background: #f6f4ef;
margin-left: 8px;
margin-top: 8px;
padding: 9pt 42px 9pt 9pt;
position: relative
}
.restauranttitlefilter__container--filterarea-results .selected-filter__container:first-child {
margin-left: 0
}
.restauranttitlefilter__container--filterarea-results .selected-filter__container--text {
color: #404040;
font-size: 9pt;
font-style: normal;
font-weight: 400;
letter-spacing: 1px;
line-height: 18px
}
.restauranttitlefilter__container--filterarea-results .selected-filter__container--close-btn {
height: 24px;
position: absolute;
right: 8px;
top: 9px;
width: 24px
}
.restauranttitlefilter__container--filterarea-results .selected-filter__container--close-btn:after {
background: url(clientlib-site/resources/images/icons/close-delete-black.svg) no-repeat 50%;
background-size: contain;
content: "";
cursor: pointer;
height: 24px;
position: absolute;
right: 0;
top: 54%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 24px
}
.restauranttitlefilter__container--filterarea-switchview {
clear: none;
float: right
}
.restauranttitlefilter__container--filterarea-switchview .switch-view-btn {
cursor: pointer;
height: 2pc;
margin-top: 9pt;
position: relative;
width: 2pc
}
.restauranttitlefilter__container--filterarea-switchview .switch-view-btn:after {
background: url(clientlib-site/resources/images/icons/icon-list-view.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 2pc;
left: 0;
position: absolute;
top: 0;
width: 2pc
}
.restauranttitlefilter__container--filterarea-switchview .switch-view-btn.active:after {
background: url(clientlib-site/resources/images/icons/icon-grid-view.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 2pc;
left: 0;
position: absolute;
top: 0;
width: 2pc
}
.restauranttitlefilter__container--carddetails,.restauranttitlefilter__container--carddetails-nonbookable {
position: relative
}
.restauranttitlefilter__container--carddetails-nonbookable.show-error,.restauranttitlefilter__container--carddetails.show-error {
grid-template-columns: none;
min-height: 250px
}
.restauranttitlefilter__container--carddetails .cmp-text__search--result,.restauranttitlefilter__container--carddetails-nonbookable .cmp-text__search--result {
padding-bottom: 70px;
padding-top: 70px
}
.restauranttitlefilter__container--carddetails .cmp-text__search--result p,.restauranttitlefilter__container--carddetails-nonbookable .cmp-text__search--result p {
color: #404040;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-align: center
}
.restauranttitlefilter__container--carddetails .cmp-text__search--result p:first-child,.restauranttitlefilter__container--carddetails-nonbookable .cmp-text__search--result p:first-child {
color: #80714c;
font-size: 24px;
line-height: 28px;
text-transform: uppercase
}
.restauranttitlefilter__container--carddetails-nonbookable__card,.restauranttitlefilter__container--carddetails__card {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-name: fadeInOpacity;
animation-name: fadeInOpacity;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 1
}
.restauranttitlefilter__container--carddetails-nonbookable__card--contentarea,.restauranttitlefilter__container--carddetails__card--contentarea {
border-bottom: .5px solid #737373;
padding-bottom: 24px
}
.restauranttitlefilter__container--carddetails-nonbookable__card--contentarea .cmp-title__text,.restauranttitlefilter__container--carddetails__card--contentarea .cmp-title__text {
font-size: 22px;
line-height: 28px;
margin: -4px 0 0;
padding: 0;
text-align: left
}
.restauranttitlefilter__container--carddetails-nonbookable__card--contentarea .cmp-title__text:after,.restauranttitlefilter__container--carddetails__card--contentarea .cmp-title__text:after {
border: none
}
.restauranttitlefilter__container--carddetails-nonbookable__card--contentarea .tag__container .tag__name,.restauranttitlefilter__container--carddetails__card--contentarea .tag__container .tag__name {
color: #737373;
font-size: 13px;
font-style: normal;
font-weight: 400;
letter-spacing: 3px;
line-height: 1pc;
margin: 0;
padding: 0;
position: relative;
text-transform: uppercase
}
.restauranttitlefilter__container--carddetails-nonbookable__card--contentarea .tag__container .tag__name:after,.restauranttitlefilter__container--carddetails__card--contentarea .tag__container .tag__name:after {
border-right: .5px solid #737373;
content: "";
margin-left: 8px;
margin-right: 8px
}
.restauranttitlefilter__container--carddetails-nonbookable__card--contentarea .tag__container .tag__name:last-child:after,.restauranttitlefilter__container--carddetails__card--contentarea .tag__container .tag__name:last-child:after {
border: none
}
.restauranttitlefilter__container--carddetails-nonbookable__card--details .location-details,.restauranttitlefilter__container--carddetails__card--details .location-details {
padding-bottom: 35px;
padding-top: 9pt
}
.restauranttitlefilter__container--carddetails-nonbookable__card--details .location-details--address,.restauranttitlefilter__container--carddetails-nonbookable__card--details .location-details--distance,.restauranttitlefilter__container--carddetails-nonbookable__card--details .location-details--traveltime,.restauranttitlefilter__container--carddetails__card--details .location-details--address,.restauranttitlefilter__container--carddetails__card--details .location-details--distance,.restauranttitlefilter__container--carddetails__card--details .location-details--traveltime {
height: 2pc;
margin-top: 8px;
position: relative
}
.restauranttitlefilter__container--carddetails-nonbookable__card--details .location-details--address .icon,.restauranttitlefilter__container--carddetails-nonbookable__card--details .location-details--distance .icon,.restauranttitlefilter__container--carddetails-nonbookable__card--details .location-details--traveltime .icon,.restauranttitlefilter__container--carddetails__card--details .location-details--address .icon,.restauranttitlefilter__container--carddetails__card--details .location-details--distance .icon,.restauranttitlefilter__container--carddetails__card--details .location-details--traveltime .icon {
height: 2pc;
position: relative;
width: 2pc
}
.restauranttitlefilter__container--carddetails-nonbookable__card--details .location-details--address .icon:after,.restauranttitlefilter__container--carddetails-nonbookable__card--details .location-details--distance .icon:after,.restauranttitlefilter__container--carddetails-nonbookable__card--details .location-details--traveltime .icon:after,.restauranttitlefilter__container--carddetails__card--details .location-details--address .icon:after,.restauranttitlefilter__container--carddetails__card--details .location-details--distance .icon:after,.restauranttitlefilter__container--carddetails__card--details .location-details--traveltime .icon:after {
background: url(clientlib-site/resources/images/icons/icon-location.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 2pc;
left: 0;
position: absolute;
top: 0;
width: 2pc
}
.restauranttitlefilter__container--carddetails-nonbookable__card--details .location-details--address .information,.restauranttitlefilter__container--carddetails-nonbookable__card--details .location-details--distance .information,.restauranttitlefilter__container--carddetails-nonbookable__card--details .location-details--traveltime .information,.restauranttitlefilter__container--carddetails__card--details .location-details--address .information,.restauranttitlefilter__container--carddetails__card--details .location-details--distance .information,.restauranttitlefilter__container--carddetails__card--details .location-details--traveltime .information {
color: #404040;
font-weight: 400;
margin-left: 2pc;
padding-left: 8px;
padding-top: 6px
}
.restauranttitlefilter__container--carddetails-nonbookable__card--details .location-details--traveltime .icon:after,.restauranttitlefilter__container--carddetails__card--details .location-details--traveltime .icon:after {
background: url(clientlib-site/resources/images/icons/icon-clock.svg) no-repeat 50%
}
.restauranttitlefilter__container--carddetails-nonbookable__card--details .location-details--distance .icon:after,.restauranttitlefilter__container--carddetails__card--details .location-details--distance .icon:after {
background: url(clientlib-site/resources/images/icons/icon-car.svg) no-repeat 50%
}
.restauranttitlefilter__container--carddetails-nonbookable__card--details .location-details--address,.restauranttitlefilter__container--carddetails__card--details .location-details--address {
margin-top: 0
}
.restauranttitlefilter__container--carddetails-nonbookable__card--details .button,.restauranttitlefilter__container--carddetails__card--details .button {
margin-bottom: 72px
}
.restauranttitlefilter__container--carddetails-nonbookable__card--details .button__container,.restauranttitlefilter__container--carddetails__card--details .button__container {
display: inline-block;
max-width: none
}
.restauranttitlefilter__container--carddetails-nonbookable__card--details .button__container .button__generic,.restauranttitlefilter__container--carddetails__card--details .button__container .button__generic {
margin: auto
}
.restauranttitlefilter__container--carddetails-nonbookable__card--listview,.restauranttitlefilter__container--carddetails__card--listview {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top: .5px solid #bfbfbf;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
display: grid;
display: none;
grid-template-areas: "title location operating button";
grid-template-columns: 17pc 1fr 1fr 1fr;
padding: 24px 0;
width: 100%
}
@media only screen and (max-width: 834px) {
.restauranttitlefilter__container--carddetails-nonbookable__card--listview,.restauranttitlefilter__container--carddetails__card--listview {
-webkit-column-gap:24px;
-moz-column-gap: 24px;
column-gap: 24px;
grid-template-areas: "title title" "location operating" "button button";
grid-template-columns: none;
-webkit-row-gap: 1pc;
-moz-row-gap: 1pc;
row-gap: 1pc
}
}
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .cmp-title,.restauranttitlefilter__container--carddetails__card--listview .cmp-title {
width: auto!important
}
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .cmp-title .cmp-title__text,.restauranttitlefilter__container--carddetails__card--listview .cmp-title .cmp-title__text {
font-size: 24px;
line-height: 28px;
margin: 0;
padding: 0;
text-align: left;
white-space: normal
}
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .cmp-title .cmp-title__text:after,.restauranttitlefilter__container--carddetails__card--listview .cmp-title .cmp-title__text:after {
content: none
}
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .button__container,.restauranttitlefilter__container--carddetails__card--listview .button__container {
height: auto
}
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .button__container .cmp-button.button__generic span:after,.restauranttitlefilter__container--carddetails-nonbookable__card--listview .button__container .cmp-button.button__generic span:before,.restauranttitlefilter__container--carddetails-nonbookable__card--listview .button__container .cmp-button.button__generic:after,.restauranttitlefilter__container--carddetails-nonbookable__card--listview .button__container .cmp-button.button__generic:before,.restauranttitlefilter__container--carddetails__card--listview .button__container .cmp-button.button__generic span:after,.restauranttitlefilter__container--carddetails__card--listview .button__container .cmp-button.button__generic span:before,.restauranttitlefilter__container--carddetails__card--listview .button__container .cmp-button.button__generic:after,.restauranttitlefilter__container--carddetails__card--listview .button__container .cmp-button.button__generic:before {
content: none
}
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .tooltip,.restauranttitlefilter__container--carddetails__card--listview .tooltip {
display: inline-block;
height: 1pc;
margin-right: 4px;
position: relative;
width: 1pc
}
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .tooltip:after,.restauranttitlefilter__container--carddetails__card--listview .tooltip:after {
background: url(clientlib-site/resources/images/icons/icon-info.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 1pc;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 1pc
}
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .tooltip .tooltiptext,.restauranttitlefilter__container--carddetails__card--listview .tooltip .tooltiptext {
background-color: #f6f4ef;
border-bottom: 1px solid #404040;
border-top: 1px solid #404040;
bottom: 0;
color: #404040;
font-size: 9pt;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
left: 50%;
line-height: 1pc;
margin-left: 5px;
max-height: 300px;
max-width: 37.5vw;
min-width: 260px;
opacity: 0;
overflow: auto;
padding: 1pc;
position: absolute;
text-align: left;
-webkit-transition: opacity .3s;
transition: opacity .3s;
visibility: hidden;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
z-index: 1
}
@media only screen and (max-width: 834px) {
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .tooltip .tooltiptext,.restauranttitlefilter__container--carddetails__card--listview .tooltip .tooltiptext {
bottom:20px;
left: -32vw;
margin-left: 0;
width: 60vw
}
}
@media only screen and (max-width: 430px) {
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .tooltip .tooltiptext,.restauranttitlefilter__container--carddetails__card--listview .tooltip .tooltiptext {
left:-45vw;
width: 80vw
}
}
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .tooltip .tooltiptext h2,.restauranttitlefilter__container--carddetails__card--listview .tooltip .tooltiptext h2 {
font-size: 20px;
margin-top: 1pc
}
@media only screen and (max-width: 430px) {
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .tooltip .tooltiptext h2,.restauranttitlefilter__container--carddetails__card--listview .tooltip .tooltiptext h2 {
font-size:18px
}
}
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .tooltip .tooltiptext h5,.restauranttitlefilter__container--carddetails__card--listview .tooltip .tooltiptext h5 {
margin: 0 0 1rem
}
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .tooltip .tooltiptext ul,.restauranttitlefilter__container--carddetails__card--listview .tooltip .tooltiptext ul {
-webkit-padding-start: 18px;
padding-inline-start:18px}
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .tooltip .tooltiptext ul li,.restauranttitlefilter__container--carddetails__card--listview .tooltip .tooltiptext ul li {
margin-bottom: 8px
}
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .tooltip:hover .tooltiptext,.restauranttitlefilter__container--carddetails__card--listview .tooltip:hover .tooltiptext {
opacity: 1;
visibility: visible
}
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .title,.restauranttitlefilter__container--carddetails__card--listview .title {
grid-area: title
}
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .location-details,.restauranttitlefilter__container--carddetails__card--listview .location-details {
grid-area: location
}
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .location-details--address,.restauranttitlefilter__container--carddetails-nonbookable__card--listview .location-details--distance,.restauranttitlefilter__container--carddetails-nonbookable__card--listview .location-details--traveltime,.restauranttitlefilter__container--carddetails__card--listview .location-details--address,.restauranttitlefilter__container--carddetails__card--listview .location-details--distance,.restauranttitlefilter__container--carddetails__card--listview .location-details--traveltime {
min-height: 1pc;
position: relative
}
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .location-details--address .icon,.restauranttitlefilter__container--carddetails-nonbookable__card--listview .location-details--distance .icon,.restauranttitlefilter__container--carddetails-nonbookable__card--listview .location-details--traveltime .icon,.restauranttitlefilter__container--carddetails__card--listview .location-details--address .icon,.restauranttitlefilter__container--carddetails__card--listview .location-details--distance .icon,.restauranttitlefilter__container--carddetails__card--listview .location-details--traveltime .icon {
height: 1pc;
position: relative;
width: 1pc
}
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .location-details--address .icon:after,.restauranttitlefilter__container--carddetails-nonbookable__card--listview .location-details--distance .icon:after,.restauranttitlefilter__container--carddetails-nonbookable__card--listview .location-details--traveltime .icon:after,.restauranttitlefilter__container--carddetails__card--listview .location-details--address .icon:after,.restauranttitlefilter__container--carddetails__card--listview .location-details--distance .icon:after,.restauranttitlefilter__container--carddetails__card--listview .location-details--traveltime .icon:after {
background: url(clientlib-site/resources/images/icons/icon-solid-small-diamond-16x16.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 1pc;
left: 0;
position: absolute;
top: 0;
width: 1pc
}
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .location-details--address .information,.restauranttitlefilter__container--carddetails-nonbookable__card--listview .location-details--distance .information,.restauranttitlefilter__container--carddetails-nonbookable__card--listview .location-details--traveltime .information,.restauranttitlefilter__container--carddetails__card--listview .location-details--address .information,.restauranttitlefilter__container--carddetails__card--listview .location-details--distance .information,.restauranttitlefilter__container--carddetails__card--listview .location-details--traveltime .information {
color: #404040;
font-weight: 400;
margin-left: 1pc;
padding-left: 4px
}
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .operating-infos,.restauranttitlefilter__container--carddetails__card--listview .operating-infos {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
grid-area: operating
}
.restauranttitlefilter__container--carddetails-nonbookable__card--listview .button,.restauranttitlefilter__container--carddetails__card--listview .button {
grid-area: button
}
.restauranttitlefilter__container--carddetails-nonbookable__card:last-child--details .button,.restauranttitlefilter__container--carddetails__card:last-child--details .button {
margin-bottom: 22px
}
.restauranttitlefilter__container--carddetails-nonbookable.list-view,.restauranttitlefilter__container--carddetails.list-view {
grid-template-columns: 1fr
}
.restauranttitlefilter__container--carddetails-nonbookable.list-view:not(.show-error):has(.restauranttitlefilter__container--carddetails__card:not(.hide)),.restauranttitlefilter__container--carddetails.list-view:not(.show-error):has(.restauranttitlefilter__container--carddetails__card:not(.hide)) {
border-bottom: .5px solid #bfbfbf;
margin-bottom: 72px
}
@media only screen and (min-width: calc(834px + 1px)) {
.restauranttitlefilter__container--carddetails-nonbookable.list-view:not(.show-error):has(.restauranttitlefilter__container--carddetails__card:not(.hide)),.restauranttitlefilter__container--carddetails.list-view:not(.show-error):has(.restauranttitlefilter__container--carddetails__card:not(.hide)) {
margin-bottom:50px
}
}
.restauranttitlefilter__container--carddetails-nonbookable.list-view .restauranttitlefilter__container--carddetails__card,.restauranttitlefilter__container--carddetails.list-view .restauranttitlefilter__container--carddetails__card {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.restauranttitlefilter__container--carddetails-nonbookable.list-view .restauranttitlefilter__container--carddetails__card:nth-last-child(-n+3) .tooltip .tooltiptext,.restauranttitlefilter__container--carddetails.list-view .restauranttitlefilter__container--carddetails__card:nth-last-child(-n+3) .tooltip .tooltiptext {
bottom: 0;
top: auto
}
.restauranttitlefilter__container--carddetails-nonbookable.list-view .restauranttitlefilter__container--carddetails__card .image,.restauranttitlefilter__container--carddetails-nonbookable.list-view .restauranttitlefilter__container--carddetails__card--contentarea,.restauranttitlefilter__container--carddetails-nonbookable.list-view .restauranttitlefilter__container--carddetails__card--details,.restauranttitlefilter__container--carddetails.list-view .restauranttitlefilter__container--carddetails__card .image,.restauranttitlefilter__container--carddetails.list-view .restauranttitlefilter__container--carddetails__card--contentarea,.restauranttitlefilter__container--carddetails.list-view .restauranttitlefilter__container--carddetails__card--details {
display: none
}
.restauranttitlefilter__container--carddetails-nonbookable.list-view .restauranttitlefilter__container--carddetails__card--listview,.restauranttitlefilter__container--carddetails.list-view .restauranttitlefilter__container--carddetails__card--listview {
display: grid
}
@media only screen and (max-width: 834px) {
.restauranttitlefilter__container--carddetails-nonbookable.list-view .restauranttitlefilter__container--carddetails__card--listview,.restauranttitlefilter__container--carddetails.list-view .restauranttitlefilter__container--carddetails__card--listview {
-webkit-box-align:start;
-ms-flex-align: start;
align-items: start
}
}
.restauranttitlefilter__container--carddetails-nonbookable.list-view .location-details--address,.restauranttitlefilter__container--carddetails.list-view .location-details--address {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.restauranttitlefilter__container--loadmore .button__load {
height: 3pc;
margin: 0 auto;
width: 3pc
}
.restauranttitlefilter__container--loadmore .button__load--icon {
position: relative
}
.restauranttitlefilter__container--loadmore .button__load--icon:after {
background: url(clientlib-site/resources/images/icons/icon-diamond-load.svg) no-repeat 50%;
background-size: contain;
content: "";
cursor: pointer;
height: 3pc;
left: 0;
position: absolute;
top: 0;
width: 3pc
}
.restauranttitlefilter .scdeduler_information,.restauranttitlefilter__container--loadmore.hide {
display: none
}
@media only screen and (min-width: calc(1024px)) {
.restauranttitlefilter__container--carddetails-nonbookable__card--details .location-details,.restauranttitlefilter__container--carddetails__card--details .location-details {
padding-top:1pc
}
.restauranttitlefilter__container--carddetails-nonbookable__card--details .button__container,.restauranttitlefilter__container--carddetails__card--details .button__container {
max-width: 100%
}
.restauranttitlefilter__container--carddetails-nonbookable__card--details .button .cmp-button,.restauranttitlefilter__container--carddetails__card--details .button .cmp-button {
width: 100%
}
.restauranttitlefilter__container--carddetails-nonbookable__card--contentarea .tag__container .tag__name,.restauranttitlefilter__container--carddetails__card--contentarea .tag__container .tag__name {
font-size: 14px
}
}
@media only screen and (min-width: calc(834px + 1px)) {
.restauranttitlefilter__container .cmp-title {
margin:0 auto;
width: 500px
}
.restauranttitlefilter__container .cmp-title__text {
font-size: 34px;
line-height: 36px;
margin-bottom: 40px;
padding-bottom: 1pc
}
.restauranttitlefilter__container .cmp-title__text:after {
bottom: 0
}
.restauranttitlefilter__container--filterarea-opttions:not(:has(.filter-wap)) {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
justify-content: space-between;
position: relative
}
.restauranttitlefilter__container--filterarea-opttions-left:not(:has(.filter-wap)) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
grid-template-columns: unset;
justify-content: space-between;
order: 1
}
.restauranttitlefilter__container--filterarea-opttions-left>:not(.filter-wap) .button {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.restauranttitlefilter__container--filterarea-opttions-left>:not(.filter-wap) .button__container {
height: auto;
max-width: 241px
}
.restauranttitlefilter__container--filterarea-opttions-left>:not(.filter-wap) .button__container .cmp-button {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 136px
}
.restauranttitlefilter__container--filterarea-opttions-left>:not(.filter-wap) .button__container .cmp-button span {
margin-left: 68%;
margin-right: 0;
-webkit-transform: translate(-50%);
transform: translate(-50%)
}
.restauranttitlefilter__container--filterarea-opttions-left>:not(.filter-wap) .button__container .cmp-button span:after {
background: url(clientlib-site/resources/images/icons/icon-filter-gray.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 24px;
left: -2pc;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 24px
}
.restauranttitlefilter__container--filterarea-opttions-left>:not(.filter-wap) .button__container .cmp-button:before {
background: unset
}
.restauranttitlefilter__container--filterarea-opttions-left>:not(.filter-wap) .search__container {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
margin: 0;
order: 2
}
.restauranttitlefilter__container--filterarea-opttions-left>:not(.filter-wap) .search__container--input {
width: 552px
}
.restauranttitlefilter__container--filterarea-opttions-left>:not(.filter-wap) .search__container:after {
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.restauranttitlefilter__container--filterarea-opttions-left .search__container {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
margin: 0;
order: 2
}
.restauranttitlefilter__container--filterarea-opttions-right {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.restauranttitlefilter__container--filterarea-results .selected-filter__container {
margin-top: 24px
}
.restauranttitlefilter__container--filterarea-results .selected-filter__container--text {
font-size: 9pt
}
.restauranttitlefilter__container--carddetails,.restauranttitlefilter__container--carddetails-nonbookable {
-webkit-column-gap: 2pc;
-moz-column-gap: 2pc;
column-gap: 2pc;
display: grid;
grid-template-columns: 1fr 1fr;
padding-top: 0
}
.restauranttitlefilter__container--carddetails-nonbookable__card,.restauranttitlefilter__container--carddetails__card {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 0
}
.restauranttitlefilter__container--carddetails-nonbookable__card--contentarea,.restauranttitlefilter__container--carddetails__card--contentarea {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-bottom: 2pc
}
.restauranttitlefilter__container--carddetails-nonbookable__card--contentarea .cmp-title,.restauranttitlefilter__container--carddetails__card--contentarea .cmp-title {
width: 100%
}
.restauranttitlefilter__container--carddetails-nonbookable__card--contentarea .cmp-title__text,.restauranttitlefilter__container--carddetails__card--contentarea .cmp-title__text {
font-size: 24px;
line-height: 28px;
margin: -2px 0 0;
padding: 0
}
.restauranttitlefilter__container--carddetails-nonbookable__card--contentarea .tag__container,.restauranttitlefilter__container--carddetails__card--contentarea .tag__container {
margin-top: 4px
}
.restauranttitlefilter__container--carddetails-nonbookable__card--details .location-details,.restauranttitlefilter__container--carddetails__card--details .location-details {
padding-bottom: 40px
}
.restauranttitlefilter__container--carddetails-nonbookable__card--details .button,.restauranttitlefilter__container--carddetails__card--details .button {
margin-bottom: 50px;
min-height: 75pt
}
.restauranttitlefilter__container--carddetails-nonbookable__card--details .button__container,.restauranttitlefilter__container--carddetails__card--details .button__container {
margin: 0
}
}
@media only screen and (min-width: calc(1024px)) {
.restauranttitlefilter__container--carddetails,.restauranttitlefilter__container--carddetails-nonbookable {
grid-template-columns:1fr 1fr 1fr 1fr
}
}
@media only screen and (min-width: calc(1440px + 1px)) {
.restauranttitlefilter__container--carddetails-nonbookable__card--details .button__container,.restauranttitlefilter__container--carddetails__card--details .button__container {
max-width:241px
}
.restauranttitlefilter__container--carddetails-nonbookable__card--details .button .cmp-button:not(.button__link),.restauranttitlefilter__container--carddetails__card--details .button .cmp-button:not(.button__link) {
width: 228px
}
}
@media only screen and (min-width: calc(1920px + 1px)) {
.restauranttitlefilter__container {
margin:0 auto;
width: 978pt
}
}
@-webkit-keyframes fadeInOpacity {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeInOpacity {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@media only screen and (min-width: calc(430px + 1px)) {
.restauranttitlefilter .modal__container {
height:-webkit-fit-content;
height: -moz-fit-content;
height: fit-content
}
}
@media only screen and (max-width: 430px) {
.restauranttitlefilter .modal__popup .modal__container--header {
padding:6px 0 0
}
}
.restauranttitlefilter .modal__container--body {
height: calc(100% - 102px);
overflow-y: auto
}
@media only screen and (min-width: calc(1280px + 1px)) {
.restauranttitlefilter .modal__popup .modal__container--body {
overflow-y:visible
}
}
.filter-wap {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.filter-wap,.filter-wap .cmp-button.button__table {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.filter-wap .cmp-button.button__table {
-webkit-box-align: center;
-ms-flex-align: center;
-ms-flex-pack: distribute;
align-items: center;
border: none;
cursor: pointer;
justify-content: space-around;
width: auto;
width: 99pt
}
@media only screen and (max-width: 430px) {
.filter-wap .cmp-button.button__table {
width:93pt
}
}
.filter-wap .cmp-button.button__table:before {
background: url(clientlib-site/resources/images/icons/icon-filter-gray.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 24px;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 24px
}
.filter-wap .button__container {
height: auto
}
.filter-wap .button__container .cmp-button.button__table {
margin-left: 0;
padding-left: 0;
padding-right: 0
}
.cmp-text__search--result {
visibility: hidden
}
.show-error .cmp-text__search--result {
visibility: visible
}
.info-wap {
margin-bottom: 30px;
text-align: center
}
.info-wap p {
color: #737373;
font-size: 9pt
}
.mobile-filter-wrap .mobile-desc {
color: #737373;
display: none;
font-size: 9pt
}
.mobile-filter-wrap .mobile-desc p {
color: #737373;
font-size: 9pt
}
@media only screen and (max-width: 834px) {
.mobile-filter-wrap .mobile-desc {
display:block
}
}
.bookable-wrapper,.nonbookable-wrapper {
display: none
}
.bookable-wrapper.active,.nonbookable-wrapper.active {
display: block;
padding-bottom: 2pc
}
@media only screen and (min-width: calc(1280px + 1px)) {
.bookable-wrapper.active,.nonbookable-wrapper.active {
padding-bottom:40px
}
}
.bookable-wrapper p,.nonbookable-wrapper p {
text-align: center
}
.section-divider {
height: 23px;
margin-bottom: 2pc;
padding: 0 8px;
position: relative;
width: 100%
}
@media only screen and (min-width: calc(1280px + 1px)) {
.section-divider {
margin-bottom:40px
}
}
.section-divider:after,.section-divider:before {
background: url(clientlib-site/resources/images/icons/separator-end.svg) no-repeat 50%;
content: "";
height: 9px;
margin-top: -5px;
position: absolute;
top: 50%;
width: 8px
}
.section-divider:before {
left: 0
}
.section-divider:after {
right: 0
}
.section-divider span {
border-bottom: .5px solid #80714c;
display: block;
height: 1px;
position: absolute;
top: 11px;
width: calc(50% - 44px)
}
.section-divider span:first-child {
left: 8px
}
.section-divider span:first-child:after {
background: url(clientlib-site/resources/images/icons/separator-middle-new.svg) no-repeat 50%;
content: "";
height: 35px;
position: absolute;
right: -4pc;
top: -17px;
width: 55px
}
.section-divider span:last-child {
right: 8px
}
.restauranttitlefilter__container--carddetails__card .cmp-image,.shopListing4col__container--carddetails__card .cmp-image {
position: relative
}
.ribbons-tiles {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #dfeaee;
color: #404040;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-family: var(--font-family);
font-size: 9pt;
font-style: normal;
font-weight: 400;
gap: 10px;
justify-content: center;
line-height: 1pc;
padding: 7px 10px;
position: absolute;
text-transform: uppercase;
top: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.ribbons-tiles:empty {
display: none
}
.ribbons-tiles:after {
border-bottom: 1pc solid #c6d7db;
border-right: 10px solid transparent;
bottom: 0;
content: "";
height: 0;
margin-right: -10px;
position: absolute;
right: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
width: 0
}
.rewardprogramdetails {
margin: 30px 0
}
.rewardprogramdetails .cmp-title {
color: #786947;
font-size: 34px;
letter-spacing: 2px;
line-height: 36px;
margin: 0 auto;
text-align: center;
width: 300px
}
.rewardprogramdetails .cmp-title:after {
border-bottom: 1px solid #786947;
content: " ";
display: block;
height: 2px;
margin: 0 auto;
width: 38.45px
}
.rewardprogramdetails .cmp-intro-text-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 25px
}
.rewardprogramdetails .cmp-intro-text-wrapper .cmp-intro-text {
-webkit-box-flex: 0;
color: #786947;
-ms-flex: 0 0 46%;
flex: 0 0 46%;
padding: 0 10px;
text-align: center
}
.rewardprogramdetails .cmp-intro-text-wrapper .cmp-intro-left-line,.rewardprogramdetails .cmp-intro-text-wrapper .cmp-intro-right-line {
-webkit-box-flex: 0;
background-color: #786947;
-ms-flex: 0 0 27%;
flex: 0 0 27%;
height: 1px;
margin-top: 40px;
position: relative
}
.rewardprogramdetails .cmp-intro-text-wrapper .cmp-intro-left-line span,.rewardprogramdetails .cmp-intro-text-wrapper .cmp-intro-right-line span {
background: url(clientlib-site/resources/images/icons/icon-diamond-gold.svg) no-repeat;
height: 10px;
position: absolute;
top: -4px;
width: 10px
}
.rewardprogramdetails .cmp-intro-text-wrapper .cmp-intro-left-line span {
left: -9px
}
.rewardprogramdetails .cmp-intro-text-wrapper .cmp-intro-right-line span {
right: -9px
}
.rewardprogramdetails .cmp-content-wrapper {
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
display: grid;
grid-template-columns: 1fr 1fr;
margin-top: 50px
}
.rewardprogramdetails .cmp-content-wrapper .cmp-content-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.rewardprogramdetails .cmp-content-wrapper .cmp-content-column img {
width: 80%
}
.rewardprogramdetails .cmp-content-wrapper .cmp-content-column h4 {
color: #80714c;
font-size: 22px;
letter-spacing: 2px
}
.rewardprogramdetails .cmp-content-wrapper .cmp-content-column h5 {
color: #80714c;
font-size: 14px;
letter-spacing: 2px
}
.rewardprogramdetails .cmp-content-wrapper .cmp-content-column ul {
list-style-image: url(clientlib-site/resources/images/icons/img-list-bullet.svg);
margin-bottom: 30px;
padding-left: 20px
}
.rewardprogramdetails .cmp-content-wrapper .cmp-content-column ul li {
list-style: none;
margin-bottom: 18px;
padding-left: 10px
}
.rewardprogramdetails .cmp-button-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 50px
}
.rewardprogramdetails .cmp-button-wrapper .cmp-button-left-line,.rewardprogramdetails .cmp-button-wrapper .cmp-button-right-line {
-webkit-box-flex: 0;
background-color: #786947;
-ms-flex: 0 0 38%;
flex: 0 0 38%;
height: 1px;
margin-top: 25px;
position: relative
}
.rewardprogramdetails .cmp-button-wrapper .cmp-button-left-line span,.rewardprogramdetails .cmp-button-wrapper .cmp-button-right-line span {
background: url(clientlib-site/resources/images/icons/img-list-bullet.svg) no-repeat;
height: 10px;
position: absolute;
top: -4px;
width: 10px
}
.rewardprogramdetails .cmp-button-wrapper .cmp-button-cta {
-webkit-box-flex: 0;
-ms-flex: 0 0 24%;
flex: 0 0 24%
}
.rewardprogramdetails .cmp-button-wrapper .cmp-button-cta .button__container {
margin: 0 auto
}
.rewardprogramdetails .cmp-button-wrapper .cmp-button-left-line span {
left: -9px
}
.rewardprogramdetails .cmp-button-wrapper .cmp-button-right-line span {
right: -9px
}
@media only screen and (min-width: 320px)and (max-width:calc(1024px - 1px)) {
.rewardprogramdetails .cmp-title {
width:auto
}
.rewardprogramdetails .cmp-content-column img {
width: 100%!important
}
.rewardprogramdetails .cmp-content-wrapper {
display: block
}
.rewardprogramdetails .cmp-button-wrapper {
display: block;
margin-top: 20px
}
.rewardprogramdetails .cmp-button-wrapper .cmp-button-left-line,.rewardprogramdetails .cmp-button-wrapper .cmp-button-right-line {
display: none
}
.rewardprogramdetails .cmp-button-wrapper .cmp-button-mobile-line {
background-color: #786947;
height: 1px;
margin-bottom: 40px;
position: relative
}
.rewardprogramdetails .cmp-button-wrapper .cmp-button-mobile-line .mobile-diamond-left,.rewardprogramdetails .cmp-button-wrapper .cmp-button-mobile-line .mobile-diamond-right {
background: url(clientlib-site/resources/images/icons/img-list-bullet.svg) no-repeat;
height: 10px;
position: absolute;
top: -4px;
width: 10px
}
.rewardprogramdetails .cmp-button-wrapper .cmp-button-mobile-line .mobile-diamond-left {
left: -9px
}
.rewardprogramdetails .cmp-button-wrapper .cmp-button-mobile-line .mobile-diamond-right {
right: -9px
}
.rewardprogramdetails .cmp-intro-text-wrapper {
display: block
}
.rewardprogramdetails .cmp-intro-text-wrapper .cmp-intro-left-line,.rewardprogramdetails .cmp-intro-text-wrapper .cmp-intro-right-line {
display: none
}
.rewardprogramdetails .cmp-intro-text-wrapper .cmp-intro-mobile-line {
background-color: #786947;
height: 1px;
margin-bottom: 40px;
margin-top: 30px;
position: relative
}
.rewardprogramdetails .cmp-intro-text-wrapper .cmp-intro-mobile-line .mobile-diamond-left,.rewardprogramdetails .cmp-intro-text-wrapper .cmp-intro-mobile-line .mobile-diamond-right {
background: url(clientlib-site/resources/images/icons/icon-diamond-gold.svg) no-repeat;
height: 10px;
position: absolute;
top: -4px;
width: 10px
}
.rewardprogramdetails .cmp-intro-text-wrapper .cmp-intro-mobile-line .mobile-diamond-left {
left: -9px
}
.rewardprogramdetails .cmp-intro-text-wrapper .cmp-intro-mobile-line .mobile-diamond-right {
right: -9px
}
}
@media only screen and (min-width: 1024px)and (max-width:1280px) {
.cmp-button-wrapper .cmp-button-left-line,.cmp-button-wrapper .cmp-button-right-line {
-webkit-box-flex:0!important;
-ms-flex: 0 0 37%!important;
flex: 0 0 37%!important
}
.cmp-button-wrapper .cmp-button-cta {
padding: 0 8px!important
}
}
.rightnavigation {
display: block;
mix-blend-mode: difference;
position: relative;
z-index: 9999
}
.rightnavigation .cq-placeholder {
height: 25px
}
.rightnavigation>div {
display: block;
float: right;
position: relative;
right: 14em;
top: 6em
}
.rightnavigation>div ul {
position: fixed
}
.rightnavigation>div ul li {
font-size: 9pt;
font-weight: 400;
height: 45px;
letter-spacing: 2px;
line-height: 1pc;
list-style: none;
list-style-image: none;
padding-top: .1em;
position: relative;
text-transform: uppercase
}
.rightnavigation>div ul li:after {
border: .5px solid #fafafa;
bottom: .6em;
content: " ";
height: 5.66px;
left: 7em;
margin-left: 10px;
position: absolute;
-webkit-transform: matrix(-.71,.71,.71,.71,0,0);
transform: matrix(-.71,.71,.71,.71,0,0);
width: 5.66px
}
.rightnavigation>div ul li:hover:after {
background-color: #fafafa
}
.rightnavigation>div ul li a {
bottom: 0;
color: #fafafa;
display: inline-block;
font-style: normal;
left: -1.2em;
opacity: 0;
padding-right: 3em;
position: absolute;
text-decoration: none;
width: 11.1em
}
.rightnavigation>div ul li a:hover {
opacity: 100%;
-webkit-transition: opacity .5s ease-in;
transition: opacity .5s ease-in
}
.rightnavigation>div ul li a:after {
border-bottom: .5px solid #fafafa;
content: " ";
display: block;
padding-bottom: .3em;
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
-webkit-transition: -webkit-transform .5s ease-in;
transition: -webkit-transform .5s ease-in;
transition: transform .5s ease-in;
transition: transform .5s ease-in,-webkit-transform .5s ease-in;
width: 9.5em
}
.rightnavigation>div ul li a:hover:after {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
@media only screen and (max-width: 430px) {
.rightnavigation {
display:none;
visibility: hidden
}
}
.listing__container {
overflow: hidden
}
.listing__container--desc {
text-align: center
}
.listing__container--desc h2 p {
margin-bottom: 10px;
word-break: break-word
}
.listing__container--desc h2 {
margin: 0 auto 5px!important;
padding-bottom: 20px!important;
word-break: break-all
}
@media only screen and (max-width: 1024px) {
.listing__container--desc h2 {
padding-bottom:10px
}
}
.listing__container--desc h2:after {
bottom: 10px
}
@media only screen and (min-width: calc(1024px)) {
.listing__container--desc--text {
-webkit-box-align:center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.listing__container--desc--text:after,.listing__container--desc--text:before {
background-size: 100%;
content: "";
display: inline-block;
height: 9pt;
-webkit-transform: translateY(-88%);
transform: translateY(-88%);
width: 30%
}
.listing__container--desc--text:before {
background: url(clientlib-site/resources/images/icons/left-deco-line-outline.svg) no-repeat;
margin-right: 1pc
}
.listing__container--desc--text:after {
background: url(clientlib-site/resources/images/icons/right-deco-line-outline.svg) no-repeat 100%;
margin-left: 1pc
}
.listing__container--desc--text p {
width: 100%
}
.listing__container--desc--text p:last-child {
margin-bottom: 40px
}
}
.listing__container--cta--wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 40px auto auto
}
@media only screen and (max-width: 1024px) {
.listing__container--cta--wrapper {
display:block;
margin-top: 3pc
}
}
.listing__container--cta--wrapper .button__container {
height: 50px;
margin: auto
}
.listing__container--cta--wrapper .button__container .button__generic {
margin: auto
}
@media only screen and (min-width: calc(1024px)) {
.listing__container--cta--wrapper:after,.listing__container--cta--wrapper:before {
background-size:100%;
content: "";
display: inline-block;
height: 8px;
width: 100%
}
.listing__container--cta--wrapper:before {
background: url(clientlib-site/resources/images/icons/left-deco-line.svg) no-repeat;
margin-right: 4pc
}
.listing__container--cta--wrapper:after {
background: url(clientlib-site/resources/images/icons/right-deco-line.svg) no-repeat 100%;
margin-left: 4pc
}
}
.listing__container .splide {
min-height: 75pt
}
.listing__container .splide:not(.is-overflow) .splide__list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.listing__container .splide .splide__slide:last-child,.listing__container .splide:not(.is-overflow) .splide__list .splide__slide:last-child {
margin-right: 0!important
}
@media(max-width: 599px) {
.listing__container .splide {
width:70%
}
.listing__container .splide__arrows {
display: none
}
}
.listing__container .splide__slide {
display: block
}
.listing__container .splide__slide img {
width: 100%
}
.listing__container .splide__arrow {
background: transparent;
border-radius: 0;
cursor: default;
height: 100%;
opacity: 1;
width: calc(50vw - 42.5%)
}
.listing__container .splide__arrow:hover:not(:disabled) {
opacity: 1
}
.listing__container .splide__arrow:disabled {
pointer-events: none
}
.listing__container .splide__arrow svg {
display: none
}
@media only screen and (min-width: calc(834px + 1px)) {
.listing__container .splide__arrow {
width:calc(50vw - 44.6%)
}
}
.listing__container .splide__arrow--prev:not(:disabled) {
cursor: url(clientlib-site/resources/images/icons/icon-prev.svg) 43 43,pointer;
left: calc(-50vw - -50%)
}
@media only screen and (min-width: calc(1024px)) {
.listing__container .splide__arrow--prev:not(:disabled) {
padding-right:30px
}
}
.listing__container .splide__arrow--next:not(:disabled) {
cursor: url(clientlib-site/resources/images/icons/icon-next.svg) 43 43,pointer;
right: calc(-50vw - -50%)
}
@media only screen and (min-width: calc(1024px)) {
.listing__container .splide__arrow--next:not(:disabled) {
padding-left:30px
}
}
.listing__container .splide__track {
overflow: visible
}
.listing__divider {
border-bottom: .5px solid var(--deco-bottom-color);
display: none;
margin: auto;
position: relative;
top: 0;
width: calc(100% - var(--deco-margin)*2);
z-index: 1
}
.listing__divider--deco1 {
--deco-top-color: #fff;
--deco-bottom-color: #80714c;
margin-bottom: 3pc;
margin-top: 28px
}
.listing__divider--deco2 {
--deco-top-color: #80714c;
--deco-bottom-color: #80714c;
margin-top: 75px
}
@media only screen and (max-width: 1024px) {
.listing__divider {
display:block
}
}
.listing__divider:after,.listing__divider:before {
background-color: var(--deco-top-color);
border: .5px solid #80714c;
bottom: -3.1px;
content: "";
display: block;
height: 5.6px;
left: 0;
position: absolute;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 5.6px
}
.listing__divider:after {
left: auto;
right: 0
}
.listing__card--desc {
margin-top: 24px
}
@media only screen and (max-width: 1024px) {
.listing__card--desc {
margin-top:1pc
}
}
.listing__card--wrapper {
max-width: 376px
}
.listing__card--img {
margin-bottom: 2pc;
overflow: hidden
}
@media only screen and (max-width: 1024px) {
.listing__card--img {
margin-bottom:24px
}
}
@media only screen and (min-width: calc(1024px)) {
.listing__card--img:hover img {
-webkit-transform:scale(1.1);
transform: scale(1.1)
}
}
.listing__card--img img {
height: 664px;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
-webkit-transition: -webkit-transform .75s ease-in-out;
transition: -webkit-transform .75s ease-in-out;
transition: transform .75s ease-in-out;
transition: transform .75s ease-in-out,-webkit-transform .75s ease-in-out;
width: 376px
}
@media only screen and (max-width: 1024px) {
.listing__card--img img {
height:316px;
width: 252px
}
}
.listing__card--type {
overflow: hidden
}
.listing__card--type h3.listing__card--title {
color: #80714c;
margin-bottom: 4px;
margin-top: 0
}
.listing__card--type:not(.active) {
height: 0;
overflow: hidden
}
.listing__card--type--label {
cursor: pointer;
display: inline-block;
letter-spacing: 3px
}
.listing__card--type--label:not(:last-of-type) {
border-right: 1px solid #404040;
margin-right: 10px;
padding-right: 10px
}
.listing__card--type--label:not(.active) {
color: #bfbfbf
}
.listing__card--type .button__container {
height: 30px;
margin-top: 40px
}
@media only screen and (max-width: 1024px) {
.listing__card--type .button__container {
margin-top:2pc
}
}
.listing__card--type .button__container--secondary {
margin-top: 0
}
.listing__card--features {
margin-top: 1pc;
padding-left: 11px
}
.listing__card--features li {
margin-top: 8px
}
.roomlisting.mbs_cmp_variant_c .listing__card--img img {
aspect-ratio: 4/5;
height: auto;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
width: 376px
}
@media only screen and (max-width: 834px) {
.roomlisting.mbs_cmp_variant_c .listing__card--img img {
height:316px;
width: 252px
}
}
@media only screen and (min-width: calc(1440px + 1px)) {
.sec-carousel--container {
--padding:116px;
padding-left: var(--padding)
}
}
@media only screen and (min-width: calc(1024px)) {
.sec-carousel--container {
--padding:64px;
padding-left: var(--padding)
}
.sec-carousel--container.hover-effect .sec-carousel__img--slide.active-img {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2
}
}
@media only screen and (max-width: 1024px) {
.sec-carousel--container {
--padding:16px;
padding: 0 var(--padding)
}
}
.sec-carousel--wrapper {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
width: 100%
}
.sec-carousel--wrapper li {
list-style: none
}
@media only screen and (min-width: calc(1024px)) {
.sec-carousel--wrapper.desktop {
display:-webkit-box;
display: -ms-flexbox;
display: flex
}
.sec-carousel--wrapper.tablet {
display: none
}
}
@media only screen and (max-width: 1024px) {
.sec-carousel--wrapper.desktop {
display:none
}
.sec-carousel--wrapper.tablet {
display: block
}
.sec-carousel--wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: auto
}
}
.sec-carousel--wrapper .modal-wrapper .modal-container__body {
display: block;
padding: 0 78pt;
width: 100%
}
@media only screen and (max-width: 430px) {
.sec-carousel--wrapper .modal-wrapper .modal-container__body {
padding:0 1pc
}
}
.sec-carousel--wrapper .modal-wrapper .modal-container__body ul li {
list-style-image: url(clientlib-site/resources/images/icons/icon-list-diamond.svg)
}
.sec-carousel--wrapper .modal-wrapper .modal-container__header {
padding: 1rem 1.7rem
}
.sec-carousel__desc {
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
.sec-carousel__desc--titles {
margin-bottom: 1pc;
margin-top: 40px
}
@media only screen and (max-width: 1024px) {
.sec-carousel__desc--titles {
margin-bottom:9pt;
margin-top: 1pc
}
.sec-carousel__desc--title {
max-width: 250px
}
}
.sec-carousel__desc--subtitle {
color: #80714c;
font-size: 24px;
letter-spacing: 2px;
line-height: 28px;
margin-bottom: 4px;
margin-top: 0
}
@media only screen and (max-width: 1024px) {
.sec-carousel__desc--subtitle {
font-size:21px;
line-height: 26px
}
}
.sec-carousel__desc--text {
line-height: 22px;
max-height: 300px;
overflow: hidden;
-webkit-transition: max-height .3s ease-out;
transition: max-height .3s ease-out
}
.sec-carousel__desc--label {
color: #737373;
font-size: 15px;
letter-spacing: 3px;
line-height: 1pc
}
@media only screen and (max-width: 1024px) {
.sec-carousel__desc--content {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: none;
-ms-flex-direction: column;
flex-direction: column
}
.sec-carousel__desc--content.active-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.sec-carousel__desc--content .button__container--link {
margin-left: auto
}
}
.sec-carousel__desc--more {
color: #80714c;
cursor: pointer;
display: none;
letter-spacing: 3px;
margin-top: 20px;
text-transform: uppercase
}
.sec-carousel__desc--more:after {
background: url(clientlib-site/resources/images/icons/icon-chevron-down-gold.svg) no-repeat;
background-size: 100%;
content: "";
display: inline-block;
height: 9px;
margin-left: 9px;
-webkit-transition: all .75s .25s;
transition: all .75s .25s;
width: 15px
}
.sec-carousel__desc--more.readLess:after {
background: url(clientlib-site/resources/images/icons/icon-chevron-down-gold.svg) no-repeat;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.sec-carousel__desc--wrapper {
padding: 0;
position: relative
}
@media only screen and (min-width: calc(1024px)) {
.sec-carousel__desc--wrapper {
margin-right:4pc;
margin-top: 0;
max-width: 312px;
padding-left: 0
}
.sec-carousel__desc--wrapper li {
list-style: none;
margin: auto;
opacity: 0;
position: absolute;
right: 5px;
top: 0;
visibility: hidden
}
.sec-carousel__desc--wrapper li.active-text {
opacity: 1;
position: static;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
visibility: visible
}
}
@media only screen and (max-width: 1024px) {
.sec-carousel__desc--wrapper {
margin:0;
padding: 0
}
}
@media only screen and (min-width: calc(1024px)) {
.sec-carousel__btn--wrapper.desktop {
-webkit-box-pack:end;
-ms-flex-pack: end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: flex-end;
padding-bottom: 40px;
padding-right: var(--padding);
text-align: right
}
.sec-carousel__btn--wrapper.tablet {
display: none
}
}
@media only screen and (max-width: 1024px) {
.sec-carousel__btn--wrapper {
-webkit-box-pack:center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
margin: 2pc 0
}
}
.sec-carousel__btn--wrapper a.sec-carousel__btn {
background-size: 100%;
cursor: pointer;
height: 10px;
width: 47px
}
.sec-carousel__btn--wrapper a.sec-carousel__btn.sec-carousel__btn--prev {
background: url(clientlib-site/resources/images/icons/icon-carousel-prev-gold.svg) no-repeat
}
.sec-carousel__btn--wrapper a.sec-carousel__btn.sec-carousel__btn--prev.last {
background: url(clientlib-site/resources/images/icons/icon-carousel-prev-grey.svg) no-repeat
}
.sec-carousel__btn--wrapper a.sec-carousel__btn.sec-carousel__btn--next {
background: url(clientlib-site/resources/images/icons/icon-carousel-next-gold.svg) no-repeat
}
.sec-carousel__btn--wrapper a.sec-carousel__btn.sec-carousel__btn--next.last {
background: url(clientlib-site/resources/images/icons/icon-carousel-next-grey.svg) no-repeat
}
.sec-carousel__btn--divider {
margin: 0 1pc
}
.sec-carousel__img--container {
position: relative;
width: 100%
}
@media only screen and (max-width: 1024px) {
.sec-carousel__img--container {
aspect-ratio:1/1;
margin-top: 2pc
}
}
@media only screen and (min-width: calc(1024px)) {
.sec-carousel__img--container {
aspect-ratio:16/9;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative
}
.sec-carousel__img--container.currentParent .sec-carousel__img--slide:not(.current):before {
display: none
}
}
.sec-carousel__img--slide {
background-position: 50%;
background-repeat: no-repeat;
position: relative;
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out
}
.sec-carousel__img--slide .deco-sec-diamond {
height: 100%;
width: 100%
}
@media only screen and (min-width: calc(1024px)) {
.sec-carousel__img--slide {
-webkit-box-flex:1;
-ms-flex: 1;
flex: 1
}
.sec-carousel__img--slide:before {
content: "";
display: block;
height: 30px;
position: absolute;
right: 18px;
top: 18px;
width: 30px
}
.sec-carousel__img--slide:not(.current):hover {
cursor: url(clientlib-site/resources/images/icons/cursor-expand.svg),auto
}
.sec-carousel__img--slide.current {
-webkit-box-flex: 0!important;
-ms-flex: 0 0 100%!important;
flex: 0 0 100%!important
}
.sec-carousel__img--slide.current:before {
background: url(clientlib-site/resources/images/icons/close-delete-bg.svg) no-repeat 100%
}
}
@media only screen and (max-width: 1024px) {
.sec-carousel__img--slide {
aspect-ratio:1/1
}
}
@media only screen and (min-width: calc(1024px)) {
.sec-carousel__counter {
display:none
}
}
@media only screen and (max-width: 1024px) {
.sec-carousel__counter {
-webkit-box-pack:center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
margin-top: 36px
}
.sec-carousel__counter--diamond {
border: .5px solid #80714c;
height: 6px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 6px
}
.sec-carousel__counter--diamond.active-counter {
background: #80714c
}
.sec-carousel__counter--diamond:not(:last-child) {
margin-right: 24px
}
}
.sec-carousel__button--primary {
margin-top: 40px
}
@media only screen and (max-width: 1024px) {
.sec-carousel__button--primary {
margin-top:2pc
}
}
.sec-carousel__button--secondary {
margin-top: 2pc
}
.sec-carousel__button--secondary.tablet {
display: none
}
@media only screen and (max-width: 1024px) {
.sec-carousel__button--secondary.tablet {
display:block
}
.sec-carousel__button--secondary.tablet .button__container {
display: none;
margin: auto
}
.sec-carousel__button--secondary.tablet .button__container .button__generic {
margin: auto
}
.sec-carousel__button--secondary.tablet .button__container.active-cta {
display: block
}
.sec-carousel__button--secondary.desktop {
display: none
}
}
.cq-Editable-dom .modal-edit-mode {
margin: 0 40px 0 0;
padding: 0
}
@-webkit-keyframes slide-in {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
to {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes slide-in {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
to {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.signup__container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #404040;
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px;
display: grid;
grid-template-columns: -webkit-max-content auto -webkit-max-content;
grid-template-columns: max-content auto max-content;
margin: auto;
padding: 35px 40px 35px 49px
}
@media only screen and (min-width: calc(1440px + 1px)) {
.signup__container {
max-width:810pt
}
}
@media only screen and (min-width: calc(1280px + 1px))and (max-width:1440px) {
.signup__container {
max-width:750pt
}
}
@media only screen and (min-width: 1024px)and (max-width:1280px) {
.signup__container {
max-width:780px
}
}
@media only screen and (max-width: 834px) {
.signup__container {
grid-template-columns:auto;
grid-template-rows: -webkit-max-content auto -webkit-max-content;
grid-template-rows: max-content auto max-content;
padding: 40px
}
}
@media only screen and (max-width: 430px) {
.signup__container {
padding:40px 2pc 40px 40px
}
}
.signup__container--left h5 {
margin: 0 0 1pc
}
@media only screen and (max-width: 430px) {
.signup__container--left h5 {
margin-bottom:-2px
}
}
@media only screen and (max-width: 1024px) {
.signup__container--desc {
margin:5px 0 50px
}
}
.signup__container--buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1pc
}
@media only screen and (max-width: 1024px) {
.signup__image {
padding-bottom:1pc
}
}
.cmp-slider-f {
overflow: hidden;
width: 100%
}
.cmp-slider-f .grid-content-wrapper {
margin: auto;
max-width: 978pt
}
.cmp-slider-f .heading {
margin-bottom: 40px;
text-align: center
}
.cmp-slider-f .heading h2 {
margin-bottom: 40px
}
.cmp-slider-f .heading div,.cmp-slider-f .heading p {
color: #404040;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px
}
.cmp-slider-f .heading labeltext {
color: #737373;
font-size: 14px;
font-style: normal;
font-weight: 400;
letter-spacing: 3px;
line-height: 1pc;
margin-bottom: 1pc;
text-transform: uppercase
}
.cmp-slider-f .splide__slide {
list-style: none;
margin-right: -40px;
width: 33.33%
}
.cmp-slider-f .splide__slide .slider-f-box {
margin-right: 40px;
width: calc(100% - 5pc)
}
.cmp-slider-f .splide__slide:last-child .slider-f-box {
margin-right: 0
}
@media only screen and (max-width: 430px) {
.cmp-slider-f .splide__slide {
margin-right:-24px;
width: 100%
}
.cmp-slider-f .splide__slide .slider-f-box {
margin-right: 24px;
width: calc(100% - 3pc)
}
.cmp-slider-f .splide__slide:last-child .slider-f-box {
margin-right: 0
}
}
.cmp-slider-f .splide__arrow {
background: transparent;
border-radius: 0;
cursor: default;
height: 100%;
opacity: 1;
width: calc(50vw - 42.5%)
}
.cmp-slider-f .splide__arrow:hover:not(:disabled) {
opacity: 1
}
.cmp-slider-f .splide__arrow:disabled {
pointer-events: none
}
.cmp-slider-f .splide__arrow svg {
display: none
}
@media only screen and (min-width: calc(834px + 1px)) {
.cmp-slider-f .splide__arrow {
width:calc(50vw - 44.6%)
}
}
.cmp-slider-f .splide__arrow--prev:not(:disabled) {
cursor: url(clientlib-site/resources/images/icons/icon-prev.svg) 43 43,pointer;
left: calc(-50vw - -50%)
}
@media only screen and (min-width: calc(1024px)) {
.cmp-slider-f .splide__arrow--prev:not(:disabled) {
padding-right:30px
}
}
.cmp-slider-f .splide__arrow--next:not(:disabled) {
cursor: url(clientlib-site/resources/images/icons/icon-next.svg) 43 43,pointer;
right: calc(-50vw - -50%)
}
@media only screen and (min-width: calc(1024px)) {
.cmp-slider-f .splide__arrow--next:not(:disabled) {
padding-left:30px
}
}
.cmp-slider-f .splide.center-slide .splide__list {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
justify-content: center
}
@media only screen and (max-width: 430px) {
.cmp-slider-f .splide.center-slide .splide__list {
-webkit-box-pack:unset;
-ms-flex-pack: unset;
-webkit-column-gap: unset;
-moz-column-gap: unset;
column-gap: unset;
justify-content: unset
}
}
.cmp-slider-f .slider-f-splide {
visibility: visible
}
.cmp-slider-f .slider-f-box__icon {
margin-bottom: 2pc
}
.cmp-slider-f .slider-f-box__icon img {
max-width: 5pc
}
.cmp-slider-f .slider-f-box__content-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 40px;
row-gap: 1pc
}
.cmp-slider-f .slider-f-box__content-container ul {
list-style: none;
padding-left: 15px
}
.cmp-slider-f .slider-f-box__content-container ul li {
background: url(clientlib-site/resources/images/icons/icon-list-diamond.svg);
background-position: 0;
background-repeat: no-repeat;
color: #404040;
font-size: 14px;
font-weight: 400;
line-height: 1pc;
list-style-image: none;
margin-bottom: 8px;
margin-left: -15px;
padding-left: 15px
}
.cmp-slider-f .slider-f-box__content-container ul li:last-child {
margin-bottom: 0
}
.cmp-slider-f .slider-f-box__heading {
margin-bottom: 1pc
}
.cmp-slider-f .slider-f-box__heading-title {
margin-bottom: 4px
}
.cmp-slider-f .slider-f-box__label,.cmp-slider-f .slider-f-box__label p {
color: #737373;
font-size: 14px;
font-style: normal;
font-weight: 400;
letter-spacing: 3px;
line-height: 1pc;
text-transform: uppercase
}
.cmp-slider-f .slider-f-box__desc {
color: #404040;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px
}
.cmp-slider-f .slider-f-box__list {
list-style-type: disc;
list-style: none;
padding-left: 15px
}
.cmp-slider-f .slider-f-box__list-item {
background: url(clientlib-site/resources/images/icons/icon-list-diamond.svg);
background-position: 0;
background-repeat: no-repeat;
color: #404040;
font-size: 9pt;
font-style: 400;
font-weight: 400;
line-height: 1pc;
list-style-image: none;
margin-bottom: 8px;
margin-left: -15px;
padding-left: 15px
}
.cmp-slider-f .slider-f-box__list-item:last-child {
margin-bottom: 0
}
.cmp-slider-f .slider-f-box__notes {
color: #737373;
font-size: 9pt;
font-style: normal;
font-weight: 400;
line-height: 1pc
}
.cmp-slider-f .slider-f-box__button-container-link .button__container {
height: 50px;
margin-bottom: 20px
}
.cmp-slider-f .splide__track {
overflow: visible
}
.cmp-slider-f .slider-f-box__button-container-button .button__container .cmp-button.button__primary,.cmp-slider-f .slider-f-box__button-container-button .button__container .cmp-button.button__secondary {
display: inline-block;
margin: 20px 0
}
table {
-webkit-overflow-scrolling: touch;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 1rem;
max-width: 100%;
min-width: 45%;
overflow-x: auto
}
table td,table th {
border: 1px solid #6e6e6e;
padding: 1.2rem
}
table th {
background-color: #eef0eb;
font-weight: 700
}
table td {
font-weight: 400
}
.responsivegrid table img {
max-width: none
}
@media only screen and (max-width: 430px) {
table {
display:block;
max-height: 70vh;
max-height: 70dvh
}
table td,table th {
padding: .6rem
}
}
.table {
--column-count: 1;
width: 100%
}
.table__container {
display: grid;
gap: 20px 40px;
grid-template-columns: repeat(var(--column-count),1fr)
}
.table__container ul {
padding-left: 1rem
}
@media only screen and (max-width: 834px) {
.table__container {
grid-template-columns:1fr
}
}
.tagged-content-intro__content--icon {
height: 50px;
margin-bottom: 2pc;
margin-top: 0;
position: relative;
width: 100%
}
.tagged-content-intro__content--icon:after {
background: url(clientlib-site/resources/images/icons/icon-diamond-13-frame.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 50px;
left: 50%;
position: absolute;
top: 0;
-webkit-transform: translate(-50%);
transform: translate(-50%);
width: 56px
}
.tagged-content-intro__content--info h1 {
color: #80714c;
font-size: 2pc;
font-style: normal;
font-weight: 400;
letter-spacing: 6px;
line-height: 3pc;
margin-bottom: 2pc;
position: relative;
text-align: center;
text-transform: uppercase
}
.tagged-content-intro__content--info h1 p {
margin: 0
}
.tagged-content-intro__content--info h1:after {
border-bottom: 1px solid #80714c;
content: "";
display: block;
margin-left: 50%;
margin-top: 9pt;
-webkit-transform: translate(-50%);
transform: translate(-50%);
width: 40px
}
.tagged-content-intro__content--info p {
color: #404040;
font-size: 1pc;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin: 0;
text-align: center
}
.tagged-content-intro__content--info .labeltext,.tagged-content-intro__content--info labeltext {
color: #737373
}
.tagged-content-intro__content--info a {
color: #737373;
-webkit-text-decoration-line: underline;
text-decoration-line: underline
}
.tagged-content-intro__content--info ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
grid-gap: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
justify-content: center
}
.tagged-content-intro__content--info ul li {
color: #737373;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
list-style: none;
margin-bottom: 9pt;
margin-left: -35px;
margin-right: 0;
padding-left: 14px;
padding-right: 0;
position: relative
}
.tagged-content-intro__content--info ul li:before {
background: url(clientlib-site/resources/images/icons/icon-diamond-bullet.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 8px;
left: 0;
position: absolute;
top: 15%;
-webkit-transform: translateY(50%);
transform: translateY(50%);
width: 8px
}
.tagged-content-intro__content--info ul:last-child {
margin-bottom: 0
}
.tagged-content-intro__content--button .button__container {
height: 60px;
margin: 2pc auto auto
}
.tagged-content-intro__content--button .button__container .button__generic {
margin: auto
}
.tagged-content-intro__content--button__label {
color: #737373;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 1pc;
margin-top: 9pt;
text-align: center
}
.tagged-content-intro__content--button__label a {
color: #737373;
text-decoration: underline
}
.tagged-content-intro__content--button__label p {
margin: 0
}
.tagged-content-intro__content--button.hide,.tagged-content-intro__content--resevetable-container {
display: none
}
.tagged-content-intro__content--resevetable-container.show {
display: block
}
@media only screen and (min-width: calc(1024px)) {
.tagged-content-intro__content.grid-content-wrapper {
padding:0 4%
}
.tagged-content-intro__content--icon {
margin-bottom: 40px
}
.tagged-content-intro__content--info h1 {
font-size: 40px;
margin-bottom: 40px
}
.tagged-content-intro__content--info h1:after {
margin-top: 1pc
}
.tagged-content-intro__content--info ul.horizontal-list {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
grid-gap: 8px;
align-items: center;
-ms-flex-direction: row;
flex-direction: row;
justify-content: center
}
.tagged-content-intro__content--info ul.horizontal-list li:first-child:before {
background: unset
}
.tagged-content-intro__content--info ul li {
font-size: 15px;
margin-bottom: 0;
margin-left: 0;
margin-top: 4px
}
.tagged-content-intro__content--info p {
font-size: 18px
}
.tagged-content-intro__content--button .button__container {
height: 70px;
margin-top: 40px
}
.tagged-content-intro__content--button__label {
margin-top: 1pc
}
}
.mbs_cmp_var_plain_card .tagged-content-intro__content {
background-color: #dfeaee;
padding: 5pc 168px;
width: 85%
}
@media only screen and (min-width: 320px)and (max-width:430px) {
.mbs_cmp_var_plain_card .tagged-content-intro__content {
padding:4pc 1pc;
width: 100%
}
}
.mbs_cmp_var_plain_card .tagged-content-intro__content .tagged-content-intro__content--icon {
display: none
}
.mbs_cmp_var_plain_card .tagged-content-intro__content .tagged-content-intro__content--info .labeltext,.mbs_cmp_var_plain_card .tagged-content-intro__content .tagged-content-intro__content--info labeltext {
color: #737373;
display: inline-block
}
.mbs_cmp_var_plain_card .tagged-content-intro__content .diamond-separator {
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
display: grid;
grid-template-columns: 1fr 0fr 1fr;
margin: 22px auto 0;
width: 40%
}
@media only screen and (min-width: 320px)and (max-width:430px) {
.mbs_cmp_var_plain_card .tagged-content-intro__content .diamond-separator {
width:90%
}
}
.mbs_cmp_var_plain_card .tagged-content-intro__content .diamond-separator .separator-line {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
background-color: #80714c;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: .5px;
margin-top: 19px;
position: relative
}
.mbs_cmp_var_plain_card .tagged-content-intro__content .diamond-separator .separator-line .icon-left,.mbs_cmp_var_plain_card .tagged-content-intro__content .diamond-separator .separator-line .icon-right {
background: url(clientlib-site/resources/images/icons/img-list-bullet.svg) no-repeat;
display: inline-block;
height: 9px;
position: absolute;
top: -4px;
width: 9px
}
.mbs_cmp_var_plain_card .tagged-content-intro__content .diamond-separator .separator-line .icon-left {
left: -5px
}
.mbs_cmp_var_plain_card .tagged-content-intro__content .diamond-separator .separator-line .icon-right {
right: -5px
}
.mbs_cmp_var_plain_card .tagged-content-intro__content .diamond-separator .diamond-separator-icon {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
background: url(clientlib-site/resources/images/icons/icon-generic-diamond-gold.svg) no-repeat;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 36px;
margin: 0 auto;
width: 56px
}
.testimonial {
--slider-side: 100px;
--thumbnail: 479px
}
.testimonial .content-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px
}
@media(max-width: 834px) {
.testimonial .content-card {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px
}
}
.testimonial .content-card .text-image-cta__title h2 {
margin-top: 0;
padding-bottom: 1pc
}
@media(max-width: 834px) {
.testimonial .content-card .text-image-cta__title h2 {
padding-bottom:9pt
}
}
.testimonial .content-card .date {
letter-spacing: 3px;
margin-bottom: 60px;
text-transform: uppercase
}
.testimonial .content-card .date small {
color: #737373;
font-size: 14px;
font-weight: 400
}
.testimonial .content-card .text-image-cta__link {
margin-top: 40px
}
@media(max-width: 834px) {
.testimonial .content-card .text-image-cta__link {
margin-top:2pc
}
.testimonial .content-card .text-image-cta__title {
display: none
}
}
.testimonial .content-card .card-image {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.testimonial .content-card .card-image img {
aspect-ratio: 16/9;
display: block;
height: auto;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.testimonial .content-card .card-image .text-image-cta__title {
display: none
}
@media(max-width: 834px) {
.testimonial .content-card .card-image .text-image-cta__title {
display:block
}
}
.testimonial .content-card .card-image .play-btn {
background-image: url(clientlib-site/resources/images/icons/play.svg);
height: 60px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 60px
}
.testimonial .content-card .card-text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.testimonial .content-card .text-image-cta__testimonial {
position: relative
}
.testimonial .content-card .text-image-cta__testimonial:before {
background-image: url(clientlib-site/resources/images/icons/testimonial.svg);
content: "";
height: 24px;
left: 0;
position: absolute;
top: -34px;
width: 38px
}
.testimonial .content-card .text-image-cta__testimonial p {
font-size: 14px;
line-height: 20px
}
.testimonial .content-card .text-image-cta__testimonial p span.more {
display: none
}
.testimonial .content-card .text-image-cta__testimonial p small {
color: #737373;
font-size: 9pt;
line-height: 1pc
}
.testimonial .content-card .text-image-cta__testimonial ol,.testimonial .content-card .text-image-cta__testimonial ul {
font-size: 14px;
line-height: 20px;
padding-left: .8em
}
.testimonial .content-card .button__container--link {
margin: 24px 0
}
@media(max-width: 834px) {
.testimonial .content-card .button__container--link {
margin-left:auto
}
}
.testimonial .splide .content-card {
padding: 0 var(--slider-side)
}
@media(max-width: 599px) {
.testimonial .splide .content-card {
--slider-side:0
}
}
.testimonial .splide .content-card .card-image {
width: var(--thumbnail)
}
@media(max-width: 834px) {
.testimonial .splide .content-card .card-image {
width:auto
}
}
.testimonial .splide.not-full .content-card {
padding: 0
}
.testimonial .splide.not-full .card-image {
width: calc(var(--thumbnail) + var(--slider-side))
}
@media(max-width: 834px) {
.testimonial .cpl-multi-carousel-card .content-card .text-image-cta__title {
display:block
}
.testimonial .cpl-multi-carousel-card .content-card .text-image-cta__title h2 {
font-size: 22px;
margin-bottom: 4px;
padding-bottom: 0
}
.testimonial .cpl-multi-carousel-card .content-card .card-image .text-image-cta__title,.testimonial .cpl-multi-carousel-card .content-card .text-image-cta__title h2:after {
display: none
}
}
.testimonial .no-image {
text-align: center
}
.testimonial .no-image .content-card .date {
margin-top: 4px
}
.testimonial .no-image .content-card .button__container--link {
margin: 24px auto
}
.testimonial .no-image .content-card .text-image-cta__testimonial:before {
left: 0;
margin: auto;
right: 0
}
.testimonial .no-image .content-card .text-image-cta__title h3 {
margin: 0 auto
}
.testimonial .no-image .content-card .text-image-cta__title h3 span,.testimonial .no-image .content-card .text-image-cta__title h3:after {
display: none
}
.testimonial .no-image .content-card .text-image-cta__title {
display: block
}
.testimonial .splide__arrow {
background: none;
height: 77px;
width: 77px
}
.testimonial .splide__arrow svg {
display: none
}
.testimonial .splide__arrow--next {
background-image: url(clientlib-site/resources/images/icons/icon-next.svg);
background-size: contain;
right: 0
}
.testimonial .splide__arrow--prev {
background-image: url(clientlib-site/resources/images/icons/icon-prev.svg);
background-size: contain;
left: 0
}
.testimonial .splide__slide [action=video] .card-image .play-btn {
cursor: pointer
}
.testimonial .cmp-modal {
background: none
}
.testimonial .cmp-modal .dialog {
background: hsla(0,0%,5%,.6);
height: 100%
}
.testimonial .cmp-modal .dialog .modal-container__body {
background: none
}
.testimonial .cmp-modal .slide-modal-content {
margin: auto
}
@media only screen and (min-width: calc(834px + 1px)) {
.testimonial .cmp-modal .slide-modal-content {
width:75%
}
}
.testimonial .cmp-modal .slide-modal-content iframe {
display: block;
margin: auto
}
.testimonial .cmp-modal .modal-container__close-button:after,.testimonial .cmp-modal .modal-container__close-button:before {
background: #fff
}
@media(max-width: 1000px) {
.testimonial .cmp-modal .model_iframe {
width:500px
}
}
@media(max-width: 500px) {
.testimonial .cmp-modal .model_iframe {
width:300px
}
}
.testimonial .splide__slide {
list-style: none
}
.testimonial .caption-text {
color: #fafafa;
font-size: 9pt;
letter-spacing: 2px;
line-height: 1pc;
text-align: center;
text-transform: uppercase
}
@media(max-width: 599px) {
.testimonial .caption-text {
font-size:10px
}
}
.testimonial .cmp-modal .dialog .modal-container__close-button:focus,.testimonial .cmp-modal .dialog .modal-container__close-button:focus-visible {
-webkit-box-shadow: none;
box-shadow: none;
outline: none
}
.textimagecta {
--_row_gutter: 22px;
--_side_margin: 16px;
--_content_margin: 0
}
.textimagecta .mbs-link-dropdown {
--drop-width: 300px;
-webkit-box-pack: start;
-ms-flex-pack: start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: flex-start;
margin-bottom: 40px;
position: relative;
visibility: hidden
}
.textimagecta .mbs-link-dropdown__wrapper {
max-width: var(--drop-width);
position: relative
}
.textimagecta .mbs-link-dropdown__wrapper:hover .mbs-link-dropdown__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
opacity: 1
}
.textimagecta .mbs-link-dropdown__wrapper:hover .button__container .mbs-link-dropdown__button span.mbs-link-dropdown__button-arrow {
right: 3px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.textimagecta .mbs-link-dropdown .button__container {
--max-width: auto;
--min-width: auto;
margin: 0
}
.textimagecta .mbs-link-dropdown .button__container.mbs-link-dropdown__button-wrapper {
margin: 0
}
.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: ArizonaSansRegular;
font-size: 14px;
justify-content: center;
letter-spacing: .15em;
max-width: var(--drop-width);
padding-left: 25px;
padding-right: 25px;
position: relative
}
.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button span.mbs-link-dropdown__button-arrow {
height: 20px;
position: absolute;
right: 8px;
width: 20px;
z-index: 5
}
.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button span.mbs-link-dropdown__button-arrow svg {
display: block
}
.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button span {
text-align: center
}
.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__filter:hover,.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__generic:hover,.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__primary:hover,.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__reserve:hover,.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__room:hover,.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__search:hover,.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__table:hover {
background: #000
}
.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__reserve:hover {
top: 0
}
.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__filter,.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__room,.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__search,.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__table {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__filter:hover,.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__room:hover,.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__search:hover,.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__table:hover {
opacity: 1
}
.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__filter:hover {
color: #fff
}
.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__secondary:hover {
border-color: #000;
color: #000
}
.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__link span {
line-height: 18.2px
}
.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__link:hover {
color: #000
}
.textimagecta .mbs-link-dropdown .button__container .cmp-button.mbs-link-dropdown__button.button__link:hover:after {
border-color: #000;
width: 100%
}
.textimagecta .mbs-link-dropdown .mbs-link-dropdown__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #f8f8f5;
border: 1px solid #dcddd7;
-ms-flex-direction: column;
flex-direction: column;
height: 0;
left: 0;
max-height: 230px;
max-width: var(--drop-width);
opacity: 0;
overflow: hidden;
overflow-y: auto;
position: absolute;
text-transform: unset!important;
-webkit-transition: all .5s ease;
transition: all .5s ease;
width: auto;
z-index: 10
}
.textimagecta .mbs-link-dropdown .mbs-link-dropdown__list a {
color: #404040;
cursor: pointer;
font-family: ArizonaSansRegular;
font-size: 14px;
letter-spacing: .15em;
line-height: 18.2px;
padding: 9pt 15px 8px;
text-align: left;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
width: 100%
}
.textimagecta .mbs-link-dropdown .mbs-link-dropdown__list a:hover {
background: #dcddd7
}
.textimagecta .mbs-link-dropdown.center-aligned {
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center
}
.textimagecta .mbs-link-dropdown.center-aligned .mbs-link-dropdown__list {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.textimagecta .mbs-link-dropdown--init {
visibility: visible
}
.textimagecta .mbs-link-dropdown--init .mbs-link-dropdown__list {
width: 100%
}
.textimagecta .mbs-link-dropdown--init .mbs-link-dropdown__list a {
white-space: normal
}
.textimagecta .mbs-link-dropdown.active .mbs-link-dropdown__wrapper .mbs-link-dropdown__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
opacity: 1
}
.textimagecta .mbs-link-dropdown.active .mbs-link-dropdown__wrapper .button__container .mbs-link-dropdown__button span.mbs-link-dropdown__button-arrow {
right: 8px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.textimagecta .mbs-link-dropdown ::-webkit-scrollbar {
width: 3px
}
.textimagecta .mbs-link-dropdown ::-webkit-scrollbar-track {
background: transparent
}
.textimagecta .mbs-link-dropdown ::-webkit-scrollbar-thumb {
background: #c5c6bc;
border-radius: 0
}
.textimagecta .mbs-link-dropdown ::-webkit-scrollbar-thumb:hover {
background: #c5c6bc
}
.textimagecta .taggedcontent .tagged-content-intro .tagged-content-intro__content .tagged-content-intro__content--button .button__container.mbs-link-dropdown__button-wrapper {
margin: 0
}
.textimagecta h2 {
display: block;
margin-inline:auto;position: relative
}
.textimagecta .text-image-cta__spacer,.textimagecta .text-image-cta__title {
grid-area: title
}
.textimagecta .text-image-cta__title h2 {
margin-bottom: 0
}
@media only screen and (max-width: 1024px) {
.textimagecta .text-image-cta__title h2 {
font-size:25px
}
}
.textimagecta .text-image-cta {
display: grid
}
.textimagecta .text-image-cta__description {
font-size: 15px;
grid-area: description;
line-height: 142.857%
}
.textimagecta .text-image-cta__description>:first-child {
margin-top: 0
}
.textimagecta .text-image-cta__description>:last-child {
margin-bottom: 0
}
.textimagecta .text-image-cta__description>:not(:last-child) {
margin-bottom: 1pc
}
.textimagecta .text-image-cta__description p,.textimagecta .text-image-cta__description ul {
margin-top: 0
}
.textimagecta .text-image-cta__description ul {
padding-left: 0
}
.textimagecta .text-image-cta__description ul li {
line-height: 128.571%;
list-style: none;
padding-left: 1.5em;
position: relative
}
.textimagecta .text-image-cta__description ul li:before {
aspect-ratio: 1;
background: url(clientlib-site/resources/images/icons/icon-list-diamond.svg) 50% no-repeat;
content: "";
display: block;
left: 0;
position: absolute;
top: .25em;
width: 1em
}
.textimagecta .text-image-cta__description ul li:not(:last-child) {
margin-bottom: .5333em
}
.textimagecta .text-image-cta__button {
grid-area: ctabutton
}
.textimagecta .text-image-cta__image-container {
grid-area: imageBox
}
.textimagecta .text-image-cta__link {
grid-area: linkbutton
}
.textimagecta .text-image-cta__image-label {
grid-area: label
}
.textimagecta .text-image-cta__more-details {
grid-area: moredetails
}
.textimagecta.text_image__left .text-image-cta__title,.textimagecta.text_image__left-small .text-image-cta__title,.textimagecta.text_image__right .text-image-cta__title,.textimagecta.text_image__right-small .text-image-cta__title {
position: relative
}
.textimagecta.text_image__left .text-image-cta__title :after,.textimagecta.text_image__left-small .text-image-cta__title :after,.textimagecta.text_image__right .text-image-cta__title :after,.textimagecta.text_image__right-small .text-image-cta__title :after {
left: 0;
-webkit-transform: none;
transform: none
}
.textimagecta.text_image__left .text-image-cta__more-details,.textimagecta.text_image__left-small .text-image-cta__more-details,.textimagecta.text_image__right .text-image-cta__more-details,.textimagecta.text_image__right-small .text-image-cta__more-details {
color: #404040;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 129%
}
.textimagecta.text_image__left-small .text-image-cta .text-image-cta__image-container img.text-image-cta__image,.textimagecta.text_image__right-small .text-image-cta .text-image-cta__image-container img.text-image-cta__image {
height: auto
}
.textimagecta.text_image__left-small .text-image-cta .text-image-cta__image-container.deco-sec-diamond--0:after,.textimagecta.text_image__left-small .text-image-cta .text-image-cta__image-container.deco-sec-diamond--1:after,.textimagecta.text_image__left-small .text-image-cta .text-image-cta__image-container.deco-sec-diamond--2:after,.textimagecta.text_image__left-small .text-image-cta .text-image-cta__image-container.deco-sec-diamond--3:after,.textimagecta.text_image__left-small .text-image-cta .text-image-cta__image-container.deco-sec-diamond:after,.textimagecta.text_image__right-small .text-image-cta .text-image-cta__image-container.deco-sec-diamond--0:after,.textimagecta.text_image__right-small .text-image-cta .text-image-cta__image-container.deco-sec-diamond--1:after,.textimagecta.text_image__right-small .text-image-cta .text-image-cta__image-container.deco-sec-diamond--2:after,.textimagecta.text_image__right-small .text-image-cta .text-image-cta__image-container.deco-sec-diamond--3:after,.textimagecta.text_image__right-small .text-image-cta .text-image-cta__image-container.deco-sec-diamond:after {
display: none
}
.textimagecta[class*=_center] .text-image-cta__title * {
text-align: center
}
@media only screen and (min-width: calc(430px + 1px)) {
.textimagecta {
--_content_margin:4em
}
}
@media only screen and (min-width: calc(1024px)) {
.textimagecta {
--_content_margin:0;
--_row_gutter: 40px;
--_column_gutter: 36px;
--_side_margin: calc(50% - 472px)
}
}
@media only screen and (min-width: calc(1280px + 1px)) {
.textimagecta {
--_column_gutter:49px;
--_side_margin: calc(50% - 604px)
}
}
@media only screen and (min-width: calc(1440px + 1px)) {
.textimagecta {
--_column_gutter:64px;
--_side_margin: calc(50% - 652px)
}
}
.textimagecta.text_image__left .text-image-cta,.textimagecta.text_image__left-small .text-image-cta,.textimagecta.text_image__right .text-image-cta,.textimagecta.text_image__right-small .text-image-cta {
-webkit-column-gap: var(--_column_gutter);
-moz-column-gap: var(--_column_gutter);
column-gap: var(--_column_gutter);
grid-template-rows: repeat(6,auto) 1fr;
padding-inline:1pc}
.textimagecta.text_image__left .text-image-cta .text-image-cta__image-text,.textimagecta.text_image__left-small .text-image-cta .text-image-cta__image-text,.textimagecta.text_image__right .text-image-cta .text-image-cta__image-text,.textimagecta.text_image__right-small .text-image-cta .text-image-cta__image-text {
display: none
}
.textimagecta.text_image__left .text-image-cta .text-image-cta__image,.textimagecta.text_image__left-small .text-image-cta .text-image-cta__image,.textimagecta.text_image__right .text-image-cta .text-image-cta__image,.textimagecta.text_image__right-small .text-image-cta .text-image-cta__image {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.textimagecta.text_image__left .text-image-cta__more-details+.text-image-cta__link,.textimagecta.text_image__left-small .text-image-cta__more-details+.text-image-cta__link,.textimagecta.text_image__right .text-image-cta__more-details+.text-image-cta__link,.textimagecta.text_image__right-small .text-image-cta__more-details+.text-image-cta__link {
margin-top: calc(var(--_row_gutter)*-.75)
}
.textimagecta.text_image__left .text-image-cta__link>*,.textimagecta.text_image__left-small .text-image-cta__link>*,.textimagecta.text_image__right .text-image-cta__link>*,.textimagecta.text_image__right-small .text-image-cta__link>* {
min-width: 100%
}
.textimagecta.text_image__left .text-image-cta__link a,.textimagecta.text_image__left-small .text-image-cta__link a,.textimagecta.text_image__right .text-image-cta__link a,.textimagecta.text_image__right-small .text-image-cta__link a {
display: inline-block
}
@media only screen and (max-width: 1024px) {
.textimagecta.text_image__left .text-image-cta__link,.textimagecta.text_image__left .text-image-cta__more-details,.textimagecta.text_image__left-small .text-image-cta__link,.textimagecta.text_image__left-small .text-image-cta__more-details,.textimagecta.text_image__right .text-image-cta__link,.textimagecta.text_image__right .text-image-cta__more-details,.textimagecta.text_image__right-small .text-image-cta__link,.textimagecta.text_image__right-small .text-image-cta__more-details {
text-align:right
}
}
@media only screen and (min-width: calc(1024px)) {
.textimagecta.text_image__left-small:not([class*=-small])[class*=__right] .text-image-cta,.textimagecta.text_image__left:not([class*=-small])[class*=__right] .text-image-cta,.textimagecta.text_image__right-small:not([class*=-small])[class*=__right] .text-image-cta,.textimagecta.text_image__right:not([class*=-small])[class*=__right] .text-image-cta {
padding-inline:0 var(--_side_margin)
}
.textimagecta.text_image__left-small:not([class*=-small])[class*=__left] .text-image-cta,.textimagecta.text_image__left:not([class*=-small])[class*=__left] .text-image-cta,.textimagecta.text_image__right-small:not([class*=-small])[class*=__left] .text-image-cta,.textimagecta.text_image__right:not([class*=-small])[class*=__left] .text-image-cta {
padding-inline:var(--_side_margin) 0}
.textimagecta.text_image__left-small[class*=-small] .text-image-cta,.textimagecta.text_image__left[class*=-small] .text-image-cta,.textimagecta.text_image__right-small[class*=-small] .text-image-cta,.textimagecta.text_image__right[class*=-small] .text-image-cta {
padding-inline: var(--_side_margin)
}
}
.textimagecta.text_image__center .text-image-cta,.textimagecta.text_image__center_top .text-image-cta {
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
grid-template-areas: ". title title title ." "imageBox imageBox imageBox imageBox imageBox" ". labeltext labeltext labeltext ." ". description linkbutton ctabutton ." "imageBox-last imageBox-last imageBox-last imageBox-last imageBox-last";
grid-template-columns: var(--_side_margin) 1fr 1fr 1fr var(--_side_margin)
}
.textimagecta.text_image__center .text-image-cta>:not(:last-child),.textimagecta.text_image__center_top .text-image-cta>:not(:last-child) {
margin-bottom: var(--_row_gutter)
}
@media only screen and (max-width: 1024px) {
.textimagecta.text_image__center .text-image-cta>:not(:first-child):not(:last-child),.textimagecta.text_image__center_top .text-image-cta>:not(:first-child):not(:last-child) {
padding-inline:var(--_side_margin)
}
}
.textimagecta.text_image__center .image-overlay-content .mbs-link-dropdown .button__container.mbs-link-dropdown__button-wrapper .cmp-button.button__generic:hover,.textimagecta.text_image__center .image-overlay-content .mbs-link-dropdown .button__container.mbs-link-dropdown__button-wrapper .cmp-button.button__primary:hover,.textimagecta.text_image__center_top .image-overlay-content .mbs-link-dropdown .button__container.mbs-link-dropdown__button-wrapper .cmp-button.button__generic:hover,.textimagecta.text_image__center_top .image-overlay-content .mbs-link-dropdown .button__container.mbs-link-dropdown__button-wrapper .cmp-button.button__primary:hover,.textimagecta.text_image__title_center_only .image-overlay-content .mbs-link-dropdown .button__container.mbs-link-dropdown__button-wrapper .cmp-button.button__generic:hover,.textimagecta.text_image__title_center_only .image-overlay-content .mbs-link-dropdown .button__container.mbs-link-dropdown__button-wrapper .cmp-button.button__primary:hover {
background: #fff
}
.textimagecta.text_image__center .image-overlay-content .mbs-link-dropdown .button__container.mbs-link-dropdown__button-wrapper .cmp-button.button__link:hover,.textimagecta.text_image__center_top .image-overlay-content .mbs-link-dropdown .button__container.mbs-link-dropdown__button-wrapper .cmp-button.button__link:hover,.textimagecta.text_image__title_center_only .image-overlay-content .mbs-link-dropdown .button__container.mbs-link-dropdown__button-wrapper .cmp-button.button__link:hover {
color: #fff
}
.textimagecta.text_image__center .image-overlay-content .mbs-link-dropdown .button__container.mbs-link-dropdown__button-wrapper .cmp-button.button__link:hover svg,.textimagecta.text_image__center_top .image-overlay-content .mbs-link-dropdown .button__container.mbs-link-dropdown__button-wrapper .cmp-button.button__link:hover svg,.textimagecta.text_image__title_center_only .image-overlay-content .mbs-link-dropdown .button__container.mbs-link-dropdown__button-wrapper .cmp-button.button__link:hover svg {
fill: #fff
}
.textimagecta.text_image__center_top .text-image-cta__image-container {
grid-area: imageBox-last
}
.textimagecta.text_image__center_top .text-image-cta__image-container.text-image-cta__image-container {
margin-bottom: 0
}
@media only screen and (max-width: 1024px) {
.textimagecta.text_image__center_top .text-image-cta__button {
margin-bottom:var(--_row_gutter)
}
}
.textimagecta .text-image-cta.text-image-cta>:not(:first-child):not(:last-child) {
margin-bottom: var(--_row_gutter);
margin-inline:var(--_content_margin)}
.textimagecta.text_image__title_center_only .text-image-cta__title {
margin-inline: var(--_content_margin)
}
@media only screen and (max-width: 1024px) {
.textimagecta.text_image__title_center_only .text-image-cta__title {
padding-inline:var(--_side_margin)
}
.textimagecta .text-image-cta.text-image-cta {
grid-template-areas: "title" "imageBox" "label" "description" "moredetails" "linkbutton" "ctabutton" "imageBox-last";
grid-template-columns: auto;
grid-template-rows: repeat(7,auto)
}
.textimagecta:not(.text_image__center_top) .text-image-cta__image-container,.textimagecta:not(.text_image__title_center_only) .text-image-cta__image-container {
margin-bottom: var(--_row_gutter)
}
.textimagecta .text-image-cta__button {
margin-inline:auto;margin-top: calc(var(--_row_gutter)*-1);
padding-top: 33px
}
}
.text-image-cta__image-label h4 {
color: #737373;
font-size: 15px;
font-style: normal;
font-weight: 400;
letter-spacing: 3px;
line-height: 1pc;
text-transform: uppercase
}
.text_image__left .text-image-cta {
grid-template-areas: "title imageBox" "label imageBox" "description imageBox" "moredetails imageBox" "linkbutton imageBox" "spacer imageBox" "ctabutton imageBox";
grid-template-columns: 1fr 55vw
}
.text_image__left .text-image-cta__image-label h4 {
margin: 9pt 0 2px;
padding: 0
}
@media only screen and (max-width: 1024px) {
.text_image__left .text-image-cta__image-label {
margin-bottom:-2px;
padding: 4px 4em 0;
width: 100%
}
}
@media only screen and (max-width: 430px) {
.text_image__left .text-image-cta__image-label {
margin-left:0;
padding: 4px 1pc 0 0
}
}
.text_image__right .text-image-cta {
grid-template-areas: "imageBox title" "imageBox label" "imageBox description" "imageBox moredetails" "imageBox linkbutton" "imageBox spacer" "imageBox ctabutton";
grid-template-columns: 55vw 1fr
}
.text_image__right .text-image-cta__image-label h4 {
margin: 9pt 0 2px;
padding: 0
}
@media only screen and (max-width: 1024px) {
.text_image__right .text-image-cta__image-label {
margin-bottom:-2px;
padding: 4px 4em 0;
width: 100%
}
}
@media only screen and (max-width: 430px) {
.text_image__right .text-image-cta__image-label {
margin-left:0;
padding: 4px 1pc 0 0
}
}
.text_image__right .text-image-cta__image-container {
-ms-flex-line-pack: center;
align-content: center;
width: 100%
}
.text_image__right .text-image-cta__image-container .text-image-cta__image {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.text_image__left-small .text-image-cta {
grid-template-areas: "title imageBox" "label imageBox" "description imageBox" "moredetails imageBox" "linkbutton imageBox" "spacer imageBox" "ctabutton imageBox";
grid-template-columns: 1fr 1fr
}
.text_image__left-small .text-image-cta__image-label h4 {
margin: 9pt 0 2px;
padding: 0
}
@media only screen and (max-width: 1024px) {
.text_image__left-small .text-image-cta__image-label {
margin-bottom:-2px;
padding: 4px 4em 0;
width: 100%
}
}
@media only screen and (max-width: 430px) {
.text_image__left-small .text-image-cta__image-label {
margin-left:0;
padding: 4px 1pc 0 0
}
}
.text_image__left-small .text-image-cta__image-container {
-ms-flex-line-pack: center;
align-content: center;
width: 100%
}
.text_image__right-small .text-image-cta {
grid-template-areas: "imageBox title" "imageBox label" "imageBox description" "imageBox moredetails" "imageBox linkbutton" "imageBox spacer" "imageBox ctabutton";
grid-template-columns: 1fr 1fr
}
.text_image__right-small .text-image-cta__image-label h4 {
margin: 9pt 0 2px;
padding: 0
}
@media only screen and (max-width: 1024px) {
.text_image__right-small .text-image-cta__image-label {
margin-bottom:-2px;
padding: 4px 4em 0;
width: 100%
}
}
@media only screen and (max-width: 430px) {
.text_image__right-small .text-image-cta__image-label {
margin-left:0;
padding: 4px 1pc 0 0
}
}
.text_image__right-small .text-image-cta__image-container {
-ms-flex-line-pack: center;
align-content: center;
width: 100%
}
.text_image__center .text-image-cta {
grid-template-columns: 1fr 1fr 1fr
}
.text_image__center .text-image-cta__image-label {
grid-area: labeltext;
margin-left: auto;
margin-right: auto;
position: relative
}
.text_image__center .text-image-cta__image-label h4 {
color: #404040
}
@media only screen and (min-width: calc(1024px)) {
.text_image__center .text-image-cta__image-label {
width:100%
}
.text_image__center .text-image-cta__image-label h4 {
margin-bottom: -2px
}
}
@media only screen and (max-width: 1024px) {
.text_image__center .text-image-cta__image-label {
margin-bottom:-4px;
padding: 0 4em;
width: 100%
}
}
@media only screen and (max-width: 430px) {
.text_image__center .text-image-cta__image-label {
margin-bottom:-18px;
margin-left: 0;
padding: 0 1em
}
}
.text_image__center .text-image-cta__image-container {
-ms-flex-line-pack: center;
align-content: center;
width: 100%
}
@media only screen and (max-width: 1024px) {
.text_image__center .text-image-cta__image-container {
height:auto
}
}
.text_image__center .text-image-cta__image-container .text-image-cta__image-text {
width: 70%
}
@media only screen and (max-width: 1280px) {
.text_image__center .text-image-cta__image-container .text-image-cta__image-text {
width:70%
}
}
@media only screen and (max-width: 1024px) {
.text_image__center .text-image-cta__image-container .text-image-cta__image-text {
width:70%
}
}
.text_image__center .text-image-cta__image-container .text-image-cta__image-text h3 {
color: #404040;
font-size: 14px;
font-style: normal;
font-weight: 400;
left: 12.9em;
letter-spacing: 3px;
line-height: 23px;
position: relative;
text-transform: uppercase;
top: -1em;
width: 70%
}
@media only screen and (max-width: 1024px) {
.text_image__center .text-image-cta__image-container .text-image-cta__image-text h3 {
left:0;
margin-left: 5.3em;
width: 80%
}
}
@media only screen and (max-width: 430px) {
.text_image__center .text-image-cta__image-container .text-image-cta__image-text h3 {
margin-left:0;
padding: .5em 1em;
width: 95%
}
}
.text_image__center .text-image-cta__image-container .text-image-cta__image-text h4 {
display: none
}
.text_image__center .text-image-cta__image-container .overlay {
height: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 90%
}
.text_image__center .text-image-cta__image-container .overlay h3 {
color: #fafafa;
font-size: 21px;
left: 0;
margin-left: auto;
margin-right: auto;
position: relative;
top: -6.5em;
width: 90%
}
.text_image__center .text-image-cta__image-container .overlay h4 {
color: #fafafa;
display: block;
font-size: 14px;
font-style: normal;
font-weight: 400;
letter-spacing: 3px;
line-height: 14px;
margin-left: auto;
margin-right: auto;
text-align: center;
text-transform: uppercase;
width: 90%
}
@media only screen and (min-width: calc(834px + 1px)) {
.text_image__center .text-image-cta__image-container .overlay h4 {
height:0;
position: relative;
top: -11em;
width: 100%
}
}
@media only screen and (max-width: 834px) {
.text_image__center .text-image-cta__image-container .overlay h4 {
height:0;
position: relative;
top: -11em;
width: 100%
}
}
.text_image__center .text-image-cta__image-container .text-image-cta__image {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: relative;
top: 5px;
width: 100%
}
@media only screen and (max-width: 834px) {
.text_image__center .text-image-cta__image-container .text-image-cta__image {
height:376px
}
}
.text_image__center_top .text-image-cta {
grid-template-areas: "title title title" "imageBox imageBox imageBox imageBox imageBox" "labeltext labeltext labeltext" "description linkbutton ctabutton"
}
.text_image__center_top .text-image-cta__image-label {
grid-area: labeltext;
position: relative
}
.text_image__center_top .text-image-cta__image-label h4 {
color: #404040
}
@media only screen and (min-width: calc(1024px)) {
.text_image__center_top .text-image-cta__image-label {
padding-top:6px;
width: 30%
}
.text_image__center_top .text-image-cta__image-label h4 {
margin-bottom: -2px
}
}
@media only screen and (max-width: 834px) {
.text_image__center_top .text-image-cta__image-label {
margin-bottom:-4px;
padding: 0 5em;
width: 100%
}
}
@media only screen and (max-width: 430px) {
.text_image__center_top .text-image-cta__image-label {
margin-bottom:-18px;
margin-left: 0;
margin-top: -9pt;
padding: 0 1em
}
}
.text_image__center_top .text-image-cta__more-details {
display: none
}
.text_image__center_top .text-image-cta__image-container {
-ms-flex-line-pack: center;
align-content: center;
width: 100%
}
@media only screen and (max-width: 834px) {
.text_image__center_top .text-image-cta__image-container {
height:auto
}
}
.text_image__center_top .text-image-cta__image-container .text-image-cta__image-text {
width: 70%
}
@media only screen and (max-width: 1280px) {
.text_image__center_top .text-image-cta__image-container .text-image-cta__image-text {
width:70%
}
}
@media only screen and (max-width: 834px) {
.text_image__center_top .text-image-cta__image-container .text-image-cta__image-text {
width:70%
}
}
.text_image__center_top .text-image-cta__image-container .text-image-cta__image-text h3 {
color: #404040;
font-size: 14px;
font-style: normal;
font-weight: 400;
left: 12.9em;
letter-spacing: 3px;
line-height: 23px;
position: relative;
text-transform: uppercase;
top: -1em;
width: 70%
}
@media only screen and (max-width: 834px) {
.text_image__center_top .text-image-cta__image-container .text-image-cta__image-text h3 {
left:0;
margin-left: 5.3em;
width: 80%
}
}
@media only screen and (max-width: 430px) {
.text_image__center_top .text-image-cta__image-container .text-image-cta__image-text h3 {
margin-left:0;
padding: .5em 1em;
width: 95%
}
}
.text_image__center_top .text-image-cta__image-container .text-image-cta__image-text h4 {
display: none
}
.text_image__center_top .text-image-cta__image-container .overlay {
height: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 90%
}
.text_image__center_top .text-image-cta__image-container .overlay h3 {
color: #fafafa;
font-size: 21px;
left: 0;
margin-left: auto;
margin-right: auto;
position: relative;
top: -6.5em;
width: 90%
}
.text_image__center_top .text-image-cta__image-container .overlay h4 {
color: #fafafa;
display: block;
font-size: 14px;
font-style: normal;
font-weight: 400;
letter-spacing: 3px;
line-height: 14px;
margin-left: auto;
margin-right: auto;
text-align: center;
text-transform: uppercase;
width: 90%
}
@media only screen and (min-width: calc(834px + 1px)) {
.text_image__center_top .text-image-cta__image-container .overlay h4 {
height:0;
position: relative;
top: -11em;
width: 100%
}
}
@media only screen and (max-width: 834px) {
.text_image__center_top .text-image-cta__image-container .overlay h4 {
height:0;
position: relative;
top: -11em;
width: 100%
}
}
.text_image__center_top .text-image-cta__image-container .text-image-cta__image {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: relative;
top: 5px;
width: 100%
}
@media only screen and (max-width: 834px) {
.text_image__center_top .text-image-cta__image-container .text-image-cta__image {
height:376px
}
}
.text_image__title_center_only .text-image-cta {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.text_image__title_center_only .text-image-cta__image-container {
-webkit-box-flex: 0;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
height: 100%;
width: 100%
}
@media only screen and (min-width: calc(834px + 1px)) {
.text_image__title_center_only .text-image-cta__image-container {
height:auto
}
}
@media only screen and (max-width: 834px) {
.text_image__title_center_only .text-image-cta__image-container {
height:auto
}
}
.text_image__title_center_only .text-image-cta__image-container .text-image-cta__image-text {
width: 100%
}
@media only screen and (max-width: 1280px) {
.text_image__title_center_only .text-image-cta__image-container .text-image-cta__image-text {
width:70%
}
}
@media only screen and (max-width: 1024px) {
.text_image__title_center_only .text-image-cta__image-container .text-image-cta__image-text {
width:70%
}
}
.text_image__title_center_only .text-image-cta__image-container .text-image-cta__image-text h3 {
color: #555;
font-size: 14px;
font-style: normal;
font-weight: 400;
left: 5px;
letter-spacing: 2px;
line-height: 23px;
position: relative;
text-transform: uppercase;
top: -20px;
width: 70%
}
.text_image__title_center_only .text-image-cta__image-container .text-image-cta__image-text h4 {
display: none
}
.text_image__title_center_only .text-image-cta__image-container .overlay {
height: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 90%
}
.text_image__title_center_only .text-image-cta__image-container .overlay h3 {
color: #fafafa;
font-size: 21px;
margin-left: auto;
margin-right: auto;
position: relative;
top: -6.5em;
width: 90%
}
.text_image__title_center_only .text-image-cta__image-container .overlay h4 {
color: #fafafa;
display: block;
font-size: 14px;
font-style: normal;
font-weight: 400;
letter-spacing: 3px;
line-height: 14px;
margin-left: auto;
margin-right: auto;
text-align: center;
text-transform: uppercase;
width: 90%
}
@media only screen and (min-width: calc(834px + 1px)) {
.text_image__title_center_only .text-image-cta__image-container .overlay h4 {
height:0;
position: relative;
top: -11em;
width: 100%
}
}
@media only screen and (max-width: 834px) {
.text_image__title_center_only .text-image-cta__image-container .overlay h4 {
height:0;
position: relative;
top: -11em;
width: 100%
}
}
.text_image__title_center_only .text-image-cta__image-container .text-image-cta__image {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: relative;
top: 5px;
width: 100%
}
@media only screen and (max-width: 834px) {
.text_image__title_center_only .text-image-cta__image-container .text-image-cta__image {
height:376px
}
}
.text_image__title_center_only .text-image-cta__button,.text_image__title_center_only .text-image-cta__description,.text_image__title_center_only .text-image-cta__image-label,.text_image__title_center_only .text-image-cta__link,.text_image__title_center_only .text-image-cta__more-details {
display: none
}
.text_image__title_center_only .text-image-cta__image-label {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.text_image__title_center_only .text-image-cta__image-container {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.textscrollerimage ul {
margin: 0;
padding: 0
}
.textscrollerimage #slideCont {
margin-left: 0;
-webkit-transition: margin-left .5s ease-out;
transition: margin-left .5s ease-out
}
.textscrollerimage .slideshow-container {
background-size: cover;
height: 810px;
margin: auto;
max-width: 100%;
overflow: hidden;
position: relative
}
.textscrollerimage .slideshow-container .button__container {
margin: 40px auto 0;
max-width: 290px;
z-index: 9999999
}
.textscrollerimage .slider-background {
background: #0d0d0d;
height: 100%;
opacity: .3;
position: absolute;
width: 100%;
z-index: 1
}
.textscrollerimage .slide-container {
height: 100%;
padding-left: 25vw
}
.textscrollerimage .slider-fade-bg {
height: 100%;
position: relative;
width: 99999px;
z-index: 1
}
.textscrollerimage .slide-texts {
color: #fafafa;
display: inline-block;
margin-top: -750px;
position: relative;
text-align: center;
top: 100%;
vertical-align: middle;
width: 45vw
}
.textscrollerimage .slide-label {
font-size: 15px;
letter-spacing: 3px;
text-shadow: 0 0 4px hsla(0,0%,5%,.5);
text-transform: uppercase
}
.textscrollerimage .next,.textscrollerimage .prev {
border-radius: 0 3px 3px 0;
color: #fff;
cursor: pointer;
font-size: 18px;
font-weight: 700;
height: 100%;
padding: 1pc;
position: absolute;
-webkit-transition: .6s ease;
transition: .6s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: calc(50vw - 42.5%);
z-index: 99999
}
.textscrollerimage .next {
border-radius: 3px 0 0 3px;
right: 0
}
.textscrollerimage .prev:hover {
cursor: url(clientlib-site/resources/images/icons/icon-prev.svg) 43 43,pointer
}
.textscrollerimage .next:hover {
cursor: url(clientlib-site/resources/images/icons/icon-next.svg) 43 43,pointer
}
.textscrollerimage .text {
bottom: 8px;
color: #f2f2f2;
font-size: 15px;
padding: 8px 9pt;
position: absolute;
text-align: center;
width: 100%
}
.textscrollerimage .slide-title {
color: #fafafa;
font-size: 34px;
letter-spacing: 2px;
margin-bottom: 0;
padding-bottom: 8px;
text-shadow: 0 0 4px hsla(0,0%,5%,.5);
text-transform: uppercase
}
.textscrollerimage .slide-title:after {
display: none
}
@media only screen and (min-width: 320px)and (max-width:430px) {
.textscrollerimage .slideshow-container {
background-position:50%
}
.textscrollerimage .slideshow-container .button__container {
margin: 2pc auto 0
}
.textscrollerimage .slide-container {
padding-left: 0
}
.textscrollerimage .slide-texts {
width: 100vw
}
.textscrollerimage .slide-title {
font-size: 25px;
margin: 0 auto;
width: 70%
}
.textscrollerimage .slide-label {
margin-top: -10px
}
.navigation-holder {
bottom: 15%;
left: 37%;
position: absolute;
z-index: 9999
}
.navigation-holder .dot {
background: url(clientlib-site/resources/images/icons/icon-diamond-small.svg) no-repeat;
cursor: pointer;
display: inline-block;
height: 15px;
margin-right: 2pc;
width: 15px
}
.navigation-holder .active {
background: url(clientlib-site/resources/images/icons/icon-diamond-small-solid.svg) no-repeat
}
}
.titletextlink .cmp-titletextlink__title {
color: #80714c;
font-size: 34px;
letter-spacing: 2px;
line-height: 28px;
margin-top: 66px;
text-align: center;
text-transform: uppercase;
width: 90%
}
.titletextlink .cmp-titletextlink__title:after {
border-bottom: 1px solid #80714c;
content: " ";
display: block;
height: 1pc;
margin: 0 auto;
width: 38.45px
}
.titletextlink .card-holder {
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 75px
}
.titletextlink .card-holder .card-items {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 66px
}
.titletextlink .card-holder .card-items .card-snippets__container {
color: #555
}
.titletextlink .card-holder .card-items .card-snippets__container .card-title {
color: #80714c;
font-size: 22px;
letter-spacing: 2px;
line-height: 23px;
margin-bottom: 24px;
text-transform: uppercase
}
.titletextlink .card-holder .card-items .card-snippets__container .card-info .card-date {
border-right: 1px solid #555;
float: left;
margin-right: 10px;
padding-right: 10px
}
.titletextlink .card-holder .card-items .card-snippets__container .card-content {
margin-bottom: 30px;
min-height: 75pt
}
@media only screen and (min-width: 320px)and (max-width:calc(1024px - 1px)) {
.titletextlink .cmp-titletextlink__title {
font-size:25px
}
.titletextlink .card-holder {
display: block
}
.titletextlink .card-holder .card-items {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
}
.mbs_cf_rte_tooltip {
display: none
}
.tooltip__icon--info {
display: inline-block;
height: 22px;
margin-right: 2px;
padding: 0;
position: relative;
top: 8px;
width: 22px
}
.tippy-box[data-theme~=mbs] {
background-color: #f6f4fe;
border-bottom: 1px solid #737373;
border-radius: 0;
border-top: 1px solid #737373;
color: #202020
}
.tippy-box[data-theme~=mbs] .tippy-content {
background-color: #f6f4fe;
padding: 9pt
}
.tippy-box[data-theme~=mbs] .tippy-content ul {
margin: 0;
padding-left: 1rem
}
.tippy-box[data-theme~=mbs] .tippy-content p:first-child {
margin-top: 0
}
.tippy-box[data-theme~=mbs] .tippy-content *+ul,.tippy-box[data-theme~=mbs] .tippy-content ul+* {
margin-top: 1rem
}
.external-redirection-reminder {
width: 50pc
}
@media only screen and (max-width: 430px) {
.external-redirection-reminder {
height:70dvh;
width: 90dvw
}
}
.external-redirection-reminder .dialog {
background-color: #f0f1eb
}
.external-redirection-reminder .dialog .modal-container__header {
background-color: inherit;
padding: .5rem 1.7rem
}
.external-redirection-reminder .dialog .modal-container__close-button {
position: absolute;
right: 0;
top: 15px
}
.external-redirection-reminder .dialog .modal-container__close-button:after,.external-redirection-reminder .dialog .modal-container__close-button:before {
background-color: #404040
}
.external-redirection-reminder .dialog .modal-container__body {
background-color: #fff;
padding: 1rem 5rem
}
@media only screen and (max-width: 430px) {
.external-redirection-reminder .dialog .modal-container__body {
padding:1rem 1.5rem
}
}
.external-redirection-reminder .dialog .modal-container__body--wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%
}
.external-redirection-reminder .dialog .modal-container .modal-title {
color: #333;
font-size: 20px;
line-height: 34px;
margin-bottom: 20px;
text-align: center;
text-transform: uppercase
}
.external-redirection-reminder .dialog .modal-container .modal-description {
font-size: 15px;
text-align: center
}
.external-redirection-reminder .dialog .modal-container .modal-url-box {
word-wrap: break-word;
border: 1px solid #404040;
margin: 10px 0 40px;
padding: 1pc;
text-align: center;
width: 100%
}
@media only screen and (max-width: 430px) {
.external-redirection-reminder .dialog .modal-container .modal-url-box {
margin-bottom:60px
}
}
.external-redirection-reminder .dialog .modal-container .button__container {
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
margin-bottom: 0;
min-width: var(--min-width)
}
@media only screen and (max-width: 430px) {
.external-redirection-reminder .dialog .modal-container .button__container {
max-width:100%;
min-width: 100%
}
}
.external-redirection-reminder .dialog .modal-container a.cmp-button {
background: #000;
border: none;
color: #fff
}
.external-redirection-reminder .dialog .modal-container a.cmp-button:hover {
background-color: rgba(0,0,0,.4);
color: #fafafa
}
.author--text {
color: red;
font-weight: 700;
margin: 0 auto;
text-align: center
}
.cmp-video-hero__video--source {
width: 100%
}
.cmp-video-hero__video-container {
position: relative
}
.cmp-video-hero__video-container .button__container {
display: none
}
.cmp-video-hero__video .divider__border {
height: auto;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%
}
.cmp-video-hero__video .divider-wrapper {
display: none;
position: absolute;
width: 100%
}
.cmp-video-hero__video .divider-container {
height: auto;
margin: 0 20px;
position: relative
}
.cmp-video-hero__video .cmp-video-hero__video-container {
margin-left: calc(50% - 50vw);
max-width: 100vw;
min-height: 100vh;
position: relative
}
.cmp-video-hero__video .cmp-image__image,.cmp-video-hero__video .cmp-video-hero__video--source {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%
}
.cmp-video-hero__video .cmp-image__image--mobile {
display: none
}
@media only screen and (max-width: 834px) {
.cmp-video-hero__video .cmp-image__image--desktop {
display:none
}
.cmp-video-hero__video .cmp-image__image--mobile {
display: block
}
}
.cmp-video-hero__video--logo {
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s;
background: url(clientlib-site/resources/images/icons/mbs-logo.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 55px;
left: 50%;
mix-blend-mode: unset;
position: absolute;
top: 20px;
-webkit-transform: translate(-50%);
transform: translate(-50%);
width: 200px;
z-index: 1
}
.cmp-video-hero__video .icon-landing-diamond_container {
margin: 0;
padding: 0;
position: relative
}
.cmp-video-hero__video .icon-landing-diamond {
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s;
background: url(clientlib-site/resources/images/icons/icon-landing-diamond.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 2pc;
left: 50%;
position: absolute;
top: 0;
-webkit-transform: translate(-50%);
transform: translate(-50%);
width: 56px
}
.cmp-video-hero__video .cmp-text {
-webkit-animation: fadeIn 2s;
animation: fadeIn 2s;
width: 100%
}
.cmp-video-hero__video .cmp-text h3,.cmp-video-hero__video .cmp-text h4,.cmp-video-hero__video .cmp-text p {
font-size: 14px;
letter-spacing: 2.5px;
line-height: 52px;
margin: 0
}
.cmp-video-hero__video .cmp-text h3,.cmp-video-hero__video .cmp-text h4,.cmp-video-hero__video .cmp-text p,.cmp-video-hero__video .cmp-title {
color: #fafafa;
font-style: normal;
font-weight: 400;
text-align: center;
text-shadow: 0 157px 44px rgba(0,0,0,.01),0 75pt 40px rgba(0,0,0,.06),0 56px 34px rgba(0,0,0,.2),0 25px 25px rgba(0,0,0,.34),0 6px 14px rgba(0,0,0,.39),0 0 0 rgba(0,0,0,.4);
text-transform: uppercase
}
.cmp-video-hero__video .cmp-title {
shadow: 0 157px 44px rgba(0,0,0,.01),0 75pt 40px rgba(0,0,0,.06),0 56px 34px rgba(0,0,0,.2),0 25px 25px rgba(0,0,0,.34),0 6px 14px rgba(0,0,0,.39),0 0 0 rgba(0,0,0,.4);
-webkit-animation: fadeIn 2s;
animation: fadeIn 2s;
font-size: 34px;
letter-spacing: 7px;
padding: 0 1pc;
width: 100%
}
.cmp-video-hero__video--content {
height: 100vh;
position: relative;
width: 100%
}
.cmp-video-hero__video--content--textarea {
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 100%
}
.cmp-video-hero__video .divider-wrapper--1,.cmp-video-hero__video .divider-wrapper--2,.cmp-video-hero__video .divider-wrapper--3 {
display: none
}
.cmp-video-hero__video .divider-wrapper .divider {
height: 1px;
margin: 0;
position: relative;
width: 100%
}
.cmp-video-hero__video .divider-wrapper--1,.cmp-video-hero__video .divider-wrapper--2 {
display: block;
padding-left: 61px;
padding-right: 65px;
right: 0;
top: 25px;
width: 50%
}
.cmp-video-hero__video .divider-wrapper--2 {
left: 0
}
.cmp-video-hero__video .divider-wrapper--3 {
display: block;
left: 0;
padding-right: 30px;
top: 184px;
width: 50%
}
.cmp-video-hero__video .divider-wrapper--4 {
display: block;
padding-left: 30px;
right: 0;
top: 184px;
width: 51px;
width: 50%
}
.cmp-video-hero__video .divider-wrapper--5 {
display: block;
right: 0;
top: 210px;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 184px;
width: 50%
}
.cmp-video-hero__video--variant-1 .divider {
background: -webkit-gradient(linear,right top,left top,color-stop(43.39%,#f5fafa),color-stop(87.86%,#a9976d));
background: linear-gradient(270deg,#f5fafa 43.39%,#a9976d 87.86%)
}
.cmp-video-hero__video--variant-2 .divider,.cmp-video-hero__video--variant-3 .divider,.cmp-video-hero__video--variant-4 .divider,.cmp-video-hero__video--variant-5 .divider,.cmp-video-hero__video--variant-6 .divider {
border-bottom: .5px solid #fafafa;
height: 0;
margin: 0;
position: relative;
top: 25px;
width: 100%
}
.cmp-video-hero__video--variant-2 .divider:before,.cmp-video-hero__video--variant-3 .divider:before,.cmp-video-hero__video--variant-4 .divider:before,.cmp-video-hero__video--variant-5 .divider:before,.cmp-video-hero__video--variant-6 .divider:before {
background: url(clientlib-site/resources/images/icons/icon-rectangle-solid.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 9px;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 9px
}
.cmp-video-hero__video--variant-2 .divider:after,.cmp-video-hero__video--variant-3 .divider:after,.cmp-video-hero__video--variant-4 .divider:after,.cmp-video-hero__video--variant-5 .divider:after,.cmp-video-hero__video--variant-6 .divider:after {
background: url(clientlib-site/resources/images/icons/icon-rectangle-solid.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 9px;
position: absolute;
right: -5px;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 9px
}
.cmp-video-hero__video--variant-2 .divider-wrapper {
display: none
}
.cmp-video-hero__video--variant-2 .divider__border {
height: 100vh;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%
}
.cmp-video-hero__video--variant-2 .divider-container {
height: 100vh;
margin: 0 20px;
position: relative
}
.cmp-video-hero__video--variant-2 .button__container,.cmp-video-hero__video--variant-2 .cmp-video-hero__video--logo {
display: none
}
.cmp-video-hero__video--variant-2 .divider-wrapper--1,.cmp-video-hero__video--variant-2 .divider-wrapper--2,.cmp-video-hero__video--variant-2 .divider-wrapper--3 {
display: block;
padding: 0
}
.cmp-video-hero__video--variant-2 .cmp-video-hero__video--content--textarea {
height: 100vh
}
.cmp-video-hero__video--variant-2 .cmp-title {
bottom: 0;
left: 50%;
margin-bottom: 52px;
position: absolute;
-webkit-transform: translate(-50%);
transform: translate(-50%)
}
.cmp-video-hero__video--variant-2 .cmp-text h3,.cmp-video-hero__video--variant-2 .cmp-text p {
color: #fafafa;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 21px;
margin-left: 17px;
margin-right: 17px;
margin-top: 56px;
text-align: center
}
.cmp-video-hero__video--variant-2 .divider-wrapper--1 {
left: unset;
top: 25px;
-webkit-transform: none;
transform: none;
width: 100%
}
.cmp-video-hero__video--variant-2 .divider-wrapper--1 .divider {
top: unset
}
.cmp-video-hero__video--variant-2 .divider-wrapper--1 .divider:after,.cmp-video-hero__video--variant-2 .divider-wrapper--1 .divider:before {
background: url(clientlib-site/resources/images/icons/icon-solid-small-diamond.svg) no-repeat 50%;
height: 8px;
width: 8px
}
.cmp-video-hero__video--variant-2 .divider-wrapper--2 {
bottom: 28px;
left: 0;
padding-right: 34px;
top: unset;
width: 50%
}
.cmp-video-hero__video--variant-2 .divider-wrapper--2 .divider {
top: unset
}
.cmp-video-hero__video--variant-2 .divider-wrapper--2 .divider:after {
display: none
}
.cmp-video-hero__video--variant-2 .divider-wrapper--2 .divider:before {
background: url(clientlib-site/resources/images/icons/icon-solid-small-diamond.svg) no-repeat 50%;
height: 8px;
width: 8px
}
.cmp-video-hero__video--variant-2 .divider-wrapper--3 {
bottom: 28px;
left: unset;
padding-left: 34px;
right: 0;
top: unset;
width: 50%
}
.cmp-video-hero__video--variant-2 .divider-wrapper--3 .divider {
top: unset
}
.cmp-video-hero__video--variant-2 .divider-wrapper--3 .divider:before {
display: none
}
.cmp-video-hero__video--variant-2 .divider-wrapper--3 .divider:after {
background: url(clientlib-site/resources/images/icons/icon-solid-small-diamond.svg) no-repeat 50%;
height: 8px;
width: 8px
}
.cmp-video-hero__video--variant-2 .icon-landing-diamond_container {
bottom: 0;
left: 50%;
margin: 0 0 45px;
padding: 0;
position: absolute;
-webkit-transform: translate(-50%);
transform: translate(-50%)
}
.cmp-video-hero__video--variant-2 .icon-landing-diamond {
background: url(clientlib-site/resources/images/icons/icon-primary-diamond-2.svg) no-repeat 50%;
content: "";
height: 2pc;
width: 56px
}
.cmp-video-hero__video--variant-2 .divider {
border-bottom: .5px solid #80714c
}
.cmp-video-hero__video--variant-3 .button__container,.cmp-video-hero__video--variant-3 .cmp-video-hero__video--logo,.cmp-video-hero__video--variant-3 .divider-wrapper,.cmp-video-hero__video--variant-3 .icon-landing-diamond_container,.cmp-video-hero__video--variant-4 .button__container,.cmp-video-hero__video--variant-4 .cmp-video-hero__video--logo,.cmp-video-hero__video--variant-4 .divider-wrapper,.cmp-video-hero__video--variant-4 .icon-landing-diamond_container,.cmp-video-hero__video--variant-5 .button__container,.cmp-video-hero__video--variant-5 .cmp-video-hero__video--logo,.cmp-video-hero__video--variant-5 .divider-wrapper,.cmp-video-hero__video--variant-5 .icon-landing-diamond_container,.cmp-video-hero__video--variant-6 .button__container,.cmp-video-hero__video--variant-6 .cmp-video-hero__video--logo,.cmp-video-hero__video--variant-6 .divider-wrapper,.cmp-video-hero__video--variant-6 .icon-landing-diamond_container {
display: none
}
.cmp-video-hero__video--variant-3 .cmp-video-hero__video--logo,.cmp-video-hero__video--variant-4 .cmp-video-hero__video--logo,.cmp-video-hero__video--variant-5 .cmp-video-hero__video--logo,.cmp-video-hero__video--variant-6 .cmp-video-hero__video--logo {
display: block
}
.cmp-video-hero__video--variant-3 .cmp-text h3,.cmp-video-hero__video--variant-3 .cmp-text p,.cmp-video-hero__video--variant-4 .cmp-text h3,.cmp-video-hero__video--variant-4 .cmp-text p,.cmp-video-hero__video--variant-5 .cmp-text h3,.cmp-video-hero__video--variant-5 .cmp-text p,.cmp-video-hero__video--variant-6 .cmp-text h3,.cmp-video-hero__video--variant-6 .cmp-text p {
font-size: 14px;
line-height: 21px
}
.cmp-video-hero__video--variant-3 .cmp-title__text,.cmp-video-hero__video--variant-4 .cmp-title__text,.cmp-video-hero__video--variant-5 .cmp-title__text,.cmp-video-hero__video--variant-6 .cmp-title__text {
color: #fafafa;
font-size: 2pc;
font-style: normal;
font-weight: 400;
letter-spacing: 4px;
line-height: 40px;
text-align: center;
text-shadow: 0 0 4px hsla(0,0%,5%,.5);
text-transform: uppercase
}
.cmp-video-hero__video--variant-3 .icon-landing-diamond_container,.cmp-video-hero__video--variant-4 .icon-landing-diamond_container,.cmp-video-hero__video--variant-5 .icon-landing-diamond_container,.cmp-video-hero__video--variant-6 .icon-landing-diamond_container {
display: block
}
.cmp-video-hero__video--variant-3 .icon-landing-diamond_container .icon-landing-diamond,.cmp-video-hero__video--variant-4 .icon-landing-diamond_container .icon-landing-diamond,.cmp-video-hero__video--variant-5 .icon-landing-diamond_container .icon-landing-diamond,.cmp-video-hero__video--variant-6 .icon-landing-diamond_container .icon-landing-diamond {
background: url(clientlib-site/resources/images/icons/icon-general-diamond.svg) no-repeat 50%
}
.cmp-video-hero__video--variant-3 .cmp-video-hero__video--content--textarea,.cmp-video-hero__video--variant-4 .cmp-video-hero__video--content--textarea,.cmp-video-hero__video--variant-5 .cmp-video-hero__video--content--textarea,.cmp-video-hero__video--variant-6 .cmp-video-hero__video--content--textarea {
height: 100vh
}
.cmp-video-hero__video--variant-3 .cmp-video-hero__video--content--textarea-group,.cmp-video-hero__video--variant-4 .cmp-video-hero__video--content--textarea-group,.cmp-video-hero__video--variant-5 .cmp-video-hero__video--content--textarea-group,.cmp-video-hero__video--variant-6 .cmp-video-hero__video--content--textarea-group {
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 100%
}
.cmp-video-hero__video--variant-3 .cmp-text,.cmp-video-hero__video--variant-4 .cmp-text,.cmp-video-hero__video--variant-5 .cmp-text,.cmp-video-hero__video--variant-6 .cmp-text {
bottom: 0;
margin-bottom: 3pc;
padding-left: 40px;
padding-right: 40px;
position: absolute
}
.cmp-video-hero__video--variant-3 .divider__border,.cmp-video-hero__video--variant-4 .divider__border,.cmp-video-hero__video--variant-5 .divider__border,.cmp-video-hero__video--variant-6 .divider__border {
position: relative
}
.cmp-video-hero__video--variant-3 .divider-container,.cmp-video-hero__video--variant-4 .divider-container,.cmp-video-hero__video--variant-5 .divider-container,.cmp-video-hero__video--variant-6 .divider-container {
margin: 0
}
.cmp-video-hero__video--variant-3 .divider-wrapper--1,.cmp-video-hero__video--variant-4 .divider-wrapper--1,.cmp-video-hero__video--variant-5 .divider-wrapper--1,.cmp-video-hero__video--variant-6 .divider-wrapper--1 {
display: block;
left: 0;
padding: 0 27px 0 0;
right: unset;
top: -11px
}
.cmp-video-hero__video--variant-3 .divider-wrapper--1 .divider:after,.cmp-video-hero__video--variant-4 .divider-wrapper--1 .divider:after,.cmp-video-hero__video--variant-5 .divider-wrapper--1 .divider:after,.cmp-video-hero__video--variant-6 .divider-wrapper--1 .divider:after {
display: none
}
.cmp-video-hero__video--variant-3 .divider-wrapper--2,.cmp-video-hero__video--variant-4 .divider-wrapper--2,.cmp-video-hero__video--variant-5 .divider-wrapper--2,.cmp-video-hero__video--variant-6 .divider-wrapper--2 {
display: block;
left: unset;
padding: 0 0 0 27px;
right: 0;
top: -11px
}
.cmp-video-hero__video--variant-3 .divider-wrapper--2 .divider:before,.cmp-video-hero__video--variant-4 .divider-wrapper--2 .divider:before,.cmp-video-hero__video--variant-5 .divider-wrapper--2 .divider:before,.cmp-video-hero__video--variant-6 .divider-wrapper--2 .divider:before {
display: none
}
.cmp-video-hero__video--variant-3 .divider-wrapper--6,.cmp-video-hero__video--variant-4 .divider-wrapper--6,.cmp-video-hero__video--variant-5 .divider-wrapper--6,.cmp-video-hero__video--variant-6 .divider-wrapper--6 {
bottom: 0;
display: block;
margin-bottom: 31px;
padding: 0 17px
}
.cmp-video-hero__video--variant-3 .divider-wrapper--6 .divider,.cmp-video-hero__video--variant-4 .divider-wrapper--6 .divider,.cmp-video-hero__video--variant-5 .divider-wrapper--6 .divider,.cmp-video-hero__video--variant-6 .divider-wrapper--6 .divider {
top: unset
}
.cmp-video-hero__video--variant-4 .button,.cmp-video-hero__video--variant-5 .button,.cmp-video-hero__video--variant-6 .button {
bottom: -1pc;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%);
transform: translate(-50%)
}
.cmp-video-hero__video--variant-4 .button__container,.cmp-video-hero__video--variant-5 .button__container,.cmp-video-hero__video--variant-6 .button__container {
display: block
}
.cmp-video-hero__video--variant-4 .text,.cmp-video-hero__video--variant-5 .text,.cmp-video-hero__video--variant-6 .text {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.cmp-video-hero__video--variant-4 .text .cmp-text,.cmp-video-hero__video--variant-5 .text .cmp-text,.cmp-video-hero__video--variant-6 .text .cmp-text {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
left: unset;
margin: 46px 0 0;
order: 2;
padding: 0;
position: relative;
right: unset;
top: unset;
width: 100%
}
.cmp-video-hero__video--variant-4 .text .cmp-text h3,.cmp-video-hero__video--variant-4 .text .cmp-text p,.cmp-video-hero__video--variant-5 .text .cmp-text h3,.cmp-video-hero__video--variant-5 .text .cmp-text p,.cmp-video-hero__video--variant-6 .text .cmp-text h3,.cmp-video-hero__video--variant-6 .text .cmp-text p {
letter-spacing: 2px;
line-height: 18px
}
.cmp-video-hero__video--variant-4 .text .cmp-text h4,.cmp-video-hero__video--variant-5 .text .cmp-text h4,.cmp-video-hero__video--variant-6 .text .cmp-text h4 {
font-size: 1pc;
line-height: 22px
}
.cmp-video-hero__video--variant-4 .cmp-video-hero__video--content--textarea-group,.cmp-video-hero__video--variant-5 .cmp-video-hero__video--content--textarea-group,.cmp-video-hero__video--variant-6 .cmp-video-hero__video--content--textarea-group {
left: unset;
position: relative;
right: unset;
top: unset;
-webkit-transform: unset;
transform: unset;
width: 100%
}
.cmp-video-hero__video--variant-4 .cmp-video-hero__video--content--textarea,.cmp-video-hero__video--variant-5 .cmp-video-hero__video--content--textarea,.cmp-video-hero__video--variant-6 .cmp-video-hero__video--content--textarea {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
padding: 0 1em
}
.cmp-video-hero__video--variant-4 .cmp-title__text,.cmp-video-hero__video--variant-5 .cmp-title__text,.cmp-video-hero__video--variant-6 .cmp-title__text {
font-weight: 400;
line-height: 36px
}
.cmp-video-hero__video--variant-4 .icon-landing-diamond_container .icon-landing-diamond,.cmp-video-hero__video--variant-5 .icon-landing-diamond_container .icon-landing-diamond,.cmp-video-hero__video--variant-6 .icon-landing-diamond_container .icon-landing-diamond {
background: url(clientlib-site/resources/images/icons/icon-generic-diamond.svg) no-repeat 50%
}
.cmp-video-hero__video--variant-4 .divider-container,.cmp-video-hero__video--variant-5 .divider-container,.cmp-video-hero__video--variant-6 .divider-container {
height: auto;
left: 50%;
margin: 0;
padding: 0;
position: absolute;
-webkit-transform: translate(-50%);
transform: translate(-50%);
width: 225px
}
.cmp-video-hero__video--variant-4 .divider-wrapper--6 .divider,.cmp-video-hero__video--variant-4 .divider-wrapper--7 .divider,.cmp-video-hero__video--variant-4 .divider-wrapper--8 .divider,.cmp-video-hero__video--variant-5 .divider-wrapper--6 .divider,.cmp-video-hero__video--variant-5 .divider-wrapper--7 .divider,.cmp-video-hero__video--variant-5 .divider-wrapper--8 .divider,.cmp-video-hero__video--variant-6 .divider-wrapper--6 .divider,.cmp-video-hero__video--variant-6 .divider-wrapper--7 .divider,.cmp-video-hero__video--variant-6 .divider-wrapper--8 .divider {
border-bottom: .5px solid #fafafa
}
.cmp-video-hero__video--variant-4 .divider-wrapper--6 .divider:after,.cmp-video-hero__video--variant-4 .divider-wrapper--6 .divider:before,.cmp-video-hero__video--variant-4 .divider-wrapper--7 .divider:after,.cmp-video-hero__video--variant-4 .divider-wrapper--7 .divider:before,.cmp-video-hero__video--variant-4 .divider-wrapper--8 .divider:after,.cmp-video-hero__video--variant-4 .divider-wrapper--8 .divider:before,.cmp-video-hero__video--variant-5 .divider-wrapper--6 .divider:after,.cmp-video-hero__video--variant-5 .divider-wrapper--6 .divider:before,.cmp-video-hero__video--variant-5 .divider-wrapper--7 .divider:after,.cmp-video-hero__video--variant-5 .divider-wrapper--7 .divider:before,.cmp-video-hero__video--variant-5 .divider-wrapper--8 .divider:after,.cmp-video-hero__video--variant-5 .divider-wrapper--8 .divider:before,.cmp-video-hero__video--variant-6 .divider-wrapper--6 .divider:after,.cmp-video-hero__video--variant-6 .divider-wrapper--6 .divider:before,.cmp-video-hero__video--variant-6 .divider-wrapper--7 .divider:after,.cmp-video-hero__video--variant-6 .divider-wrapper--7 .divider:before,.cmp-video-hero__video--variant-6 .divider-wrapper--8 .divider:after,.cmp-video-hero__video--variant-6 .divider-wrapper--8 .divider:before {
background: url(clientlib-site/resources/images/icons/icon-rectangle-solid.svg) no-repeat 50%
}
.cmp-video-hero__video--variant-4 .divider-wrapper--6,.cmp-video-hero__video--variant-5 .divider-wrapper--6,.cmp-video-hero__video--variant-6 .divider-wrapper--6 {
margin-bottom: 33px
}
.cmp-video-hero__video--variant-5 .cmp-video-hero__video--content .button,.cmp-video-hero__video--variant-5 .cmp-video-hero__video--content .cmp-text,.cmp-video-hero__video--variant-5 .divider-container,.cmp-video-hero__video--variant-6 .cmp-video-hero__video--content .button,.cmp-video-hero__video--variant-6 .cmp-video-hero__video--content .cmp-text,.cmp-video-hero__video--variant-6 .divider-container {
display: none
}
.cmp-video-hero__video--variant-5 .icon-landing-diamond_container .icon-landing-diamond,.cmp-video-hero__video--variant-6 .icon-landing-diamond_container .icon-landing-diamond {
background: url(clientlib-site/resources/images/icons/deco-line-03-white.svg) no-repeat 50%;
content: "";
height: 36px;
width: 296px
}
.cmp-video-hero__video--variant-3 .divider-container {
display: none
}
.cmp-video-hero__video--variant-3 .icon-landing-diamond_container .icon-landing-diamond {
background: url(clientlib-site/resources/images/icons/deco-line-03-white.svg) no-repeat 50%;
content: "";
height: 36px;
width: 296px
}
.cmp-video-hero__video--variant-3 .cmp-video-hero__video--content--textarea-group .text .cmp-text {
bottom: -88px;
margin: 0;
padding: 0;
position: absolute
}
.cmp-video-hero__video--variant-3 .cmp-video-hero__video--content--textarea-group .text .cmp-text__title {
color: #fafafa;
font-size: 21px;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 26px;
text-align: center;
text-shadow: 0 0 4px hsla(0,0%,5%,.5);
text-transform: uppercase
}
.cmp-video-hero__video--variant-3 .cmp-video-hero__video--content--textarea-group .text .cmp-text__label {
color: #fafafa;
font-size: 14px;
font-style: normal;
font-weight: 400;
letter-spacing: 3px;
line-height: 1pc;
margin-top: 4px;
text-align: center;
text-shadow: 0 0 4px hsla(0,0%,5%,.5);
text-transform: uppercase
}
.cmp-video-hero__video--variant-4 .divider-container {
display: none
}
.cmp-video-hero__video--variant-4 .icon-landing-diamond_container .icon-landing-diamond {
background: url(clientlib-site/resources/images/icons/deco-line-03-white.svg) no-repeat 50%;
content: "";
height: 36px;
width: 296px
}
.cmp-video-hero__video--variant-4 .button {
bottom: 26px
}
.cmp-video-hero__video--variant-4 .text .cmp-text {
top: 7px
}
.cmp-video-hero__video--variant-4 .text .cmp-text h3 {
font-size: 21px;
letter-spacing: 2px;
line-height: 28px;
margin-top: 17px
}
.cmp-video-hero__video--variant-4 .text .cmp-text h3,.cmp-video-hero__video--variant-4 .text .cmp-text h4 {
color: #fafafa;
font-style: normal;
font-weight: 400;
text-align: center;
text-shadow: 0 0 4px hsla(0,0%,5%,.5);
text-transform: uppercase
}
.cmp-video-hero__video--variant-4 .text .cmp-text h4 {
font-size: 14px;
letter-spacing: 3px;
line-height: 1pc;
margin-top: 4px
}
.cmp-video-hero__video--variant-1 .divider__border .divider-wrapper--3,.cmp-video-hero__video--variant-1 .divider__border .divider-wrapper--4 {
top: 230px
}
.cmp-video-hero__video--variant-1 .divider__border .divider-wrapper--5 {
top: 252px
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content--textarea .text .cmp-text {
color: #fafafa;
font-size: 18px;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 24px;
margin: 0 auto 8px;
text-align: center;
text-shadow: 0 0 4px hsla(0,0%,5%,.5);
text-transform: uppercase;
white-space: unset
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content--textarea .text .cmp-text span {
position: relative
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content--textarea .text .cmp-text span:before {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: right;
animation-name: right;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
background: -webkit-gradient(linear,left top,right top,from(rgba(255,0,0,0)),to(#fafafa));
background: linear-gradient(90deg,rgba(255,0,0,0),#fafafa);
background-repeat: no-repeat;
content: "";
height: 1px;
left: -41px;
position: absolute;
top: 45%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 23px
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content--textarea .text .cmp-text span:after {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: left;
animation-name: left;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
background: -webkit-gradient(linear,right top,left top,from(rgba(255,0,0,0)),to(#fafafa));
background: linear-gradient(270deg,rgba(255,0,0,0),#fafafa);
background-repeat: no-repeat;
content: "";
height: 1px;
position: absolute;
right: -41px;
top: 45%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 23px
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content--textarea-group .title .cmp-title__text {
color: #fafafa;
font-size: 2pc;
font-style: normal;
font-weight: 400;
letter-spacing: 6px;
line-height: 3pc;
margin: -51px 0 -8px;
text-align: center;
text-shadow: 0 0 4px hsla(0,0%,5%,.5);
text-transform: uppercase
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content--textarea-group .icon-landing-diamond {
-webkit-animation: fadeIn 2s;
animation: fadeIn 2s;
background: url(clientlib-site/resources/images/icons/icon-landing-diamond-white.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 36px;
left: 50%;
margin-top: 1pc;
position: absolute;
top: 0;
-webkit-transform: translate(-50%);
transform: translate(-50%);
width: 56px
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content--textarea-group .icon-landing-diamond:before {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: right;
animation-name: right;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
background: -webkit-gradient(linear,left top,right top,from(rgba(255,0,0,0)),to(#fafafa));
background: linear-gradient(90deg,rgba(255,0,0,0),#fafafa);
background-repeat: no-repeat;
content: "";
height: 1px;
left: -109px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 110px
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content--textarea-group .icon-landing-diamond:after {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: left;
animation-name: left;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
background: -webkit-gradient(linear,right top,left top,from(rgba(255,0,0,0)),to(#fafafa));
background: linear-gradient(270deg,rgba(255,0,0,0),#fafafa);
background-repeat: no-repeat;
content: "";
height: 1px;
position: absolute;
right: -109px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 110px
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content--textarea-group .icon-landing-diamond .bottom-border {
left: 50%;
position: relative;
top: 41px;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content--textarea-group .icon-landing-diamond .bottom-border:before {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: right;
animation-name: right;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
background: -webkit-gradient(linear,left top,right top,from(rgba(255,0,0,0)),to(#fafafa));
background: linear-gradient(90deg,rgba(255,0,0,0),#fafafa);
background-repeat: no-repeat;
content: "";
height: 1px;
left: -51px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 79px
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content--textarea-group .icon-landing-diamond .bottom-border:after {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: left;
animation-name: left;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
background: -webkit-gradient(linear,right top,left top,from(rgba(255,0,0,0)),to(#fafafa));
background: linear-gradient(270deg,rgba(255,0,0,0),#fafafa);
background-repeat: no-repeat;
content: "";
height: 1px;
position: absolute;
right: -51px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 79px
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content--textarea-group .divider__border {
display: none
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content:after {
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: down;
animation-name: down;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
background: -webkit-gradient(linear,left bottom,left top,from(rgba(255,0,0,0)),to(#fafafa));
background: linear-gradient(0deg,rgba(255,0,0,0),#fafafa);
background-repeat: no-repeat;
bottom: 2pc;
content: "";
height: 90pt;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%);
transform: translate(-50%);
width: 1px
}
.cmp-video-hero__video .video__sound {
display: none
}
.cmp-video-hero__video.videosource.cmp-video-hero__video--variant-1 .video__sound {
bottom: 2pc;
display: block;
height: 3pc;
left: 1pc;
position: fixed;
width: 3pc;
z-index: 9
}
.cmp-video-hero__video.videosource.cmp-video-hero__video--variant-1 .video__sound--icon {
height: 3pc;
position: relative;
width: 3pc
}
.cmp-video-hero__video.videosource.cmp-video-hero__video--variant-1 .video__sound--icon.video__sound--mutedOn:after {
background: url(clientlib-site/resources/images/icons/music-off.svg) no-repeat 50%;
background-size: contain;
content: "";
height: 3pc;
left: 0;
position: absolute;
top: 0;
width: 3pc
}
.cmp-video-hero__video.videosource.cmp-video-hero__video--variant-1 .video__sound--icon.video__sound--mutedOff:after {
background: url(clientlib-site/resources/images/icons/music-on-2x.gif) no-repeat 50%;
background-size: contain;
content: "";
height: 3pc;
left: 0;
position: absolute;
top: 0;
width: 3pc
}
.cmp-video-hero__video.videosource.cmp-video-hero__video--variant-1 .video__sound:hover {
cursor: pointer
}
.cmp-video-hero__video--mobile {
display: none
}
@media only screen and (max-width: 430px) {
.cmp-video-hero__video--desktop {
display:none
}
.cmp-video-hero__video--mobile {
display: block
}
}
@media only screen and (max-width: 834px) {
.cmp-video-hero__video--variant-3 .divider-wrapper.divider-wrapper--7,.cmp-video-hero__video--variant-4 .divider-wrapper.divider-wrapper--7,.cmp-video-hero__video--variant-5 .divider-wrapper.divider-wrapper--7,.cmp-video-hero__video--variant-6 .divider-wrapper.divider-wrapper--7 {
display:block;
padding: 0 1pc;
top: 110px
}
}
@media only screen and (min-width: calc(1024px)),only screen and (min-width:calc(1280px + 1px)) {
.cmp-video-hero__video.videosource.cmp-video-hero__video--variant-1 .video__sound {
bottom:5pc;
left: 40px
}
.cmp-video-hero__video--logo {
mix-blend-mode: unset
}
.cmp-video-hero__video .button__container {
display: block;
position: absolute;
right: 50px;
top: 30px
}
.cmp-video-hero__video--content--textarea {
width: 664px
}
.cmp-video-hero__video .cmp-text h3,.cmp-video-hero__video .cmp-text p {
font-size: 21px;
letter-spacing: 2px;
line-height: 52px;
margin: 0
}
.cmp-video-hero__video .divider-wrapper--2 {
display: block;
left: unset;
padding: 0;
right: 109px;
top: 25px;
width: 7pc
}
.cmp-video-hero__video .divider-wrapper--3,.cmp-video-hero__video .divider-wrapper--4 {
top: 148px
}
.cmp-video-hero__video .divider-wrapper--5 {
left: 50%;
right: unset;
top: 170px;
width: 350px
}
.cmp-video-hero__video .divider-wrapper--1 {
display: block;
left: 109px;
padding: 0;
top: 25px;
width: 7pc
}
.cmp-video-hero__video--variant-2 .button__container,.cmp-video-hero__video--variant-2 .cmp-video-hero__video--logo {
display: none
}
.cmp-video-hero__video--variant-2 .cmp-text {
margin: 0 auto;
width: 660px
}
.cmp-video-hero__video--variant-2 .cmp-text h3,.cmp-video-hero__video--variant-2 .cmp-text p {
color: #fafafa;
font-size: 14px;
font-weight: 400;
line-height: 21px;
margin-left: 17px;
margin-right: 17px;
margin-top: 90px;
text-align: center
}
.cmp-video-hero__video--variant-2 .cmp-title {
width: 886px
}
.cmp-video-hero__video--variant-2 .cmp-video-hero__video--content--textarea {
width: 100%
}
.cmp-video-hero__video--variant-2 .divider-wrapper--1 {
left: unset;
padding-left: 72px;
padding-right: 72px;
top: 25px;
-webkit-transform: none;
transform: none;
width: 100%
}
.cmp-video-hero__video--variant-2 .divider-wrapper--2 {
bottom: 28px;
left: 0;
padding-left: 72px;
padding-right: 38px;
top: unset;
width: 50%
}
.cmp-video-hero__video--variant-2 .divider-wrapper--3 {
bottom: 28px;
padding-left: 38px;
padding-right: 72px;
right: 0;
top: unset;
width: 50%
}
.cmp-video-hero__video--variant-3 .button__container,.cmp-video-hero__video--variant-3 .cmp-video-hero__video--logo,.cmp-video-hero__video--variant-3 .divider-wrapper,.cmp-video-hero__video--variant-4 .button__container,.cmp-video-hero__video--variant-4 .cmp-video-hero__video--logo,.cmp-video-hero__video--variant-4 .divider-wrapper,.cmp-video-hero__video--variant-5 .button__container,.cmp-video-hero__video--variant-5 .cmp-video-hero__video--logo,.cmp-video-hero__video--variant-5 .divider-wrapper,.cmp-video-hero__video--variant-6 .button__container,.cmp-video-hero__video--variant-6 .cmp-video-hero__video--logo,.cmp-video-hero__video--variant-6 .divider-wrapper {
display: none
}
.cmp-video-hero__video--variant-3 .cmp-video-hero__video--logo,.cmp-video-hero__video--variant-4 .cmp-video-hero__video--logo,.cmp-video-hero__video--variant-5 .cmp-video-hero__video--logo,.cmp-video-hero__video--variant-6 .cmp-video-hero__video--logo {
display: block
}
.cmp-video-hero__video--variant-3 .cmp-text h3,.cmp-video-hero__video--variant-3 .cmp-text p,.cmp-video-hero__video--variant-4 .cmp-text h3,.cmp-video-hero__video--variant-4 .cmp-text p,.cmp-video-hero__video--variant-5 .cmp-text h3,.cmp-video-hero__video--variant-5 .cmp-text p,.cmp-video-hero__video--variant-6 .cmp-text h3,.cmp-video-hero__video--variant-6 .cmp-text p {
font-size: 14px;
line-height: 21px
}
.cmp-video-hero__video--variant-3 .cmp-title__text,.cmp-video-hero__video--variant-4 .cmp-title__text,.cmp-video-hero__video--variant-5 .cmp-title__text,.cmp-video-hero__video--variant-6 .cmp-title__text {
font-size: 40px;
letter-spacing: 6px;
line-height: 3pc
}
.cmp-video-hero__video--variant-3 .cmp-video-hero__video--content--textarea-group,.cmp-video-hero__video--variant-4 .cmp-video-hero__video--content--textarea-group,.cmp-video-hero__video--variant-5 .cmp-video-hero__video--content--textarea-group,.cmp-video-hero__video--variant-6 .cmp-video-hero__video--content--textarea-group {
width: 300px
}
.cmp-video-hero__video--variant-3 .divider-wrapper--1,.cmp-video-hero__video--variant-4 .divider-wrapper--1,.cmp-video-hero__video--variant-5 .divider-wrapper--1,.cmp-video-hero__video--variant-6 .divider-wrapper--1 {
display: block;
left: 0;
padding-right: 34px;
top: -10px;
width: 50%
}
.cmp-video-hero__video--variant-3 .divider-wrapper--2,.cmp-video-hero__video--variant-4 .divider-wrapper--2,.cmp-video-hero__video--variant-5 .divider-wrapper--2,.cmp-video-hero__video--variant-6 .divider-wrapper--2 {
display: block;
padding-left: 34px;
right: 0;
top: -10px;
width: 50%
}
.cmp-video-hero__video--variant-3 .divider-wrapper--6,.cmp-video-hero__video--variant-4 .divider-wrapper--6,.cmp-video-hero__video--variant-5 .divider-wrapper--6,.cmp-video-hero__video--variant-6 .divider-wrapper--6 {
display: block;
padding-left: 72px;
padding-right: 72px
}
.cmp-video-hero__video--variant-3 .divider-wrapper--7,.cmp-video-hero__video--variant-4 .divider-wrapper--7,.cmp-video-hero__video--variant-5 .divider-wrapper--7,.cmp-video-hero__video--variant-6 .divider-wrapper--7 {
display: block;
left: 0;
padding-left: 72px;
padding-right: 126.5px;
top: 20px;
width: 50%
}
.cmp-video-hero__video--variant-3 .divider-wrapper--7 .divider:after,.cmp-video-hero__video--variant-4 .divider-wrapper--7 .divider:after,.cmp-video-hero__video--variant-5 .divider-wrapper--7 .divider:after,.cmp-video-hero__video--variant-6 .divider-wrapper--7 .divider:after {
display: none
}
.cmp-video-hero__video--variant-3 .divider-wrapper--8,.cmp-video-hero__video--variant-4 .divider-wrapper--8,.cmp-video-hero__video--variant-5 .divider-wrapper--8,.cmp-video-hero__video--variant-6 .divider-wrapper--8 {
display: block;
padding-left: 126.5px;
padding-right: 72px;
right: 0;
top: 20px;
width: 50%
}
.cmp-video-hero__video--variant-3 .divider-wrapper--8 .divider:before,.cmp-video-hero__video--variant-4 .divider-wrapper--8 .divider:before,.cmp-video-hero__video--variant-5 .divider-wrapper--8 .divider:before,.cmp-video-hero__video--variant-6 .divider-wrapper--8 .divider:before {
display: none
}
.cmp-video-hero__video--variant-4 .cmp-video-hero__video--content--textarea,.cmp-video-hero__video--variant-5 .cmp-video-hero__video--content--textarea,.cmp-video-hero__video--variant-6 .cmp-video-hero__video--content--textarea {
width: 886px
}
.cmp-video-hero__video--variant-4 .cmp-video-hero__video--content--textarea-group,.cmp-video-hero__video--variant-5 .cmp-video-hero__video--content--textarea-group,.cmp-video-hero__video--variant-6 .cmp-video-hero__video--content--textarea-group {
width: 100%
}
.cmp-video-hero__video--variant-4 .button__container,.cmp-video-hero__video--variant-5 .button__container,.cmp-video-hero__video--variant-6 .button__container {
display: block;
left: 0;
position: relative;
top: unset
}
.cmp-video-hero__video--variant-4 .divider-container,.cmp-video-hero__video--variant-5 .divider-container,.cmp-video-hero__video--variant-6 .divider-container {
width: 290px
}
.cmp-video-hero__video--variant-4 p:first-child,.cmp-video-hero__video--variant-5 p:first-child,.cmp-video-hero__video--variant-6 p:first-child {
font-size: 1pc;
line-height: 23px
}
.cmp-video-hero__video--variant-5 .cmp-video-hero__video--content .cmp-title__text,.cmp-video-hero__video--variant-6 .cmp-video-hero__video--content .cmp-title__text {
font-size: 34px
}
.cmp-video-hero__video--variant-3 .cmp-video-hero__video--content--textarea-group {
width: 600px
}
.cmp-video-hero__video--variant-3 .cmp-video-hero__video--content--textarea-group .divider__border {
margin: 0 auto;
width: 300px
}
.cmp-video-hero__video--variant-3 .cmp-video-hero__video--content--textarea-group .text .cmp-text {
bottom: -92px
}
.cmp-video-hero__video--variant-3 .cmp-video-hero__video--content--textarea-group .text .cmp-text__title {
font-size: 24px;
line-height: 28px
}
.cmp-video-hero__video--variant-3 .cmp-video-hero__video--content--textarea-group .text .cmp-text__label {
font-size: 15px;
line-height: 1pc;
margin-top: 8px
}
.cmp-video-hero__video--variant-4 .text .cmp-text h3 {
font-size: 24px;
margin-top: 21px
}
.cmp-video-hero__video--variant-4 .text .cmp-text h4 {
font-size: 15px;
margin-top: 8px
}
.cmp-video-hero__video--variant-1 .divider__border .divider-wrapper--3,.cmp-video-hero__video--variant-1 .divider__border .divider-wrapper--4 {
top: 216px
}
.cmp-video-hero__video--variant-1 .divider__border .divider-wrapper--5 {
top: 238px
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content--textarea .text .cmp-text {
font-size: 20px;
margin-bottom: 9pt
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content--textarea .text .cmp-text span:before {
left: -77px;
top: 50%;
width: 61px
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content--textarea .text .cmp-text span:after {
right: -77px;
top: 50%;
width: 61px
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content--textarea-group .title .cmp-title__text {
font-size: 40px;
margin-bottom: -4px;
margin-top: -47px
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content--textarea-group .icon-landing-diamond {
margin-top: 20px
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content--textarea-group .icon-landing-diamond:before {
left: -299px;
width: 300px
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content--textarea-group .icon-landing-diamond:after {
right: -299px;
width: 300px
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content--textarea-group .icon-landing-diamond .bottom-border:before {
left: -122px;
width: 150px
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content--textarea-group .icon-landing-diamond .bottom-border:after {
right: -122px;
width: 150px
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content:after {
bottom: 40px
}
}
@media only screen and (min-width: calc(1920px + 1px)) {
.cmp-video-hero__video .cmp-video-hero__video-container {
margin:0;
max-width: 100%;
min-height: auto;
position: relative;
width: 100%
}
.cmp-video-hero__video .cmp-image__image,.cmp-video-hero__video .cmp-video-hero__video--source {
height: 100%;
left: 0;
-o-object-fit: unset;
object-fit: unset;
position: relative;
top: 0;
width: 100%
}
.cmp-video-hero__video .cmp-video-hero__video--content {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.cmp-video-hero__video .cmp-video-hero__video--content .divider-container,.cmp-video-hero__video .cmp-video-hero__video--content .divider__border,.cmp-video-hero__video .cmp-video-hero__video--content--textarea {
height: 100%
}
.cmp-video-hero__video--variant-1 .cmp-video-hero__video--content--textarea,.cmp-video-hero__video--variant-4 .cmp-video-hero__video--content--textarea,.cmp-video-hero__video--variant-5 .cmp-video-hero__video--content--textarea,.cmp-video-hero__video--variant-6 .cmp-video-hero__video--content--textarea {
height: auto
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes down {
0% {
background-position: 0 -750pt
}
to {
background-position: 0 0
}
}
@keyframes down {
0% {
background-position: 0 -750pt
}
to {
background-position: 0 0
}
}
@-webkit-keyframes right {
0% {
background-position: 750pt 0
}
to {
background-position: 0 0
}
}
@keyframes right {
0% {
background-position: 750pt 0
}
to {
background-position: 0 0
}
}
@-webkit-keyframes left {
0% {
background-position: -750pt 0
}
to {
background-position: 0 0
}
}
@keyframes left {
0% {
background-position: -750pt 0
}
to {
background-position: 0 0
}
}
.cmp-video-hero__video video:-webkit-media-controls {
display: none
}
@font-face {
font-family: arizona_sansregular;
font-style: normal;
font-weight: 400;
src: url(clientlib-site/resources/fonts/mbarizonasans-regular-webfont.woff2) format("woff2"),url(clientlib-site/resources/fonts/mbarizonasans-regular-webfont.woff) format("woff")
}
@font-face {
font-family: arizona_flareregular;
font-style: normal;
font-weight: 400;
src: url(clientlib-site/resources/fonts/mbarizonaflare-regular-webfont.woff2) format("woff2"),url(clientlib-site/resources/fonts/mbarizonaflare-regular-webfont.woff) format("woff")
}
@font-face {
font-family: "mb_serif_regular";
font-style: normal;
font-weight: 400;
src: url(clientlib-site/resources/fonts/marinabayserifnew-regular-webfont.woff2) format("woff2"),url(clientlib-site/resources/fonts/marinabayserifnew-regular-webfont.woff) format("woff")
}
h2,h3,h4,h5,h6 {
color: #80714c;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
white-space: pre-line
}
@media only screen and (max-width: 834px) {
h2,h3,h4,h5,h6 {
scroll-margin-top:1.5rem
}
}
h2 div,h2 p,h3 div,h3 p,h4 div,h4 p,h5 div,h5 p,h6 div,h6 p {
display: inline-block;
margin: 0
}
h2 br,h3 br,h4 br,h5 br,h6 br {
display: none
}
h1 {
font-size: 40px;
letter-spacing: 6px;
line-height: 1.2;
white-space: pre-line
}
h1 div,h1 p {
display: inline-block;
margin: 0
}
h1 br {
display: none
}
@media only screen and (max-width: 834px) {
h1 {
font-size:2pc;
line-height: 40px
}
}
h2 {
display: table;
font-size: 34px;
line-height: 1.17;
margin: 0 auto 1pc;
padding-bottom: 1pc;
position: relative
}
h2:after {
border-bottom: .5px solid #80714c;
bottom: 0;
content: "";
display: block;
height: 1px;
left: 50%;
position: absolute;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
width: 40px
}
h2.text-left {
margin-left: 0;
margin-right: 0
}
h2.text-left:after {
left: 0;
-webkit-transform: translateX(0);
transform: translateX(0)
}
@media only screen and (max-width: 834px) {
h2 {
font-size:25px;
line-height: 28px
}
h2:after {
bottom: 4px
}
}
h3 {
font-size: 24px;
line-height: 28px;
line-height: 1.17
}
@media only screen and (max-width: 834px) {
h3 {
font-size:22px;
line-height: 28px
}
}
h4 {
font-size: 20px;
line-height: 1.2
}
@media only screen and (max-width: 834px) {
h4 {
font-size:18px;
line-height: 24px
}
}
h5 {
font-size: 18px;
line-height: 1.11
}
@media only screen and (max-width: 834px) {
h5 {
font-size:1pc;
line-height: 20px
}
}
h6 {
font-size: 14px;
letter-spacing: .21428em;
line-height: 1.1429
}
.mbs_cf_rte_body1 {
font-size: 18px;
line-height: 26px
}
@media only screen and (max-width: 834px) {
.mbs_cf_rte_body1 {
font-size:1pc
}
}
.mbs_cf_rte_body2 {
font-size: 15px;
line-height: 22px
}
@media only screen and (max-width: 834px) {
.mbs_cf_rte_body2 {
font-size:14px
}
}
p.labeltext {
margin-bottom: 1pc
}
@media only screen and (max-width: 834px) {
p.labeltext {
margin-bottom:9pt
}
}
.labeltext,labeltext {
color: #737373;
font-size: 15px;
letter-spacing: 3px;
line-height: 1.43;
margin-bottom: 1pc;
text-transform: uppercase
}
@media only screen and (max-width: 834px) {
.labeltext,labeltext {
font-size:14px;
line-height: 1pc;
margin-bottom: 9pt
}
}
.mbs_cf_rte_footnote,note {
color: #737373!important;
font-size: 13px!important;
line-height: 1pc!important
}
@media only screen and (max-width: 834px) {
.mbs_cf_rte_footnote,note {
font-size:9pt!important
}
}
p {
font-weight: 400
}
b,strong {
font-weight: 700
}
main.container {
padding: .5em 1em
}
footer.experiencefragment {
border-top: 1px solid #202020;
padding: .5em 1em
}
footer.experiencefragment .cmp-separator__horizontal-rule {
border: 0;
margin: 0
}
.footer {
background: #80714c;
color: #fafafa;
padding: 76px 0 40px
}
@media only screen and (max-width: 1024px) {
.footer {
padding:60px 0 2pc
}
}
.footer a {
color: #fafafa;
text-decoration: none
}
.footer ul {
padding: 0
}
.footer ul li {
list-style: none
}
.footer .footer__title--sub {
margin-bottom: 1pc
}
.footer-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 75pt
}
@media only screen and (max-width: 834px) {
.footer-content {
display:block;
margin-bottom: 30px
}
.footer-content .footer__links--container {
display: block;
width: 100%
}
.footer-content .footer__links--container .footer__title--sub {
display: none
}
.footer-content .footer__links--container .footer__links--wrapper {
margin-bottom: 24px
}
}
.footer-content>div {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.footer-content>div.footer__links--container {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2
}
.footer-content .footer__contact--wrapper:not(:last-child),.footer-content ul li {
margin-bottom: 14px
}
.footer__title--main,.footer__title--sub {
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase
}
.footer__title--main {
color: #fafafa;
margin-bottom: 2.6rem;
margin-top: 0
}
.footer__links--title {
text-transform: uppercase
}
.footer__links--container {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
width: 40%
}
.footer__links--container ul li {
margin-bottom: 10px
}
.footer__links--wrapper {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.footer__contact--wrapper--apps img.apple {
height: 2pc;
width: 6pc
}
.footer__contact--wrapper--apps img.google {
height: 2pc;
width: 78pt
}
.footer__contact--container ul.contact_details li a.contact-link {
display: block;
min-height: 26px
}
.footer__contact--container ul.contact_details li a.link-mobile {
background-image: url(clientlib-site/resources/images/icons/icon-mobile.svg);
background-position: 5px 0;
background-repeat: no-repeat;
background-size: 13px 23px;
padding-left: 30px;
padding-top: 4px
}
.footer__contact--container ul.contact_details li a.link-email {
background-image: url(clientlib-site/resources/images/icons/icon-email.svg);
background-position: 5px 0;
background-repeat: no-repeat;
background-size: 24px 1pc;
padding-left: 35px
}
@media only screen and (max-width: 834px) {
.footer__contact--container>div {
-webkit-box-flex:1;
-ms-flex: 1;
flex: 1
}
}
.footer__contact--container .footer__title--sub {
margin-bottom: 1pc
}
.footer__contact--container .footer__contact--social:not(:last-child) {
margin-right: 15px
}
@media only screen and (max-width: 1024px) {
.footer__other--container {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 40px
}
}
.footer__other--container a.button__generic.cmp-button {
border: 1px solid #fafafa;
color: #fafafa;
margin-top: 20px
}
.footer__other--container a.button__generic.cmp-button:before {
background: url(clientlib-site/resources/images/icons/icon-cta1-diamond-white.svg) no-repeat 50%
}
.footer__other--container a.button__generic.cmp-button:after {
-o-border-image: linear-gradient(90deg,#fafafa 45%,transparent 0,transparent 55%,#fafafa 0) 1;
border-image: -webkit-gradient(linear,left top,right top,color-stop(45%,#fafafa),color-stop(45%,transparent),color-stop(55%,transparent),color-stop(55%,#fafafa)) 1;
border-image: linear-gradient(90deg,#fafafa 45%,transparent 0,transparent 55%,#fafafa 0) 1
}
.footer__other--container a.button__generic.cmp-button span:after,.footer__other--container a.button__generic.cmp-button span:before {
background: url(clientlib-site/resources/images/icons/icon-cta1-diamonds-white.svg) no-repeat 50%
}
.footer__other--container a.button__link.cmp-button {
color: #fafafa;
margin-top: 20px
}
.footer__other--container a.button__link.cmp-button span:after {
background: url(clientlib-site/resources/images/icons/textlink-arrow-white.svg) no-repeat;
background-position: calc(100% - 10px) 0
}
@media only screen and (min-width: calc(1024px)) {
.footer__other--container .button__container__generic {
height:auto
}
}
.footer__other--desc {
max-width: 17pc
}
.footer__terms--container {
font-size: 9pt
}
.footer__terms--container ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 5px;
width: 100%
}
.footer__terms--container ul a {
font-size: 9pt
}
@media only screen and (max-width: 1024px) {
.footer__terms--container ul {
margin:0 auto 5px;
max-width: 250px
}
.footer__terms--container ul li:nth-child(2n) {
border-left: 1px solid #fafafa;
margin-left: 5px;
padding-left: 5px
}
}
@media only screen and (min-width: calc(1024px)) {
.footer__terms--container ul li:not(:last-child) {
border-right:1px solid #fafafa;
margin-right: 5px;
padding-right: 5px
}
}
.footer__terms--copyright {
text-align: center
}
.footer .footer-socialMediaIcon {
max-width: 17px
}
header.experiencefragment {
border-bottom: 1px solid #202020;
padding: .5em 1em
}
header.experiencefragment a {
color: #202020;
text-decoration: none
}
header.experiencefragment a:focus,header.experiencefragment a:hover {
color: #2020e0;
text-decoration: underline
}
header.experiencefragment .cmp-container {
display: grid;
grid-template-columns: 4fr 1fr 1fr
}
header.experiencefragment .cmp-navigation__group {
list-style: none;
margin: 0;
padding: 0
}
header.experiencefragment .cmp-navigation__item--level-0 {
display: grid;
grid-template-columns: 1fr 3fr
}
header.experiencefragment .cmp-navigation__item--level-0>.cmp-navigation__group {
display: grid;
grid-template-columns: repeat(3,1fr)
}
header.experiencefragment .cmp-navigation__item-link {
display: block
}
header.experiencefragment .cmp-navigation__item--active>.cmp-navigation__item-link {
font-weight: 700
}
header.experiencefragment .cmp-languagenavigation {
position: relative
}
header.experiencefragment .cmp-languagenavigation:before {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
content: " ";
display: block;
height: 1.5em
}
@media(prefers-color-scheme: dark) {
header.experiencefragment .cmp-languagenavigation:before {
background-image:url('data:image/svg+xml;utf8,')
}
}
header.experiencefragment .cmp-languagenavigation>.cmp-languagenavigation__group {
background: #ececec;
border: 1px solid #202020;
border-top: 0;
padding: 0 8px;
position: absolute;
top: 34px;
-webkit-transition-delay: .5s;
transition-delay: .5s;
visibility: hidden;
width: 20em
}
@media(prefers-color-scheme: dark) {
header.experiencefragment .cmp-languagenavigation>.cmp-languagenavigation__group {
background:#131313;
border-color: #dfdfdf
}
}
header.experiencefragment .cmp-languagenavigation:hover>.cmp-languagenavigation__group {
-webkit-transition-delay: 0s;
transition-delay: 0s;
visibility: visible
}
header.experiencefragment .cmp-languagenavigation__group {
list-style: none;
margin: 0;
padding: 0
}
header.experiencefragment .cmp-languagenavigation__item-title {
font-size: x-small;
text-transform: uppercase
}
header.experiencefragment .cmp-languagenavigation__item--level-0 {
margin-bottom: .5em
}
header.experiencefragment .cmp-languagenavigation__item--level-1 {
display: inline
}
header.experiencefragment .cmp-languagenavigation__item--level-1:not(:first-child):before {
content: " | "
}
header.experiencefragment .cmp-languagenavigation__item--active>.cmp-languagenavigation__item-link {
font-weight: 700
}
header.experiencefragment .cmp-search__field {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: -3px 0
}
header.experiencefragment .cmp-search__input {
height: 26px
}