<!doctype html>
<!--[if !(IE 6) | !(IE 7) | !(IE 8)]><!-->
<html
lang="en-US"
class="js supports no-touchevents no-forcetouch cssanimations no-cssgridlegacy cssgrid cssfilters csstransforms csstransforms3d csstransitions mobile-false js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage no-websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients no-cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers no-applicationcache svg inlinesvg smil svgclippaths js_active vc_desktop vc_transform vc_transform vc_transform not-iOS"
style="--wm-toolbar-height: 1px"
>
<!--<!
[endif]--><head>
<!-- SILENCE ISOTOPE & NETWORK ERRORS -->
<script>
window.addEventListener('DOMContentLoaded', function() {
// 1. Mencegat (intercept) console.error bawaan browser
var originalConsoleError = console.error;
console.error = function() {
if (arguments[0] && typeof arguments[0] === 'string' && arguments[0].includes('isotope not initialized')) {
return;
}
return originalConsoleError.apply(console, arguments);
};
// 2. Mencegat jQuery.error
var patchJQueryInterval = setInterval(function() {
if (typeof window.jQuery !== 'undefined') {
var originalJQueryError = window.jQuery.error;
window.jQuery.error = function(msg) {
if (msg && typeof msg === 'string' && msg.includes('isotope not initialized')) {
return;
}
if (originalJQueryError) return originalJQueryError.apply(window.jQuery, arguments);
else throw new Error(msg);
};
clearInterval(patchJQueryInterval);
}
}, 50);
// 3. Mencegat fetch API (Menghentikan error CORS dari Contact Form 7)
if (window.fetch) {
var originalFetch = window.fetch;
window.fetch = function() {
if (arguments[0] && typeof arguments[0] === 'string' && arguments[0].includes('contact-form-7')) {
// Berikan respon sukses buatan (mock) agar plugin mengira backend merespon dengan baik
return Promise.resolve(new Response(JSON.stringify({}), { status: 200, statusText: "OK", headers: { 'Content-Type': 'application/json' } }));
}
return originalFetch.apply(window, arguments);
};
}
// 4. Mencegat XMLHttpRequest (jika plugin menggunakan AJAX lawas)
var originalXHROpen = window.XMLHttpRequest.prototype.open;
window.XMLHttpRequest.prototype.open = function(method, url) {
if (typeof url === 'string' && url.includes('contact-form-7')) {
// Arahkan ke URL kosong / dummy
url = 'javascript:void(0)';
}
return originalXHROpen.apply(this, arguments);
};
});
</script>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script async="" src="assets/3a63331a87210d2160f98a9c7_pA2y.js"></script>
<script src="assets/athena_pA2y.js" type="text/javascript"></script>
<script type="text/javascript">
window.addEventListener("DOMContentLoaded", function () {
var v = archive_analytics.values;
v.service = "wb";
v.server_name = "wwwb-app219.us.archive.org";
v.server_ms = 563;
archive_analytics.send_pageview({});
});
</script>
<script
type="text/javascript"
src="assets/bundle-playback_pA2y.js"
charset="utf-8"
></script>
<script
type="text/javascript"
src="assets/wombat_pA2y.js"
charset="utf-8"
></script>
<script>
window.RufflePlayer = window.RufflePlayer || {};
window.RufflePlayer.config = {
autoplay: "on",
unmuteOverlay: "hidden",
showSwfDownload: true,
};
</script>
<script type="text/javascript" src="assets/ruffle_pA2y.js"></script>
<link
rel="stylesheet"
type="text/css"
href="assets/banner-styles_pA2y.css"
/>
<link rel="stylesheet" type="text/css" href="assets/iconochive_pA2y.css" />
<!-- Google Tag Manager -->
<!-- End Google Tag Manager -->
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"
/>
<meta name="theme-color" content="#3d3d3d" />
<link rel="profile" href="https://gmpg.org/xfn/11" />
<script type="text/javascript">
if (
/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
navigator.userAgent,
)
) {
var originalAddEventListener = EventTarget.prototype.addEventListener,
oldWidth = window.innerWidth;
EventTarget.prototype.addEventListener = function (
eventName,
eventHandler,
useCapture,
) {
if (eventName === "resize") {
originalAddEventListener.call(
this,
eventName,
function (event) {
if (oldWidth === window.innerWidth) {
return;
} else if (oldWidth !== window.innerWidth) {
oldWidth = window.innerWidth;
}
if (eventHandler.handleEvent) {
eventHandler.handleEvent.call(this, event);
} else {
eventHandler.call(this, event);
}
},
useCapture,
);
} else {
originalAddEventListener.call(
this,
eventName,
eventHandler,
useCapture,
);
}
};
}
</script>
<meta
name="robots"
content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
/>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link
rel="stylesheet"
id="wp-block-library-css"
href="assets/style.min_002_pA2y.css"
type="text/css"
media="all"
/>
<style id="wp-block-library-theme-inline-css" type="text/css">
.wp-block-audio figcaption {
color: #555;
font-size: 13px;
text-align: center;
}
.is-dark-theme .wp-block-audio figcaption {
color: hsla(0, 0%, 100%, 0.65);
}
.wp-block-audio {
margin: 0 0 1em;
}
.wp-block-code {
border: 1px solid #ccc;
border-radius: 4px;
font-family: Menlo, Consolas, monaco, monospace;
padding: 0.8em 1em;
}
.wp-block-embed figcaption {
color: #555;
font-size: 13px;
text-align: center;
}
.is-dark-theme .wp-block-embed figcaption {
color: hsla(0, 0%, 100%, 0.65);
}
.wp-block-embed {
margin: 0 0 1em;
}
.blocks-gallery-caption {
color: #555;
font-size: 13px;
text-align: center;
}
.is-dark-theme .blocks-gallery-caption {
color: hsla(0, 0%, 100%, 0.65);
}
.wp-block-image figcaption {
color: #555;
font-size: 13px;
text-align: center;
}
.is-dark-theme .wp-block-image figcaption {
color: hsla(0, 0%, 100%, 0.65);
}
.wp-block-image {
margin: 0 0 1em;
}
.wp-block-pullquote {
border-top: 4px solid;
border-bottom: 4px solid;
margin-bottom: 1.75em;
color: currentColor;
}
.wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
color: currentColor;
text-transform: uppercase;
font-size: 0.8125em;
font-style: normal;
}
.wp-block-quote {
border-left: 0.25em solid;
margin: 0 0 1.75em;
padding-left: 1em;
}
.wp-block-quote cite,
.wp-block-quote footer {
color: currentColor;
font-size: 0.8125em;
position: relative;
font-style: normal;
}
.wp-block-quote.has-text-align-right {
border-left: none;
border-right: 0.25em solid;
padding-left: 0;
padding-right: 1em;
}
.wp-block-quote.has-text-align-center {
border: none;
padding-left: 0;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-quote.is-style-plain {
border: none;
}
.wp-block-search .wp-block-search__label {
font-weight: 700;
}
.wp-block-search__button {
border: 1px solid #ccc;
padding: 0.375em 0.625em;
}
:where(.wp-block-group.has-background) {
padding: 1.25em 2.375em;
}
.wp-block-separator.has-css-opacity {
opacity: 0.4;
}
.wp-block-separator {
border: none;
border-bottom: 2px solid;
margin-left: auto;
margin-right: auto;
}
.wp-block-separator.has-alpha-channel-opacity {
opacity: 1;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
width: 100px;
}
.wp-block-separator.has-background:not(.is-style-dots) {
border-bottom: none;
height: 1px;
}
.wp-block-separator.has-background:not(.is-style-wide):not(
.is-style-dots
) {
height: 2px;
}
.wp-block-table {
margin: "0 0 1em 0";
}
.wp-block-table thead {
border-bottom: 3px solid;
}
.wp-block-table tfoot {
border-top: 3px solid;
}
.wp-block-table td,
.wp-block-table th {
word-break: normal;
}
.wp-block-table figcaption {
color: #555;
font-size: 13px;
text-align: center;
}
.is-dark-theme .wp-block-table figcaption {
color: hsla(0, 0%, 100%, 0.65);
}
.wp-block-video figcaption {
color: #555;
font-size: 13px;
text-align: center;
}
.is-dark-theme .wp-block-video figcaption {
color: hsla(0, 0%, 100%, 0.65);
}
.wp-block-video {
margin: 0 0 1em;
}
.wp-block-template-part.has-background {
padding: 1.25em 2.375em;
margin-top: 0;
margin-bottom: 0;
}
</style>
<link
rel="stylesheet"
id="wc-blocks-vendors-style-css"
href="assets/wc-blocks-vendors-style_pA2y.css"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
id="wc-blocks-style-css"
href="assets/wc-blocks-style_pA2y.css"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
id="classic-theme-styles-css"
href="assets/classic-themes.min_pA2y.css"
type="text/css"
media="all"
/>
<style id="global-styles-inline-css" type="text/css">
body {
--wp--preset--color--black: #000000;
--wp--preset--color--cyan-bluish-gray: #abb8c3;
--wp--preset--color--white: #fff;
--wp--preset--color--pale-pink: #f78da7;
--wp--preset--color--vivid-red: #cf2e2e;
--wp--preset--color--luminous-vivid-orange: #ff6900;
--wp--preset--color--luminous-vivid-amber: #fcb900;
--wp--preset--color--light-green-cyan: #7bdcb5;
--wp--preset--color--vivid-green-cyan: #00d084;
--wp--preset--color--pale-cyan-blue: #8ed1fc;
--wp--preset--color--vivid-cyan-blue: #0693e3;
--wp--preset--color--vivid-purple: #9b51e0;
--wp--preset--color--accent: #3d3d3d;
--wp--preset--color--dark-gray: #111;
--wp--preset--color--light-gray: #767676;
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(
135deg,
rgba(6, 147, 227, 1) 0%,
rgb(155, 81, 224) 100%
);
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(
135deg,
rgb(122, 220, 180) 0%,
rgb(0, 208, 130) 100%
);
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(
135deg,
rgba(252, 185, 0, 1) 0%,
rgba(255, 105, 0, 1) 100%
);
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(
135deg,
rgba(255, 105, 0, 1) 0%,
rgb(207, 46, 46) 100%
);
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(
135deg,
rgb(238, 238, 238) 0%,
rgb(169, 184, 195) 100%
);
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(
135deg,
rgb(74, 234, 220) 0%,
rgb(151, 120, 209) 20%,
rgb(207, 42, 186) 40%,
rgb(238, 44, 130) 60%,
rgb(251, 105, 98) 80%,
rgb(254, 248, 76) 100%
);
--wp--preset--gradient--blush-light-purple: linear-gradient(
135deg,
rgb(255, 206, 236) 0%,
rgb(152, 150, 240) 100%
);
--wp--preset--gradient--blush-bordeaux: linear-gradient(
135deg,
rgb(254, 205, 165) 0%,
rgb(254, 45, 45) 50%,
rgb(107, 0, 62) 100%
);
--wp--preset--gradient--luminous-dusk: linear-gradient(
135deg,
rgb(255, 203, 112) 0%,
rgb(199, 81, 192) 50%,
rgb(65, 88, 208) 100%
);
--wp--preset--gradient--pale-ocean: linear-gradient(
135deg,
rgb(255, 245, 203) 0%,
rgb(182, 227, 212) 50%,
rgb(51, 167, 181) 100%
);
--wp--preset--gradient--electric-grass: linear-gradient(
135deg,
rgb(202, 248, 128) 0%,
rgb(113, 206, 126) 100%
);
--wp--preset--gradient--midnight: linear-gradient(
135deg,
rgb(2, 3, 129) 0%,
rgb(40, 116, 252) 100%
);
--wp--preset--duotone--dark-grayscale: url("#wp-duotone-dark-grayscale");
--wp--preset--duotone--grayscale: url("#wp-duotone-grayscale");
--wp--preset--duotone--purple-yellow: url("#wp-duotone-purple-yellow");
--wp--preset--duotone--blue-red: url("#wp-duotone-blue-red");
--wp--preset--duotone--midnight: url("#wp-duotone-midnight");
--wp--preset--duotone--magenta-yellow: url("#wp-duotone-magenta-yellow");
--wp--preset--duotone--purple-green: url("#wp-duotone-purple-green");
--wp--preset--duotone--blue-orange: url("#wp-duotone-blue-orange");
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 20px;
--wp--preset--font-size--large: 36px;
--wp--preset--font-size--x-large: 42px;
--wp--preset--spacing--20: 0.44rem;
--wp--preset--spacing--30: 0.67rem;
--wp--preset--spacing--40: 1rem;
--wp--preset--spacing--50: 1.5rem;
--wp--preset--spacing--60: 2.25rem;
--wp--preset--spacing--70: 3.38rem;
--wp--preset--spacing--80: 5.06rem;
}
:where(.is-layout-flex) {
gap: 0.5em;
}
body .is-layout-flow > .alignleft {
float: left;
margin-inline-start: 0;
margin-inline-end: 2em;
}
body .is-layout-flow > .alignright {
float: right;
margin-inline-start: 2em;
margin-inline-end: 0;
}
body .is-layout-flow > .aligncenter {
margin-left: auto !important;
margin-right: auto !important;
}
body .is-layout-constrained > .alignleft {
float: left;
margin-inline-start: 0;
margin-inline-end: 2em;
}
body .is-layout-constrained > .alignright {
float: right;
margin-inline-start: 2em;
margin-inline-end: 0;
}
body .is-layout-constrained > .aligncenter {
margin-left: auto !important;
margin-right: auto !important;
}
body
.is-layout-constrained
> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: var(--wp--style--global--content-size);
margin-left: auto !important;
margin-right: auto !important;
}
body .is-layout-constrained > .alignwide {
max-width: var(--wp--style--global--wide-size);
}
body .is-layout-flex {
display: flex;
}
body .is-layout-flex {
flex-wrap: wrap;
align-items: center;
}
body .is-layout-flex > * {
margin: 0;
}
:where(.wp-block-columns.is-layout-flex) {
gap: 2em;
}
.has-black-color {
color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-color {
color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-color {
color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-color {
color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-color {
color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-color {
color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-color {
color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-color {
color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-color {
color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-color {
color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-color {
color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-color {
color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-background-color {
background-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-background-color {
background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-background-color {
background-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-background-color {
background-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-background-color {
background-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-background-color {
background-color: var(
--wp--preset--color--luminous-vivid-orange
) !important;
}
.has-luminous-vivid-amber-background-color {
background-color: var(
--wp--preset--color--luminous-vivid-amber
) !important;
}
.has-light-green-cyan-background-color {
background-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-background-color {
background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-background-color {
background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-background-color {
background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-background-color {
background-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-border-color {
border-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-border-color {
border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-border-color {
border-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-border-color {
border-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-border-color {
border-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-border-color {
border-color: var(
--wp--preset--color--luminous-vivid-orange
) !important;
}
.has-luminous-vivid-amber-border-color {
border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-border-color {
border-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-border-color {
border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-border-color {
border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-border-color {
border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-border-color {
border-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: var(
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple
) !important;
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: var(
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan
) !important;
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: var(
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange
) !important;
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: var(
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red
) !important;
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: var(
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray
) !important;
}
.has-cool-to-warm-spectrum-gradient-background {
background: var(
--wp--preset--gradient--cool-to-warm-spectrum
) !important;
}
.has-blush-light-purple-gradient-background {
background: var(--wp--preset--gradient--blush-light-purple) !important;
}
.has-blush-bordeaux-gradient-background {
background: var(--wp--preset--gradient--blush-bordeaux) !important;
}
.has-luminous-dusk-gradient-background {
background: var(--wp--preset--gradient--luminous-dusk) !important;
}
.has-pale-ocean-gradient-background {
background: var(--wp--preset--gradient--pale-ocean) !important;
}
.has-electric-grass-gradient-background {
background: var(--wp--preset--gradient--electric-grass) !important;
}
.has-midnight-gradient-background {
background: var(--wp--preset--gradient--midnight) !important;
}
.has-small-font-size {
font-size: var(--wp--preset--font-size--small) !important;
}
.has-medium-font-size {
font-size: var(--wp--preset--font-size--medium) !important;
}
.has-large-font-size {
font-size: var(--wp--preset--font-size--large) !important;
}
.has-x-large-font-size {
font-size: var(--wp--preset--font-size--x-large) !important;
}
.wp-block-navigation a:where(:not(.wp-element-button)) {
color: inherit;
}
:where(.wp-block-columns.is-layout-flex) {
gap: 2em;
}
.wp-block-pullquote {
font-size: 1.5em;
line-height: 1.6;
}
</style>
<link
rel="stylesheet"
id="contact-form-7-css"
href="assets/styles_pA2y.css"
type="text/css"
media="all"
/>
<style id="contact-form-7-inline-css" type="text/css">
.wpcf7 .wpcf7-recaptcha iframe {
margin-bottom: 0;
}
.wpcf7 .wpcf7-recaptcha[data-align="center"] > div {
margin: 0 auto;
}
.wpcf7 .wpcf7-recaptcha[data-align="right"] > div {
margin: 0 0 0 auto;
}
</style>
<link
rel="stylesheet"
id="rs-plugin-settings-css"
href="assets/rs6_pA2y.css"
type="text/css"
media="all"
/>
<style id="rs-plugin-settings-inline-css" type="text/css">
#rs-demo-id {
}
</style>
<link
rel="stylesheet"
id="woocommerce-conditional-product-fees-for-checkout-css"
href="assets/woocommerce-conditional-product-fees-for-checkout-publi_pA2y.css"
type="text/css"
media="all"
/>
<style id="woocommerce-inline-inline-css" type="text/css">
.woocommerce form .form-row .required {
visibility: visible;
}
</style>
<link
rel="stylesheet"
id="the7-Defaults-css"
href="assets/Defaults_pA2y.css"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
id="animate_min_css-css"
href="assets/animate.min_pA2y.css"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
id="slick_css-css"
href="assets/slick_pA2y.css"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
id="style_css-css"
href="assets/style_pA2y.css"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
id="js_composer_front-css"
href="assets/js_composer_front_custom_pA2y.css"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
id="dt-web-fonts-css"
href="assets/css_pA2y.css"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
id="dt-main-css"
href="assets/main.min_pA2y.css"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
id="dt-awsome-fonts-back-css"
href="assets/back-compat.min_pA2y.css"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
id="dt-awsome-fonts-css"
href="assets/all.min_pA2y.css"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
id="dt-fontello-css"
href="assets/fontello.min_pA2y.css"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
id="dt-custom-css"
href="assets/custom_pA2y.css"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
id="wc-dt-custom-css"
href="assets/wc-dt-custom_pA2y.css"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
id="dt-media-css"
href="assets/media_pA2y.css"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
id="ultimate-style-css"
href="assets/style.min_pA2y.css"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
id="ult-slick-css"
href="assets/slick.min_pA2y.css"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
id="ult-icons-css"
href="assets/icons_pA2y.css"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
id="ultimate-animate-css"
href="assets/animate.min_002_pA2y.css"
type="text/css"
media="all"
/>
<script
type="text/javascript"
src="assets/jquery.min_pA2y.js"
id="jquery-core-js"
></script>
<script
type="text/javascript"
src="assets/jquery-migrate.min_pA2y.js"
id="jquery-migrate-js"
></script>
<script
type="text/javascript"
src="assets/rbtools.min_pA2y.js"
id="tp-tools-js"
></script>
<script
type="text/javascript"
src="assets/rs6.min_pA2y.js"
id="revmin-js"
></script>
<script
type="text/javascript"
id="woocommerce-conditional-product-fees-for-checkout-js-extra"
>
/* <![CDATA[ */
var my_ajax_object = {
ajax_url: "https:\/\/lofficielshop.com\/wp-admin\/admin-ajax.php",
};
/* ]]> */
</script>
<script
type="text/javascript"
src="assets/woocommerce-conditional-product-fees-for-checkout-public_pA2y.js"
id="woocommerce-conditional-product-fees-for-checkout-js"
></script>
<script
type="text/javascript"
src="assets/jquery.blockUI.min_pA2y.js"
id="jquery-blockui-js"
></script>
<script
type="text/javascript"
src="assets/add-to-cart.min_pA2y.js"
id="wc-add-to-cart-js"
></script>
<script
type="text/javascript"
src="assets/woocommerce-add-to-cart_pA2y.js"
id="vc_woocommerce-add-to-cart-js-js"
></script>
<script
type="text/javascript"
src="assets/custom_pA2y.js"
id="custom.js-js"
></script>
<script type="text/javascript" id="dt-above-fold-js-extra">
/* <![CDATA[ */
var dtLocal = {
themeUrl: "https:\/\/lofficielshop.com\/wp-content\/themes\/dt-the7",
passText: "To view this protected post, enter the password below:",
moreButtonText: { loading: "Loading...", loadMore: "Load more" },
postID: "1548",
ajaxurl: "https:\/\/lofficielshop.com\/wp-admin\/admin-ajax.php",
contactMessages: {
required:
"One or more fields have an error. Please check and try again.",
terms: "Please accept the privacy policy.",
},
ajaxNonce: "965650bdd3",
pageData: { type: "page", template: "page", layout: null },
themeSettings: {
smoothScroll: "off",
lazyLoading: false,
accentColor: { mode: "solid", color: "#3d3d3d" },
desktopHeader: { height: "" },
floatingHeader: {
showAfter: 110,
showMenu: true,
height: 60,
logo: {
showLogo: true,
html: '<img class=" preload-me" src="https:\/\/lofficielshop.com\/wp-content\/themes\/dt-the7\/inc\/presets\/images\/full\/skin11r.header-style-floating-logo-regular.png" srcset="https:\/\/lofficielshop.com\/wp-content\/themes\/dt-the7\/inc\/presets\/images\/full\/skin11r.header-style-floating-logo-regular.png 44w, https:\/\/lofficielshop.com\/wp-content\/themes\/dt-the7\/inc\/presets\/images\/full\/skin11r.header-style-floating-logo-hd.png 88w" width="44" height="44" sizes="44px" alt="L'Officiel Shop - Austria, Cyprus, Monaco" \/>',
url: "https:\/\/lofficielshop.com\/",
},
},
mobileHeader: {
firstSwitchPoint: 990,
secondSwitchPoint: 990,
firstSwitchPointHeight: 60,
secondSwitchPointHeight: 60,
},
stickyMobileHeaderFirstSwitch: {
logo: {
html: '<img class=" preload-me" src="https:\/\/lofficielshop.com\/wp-content\/uploads\/2023\/02\/Logo-vector-mobile.png" srcset="https:\/\/lofficielshop.com\/wp-content\/uploads\/2023\/02\/Logo-vector-mobile.png 201w, https:\/\/lofficielshop.com\/wp-content\/uploads\/2023\/02\/logo-normal.png 317w" width="201" height="56" sizes="201px" alt="L'Officiel Shop - Austria, Cyprus, Monaco" \/>',
},
},
stickyMobileHeaderSecondSwitch: {
logo: {
html: '<img class=" preload-me" src="https:\/\/lofficielshop.com\/wp-content\/uploads\/2023\/02\/Logo-vector-mobile.png" srcset="https:\/\/lofficielshop.com\/wp-content\/uploads\/2023\/02\/Logo-vector-mobile.png 201w, https:\/\/lofficielshop.com\/wp-content\/uploads\/2023\/02\/logo-normal.png 317w" width="201" height="56" sizes="201px" alt="L'Officiel Shop - Austria, Cyprus, Monaco" \/>',
},
},
content: { textColor: "#333333", headerColor: "#333333" },
sidebar: { switchPoint: 990 },
boxedWidth: "1340px",
stripes: {
stripe1: { textColor: "#787d85", headerColor: "#3b3f4a" },
stripe2: { textColor: "#8b9199", headerColor: "#ffffff" },
stripe3: { textColor: "#ffffff", headerColor: "#ffffff" },
},
},
VCMobileScreenWidth: "768",
wcCartFragmentHash: "78cc5494744f63ef3dced819ecb093d9",
};
var dtShare = {
shareButtonText: {
facebook: "Share on Facebook",
twitter: "Tweet",
pinterest: "Pin it",
linkedin: "Share on Linkedin",
whatsapp: "Share on Whatsapp",
google: "Share on Google Plus",
},
overlayOpacity: "85",
};
/* ]]> */
</script>
<script
type="text/javascript"
src="assets/above-the-fold.min_pA2y.js"
id="dt-above-fold-js"
></script>
<script
type="text/javascript"
src="assets/ultimate-params.min_pA2y.js"
id="ultimate-vc-params-js"
></script>
<script
type="text/javascript"
src="assets/slick.min_pA2y.js"
id="ult-slick-js"
></script>
<script
type="text/javascript"
src="assets/jquery-appear.min_pA2y.js"
id="ultimate-appear-js"
></script>
<script
type="text/javascript"
src="assets/slick-custom.min_pA2y.js"
id="ult-slick-custom-js"
></script>
<meta name="generator" content="WordPress 6.1.1" />
<meta name="generator" content="WooCommerce 7.4.0" />
<!--[if IE 9]>
<script>
var _elemcarousalptParallaxIE9 = true;
</script>
<![endif]-->
<noscript
><style>
.woocommerce-product-gallery {
opacity: 1 !important;
}
</style></noscript
>
<meta
name="generator"
content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."
/>
<meta
name="generator"
content="Powered by Slider Revolution 6.3.4 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface."
/>
<script type="text/javascript">
function setREVStartSize(e) {
//window.requestAnimationFrame(function() {
window.RSIW =
window.RSIW === undefined ? window.innerWidth : window.RSIW;
window.RSIH =
window.RSIH === undefined ? window.innerHeight : window.RSIH;
try {
var pw = document.getElementById(e.c).parentNode.offsetWidth,
newh;
pw = pw === 0 || isNaN(pw) ? window.RSIW : pw;
e.tabw = e.tabw === undefined ? 0 : parseInt(e.tabw);
e.thumbw = e.thumbw === undefined ? 0 : parseInt(e.thumbw);
e.tabh = e.tabh === undefined ? 0 : parseInt(e.tabh);
e.thumbh = e.thumbh === undefined ? 0 : parseInt(e.thumbh);
e.tabhide = e.tabhide === undefined ? 0 : parseInt(e.tabhide);
e.thumbhide = e.thumbhide === undefined ? 0 : parseInt(e.thumbhide);
e.mh =
e.mh === undefined || e.mh == "" || e.mh === "auto"
? 0
: parseInt(e.mh, 0);
if (e.layout === "fullscreen" || e.l === "fullscreen")
newh = Math.max(e.mh, window.RSIH);
else {
e.gw = Array.isArray(e.gw) ? e.gw : [e.gw];
for (var i in e.rl)
if (e.gw[i] === undefined || e.gw[i] === 0) e.gw[i] = e.gw[i - 1];
e.gh =
e.el === undefined ||
e.el === "" ||
(Array.isArray(e.el) && e.el.length == 0)
? e.gh
: e.el;
e.gh = Array.isArray(e.gh) ? e.gh : [e.gh];
for (var i in e.rl)
if (e.gh[i] === undefined || e.gh[i] === 0) e.gh[i] = e.gh[i - 1];
var nl = new Array(e.rl.length),
ix = 0,
sl;
e.tabw = e.tabhide >= pw ? 0 : e.tabw;
e.thumbw = e.thumbhide >= pw ? 0 : e.thumbw;
e.tabh = e.tabhide >= pw ? 0 : e.tabh;
e.thumbh = e.thumbhide >= pw ? 0 : e.thumbh;
for (var i in e.rl) nl[i] = e.rl[i] < window.RSIW ? 0 : e.rl[i];
sl = nl[0];
for (var i in nl)
if (sl > nl[i] && nl[i] > 0) {
sl = nl[i];
ix = i;
}
var m =
pw > e.gw[ix] + e.tabw + e.thumbw
? 1
: (pw - (e.tabw + e.thumbw)) / e.gw[ix];
newh = e.gh[ix] * m + (e.tabh + e.thumbh);
}
if (window.rs_init_css === undefined)
window.rs_init_css = document.head.appendChild(
document.createElement("style"),
);
document.getElementById(e.c).height = newh + "px";
window.rs_init_css.innerHTML +=
"#" + e.c + "_wrapper { height: " + newh + "px }";
} catch (e) {
console.log("Failure at Presize of Slider:" + e);
}
//});
}
</script>
<style type="text/css" data-type="vc_custom-css">
.discr-s4 {
font-size: 14px !important;
line-height: 1.7 !important;
font-weight: 400;
margin: 0 auto;
width: 300px;
}
@media (max-width: 480px) {
.small-after-400 {
font-size: 12px !important;
line-height: 1.5 !important;
}
}
.elemcarousalpt-no-aligned {
width: 100%;
}
.season-2020 {
padding-bottom: 20px;
}
.loff-white {
color: #fff;
font-size: 10pt;
line-height: 1;
}
.grow-s4 {
transition: all 0.3s ease-in-out;
}
.grow-s4:hover {
transform: scale(1.1);
}
</style>
<style type="text/css" data-type="vc_shortcodes-custom-css">
.vc_custom_1677660217712 {
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.vc_custom_1679563539658 {
padding-top: 25px !important;
padding-right: 0px !important;
padding-bottom: 25px !important;
padding-left: 0px !important;
}
.vc_custom_1678362010748 {
padding-top: 25px !important;
padding-right: 0px !important;
padding-bottom: 25px !important;
padding-left: 0px !important;
}
.vc_custom_1677758403511 {
padding-top: 25px !important;
padding-right: 0px !important;
padding-bottom: 25px !important;
padding-left: 0px !important;
}
.vc_custom_1675970506998 {
padding-top: 25px !important;
padding-right: 0px !important;
padding-bottom: 25px !important;
padding-left: 0px !important;
}
.vc_custom_1675971010860 {
padding-top: 25px !important;
padding-right: 0px !important;
padding-bottom: 25px !important;
padding-left: 0px !important;
}
.vc_custom_1675971018691 {
padding-top: 25px !important;
padding-right: 0px !important;
padding-bottom: 25px !important;
padding-left: 0px !important;
}
.vc_custom_1675971025464 {
padding-top: 25px !important;
padding-right: 0px !important;
padding-bottom: 25px !important;
padding-left: 0px !important;
}
</style>
<noscript
><style>
.wpb_animate_when_almost_visible {
opacity: 1;
}
</style></noscript
>
<style id="the7-custom-inline-css" type="text/css">
#bottom-bar .wf-float-left {
width: 100%;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 0.7em;
font-weight: normal;
display: block;
}
.woocommerce-product-attributes-item__label {
font-weight: 600;
}
.menu-text {
cursor: pointer;
}
.menu-item-type-taxonomy {
cursor: pointer !important;
}
</style>
<style>
/** Ultimate: Media Responsive **/
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 479px) {
} /** Ultimate: Media Responsive - **/
</style>
<style>
#ult-carousel-1284689961641c322dc28ce .slick-slide {
margin: 0 15px;
}
</style>
<style>
.vc_row[data-vc-full-width="true"] {
left: 0 !important;
width: 100% !important;
}
</style>
<link rel="icon" type="image/png" href="assets/Favicon-2.png" />
<title>Official L'Officel Online Shop â Austria, Monaco, Cyprus.</title>
<meta
name="description"
content="L'Officiel Shop - Finde our latest magazines about fashion, beauty, celebrities, and other news in world of fashion."
/>
<link rel="canonical" href="https://lofficielshop.com/" />
<style>
.woocommerce-product-gallery__image img {
max-width: 100% !important;
height: auto !important;
display: block !important;
}
/* FOOLPROOF PRODUCT LAYOUT VIA CSS GRID */
@media (min-width: 769px) {
div.product {
display: grid !important;
grid-template-columns: 48% 48% !important;
justify-content: space-between !important;
align-items: flex-start !important;
}
div.product::before, div.product::after {
display: none !important;
}
div.product > .woocommerce-product-gallery,
div.product > .summary.entry-summary {
width: 100% !important;
float: none !important;
margin: 0 !important;
}
/* Make tabs and related products span full width */
div.product > .woocommerce-tabs,
div.product > .related.products {
grid-column: 1 / -1 !important;
width: 100% !important;
margin-top: 40px !important;
}
}
/* Perbesar gambar slider di halaman utama */
.ult-carousel-wrapper .vc_figure {
transform: scale(1.30) !important;
transform-origin: center center !important;
margin-top: 40px !important;
margin-bottom: 50px !important;
padding-top: 10px !important;
}
.ult-carousel-wrapper .slick-list {
padding-top: 40px !important;
overflow: visible !important;
}
</style>
<style>
.woocommerce-product-gallery__image img {
max-width: 100% !important;
height: auto !important;
display: block !important;
}
/* FOOLPROOF PRODUCT LAYOUT VIA CSS GRID */
@media (min-width: 769px) {
div.product {
display: grid !important;
grid-template-columns: 48% 48% !important;
justify-content: space-between !important;
align-items: flex-start !important;
}
div.product::before, div.product::after {
display: none !important;
}
div.product > .woocommerce-product-gallery,
div.product > .summary.entry-summary {
width: 100% !important;
float: none !important;
margin: 0 !important;
}
/* Make tabs and related products span full width */
div.product > .woocommerce-tabs,
div.product > .related.products {
grid-column: 1 / -1 !important;
width: 100% !important;
margin-top: 40px !important;
}
}
/* Perbesar gambar slider di halaman utama */
.ult-carousel-wrapper .vc_figure {
transform: scale(1.30) !important;
transform-origin: center center !important;
margin-top: 40px !important;
margin-bottom: 50px !important;
padding-top: 10px !important;
}
.ult-carousel-wrapper .slick-list {
padding-top: 40px !important;
overflow: visible !important;
}
</style>
</head>
<body
class="home page-template-default page page-id-1548 wp-embed-responsive theme-dt-the7 woocommerce-js dt-responsive-on header-side-right sticky-header fade-header-animation srcset-enabled btn-3d custom-btn-color custom-btn-hover-color sticky-mobile-header first-switch-logo-left first-switch-menu-right second-switch-logo-left second-switch-menu-right right-mobile-menu layzr-loading-on no-avatars popup-message-style dt-fa-compatibility the7-ver-7.6.0.2 wpb-js-composer js-comp-ver-6.1 vc_responsive no-mobile closed-overlay-mobile-header"
>
<!-- Google Tag Manager (noscript) -->
<noscript
><iframe
src="https://web.archive.org/web/20230323110414if_/https://www.googletagmanager.com/ns.html?id=GTM-5ZTJGQ4"
height="0"
width="0"
style="display: none; visibility: hidden"
></iframe
></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- The7 7.6.0.2 -->
<div id="page" class="closed-mobile-header">
<a class="skip-link screen-reader-text" href="#content"
>Skip to content</a
>
<!-- FONT AWESOME UNTUK ICON -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />
<style>
/* FIX SLICK SLIDER ARROWS (Fontello fallback ke FontAwesome) */
.ultsl-arrow-left6:before {
content: "\f104" !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900 !important;
color: #ffffff !important;
display: block !important;
}
.ultsl-arrow-right6:before {
content: "\f105" !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900 !important;
color: #ffffff !important;
display: block !important;
}
.slick-prev.square-bg,
.slick-next.square-bg {
background-color: rgba(0, 0, 0, 0.5) !important;
border-radius: 50% !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 40px !important;
height: 40px !important;
z-index: 99 !important;
border: none;
cursor: pointer;
}
.slick-prev.square-bg:hover,
.slick-next.square-bg:hover {
background-color: rgba(0, 0, 0, 0.8) !important;
}
.ultsl-record:before {
content: "\f111" !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 400 !important;
color: rgba(0, 0, 0, 0.5) !important;
font-size: 14px !important;
display: block !important;
}
.slick-active .ultsl-record:before {
font-weight: 900 !important;
color: #fff !important;
}
/* CORE LAYOUT */
body {
overflow-x: hidden;
margin: 0;
padding: 0;
padding-top: 100px !important;
}
/* HIDE LEFTOVER OVERLAYS DARI THE7 */
.sticky-header-overlay,
.mobile-sticky-header-overlay {
display: none !important;
}
/* --- 1. TOP HEADER --- */
#custom-top-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100px;
background: #ffffff;
z-index: 99998;
display: flex;
justify-content: center;
align-items: center;
}
#custom-top-header .header-logo img {
height: 60px;
width: auto;
}
#custom-top-header .hamburger-btn {
position: absolute;
right: 40px;
top: 50%;
transform: translateY(-50%);
font-size: 26px;
cursor: pointer;
color: #111;
}
/* --- 2. SLIDE-OUT SIDEBAR --- */
#custom-sidebar {
position: fixed;
top: 0;
right: -350px;
width: 350px;
height: 100vh;
background: #ffffff;
z-index: 99999;
box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
transition: right 0.4s cubic-bezier(0.77, 0, 0.175, 1);
display: flex;
flex-direction: column;
overflow-y: auto;
padding: 40px;
box-sizing: border-box;
}
#custom-sidebar.active {
right: 0;
}
#custom-sidebar .close-btn {
position: absolute;
top: 30px;
right: 30px;
font-size: 24px;
cursor: pointer;
color: #aaa;
transition: 0.3s;
display: none; /* Disembunyikan krn gak ada di screenshot baru */
}
#custom-sidebar .sidebar-logo {
text-align: center;
margin-bottom: 50px;
margin-top: 20px;
}
#custom-sidebar .sidebar-logo img {
height: 50px;
width: auto;
}
/* --- 3. OVERLAY (GELAP SAAT SIDEBAR MUNCUL) --- */
#sidebar-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
z-index: 99997;
opacity: 0;
visibility: hidden;
transition: 0.4s ease;
}
#sidebar-overlay.active {
opacity: 1;
visibility: visible;
}
/* --- 4. MENU & DROPDOWN STYLING --- */
#custom-sidebar ul {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
}
#custom-sidebar .c-main-nav > li {
padding: 5px 0;
}
#custom-sidebar .c-main-nav > li > a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 0;
color: #333;
text-decoration: none;
font-weight: 700;
font-size: 15px;
text-transform: uppercase;
}
#custom-sidebar .c-main-nav > li > a.c-active {
color: #d62027;
}
/* Sub-menu (Dropdown) */
#custom-sidebar .c-sub-nav {
display: none;
padding-left: 15px;
padding-top: 5px;
padding-bottom: 10px;
}
#custom-sidebar .c-sub-nav.c-active {
display: block;
animation: slideDown 0.3s ease;
}
#custom-sidebar .c-sub-nav li {
padding: 0;
}
#custom-sidebar .c-sub-nav a {
display: block;
padding: 10px 0;
color: #444;
text-decoration: none;
font-size: 14px;
font-weight: 400;
}
#custom-sidebar .c-sub-nav a:hover {
color: #000;
}
/* Custom Dropdown Toggle Icon */
.dropdown-toggle {
font-size: 18px;
color: #b3b3b3;
transition: 0.3s;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.dropdown-toggle.open {
transform: rotate(45deg);
}
/* --- 5. WIDGETS --- */
#custom-sidebar .mini-widgets {
margin-top: 50px;
display: flex;
flex-direction: column;
gap: 12px;
}
#custom-sidebar .mini-widgets a {
display: flex;
align-items: center;
gap: 12px;
color: #444;
text-decoration: none;
font-size: 14px;
font-weight: 400;
}
#custom-sidebar .mini-widgets a.multipurpose_1 {
color: #d62027;
}
#custom-sidebar .mini-widgets a.email {
color: #d62027;
}
#custom-sidebar .mini-widgets i:before {
font-family: "Font Awesome 5 Free" !important;
font-weight: 900 !important;
width: 20px;
text-align: center;
color: #333;
}
#custom-sidebar .multipurpose_1 i:before {
content: "\f0ac" !important;
} /* Globe */
#custom-sidebar .email i:before {
content: "\f0e0" !important;
} /* Email */
#custom-sidebar .shopping-cart i:before {
content: "\f07a" !important;
} /* Cart */
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-5px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
</style>
<!-- OVERLAY LAYAR GELAP -->
<div id="sidebar-overlay"></div>
<!-- TOP HEADER -->
<header id="custom-top-header">
<a href="index.html" class="header-logo"><img src="assets/logo-normal_pA2y.png" alt="L'Officiel Logo"
/></a>
<i class="fas fa-bars hamburger-btn" id="custom-hamburger"></i>
</header>
<!-- SLIDE-OUT SIDEBAR -->
<aside id="custom-sidebar">
<div class="sidebar-logo"><a href="index.html"><img src="assets/logo-normal_pA2y.png" alt="L'Officiel Logo" />
</div>
<ul class="c-main-nav">
<li>
<a href="javascript:void(0)">L'OFFICIEL AUSTRIA</a>
<ul class="c-sub-nav">
<li><a href="product-tag/lofficiel-austria-2019/index.html">L'Officiel Austria 2019</a></li>
<li><a href="product-tag/lofficiel-austria-2020/index.html">L'Officiel Austria 2020</a></li>
<li><a href="product-tag/lofficiel-austria-2021/index.html">L'Officiel Austria 2021</a></li>
<li><a href="product-tag/lofficiel-austria-2022/index.html">L'Officiel Austria 2022</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0)">L'OFFICIEL MONACO</a>
<ul class="c-sub-nav">
<li><a href="product-tag/lofficiel-monaco-2020/index.html">L'Officiel Monaco 2020</a></li>
<li><a href="product-tag/lofficiel-monaco-2021/index.html">L'Officiel Monaco 2021</a></li>
<li><a href="product-tag/lofficiel-monaco-2022/index.html">L'Officiel Monaco 2022</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0)">L'OFFICIEL CYPRUS</a>
<ul class="c-sub-nav">
<li><a href="product-tag/lofficiel-cyprus-2020/index.html">L'Officiel Cyprus 2020</a></li>
<li><a href="product-tag/lofficiel-cyprus-2021/index.html">L'Officiel Cyprus 2021</a></li>
<li><a href="product-tag/lofficiel-cyprus-2022/index.html">L'Officiel Cyprus 2022</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0)">PRINTED ANNUAL SUBSCRIPTION</a>
<ul class="c-sub-nav">
<li><a href="product/printed-annual-subscription-austria-2021/index.html">Austria 2021</a></li>
<li><a href="product/printed-annual-subscription-monaco-2021/index.html">Monaco 2021</a></li>
<li><a href="product/printed-annual-subscription-cyprus-2021/index.html">Cyprus 2021</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0)">DIGITAL ANNUAL SUBSCRIPTION</a>
<ul class="c-sub-nav">
<li><a href="product/digital-annual-subscription-austria-2021/index.html">Austria 2021</a></li>
<li><a href="product/digital-annual-subscription-monaco-2021/index.html">Monaco 2021</a></li>
<li><a href="product/digital-annual-subscription-cyprus-2021/index.html">Cyprus 2021</a></li>
</ul>
</li>
<li><a href="product-tag/annual-subscription/index.html">ALL SUBSCRIPTIONS</a></li>
<li><a href="contacts/index.html">CONTACTS</a></li>
</ul>
<div class="mini-widgets">
<a href="javascript:void(0)" class="shopping-cart"
><i class="fas fa-shopping-cart"></i> Product Cart</a
>
<a href="javascript:void(0)" class="multipurpose_1"
><i class="fas fa-globe"></i> L'Officiel Shop</a
>
<a href="javascript:void(0)" class="email"
><i class="fas fa-envelope"></i> <span class="__cf_email__" data-cfemail="7811161e173814171e1e111b111d140b101708561b1715">[email protected]</span></a
>
</div>
</aside>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
// LOGIC SIDEBAR
const sidebar = document.getElementById("custom-sidebar");
const overlay = document.getElementById("sidebar-overlay");
const btnOpen = document.getElementById("custom-hamburger");
function openSidebar() {
sidebar.classList.add("active");
overlay.classList.add("active");
}
function closeSidebar() {
sidebar.classList.remove("active");
overlay.classList.remove("active");
}
btnOpen.addEventListener("click", openSidebar);
overlay.addEventListener("click", closeSidebar);
// LOGIC DROPDOWN MENU
const mainNavLinks = document.querySelectorAll(
"#custom-sidebar .c-main-nav > li > a",
);
mainNavLinks.forEach((link) => {
const subNav = link.nextElementSibling;
if (subNav && subNav.classList.contains("c-sub-nav")) {
// Tambahkan icon plus
const icon = document.createElement("i");
icon.className = "fas fa-plus dropdown-toggle";
link.appendChild(icon);
link.addEventListener("click", function (e) {
e.preventDefault();
// Toggle current subnav
const isActive = subNav.classList.contains("c-active");
// Tutup semua subnav dan hapus warna aktif
document
.querySelectorAll("#custom-sidebar .c-sub-nav")
.forEach((nav) => nav.classList.remove("c-active"));
document
.querySelectorAll(".dropdown-toggle")
.forEach((ic) => ic.classList.remove("open"));
document
.querySelectorAll("#custom-sidebar .c-main-nav > li > a")
.forEach((a) => a.classList.remove("c-active"));
if (!isActive) {
subNav.classList.add("c-active");
icon.classList.add("open");
link.classList.add("c-active");
}
});
}
});
</script>
<div
id="main"
class="sidebar-none sidebar-divider-vertical"
style="padding-top: 0px; padding-bottom: 0px"
>
<div class="main-gradient"></div>
<div class="wf-wrap">
<div class="wf-container-main">
<div id="content" class="content" role="main">
<div
data-vc-full-width="true"
data-vc-full-width-init="true"
data-vc-stretch-content="true"
class="vc_row wpb_row vc_row-fluid vc_custom_1677660217712 vc_row-has-fill vc_row-no-padding vc_row-o-full-height vc_row-o-columns-stretch vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"
style="
left: -232px;
position: relative;
box-sizing: border-box;
width: 1677.45px;
min-height: 77.0833vh;
"
>
<div class="wpb_column vc_column_container vc_col-sm-12">
<div class="vc_column-inner">
<div class="wpb_wrapper">
<div
id="ult-carousel-1284689961641c322dc28ce"
class="ult-carousel-wrapper ult_horizontal"
data-gutter="15"
data-rtl="false"
>
<div
class="ult-carousel-149116498641c322dc281e slick-initialized slick-slider slick-dotted"
>
<button
type="button"
role="button"
aria-label="Previous"
style="color: rgb(51, 51, 51); font-size: 20px"
class="slick-prev square-bg slick-arrow"
>
<i class="ultsl-arrow-left6"></i>
</button>
<div class="slick-list draggable">
<div
class="slick-track"
style="
opacity: 1;
width: 25170px;
transform: translate3d(-6712px, 0px, 0px);
"
>
<div
class="ult-item-wrap slick-slide slick-cloned"
data-animation="animated no-animation"
data-slick-index="-1"
id=""
aria-hidden="true"
style="width: 1648px"
tabindex="-1"
>
<div
class="vc_row wpb_row vc_inner vc_row-fluid"
>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper">
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 15px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<h2
style="
color: #ffffff;
text-align: center;
"
class="vc_custom_heading"
>
CYPRUS
</h2>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_single_image wpb_content_element vc_align_center grow-s4"
>
<figure
class="wpb_wrapper vc_figure"
>
<a
href="javascript:void(0)"
target="_self"
class="vc_single_image-wrapper vc_box_border_grey"
data-large_image_width="554"
data-large_image_height="515"
tabindex="-1"
><img
width="554"
height="515"
src="assets/3-homepage-cover3_pA2y.png"
class="vc_single_image-img attachment-full"
alt=""
decoding="async"
loading="lazy"
sizes="(max-width: 554px) 100vw, 554px"
data-dt-location="shop-lofficiel-austria/3-homepage-cover3/"
/></a>
</figure>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_text_column wpb_content_element vc_custom_1675971025464 loff-white"
>
<div class="wpb_wrapper">
<p style="text-align: center">
The cooler weather is upon us
and brings more diversity into
our closets â a welcome
change. Accordingly, the cover
editorial of this Parklane, a
Luxury Collection Resort
& Spa, Limassol,
Cyprus, special issue, brings
you the hottest autumn and
winter looks, modelled by the
one and only Julia KuczyÅska
Julia KuczyÅska.
</p>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_btn3-container vc_btn3-center"
>
<a
class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-square vc_btn3-style-flat vc_btn3-color-warning"
href="javascript:void(0)"
title="#14 Summer 2022 â Printed Edition LâOfficiel Austria"
tabindex="-1"
>ORDER NOW</a
>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 32px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap slick-slide"
data-animation="animated no-animation"
data-slick-index="0"
aria-hidden="true"
style="width: 1648px"
tabindex="-1"
role="tabpanel"
id="slick-slide00"
aria-describedby="slick-slide-control00"
>
<div
class="vc_row wpb_row vc_inner vc_row-fluid"
>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper">
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 15px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<h2
style="
color: #ffffff;
text-align: center;
"
class="vc_custom_heading"
>
CYPRUS
</h2>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_single_image wpb_content_element vc_align_center grow-s4"
>
<figure
class="wpb_wrapper vc_figure"
>
<a
href="javascript:void(0)"
target="_self"
class="vc_single_image-wrapper vc_box_border_grey"
data-large_image_width="554"
data-large_image_height="515"
tabindex="-1"
><img
width="554"
height="515"
src="assets/3-homepage-coveren_pA2y.png"
class="vc_single_image-img attachment-full"
alt=""
decoding="async"
loading="lazy"
sizes="(max-width: 554px) 100vw, 554px"
data-dt-location="?attachment_id=1647"
/></a>
</figure>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_text_column wpb_content_element vc_custom_1679563539658 loff-white"
>
<div class="wpb_wrapper">
<p style="text-align: center">
Have you ever come
face-to-face with your own
reality? Did you react or did
you just act? Three years ago,
I received a letter knowing
exactly who the sender was. I
dreaded opening it, because I
felt what I would read
wouldnât make me proud of who
I was. A handwritten letter
from my 18-year-old self,
checking up on me 10 years
later, asking so many
questions but I had no
answers. Was that a sign from
the universe giving me another
chance to make it right?
</p>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_btn3-container vc_btn3-center"
>
<a
class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-square vc_btn3-style-flat vc_btn3-color-warning"
href="javascript:void(0)"
title=""
tabindex="-1"
>ORDER NOW</a
>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 32px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap slick-slide"
data-animation="animated no-animation"
data-slick-index="1"
aria-hidden="true"
style="width: 1648px"
tabindex="-1"
role="tabpanel"
id="slick-slide01"
aria-describedby="slick-slide-control01"
>
<div
class="vc_row wpb_row vc_inner vc_row-fluid"
>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper">
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 15px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<h2
style="
color: #ffffff;
text-align: center;
"
class="vc_custom_heading"
>
MONACO
</h2>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_single_image wpb_content_element vc_align_center grow-s4"
>
<figure
class="wpb_wrapper vc_figure"
>
<a
href="javascript:void(0)"
target="_self"
class="vc_single_image-wrapper vc_box_border_grey"
data-large_image_width="554"
data-large_image_height="515"
tabindex="-1"
><img
width="554"
height="515"
src="assets/3-homepage-cover_002_pA2y.png"
class="vc_single_image-img attachment-full"
alt=""
decoding="async"
loading="lazy"
sizes="(max-width: 554px) 100vw, 554px"
data-dt-location="?attachment_id=1616"
/></a>
</figure>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_text_column wpb_content_element vc_custom_1678362010748 loff-white"
>
<div class="wpb_wrapper">
<p style="text-align: center">
By dressing a cover girl in
digital outfits, LâOfficiel
Monaco is taking its first
step toward a new reality â
The Metaverse. We invite you
to see how the digital world
can look so realistic and
beautiful. This cover story
shoot took place in London
with Dima Honcharov, whilst
the DRESSX team in Los Angeles
was working on the digital
dressing of the real model.
LâOfficiel Monaco also
participated in the first-ever
Venice Carnival in the
Metaverse â find out about it
on page 130.
</p>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_btn3-container vc_btn3-center"
>
<a
class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-square vc_btn3-style-flat vc_btn3-color-warning"
href="javascript:void(0)"
title="#17 Spring 2023 â Digital Edition LâOfficiel Austria"
tabindex="-1"
>ORDER NOW</a
>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 32px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap slick-slide animated no-animation"
data-animation="animated no-animation"
data-slick-index="2"
aria-hidden="true"
style="width: 1648px"
tabindex="-1"
role="tabpanel"
id="slick-slide02"
aria-describedby="slick-slide-control02"
>
<div
class="vc_row wpb_row vc_inner vc_row-fluid"
>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper">
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 15px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<h2
style="
color: #ffffff;
text-align: center;
"
class="vc_custom_heading"
>
AUSTRIA
</h2>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_single_image wpb_content_element vc_align_center grow-s4"
>
<figure
class="wpb_wrapper vc_figure"
>
<a
href="javascript:void(0)"
target="_self"
class="vc_single_image-wrapper vc_box_border_grey"
data-large_image_width="554"
data-large_image_height="515"
tabindex="-1"
><img
width="554"
height="515"
src="assets/3-homepage-cover_003_pA2y.png"
class="vc_single_image-img attachment-full"
alt=""
decoding="async"
loading="lazy"
sizes="(max-width: 554px) 100vw, 554px"
data-dt-location="?attachment_id=1585"
/></a>
</figure>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_text_column wpb_content_element vc_custom_1677758403511 loff-white"
>
<div class="wpb_wrapper">
<p style="text-align: center">
Spring is a time for re-birth,
resurrection and rejuve-
nation. In the luxury and
fashion world it is the season
best attributed to
sustainability and a more
mindful approach to our planet
and its resources. With this
in mind, we have dedicated our
spring issue to the topic of
sustainability. What is being
done in the world of luxury
and fashion to ensure for a
more mindful approach and
which fashion brand can be
seen as being most sustai-
nable?
</p>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_btn3-container vc_btn3-center"
>
<a
class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-square vc_btn3-style-flat vc_btn3-color-warning"
href="javascript:void(0)"
title="#17 Spring 2023 â Digital Edition LâOfficiel Austria"
tabindex="-1"
>ORDER NOW</a
>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 32px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap slick-slide slick-current slick-active animated no-animation"
data-animation="animated no-animation"
data-slick-index="3"
aria-hidden="false"
style="width: 1648px"
tabindex="0"
role="tabpanel"
id="slick-slide03"
aria-describedby="slick-slide-control03"
>
<div
class="vc_row wpb_row vc_inner vc_row-fluid"
>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper">
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 15px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<h2
style="
color: #ffffff;
text-align: center;
"
class="vc_custom_heading"
>
AUSTRIA
</h2>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_single_image wpb_content_element vc_align_center grow-s4"
>
<figure
class="wpb_wrapper vc_figure"
>
<a
href="javascript:void(0)"
target="_self"
class="vc_single_image-wrapper vc_box_border_grey"
data-large_image_width="554"
data-large_image_height="515"
tabindex="0"
><img
width="554"
height="515"
src="assets/3-homepage-cover_pA2y.png"
class="vc_single_image-img attachment-full"
alt=""
decoding="async"
loading="lazy"
sizes="(max-width: 554px) 100vw, 554px"
data-dt-location="?attachment_id=1486"
/></a>
</figure>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_text_column wpb_content_element vc_custom_1675970506998 loff-white"
>
<div class="wpb_wrapper">
<p style="text-align: center">
The year has gone by in a
glimpse of an eye, or so it
seems, and here we are once
again: the festive season is
upon us. As a tribute and
celebration of the return of
the ball season, we dedicated
our winter issue to glamour
and all things glamorous.
</p>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_btn3-container vc_btn3-center"
>
<a
class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-square vc_btn3-style-flat vc_btn3-color-warning"
href="javascript:void(0)"
title="#16 Winter 2023 â Printed Edition LâOfficiel Austria"
tabindex="0"
>ORDER NOW</a
>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 32px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap slick-slide"
data-animation="animated no-animation"
data-slick-index="4"
aria-hidden="true"
style="width: 1648px"
tabindex="-1"
role="tabpanel"
id="slick-slide04"
aria-describedby="slick-slide-control04"
>
<div
class="vc_row wpb_row vc_inner vc_row-fluid"
>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper">
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 15px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<h2
style="
color: #ffffff;
text-align: center;
"
class="vc_custom_heading"
>
HOMMES AUSTRIA
</h2>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_single_image wpb_content_element vc_align_center grow-s4"
>
<figure
class="wpb_wrapper vc_figure"
>
<a
href="javascript:void(0)"
target="_self"
class="vc_single_image-wrapper vc_box_border_grey"
data-large_image_width="554"
data-large_image_height="515"
tabindex="-1"
><img
width="554"
height="515"
src="assets/3-homepage-coveren_002_pA2y.png"
class="vc_single_image-img attachment-full"
alt=""
decoding="async"
loading="lazy"
sizes="(max-width: 554px) 100vw, 554px"
data-dt-location="shop-lofficiel-austria/3-homepage-coveren/"
/></a>
</figure>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_text_column wpb_content_element vc_custom_1675971010860 loff-white"
>
<div class="wpb_wrapper">
<p style="text-align: center">
While the Austrian media
landscape is rich and diverse,
there seems to be some
scarcity when it comes to
menâs lifestyle titles. A void
we are more than happy to
fill. We present to you
LâOfficiel Austria Hommes â
the magazine for the
discerning gentleman!
</p>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_btn3-container vc_btn3-center"
>
<a
class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-square vc_btn3-style-flat vc_btn3-color-warning"
href="javascript:void(0)"
title="#14 Summer 2022 â Printed Edition LâOfficiel Austria"
tabindex="-1"
>ORDER NOW</a
>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 32px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap slick-slide"
data-animation="animated no-animation"
data-slick-index="5"
aria-hidden="true"
style="width: 1648px"
tabindex="-1"
role="tabpanel"
id="slick-slide05"
aria-describedby="slick-slide-control05"
>
<div
class="vc_row wpb_row vc_inner vc_row-fluid"
>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper">
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 15px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<h2
style="
color: #ffffff;
text-align: center;
"
class="vc_custom_heading"
>
MONACO
</h2>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_single_image wpb_content_element vc_align_center grow-s4"
>
<figure
class="wpb_wrapper vc_figure"
>
<a
href="javascript:void(0)"
target="_self"
class="vc_single_image-wrapper vc_box_border_grey"
data-large_image_width="554"
data-large_image_height="515"
tabindex="-1"
><img
width="554"
height="515"
src="assets/3-homepage-cover_004_pA2y.png"
class="vc_single_image-img attachment-full"
alt=""
decoding="async"
loading="lazy"
sizes="(max-width: 554px) 100vw, 554px"
data-dt-location="shop-lofficiel-austria/3-homepage-cover-2/"
/></a>
</figure>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_text_column wpb_content_element vc_custom_1675971018691 loff-white"
>
<div class="wpb_wrapper">
<p style="text-align: center">
Summer draws to a close and we
enter what I personally
believe to be the most beauti-
ful of seasons: autumn. Autumn
leaves do not only bring
cooler weather, but also more
diversity into our closets â a
welcome change. This season,
we bring to you âThe
Athleisure Issueâ.
</p>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_btn3-container vc_btn3-center"
>
<a
class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-square vc_btn3-style-flat vc_btn3-color-warning"
href="javascript:void(0)"
title="#14 Summer 2022 â Printed Edition LâOfficiel Austria"
tabindex="-1"
>ORDER NOW</a
>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 32px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap slick-slide"
data-animation="animated no-animation"
data-slick-index="6"
aria-hidden="true"
style="width: 1648px"
tabindex="-1"
role="tabpanel"
id="slick-slide06"
aria-describedby="slick-slide-control06"
>
<div
class="vc_row wpb_row vc_inner vc_row-fluid"
>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper">
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 15px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<h2
style="
color: #ffffff;
text-align: center;
"
class="vc_custom_heading"
>
CYPRUS
</h2>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_single_image wpb_content_element vc_align_center grow-s4"
>
<figure
class="wpb_wrapper vc_figure"
>
<a
href="javascript:void(0)"
target="_self"
class="vc_single_image-wrapper vc_box_border_grey"
data-large_image_width="554"
data-large_image_height="515"
tabindex="-1"
><img
width="554"
height="515"
src="assets/3-homepage-cover3_pA2y.png"
class="vc_single_image-img attachment-full"
alt=""
decoding="async"
loading="lazy"
sizes="(max-width: 554px) 100vw, 554px"
data-dt-location="shop-lofficiel-austria/3-homepage-cover3/"
/></a>
</figure>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_text_column wpb_content_element vc_custom_1675971025464 loff-white"
>
<div class="wpb_wrapper">
<p style="text-align: center">
The cooler weather is upon us
and brings more diversity into
our closets â a welcome
change. Accordingly, the cover
editorial of this Parklane, a
Luxury Collection Resort
& Spa, Limassol,
Cyprus, special issue, brings
you the hottest autumn and
winter looks, modelled by the
one and only Julia KuczyÅska
Julia KuczyÅska.
</p>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_btn3-container vc_btn3-center"
>
<a
class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-square vc_btn3-style-flat vc_btn3-color-warning"
href="javascript:void(0)"
title="#14 Summer 2022 â Printed Edition LâOfficiel Austria"
tabindex="-1"
>ORDER NOW</a
>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 32px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap slick-slide slick-cloned"
data-animation="animated no-animation"
data-slick-index="7"
id=""
aria-hidden="true"
style="width: 1648px"
tabindex="-1"
>
<div
class="vc_row wpb_row vc_inner vc_row-fluid"
>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper">
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 15px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<h2
style="
color: #ffffff;
text-align: center;
"
class="vc_custom_heading"
>
CYPRUS
</h2>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_single_image wpb_content_element vc_align_center grow-s4"
>
<figure
class="wpb_wrapper vc_figure"
>
<a
href="javascript:void(0)"
target="_self"
class="vc_single_image-wrapper vc_box_border_grey"
data-large_image_width="554"
data-large_image_height="515"
tabindex="-1"
><img
width="554"
height="515"
src="assets/3-homepage-coveren_pA2y.png"
class="vc_single_image-img attachment-full"
alt=""
decoding="async"
loading="lazy"
sizes="(max-width: 554px) 100vw, 554px"
data-dt-location="?attachment_id=1647"
/></a>
</figure>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_text_column wpb_content_element vc_custom_1679563539658 loff-white"
>
<div class="wpb_wrapper">
<p style="text-align: center">
Have you ever come
face-to-face with your own
reality? Did you react or did
you just act? Three years ago,
I received a letter knowing
exactly who the sender was. I
dreaded opening it, because I
felt what I would read
wouldnât make me proud of who
I was. A handwritten letter
from my 18-year-old self,
checking up on me 10 years
later, asking so many
questions but I had no
answers. Was that a sign from
the universe giving me another
chance to make it right?
</p>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_btn3-container vc_btn3-center"
>
<a
class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-square vc_btn3-style-flat vc_btn3-color-warning"
href="javascript:void(0)"
title=""
tabindex="-1"
>ORDER NOW</a
>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 32px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap slick-slide slick-cloned"
data-animation="animated no-animation"
data-slick-index="8"
id=""
aria-hidden="true"
style="width: 1648px"
tabindex="-1"
>
<div
class="vc_row wpb_row vc_inner vc_row-fluid"
>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper">
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 15px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<h2
style="
color: #ffffff;
text-align: center;
"
class="vc_custom_heading"
>
MONACO
</h2>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_single_image wpb_content_element vc_align_center grow-s4"
>
<figure
class="wpb_wrapper vc_figure"
>
<a
href="javascript:void(0)"
target="_self"
class="vc_single_image-wrapper vc_box_border_grey"
data-large_image_width="554"
data-large_image_height="515"
tabindex="-1"
><img
width="554"
height="515"
src="assets/3-homepage-cover_002_pA2y.png"
class="vc_single_image-img attachment-full"
alt=""
decoding="async"
loading="lazy"
sizes="(max-width: 554px) 100vw, 554px"
data-dt-location="?attachment_id=1616"
/></a>
</figure>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_text_column wpb_content_element vc_custom_1678362010748 loff-white"
>
<div class="wpb_wrapper">
<p style="text-align: center">
By dressing a cover girl in
digital outfits, LâOfficiel
Monaco is taking its first
step toward a new reality â
The Metaverse. We invite you
to see how the digital world
can look so realistic and
beautiful. This cover story
shoot took place in London
with Dima Honcharov, whilst
the DRESSX team in Los Angeles
was working on the digital
dressing of the real model.
LâOfficiel Monaco also
participated in the first-ever
Venice Carnival in the
Metaverse â find out about it
on page 130.
</p>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_btn3-container vc_btn3-center"
>
<a
class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-square vc_btn3-style-flat vc_btn3-color-warning"
href="javascript:void(0)"
title="#17 Spring 2023 â Digital Edition LâOfficiel Austria"
tabindex="-1"
>ORDER NOW</a
>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 32px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap slick-slide slick-cloned"
data-animation="animated no-animation"
data-slick-index="9"
id=""
aria-hidden="true"
style="width: 1648px"
tabindex="-1"
>
<div
class="vc_row wpb_row vc_inner vc_row-fluid"
>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper">
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 15px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<h2
style="
color: #ffffff;
text-align: center;
"
class="vc_custom_heading"
>
AUSTRIA
</h2>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_single_image wpb_content_element vc_align_center grow-s4"
>
<figure
class="wpb_wrapper vc_figure"
>
<a
href="javascript:void(0)"
target="_self"
class="vc_single_image-wrapper vc_box_border_grey"
data-large_image_width="554"
data-large_image_height="515"
tabindex="-1"
><img
width="554"
height="515"
src="assets/3-homepage-cover_003_pA2y.png"
class="vc_single_image-img attachment-full"
alt=""
decoding="async"
loading="lazy"
sizes="(max-width: 554px) 100vw, 554px"
data-dt-location="?attachment_id=1585"
/></a>
</figure>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_text_column wpb_content_element vc_custom_1677758403511 loff-white"
>
<div class="wpb_wrapper">
<p style="text-align: center">
Spring is a time for re-birth,
resurrection and rejuve-
nation. In the luxury and
fashion world it is the season
best attributed to
sustainability and a more
mindful approach to our planet
and its resources. With this
in mind, we have dedicated our
spring issue to the topic of
sustainability. What is being
done in the world of luxury
and fashion to ensure for a
more mindful approach and
which fashion brand can be
seen as being most sustai-
nable?
</p>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_btn3-container vc_btn3-center"
>
<a
class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-square vc_btn3-style-flat vc_btn3-color-warning"
href="javascript:void(0)"
title="#17 Spring 2023 â Digital Edition LâOfficiel Austria"
tabindex="-1"
>ORDER NOW</a
>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 32px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap slick-slide slick-cloned"
data-animation="animated no-animation"
data-slick-index="10"
id=""
aria-hidden="true"
style="width: 1648px"
tabindex="-1"
>
<div
class="vc_row wpb_row vc_inner vc_row-fluid"
>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper">
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 15px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<h2
style="
color: #ffffff;
text-align: center;
"
class="vc_custom_heading"
>
AUSTRIA
</h2>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_single_image wpb_content_element vc_align_center grow-s4"
>
<figure
class="wpb_wrapper vc_figure"
>
<a
href="javascript:void(0)"
target="_self"
class="vc_single_image-wrapper vc_box_border_grey"
data-large_image_width="554"
data-large_image_height="515"
tabindex="-1"
><img
width="554"
height="515"
src="assets/3-homepage-cover_pA2y.png"
class="vc_single_image-img attachment-full"
alt=""
decoding="async"
loading="lazy"
sizes="(max-width: 554px) 100vw, 554px"
data-dt-location="?attachment_id=1486"
/></a>
</figure>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_text_column wpb_content_element vc_custom_1675970506998 loff-white"
>
<div class="wpb_wrapper">
<p style="text-align: center">
The year has gone by in a
glimpse of an eye, or so it
seems, and here we are once
again: the festive season is
upon us. As a tribute and
celebration of the return of
the ball season, we dedicated
our winter issue to glamour
and all things glamorous.
</p>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_btn3-container vc_btn3-center"
>
<a
class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-square vc_btn3-style-flat vc_btn3-color-warning"
href="javascript:void(0)"
title="#16 Winter 2023 â Printed Edition LâOfficiel Austria"
tabindex="-1"
>ORDER NOW</a
>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 32px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap slick-slide slick-cloned"
data-animation="animated no-animation"
data-slick-index="11"
id=""
aria-hidden="true"
style="width: 1648px"
tabindex="-1"
>
<div
class="vc_row wpb_row vc_inner vc_row-fluid"
>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper">
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 15px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<h2
style="
color: #ffffff;
text-align: center;
"
class="vc_custom_heading"
>
HOMMES AUSTRIA
</h2>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_single_image wpb_content_element vc_align_center grow-s4"
>
<figure
class="wpb_wrapper vc_figure"
>
<a
href="javascript:void(0)"
target="_self"
class="vc_single_image-wrapper vc_box_border_grey"
data-large_image_width="554"
data-large_image_height="515"
tabindex="-1"
><img
width="554"
height="515"
src="assets/3-homepage-coveren_002_pA2y.png"
class="vc_single_image-img attachment-full"
alt=""
decoding="async"
loading="lazy"
sizes="(max-width: 554px) 100vw, 554px"
data-dt-location="shop-lofficiel-austria/3-homepage-coveren/"
/></a>
</figure>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_text_column wpb_content_element vc_custom_1675971010860 loff-white"
>
<div class="wpb_wrapper">
<p style="text-align: center">
While the Austrian media
landscape is rich and diverse,
there seems to be some
scarcity when it comes to
menâs lifestyle titles. A void
we are more than happy to
fill. We present to you
LâOfficiel Austria Hommes â
the magazine for the
discerning gentleman!
</p>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_btn3-container vc_btn3-center"
>
<a
class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-square vc_btn3-style-flat vc_btn3-color-warning"
href="javascript:void(0)"
title="#14 Summer 2022 â Printed Edition LâOfficiel Austria"
tabindex="-1"
>ORDER NOW</a
>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 32px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap slick-slide slick-cloned"
data-animation="animated no-animation"
data-slick-index="12"
id=""
aria-hidden="true"
style="width: 1648px"
tabindex="-1"
>
<div
class="vc_row wpb_row vc_inner vc_row-fluid"
>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper">
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 15px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<h2
style="
color: #ffffff;
text-align: center;
"
class="vc_custom_heading"
>
MONACO
</h2>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_single_image wpb_content_element vc_align_center grow-s4"
>
<figure
class="wpb_wrapper vc_figure"
>
<a
href="javascript:void(0)"
target="_self"
class="vc_single_image-wrapper vc_box_border_grey"
data-large_image_width="554"
data-large_image_height="515"
tabindex="-1"
><img
width="554"
height="515"
src="assets/3-homepage-cover_004_pA2y.png"
class="vc_single_image-img attachment-full"
alt=""
decoding="async"
loading="lazy"
sizes="(max-width: 554px) 100vw, 554px"
data-dt-location="shop-lofficiel-austria/3-homepage-cover-2/"
/></a>
</figure>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_text_column wpb_content_element vc_custom_1675971018691 loff-white"
>
<div class="wpb_wrapper">
<p style="text-align: center">
Summer draws to a close and we
enter what I personally
believe to be the most beauti-
ful of seasons: autumn. Autumn
leaves do not only bring
cooler weather, but also more
diversity into our closets â a
welcome change. This season,
we bring to you âThe
Athleisure Issueâ.
</p>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_btn3-container vc_btn3-center"
>
<a
class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-square vc_btn3-style-flat vc_btn3-color-warning"
href="javascript:void(0)"
title="#14 Summer 2022 â Printed Edition LâOfficiel Austria"
tabindex="-1"
>ORDER NOW</a
>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 32px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap slick-slide slick-cloned"
data-animation="animated no-animation"
data-slick-index="13"
id=""
aria-hidden="true"
style="width: 1648px"
tabindex="-1"
>
<div
class="vc_row wpb_row vc_inner vc_row-fluid"
>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper">
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 15px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<h2
style="
color: #ffffff;
text-align: center;
"
class="vc_custom_heading"
>
CYPRUS
</h2>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_single_image wpb_content_element vc_align_center grow-s4"
>
<figure
class="wpb_wrapper vc_figure"
>
<a
href="javascript:void(0)"
target="_self"
class="vc_single_image-wrapper vc_box_border_grey"
data-large_image_width="554"
data-large_image_height="515"
tabindex="-1"
><img
width="554"
height="515"
src="assets/3-homepage-cover3_pA2y.png"
class="vc_single_image-img attachment-full"
alt=""
decoding="async"
loading="lazy"
sizes="(max-width: 554px) 100vw, 554px"
data-dt-location="shop-lofficiel-austria/3-homepage-cover3/"
/></a>
</figure>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_text_column wpb_content_element vc_custom_1675971025464 loff-white"
>
<div class="wpb_wrapper">
<p style="text-align: center">
The cooler weather is upon us
and brings more diversity into
our closets â a welcome
change. Accordingly, the cover
editorial of this Parklane, a
Luxury Collection Resort
& Spa, Limassol,
Cyprus, special issue, brings
you the hottest autumn and
winter looks, modelled by the
one and only Julia KuczyÅska
Julia KuczyÅska.
</p>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_btn3-container vc_btn3-center"
>
<a
class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-square vc_btn3-style-flat vc_btn3-color-warning"
href="javascript:void(0)"
title="#14 Summer 2022 â Printed Edition LâOfficiel Austria"
tabindex="-1"
>ORDER NOW</a
>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="vc_empty_space"
style="height: 32px"
>
<span
class="vc_empty_space_inner"
></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ult-item-wrap"
data-animation="animated no-animation"
>
<div
class="wpb_column vc_column_container vc_col-sm-4"
>
<div class="vc_column-inner">
<div class="wpb_wrapper"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<button
type="button"
role="button"
aria-label="Next"
style="color: rgb(51, 51, 51); font-size: 20px"
class="slick-next square-bg slick-arrow"
>
<i class="ultsl-arrow-right6"></i>
</button>
<ul class="slick-dots" style="" role="tablist">
<li class="" role="presentation">
<i
type="button"
style="color: #333333"
class="ultsl-record"
data-role="none"
></i>
</li>
<li role="presentation" class="">
<i
type="button"
style="color: #333333"
class="ultsl-record"
data-role="none"
></i>
</li>
<li role="presentation" class="">
<i
type="button"
style="color: #333333"
class="ultsl-record"
data-role="none"
></i>
</li>
<li role="presentation" class="slick-active">
<i
type="button"
style="color: #333333"
class="ultsl-record"
data-role="none"
></i>
</li>
<li role="presentation">
<i
type="button"
style="color: #333333"
class="ultsl-record"
data-role="none"
></i>
</li>
<li role="presentation">
<i
type="button"
style="color: #333333"
class="ultsl-record"
data-role="none"
></i>
</li>
<li role="presentation">
<i
type="button"
style="color: #333333"
class="ultsl-record"
data-role="none"
></i>
</li>
</ul>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function ($) {
(function () {
var slider = document.querySelector(
".ult-carousel-149116498641c322dc281e",
);
if (slider && slider.querySelector(".slick-list")) {
var slides = slider.querySelectorAll(
".slick-slide:not(.slick-cloned)",
);
var cleanSlides = [];
for (var i = 0; i < slides.length; i++) {
var s = slides[i];
s.className = s.className
.replace(/slick-[a-z-]+/g, "")
.trim();
s.removeAttribute("data-slick-index");
s.removeAttribute("aria-hidden");
s.removeAttribute("tabindex");
cleanSlides.push(s);
}
slider.innerHTML = "";
slider.className = slider.className
.replace(/slick-[a-z-]+/g, "")
.trim();
for (var i = 0; i < cleanSlides.length; i++) {
slider.appendChild(cleanSlides[i]);
}
}
})();
if (
typeof jQuery(
".ult-carousel-149116498641c322dc281e",
).slick == "function"
) {
$(".ult-carousel-149116498641c322dc281e").slick({
dots: true,
autoplay: true,
autoplaySpeed: 5000,
speed: 300,
infinite: true,
arrows: true,
nextArrow:
'<button type="button" role="button" aria-label="Next" style="color:#333333; font-size:20px;background:;" class="slick-next square-bg"><i class="ultsl-arrow-right6"></i></button>',
prevArrow:
'<button type="button" role="button" aria-label="Previous" style="color:#333333; font-size:20px;background:;" class="slick-prev square-bg"><i class="ultsl-arrow-left6"></i></button>',
slidesToScroll: 1,
slidesToShow: 1,
swipe: true,
draggable: true,
touchMove: true,
pauseOnHover: true,
pauseOnFocus: false,
responsive: [
{
breakpoint: 1026,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
},
},
{
breakpoint: 1025,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
},
},
{
breakpoint: 760,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
},
},
],
pauseOnDotsHover: true,
customPaging: function (slider, i) {
return '<i type="button" style= "color:#333333;" class="ultsl-record" data-role="none"></i>';
},
});
}
});
</script>
</div>
</div>
</div>
</div>
<div class="vc_row-full-width vc_clearfix"></div>
<!-- Row Backgrounds -->
<div
class="upb_bg_img"
data-ultimate-bg="url(wp-content/uploads/2023/03/tp182-sasi-presentation-02.jpg)"
data-image-id="id^1602|url^http://lofficielshop.com/wp-content/uploads/2023/03/tp182-sasi-presentation-02.jpg|caption^null|alt^null|title^tp182-sasi-presentation-02|description^null"
data-ultimate-bg-style="vcpb-vz-jquery"
data-bg-img-repeat="repeat"
data-bg-img-size="cover"
data-bg-img-position=""
data-parallx_sense="2"
data-bg-override="0"
data-bg_img_attach="scroll"
data-upb-overlay-color=""
data-upb-bg-animation=""
data-fadeout=""
data-bg-animation="left-animation"
data-bg-animation-type="h"
data-animation-repeat="repeat"
data-fadeout-percentage="30"
data-parallax-content=""
data-parallax-content-sense="30"
data-row-effect-mobile-disable="true"
data-img-parallax-mobile-disable="true"
data-rtl="false"
data-custom-vc-row=""
data-vc="6.1"
data-is_old_vc=""
data-theme-support=""
data-overlay="false"
data-overlay-color=""
data-overlay-pattern=""
data-overlay-pattern-opacity=""
data-overlay-pattern-size=""
></div>
</div>
<!-- #content -->
</div>
<!-- .wf-container -->
</div>
<!-- .wf-wrap -->
</div>
<!-- #main -->
<!-- !Footer -->
<footer id="footer" class="footer solid-bg empty-footer">
<!-- !Bottom-bar -->
<div id="bottom-bar" class="solid-bg logo-left" role="contentinfo">
<div class="wf-wrap">
<div class="wf-container-bottom">
<div class="wf-float-left">
<img
class="size-full wp-image-75 aligncenter"
style="padding-top: 10px"
src="assets/logo-mobile_pA2y.png"
alt=""
width="183"
height="46"
/>
<p style="text-align: center">
<span style="color: #ffffff"
>L'Officiel is Established in 1921 in Paris </span
>
<br />
<span style="color: #ffffff"
>L'Officiel Shop - Austria, Monaco, Cyprus
<a style="color: #ffffff" href="javascript:void(0)"
>www.lofficielshop.com</a
>
â All Rights Reserved 2019</span
>
</p>
</div>
<div class="wf-float-right"></div>
</div>
<!-- .wf-container-bottom -->
</div>
<!-- .wf-wrap -->
</div>
<!-- #bottom-bar -->
</footer>
<!-- #footer -->
<a href="#" class="scroll-top off"
><span class="screen-reader-text">Go to Top</span></a
>
</div>
<!-- #page -->
<script id="mcjs">
!(function (c, h, i, m, p) {
((m = c.createElement(h)),
(p = c.getElementsByTagName(h)[0]),
(m.async = 1),
(m.src = i),
p.parentNode.insertBefore(m, p));
})(
document,
"script",
"https://chimpstatic.com/mcjs-connected/js/users/214eba9499bd6a77f0ce8019a/3a63331a87210d2160f98a9c7.js",
);
</script>
<script type="text/html" id="wpb-modifications"></script>
<script type="text/javascript">
(function () {
var c = document.body.className;
c = c.replace(/woocommerce-no-js/, "woocommerce-js");
document.body.className = c;
})();
</script>
<link
rel="stylesheet"
id="ult-background-style-css"
href="assets/background-style.min_pA2y.css"
type="text/css"
media="all"
/>
<script
type="text/javascript"
src="assets/main.min_pA2y.js"
id="dt-main-js"
></script>
<script
type="text/javascript"
src="assets/index_002_pA2y.js"
id="swv-js"
></script>
<script type="text/javascript" id="contact-form-7-js-extra">
/* <![CDATA[ */
var wpcf7 = {
api: {
root: "https:\/\/lofficielshop.com\/wp-json\/",
namespace: "contact-form-7\/v1",
},
};
/* ]]> */
</script>
<script
type="text/javascript"
src="assets/index_pA2y.js"
id="contact-form-7-js"
></script>
<script
type="text/javascript"
src="assets/js.cookie.min_pA2y.js"
id="js-cookie-js"
></script>
<script type="text/javascript" id="woocommerce-js-extra">
/* <![CDATA[ */
var woocommerce_params = {
ajax_url: "\/wp-admin\/admin-ajax.php",
wc_ajax_url: "\/?wc-ajax=%%endpoint%%",
};
/* ]]> */
</script>
<script
type="text/javascript"
src="assets/woocommerce.min_pA2y.js"
id="woocommerce-js"
></script>
<script type="text/javascript" id="wc-cart-fragments-js-extra">
/* <![CDATA[ */
var wc_cart_fragments_params = {
ajax_url: "\/wp-admin\/admin-ajax.php",
wc_ajax_url: "\/?wc-ajax=%%endpoint%%",
cart_hash_key: "wc_cart_hash_1a5cd5c37bd0c234e40f95ef85361170",
fragment_name: "wc_fragments_1a5cd5c37bd0c234e40f95ef85361170",
request_timeout: "5000",
};
/* ]]> */
</script>
<script type="text/javascript" id="mailchimp-woocommerce-js-extra">
/* <![CDATA[ */
var mailchimp_public_data = {
site_url: "https:\/\/lofficielshop.com",
ajax_url: "https:\/\/lofficielshop.com\/wp-admin\/admin-ajax.php",
disable_carts: "",
subscribers_only: "",
language: "en",
allowed_to_set_cookies: "1",
};
/* ]]> */
</script>
<script
type="text/javascript"
src="assets/mailchimp-woocommerce-public.min_pA2y.js"
id="mailchimp-woocommerce-js"
></script>
<script
type="text/javascript"
src="assets/slick.min_002_pA2y.js"
id="slick_min-js"
></script>
<script
type="text/javascript"
src="assets/slick-animation.min_pA2y.js"
id="slick-animation-js"
></script>
<script
type="text/javascript"
src="assets/jquery.scrollTo_pA2y.js"
id="jquery_scrollTo_js-js"
></script>
<script
type="text/javascript"
src="assets/modernizr.min_pA2y.js"
id="modernizr_js-js"
></script>
<script
type="text/javascript"
src="assets/js_composer_front.min_pA2y.js"
id="wpb_composer_front_js-js"
></script>
<script
type="text/javascript"
src="assets/custom.min_pA2y.js"
id="ultimate-custom-js"
></script>
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
<div class="pswp__bg"></div>
<div class="pswp__scroll-wrap">
<div class="pswp__container">
<div class="pswp__item"></div>
<div class="pswp__item"></div>
<div class="pswp__item"></div>
</div>
<div class="pswp__ui pswp__ui--hidden">
<div class="pswp__top-bar">
<div class="pswp__counter"></div>
<button
class="pswp__button pswp__button--close"
title="Close (Esc)"
></button>
<button
class="pswp__button pswp__button--share"
title="Share"
></button>
<button
class="pswp__button pswp__button--fs"
title="Toggle fullscreen"
></button>
<button
class="pswp__button pswp__button--zoom"
title="Zoom in/out"
></button>
<div class="pswp__preloader">
<div class="pswp__preloader__icn">
<div class="pswp__preloader__cut">
<div class="pswp__preloader__donut"></div>
</div>
</div>
</div>
</div>
<div
class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"
>
<div class="pswp__share-tooltip"></div>
</div>
<button
class="pswp__button pswp__button--arrow--left"
title="Previous (arrow left)"
></button>
<button
class="pswp__button pswp__button--arrow--right"
title="Next (arrow right)"
></button>
<div class="pswp__caption">
<div class="pswp__caption__center"></div>
</div>
</div>
</div>
</div>
<div class="sticky-header-overlay"></div>
<div class="mobile-sticky-header-overlay"></div>
<div
class="iso-preloader dt-posts-preload dt-posts-preload-active"
style="display: none"
>
<div class="dt-posts-preload-activity"></div>
</div>
</body>
</html>
<!--
FILE ARCHIVED ON 11:04:14 Mar 23, 2023 AND RETRIEVED FROM THE
INTERNET ARCHIVE ON 03:13:05 Jul 04, 2026.
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
SECTION 108(a)(3)).
-->
<!--
playback timings (ms):
captures_list: 0.892
exclusion.robots: 0.05
exclusion.robots.policy: 0.035
esindex: 0.006
cdx.remote: 44.554
LoadShardBlock: 259.184 (3)
PetaboxLoader3.datanode: 135.289 (4)
PetaboxLoader3.resolve: 141.879 (2)
load_resource: 238.277
nav: 0.195 (6)
-->