/*
Theme Name: VOUTILAINEN
Template: salient
Version: 1.0
*/

/* FONTS */
@font-face {
  font-family: 'ABCMarist-Regular';
  src: url('/wp-content/themes/salient-child/fonts/ABCMarist-Regular.woff2') format('woff2'),
       url('/wp-content/themes/salient-child/fonts/ABCMarist-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ABCMarist-Italic';
  src: url('fonts/ABCMarist-RegularItalic.woff2') format('woff2'),
       url('fonts/ABCMarist-RegularItalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Voutilainen';
  src: url('fonts/Voutilainen-Regular.woff2') format('woff2'),
       url('fonts/Voutilainen-Regular.woff') format('woff');
  font-style: normal;
  font-display: swap;
}

/* Styles généraux */
body {font-family: 'ABCMarist-Regular';font-weight: 400; font-style: normal;}
h1, h2, h3, h4 {font-family: 'Voutilainen'!important;font-weight: 400!important;letter-spacing: -1px!important;line-height: 1.28em!important;}
h2 {margin: 0 0 24px -4px;}
h1, h2, h3, body h3, h4, h5, h6 {color: inherit;}
blockquote {font-family: 'ABCMarist-Regular';font-weight: 400;line-height: 1.25em;font-size: 1.15em;padding-left: 24px;letter-spacing: inherit;margin-bottom: 20px;}
blockquote::before {top: 4px;height: 96%;width: 2px;border-left: 2px solid #001D38;border-radius: 2px;}
.underline {position: relative;text-decoration: none;color: inherit;font-size:105%;}
.underline::after {content: "";display: block;position: absolute;left: 0; right: 0;bottom: -6px;height: 2px;background: currentColor;transform: scaleX(0);transform-origin: left;transition: transform .37s cubic-bezier(.52,.01,.16,1);pointer-events: none;}
.underline:hover::after,.underline:focus::after {transform: scaleX(1);}
em, .italique {font-family: 'ABCMarist-Italic';font-style: normal;}


/* NAVIGATION */
a#logo {display: none!important;}
#slide-out-widget-area.slide-out-from-right-hover .inner-wrap {margin: 0!important;}
.off-canvas-menu-container {margin: 13px 0 0!important;}
.off-canvas-menu-container ul.menu li a {font-family: 'Voutilainen'!important;font-weight: 400!important;font-style: normal;margin-bottom: 14px; color: #E2E4EC!important;font-size: 19px!important;line-height: 24px!important;}
.off-canvas-menu-container ul.menu > li.lang-item a:after {border-color: transparent!important;}
#slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li.lang-item a:hover {color: #617993!important;}
.off-canvas-menu-container ul.menu > li:nth-child(3) {margin-top: 11vh!important;}
.off-canvas-menu-container ul.menu > li:nth-last-child(3) {margin-top: 70px!important;}
.off-canvas-menu-container ul.menu > li:nth-last-child(-n+3) > a {font-family: 'ABCMarist-Regular'!important;font-size: 19px!important; line-height: 22px!important; margin-bottom: 6px!important;padding-left: 21px!important;position: relative;}
.off-canvas-menu-container .menu li.menu-span > a {
  display: inline-block;
  position: relative;
  transition: color 0.3s cubic-bezier(.4,0,.2,1);
  margin-right: 23px;
  border-radius: 2px;
  top: -18px;
  text-decoration: none;
}
.off-canvas-menu-container .menu li.menu-span > a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 0.7em;
  background: #fff;
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(.4,0,.2,1);
  pointer-events: none;
}
.off-canvas-menu-container .menu li.menu-span > a span {
  display: inline-block;
  transition: transform 0.95s cubic-bezier(.23,1,.32,1);
}
.off-canvas-menu-container .menu li.menu-span > a:hover,
.off-canvas-menu-container .menu li.menu-span > a:focus,
#slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li.menu-span > a:hover {
  color: #617993 !important;
}
.off-canvas-menu-container .menu li.menu-span > a:hover::before,
.off-canvas-menu-container .menu li.menu-span > a:focus::before {
  background: #617993 !important;
  border-color: transparent !important;
}
.off-canvas-menu-container .menu li.menu-span > a:hover::after,
.off-canvas-menu-container .menu li.menu-span > a:focus::after,
.off-canvas-menu-container .menu li.menu-span > a::after {
  border-top: none !important;
  border-color: transparent !important;
}
.off-canvas-menu-container .menu li.menu-span > a:hover span,
.off-canvas-menu-container .menu li.menu-span > a:focus span {
  transform: translateX(9px);
}
.off-canvas-menu-container ul.menu > li.lang-item {display: inline!important;margin-right: 20px!important;}
.off-canvas-menu-container ul.menu > li.lang-item a {font-family: 'ABCMarist-Regular'!important;font-size: 19px!important; line-height: 22px!important; margin-bottom: 6px!important;position: relative;}
.off-canvas-menu-container ul.menu > li.current-lang a, #polylang-2 ul > li.current-lang a,#polylang-3 ul > li.current-lang a {color: #617993!important;pointer-events: none;cursor: default; }
#slide-out-widget-area.slide-out-from-right-hover {-webkit-transition: transform 1.6s cubic-bezier(.25, 1, .2, 1)!important; transition: transform 1.6s cubic-bezier(.25, 1, .2, 1)!important;will-change: transform;}
.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li:nth-last-child(-n+3)>a:after {left: 21px!important;width: 88%!important; }
.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li:nth-last-child(-n+3)>a:before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 2px;height: 0.7em;background: #E2E4EC;}
#slide-out-widget-area.slide-out-from-right-hover {width: 75% !important;right: -75% !important; z-index: 9998!important;padding-left: 40px!important;padding-top: 7px!important;}
body #slide-out-widget-area.slide-out-from-right-hover.open {right: 0 !important;}
body.off-canvas-menu-open #ajax-content-wrap {transform: translateX(-470px) !important;}
#header-outer:not([data-format=left-header]) #top>.container>.row nav {margin: 23px -16px 0 0px;}
#header-outer #top .slide-out-widget-area-toggle[data-custom-color=true] a {padding: 0px 3px 0 5px;margin: 11px -6px 0 0;}
#header-outer #top .slide-out-widget-area-toggle[data-custom-color=true] a {opacity: 0;}
.slide-out-hover-icon-effect {top: 14px !important;right: 15px !important;opacity: 0;}
a#logo {display: none;}
.blended-logo {position: fixed;top: 24px; left: 24px;width: 100vw;z-index: 999; display: flex;justify-content: flex-start; pointer-events: auto; mix-blend-mode: difference;}
.blended-logo svg {width: 150px;  height: 16px;fill: #fff;display: block;user-select: none;}
.blended-hamburger {position: fixed;top: 20px; right: 24px; z-index: 9999;background: none;border: none;padding: 0;cursor: pointer;pointer-events: none !important;mix-blend-mode: difference;display: flex;align-items: center;justify-content: center;transition: opacity .25s;}
.blended-hamburger svg {display: block;fill: #fff;pointer-events: none;width: 21px;}
#header-bkg-image, #home {position: relative;overflow: hidden;contain: layout size style paint;
height: 100vh;                     
height: 100svh;                   
height: calc(var(--vh, 1vh) * 100);}
#header-bkg-image::before,
#home::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
}
#header-bkg-image::after {content: "";position: absolute;left: 0; top: 0;width: 100%; height: 100%;pointer-events: none;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 75%, rgba(0, 0, 0, 0.40) 100%);z-index: 2;}
#header-bkg-image h1 {font-size:9.4vw;margin-bottom: 4px;}
#header-bkg-image p {font-family: 'ABCMarist-Italic';font-size:8.6vw;margin-left: 6px;bottom: 4px;}
#header-bkg-image .vc_column-inner {position: absolute; bottom: -84.5vh;left: 22px;}

/* HOME */
.lien_hero_home {display: inline-block;position: relative; color: #fff; font-size: 1.15em; padding-left: 13px; transition: color 0.3s cubic-bezier(.4,0,.2,1); margin-right: 23px; border-radius: 2px;top: -18px;line-height: 1.6em;}
.lien_hero_home::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 2px;height: 0.7em;background: #fff;border-radius: 2px;transition: background 0.3s cubic-bezier(.4,0,.2,1);}
.lien_hero_home span {display: inline-block;transition: transform 0.95s cubic-bezier(.23,1,.32,1);}
.lien_hero_home:hover,.lien_hero_home:focus {color: #617993;}
.lien_hero_home:hover::before,.lien_hero_home:focus::before {background: #617993;}
.lien_hero_home:hover span,.lien_hero_home:focus span {transform: translateX(9px);}
#home .row-bg {background-position: 55% 0px!important}
.quote {font-family: 'ABCMarist-Italic'; margin: 160px auto 110px!important;font-size: 8vw;line-height: 1.1em;}
.bandeau-image {padding-top: calc(100vw * 0.4)!important; padding-bottom: calc(100vw * 0.4)!important;z-index: 31;}
.blockquote-and-link {margin:30px 0 120px 0!important;}
.blockquote-and-link:last-child {margin-bottom:80px!important;}
#home .vc_column-inner {position: absolute; top: 20vh;left: 1.7vh;}
#latest-news {padding: 120px 0 0 25px!important;}
.home .quote {margin-bottom: 140px!important;}
.blog_next_prev_buttons .next-post.only span:not(.text) {text-align: left !important;}
.blog_next_prev_buttons .previous-post.only span:not(.text) {text-align: right!important;}
.page-id-1154 h1 {font-size: 7vw!important;}
.page-id-1154 #home .vc_column-inner h1 {width: 90%;}

/* === Lottie Intro Overlay === */
#lottie-overlay {
    position: fixed;
    inset: 0;
    background: #071c36;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999; 
    transition: opacity .6s ease, visibility .6s ease;
    opacity: 1;
    visibility: visible;
}

#lottie-box {
    width: clamp(360px, 70vw, 522px);
    height: clamp(360px, 70vw, 522px);
}

#lottie-overlay.is-fading-out {
    opacity: 0;
    visibility: hidden;
}

#lottie-overlay.is-hidden-instant {
    opacity: 0 !important;
    visibility: hidden !important;
    transition: none !important;
}

html:has(#lottie-overlay:not(.is-fading-out):not(.is-hidden-instant)) {
    overflow: hidden;
}


/* HOME NEWS SLIDER */
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 0!important;}
.news-slider-wrapper {
  margin-bottom: 40px;
}
.news-slide {
  display: block;
  background: #fff;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: transform 0.3s ease;
}
.news-slide:hover {
  /*transform: translateY(-5px);*/
}
.news-slide-thumb {
  aspect-ratio: 1.3517;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.news-slide-content {
  position: relative;    
  padding: 0 22px;
}
.news-slide-content::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;          
  bottom: 10px;       
  width: 2px;
  background: #0d253c;
  border-radius: 1px;
}
.news-slide-content h3 {
  font-size: 20px;
  margin: 22px 0 22px !important;
}
.news-slide-content p {
  line-height: 1.25em;

}
.news-slide-content p::before {
  content: "";
  position: absolute;
  left: 0; top: 0;
  width: 2px;
  height: 100%;
  background: #001D38;
  border-radius: 1px;
}
.news-slider-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  margin-top: 44px;
}
.news-slider-scrollbar-container {
  flex: 1 1 auto;
  max-width: 75%;
}
.news-slider-scrollbar.swiper-scrollbar-horizontal {
  height: 2px !important;
  background: #E2E4EC !important;
  cursor: pointer;
  position: relative;
}
.news-slider-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag {
  background: #001D38 !important;
  height: 2px !important;
  top: 0px;
  position: relative;
  border-radius: 2px;
}

/* Flèches */
.swiper-button-prev:after,.swiper-button-next:after {display: none;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 0.16;}
.news-slider-arrows {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
  margin: 11px 20px 0 0;
}
.news-slider-arrows .swiper-button-prev,
.news-slider-arrows .swiper-button-next {
  position: static;
  width: 55px;
  height: 56px;
  color: #fff;
  padding: 0;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s;
}
.news-slider-arrows .swiper-button-prev:hover,
.news-slider-arrows .swiper-button-next:hover {
color:#E2E4EC;
}

.custom-single-news {margin:90px 0% 0 0%;background:#fff;}
.single-news-title {margin: 0 0 18px -4px;}
.single-news-featured {margin-bottom:0px;}
.single-news-content {line-height: 1.4em;}
.custom-single-news-navigation,.custom-single-portfolio-navigation {margin: 60px -6vw 120px 0;}
.material .blog_next_prev_buttons {margin-top: 18px;}
.blog_next_prev_buttons {background-color: #fff;}
.previous-post {margin-bottom: 8px;}
.blog_next_prev_buttons[data-style=fullwidth_next_prev] ul .next-post:after, .blog_next_prev_buttons[data-style=fullwidth_next_prev] ul .previous-post:after {background-color: #001D38;}
.custom-single-portfolio-navigation {}
.blog_next_prev_buttons .controls li.is-empty {display:none;}
.blog_next_prev_buttons[data-style*=next_prev] .previous-post h3 span {text-align: right!important;}
.blog_next_prev_buttons[data-style*=next_prev] .next-post h3 span {text-align: left!important;}

/* MANUFACTURE */
.anchor-menu-placeholder, .anchor-menu-floating {display: none;}
.toggle > h3.toggle-title a {font-size: 29px!important;line-height:1em!important; color:#001D38!important; padding: 17px 70px 17px 0!important; }
div[data-style="minimal"] .toggle {border-bottom: 2px solid rgba(0, 29, 56, 1)}
div[data-style="minimal"] .toggle:first-child {border-top: 2px solid rgba(0, 29, 56, 1)}
div[data-style="minimal"] .toggle:last-child {border-bottom: 0px!important;}
div[data-style*=minimal] .toggle>.toggle-title i {border: 0px;right: 2px;}
div[data-style="minimal"] .toggle > .toggle-title i:before {background-color: #001D38;left: 2px;width: 22px;}
div[data-style="minimal"] .toggle > .toggle-title i:after {background-color: #001D38;top: 2px;height: 22px;}
#philosophy h2 {margin-bottom: -7px!important;}
#philosophy {padding: 80px 0!important;}
#savoir-faire {padding: 110px 0 70px!important;}
#history {padding: 0 0 0 25px !important;}
#awards {padding: 110px 0 !important;}
#collaborations {padding: 14px 0 130px 0!important;}
#savoir-faire h2+p {font-size: 1.15em;line-height: 1.25em;margin-bottom: 120px}
.chapeau {font-size: 1.15em;line-height: 1.25em;}
.toggle > h3.toggle-title a {font-size: 22px!important;line-height:1.32em!important; color:#001D38!important; padding: 17px 70px 17px 0!important; }
.inner-toggle-wrap > div > p {font-size: 18px!important;line-height: 1.4em !important;}
div[data-style="minimal"] .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap {padding: 0 0 20px 0;}

/* HISTORY SLIDER */
.history-slider-wrapper {width:100%;margin-bottom: 40px;} 
.history-slide-bgimg {aspect-ratio: 1.3517; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 220px;}
.history-slide {display: block;background: #fff; overflow: hidden;cursor: grab;}
.history-slide-content {position: relative; padding: 0 23px 0 22px;}
.history-slide-content h3 {font-size: 20px;margin: 22px 0 22px !important;}
.history-slide-content p {line-height: 1.25em;}
.history-slide-content p::before {
  content: "";
  position: absolute;
  left: 0; top: 2px;
  width: 2px;
  height: calc(100% - 6px);
  background: #001D38;
  border-radius: 1px;
}
.history-slider-controls {display:flex; align-items:center; justify-content:space-between; width:95%; margin-top:44px;}
.history-slider-scrollbar-container {flex:1 1 auto; max-width:51%;}
.history-slider-scrollbar.swiper-scrollbar-horizontal {height:2px !important; background:#E2E4EC !important; cursor:pointer; position:relative;}
.history-slider-scrollbar .swiper-scrollbar-drag {background:#001D38 !important; height:2px !important; border-radius:2px;}
.history-slider-arrows {display: flex;gap: 10px;flex-shrink: 0;margin: 11px 20px 0 0;}
.history-slider-button-prev, .history-slider-button-next {position: static;width: 55px;height: 56px;color: #fff;padding: 0;cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;transition: color 0.2s;}
.history-slider-button-prev:hover,
.history-slider-button-next:hover {color:#E2E4EC;}

/* AWARDS SLIDER */
#awards_slider, #collab_slider, #preowned_slider {margin:-27px -6vw -50px 0;}
.award-card, .collab-card, .preowned-card {background:#fff; display:flex; flex-direction:column; height:100%;}
.award-card-img, .collab-card-img, .preowned-card-img {aspect-ratio:0.7504; width:100%; background-size:cover; background-position:center; background-repeat:no-repeat;}
.award-card-content, .collab-card-content,.preowned-card-content {position:relative; padding:0 23px 0 22px;}
.award-card-content::before, .collab-card-content::before,.preowned-card-content::before {  
  content: "";
  position: absolute;
  left: 0; top: 23px;
  width: 2px;
  height: calc(100% - 27px);
  background: #001D38;
  border-radius: 1px;}
.award-card-title,.preowned-card-model {margin: 22px 0 22px !important;}
.award-card-meta {display:flex; flex-direction:column; gap:6px; color:#0d253c;}
.award-card-model,.preowned-card-status {font-family: 'ABCMarist-Italic';}
.awards-slider-wrapper, .collab-slider-wrapper,.preowned-slider-wrapper {width:100%;}
.awards-slider-controls, .collab-slider-controls,.preowned-slider-controls {display:flex; align-items:center; justify-content:space-between; gap:25px; margin-top:42px; width:100%;}
.awards-slider-scrollbar-container, .collab-slider-scrollbar-container,.preowned-slider-scrollbar-container {flex:1 1 auto; max-width:51%;}
.awards-slider-scrollbar.swiper-scrollbar-horizontal, .collab-slider-scrollbar.swiper-scrollbar-horizontal,.preowned-slider-scrollbar.swiper-scrollbar-horizontal {height:2px !important; background:#E2E4EC !important; cursor:pointer; position:relative;}
.awards-slider-scrollbar .swiper-scrollbar-drag, .collab-slider-scrollbar .swiper-scrollbar-drag,.preowned-slider-scrollbar .swiper-scrollbar-drag {background:#001D38 !important; height:2px !important; border-radius:2px;}
.awards-slider-arrows, .collab-slider-arrows,.preowned-slider-arrows {display: flex;gap: 10px;flex-shrink: 0;margin: 11px 20px 0 0;}
.awards-slider-controls .swiper-button-prev,
.awards-slider-controls .swiper-button-next, .collab-slider-controls .swiper-button-prev, .collab-slider-controls .swiper-button-next,.preowned-slider-controls .swiper-button-prev,.preowned-slider-controls .swiper-button-next {position: static;width: 55px;height: 56px;color: #fff;padding: 0;cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;transition: color 0.2s;}
.awards-slider-button-prev:hover,
.awards-slider-button-next:hover, 
.collab-slider-button-prev:hover, 
.collab-slider-button-next:hover,
.preowned-slider-button-prev:hover,
.preowned-slider-button-next:hover {color:#E2E4EC;}

/*  TIMEPIECES Collaborations slider */ 
#collab_slider {margin:-14px -6vw -50px 0;}
.collab-card-model {margin:22px 0 17px !important;} 
.collab-card-name {font-family:'ABCMarist-Italic';} 

/*  TIMEPIECES Portfolio single slider */
.portfolio-slider .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
}
.portfolio-slider-controls {display: none;}
.portfolio-slider-arrows {display: flex;gap: 10px;flex-shrink: 0;margin: 11px 20px 0 0;}
.portfolio-slider-button-prev, .portfolio-slider-button-next {position: static;width: 55px;height: 56px;color: #fff;padding: 0;cursor: pointer!important;transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;transition: color 0.2s;}
.portfolio-slider-button-prev:hover,
.portfolio-slider-button-next:hover {color:#E2E4EC;}
.portfolio-meta {
  padding: 35px 0;
}
.portfolio-meta .row,.portfolio-faq .row {
  padding-bottom: 100px;    
}
.col-left {
  width: 20%;
  padding-left: 28px;
  
}
.col-center {
  width: 100%;
}
.columns-2 {margin-top: -2px;}
.columns-2 .col {
  width: 100%;
}
.salient-toggle .toggle-item{border-top:2px solid #001D38}
.salient-toggle .toggle-trigger{width:100%;background:transparent;border:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;cursor:pointer;border-radius: 0!important;transition:none!important;}
.inner-toggle-wrap .col.col_last {margin-bottom: -18px!important;}
.salient-toggle .toggle-title{margin-bottom: 0!important;font-family: 'Voutilainen'!important;font-weight: 400;font-size: 22px;color:#001D38;letter-spacing: -1px !important;line-height: 1.28em !important;text-align: left;}
.salient-toggle .toggle-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px}
.salient-toggle .toggle-svg{display:block;width:32px;height:32px;}
.salient-toggle .toggle-svg line{stroke:#001D38;stroke-width:2;transition:transform .45s cubic-bezier(.3,.4,.2,1),opacity .2s ease,stroke .15s ease}
.salient-toggle .toggle-svg .v{transform-origin:50% 50%;transform:scaleY(1)}
.salient-toggle .toggle-item.open .toggle-svg .v{transform:scaleY(0);opacity:0}
.salient-toggle .toggle-content{overflow:hidden;max-height:0;opacity:0;transition:max-height .65s cubic-bezier(.2,.8,.2,1),opacity .3s ease;padding:0 0 0 0}
.salient-toggle .toggle-item.open .toggle-content{opacity:1;padding:0 0 0px 0!important;}
body.page-id-287 #pagination {display: none!important;}
.load-more-wrapper {display: flex; justify-content: center;}
.portfolio-faq {margin-top: 20px;}
.single-portfolio .toggle-content li {margin-bottom: 0.2em;letter-spacing: 0.01em;}
span.prev-next {font-family: 'ABCMarist-Regular'!important;font-size:0.8em!important;letter-spacing: 0.02em;}

/* === Grille custom portfolio === */
.models-portfolio-items.models-cols-3 {
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.18s;
}
.models-portfolio-items.models-cols-3.isotope-inited {
  opacity: 1;
  visibility: visible;
}
.models-portfolio-items.models-cols-3 .models-col.models-span-4 {
  width: calc((100% - 20px) / 3);
  float: none;
  position: relative;
  margin: 0;       /* pas de margin latérale */
  margin-bottom: 10px; /* seulement pour la hauteur entre lignes (match gutter Isotope) */
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}

/* Overlays */
.models-work-info-bg,
.models-work-info { transition: all 0.3s; }
.models-work-info-bg {
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.45);
  opacity: 0; z-index: 1;
}
.models-col:hover .models-work-info-bg { opacity: 1; }
.models-work-info {
  position: absolute; left: 0; right: 0; top: 0; bottom: 0;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; z-index: 2; color: #fff; pointer-events: none;text-align: center;
}
.models-col:hover .models-work-info { opacity: 1; }
.models-work-info h3 { color: #fff; margin: 0; font-size: 1.5em; }
.models-inner-wrap { position: relative; }
.models-work-item.models-style-2 img { display: block; width: 100%; height: auto; }
.models-portfolio-loadmore {
  font-family: 'ABCMarist-Regular';
  display: block;
  clear: both;
  margin: 30px auto 0 auto;
  padding: 20px 26px;
  background: #001D38;
  color: #fff;
  border: none;
  font-size: 1.1em;
  cursor: pointer;
  text-align: center;
  transition: background .2s;
  max-width: 220px;
}
 body[data-button-style*="slightly_rounded"] button {border-radius: 40px!important;}
.models-portfolio-loadmore:hover,
.models-portfolio-loadmore:focus {
  background: #667891;
  color: #fff;
}
.models-header {padding: 120px 25px 25px;}
.models-header h2 {margin-bottom: 15px;}
.models-portfolio-filters a {font-size: 5.2vw;}
.models-portfolio-filters a.current {color: #617993;}
.models-portfolio-filters a.current::before {background: #617993;}

/* CONTACT */
#contact {padding:70px 24px 120px!important;}
#contact h2 {margin:0 0 20px 0px;}
#sav {padding:110px 0 80px!important;}
#sav h2 {margin:0 0 20px -2px; font-size: 1.3em;}
.liens-contact {margin: -12px 0;}
.decale {position:relative;display:inline-block;padding-left:20px;padding-right:20px;color:#001D38;text-decoration:none;transition:color 0.3s cubic-bezier(.4,0,.2,1);line-height: 1.5em;} 
.decale::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:2px; height:0.7em;background:#001D38; transition:background 0.4s cubic-bezier(.4,0,.2,1);} 
.decale span {display:inline-block;transition:transform 0.4s cubic-bezier(.4,0,.2,1);} 
.decale:hover {color:#617993;} 
.decale:hover::before {background:#617993;} 
.decale:hover span {transform:translateX(10px);}
.filet-gauche {position:relative;padding-left:20px;} 
.filet-gauche::before {content:''; position:absolute; left:0; top:5px; bottom:5px; width:2px; background:#001D38; border-radius:1px;}
#partners {padding:20px 24px 22vw!important;}
#partners p {font-size: 82%;}
ul.partner_logos {margin: 0; padding: 0px 12vw;}
ul.partner_logos li {list-style: none; margin-bottom: 19vw;text-align: center;}
ul.partner_logos li:last-child {margin-bottom: 0;}
.brodbeck {width: 80%!important;}
.cattin {width: 100%!important;}
.comblemine {width: 87%!important;}

/* PRE-OWNED WATCHES */
#title-before-bandeau {margin-bottom: 0;}
.title-before-bandeau {margin: 70px 0 25px 0!important;}
#preowned_slider {margin-top:0px;margin-bottom: 60px;}
#pre-owned-contact {padding: 120px 0 110px!important;}
.contactus {position: relative;top: -25px;}

/* PRESS CORNER */
#press-corner {margin-top: 24px;margin-bottom: 70px;padding: 0 24px;}
.press-corner-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;  
    margin: 0 0 9vw 0!important;
}
.press-corner-card {
    flex: 1 1 100%;
    box-sizing: border-box;
    margin-bottom: 25px;
    background: white;
    display: flex;
    flex-direction: column;
}
.press-corner-thumb {
    background-size: cover;
    background-position: center center;
    aspect-ratio: 1.3517;  
    width: 100%;
}
.press-corner-info {
    position: relative;
    padding: 19px 20px 20px 25px;
}
.press-corner-info::before {
    content: "";
    position: absolute;
    left: 0;
    top: 21px;
    width: 2px;
    height: calc(100% - 42px);
    background: #001D38;
    border-radius: 1px;
}
.press-corner-info h3 {
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
}
.press-corner-info .sub-title {
    font-size: 21px;
    margin: 22px 0 -10px;
}
.press-links a {
    margin-right: 25px;
    text-decoration: none;
    color: #617993;
    font-size: 21px;
}
.press-links a:hover {
    color: #001D38;
}

/* PRESS ARTICLES */
#press-articles {
    margin-top: 13px;
    margin-bottom: 110px;
    padding: 0 20px 0 30px;
}

.press-articles-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 -5px;
    position: relative;
}

.press-article-card {
    flex: 1 1 100%;
    text-decoration: none;
    color: #001D38;
    position: relative;
    overflow: hidden;
    min-height: 280px; 
    display: flex;
    align-items: stretch;
}

.press-article-content {
    padding: 20px;
    position: relative;
    width: 100%;
}

.press-article-content::before {
    content: "";
    position: absolute;
    left: 0;
    top: 22px;
    width: 2px;
    height: calc(100% - 46px);
    background: #001D38;
    border-radius: 1px;
    transition: background 0.3s ease;
}

.press-article-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: color 0.3s ease;
}

.press-article-card:hover .press-article-content::before {
    background: #001D38;
}

.press-article-top {
    margin-bottom: auto; 
}

.press-article-inner .journal {
    font-size: 0.9em;
    margin-bottom: 10px;
    color: #001D38;
}

.article-title {
    margin: 12px 0 19px !important;
    font-family: 'ABCMarist-Regular'!important;
    font-size: 1.2em!important; letter-spacing: 0.02em!important;
}
.press-article-card:hover .article-title, .press-article-card:hover .journal {
    color: #A0B2C5;  
}

.article-title,.journal {
    transition: color 0.4s ease;
}

.article-read {
    color: #A0B2C5; 
    font-size: 0.95em;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.read-arrow {
    transition: transform 0.3s ease;
    display: none;
}

.press-article-card:hover .article-read {
    color: #001D38;  
   /* font-size: 1.10em;*/
}

.press-article-card:hover .read-arrow {
    transform: translateX(3px);
    display: block;
}

.press-article-card:hover .press-article-inner {
    transform: none !important;
}

/* LEGAL NOTICE */
#legal {padding:70px 0px 60px!important;}
#legal a {text-decoration: underline;}
#legal h3 {font-family: 'ABCMarist-Regular'!important;font-size: 1.4em; margin: 5px 0 16px;}

/* FOOTER */
.material #footer-outer .widget li a, #footer-outer .widget h4 {font-family: 'ABCMarist-Regular'!important;font-weight: 400!important; font-style: normal; color: #E2E4EC;}
body #footer-outer .row {padding: 25px 0; font-size:20px;}
#footer-outer #footer-widgets #custom_html-3 h4, #footer-outer #footer-widgets #custom_html-4 h4, #footer-outer #footer-widgets #custom_html-5 h4,#footer-outer #footer-widgets #custom_html-6 h4,#footer-outer #footer-widgets #custom_html-7 h4, #footer-outer #footer-widgets #polylang-2 h4,#footer-outer #footer-widgets #polylang-3 h4 {color: #617993!important;font-size:19px; margin-bottom: 2px;letter-spacing: 0px!important;}
#footer-outer #copyright {margin: 40px 0 -25px 0;}
#footer-outer #copyright p {font-size:17px; margin: 0!important;}
#footer-outer[data-custom-color=true] #footer-widgets a:not(.nectar-button):focus, #footer-outer[data-custom-color=true] #footer-widgets a:not(.nectar-button):hover {opacity: 1; color: #617993!important;}
#footer-outer .current-menu-item a {color: #617993!important;}
#nav_menu-3 {margin: -60px 0 40px 0;}
#nav_menu-3 .menu-menu-footer-2-container, #custom_html-5,#custom_html-7,#nav_menu-8 {display: none;}
#footer-outer[data-full-width="1"] .container {padding: 0 24px;}
#footer-outer #media_image-2 {margin-bottom: 15px; padding-right: 2px;padding-left: 1px;}
.material #footer-outer #footer-widgets .col ul li {padding: 1.6vw 0 !important;}
#footer-outer .widget.widget_media_image img {max-width: 96%!important;}


/* MEDIA QUERIES */

/* Responsive mobile : 1 colonne */
@media (max-width: 690px) {
.models-portfolio-items.models-cols-3 .models-col.models-span-4 {width: 100%;}   
}

/* Responsive tablette : 2 colonnes */
@media (min-width: 691px) and (max-width: 991px) {
.models-portfolio-items.models-cols-3 .models-col.models-span-4 {width: calc((100% - 10px) / 2);}
.blended-logo {top: 24px;left: 24px;}
.blended-logo svg {width: 188px;height: auto;}
.blended-hamburger {top: 26px; right: 23px;}
.blended-hamburger svg {width: 25px; height: auto;}
.off-canvas-menu-container ul.menu li a {margin-bottom: 15px;font-size: 24px !important;line-height: 32px !important;}
.off-canvas-menu-container ul.menu > li:nth-last-child(3) {margin-top: 100px!important;         }
.off-canvas-menu-container ul.menu > li:nth-last-child(-n+3) > a {font-size: 21px!important; line-height: 25px!important; margin-bottom: 10px!important;padding-left: 21px!important;}
.off-canvas-menu-container ul.menu > li.lang-item a {font-size: 21px!important;}
.off-canvas-menu-container ul.menu > li:nth-child(3) {margin-top: 12vh !important;}
.off-canvas-menu-container {margin: -6px 0 0 0 !important;}
.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li:nth-last-child(-n+3)>a:after {left: 25px!important;width: 89%!important; }
.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li:nth-last-child(-n+3)>a:before {left: 0;top: 50%;transform: translateY(-50%);width: 2px;height: 0.7em;}
#slide-out-widget-area.slide-out-from-right-hover {width: 390px!important;right: -390px!important;padding-left: 45px !important;padding-top: 30px!important;}
body #slide-out-widget-area.slide-out-from-right-hover.open {right: 0 !important;}
body.off-canvas-menu-open #ajax-content-wrap {transform: translateX(-390px) !important;}
#header-outer:not([data-format=left-header]) #top>.container>.row nav {margin: 23px -16px 0 0px;}
#header-outer #top .slide-out-widget-area-toggle[data-custom-color=true] a {padding: 0px 4px 0 6px;margin: 21px -10px 0 0;}
#header-outer #top .slide-out-widget-area-toggle[data-custom-color=true] a {opacity: 0;}
.slide-out-hover-icon-effect {top: 22px !important;right: 22px !important;opacity: 0;}  
#home .row-bg {background-position: center 10px!important}
#home .vc_column-inner {position: absolute;top: 19vh;left: 8.4vw;}
#home .vc_column-inner h1 {width: 50%;}
.lien_hero_home {font-size: 1.15em; padding-left: 13px; margin-right: 23px; top: -1.6vw;}
.page-id-1154 h1 {font-size: inherit!important;}
.page-id-1154 #home .vc_column-inner h1 {width: 90%;}
#latest-news {padding: 120px 0 0 16%!important;}
.home .quote {margin-bottom: 190px!important;}
blockquote {font-size: 1.15em;margin-bottom: 28px;}
.news-slider-controls {margin-top: 54px;}
.news-slider-arrows {margin: 11px 50px 0 0;}
.previous-post {margin-right: 5px;margin-bottom: 0;}
.next-post {margin-right: -5px;}   
.quote {margin: 200px 11.66% 150px 9%!important;font-size: 4.3vw;}
.bandeau-image {padding-top: calc(100vw * 0.25)!important; padding-bottom: calc(100vw * 0.25)!important;}
.blockquote-and-link {margin:30px 11% 120px 11%!important;}
.blockquote-and-link:last-child {margin:30px 11% 80px 11%!important;}
#header-bkg-image .vc_column-inner {bottom: -91.6vh;left: 22px;}
#header-bkg-image h1 {font-size: 6.5vw;margin-bottom: 8px;}
#header-bkg-image p {font-size: 4.5vw;}
#row-2-imgs .wpb_column {width: 50%;}
#philosophy h2 {margin-bottom: -7px!important;}
#philosophy {padding: 80px 10%!important;}
#savoir-faire {padding: 120px 10% 70px!important;}
#history {padding: 0 0 0 24px !important;}
#awards {padding: 120px 10% 80px!important;}
#collaborations {padding: 0% 10% 150px!important;}
#savoir-faire h2+p {font-size: 1.15em;line-height: 1.25em;margin-bottom: 90px}
.toggles.accordion {margin: 120px -12vw 0 0;}    
.toggle > h3.toggle-title a {font-size: 22px!important;line-height:1.32em!important; padding: 17px 70px 17px 0!important; }
.inner-toggle-wrap > div > p {font-size: 19px!important;line-height: 1.4em !important;}
.history-slider-controls {width:85%; margin-top:54px;margin-left: 11.9%!important;}
.history-slider-scrollbar-container {max-width:65%;}
.history-slide-content h3 {font-size: 20px;}
#history h2 {margin-left: 11.7%!important;}
#awards_slider{margin:-27px -14.8vw 20px 0;}
#collab_slider {margin:-13px -14.8vw -50px 0;}
#preowned_slider {margin:0px -1vw 60px 5vw;}
.awards-slider-controls, .collab-slider-controls,.preowned-slider-controls {width:85%; margin-top:54px;}
.awards-slider-scrollbar-container,.collab-slider-scrollbar-container,.preowned-slider-scrollbar-container {max-width:70%;}
.awards-slider-arrows, .collab-slider-arrows,.preowned-slider-arrows {margin: 11px -15px 0 0;}
.collab-card-model {margin:22px 0 17px !important;} 
.collab-card-name {font-family:'ABCMarist-Italic';} 
#contact {padding:80px 16.8% 120px!important;}
#sav {padding:120px 10% 90px!important;}
.decale {padding-right:28px;} 
#partners {padding: 20px 24px 8vw !important;}
#partners p {margin-bottom:50px;font-size: 80%}
ul.partner_logos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  justify-items: center;
  max-width: 70vw; 
  margin: 0 auto;
  padding: 0;
  gap: 20px;
}
ul.partner_logos li {margin-bottom: 10vw;}
.partner_logos li:nth-child(1) {justify-self: start;}
.partner_logos li:nth-child(2) {justify-self: end;}
.partner_logos li:nth-child(3) {grid-column: 1 / span 2;justify-self: center;}
.brodbeck {width: 75%!important;}
.cattin {width: 82%!important;}
.comblemine {width: 80%!important;}
.salient-toggle .toggle-trigger{padding:14px 0;}
.custom-single-news {margin:90px 10% 0 10%;}
.custom-single-news-navigation {margin:70px -6vw 120px 10%!important; position: relative;}
.custom-single-news-navigation,.custom-single-portfolio-navigation {margin:120px -15vw 120px 0; position: relative;}
#portfolio-single {padding: 0 8.9%;}
.toggle-content ul {margin-bottom: 20px;}
.toggle-content p {padding-bottom: 20px!important;}
.blog_next_prev_buttons[data-style=fullwidth_next_prev] ul .next-post, .blog_next_prev_buttons[data-style=fullwidth_next_prev] ul .previous-post, .container-wrap[data-nav-pos=after_project_2] .bottom_controls #portfolio-nav ul .next-project, .container-wrap[data-nav-pos=after_project_2] .bottom_controls #portfolio-nav ul .previous-project {min-height: 250px;}
.title-before-bandeau {margin: 90px 10.2% 20px!important;}
#press-corner {margin-top: 24px;padding: 0 24px;}
.press-corner-card,.press-article-card {flex: 0 0 calc(50% - 5px);}
#pre-owned-contact {padding: 120px 11% 150px!important;}
#press-articles {margin-top: 10px;padding: 0 23px 0 30px;margin-bottom: 120px;}
.article-title {font-size: 1.35em!important;}
.press-article-card {min-height: 300px;}
.models-header {padding: 120px 25px 20px 15%;}
.models-portfolio-filters a {font-size: 2.7vw;}
.press-corner-wrapper {margin: 0 0 2vw 0 !important;}
#legal {padding:80px 10% 100px!important;}
#legal h3 {margin: 10px 0 20px;}

#footer-outer[data-full-width="1"] .container {padding: 9px!important; }
body #footer-outer .row {padding: 0; font-size:20px;}
#footer-outer #footer-widgets #custom_html-3 h4, #footer-outer #footer-widgets #custom_html-4 h4, #footer-outer #footer-widgets #custom_html-5 h4 {font-size:20px; margin-bottom: 2px;}
#footer-outer #copyright {margin: -30px 0 -5px 13px;}
#footer-outer #copyright p {font-size:18px; margin: 0!important;}
#nav_menu-3 {margin: -60px 0 40px 0;}
#custom_html-4 {display: none;}
#custom_html-5 {display: inherit;}
#footer-outer .row > .col.span_4:nth-of-type(2) {padding: 5px 0 0 30px;}
#footer-outer[data-full-width="1"] .container {padding: 0 16px;}
#footer-outer #media_image-2 {margin-bottom: 50px; padding-right: 70px;}
.material #footer-outer #footer-widgets .col ul li {padding: 0.7vw 0 !important;}
#footer-outer .row > .col.span_4:nth-of-type(2) {padding: 0px 0 0 10vw; margin-top: 4px;}
.single #copyright .container {padding-bottom: 30px!important}
#footer-outer .widget.widget_media_image img {max-width: 100%!important;}
  
}

@media (min-width: 992px) {
.blended-logo {top: 28px;left: 28px;}
.blended-logo svg {width: 192px;height: auto;}
.blended-hamburger {top: 26px; right: 27px;z-index: 9900;}
.blended-hamburger svg {width: 28px; }
.off-canvas-menu-container ul.menu {margin-top: 0%!important;}
.off-canvas-menu-container ul.menu li a {margin-bottom: 16px;font-size: 30px !important;line-height: 40px !important;}
.off-canvas-menu-container ul.menu > li:nth-last-child(3) {margin-top: 120px!important;         }
.off-canvas-menu-container ul.menu > li:nth-last-child(-n+3) > a {font-size: 24px!important; line-height: 28px!important; margin-bottom: 10px!important;padding-left: 25px!important;}
.off-canvas-menu-container ul.menu > li.lang-item a {font-size: 24px!important;}
.off-canvas-menu-container ul.menu > li:nth-child(3) {margin-top: 12vh !important;}
.off-canvas-menu-container {margin-top: -28px !important;}
.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li:nth-last-child(-n+3)>a:after {left: 25px!important;width: 89%!important; }
.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li:nth-last-child(-n+3)>a:before {left: 0;top: 50%;transform: translateY(-50%);width: 2px;height: 0.7em;}
#slide-out-widget-area.slide-out-from-right-hover {width: 470px !important;right: -470px !important;padding-left: 50px !important;padding-top: 56px !important; }
body #slide-out-widget-area.slide-out-from-right-hover.open {right: 0 !important;}
body.off-canvas-menu-open #ajax-content-wrap {transform: translateX(-470px) !important;}
#header-outer:not([data-format=left-header]) #top>.container>.row nav {margin: 23px -16px 0 0px;}
#header-outer #top .slide-out-widget-area-toggle[data-custom-color=true] a {padding: 0px 11px 0 5px;margin: 5px 8px 0 0;}
#header-outer #top .slide-out-widget-area-toggle[data-custom-color=true] a {opacity: 0;}
#home .vc_column-inner {position: absolute;top: 21vh;left: 5vw;}
/*#home .vc_column-inner h1 {width: 65%;}*/
.page-id-1154 h1 {font-size: inherit!important;}
.page-id-1154 #home .vc_column-inner h1 {width: 100%;}
.slide-out-hover-icon-effect {top: 24px !important;right: 29px !important;opacity: 0;}
.lien_hero_home {font-size: 1.3em; padding-left: 24px; margin-right: 38px; top: -22px;}
#latest-news {padding: 180px 0 0 25vw !important;}
blockquote {font-size: 1.3em;margin-bottom: 28px;}
.news-slider-controls {margin-top: 80px;}
.news-slider-arrows {margin: 11px 60px 0 0;}
.previous-post {margin-right: 5px;margin-bottom: 0;}
.next-post {margin-right: -5px;}  
.home .quote {margin: 260px 10% 260px 19%!important;font-size: 3.5vw;}
.quote {margin: 260px 4.9% 210px 8%!important;font-size: 3.5vw;}
.bandeau-image {padding-top: calc(100vw * 0.24)!important; padding-bottom: calc(100vw * 0.24)!important;}
.blockquote-and-link {margin:30px 15% 140px 19%!important;}
.blockquote-and-link:last-child {margin:30px 15% 140px 19%!important;}
#header-bkg-image .vc_column-inner {bottom: -97vh;left: 25px;}
#header-bkg-image h1 {font-size: 65px;margin-bottom: 8px;}
#header-bkg-image p {font-size: 44px;margin-left: 8px;}
#philosophy h2 {margin-bottom: -7px!important;}
#philosophy {padding: 140px 9%!important;}
#savoir-faire {padding: 160px 9% 110px!important;}
#history {padding: 0 0 0 28px !important;}
#awards {padding: 150px 9% 20px!important;}
#collaborations {padding: 0 9% 15% !important;}
#savoir-faire h2+p {font-size: 1.3em;line-height: 1.25em;margin-bottom: 90px}
.chapeau {font-size: 1.3em;}
.toggles.accordion {margin: 160px -13.4vw 0 0;} 
.toggle > h3.toggle-title a {font-size: 25px!important;line-height:1.25em!important;padding: 17px 70px 17px 0!important; }
.inner-toggle-wrap > div > p {font-size: 21px!important;line-height: 1.4em !important;}
.history-slider-controls {width:85%; margin-top:80px;margin-left: 13vw!important;}
.history-slider-scrollbar-container {max-width:70%;}
.history-slide-content h3 {font-size: 20px;}
#history h2 {margin-left: 13vw!important;}
#awards_slider {margin:-18px -13.9vw 90px 0;}
#collab_slider {margin:-12px -16.2vw -50px 0;}
#preowned_slider {margin:0px -1vw 80px 8vw;}
.awards-slider-controls, .collab-slider-controls,.preowned-slider-controls {width:85%; margin-top:80px;}
.awards-slider-scrollbar-container, .collab-slider-scrollbar-container,.preowned-slider-scrollbar-container {max-width:80%;}
.awards-slider-arrows, .collab-slider-arrows,.preowned-slider-arrows {margin: 11px -7vw 0 0;}
#contact {padding:90px 15.5vw 160px!important;}
#sav {padding:140px 9% 100px!important;}
#sav h2 {margin:0 0 20px -3px;}
.decale {padding-right:28px;} 
#partners {padding: 20px 24px 9vw !important;}
#partners p {margin-bottom:35px;}
ul.partner_logos {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    justify-items: center;
    align-items: center;
    max-width: 62vw; 
    margin: 0 auto;
    gap: 30px;
    padding: 0;
}
ul.partner_logos li {margin-bottom: 0vw;}
.partner_logos li:nth-child(1) {justify-self: start;}
.partner_logos li:nth-child(2) {justify-self: center;}
.partner_logos li:nth-child(3) {justify-self: end;text-align: left;}
.brodbeck {width: 100%!important;}
.cattin {width: 69%!important;}
.comblemine {width: 85%!important;}
.models-portfolio-loadmore {padding: 22px 28px;}
.portfolio-slider-controls {display: block; position: absolute;right: 10px;margin-top: -70px;}
.columns-2 {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  margin-top: 20px;
}
.columns-2 .col {width: 50%;}
.custom-single-news-navigation {margin: 120px -8.8vw 120px 7.3vw;}
.custom-single-portfolio-navigation {margin: 180px -15.4vw 180px 0;}
.portfolio-faq {margin-top: 60px;}
.blog_next_prev_buttons[data-style=fullwidth_next_prev] ul .next-post, .blog_next_prev_buttons[data-style=fullwidth_next_prev] ul .previous-post, .container-wrap[data-nav-pos=after_project_2] .bottom_controls #portfolio-nav ul .next-project, .container-wrap[data-nav-pos=after_project_2] .bottom_controls #portfolio-nav ul .previous-project {min-height: 29vw;}
#portfolio-single {padding: 0 15.4vw;}
.salient-toggle .toggle-title{font-size: 25px;}
.salient-toggle .toggle-trigger {padding: 16px 0;}
.toggle-content ul {margin-bottom: 25px;}
.toggle-content p {padding-bottom: 25px!important;}
.custom-single-news {padding: 0 9%; margin: 90px auto 0;}
.title-before-bandeau {margin: 90px 5vw 20px 15.3vw!important;}
#press-corner {margin-top: 28px;padding: 0 28px;}
.press-corner-card,.press-article-card {flex: 0 0 calc(33.333% - 7px);}
#press-articles {margin-top: 17px;padding: 0 28px 0 34px;margin-bottom: 150px;}
.press-article-card {min-height: 360px;}
.article-title {font-size: 1.67em!important;}    
.models-header {padding: 180px 16.2% 20px;}
.models-portfolio-filters a {font-size: 2.3vw;}
#pre-owned-contact {padding: 180px 0 260px 19% !important;}
.press-corner-wrapper {margin: 0 0 2vw 0 !important;}
#legal {padding:170px 8% 100px!important;}
#legal h2 {font-size: 1.6em; margin: 10px 0 20px;}
#legal h3 {font-size: 1.3em;margin: 10px 0 20px;}

#footer-outer[data-full-width="1"] .container {padding: 28px!important; }
body #footer-outer .row {padding: 0; font-size:21px;}
#footer-outer #footer-widgets #custom_html-3 h4, #footer-outer #footer-widgets #custom_html-4 h4, #footer-outer #footer-widgets #custom_html-5 h4 {font-size:20px; margin-bottom: 2px;}
#footer-outer #copyright {margin:30px 0 -18px 0px}
#footer-outer #copyright p {font-size:18px; margin: 0!important;}
#nav_menu-3 {margin: 0;}
#custom_html-5, #nav_menu-4,#custom_html-6,#nav_menu-7 {display: none;}
#nav_menu-3 .menu-menu-footer-2-container,#custom_html-7,#nav_menu-8 {display: inherit;}
#footer-widgets .container .col.span_4 {padding: 0;}
#footer-outer .row > .col.span_4:nth-of-type(2) {padding: 0px 0 0 11vw; margin-top: -12px;}
#footer-outer .row > .col.span_4:nth-of-type(3) {padding: 0px 0 0 5vw; margin-top: -12px;}
#footer-outer[data-full-width="1"] .container {padding: 0 16px;}
#footer-outer #media_image-2 {margin-bottom: 50px; padding-right: 27px;}
.material #footer-outer #footer-widgets .col ul li {padding: 0.8vw 0 !important;margin-bottom: -5px;}
.single #copyright .container {padding-bottom: 50px!important;}
#footer-outer .widget.widget_media_image img {max-width: 100%!important;}

    
}

@media (min-width: 1100px) {
.toggles.accordion {margin: 160px -12.75vw 0 0;} 
#sav h2 {font-size: 1.4em;}
#legal {padding:180px 9% 130px!important;}
    
}

@media (min-width: 1300px) {
/*#home h1 {font-size: 1.74vw!important} */   
.lien_hero_home {font-size: 1.37em; padding-left: 24px; margin-right: 38px; top: -7px;position: relative;}
.single-news-title {margin: 0 200px 18px -5px;}
blockquote {font-size: 1.37em;margin-bottom: 28px;margin-right: 28px;}
.news-slider-arrows {margin: 11px 100px 0 0;}
.home .quote {margin: 350px 6.4vw  360px 17.6vw!important;font-size: 49px;}
#home .vc_column-inner {position: absolute;top: 21.4vh;left: 4vw;}
#home .vc_column-inner h1 {width: 100%;}
.off-canvas-menu-container ul.menu > li:nth-child(3) {margin-top: 17vh !important;}
.quote {margin: 360px 14% 310px 14.5%!important;font-size: 49px;}
.bandeau-image {padding-top: calc(100vw * 0.19)!important; padding-bottom: calc(100vw * 0.19)!important;}
.blockquote-and-link {margin:30px 16.9% 190px 16.9%!important;}
.blockquote-and-link:last-child {margin:30px 16.9% 230px 16.9%!important;}
#header-bkg-image .vc_column-inner {bottom: -94vh;left: 22px;}
#header-bkg-image h1 {font-size: 120px;margin-bottom: 8px;}
#header-bkg-image p {font-size: 54px;margin-left: 12px;}
.anchor-menu-placeholder, .anchor-menu-floating {display: block!important;}
.anchor-menu-placeholder {width: 180px;height: 0;display: block;position: relative;left: 28px;}
.anchor-menu-floating {width: 180px;z-index: 30;position: relative;left: 28px;top: 0px;}
.anchor-menu-floating.fixed {position: fixed;top: 73px;left: 28px;}
.anchor-menu-floating ul {position: relative;margin: 0;  padding: 0 0 0 28px;}
.anchor-menu-floating ul::before {content: "";position: absolute;left: 0;top: 4px;width: 2px;height: calc(100% - 9px);background: #001D38;  border-radius: 2px;}
.anchor-menu-floating li {list-style: none;}
.anchor-menu-floating li + li {margin-top: 5px;}
.anchor-menu-floating a {display: block;text-decoration: none;color: #E2E4EC;font-size: 18px;line-height: 1.4em;}
.anchor-menu-floating a:hover,.anchor-menu-floating a.active {color: #001D38!important;}
#latest-news {padding-top: 260px!important;}
#philosophy h2 {margin-bottom: -7px!important;}
#philosophy {padding: 260px 15% 40px!important; top:-180px;}
#savoir-faire {padding: 240px 15% 270px!important; top:20px;}
#history {padding: 230px 0 0 28px!important;top: -200px;}
#awards {padding: 225px 15% 0 15%!important;top: -180px;margin-bottom: -180px!important;}
#collaborations {padding: 0px 15% 0 15%!important;}
.chapeau {font-size: 1.37em;line-height: 1.25em;}
#savoir-faire h2+p {font-size: 1.37em;line-height: 1.25em;margin-bottom: 250px}
.toggle > h3.toggle-title a {font-size: 29px!important;line-height:1em!important; padding: 17px 70px 17px 0!important; }
.history-slider-controls {width:78%; margin-top:80px;margin-left: 17.3vw!important;}
.history-slider-scrollbar-container {max-width:75%;}
.history-slide-content h3 {font-size: 20px;}
#history h2 {margin-left: 17.3vw!important;}
#awards_slider{margin:-18px -19.8vw 190px 0;}
#collab_slider {margin:-14px -19.8vw 80px 0;}
#preowned_slider {margin:0px 0.6vw 120px 7.4vw;}
.awards-slider-controls, .collab-slider-controls,.preowned-slider-controls {width:85%; margin-top:80px;}
.awards-slider-scrollbar-container,.preowned-slider-scrollbar-container {max-width:80%;}
.awards-slider-arrows,.preowned-slider-arrows {margin: 11px -7vw 0 0;}
#contact {padding: 70px 19.7vw 270px!important;}
#sav {padding: 260px 12.5vw 250px!important;}
#partners {padding: 20px 24px 9vw !important;}
#partners p {margin-bottom:5.5vw;}
ul.partner_logos {max-width: 64vw;}
.brodbeck {width: 90%!important;}
.cattin {width: 83%!important;}
.comblemine {width: 70%!important;}
.blog_next_prev_buttons[data-style=fullwidth_next_prev] ul .next-post, .blog_next_prev_buttons[data-style=fullwidth_next_prev] ul .previous-post, .container-wrap[data-nav-pos=after_project_2] .bottom_controls #portfolio-nav ul .next-project, .container-wrap[data-nav-pos=after_project_2] .bottom_controls #portfolio-nav ul .previous-project {min-height: 26.5vw;}
.custom-single-news {padding: 0 13vw;margin: 90px auto 0;}
#portfolio-single {padding: 0 19.8vw;}
.salient-toggle .toggle-title{font-size: 29px;}
.salient-toggle .toggle-trigger {padding: 14px 0;}
.custom-single-news-navigation {margin: 120px -7vw 120px 13.3vw;}
.custom-single-portfolio-navigation {margin: 250px -19.8vw 270px 0;}
.title-before-bandeau {margin: 70px 5vw 20px 16.5%!important;}
#pre-owned-contact {padding: 270px 0 440px 16.9% !important;}
.models-header {padding: 260px 20% 20px;}
.models-portfolio-filters a {font-size: 1.72vw;}
.toggles.accordion {margin: 270px -17.5vw 0 0;}
.press-corner-wrapper {margin: 0 0 7vw 0 !important;}
#press-articles {margin-bottom: 250px;}
#legal {padding:220px 6.5vw 200px!important;}
#legal h2 {font-size: 1.8em; margin: 10px 0 20px;}
#legal h3 {font-size: 1.35em;margin: 10px 0 20px;}
    
#footer-outer[data-full-width="1"] .container {padding: 30px!important; }
body #footer-outer .row {font-size:22px;}
#footer-outer #copyright {margin:30px 0 -18px 0px}
#footer-outer .row > .col.span_4:nth-of-type(2) {padding: 0px 0 0 18vw; margin-top: -11px;}
#footer-outer .row > .col.span_4:nth-of-type(3) {padding: 0px 0 0 8vw; margin-top: -11px;}
#footer-outer[data-full-width="1"] .container {padding: 0 16px;}
#footer-outer #media_image-2 {margin-bottom: 50px;width: 381px;padding-right: 0;}
.material #footer-outer #footer-widgets .col ul li {padding: 0.65vw 0 !important;margin-bottom: -4px;} 
.single #copyright .container {padding-bottom: 50px!important;}
    
}

@media (min-width: 1500px) {
#history h2 {margin-left: 16.9vw!important;}    
.history-slider-controls {width:78%;margin-left: 16.9vw!important;} 
.history-slider-scrollbar-container {max-width:75%;}
#awards_slider {margin:-18px -20vw 80px 0;}
#collab_slider {margin:-13px -20vw 80px 0;}
.material #footer-outer #footer-widgets .col ul li {padding: 0.6vw 0 !important;margin-bottom: -4px;}
#contact {padding: 70px 19.2vw 270px!important;}
#sav {padding: 260px 13vw 250px!important;}
#portfolio-single {padding: 0 19.2vw;}
.custom-single-news {padding: 0 13.2vw;margin: 90px auto 0;}
.custom-single-news-navigation {margin: 120px -7.2vw 120px 13.3vw;}
.custom-single-portfolio-navigation {margin: 250px -20.8vw 270px 0;}
.home .quote {margin: 350px 9.5vw  360px 18vw!important;font-size: 49px;}
.models-header {padding: 260px 19% 20px;}
.toggles.accordion {margin: 160px -17.4vw 0 0;}
#legal {padding:220px 10vw 200px!important;}
#legal h3 {font-size: 1.35em;margin: 12px 0 25px;}
    
}

@media (min-width: 1600px) {
#history h2 {margin-left: 18vw!important;}    
.history-slider-controls {width:78%;margin-left: 18vw!important;} 
#awards_slider {margin:-18px -22.3vw 200px 0;}
#collab_slider {margin:-13px -22.3vw 80px 0;}
#preowned_slider {margin: 0px -2.9vw 130px 6.8vw;}
#contact {padding: 70px 20vw 270px!important;}
#sav {padding: 260px 13vw 250px!important;}
ul.partner_logos {max-width: 57vw;}
.brodbeck {width: 100%!important;}
.cattin {width: 90%!important;}
.comblemine {width: 78%!important;}
.custom-single-news-navigation {margin: 120px -9.7vw 120px 13.0vw;}
.custom-single-portfolio-navigation {margin: 250px -22.9vw 270px 0;}
#portfolio-single {padding: 0 18.5vw;}
.custom-single-news {padding: 0 12.8vw;margin: 90px auto 0;}
.blog_next_prev_buttons[data-style=fullwidth_next_prev] ul .next-post, .blog_next_prev_buttons[data-style=fullwidth_next_prev] ul .previous-post, .container-wrap[data-nav-pos=after_project_2] .bottom_controls #portfolio-nav ul .next-project, .container-wrap[data-nav-pos=after_project_2] .bottom_controls #portfolio-nav ul .previous-project {min-height: 24vw;}
.home .quote {margin: 350px 13.4vw  360px 15vw!important;font-size: 49px;}
.quote {margin: 360px 23% 310px 14%!important;font-size: 49px;}
.models-header {padding: 260px 21% 20px;}
.toggles.accordion {margin: 160px -18.5vw 0 0;}

}

@media (min-width: 1700px) {
#history h2 {margin-left: 20.4vw!important;}    
.history-slider-controls {width:76%;margin-left: 20.4vw!important;}  
.history-slider-scrollbar-container {max-width:78%;}
.material #footer-outer #footer-widgets .col ul li {padding: 0.55vw 0 !important;margin-bottom: -4px;} 
#contact {padding: 70px 22.3vw 270px!important;}
#sav {padding: 260px 12.3vw 250px!important;}
ul.partner_logos {max-width: 56vw;}
#portfolio-single {padding: 0 17.1vw;}
.custom-single-news {padding: 0 11.9vw;margin: 90px auto 0;}
.custom-single-portfolio-navigation {margin: 250px -22.9vw 270px 0;}
.custom-single-news-navigation {margin: 120px -10.4vw 120px 11.9vw;}
#preowned_slider {margin: 0px -3.6vw 130px 6.8vw;}
.models-header {padding: 260px 22.2% 20px;}
.toggles.accordion {margin: 160px -20.6vw 0 0;}
.home .quote {margin: 350px 13.4vw  360px 13.5vw!important;}
#legal {padding:220px 7.3vw 200px!important;}
    
}

@media (min-width: 1800px) {
#sav {padding: 260px 10.7vw 210px!important;}    
}

@media (min-width: 1900px) {
#awards_slider, #collab_slider {margin:-18px -25vw 80px 0;}
.material #footer-outer #footer-widgets .col ul li {padding: 0.5vw 0 !important;margin-bottom: -4px;} 
#contact {padding: 70px 25vw 270px!important;}
#sav {padding: 260px 11.5vw 250px!important;}
ul.partner_logos {max-width: 54vw;}
#portfolio-single {padding: 0 15.4vw;}
.custom-single-news {padding: 0 10.6vw;margin: 90px auto 0;}
.custom-single-news-navigation {margin: 120px -14.3vw 120px 10.7vw;}
.custom-single-portfolio-navigation {margin: 250px -25vw 270px 0;}
.home .quote {margin: 350px 16.4vw 360px 9.6vw!important;}
.quote {margin: 360px 22% 310px 10%!important;font-size: 49px;}
#preowned_slider {margin: 0px -8.2vw 130px 6.2vw;}
.models-header {padding: 260px 24.9% 20px;}
.toggles.accordion {margin: 160px -23.6vw 0 0;}
#awards {padding: 145px 15% 0 12%!important;}
#legal {padding:220px 5.3vw 210px!important;}
    
}

@media (min-width: 2000px) { 
#sav {padding: 260px 9.5vw 250px!important;}

}

@media (min-width: 2100px) { 
#sav {padding: 260px 7.5vw 250px!important;}

}


@media (min-width: 2200px) { 
#sav {padding: 260px 6vw 250px!important;}

}