body {padding-top: 240px;}
body.logged-in {padding-top: 200px;}
body.no-top-bar {padding-top: 192px;}

.site-header {position: fixed;left: 0;right: 0;top: 0;width: 100%;z-index: 999;background-color: #FFFFFF;}
.site-header .menus-section {transition: 300ms ease all;}
.site-header .logo-section {flex-direction: column;align-items: center;padding: 35px 0 5px 0;}
.site-header .logo-section-2 {
    padding: 23px 0 9px 0;
    height: 60px;}
/* .site-header .logo-section .custom-logo-link img {width: 247px;height: 22px;} */
.site-header .logo-section .logo-text {color: #020202;font-family: 'Raleway';font-weight: 100; font-size: 14px;line-height: 34px;transition: 300ms ease all;height: 34px;opacity: 1;visibility: visible;padding: 0;margin-top: 0px; margin-bottom: 20px;}
@media screen and (max-width: 767px) {
.site-header .logo-section .logo-text {
    display: none;
}
}

.site-header .--header-btn { 
    position: absolute; right: 0; top: 0; z-index: 1; margin: 25px 35px; 
}

@media screen and (max-width:1199px) {
    .site-header .--header-btn { 
         right: 32px;
    }
}

@media screen and (max-width:768px) {
    .site-header .--header-btn { 
        padding: 6px;
        right: 16px;
        margin-top: 22px;
        font-size: 12px;
    }
}

.site-header.scrolling_up .logo-section .logo-text,
.site-header.scrolling_down .logo-section .logo-text {height: 0;opacity: 0;visibility: hidden;margin-top: 0px; margin-bottom: 10px;}

.site-header .menus-section .primary-menu {display: flex;justify-content: space-between;}
.site-header .menus-section .primary-menu > li {margin-bottom: 0;padding-bottom: 30px;}
.site-header .menus-section .primary-menu > li > a {color: #0D0D10;font-size: 12.5px;line-height: 16px;text-transform: uppercase;letter-spacing: 2.22px;padding: 10px 0 7px 0;display: block;font-weight: 500;}
.site-header .menus-section .primary-menu > li > .sub-menu {position: absolute;left: 0;right: 0;width: 100%;top: 100%;background-color: #faf3ea;z-index: 1;display: none;flex-flow: row wrap;transform: scaleY(0);transition: transform 200ms ease-in-out 200ms;padding: 2px 35px 18px 35px;}


@media screen and (min-width: 1200px) {
    .site-header .menus-section {opacity: 0;height: 0;visibility: hidden;}
    .site-header.scrolling_up .menus-section,
    .site-header.scrolling_down .menus-section {opacity: 1;visibility: visible;height: 64px;}
    .site-header .menus-section .primary-menu > li:hover > a {border-bottom: 1px solid #802148;}
    .site-header .menus-section .primary-menu > li:hover > .sub-menu {display: flex;-webkit-animation: submenu-animation ease-in 200ms;animation: submenu-animation ease-in 200ms;-webkit-animation-delay: 200ms;animation-delay: 200ms;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scaleY(0);-moz-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);transform-origin: center top; padding: 28px max(20px, calc((100vw - 1400px) / 2 + 20px)) 48px max(20px, calc((100vw - 1400px) / 2 + 20px)) !important;}
    .site-header .menus-section .primary-menu > li.menu-btn-secondary > a{padding: 12px 15px;border-radius: 8px;color: #802148;background: transparent;margin-top: -3px;border: 1px solid #802148;font-weight: 700;line-height: normal;letter-spacing: 0;}
    .site-header .menus-section .primary-menu > li.menu-btn-tertiary > a{padding: 12px 40px;border-radius: 8px;color: #fff;background: #802148;margin-top: -3px;border: 1px solid #802148;font-weight: 700;line-height: normal;letter-spacing: 0;}
    .site-header .menus-section .primary-menu > li.menu-btn-secondary > a:hover{color: #fff;background: #802148;}
    .site-header .menus-section .primary-menu > li.menu-btn-tertiary > a:hover{background: #a93360;}
    .site-header:not(.scrolling_up) .menus-section,
    .site-header:not(.scrolling_down) .menus-section {opacity: 1; visibility: visible; height: 64px;}
}

@-webkit-keyframes submenu-animation {
    0% {
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
    }

    100% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes submenu-animation {
    0% {
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
    }

    100% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
    }
}

.site-header .menus-section .primary-menu > li > .sub-menu li {flex: 1 1 0; padding: 0 15px;}
.site-header .menus-section .primary-menu > li > .sub-menu li a {display: block; padding: 0; text-align: left;color: #2C2C2C;font-size: 16px;line-height: 21px;font-family: 'Lato';font-weight: 300;}
.site-header .menus-section .primary-menu > li > .sub-menu li a .menu-image {padding: 0;height: 201px;object-fit: cover;width: 100%;}
.site-header .menus-section .primary-menu > li > .sub-menu li a .menu-image-title {text-align: center; padding: 0; margin: 15px 0 0 0;}

.site-header .menus-section .primary-menu > li.mega-menu > .sub-menu li a, .site-header .menus-section .primary-menu > li.mega-menu li.mega-menu ul.sub-menu li ul.sub-menu .sub-heading a {color: #092E38;font-size: 20px;line-height: normal;font-weight: normal;font-family: "Liberation Serif", sans-serif;display:inline;}
.site-header .menus-section .primary-menu > li.mega-menu ul.sub-menu {padding: 20px 25px 15px 50px;}
.site-header .menus-section .primary-menu > li.mega-menu ul.sub-menu li ul.sub-menu {background: transparent; margin: 10px 0 20px 0; padding: 0;}
.site-header .menus-section .primary-menu > li.mega-menu ul.sub-menu li ul.sub-menu li {width: 100%; margin: 0; padding: 0;}
.site-header .menus-section .primary-menu > li.mega-menu ul.sub-menu li ul.sub-menu li a {font-size: 15px;line-height: 32.5px;color: #000;font-weight: 300;text-transform: inherit;letter-spacing: 0; font-family: "Lato", sans-serif;}
.site-header .menus-section .primary-menu > li.mega-menu ul.sub-menu li ul.sub-menu li.view-all-link a {display:block; margin-top: 20px; color: #0A2E38; font-size: 14px; font-weight: 700; line-height: 18px; text-decoration: underline; text-transform: uppercase;}
.site-header .menus-section .primary-menu > li.mega-menu ul.sub-menu li ul.sub-menu .sub-heading > a {display:block; margin-top: 30px; color: #092E38;font-size: 20px;line-height: normal;font-weight: normal;font-family: "Liberation Serif", sans-serif;}
.site-header .menus-section .primary-menu > li.mega-menu ul.sub-menu li.our-kitchens-image .menu-image-title-after {pointer-events: none;}
.site-header .menus-section .primary-menu > li.mega-menu ul.sub-menu li.our-kitchens-image .menu-image-title-after span.menu-image-title {display: none;}
.site-header .menus-section .primary-menu > li.stacked-column-menu > .sub-menu > li:has(.our-kitchens-image) { flex: 2 1 0; }
.site-header .menus-section .primary-menu > li.stacked-column-menu > .sub-menu > li .our-kitchens-image img { max-width: 373px; }
.nav-toggle {margin: 0;padding: 0;width: 24px;height: 24px;display: none;cursor: pointer;position: relative;float: right;z-index: 9;background: transparent;}
.nav-toggle i, .nav-toggle i:after, .nav-toggle i:before {background-color: #8C8C83;position: absolute;width:24px;height:3px;transition-timing-function: ease;transition-duration: .3s;transition-property: transform;border-radius: 0; left: 0; right: 0; margin: auto;}
.nav-toggle i {transition-timing-function: cubic-bezier(.55,.055,.675,.19);transition-duration: 300ms;left: 0;top: 50%;display: block;margin-top: 0;}
.nav-toggle i:after, .nav-toggle i:before {display: block;content: "";}
.nav-toggle i:before {top: -7px;transition: top 300ms ease .15s,opacity 300ms ease;}
.nav-toggle i:after {bottom: -7px;transition: bottom 300ms ease .15s,transform 300ms cubic-bezier(.55,.055,.675,.19);}
.menu-open .nav-toggle i {transition-delay: .12s;transition-timing-function: cubic-bezier(.215,.61,.355,1);transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.menu-open .nav-toggle i:before {top: 0;transition: top 300ms ease,opacity 300ms ease .15s;opacity: 0;}
.menu-open .nav-toggle i:after {bottom: 0;transition: bottom 300ms ease,transform 300ms cubic-bezier(.215,.61,.355,1) .15s;transform: rotate(-90deg);}

#cookie-law-info-bar {background-color: rgba(0, 0, 0, 0.9) !important;padding: 22px 0 !important;color: #FFFFFF !important; z-index: 99999999999 !important;}
#cookie-law-info-bar > span {max-width: 1150px;display: block;margin: auto;padding: 0 20px;}
#cookie-law-info-bar .cli-bar-container .cli-bar-btn_container {width: 238px;margin: 0;}
#cookie-law-info-bar .cli-bar-container .cli-bar-message {width: calc(100% - 238px);font-family: 'Lato';color: #fff;font-size: 14px;line-height: 21px;font-weight: 100;padding-right: 30px;}
#cookie-law-info-bar .cli-bar-container .cli-bar-message a {color: #fff;text-decoration: underline;}
#cookie-law-info-bar .cli-bar-container .cli-bar-btn_container #wt-cli-accept-all-btn {background-color: #8C8C83 !important;margin: 0;min-width: 97px;font-family: 'Inria';font-size: 14px;line-height: 18px;font-weight: 300;padding: 12px 12px;}
#cookie-law-info-bar .cli-bar-container .cli-bar-btn_container #wt-cli-accept-all-btn:hover {background-color: #FFFFFF !important; color: #000 !important;}
#cookie-law-info-bar .cli-bar-container .cli-bar-btn_container #CONSTANT_OPEN_URL {min-width: 120px;margin: 0 0 0 20px;border: 1px solid #FFFFFF;color: #FFFFFF !important;font-family: 'Inria';font-size: 14px;line-height: 18px;font-weight: 300;padding: 11px 12px;background-color: transparent !important;}
#cookie-law-info-bar .cli-bar-container .cli-bar-btn_container #CONSTANT_OPEN_URL:hover {background-color: #FFFFFF !important; color: #000 !important;}

.gallery-list-block .listing .item .img + h3 {margin-top: 8px;}
.gallery-list-block .listing .no-more-message {width: 100%;}

.showroom-search-block .right-col .listing::-webkit-scrollbar {width: 3px;height: 3px;border-left: 0;background: rgba(0, 0, 0, 0.1);}
.showroom-search-block .right-col .listing::-webkit-scrollbar-track {background: none;}
.showroom-search-block .right-col .listing::-webkit-scrollbar-thumb {background: rgba(139, 139, 131, 0.4) !important;border-radius: 10px;/*border: 2px solid rgb(128, 124, 124);*/}
.showroom-search-block .left-col .showroom-map .mapboxgl-control-container .mapboxgl-ctrl-geocoder {display: none !important;}
#map_box {margin:0 auto;width: 100%;height: 800px;}
.mapboxgl-ctrl-group {border-radius: 0 !important;}
.marker {border: none;cursor: pointer;height: 30px;width: 30px;background-image: url(../images/map-marker1.svg);background-color: rgba(0, 0, 0, 0);background-repeat: no-repeat;background-size: contain; }
.mapboxgl-ctrl-logo {display: none !important;}
.mapboxgl-popup {max-width: 291px !important;}
.mapboxgl-popup-content {background: #FFFFFF !important;color: #505150;padding: 14px 25px 28px 25px !important;border-radius: 0 !important;}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {border-top-color: #ffffff;}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {border-bottom-color: #ffffff !important;}
.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {border-right-color: #2b2b2b;}
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {border-top-color: #2b2b2b;}
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {border-bottom-color: #2b2b2b;}
.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {border-left-color: #2b2b2b;}
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {border-top-color: #2b2b2b;}
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {border-bottom-color: #2b2b2b;}
.mapboxgl-popup-close-button {color: #444444; padding:0;}
.mapboxgl-map .popup {display: flex;flex-flow: column;align-items: center;position: relative;top: initial;right: initial;bottom: initial;left: initial;z-index: initial;background-image: initial;background-size: initial;background-repeat: initial;background-position: initial;opacity: initial;transform: initial;transition-duration: initial;background-color: transparent;}
.mapboxgl-map .popup .p-info {width: 100%;padding: 10px 0 0 0;}
.p-info p {font-size: 15px;line-height: 22.5px;font-family: 'Lato';font-weight: 400;margin: 0 0 5px 0;color: #000;}
.map-popup .p-info a {text-decoration: none;}
.map-popup .p-info .p-info_link a, .map-popup .p-info .p-appointment_link a {text-decoration: underline;text-transform: uppercase; color:#000; font-size: 14px;font-weight:700;font-family: 'Lato', sans-serif;}
.mapboxgl-popup-close-button {margin-top: 12px;margin-right: 10px;}
.mapboxgl-map .popup a {color: #fff;display: flex;align-items: center;text-decoration: none;}
.map-popup .p-info {padding: 15px 0 0 0;}
.p-image {width: 100%;}
.p-image img {width: 100%;min-height: inherit !important;}
.mapboxgl-popup-close-button {font-size: 31px;}
.mapboxgl-popup {transform: translate(-50%, -107%);}
.map-popup .p-info .p-info_title {font-size: 18px;font-family: 'Lato', sans-serif;line-height: 30px;color: #092E38;margin: 0;font-weight: 400;}
.showroom-list #inner-map {width: 100%;height: 390px;}

.gallery-list-block .title h3 {margin: 0 0 5px 0; font-size: 44px; line-height: 42px;}
.gallery-list-block .title h2 {font-size: 20px; line-height: 26px;}
.form-main .form-submit {position: relative;}
.form-main .form-submit .wpcf7-spinner {position: absolute;right: 20px;margin: 0;top: 8px;}
.brochure-request-block.trade-partnership .left-col .footnote {padding: 16px 8px 0 8px;}
/* .request-brochure-block .ct-row .text-col h3 strong {top: -6px; padding: 0 18px;} */

.find-showroom-block .ct-row .left-col .inside .mapboxgl-ctrl-geocoder {width: 100%;max-width: 100%;margin: 36px 0 0 0; box-shadow: none; border-radius: 0;}
.find-showroom-block .ct-row .left-col .inside .mapboxgl-ctrl-geocoder--input {height: auto;padding: 11px 20px 11px 38px; font-family: 'Lato'; font-size: 16px;}
.find-showroom-block .ct-row .left-col .inside .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--icon-search {top: 12px;left: 8px;}

.full-text-img-block {position: relative; z-index: 99;}
.full-text-img-block .ct-row .text-block .inside .mapboxgl-ctrl-geocoder {width: 100%;max-width: 100%;margin: 36px 0 0 0; box-shadow: none; border-radius: 0;}
.full-text-img-block .ct-row .text-block .inside .mapboxgl-ctrl-geocoder--input {height: auto;padding: 11px 20px 11px 38px; font-family: 'Lato'; font-size: 16px;}
.full-text-img-block .ct-row .text-block .inside .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--icon-search {top: 12px;left: 8px;}


@media screen and (max-width:1199px) {
    body { padding-top: 150px; }
    .main-header { position: relative; }
    .site-header .logo-section { align-items: flex-start; padding: 24px 0 15px 0; max-width: 280px; }
    .site-header .logo-section .custom-logo-link img { width: 160px; height: 32px; }
    .site-header .logo-section .logo-text { height: auto; opacity: 1; visibility: visible; font-size: 14px; line-height: 22px; margin-top: 2px; }
    .site-header.scrolling_up .logo-section .logo-text { height: auto; }
    .site-header.scrolling_up .logo-section .logo-text, .site-header.scrolling_down .logo-section .logo-text { opacity: 1; visibility: visible; margin-bottom: 10px; margin-top: 2px; height: auto; }
    .site-header .menus-section { position: fixed; height: calc(100vh - 120px); left: 0; right: 0; top: 116px; bottom: 0; overflow-y: auto; background-color: #FFF; z-index: 1; display: none; overflow-x: hidden !important; padding: 20px; }
    .menu-open .site-header .menus-section { display: block; }
    .site-header .top-row { padding: 13px 15px 11px 15px; }
    .main-header .nav-toggle { display: block; position: absolute; right: 20px; top: 25px; }
    .site-header .menus-section .primary-menu { flex-flow: row wrap; }
    .site-header .menus-section .primary-menu > li { width: 100%; position: relative; padding-bottom: 0; }
    .site-header .menus-section .primary-menu > li > a { padding: 17.5px 50px 17.5px 0; font-weight: normal; display: inline-flex; align-items: center; line-height: 14px; }
    .site-header .menus-section .primary-menu > li .icon { position: absolute; right: 5px; top: 7px; width: 45px; height: 40px; background: transparent url(../images/arrow-right.svg) no-repeat center; }
    .site-header .menus-section .primary-menu > li.active-parent > .icon, .site-header .menus-section .primary-menu > li.is-open > .icon { display: none !important; }
    .site-header .menus-section .primary-menu > li.active-parent > a::before, .site-header .menus-section .primary-menu > li.is-open > a::before { content: ""; display: inline-block; width: 15px; height: 15px; margin-right: 8px; background: transparent url(../images/arrow-right.svg) no-repeat center / contain; transform: scaleX(-1); flex-shrink: 0; }
    .site-header .menus-section .primary-menu > li > .sub-menu { position: fixed; top: 175px; left: 0; width: 100%; height: calc(100vh - 175px); padding: 20px 10px 20px 0 !important; z-index: 20; margin: 0; display: block !important; transform: translateX(100%); transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1); overflow-y: auto; box-sizing: border-box; }
    .site-header .menus-section .primary-menu > li > .sub-menu.is-active { transform: translateX(0); }
    .site-header .menus-section .primary-menu .sub-menu li { padding: 10px 0; }
    .site-header .menus-section .primary-menu .sub-menu li a { padding: 12px 18px !important; border-bottom: 1px solid #f0f0f0; display: block; }
    .site-header .menus-section .primary-menu > li.mega-menu ul.sub-menu li ul.sub-menu li a { font-weight: 400; }
    body.no-top-bar { padding-top: 79px; }
    body.no-top-bar .site-header .menus-section { height: calc(100vh - 79px); top: 79px; }
    .site-header .menus-section .primary-menu > li.mega-menu ul.sub-menu li span.icon { display: none; }
    .site-header .menus-section .primary-menu > li.active-parent { order: -1; }
}
@media screen and (max-width:991px) {
    .site-header .menus-section .primary-menu > li > .sub-menu li { width: 100%; margin-top: 0px; padding: 10px 0; }
    .site-header .menus-section .primary-menu > li > .sub-menu li a { padding: 10px 0; text-align: left; }
    .site-header .menus-section .primary-menu > li.mega-menu ul.sub-menu:after { display: none; }
    .site-header .menus-section .primary-menu > li.mega-menu ul.sub-menu li ul.sub-menu { margin: 0 0 10px 0; }
    .site-header .menus-section .primary-menu > li.mega-menu ul.sub-menu li ul.sub-menu li { margin: 0; }
    .site-header .menus-section .primary-menu > li > .sub-menu li.our-kitchens-image { display: none; }
}
@media screen and (max-width:767px) {
    body { padding-top: 100px; }
    .container { padding: 0 15px; }
    .site-header .top-row { padding: 8px 15px 6px 15px; }
    .site-header .logo-section { padding: 17px 0 9px 0; height: 70px; }
    .site-header .menus-section { padding: 0; top: 90px; height: calc(100vh - 90px); display: none; overflow-y: auto; }
    .site-header .menus-section .primary-menu > li > .sub-menu { top: 145px; height: calc(100vh - 145px); }
    .site-header .menus-section .primary-menu > li { padding: 0 15px; }
    .site-header .menus-section .primary-menu > li > .sub-menu li { width: 100%; margin-top: 0; }
    .site-header .menus-section .primary-menu > li > .sub-menu li a .menu-image { display: none; }
    .site-header .menus-section .primary-menu > li > .sub-menu li a { padding: 5px 0; text-align: left; }
    .site-header .menus-section .primary-menu > li > .sub-menu li a .menu-image-title { margin: 0; }
    .site-header .menus-section .primary-menu > li.menu-btn-tertiary > a { display: inline-block; margin-top: 17.5px; padding: 12px 40px; border-radius: 8px; color: #0D0D10; background: #fff; border: 1px solid #802148; font-weight: 700; line-height: normal; letter-spacing: 0; }
    .site-header .menus-section .primary-menu > li.menu-btn-tertiary > a:hover { color: #fff; background: #802148; }
    .main-header .nav-toggle { right: 15px; }
    body.no-top-bar { padding-top: 73px; }
    body.no-top-bar .site-header .menus-section { height: calc(100vh - 73px); top: 73px; }
    .cli-style-v2.cli-bar-container { flex-flow: row wrap !important; justify-content: center; }
    #cookie-law-info-bar .cli-bar-container .cli-bar-message { width: 100%; text-align: center; padding-right: 0; }
    #cookie-law-info-bar .cli-bar-container .cli-bar-btn_container { margin: 15px 0 0 0; }
    .find-showroom-block .ct-row .left-col .inside .mapboxgl-ctrl-geocoder { margin: 16px 0 0 0; }
}