/* start from old style.css */
.myHomeLeftCol, .myHomeRightCol, .myHomeMidCol {
	/* height:100%;  */
	background-position: center; 
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	filter: grayscale(80%) brightness(125%) contrast(75%);
	transition: all 1s; 
	text-align: center; 
	}
.myHomeMidCol {
	filter: grayscale(0%) brightness(100%) contrast(100%);
	}
.myHomeBottomRow {
	display: none; 
	}
.myHomeLeftCol:hover, .myHomeRightCol:hover, .myHomeColHover, .myHomeColHoverAlt {
	filter: grayscale(0%) brightness(100%) contrast(100%);
	}
.myHomeScaleHover {
	transform: scale(1.15, 1.15);
	}
.myLogoBaseline:hover, .myHomeGreyTextHover {
	filter: invert(0%) brightness(100%) !important; 
	}
.myHomeScaleHoverLess {
	transform: scale(1.10, 1.10);
	}
.myHomeSocCont {
	position: absolute; 
	bottom: 20px; 
	left: 0; 
	right: 0; 
	display: inline-block; 
	text-align: center; 
	}
.myHomeSocCont img {
	display: inline-block; 
	max-width: 50px; 
	max-height: 50px; 
	margin: 0 0.25em; 
	width: 30px; 
	height: 30px; 
	}
.myHomeSocCont .myHomeSocContContact {
	display: inline-block; 
	font-family: 'Gotham Family'; 
	font-style: normal; 
	text-transform: uppercase; 
	color: #fff; 
	text-align: center; 
	font-weight: 400; 
	}
.myHomeSocContContact {
	font-size: 26px; 
	line-height: 52px; 
	height: 52px; 
	}
.myHomeSocInsta, .myHomeSocLI, .myHomeSocContContact {
	transition: all 0.75s; 
	cursor: pointer; 
	filter: invert(10%) brightness(80%); 
	}


.myHomeLeftCol {
	background-image: url('/wp-content/uploads/2024/09/Hublot-Barcelona-Boutique-interior-6-original.jpg'); 
	}

.myHomeRightCol {
	/* background-image: url('/wp-content/uploads/2024/10/IMG_2057-scaled.jpg');  */
	background-image: url('/wp-content/uploads/2025/04/Home-Resid-3-Mondrian-2.jpg'); 
	}
/* end from old style.css */



/* start delete */
.myHomeLogoMidV3bSVGRetailLink, .myHomeLogoMidV3bSVGRetailHighlight, .myHomeLogoMidV3bSVGResidLink, .myHomeLogoMidV3bSVGResidHighlight {
	fill: #000; 
	opacity: 0; 
	transition: 0.75s all; 
	}
.myHomeLogoMidV3bSVGRetailOutline, .myHomeLogoMidV3bSVGResidOutline {
	fill: #fff; 
	opacity: 0.25; 
	transition: 0.75s all; 
	}
.myHomeLogoMidV3bSVGOutlineHover {
	opacity: 0.67 !important; 
	}
.myHomeLogoMidV3bSVGLinkHover {
	fill: #fff !important; 
	opacity: 0.5 !important; 
	}

/* end delete */
.myHomeLogoMidV4Main .myHomeLogoMidV4SVGOutline {
	fill: #fff; 
	opacity: 1; 
	transition: 0.75s all; 
				color-rendering: optimizeQuality; 
				shape-rendering: geometricPrecision;
	}
.myHomeLogoMidV4Main, .myHomeLogoMidV4Main path {
				color-rendering: optimizeQuality; 
				shape-rendering: geometricPrecision;
	}
.myHomeLogoCont {
	width: 100%; 
	height: 100%; 
	}
.myHomeLogoMidV4Main {
	position: relative; 
	/* width: 800px;  */
	/* height: 800px;  */
	text-align: center; 
	margin: 0 auto; 
	left: 0; 
	right: 0; 
	padding: 0; 
	display: block; 
				color-rendering: optimizeQuality; 
				shape-rendering: geometricPrecision;
	}
.myHomeKLink {
	cursor: pointer; 
	}
.myHomeLogoMidV4Main.myHomeLogoV6Full, .myHomeLogoMidV4Main.myHomeLogoV6NoSF {
	top: 0; 
				color-rendering: optimizeQuality; 
				shape-rendering: geometricPrecision;
	}
.myHomeLogoMidV4SVGRetailLink, .myHomeLogoMidV4SVGRetailHighlight, .myHomeLogoMidV4SVGResidLink, .myHomeLogoMidV4SVGResidHighlight {
	fill: #000; 
	opacity: 0; 
	transition: 0.75s all; 
	}
.myHomeLogoMidV4Main .myHomeLogoMidV4SVGOutline, .myHomeLogoMidV4Main .myHomeV6BaselineOutline  {
	fill: #fff; 
	opacity: 1; 
	transition: 0.75s all; 
				color-rendering: optimizeQuality; 
				shape-rendering: geometricPrecision;
	}
.myHomeLogoMidV4SVGRetailLink, .myHomeLogoMidV4SVGResidLink, .myHomeTab, .myHomeLeftCol, .myHomeRightCol {
	cursor: pointer; 
	}
.myHomeLogoMidV4SVGOutlineHover {
	opacity: 0.67 !important; 
	}
.myHomeLogoMidV4SVGOutlineHoverMax {
	opacity: 1 !important; 
	fill: #fff; 
	}
.myHomeLogoMidV4SVGLinkHover {
	fill: #fff !important; 
	opacity: 0.5 !important; 
	}
.myHomeLogoMidV4SVGLinkHoverLight {
	fill: #fff !important; 
	opacity: 0.4 !important; 
	}
	
.myHomeMidCol {
	position: relative; 
	z-index: 99; 
	}
.myHomeLogoMidV4Main.myHomeLogoV6Full {
	display: none; 
	}
.myHomeSocInsta, .myHomeSocLI {
	display: none !important; 
	}
	
.myHomeTab {
	position: absolute; 
	width: 100%; 
	/* height: auto;  */
	text-align: center; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	display: block; 
	z-index: 999 !important; 
				color-rendering: optimizeQuality; 
				shape-rendering: geometricPrecision;
	}
.myHomeTabRetail, .myHomeTabResid {
	}
.myHomeTabRetailText, .myHomeTabResidText {
	fill: #fff; 
	opacity: 1; 
	transition: 0.75s all; 
	}
.myHomeTabRetailBG, .myHomeTabResidBG {
	fill: #000; 
	opacity: 1; 
	transition: 0.75s all; 
	}
.myHomeTabRetail {
	/* top: 50%;  */
	/* transform: translateX(-55%) rotate(-90deg) scale(1);  */
	}
.myHomeTabResid {
	/* top: 50%;  */
	/* transform: translateX(-55%) rotate(90deg) scale(1); */
	}
.myHomeTabTextHover {
	fill: #fff !important; 
	}
.myHomeSVGWhiteFill {
	fill: #ccc !important; 
	opacity: 0.75 !important; 
	}
.myHomeSVGBlackFill {
	fill: #000 !important; 
	}
.myHomeTabCont, .myHomeTabCont .wpb_wrapper {
	width: 100%; 
	height: 100%; 
	position: absolute; 
	}
.myHomeTabRetail {
	top: 50%;
	left: -55%; 
	transform: rotate(-90deg) scale(0.8); 
	}
.myHomeTabResid {
	top: 55%;
	right: -55%; 
	transform: rotate(90deg) scale(0.8);
	}
.myHomeSocContContact {
	font-size: 90%; 
	}
.myHomeV6Baseline {
	position: absolute; 
	/* top: 90%;  */
	top: unset; 
	bottom: 0px; 
	margin-bottom: 10px; 
	text-align: center; 
	}

.myHomeWideLangItems {
	text-align: center; 
	margin: 0 auto; 
	}
.myHomeWideLangItems .myHomeLangEach, .myHomeVertLangItems .myHomeLangEach {
	display: inline-block; 
	margin: 0 0.25em; 
	width: 28px !important; 
	}
.myHomeWideLangItems .myHomeLangEach span, .myHomeVertLangItems .myHomeLangEach span {
	width: 26px !important; 
	opacity: 0.6; 
	transition: all .25s linear;
	}
.myHomeWideLangItems .myHomeLangEach img, .myHomeVertLangItems .myHomeLangEach img {
	width: 22px !important; 
	height: 17px !important; 
	padding: 2px !important; 
	/* margin: 2px !important;  */
	border: 1px solid transparent; 
	transition: border .25s linear;
	}
.myHomeWideLangItems .myHomeLangEach.current-lang span, .myHomeVertLangItems .myHomeLangEach.current-lang span {
	opacity: 1; 
	}
.myHomeWideLangItems .myHomeLangEach.current-lang img, .myHomeVertLangItems .myHomeLangEach.current-lang img {
	border: 1px solid #aaa; 
	}
.myHomeWideLangItems .myHomeLangEach span:hover, .myHomeVertLangItems .myHomeLangEach span:hover {
	opacity: 1; 
	}
.myHomeWideLangItems .myHomeLangEach img:hover, .myHomeVertLangItems .myHomeLangEach img:hover {
	border: 1px solid #fff; 
	}

.myHomeVertLangItems {
	display: none; 
	}

@media only screen and (min-width: 2201px) { /* 2201+ */
	.myHomeLogoMidV4Main {
		width: 220px; 
		margin: 32px auto 0px auto; 
		}
	/* myHomeMidCol = 366 */
	/* 
	.myHomeTabRetail {
		top: 50%;
		right: 55%; 
		transform: rotate(-90deg) scale(0.6); 
		}
	.myHomeTabResid {
		top: 50%;
		left: 55%; 
		transform: rotate(90deg) scale(0.6);
		}
	.myHomeSocContContact {
		font-size: 90%; 
		}
	 */
	}

@media only screen and (max-width: 2200px) { /* 1601-2200 */
	.myHomeLogoMidV4Main {
		width: 190px; 
		margin: 28px auto 0px auto; 
		}
	/* myHomeMidCol = 266 */
	/* 
	.myHomeTabRetail {
		top: 50%;
		right: 55%; 
		transform: rotate(-90deg) scale(0.6); 
		}
	.myHomeTabResid {
		top: 50%;
		left: 55%; 
		transform: rotate(90deg) scale(0.6);
		}
	.myHomeSocContContact {
		font-size: 90%; 
		}
	 */
	}

@media only screen and (max-width: 1600px) { /* 1201-1600 */
	.myHomeLogoMidV4Main {
		width: 170px; 
		margin: 25px auto 0px auto; 
		}
	/* myHomeMidCol = 200 */
	/* 
	.myHomeTabRetail {
		top: 50%;
		right: 55%; 
		transform: rotate(-90deg) scale(0.6); 
		}
	.myHomeTabResid {
		top: 50%;
		left: 55%; 
		transform: rotate(90deg) scale(0.6);
		}
	.myHomeSocContContact {
		font-size: 90%; 
		}
	 */
	}

@media only screen and (max-width: 1200px) { /* 961-1200 */
	.myHomeLogoMidV4Main {
		width: 144px; 
		margin: 21px auto 0px auto; 
		}
	/* myHomeMidCol = 160 */
	/* 
	.myHomeTabRetail {
		top: 50%;
		right: 55%; 
		transform: rotate(-90deg) scale(0.6); 
		}
	.myHomeTabResid {
		top: 50%;
		left: 55%; 
		transform: rotate(90deg) scale(0.6);
		}
	.myHomeSocContContact {
		font-size: 90%; 
		}
	 */
	}

@media only screen and (max-width: 960px) { /* 721-960 */
	.myHomeLogoMidV4Main {
		width: 108px; 
		margin: 32px auto 0px auto; 
		}
	/* myHomeMidCol = 120 */
	/* 
	.myHomeTabRetail {
		top: 50%;
		right: 55%; 
		transform: rotate(-90deg) scale(0.6); 
		}
	.myHomeTabResid {
		top: 50%;
		left: 55%; 
		transform: rotate(90deg) scale(0.6);
		}
	.myHomeSocContContact {
		font-size: 90%; 
		}
	 */
	}

@media only screen and (max-width: 720px) { /* 640-720 */
	.myHomeLogoMidV4Main {
		width: 96px; 
		margin: 28px auto 0px auto; 
		}
	/* myHomeMidCol = 106 */
	/* 
	.myHomeTabRetail {
		top: 50%;
		right: 55%; 
		transform: rotate(-90deg) scale(0.6); 
		}
	.myHomeTabResid {
		top: 50%;
		left: 55%; 
		transform: rotate(90deg) scale(0.6);
		}
	.myHomeSocContContact {
		font-size: 90%; 
		}
	 */
	}

@media only screen and (max-width: 639px) { /* responsive break */ /* 481-639 */
	.post-7207 .myHomeLeftCol, .post-7207 .myHomeRightCol {
		height: 40% !important; 
		}
	.post-7207 .myHomeMidCol {
		height: 20% !important; 
		}
	.myHomeLeftCol, .myHomeRightCol {
		height: 38%; 
		}
	.myHomeMidCol {
		height: 24%; 
		}
	.myHomeLogoMidV4Main.myHomeLogoV6Full {
		display: inline-block;
		/* width: 100px;  */
		/* height: 90%;  */
		/* width: auto;  */
		width: 120px; 
		margin: 10px auto; 
		}
	.myHomeTab {
		width: 25%; 
		height: auto; 
		}
	.vc_custom_1742407482970 {
		/* overflow: clip; */
		}
	.myHomeTabRetail {
		top: -21px; 
		left: 0; 
		transform: translate(10px,0px); 
		}
	.myHomeTabResid {
		top: 99%; 
		/* top: 0;  */
		bottom: unset; 
		right: 0; 
		transform: translate(-10px,0px) rotate(180deg);
		}
	.myHomeLeftCol, .myHomeRightCol {
		filter: grayscale(0%) brightness(100%) contrast(100%);
		}
	.myHomeTabRetailText, .myHomeTabResidText, .myHomeLogoMidV4Main .myHomeLogoMidV4SVGOutline {
		/* fill: #fff !important; */
		}
	.myHomeSocCont, .myHomeV6Baseline, .myHomeLogoMidV4Main.myHomeLogoV6NoSF {
		display: none;
		}
	.myHomeVertLangItems {
		display: block; 
		position: absolute; 
		right: 0; 
		top: 0; 
		}
	.myHomeVertLangItems .myHomeLangEach {
		margin: 0; 
		width: 24px !important; 
		}
	}

@media only screen and (max-width: 480px) { /* 321-480 */
	}

@media only screen and (max-width: 320px) { /* <320 */
	
	}