.d0whitebox { background-color: #FDFCF9; border-right: 2px solid #E8E3D8; overflow: hidden; padding: 48px 40px; display: block; margin-left: -15px; margin-right: -15px; cursor: pointer;}

.d0whitebox---last {border-right: none;}

.d0whiteboximage {margin: -15px; object-fit: cover; display: block; transition: transform 0.6s ease, filter 0.4s ease; filter: saturate(0.8);}

.d0whitebox:hover .d0whiteboximage {transform: scale(1.1) !important; filter: saturate(1) !important;}

.d0offwhitebox {
  background-color: #FDFCF9; margin: 0; padding: 48px 40px;
  min-height: 0px; display: block;  border-left: 2px solid #E8E3D8; position: relative; overflow: hidden; margin-left: -15px; margin-right: -15px;
}
.d0offwhitebox::before {
  content: ""; position: absolute; top: 0; left: 0;
  width: 100%; height: 2px; background: #A8894A;
  transform: scaleX(0); transform-origin: left; transition: transform 0.5s ease;
}
.d0offwhitebox:hover::before {
  transform: scaleX(1);
}

.d0offwhitebox--first {
  border-left: none;
}

.d0borderboxgold {padding: 28px 0; border-top: 1px solid rgba(255, 255, 255, 0.2); display: grid; grid-template-columns: 1px 1fr; gap: 24px;}
.d0borderboxgold:last-of-type {border-bottom: 1px solid rgba(255,255,255,0.2) !important;}
.d0borderboxline {width: 1px; background: #c9a96e; opacity: 0.5; margin-top: 4px;}

.d0darkbox {background-color: #1C1C1A; padding: 0 32px 0 0;}

.d0statblock {padding: 32px 0; border-top: 1px solid #E8E3D8;}
.d0statblock:last-child { border-bottom: 1px solid #E8E3D8;}

.d0darkbox2 { background-color: #242420; overflow: hidden; padding: 28px 28px 32px; margin-left: -15px; margin-right: -15px; border-right: 2px solid #31312D; min-height: 320px;}

.d0darkbox2image {
  margin: -15px; object-fit: cover; display: block;
  filter: saturate(0.6) brightness(0.85);
  transition: filter 0.5s ease, transform 0.5s ease;
}

.d0darkbox2:hover .d0darkbox2image { filter: saturate(0.9) brightness(0.95); transform: scale(1.02); }

.d0darkbox2---last {border-right: none;}

.d0markrow {display:flex; gap:20px; padding:26px 0; border-bottom:1px solid #E8E3D8;}
.d0markrow .mark {flex:0 0 auto; font-size:20px; line-height:1; color:#B8A888; background: none;}
.d0markrow h3 {margin: -3px 0 0 0;}
.d0markrow p {margin: 0;}

@media only screen and (min-width: 992px) {.d0splashspace {min-height: 75vh;  display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}}

.d0heroeyebrow {display: block; align-self: auto; width: 32px; height: 1px; background: #A8894A;}

@media only screen and (min-width: 800px) {
.d0whitecoverleft {background: linear-gradient(90deg,rgba(247, 244, 238, 1) 0%, rgba(247, 244, 238, 1) 50%, rgba(247, 244, 238, 0) 50%, rgba(247, 244, 238, 0) 100%); margin-top: -1px; margin-bottom: -1px;}
.d0whitecoverright {background: linear-gradient(270deg,rgba(247, 244, 238, 1) 0%, rgba(247, 244, 238, 1) 50%, rgba(247, 244, 238, 0) 50%, rgba(247, 244, 238, 0) 100%); margin-top: -1px; margin-bottom: -1px;}

.d0darkcoverleft {background: linear-gradient(90deg,rgba(28, 28, 26, 1) 0%, rgba(28, 28, 26, 1) 50%, rgba(28, 28, 26, 0) 50%, rgba(28, 28, 26, 0) 100%); margin-top: -1px; margin-bottom: -1px;}
.d0darkcoverright {background: linear-gradient(270deg,rgba(28, 28, 26, 1) 0%, rgba(28, 28, 26, 1) 50%, rgba(28, 28, 26, 0) 50%, rgba(28, 28, 26, 0) 100%); margin-top: -1px; margin-bottom: -1px;}
}


@media only screen and (max-width: 799px) {
.d0whitecoverleft {background: #F7F4EE;}
.d0whitecoverright {background: #F7F4EE;}
.d0darkcoverleft {background: #1C1C1A;}
.d0darkcoverright {background: #1C1C1A;}
}

.ub-dark {background-color: #1C1C1A;}

.ub-light {background-color: #F7F4EE;}
.ub-dark {background-color: #1C1C1A;}
.ub-light p {color: #756e64 !important;}
.ub-dark p {color: #fff !important;}

#r8_content .container {padding-left: 0px; padding-right: 0px;}

#r8_content h1 {font-size: 1.2rem; font-family: "DM Sans", sans-serif; letter-spacing: 0.18em; margin-bottom: -15px; color: #e8d6b2 !important;}
#r8_content h2 {font-family: 'Cormorant Garamond', serif; font-weight: 500; line-height: 1.25; 0.18em;}

@media only screen and (min-width: 800px) {
.d0stepdot {width: 8px; height: 8px; border-radius: 50%; background: #A8894A; margin-bottom: 28px;}
}

@media only screen and (max-width: 799px) {
#r8_content h2 {font-size: 30px;}
.d0offwhitebox {border-left: none;}
.d0whitebox {border-right: none;}
.d0darkbox {padding: 0;}
.d0darkbox2 {border-right: none;}
}

.d0smalltext {font-size: 1.2rem; font-family: "DM Sans", sans-serif; letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: -20px !important;}

.d0numbers {font-family: 'Cormorant Garamond', serif; font-size: 3rem; font-weight: 300; color: #E8E3D8; line-height: 1; margin-bottom: 24px;}

.d0statnumber {font-family: 'Cormorant Garamond', serif; font-size: 2.5rem; font-weight: 300; color: #1C1C1A; line-height: 1;}



.d0testimonial {
    font-family: 'Cormorant Garamond', serif;
    font-size: 2rem;
    font-weight: 500;
    font-style: italic;
    line-height: 1.6;
    color: #1C1C1A;
    margin-bottom: 24px;
}

.d0topbannershift {margin-top: -1px;}
.d0deepbannershift {margin-top: -3px;}

@media only screen and (min-width: 800px) {.d0fivecolumnwrapper {display: flex; overflow: hidden; width: 100%;}} @media only screen and (max-width: 799px) {.d0fivecolumnwrapper {display: flex; flex-direction: column; overflow: hidden; width: 100%;}} .d0fivecolumn {flex: 1 1 20%; box-sizing: border-box; padding: 0 5px; border-left: 1px solid #8C8378; padding:0 20px 0 20px;}

.d0fivecolumn--first {border: none;}

.d0darkcoverleft, d0darkcoverright {color: rgba(247, 244, 238, 0.7);}

.sf-menu > li > a {letter-spacing: 0.12em; text-transform: uppercase;  color: #8C8378; text-decoration: none; transition: color 0.3s; font-family: 'DM Sans', sans-serif; font-weight: 300;}

.sf-menu > li > a:hover {color: #1C1C1A;}

.sf-menu > li > a:active {color: #1C1C1A;}

#r8_menu a[href*="start-a-conversation"] {background-color : #1C1C1A; padding: 3px 22px; border-radius: 1px; transition: background 0.3s !important; color: #FFF; }

#r8_menu a[href*="start-a-conversation"]:hover {background-color : #A8894A;}

.sf-menu {margin-top: -5px;}

.btn-statement {background-color: #1C1C1A; border: 1px solid #1C1C1A; padding: 14px 32px; font-size: 1.1rem; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; border-radius: 1px; transition: background 0.3s;}

.btn-compliment {color: #1C1C1A; background-color: transparent; border: none; padding: 14px 0px; font-size: 1.1rem; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; border-radius: 1px; transition: background 0.3s;}

.btn-compliment:hover {color: #A8894A !important; background-color: transparent !important;}

#r8_content .btn-hollow {color: #1C1C1A; border: 1px solid #1C1C1A; padding: 14px 32px; font-size: 1.1rem; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; border-radius: 1px; transition: background 0.3s;}

#r8_content .btn-hollow:hover {color: #A8894A; border: 1px solid #A8894A;}

@media (max-width : 799px) 
{
#body h1, 
#body h2, 
#body h3,
#body p
{text-align: center;}
}

#r8_content .ui-state-default {border: 1px solid transparent; background: transparent; padding: 0 0 !important; border-bottom: 1px solid #a8894a;}

#r8_content .ui-state-active {background: 0; border: 1px solid transparent;}

#r8_content .ui-widget-content {border: 1px solid transparent; background: transparent; font-family: "DM Sans", sans-serif !important;}

#dotgo-accordion6 h4 {font-family: 'Cormorant Garamond', serif !important; margin: 25px 25px !important; font-size: 18px !important; color: #1C1C1A;}

#dotgo-accordion6 i {color: #8C8378;}

.well {box-shadow: none;}

#dotgo-accordion6 .ui-widget {
    font-family: inherit;
    position: relative;
    margin-left: unset !important;
    max-width: 2000px !important;}

.d0faqwrap {font-family:"Cormorant Garamond", serif;}

.sf-menu > li ul {border-top: none; background: rgba(49, 49, 45, 0.8); width: 250px; padding: 15px;}

.sf-menu li ul li a {color: #fff; border: none; border-bottom: 1px solid #C9A96E; box-shadow: none; font-size: 10px; font-family: "DM Sans", sans-serif; font-weight: 300; letter-spacing: 0.12em; text-transform: uppercase;}

#header div.menu_container {
        background-color: #F7F4EE;
        border: none;
        box-shadow: none;
    }

#header a.mobile-menu {background-color: #1C1C1A; border: 1px solid #1C1C1A; padding: 8px 21px; font-size: 1.1rem; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; border-radius: 1px; transition: background 0.3s;}

#header a.mobile-menu-right {display: none;}

/*CHANGE MOBILE MENU BACKGROUND AND TEXT*/

@media (max-width: 991px) {
    .mm-ismenu, .mm-ismenu.mm-light {
        background-color: #1C1C1A;
        color: #fff;
    }}
/*CHANGE DIVIDERS BETWEEN MOBILE MENU ITEMS*/

@media (max-width: 991px) {
    .mm-menu.mm-light .mm-list>li:after, .mm-menu .mm-list>li:after, .mm-menu.mm-light .mm-header, .mm-menu.mm-light .mm-header {
        border-color: #1C1C1A;
 }}

/*CHANGE MOBILE DROPDOWN ARROW COLOUR*/

@media (max-width: 991px) {
    .mm-menu .mm-list>li>a.mm-subopen:after, .mm-menu .mm-list>li>a.mm-subclose:before, .mm-menu.mm-light .mm-list>li>a.mm-subopen:after, .mm-menu.mm-light .mm-list>li>a.mm-subclose:before, .mm-menu.mm-light .mm-header a:before {
        border-color: #ffffff;
}}

    .mm-menu.mm-vertical .mm-list li.mm-opened>a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened>ul {
        background-color: rgba(201, 169, 110, 0);
    }

.mm-list>li>a {padding: 8px 21px; font-size: 1.1rem; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; border-radius: 1px; transition: background 0.3s;}

.mm-list>li>a[href="start-a-conversation"]{background-color:#C9A96E;border:1px solid #C9A96E; padding: 11px 27px;font-size:1.1rem;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;border-radius:1px;color:#211F1B;display:inline-block;transition:background 0.3s, border-color 0.3s; margin-left: 20px; margin-top: 20px;}

/* Remove focus outline for mouse users only */
:focus:not(:focus-visible) {
  outline: none;
}

@media (min-width: 992px) {
#r8_content .d0contactheader {position: sticky; top: 80px; z-index: 89; background: #211F1B;}}
@media (max-width: 991px) {
#r8_content .d0contactheader {position: sticky; top: 60px; z-index: 89; background: #211F1B;}
#r8_content .ub .container {padding-left: 0px; padding-right: 0px;}
}

.d0contactheader .ub {padding-top: 0px; padding-bottom: 0px;}
.d0contactheader a {color: #E8E3D8;}
.d0contactheader a:hover {color: #C9A96E;}

.brass-rule{
  position:fixed;top:0;left:0;height:2px;background:#A8894A;
  width:0%;z-index:1000;transition:width 0.1s linear;
}

@media only screen and (max-width: 799px) {
.d0smalltext {margin-top: 50px !important;}
.d0spacebottom {margin-bottom: 30px;}
.d0offwhitebox {min-height: 0px;}
}