* {background-repeat: no-repeat;background-position: center center;box-sizing: border-box;}
body {margin: 0px;padding: 0px;background-color: #f7f7f7;color: #000000;font-family: "Geist", sans-serif;font-size: 0.9375rem;line-height: 1.4;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
a { color: #000000; text-decoration: none; font-weight: normal; font-family: "Geist", sans-serif;}
ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; vertical-align: top; }

fieldset { padding: 0px; margin: 0px; border: none; }
.form-group{margin-bottom: 5px;}
fieldset .label{font-size: 0.75rem; padding-bottom: 5px; font-family: "Geist", sans-serif;}

input, textarea, select, .tag-editor {background: var(--grey);border: none;outline: none;border-radius: 10px;color: #000000;font-size: 0.9375rem;font-family: "Geist", sans-serif;box-sizing: border-box;max-width: 100%;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
input, textarea{padding: 5px 10px;font-size: 0.75rem;}
textarea{ resize: vertical; width: 100%; max-width: 100%; }
input[type=text], input[type=password],  input[type=number]{height: 34px;}
select {height: 35px; padding: 0px 30px 0 10px; background-image: url(/images/8iWxCnOunYKRVWrwuZIC0hs0hs.png); background-repeat: no-repeat; background-position: right 15px center; background-size: 10px; font-size: 0.75rem; cursor: pointer;}

input[type=checkbox] {opacity: 0;-moz-opacity: 0;position: absolute;cursor: pointer;margin: 0px; padding: 0px; height: 18px; width: 12px; appearance: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;}
input[type=checkbox] + label:before {content: '';background-color: var(--grey);display: inline-block;width: 12px;height: 12px;margin: 0px 10px -2px 0px; border-radius: 3px;}
input[type=checkbox]:checked + label:before { background: black; }
input[type=checkbox]:checked + label { color: #000000;}
label input[type=checkbox] { border: none; appearance: checkbox; -webkit-appearance: checkbox; -moz-appearance: checkbox; -o-appearance: checkbox; }

.shop_shopify input[type=checkbox] {opacity: 1 !important; -moz-opacity: 1 !important; position: relative !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; -o-appearance: none !important; display: inline-block;width: 12px;height: 12px;background-color: var(--grey, #ccc);border-radius: 3px;cursor: pointer;vertical-align: middle;}
.shop_shopify input[type=checkbox]:checked{background-color: black !important;}

input[type=radio] { margin: 0 3px; padding: 6px; border-radius: 3px; cursor: pointer;}
input[type=radio]:checked { background: black; }

/* removes scrollbar */
.memb_commcentre .messages::-webkit-scrollbar, .memb_commcentre .threads::-webkit-scrollbar, .description::-webkit-scrollbar{display: none;}
.memb_commcentre .messages,.memb_commcentre .threads, .description{ overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none;}



h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; font-weight: normal; font-family: "EB Garamond", serif;}
p { padding: 0px 0px 15px 0px; margin: 0px; }
strong {font-weight: 500;}
.hidden {display: none;}
.spacer { clear: both; height: 0px; display: none; }
.errors{font-size:  0.9375rem; color: crimson; margin-bottom: 20px;}
td, th { text-align: left; vertical-align: top; }
th { font-weight: normal; }
table { border-spacing: 0px; }
td, th { padding: 0px; }

img{max-width: 100%; height: auto;}

.expandtitle{cursor: pointer;}
.expandtitle .open i, .expandtitle .close i{font-size: 0.5rem;}

.richtextcontent a{text-decoration: underline; text-underline-offset: 3px;}
.richtextcontent a:hover{text-decoration-thickness: 1.5px;}
.richtextcontent ul, .content ul, .richtextcontent ol { margin-bottom: 26px;}
.richtextcontent ul > li, .content ul > li {list-style-type: disc;margin-left: 30px;}
.richtextcontent ol > li, .content ol > li {list-style-type: decimal; margin-left: 30px;}
.richtextcontent figure {font-size: 0.65rem; width: 100%; margin: 0 0 15px 0;}
.richtextcontent figure img{margin-bottom: 15px;}

h1 { font-size: 1.875rem; margin: 2rem 0; } /* 30px */
h2 { font-size: 1.6875rem; margin: 2rem 0 1rem; } /* 27px */
h3 {font-size: 1.5rem;margin: 1.75rem 0 0.875rem;} /* 24px */
h4 { font-size: 1.3125rem; margin: 1.5rem 0 0.75rem; }  /* 21px */
h5 { font-size: 0.9375rem; margin: 1.25rem 0 0.625rem; } /* 15px */
h6 { font-size: 0.75rem; margin: 1rem 0 0.5rem; } /* 12px */
p  {font-size: 0.9375rem;} /* 15px */

:root 
{
   --background: #F1F1F1;
   --navbar: #f1f1f1f5;
   --grey: #D9D9D9;
   --grey-button: #D9D9D966;
   --grey-button-hover: #D9D9D9CC;
   --grey-font: #FFFFFF6B;
   --dark-grey: #7f7f7f;
}


/*********************************************************************************/
/*Common*/
/*********************************************************************************/

body{padding-top: 140px;background-color: var(--background);}
.layoutcontent {width: 100%;max-width: 1200px;min-height: 66vh;margin: 0px auto 0px auto;padding: 0px 0px 120px 0px;background-color: var(--background);}


@media ( max-width: 1200px ){
   .layoutcontent:not(:has(.homepage)) {padding: 0px 20px 60px 20px;}
}

.std_contentpage .pagetitle{text-align: center;}


/* Buttons */
.button.disabled {opacity: 0.5;cursor: not-allowed;pointer-events: none;}
button, .button, input[type=button], input[type=submit], .aboutsignup a, .toolbar .links a, .ui-dialog-buttonset .button, .ui-dialog .ui-dialog-buttonpane button, .btn{background-color: var(--grey-button); color: black;font-family: "EB Garamond", serif !important;font-size: 0.75rem !important;text-align: center !important;padding: 9px 15px !important;border: none;border-radius: 8px;cursor: pointer;transition: all 0.3s ease-in;}
button:hover, .button:hover, input[type=button]:hover, input[type=submit]:hover, .aboutsignup a:hover, .toolbar .links a:hover, .ui-dialog-buttonset .button:hover, .ui-dialog .ui-dialog-buttonpane button:hover, .btn:hover{ background-color: var(--grey-button-hover) !important; color: black !important;}
.ui-dialog .ui-dialog-buttonpane button{padding: 9px 25px !important; background-color: var(--grey-button) !important;}

/* black button */
button[type=submit], .login input[type=submit], #resetpw input[type=submit], .no_connection a, .memb_userprofile .statusbar .button, .addtobasket input[type=submit], .editlink a, .memb_lookbookeditor .create, .newmessage {background-color: black; color: white; font-family: "EB Garamond", serif !important;font-size: 0.75rem !important;text-align: center !important;padding: 9px 15px !important;border: none;border-radius: 8px;cursor: pointer;transition: all 0.3s ease-in;}
button[type=submit]:hover, .login input[type=submit]:hover, #resetpw input[type=submit]:hover, .no_connection a:hover, .addtobasket input[type=submit]:hover, .editlink a:hover, .memb_lookbookeditor .create:hover, .newmessage:hover {background-color: var(--grey); color: black;}
.login input[type=submit], .ui-dialog:has(.logindialog) .headersignup input[type=button] {font-family: Geist !important; }

/* white button */
button[name="action"][value="goback"], .product .button, .memb_commcentre .button { background-color: white !important; color: black !important; font-family: "EB Garamond", serif !important;font-size: 0.75rem !important;text-align: center !important;padding: 9px 15px !important;border: none;border-radius: 8px !important;cursor: pointer;transition: all 0.3s ease-in;}
button[name="action"][value="goback"]:hover, .product .button:hover, .memb_commcentre .button:hover { background-color: var(--grey-button-hover) !important;}

/* grey hover button */
.memb_userprofile .statusbar .button:hover{background-color: var(--grey-font); color: black;}


/* Carousels */
.feat_carousel{position: relative;}
.feat_carousel .carousel {overflow: hidden;position: relative;}
.feat_carousel .carousel ul {width: 20000em;position: relative;}
.feat_carousel .carousel li { text-align: center; float: left; }
.feat_carousel .skip { height: 15px; margin-top: 20px; display: flex; justify-content: center;}
.feat_carousel .skip a { display: block; width: 8px; height: 8px; background-color:var(--grey); border-radius: 50%; margin: 0px 5px 5px 0px; font-size: 0px; }
.feat_carousel .skip a.active { background-color: #9B9B9B; }

.nextprevious {width: 100%; margin: 0 auto; position: absolute; top:45%; padding: 0 15px;}
.nextprevious a{display: flex;align-items: center;justify-content: center; width: 30px; height: 30px; border-radius: 50%; background-color: #D9D9D966; }
.nextprevious a:hover{background-color: var(--grey-button-hover);}
.nextprevious a i{color: white;}
.carousel-next, .carousel-prev {height: 30px;width: 30px; border-radius: 5px;}
.carousel-next{ float: right;}
.carousel-prev{ float: left;}


/* Dialog box */
.layoutoverlay { width: 100%; height: 100%; position: absolute; }
.ui-widget-overlay { background: unset; opacity: unset; }
body:has(.ui-dialog:not([style*="display: none"]) .logindialog) .ui-widget-overlay { background-color: #FFFFFF7D;backdrop-filter: blur(60px);opacity: 0.9;}

.ui-front {z-index: 2;}
.ui-dialog { border: none; padding: 20px; max-width: 90%; display: flex; flex-direction: column; /* background-color: #C3C3C312; backdrop-filter: blur(5px); */ box-shadow: 0px 4px 10px 0px #00000040; border-radius: 14px; outline: 2px solid rgba(255, 255, 255, 0.687); position: relative; isolation: isolate; overflow: hidden; }
.ui-dialog-titlebar { background: none; border: none; padding: 0px; }
.ui-dialog-title { text-transform: uppercase; font-weight: normal; font-family: "Geist", sans-serif; font-size: 1.3125rem;}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { background-image: url(/images/ThZLqpr8Yzv6DKVuXutW00e00e.png) !important; background-size: contain !important; background-repeat: no-repeat !important; width: 20px !important; height: 20px !important;  padding: 0 !important;}
.ui-dialog .ui-dialog-titlebar-close span { display: none; }
.ui-widget-content{border:none !important; text-align: center; height: auto !important; color: black;  background:none; }
.ui-widget-content h2, .ui-widget-content h3{margin-top: 10px;}
.ui-widget-content .confirm{font-size: 1rem; font-family: "EB Garamond", serif;}
.ui-widget-content .confirm .connname { display: inline; }
.ui-dialog-buttonpane { border: none; background: transparent; display: flex; flex-wrap: wrap; justify-content: center;}
.ui-dialog-buttonset{ display: flex; flex-wrap: wrap; gap:20px;}



/* login dialog */
.ui-dialog:has(.logindialog){outline: unset; box-shadow: unset; background-color: unset; position:relative; isolation: unset; overflow: unset;}
.ui-dialog:has(.logindialog)::after, .ui-dialog:has(.logindialog)::before{ all:unset;}
.ui-dialog:has(.logindialog) .ui-dialog-titlebar .ui-dialog-titlebar-close { background-image: url(/images/ThZLqpr8Yzv6DKVuXutW00e00e.png) !important; background-size: contain !important; background-repeat: no-repeat !important; width: 20px !important; height: 20px !important; padding: 0 !important; position: fixed; top: 150px;  right: clamp(50px, calc((100vw - 1200px) / 2), 999px);  left: auto; margin: 0; z-index: 999999 !important; } 
.ui-dialog:has(.logindialog) .ui-widget.ui-widget-content {display: flex;flex-direction: column;}
.ui-dialog:has(.logindialog) .ui-dialog-content {overflow-y: auto !important; margin-top: 40px;}
.ui-dialog:has(.logindialog) .headersignup, .ui-dialog:has(.logindialog) .headersignup .titletxt{display: block; padding: 0;}
.ui-dialog:has(.logindialog) .headersignup .helper{padding-top: 0;}
.ui-dialog:has(.logindialog) .headersignup input[type=button], .ui-dialog:has(.logindialog) .headersignup input[type=submit], .login-page .headersignup input[type=button], .login-page .headersignup input[type=submit] {max-width: 200px; width: 100%; color: #00000057;}

/* gdpr-cookie-message */
#gdpr-cookie-message{ max-width: 375px; width: calc(100% - 40px);  height: fit-content; margin: 0px; border-radius: 14px; background-color: transparent; /*background-color: #C3C3C312;opacity: 1;backdrop-filter: blur(5px);outline: 1px solid rgba(255, 255, 255, 0.687); box-shadow: 0px 4px 10px 0px #00000040; */top: 50%;left: 50%;transform: translate(-50%, -50%);}
#gdpr-cookie-message h4, #gdpr-cookie-message p{color: black; text-align: center !important;}
#gdpr-cookie-message h4{font-size: 1.4rem;}
#gdpr-cookie-message p:first-of-type{font-family: "Geist", sans-serif; font-size: 0.75rem; padding: 20px;}
#gdpr-cookie-message button{font-size: 0.9375rem;}
#gdpr-cookie-message #gdpr-cookie-accept{background-color: black; color: white;}
#gdpr-cookie-message #gdpr-cookie-advanced{background-color: transparent; color: black; border: 1px solid black;}
#gdpr-cookie-message #gdpr-cookie-accept:hover, #gdpr-cookie-message #gdpr-cookie-advanced:hover{background-color: var(--grey); color: black; }
#gdpr-cookie-message #gdpr-cookie-advanced:hover{border: 1px solid var(--grey);}

@media ( max-width: 373px ){
   #gdpr-cookie-message button{margin: 10px;}
}


/* glass effect */
/* .layoutheader_inner { background: rgba(255, 255, 255, 0.13); backdrop-filter: blur(9.98px) saturate(1.4); -webkit-backdrop-filter: blur(9.98px) saturate(1.4);background: linear-gradient(-45deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.06) 40%, transparent 60%); border-radius: 20px; box-shadow: 0 4px 24px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.55);} */

.glass {width: 100%; height: 100%; position: relative; isolation: isolate; border: none; background: none; overflow: hidden;}
.glass::before, #gdpr-cookie-message::before, .ui-dialog::before {pointer-events: none; content: ''; position: absolute; inset: 0; z-index: -1; border-radius: 14px; box-shadow: inset 0 0 1px -17px #030303; background-color: rgba(255, 255, 255, 0.3);}
.ui-dialog::before{background-color: rgba(255, 255, 255, 0.4);}
.glass::after, #gdpr-cookie-message::after, .ui-dialog::after {content: ''; position: absolute; inset: 0; z-index: -1; border-radius: 14px; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); filter: url(#glass-distortion); -webkit-filter: url(#glass-distortion);}

	
	
	
.currency{font-size: 0.85rem; display: flex; align-items: center; margin-top: 5px;}
.currency p{padding-bottom: 0;}
.currency input{margin: 0 5px;}

@media ( max-width: 450px ){
   .currency{flex-wrap: wrap;}
   .currency p{width: 100%; padding-bottom: 5px;}
}

/*********************************************************************************/
/*Header*/
/*********************************************************************************/

.layoutheader{display: flex; justify-content: center;}
.layoutheader_inner{position: fixed; width: calc(100vw - 40px);max-width: 1200px;z-index: 10;margin: -110px 20px 0px 20px; padding: 2px; box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.2); border-radius: 14px;}
.layoutheader .nav_simple{height: 100%; padding: 5px 20px;border-radius: 14px;}
.layoutheader .nav_simple ul{ height:100%; display: flex; justify-content: space-between; align-items: center;}
.layoutheader .mobile-logo{display: none;}


/* Laptop */
@media ( min-width: 701px ){

   .toggle {display: none;}
   .layoutheader_inner {height: 87px;}
   .layoutheader .nav_simple ul{max-width: 1000px;width: auto;margin: 0 auto;gap:25px; border-radius: 14px;}
   .layoutheader .nav_simple ul li a{font-size: 0.8125rem; line-height: 20px; display: inline-block; color: black; /* text-shadow:-0.1px 0 1px white,0.1px 0 1px white,0 -0.1px 1px white,0  0.1px 1px white; */}
   .layoutheader .nav_simple ul li a:hover, .layoutheader .nav_simple ul li.selected a{ text-decoration: underline; text-underline-offset: 3px;}

}


/* Phone */
@media ( max-width: 700px ){

   .layoutheader_inner {height: 82px;display: flex;align-items: center;}
   .layoutheader:has(.toggleoff) .mobile-logo{display: block; width: calc(100% - 130px); text-align: center; position: absolute; left: 65px;   }
   .layoutheader:has(.toggleoff) .toggle{height: 100%; width: 45px; display: flex; align-items: center; 9}
   .layoutheader:has(.toggleoff) .toggle img{ width: 44px; height: auto;}
   .layoutheader .toggleoff ul{display: none;}


   .layoutheader:has(.toggleon){position: fixed;z-index: 10; width: 100%;height: 100%; background-color: #FFFFFF7D; backdrop-filter: blur(60px); top:0px;}
   .layoutheader_inner:has(.toggleon){all:unset; padding: 100px 40px; display: inline-block; width: calc(100% - 80px); }
   .layoutheader:has(.toggleon) .nav_simple{padding: 0; all:unset}
   .layoutheader:has(.toggleon) .nav_simple::after, .layoutheader:has(.toggleon) .nav_simple::before{ all:unset}

   body:has(.toggleon){padding-top: 0;}
   .layoutheader .toggleon .toggle i{font-size: 20px;}
   .layoutheader .toggleon ul {display: block;width: 100%;height: 100;z-index: 99;}
   .layoutheader .toggleon li{font-size: 1.5rem; border-bottom: 1px solid black; padding-bottom: 5px; margin-top: 20px;}
   .layoutheader #menu8-4{display: none;}
}

/*********************************************************************************/
/*Footer*/
/*********************************************************************************/

.layoutfooter {background-color: var(--grey);color: black; border-radius: 14px 14px 0 0;}
.layoutfooter a { color: black; font-size: 0.8125rem; font-family: "EB Garamond", serif;}
.layoutfooter a:hover, .layoutcredits a:hover{ text-decoration: underline; text-underline-offset: 3px;}
.layoutfooter h2{color: black; font-size: 0.8125rem; font-family: "Geist", sans-serif;}

.layoutfooter_inner{max-width: 1000px; margin: 0 auto; padding: 40px 20px 0 20px; }
.layoutfooter_inner .util_container .items{display: flex; justify-content: space-between; padding-bottom: 40px;}


.footerlogo .links {display: flex; gap: 80px; height: 100%; justify-content: center; align-items: center;}
.footerlogo .links .link1 img { width: 90px; height: auto; }
.footerlogo .links .link2 img { width: 60px; height: auto; }

.layoutfooter .footermenu {margin-top: 2rem;}
.layoutfooter .footermenu a{font-family: "Geist", sans-serif;}
.layoutfooter .footercontact .links{display: flex; gap:5px;}
.layoutfooter .footercontact .links i{font-size: 30px; margin-left: -5px;}

.layoutfooter .layoutcredits {display: block; background-color: var(--grey); text-align: right; font-size: 80%; padding: 5px 0px 5px 0px; }
.layoutfooter .layoutcredits ul{display: flex; flex-wrap: wrap; justify-content: end; gap:5px; margin: 0;}
.layoutfooter .layoutcredits ul li{list-style-type: none; margin: 0;}
.layoutcredits{display: none;}

@media ( max-width: 900px ){
   .footerlogo .links{gap:60px;}
}

@media ( max-width: 700px ){
   .layoutfooter_inner{padding: 40px 20px 0 20px;}
   .layoutfooter_inner .util_container .items{flex-direction: column; }
}


/*********************************************************************************/
/* Login page and modal */
/*********************************************************************************/

.memb_loginbox { text-align: center; }
.memb_loginbox .titletxt{font-family: "EB Garamond", serif; font-size: 1.13rem; color: black; margin-bottom: 40px;}
.memb_loginbox .loggedout{display: flex; flex-direction: column;}
.memb_loginbox .label{display: none;}
.memb_loginbox .input {display: block; margin-bottom: 10px;}
.memb_loginbox input {max-width: 225px; width: 100%; text-align: center; background-color: var(--grey-button); font-size: 0.85rem;}
.memb_loginbox .fieldemail{order: 1;}
.memb_loginbox .fieldpw{order: 2;}
.memb_loginbox .login{order: 3; margin-bottom: 10px;}
.memb_loginbox .stayloggedin{order: 4;}
.memb_loginbox .forgotpw {order: 5; display: block; }
.memb_loginbox .stayloggedin label, .memb_loginbox .forgotpw a{font-size: 0.6rem; color: black; }

.memb_loginbox .status{margin-bottom: 20px;}


.login-page .pagecomponents_inner{ padding-top: 100px;}
.login-page .headersignup, .login-page .headersignup .titletxt{display: block !important; padding: 0;}
.login-page .titletxt{color: black;}
.login-page .memb_loginbox .stayloggedin label, .login-page .memb_loginbox .forgotpw a{font-size: 0.6rem; color: black !important; }

@media ( max-width: 1200px ){
   .login-page .pagecomponents_inner{ padding-top: 50px;}
}

/*********************************************************************************/
/*Sign up box*/
/*********************************************************************************/

.section2 .headersignup, .section7 .headersignup, .section4:not(:has(.search-brands)) .headersignup, .section549 .headersignup { display: none; } /* Home, magazine, user profile, footer */
.homepage .headersignup{display: block;}

.headersignup {max-width: 1200px; width: 100%; margin: 0px auto 0px auto; padding: 0px 20px; }
.headersignup .titletxt {font-family: "EB Garamond", serif; font-size: 1.13rem; color: black; margin: 40px 0; text-align: center; font-weight: 200;}
.headersignup .titletxt{display: none;}
.headersignup .introduction, .signupform .buttons{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap:10px}

.headersignup .helper { padding: 20px 0px; font-size: 0.75rem;}

.signupform { border-top: solid var(--grey) 1px; border-bottom: solid var(--grey) 1px; padding: 0px 0px 50px 0px; padding: 0px 0px 40px 0px; margin-bottom: 20px;}
.signupform .field {float: left;width: 33%;padding: 10px 0px 0px 0px;}
.signupform .field .label {padding: 0px 0px 5px 0px; text-align: start;}
.signupform .field .description { display: none; }
.signupform .field .input { padding: 0px 10% 0px 0px; z-index: 100; }
.signupform .field .input input { width: 100%; }
.signupform .field .input select { width: 100%; }
.signupform .buttons { clear: both; padding: 40px 0px 0px 0px; }


@media (max-width: 700px)
{
   .signupform .field { float: none; width: 100%; }
   .signupform .field .input { padding-right: 0px; }
   .signupform .buttons { text-align: left; }
}


/*********************************************************************************/
/*Homepage*/
/*********************************************************************************/

.homepage {margin: 0; padding: 0;}
.homepage .pagecontent h3{padding: 10px 0 30px 0;margin: 0;}

.homecarousel{position: relative;background: #000000; height: 800px; border-radius: 14px; margin-bottom: 20px; }
.homecarousel .introduction{ position: absolute; bottom:0; width: 100%; color: white; text-align: center; margin-bottom: 60px; z-index: 2; }
.homecarousel .introduction h4{margin: 0 0 0 0;}
.homecarousel .carousel { max-width: 1200px; margin: 0px auto 0px auto; height: 800px; }
.homecarousel .carousel li { height: 800px; width: 0px; background-size: cover; border-radius: 14px;}


@media (max-width: 767px) {
  	.homepage .homecarousel #carouselitem-0 { background-image: url(/images/fxa5WdrGZUCFlePcYLFV0u011i.jpg) !important; }
    .homepage .homecarousel #carouselitem-1 { background-image: url(/images/0E6zAH4Gv7SamzpUa6YU0u011i.jpg) !important; }
    .homepage .homecarousel #carouselitem-2 { background-image: url(/images/1MsXxdAFKZJWQkHRpqP20u011i.jpg) !important; }
    .homepage .homecarousel #carouselitem-3 { background-image: url(/images/Hdu2ukzNyuMWKxPDU7yp0u011i.jpg) !important; }
    .homepage .homecarousel #carouselitem-4 { background-image: url(/images/ZG1TKCorktvSgmkUoUOt0u011i.jpg) !important; }
    .homepage .homecarousel #carouselitem-5 { background-image: url(/images/auOBenNsetSjJf7vX4pC0u011i.jpg) !important; }
	.homepage .homecarousel #carouselitem-5 { background-image: url(/images/wGXX3uxOJ1LnQop1x8d00u011i.jpg) !important; }
}

.magazinecarousel {position: relative;}
.magazinecarousel .titletxt{font-size: 1rem;text-align: center;margin: 35px 0;}
.magazinecarousel .carousel ul{display: flex;/* align-items: stretch; */}
.magazinecarousel .carousel li{ max-width: 360px; margin-right: 20px; text-align: start;}
.magazinecarousel .carousel .article{display: flex; flex-direction: column; height: 100%; max-width: 360px;}
.magazinecarousel .carousel .article .bgimage{width: 360px; height: 280px; margin-bottom: 15px; background-size: cover; border-radius: 14px; background-color: black; }
.magazinecarousel .carousel .article p{font-size: 1rem; padding-bottom: 5px;}
.magazinecarousel .carousel .article .headline{min-height: 61px; font-family: "EB Garamond", serif; font-size: 1.18rem;}
.magazinecarousel .carousel .article .featured{font-size: 0.813rem;padding-bottom: 8px; margin-top: 0; border-bottom: 1px solid black;}

.magazinecarousel .nextprevious{ position:absolute; right: 5px; top: 40%;}
.magazinecarousel .nextprevious a{background-color: var(--grey); border-radius: 50%; padding: 5px;}


@media ( max-width: 1200px ){
   .homepage{padding: 0 20px;}
}

@media ( max-width: 700px ){
   body:has(.homepage){padding-top: 0;}
   body:has(.homepage) .layoutheader_inner {margin-top: 30px;}
   .homepage{padding: 0 !important;}
   .homepage .pagecontent{display: none;}
   .homecarousel{border-top-left-radius: 0; border-top-right-radius: 0; height: 700px;}
   .homecarousel .carousel{height: 700px;}
   .magazinecarousel{padding: 0 20px;}
}

@media ( max-width: 450px ){
   .magazinecarousel .carousel li{max-width: unset; width: 100%; }
   .magazinecarousel .carousel .article{max-width: unset; width: 100%;}
   .magazinecarousel .carousel .article .bgimage{width: 100%; max-width: 100%;}
}


/*********************************************************************************/
/* Bookings */
/*********************************************************************************/

.showheader .inner_showheader{font-family: "EB Garamond", serif; font-size: 2.03rem; margin: 20px 0;}

.shop_simbooking { display: flex; justify-content: space-between; gap:40px;}
.shop_simbooking form{min-width: 320px;}
.shop_simbooking .formbuilder{ margin-bottom: 10px;}
.shop_simbooking .formbuilder .field_group > .label{margin-bottom: 0px;}
.shop_simbooking .formbuilder .field_group > .label > label {text-transform: uppercase;font-size: 1.25rem;}
.shop_simbooking .formbuilder select {margin-top: 10px; font-size: 0.75rem; min-width: 200px;}
.shop_simbooking .formbuilder select option{padding: 4px;}

.shop_simbooking .formbuilder table tr:first-child, .shop_simbooking .formbuilder table th{display: none;}
.shop_simbooking table,.shop_simbooking table tr, .shop_simbooking table td  {display: block;}
.shop_simbooking table tbody {display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px; width: fit-content; margin: 10px 0;}
.shop_simbooking .formbuilder input[type="radio"] {display: none;}
.shop_simbooking .formbuilder input[type="radio"] + label {padding: 8px 15px; width: 98px; border-radius: 8px; background-color: var(--grey-button); cursor: pointer; display: inline-block; font-size: 0.75rem; color: #00000054; text-align: center;}
.shop_simbooking .formbuilder input[type="radio"]:hover + label { background-color: var(--grey-button-hover);}
.shop_simbooking .formbuilder input[type="radio"]:checked + label{background-color: black; color: white;}
.shop_simbooking .formbuilder #fb-87-div .form-group {margin-top: 10px;}
.shop_simbooking .formbuilder #fb-87-div .form-group input{width: 100%;max-width: 310px; text-align: center;}

.shop_simbooking button[type="submit"] {width: 150px;margin-right: 10px;float:left;}
.shop_simbooking fieldset:has(input[name="step"][value="1"]) button[type="submit"]{width: 200px;}

#fb-AttExtShowroomType-input{ display: flex; gap:8px;}
#fb-AttExtShowroomType-input .radio label {padding: 9px 17px; width: 150px; border-radius: 8px; background-color: var(--grey-button); cursor: pointer; display: inline-block; font-size: 0.75rem; color: #00000054; background-color: var(--grey); user-select: none; text-align: center;}
#fb-AttExtShowroomType-input .radio:hover label{background-color: var(--grey-button-hover);}
#fb-AttExtShowroomType-input .radio label:has(input[type="radio"]:checked){background-color: black; color: #fff;}

.shop_simbooking .poster {margin-top: -60px;}
.shop_simbooking .poster img {max-width: 550px; width: 100%; height: auto; border-radius: 14px;}

.shop_simbooking .confirmation {max-width: 350px;}


@media ( max-width: 700px) {
   .shop_simbooking {flex-direction: column; gap:60px;}
   .shop_simbooking .poster { margin: 0 auto;}
}

@media ( max-width: 350px) {
   .shop_simbooking form{min-width: 280px;}
   .shop_simbooking button[type="submit"]{width: 130px;}
   .shop_simbooking input[type="radio"] + label {width: 85px;}
   #fb-AttExtShowroomType-input .radio label{width: 135px;}
   .shop_simbooking .formbuilder #fb-87-div .form-group input{max-width: 280px;}
}


/*********************************************************************************/
/* Search pages */
/*********************************************************************************/

.feat_searchpage {display: flex;gap: 20px; margin-top: 20px;}

.feat_searchpage .filtersection { width: 130px;  min-width: 130px;}
.feat_searchpage .filtersection .expandbox h3 {cursor: pointer;font-family: "Geist", sans-serif;font-weight: 500;font-size: 0.815rem;margin: 0.6rem 0;display: flex;align-items: center;justify-content: space-between;}
.feat_searchpage .filtersection .expandcontent .name, .feat_searchpage .filtersection li{font-size: 0.7rem; cursor: pointer; padding-bottom: 3px;}
.feat_searchpage .filtersection #filtercountry{width: 125px;background-color: var(--grey-button);color: grey;font-size: 0.6rem;text-align: center;height: 23px;padding: 0 3px;background-position: right 5px center;}

.feat_searchpage .resultssection{width: 100%;}
.feat_searchpage .results{display: flex;flex-direction: row-reverse;gap: 20px;}

.feat_searchpage .sort{display: flex;flex-direction: column;min-width: 110px; margin-right: auto;}
.feat_searchpage .sort h3{font-family: "Geist", sans-serif;font-weight: 500;font-size: 0.815rem;margin-top: 0;}
.feat_searchpage .sort label{font-size: 0.7rem; cursor: pointer; padding-bottom: 3px;}
.feat_searchpage .sort input[type="radio"]:checked + label, .feat_searchpage .sort input[type="radio"]:hover + label {text-decoration: underline; text-underline-offset: 2px;}

.feat_searchpage .results .items { display: flex; flex-wrap: wrap; max-width: 920px; width: 100%;}
.feat_searchpage .results .items li {min-height: 230px;width: 25%;padding: 0 8px 25px 8px; display: flex; flex-direction: column; align-items: stretch; ;}
.feat_searchpage .results .items li .image {width: 100%; aspect-ratio: 1; background-size: cover;background-position: center center;border-radius: 10px; background-color: white;} 
.feat_searchpage .results .items li .name { padding: 10px 0px 5px 0; font-family: "Geist", sans-serif; font-size: 0.88rem; }
.feat_searchpage .results .items li .location { font-size: 0.75rem; border-top: solid black 1px; padding: 8px 0px 0px 0px; }
.feat_searchpage .results .items li .category, .feat_searchpage .results .items li .occupation{font-size: 0.75rem; padding: 0px 0px 8px 0px;}
.feat_searchpage .results .items li .category{margin-top: -4px;}
.feat_searchpage .results .items li .recent {float: right;color: #D4AF37;font-size: 14px; padding: 10px 10px 0px 0px; display: none;}


/* Services page */
.search-services .prservices { padding: 25px 15px; text-align: center; box-shadow: 0px 3px 10px 0px #00000040; border-radius: 14px;} 
.search-services .prservices img{max-width: 100%; height: auto;}
.search-services .prservices p, .search-services .prservices a{font-size: 0.85rem;}
.search-services .prservices a:hover { text-decoration: underline;}

/* Collections page */
.feat_searchpage .no_connection { opacity: 0.5; min-height: 280px;}
.feat_searchpage .no_connection:hover { opacity: 1; }
.feat_searchpage .no_connection:hover .hover { display: block;}
.feat_searchpage .no_connection .hover { background-color: var(--grey-button); height: 100%; border-radius: 10px ; background-image: url(/images/ABfrRbTjbi2OtyMcLKqX.svg); background-size: 50px; background-position: 15px 20px; }
.feat_searchpage .no_connection .hover .text {text-align:center; padding: 0 15px;}
.feat_searchpage .no_connection .hover p { text-align: left; padding: 70px 0px 40px 0px; }
.feat_searchpage .no_connection:hover .image, .feat_searchpage .no_connection:hover .title, .feat_searchpage .no_connection:hover .created { display: none; } 

@media (min-width: 701px)
{
	.feat_searchpage .filter { display: block; }
}

@media (max-width: 950px)
{
   .feat_searchpage .results .items li { width: 33.33%; }
}   

@media (max-width: 700px)
{
   .feat_searchpage, .feat_searchpage .results{flex-direction: column;}
   .feat_searchpage .filtersection{width: 100%;}
   .feat_searchpage .filter {display: block;width: 130px;}
}

@media (max-width: 550px)
{
   .feat_searchpage .results .items li { width: 50%; }
}


/*********************************************************************************/
/* Stores and Services pages */
/*********************************************************************************/

.feat_companypage .back a {text-decoration: underline; text-underline-offset: 2px; font-size: 0.75rem; }

.feat_companypage .tell{display: flex; gap:60px}

.feat_companypage .leftcolumn{width: 230px;}
.feat_companypage .leftcolumn .image { width: 230px;text-align: center; margin: 30px 0px 40px 0px; }
.feat_companypage .leftcolumn .image img { width: 100%; height: auto; border-radius: 14px; }
.feat_companypage .leftcolumn .contact>div{font-size: 1rem; padding-bottom: 4px;overflow-wrap: anywhere;}
.feat_companypage .leftcolumn .contact a{ text-decoration: underline; text-underline-offset: 2px; word-break: break-all;}
.feat_companypage .leftcolumn .address{margin: 20px 0;}
.feat_companypage .leftcolumn .address h4{margin-top: 0;font-size: 1rem; font-weight: 600;}
.feat_companypage .leftcolumn .address p{ font-size: 0.85rem;  line-height: 1.8; padding-bottom: 0;}

.feat_companypage .rightcolumn {max-width: 910px; flex: 1; min-width: 0; }
.feat_companypage .rightcolumn .name{margin-bottom: 0;}
.feat_companypage .rightcolumn .category,.feat_companypage .rightcolumn .occupation, .feat_companypage .rightcolumn .location  {color: var(--dark-grey); font-size: 1rem; margin: 0;}
.feat_companypage .rightcolumn .description { padding: 20px 0px 20px 0px; font-size: 1.1rem; font-family: "EB Garamond", serif;}
.feat_companypage .rightcolumn .tags {display: flex; flex-wrap: wrap;gap: 8px; border-top: solid var(--dark-grey) 1px; padding: 20px 0px }
.feat_companypage .rightcolumn .tags span a {font-size: 0.75rem; background-color: #ffffff; padding: 4px; }
.feat_companypage .rightcolumn .information, .feat_companypage .rightcolumn .services { margin-bottom: 60px; font-family: "EB Garamond", serif; font-size: 1rem;}
.feat_companypage .rightcolumn .services ul { padding: 0px 0px 20px 20px; }
.feat_companypage .rightcolumn .services li { list-style-type: disc; }
.feat_companypage .rightcolumn .feat_carousel .carousel { overflow: hidden; max-width: 900px; width: 100%; height: 400px; position: relative; margin: 0 auto;}
.feat_companypage .rightcolumn .feat_carousel .carousel li { height: 400px; width: auto !important; margin-right: 15px; flex-shrink: 0; display: flex; align-items: center; }
.feat_companypage .rightcolumn .feat_carousel .carousel li img { height: auto; max-height: 100%; width: auto; max-width: none; border-radius: 14px; }  
.feat_companypage .rightcolumn .feat_carousel .nextprevious{top:40%}


@media (max-width: 750px){
   .feat_companypage .tell{flex-direction: column; gap:20px;}
}


@media (max-width: 500px) {
  .feat_companypage .rightcolumn .feat_carousel .carousel li {width: 90vw !important; margin: 0 !important; padding: 0 5px;}
  .feat_companypage .rightcolumn .feat_carousel .carousel li img{width: 100%;}
}


/*********************************************************************************/
/* Magazine */
/*********************************************************************************/

.magazine .list_article .article{display: flex; flex-wrap: wrap;}
.magazine .list_article .image{position: relative;background-color:var(--grey); width: 100%; max-height: 665px; min-height: 280px; border-radius: 14px; overflow: hidden; }
.magazine .list_article .image img{border-radius: 14px; width: 100%; height: 100%; object-fit: cover; display: block;}
.magazine .list_article .headline{margin: 0; padding: 0;}
.magazine .list_article .headline a{font-family: "EB Garamond", serif; font-size: 1.25rem;}
.magazine .list_article .created, .magazine .list_article .author{ font-family: "Geist", sans-serif; font-size: 0.6rem; margin-top: 10px;}
.magazine .list_article .created{margin-left: auto; padding-right: 3px;}
.magazine .list_article .created:after{content: "|"; padding-left: 3px;}

.magazine .custom_list_article ul {display: flex; flex-wrap: wrap; align-items: stretch; gap: 30px 15px; margin-top: 40px;}
.magazine .custom_list_article li {flex: 1 1 300px; max-width: 390px; width: 100%; text-align: start; display: flex; flex-direction: column; height: 100%; }
.magazine .custom_list_article li .image{width: 100%; height: 280px; margin-bottom: 15px; border-radius: 14px; background-color: var(--grey);}
.magazine .custom_list_article li .image img{border-radius: 14px; width: 100%; height: 100%; object-fit: cover; display: block;}
.magazine .custom_list_article li p{font-size: 1rem; padding-bottom: 5px;}
.magazine .custom_list_article li .headline{min-height: 61px; font-family: "EB Garamond", serif; font-size: 1.18rem;}
.magazine .custom_list_article li .featured{font-size: 0.813rem; padding-bottom: 8px; margin-top: 0; border-bottom: 1px solid black;}


@media (max-width: 1000px){
   .magazine .custom_list_article li{flex: 1 1 270px; max-width: 49%;}
}

@media (max-width: 600px){
   .magazine .custom_list_article li{flex: unset; max-width: 100%;}
}


/*********************************************************************************/
/* Magazine pages */
/*********************************************************************************/

.feat_magpage{display: flex; flex-wrap: wrap; justify-content: center; gap:40px;}

.feat_magpage .image:not(figure){position: relative;background-color:var(--grey); width: 100%; max-height: 665px; min-height: 280px; border-radius: 14px; overflow: hidden; }
.feat_magpage .image img{border-radius: 14px; width: 100%; height: 100%; object-fit: cover; display: block;}

.feat_magpage .details{width: 300px;}
.feat_magpage .details .name{font-family: "Geist", sans-serif;font-size: 1.3125rem;font-weight: 700;text-transform: uppercase;margin: 0 0 10px 0;}
.feat_magpage .details .details-inner{display: flex; flex-wrap: wrap; align-items: center; font-size: 0.88rem; font-family: "EB Garamond", serif;}
.feat_magpage .details .details-inner .created{padding-right: 5px;}
.feat_magpage .details .details-inner .featured:before{content: "|"; padding-right: 5px;}
.feat_magpage .details .contributors li{font-size: 0.88rem;}


.feat_magpage .contributors ul li { list-style: none; border-bottom: 1px solid #b6b6b6; min-height: 70px; }
.feat_magpage .contributors ul li.cont { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 12px; padding: 10px 0; }
.feat_magpage .contributors ul li.cont img { display: block; flex-shrink: 0; width: 50px; height: 50px; border-radius: 8px; object-fit: cover; }
.feat_magpage .contributors .contrib-info { display: flex; flex-direction: column; justify-content: center; gap: 3px; }
.feat_magpage .contributors .contrib-info a { font-weight: bold; font-size: 0.9rem; text-decoration: none; color: inherit; }
.feat_magpage .contributors .contrib-info a:hover { text-decoration: underline; }
.feat_magpage .contributors .contrib-info .contrib-occupation { font-size: 0.75rem; color: #666; }
.feat_magpage .contributors ul li.cont .more { flex-basis: 100%; padding-left: 62px; font-size: 0.7rem; cursor: pointer; }
.feat_magpage .contributors .toggle { display: block;}
.feat_magpage .contributors .related { display: none;}
.feat_magpage .contributors .related ul { min-height: 20px; padding: 5px 0 0 15px; }
.feat_magpage .contributors .related li { list-style: none; border: none; min-height: 20px; font-size: 0.75rem; margin-bottom: 5px; }
.feat_magpage .contributors .related li:hover { text-decoration: underline; }
.feat_magpage .contributors .plus { padding: 10px 0 0 0; cursor: pointer; }


.feat_magpage .content{width: 550px; }
.feat_magpage .content .abstract:empty{display: none;}
.feat_magpage .content .abstract{border-left: 1px solid black; padding: 0 0 10px 20px; font-size: 0.88rem; font-weight: 600;}
.feat_magpage .content .article p span {all: unset !important;}
.feat_magpage .content .article p:not(:has(img)){all: unset; display: block; padding: 0 0 15px 20px; font-family: "EB Garamond", serif; font-size: 0.9375rem;}
.feat_magpage .content .article a{font-family: "EB Garamond", serif; font-size: 0.9375rem;}
.feat_magpage .content .article figure a, .feat_magpage .content .article figure a em, .feat_magpage .content .article figure em a {font-family: "Geist", serif !important;font-size: 0.65rem!important; font-style: normal;}
.feat_magpage .content .article img{border-radius: 14px;}

.feat_maggallery .feat_carousel{ position: relative; width: 100%; max-height: 665px; height: 100%; overflow: hidden; }
.feat_maggallery .feat_carousel .carousel{ cursor: pointer;}
.feat_maggallery .feat_carousel .carousel, .feat_maggallery .feat_carousel ul li, .feat_maggallery .feat_carousel .carousel li img{max-height: 635px; }
.feat_maggallery .feat_carousel .carousel li img{width: auto; border-radius: 14px;}
.feat_maggallery .feat_carousel .nextprevious{top:40%}

.feat_maggallery .lightbox { width: 100%; height: 100%; position: absolute; background-color: #000000; color: #ffffff; z-index: 10; top: 0px; left: 0px; box-sizing: border-box; background-image: url(/images/6P7QVrJy2G5YrZQGNVtx01c00r.png); background-position: 20px 20px; text-align: center; margin: 0px auto 0px auto !important; }
.feat_maggallery .lightbox .close { background-image: url(/images/rfrAwJWGdOoOAf9OEkON00z00z.png); background-position: top right; background-size: 20px 20px; height: 50px;  position: relative; right: 30px; top: 20px; cursor: pointer; }
.feat_maggallery .lightbox .feat_carousel { margin: 20px 0px; max-height: 90vh;}
.feat_maggallery .lightbox .carousel { display: block; width: 1000px !important; height: 1000px !important;max-height: 90vh; margin: 0px auto 0px auto !important;}
.feat_maggallery .lightbox .carousel li {  padding: 0px 20px 0px 0px; text-align: center !important; margin: 0px auto 0px auto; max-height: 900px; line-height: 900px; }
.feat_maggallery .lightbox .carousel li img {  width: auto; height: auto; max-width: 100% !important; max-height: 100% !important; margin: 0px auto 0px auto !important; vertical-align: middle; }
.feat_maggallery .lightbox .nextprevious a{height: 30px !important;}

.feat_magvideo .tags ul, .feat_maggallery .tags ul {list-style-type: none;display:flex; flex-wrap: wrap; gap: 5px; width: 100%; margin: 20px 0;} 
.feat_magvideo .tags li, .feat_maggallery .tags ul li { list-style: none; font-size: 70%; padding: 5px 5px 5px 5px; margin: 0; border: 1px solid  var(--dark-grey); }

.feat_magvideo .video{ width: 100%; max-height: 665px; min-height: 280px; border-radius: 14px; overflow: hidden;}
.feat_magvideo .video iframe{width: 100%;}


@media (max-width: 950px){

   .feat_magpage .details, .feat_magpage .content{width: 100%;}

}


/*********************************************************************************/
/* Product pages */
/*********************************************************************************/

.shop_product .topsection{display: flex; justify-content: space-between; gap:60px; margin: 20px 0;}

.shop_product .topsection .image{width: 50%; display: flex; justify-content: center; align-items: center;}
.shop_product .topsection .image img{border-radius: 12px; object-fit: cover;}
.shop_product .topsection .product_images{display: flex; gap:15px; }
.shop_product .topsection .image.hidden, .shop_product .topsection .product_images.hidden { display: none !important; }
.shop_product .topsection .product_images .thumbnails ul{display: flex; flex-direction: column; gap:10px;}
.shop_product .topsection .product_images .thumbnails li{width: 120px; height: 120px; aspect-ratio: 1; cursor: pointer;}
.shop_product .topsection .product_images .thumbnails li img{width: 100%; max-height: 100%; border-radius: 12px; object-fit: cover;}
.shop_product .topsection .product_images .feat_carousel .carousel { overflow: hidden; max-width: 515px; width: 100%; height: 100%; max-height: 448px;  position: relative; margin: 0 auto;}
.shop_product .topsection .product_images .feat_carousel .carousel li { width: 100% !important; max-width: 515px; height: 448px; display: flex;align-items: center;justify-content: center;}
.shop_product .topsection .product_images .feat_carousel .carousel li img { max-width: 100%; max-height: 448px; width: auto; height: auto; display: block; border-radius: 14px;  }

.shop_product .topsection .details{flex:1; min-width: 350px;}
.shop_product .topsection .details .details_top{display: flex; align-items: end; justify-content: space-between; gap:20px;}
.shop_product .topsection .details .details_top .name{font-size: 1.6875rem; margin-bottom: 0px;}
.shop_product .topsection .details .details_top .prices{min-width:140px;}
.shop_product .topsection .details .details_top .listprice, .shop_product .topsection .details .details_top .price{font-weight: 600; font-size: 0.85rem; font-family: "Geist", sans-serif; margin-bottom: 0px; text-align: end; }
.shop_product .topsection .details .category{margin-top: 5px;}
.shop_product .topsection .details .summary{font-family: "EB Garamond", serif; color: #858585; font-size: 0.9375rem; padding: 10px 0 30px 0;}
.shop_product .topsection .details .stock .available{display: none !important;}
.shop_product .topsection .details .stock .outofstock{ padding-bottom: 40px; font-family: "EB Garamond", serif; font-weight: 600;}
.shop_product .topsection .details .code{display: none !important;}
.shop_product .topsection .details .options select, .shop_product .topsection .details .quantity select{max-width: 270px; width: 100%; background-color: white; margin-bottom: 10px;}
.shop_product .topsection .addtobasket input[type=submit]{max-width: 177px; width: 100%;}


.shop_product .bottomsection .accordion_section{border-bottom: 1px solid black; padding: 5px 0;}
.shop_product .bottomsection .accordion_label{font-size: 0.88rem; font-family: "EB Garamond", serif;}
.shop_product .bottomsection .accordion_description{max-width: 650px; padding: 10px 0 5px 0; color: #858585; font-size: 0.7rem; }
.shop_product .bottomsection .accordion_description p{color: #858585; font-size: 0.7rem; padding-bottom: 0;}


.shop_product .bottomsection .similar_products h3{font-size: 1rem; text-align: center; margin-top: 40px;}
.shop_product .bottomsection .similar_products ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 15px;}
.shop_product .bottomsection .similar_products .product{ width: 100%; position: relative;}
.shop_product .bottomsection .similar_products .product img{display: block; width: 100%; height: 280px; object-fit: contain; background-color: white; border-radius: 14px; display: inline-block;transition: filter 0.3s ease;}
.shop_product .bottomsection .similar_products .product .designer{font-family: "Geist", sans-serif; font-size: 1rem; word-wrap: break-word; margin-bottom: 5px;}
.shop_product .bottomsection .similar_products .product .details {display: flex; flex-wrap: wrap; align-items:baseline;}
.shop_product .bottomsection .similar_products .product .details span{font-size: 0.82rem; font-family: "EB Garamond", serif; margin-bottom: 5px;}
.shop_product .bottomsection .similar_products .product .details .name{margin: 0 5px 0 0;}
.shop_product .bottomsection .similar_products .product .details .name:after{content: ","}
.shop_product .bottomsection .similar_products .product .price{ font-family: "Geist", sans-serif; font-size: 1rem; font-weight: 600;}


@media (max-width: 1100px) {

   .shop_product .topsection{gap:40px;}
   .shop_product .topsection .product_images {flex-direction: column; width: 50%; gap:30px;}
   .shop_product .topsection .product_images .thumbnails ul{flex-direction: row; flex-wrap: wrap; height: 100%;}
   .shop_product .topsection .product_images .feat_carousel .carousel, .shop_product .topsection .product_images .feat_carousel .carousel li  { max-width: 400px;   }

   .shop_product .bottomsection .similar_products .product{max-width: 300px;}
}

@media (max-width: 810px) {
   .shop_product .topsection{flex-direction: column;}
   .shop_product .topsection .image{width: 100%; max-height: 400px;}
   .shop_product .topsection .image img{max-height: 400px; width: auto;}

   .shop_product .topsection .product_images {width: 100%;}
   .shop_product .topsection .product_images .thumbnails ul li{width: 80px; height: 80px;}

   .shop_product .topsection .product_images .feat_carousel .carousel, .shop_product .topsection .product_images .feat_carousel .carousel li, .shop_product .topsection .product_images .feat_carousel .carousel li img{max-height: 400px;}

}

@media (max-width: 500px) {
   .shop_product .topsection .details .details_top {flex-direction: column; align-items: flex-start; gap: 8px;}
   .shop_product .topsection .details .details_top .prices {text-align: left;min-width: 0;}
   .shop_product .topsection .details .details_top .listprice, .shop_product .topsection .details .details_top .price {text-align: left;}

   .shop_product .topsection .details .options select, .shop_product .topsection .details .quantity select {max-width: 100%;}
   .shop_product .topsection .addtobasket input[type=submit] {max-width: 100%; }

   .shop_product .bottomsection .similar_products ul {grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px;}
   .shop_product .bottomsection .similar_products .product img {height: 200px;}
   .shop_product .bottomsection .accordion_description {max-width: 100%;}
}

@media (max-width: 400px) {
   .shop_product .bottomsection .similar_products ul { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));}
}


/*********************************************************************************/
/* About, Responsibility */
/*********************************************************************************/

.about .pagecontent{max-width: 700px; margin: 60px auto;}
.about .pagecontent img{margin-top: 27px;}

.about .aboutsignup{text-align: center;}
.about .aboutsignup a{ width: 225px; display: inline-block; }


/*********************************************************************************/
/* Newsletter Sign up */
/*********************************************************************************/

#mc_embed_signup{max-width: 600px !important; width: 100% !important;}
#mc_embed_signup h2{font-weight: 400 !important; font-size: 1.25rem !important;}

#mc_embed_signup form{margin: 0 !important;}
#mc_embed_signup .indicates-required {margin: 0 !important;}
#mc_embed_signup .mc-field-group{padding-bottom: 10px !important; width: 100% !important;}
#mc_embed_signup .mc-field-group label{font-size: 0.75rem !important; margin-bottom: 5px !important; font-family: "Geist", sans-serif !important;}
#mc_embed_signup .mc-field-group input{height: 34px !important; padding: 5px 10px !important;font-size: 0.75rem !important; text-indent: 0% !important; border: none !important; border-radius: 10px !important;}
#mc_embed_signup .helper_text{ background-color: unset !important; font-size: 0.75rem !important; }
#mc_embed_signup div.mce_inline_error{background-color: unset !important; font-size: 0.75rem !important; margin-bottom: 0 !important;}

#mc_embed_signup .button{transition: all 0.3s ease-in !important; line-height: normal !important; height: auto !important;}
#mc_embed_signup .button:hover{background-color: var(--grey) !important; color: black !important;}


/*********************************************************************************/
/* Terms of service and Cookie policy */
/*********************************************************************************/

.termsofservice { background-image: url(/images/ABfrRbTjbi2OtyMcLKqX.svg); background-position: left 10px; }
.termsofservice .pagetitle { text-align: left; padding-left: 250px; }
.termsofservice .pagecontent { padding: 0 0 30px 250px;}

.util_scrollingbox { border-top: solid var(--dark-grey) 1px; padding-top: 40px; display: flex; gap:20px;}
.util_scrollingbox .index {width: 250px; }
.util_scrollingbox .index ol { border-bottom: solid var(--dark-grey) 1px; padding: 0px 0px 30px 25px; }
.util_scrollingbox .index ol li { padding: 0px 0px 10px 0px; list-style-type: decimal; }
.util_scrollingbox .content { max-width: calc(100% - 250px); height: 500px; overflow-y: scroll;  }
.util_scrollingbox .content h2 { font-size: 1.3125rem; padding-bottom: 20px; }
.util_scrollingbox .content h2 a{font-family: "EB Garamond", serif;}
.util_scrollingbox .content h3 { font-size: 100%; padding-bottom: 20px }
.util_scrollingbox .content ul, .util_scrollingbox .content ol { padding: 0px 0px 10px 25px; }
.util_scrollingbox .content ul li { list-style-type: disc; padding: 0px 0px 5px 0px; }
.util_scrollingbox .content ol li { list-style-type: decimal; padding: 0px 0px 5px 0px; }
.util_scrollingbox .content .alpha li { list-style-type: lower-alpha; padding: 0px 0px 5px 5px; }
.util_scrollingbox .content .alpha {padding: 0px 0px 0px 25px;}

.termsofservice .util_scrollingbox .content { height: 500px; }
.cookie-policy .util_scrollingbox .content { height: 750px; }

@media (max-width: 790px)
{
   .termsofservice { background: none; }
   .termsofservice .pagetitle, .termsofservice .pagecontent {padding-left: 0;}
   .util_scrollingbox {flex-direction: column; gap:40px;}
   .util_scrollingbox .index, .util_scrollingbox .content {width: 100%; max-width: 100%;}
}


/*********************************************************************************/
/* Other*/
/*********************************************************************************/

/* Dropzones */

.fbdropzone { background-color: #ffffff; background-image: url(/images/gTDb2SGYkBYichRe6FjK13k0t0.gif); background-size: 60px; min-height: 350px; padding: 20px; cursor: pointer; border: dashed var(--dark-grey, #999) 1.5px; border-radius: 14px; }
.fbdropzone.inactive { cursor: default; }
.fbdropzone .dz-clickable { min-height: 350px; }

.dz-preview { display: inline-block; position: relative; cursor: pointer; width: 170px; height: 170px; margin: 0px 10px 10px 0px; padding: 0px; border-radius: 12px; overflow: hidden; background-color: var(--grey); box-shadow: 0 1px 4px rgba(0,0,0,0.08); transition: box-shadow 0.2s ease; }
.dz-preview:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.16); }
.dz-preview * { display: none; }

.dz-preview .dz-image { position: absolute; inset: 0; display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 12px; }
.dz-preview .dz-image * { display: block !important; }
.dz-preview .dz-image img { width: 100%; height: 100%; object-fit: contain; background: #fff; }

.dz-preview::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 60px; background: linear-gradient(to top, rgba(0,0,0,0.55), rgba(0,0,0,0)); opacity: 0; transition: opacity 0.2s ease; pointer-events: none; }
.dz-preview:hover::after { opacity: 1; }

.dz-preview .dz-details { display: block; position: absolute; left: 8px; bottom: 8px; right: 36px; font-size: 0.7rem; font-family: "Geist", sans-serif; color: #fff; background: none; padding: 0; opacity: 0; transition: opacity 0.2s ease; z-index: 2; }
.dz-preview:hover .dz-details { opacity: 1; }
.dz-preview .dz-details .dz-filename { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dz-preview .dz-details .dz-filename * { display: inline !important; }
.dz-preview .dz-size { display: none !important; }

.dz-preview .dz-remove { position: absolute; display: block; font-size: 0px; width: 22px; height: 22px; top: 6px; right: 6px; border-radius: 50%; background-image: url(/images/ImOWiykzxzelI0NOsoRu.svg); background-repeat: no-repeat; background-position: center; background-size: 15px; opacity: 0; transition: opacity 0.2s ease, background 0.2s ease; z-index: 3; margin: 0; }
.dz-preview:hover .dz-remove { opacity: 1; }
.dz-preview .dz-remove:hover { background-color: rgba(0, 0, 0, 0.432); }

.dz-preview .dz-progress { position: absolute; display: block; width: 80%; left: 10%; margin: 0; bottom: 16px; border: none; background: rgba(255,255,255,0.5); padding: 0; border-radius: 6px; overflow: hidden; height: 6px; }
.dz-preview .dz-progress .dz-upload { display: block; height: 6px; background-color: #000000; border-radius: 6px; width: 0px; transition: width 0.2s ease; }
.dz-success .dz-progress { display: none; }

.dz-success .dz-success-mark { display: block; position: absolute; left: 6px; bottom: 6px; width: 16px; height: 16px; z-index: 2; }
.dz-success .dz-success-mark svg { display: block; width: 16px; height: 16px; }
.dz-success .dz-success-mark path { fill: #2ecc71; fill-opacity: 1; stroke: none; }

.dz-error { outline: 2px solid #e74c3c; outline-offset: -2px; }
.dz-error .dz-progress { display: none; }
.dz-error .dz-error-message { display: flex; align-items: center; justify-content: center; position: absolute; inset: 0; text-align: center; font-size: 0.7rem; font-family: "Geist", sans-serif; color: #fff; background: rgba(231,76,60,0.85); padding: 10px; z-index: 2; }
.dz-error .dz-error-message span { display: block; }


/* Image crop */

.fbcrop .text { font-size: 0.8rem; font-family: "Geist", sans-serif; padding: 0px 0px 20px 0px; }
.fbcrop .original { border: dashed var(--dark-grey) 1px; float: left; width: 400px; height: 400px; }
.fbcrop .preview { width: 240px; height: 340px; float: right; margin: 0px 0px 0px 0px; max-width: 240px; }
.fbcrop .preview .image { width: 240px; height: 240px;}
.fbcrop .buttons { float: right; clear: right; }

@media( max-width: 800px )
{
   .fbcrop .original { width: 100%; max-width: 400px; overflow: hidden; }
   .fbcrop .preview { display: none; }
}


.ui-dialog:has(#productdialog){backdrop-filter: blur(20px);}
#productdialog .image { width: 400px; height: 400px; border: dashed var(--dark-grey) 1px; float: left; margin: 0px 60px 0px 0px; background-size: contain; background-position: center center; }
#productdialog .formbuilder { width: 300px; float: right; font-size: 0.85rem; }
#productdialog .formbuilder .field { padding: 0px 0px 10px 0px; }
#productdialog .formbuilder .label { padding: 0px 0px 5px 0px; font-size: 0.75rem; }
#productdialog .formbuilder .input{display: flex;}
#productdialog .formbuilder .input input { font-size: 90%; height: auto; padding: 5px 10px; width: 100%;}
#productdialog .formbuilder .input textarea { font-size: 90%; height: 80px;  padding: 5px 10px; }
/* #productdialog .formbuilder #fb-ProdName { width: 100%; } */
#productdialog .formbuilder .input-group-addon { float: left; padding: 0px 10px 0px 0px; }




/* Tags (my messages) */
.ui-autocomplete { max-height: 200px; padding: 0; overflow-y: auto; overflow-x: hidden; background-color: white !important; }

.ui-menu .ui-menu-item { font-size: 0.75rem; }
.ui-menu .ui-menu-item a { padding: 5px !important; color: #000000; }
.ui-menu .ui-menu-item a:hover { background-color: #000000; color: #ffffff;  }



/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/


/* Pricing */

#tabs h2 { display: none; }

@media (max-width: 790px) {
	.tabs ul li { display: none; }
  	#tabs h2 {display: block; padding: 40px 0px 0px 0px; text-transform: uppercase; color: #000000; font-size: 140%;}
	#tabs-price-0 {display: block !important;}
	#tabs-price-1 {display: block !important;}
	#tabs-price-2 {display: block !important;}
	#tabs-price-3 {display: block !important;}
	#tabs-price-4 {display: block !important;}
}


/* jQuery tabs (my collections)*/

.ui-tabs {background-color: transparent !important; font-size: 0.85rem; background: none !important; border: none !important; padding: 0px; margin: 0px;}
.ui-tabs .ui-tabs-panel {padding: 0px !important; text-align: start; }
.ui-tabs-nav { padding: 0px !important; background: none !important; border: none !important;}
.ui-tabs-panel { padding: 0px !important;  margin: 0px !important;  border-color:#a7a7a7 !important; background: transparent !important;  }


.ui-tabs .ui-tabs-nav li{margin: 40px 20px 20px 0 !important;}
.ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li a { background-color: transparent !important;  font-family: "Geist"; font-size: 1rem; color: var(--dark-grey); padding: 0px !important;  margin: 0px; cursor:pointer !important;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-hover a {color: black !important;}




.ui-state-default { border:none !important; }

.ui-tab-hover { border: 0px !important;  border-width: 0px 0px 0px 0px !important; background-color: #f7f7f7 !important; }
.ui-tab-active { border: 0px !important;  border-width: 0px 0px 0px 0px !important;  background-color: #f7f7f7 !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background-color: #f7f7f7 !important; background:none !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-color: #f7f7f7 !important; background:none !important;}

.ui-datepicker .ui-state-default {background: #f6f6f6 !important;border-color: #c5c5c5 !important;border-width: 1px 1px 1px 1px !important;}
.ui-datepicker .ui-datepicker-today .ui-state-default.ui-state-highlight {border:1px solid black !important;border-width: 1px 1px 1px 1px !important; color: black !important;}
.ui-datepicker .ui-datepicker-current-day .ui-state-default.ui-state-active {border-color: var(--dark-grey) !important;border-width: 1px 1px 1px 1px !important;background: var(--dark-grey) !important;color:#ffffff;}


.complete_profile {  color: #000000;  }
.complete_profile img { margin: 0px 0px 0px 10px; }
.complete_profile p { font-size: 80%;}
.complete_profile a {color: #000000;  text-decoration: underline;}
.complete_profile .top {  padding: 0px 0px 10px 0px;}
.complete_profile .bottom { border-top: 1px solid #000000; padding: 20px 0px 0px 0px;}

@media (max-width: 500px)
{
   .complete_profile .small { display: inline-block; width: 22px; height: 24px;}
   .complete_profile .large {display: none; }
}
.more {clear:left;}



/* Search bar */

.feat_searchbar { min-height: 30px;  padding: 0px 0px 25px 0px; margin: 0px 30px 0px 0px; }
.feat_searchbar button { margin: 0px 5px 0px 0px; }
.feat_searchbar .form { max-width: 1000px; margin: 0px auto 0px auto; }
.feat_searchbar .type { float: left; width: 240px; min-height: 30px; }
.feat_searchbar .type select { width: 240px; }
.feat_searchbar .search { float: left; padding: 0px 0px 0px 20px; }
.feat_searchbar .search input { width: 350px; border-color: var(--dark-grey); color: var(--dark-grey); padding-right: 30px; }
.feat_searchbar .search i { position: absolute; margin: 0px 0px 0px -26px; font-size: 18px; line-height: 30px; color: var(--dark-grey); }
.feat_searchbar .buttons { float: right; }
.feat_searchbar .clear-filter-badges { border: 0; background: transparent; padding: 8px 4px; cursor: pointer; text-decoration: underline; }

.section2 .feat_searchbar, .section3 .feat_searchbar, .section7 .feat_searchbar, .section503 .feat_searchbar { display: none; }




/* FAQs */

.faqs_intro .titletxt { padding: 50px 0px 50px 0px; font-size: 200%; font-family: WarnockProRegular }

.faq_list { display: inline-block; padding: 20px 0px 50px 0px;}
.faq_list li { float: left; width: 50%; }
.faq_list li a { text-decoration: underline; line-height: 2;}
.faq_content img { max-width: 100%; height: auto; }
.faq_content .util_scrollingbox .content { width: 750px;  }
.faq_content .util_scrollingbox .content h2 {font-family: GothamBlack; }
.faq_profile .link1 a, .faq_connections .link2 a, .faq_creating .link3 a, .faq_work .link4 a, .faq_billing .link5 a , .faq_accounts .link6 a { color: #b2b2b2; }

.util_scrollingbox  li.selected a, .util_scrollingbox  li.selected  { color: #b2b2b2; }

.faq_content .pagecontent a { display: none; }

@media (max-width: 1000px)
{
	.faq_list li { float: none; width: auto; }
 .faq_content .faqs_intro:first-of-type p {display: none; }
 .faq_content .faqs_intro .titletxt { display: none; }
 .faq_content .faq_list { padding: 20px 0px 0px 0px; }
 .faq_content .faq_list .link a  { color: #000000; text-decoration: none; font-size: 200%; font-family: WarnockProRegular;  }
 .faq_content .faq_list li  { display: none;  }
 .faq_content .content a  { display: block; text-decoration: underline; }
 .faq_content .util_scrollingbox .content { clear: left; width: auto; height: auto; overflow-y: unset; margin: 0px;}
 .faq_content .util_scrollingbox .index { display: inline-block; width: 100%; border-bottom: 1px solid var(--dark-grey); padding: 0px 0px 20px 0px; }
 .faq_content .util_scrollingbox .index ol {border: none; }
 .faq_content .util_scrollingbox .index li { float: left; width: 100%; box-sizing: border-box; }
 .faq_content .util_scrollingbox .content  a {  padding: 50px 0px 0px 0px;}
 .faq_content .util_scrollingbox .content img { max-width: 100%; }
 .faq_creating .link3, .faq_profile .link1, .faq_connections .link2, .faq_work .link4, .faq_billing .link5, .faq_accounts .link5   { display: block !important; width: 100%; text-decoration: none; padding: 0px; margin: 0px; }

}



/* PR & Communications */
.prpackages li a:hover {text-decoration: underline; }
.prpackages li:last-child { padding: 0px 0px 15px 0px;}
.prpackages strong { font-weight: bold; }
.prpackages p img { max-width: 300px; height: auto; border-radius: 100%; float: right; padding: 20px; }
.prpackages .abstract { border: 2px solid black; padding: 20px; margin-bottom: 20px;}

.prsurvey { background-color: black; color: white; padding: 20px; }
.prsurvey .form-group { padding-bottom: 20px;}
.prsurvey input, .prsurvey textarea { background-color: #ffffff; color: black;}
.prsurvey input[type=submit] {width: 200px; float: right; margin-right: 70px; }
.prsurvey input:hover { border: 2px solid rgba( 255,255,0);}
.prsurvey .message { font-weight: bold; padding-bottom: 20px; color: rgb(230, 132, 132); }

.prsurvey .field_group>.label { display: none;}

@media ( min-width: 1000px)
{
   .prsurvey input { width: 400px;}
   .prsurvey #fb-6 { width: 400px;}
   .prsurvey .field_group { width: 50%; float: left; padding: 0px 0px 0px 10px; box-sizing: border-box;}
}

@media ( max-width: 400px)
{
   .prsurvey input { width: 275px;}
   .prsurvey #fb-6 { width: 275px;}
}

/* Shop Basket */

.shop_basketpage table { width:100%; border-collapse:collapse; margin:20px 0;  }
.shop_basketpage table .headingrow  { border-bottom:1px solid var(--dark-grey);  }
.shop_basketpage table .headingrow th, .shop_basketpage table .paymenttotalrow th { padding:14px 12px; font-weight:600; text-align:left; }
.shop_basketpage table .itemrow { border-bottom:1px solid var(--dark-grey); }
.shop_basketpage table .itemrow td { padding:18px 12px; vertical-align:middle; }
.shop_basketpage table .price, .shop_basketpage table .total { text-align:right !important; white-space:nowrap; }
.shop_basketpage table .quantity { text-align:center !important;; }
.shop_basketpage table .quantity select { min-width:65px; padding:8px 28px 8px 10px; border:1px solid #ccc; border-radius:4px; background:#fff; font:inherit; cursor:pointer; }
.shop_basketpage table .remove { text-align:right; }
.shop_basketpage table .remove a { color:#000; text-decoration:underline; text-underline-offset:3px; }
.shop_basketpage table .remove a:hover { color:#000; }
.shop_basketpage table .totaltotalrow { border-top:1px solid var(--dark-grey);  }
.shop_basketpage table .totaltotalrow th { padding:18px 12px; font-weight:600; }
.shop_basketpage table .totaltotalrow th:first-child { text-align:right; }
.shop_basketpage table .totaltotal { text-align:right; white-space:nowrap; }

.shop_basketpage #basketcheckoutform { width:100%; max-width:900px; margin:20px 0; }
.shop_basketpage #basketcheckoutform fieldset { border:0; padding:0; margin:0; }
.shop_basketpage #basketcheckoutform .form-group { margin:0 0 18px; }
.shop_basketpage #basketcheckoutform .field_group { margin:0 0 35px; }
.shop_basketpage #basketcheckoutform .field_group > .label { border-bottom:1px solid var(--dark-grey);  margin:0 0 20px; padding:0 0 10px; }
.shop_basketpage #basketcheckoutform .field_group > .label > label { font-size:18px; font-weight:600; }
.shop_basketpage #basketcheckoutform .field_section > .label { border-bottom:1px solid var(--dark-grey); margin:30px 0 20px; padding:0 0 10px; }
.shop_basketpage #basketcheckoutform .field_section > .label label { font-size:18px; font-weight:500; }
.shop_basketpage #basketcheckoutform .field > .label label { display:block; margin:0 0 6px; font-size:14px; font-weight:500; }
.shop_basketpage #basketcheckoutform input[type="text"]:focus, .shop_basketpage #basketcheckoutform input[type="number"]:focus, .shop_basketpage #basketcheckoutform textarea:focus, .shop_basketpage #basketcheckoutform select:focus { border-color:#000; outline:none; }
.shop_basketpage #basketcheckoutform textarea { resize:vertical; min-height:90px; }
.shop_basketpage #basketcheckoutform .required { color:#000; }
.shop_basketpage #basketcheckoutform .field_checkbox .input { display:flex; align-items:center; gap:8px; }
.shop_basketpage #basketcheckoutform .field_checkbox input[type="checkbox"] { width:18px; height:18px; margin:0; }
.shop_basketpage #basketcheckoutform .field_checkbox label { margin:0; cursor:pointer; }
.shop_basketpage #basketcheckoutform .spacer { clear:both; }