.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ct-div-block,
.oxy-post-content,
.ct-text-block,
.ct-headline,
.oxy-rich-text,
.ct-link-text { max-width: 100%; }
img { flex-shrink: 0; }
body * { min-height: 1px; }
} .oxy-testimonial {
flex-direction: row;
align-items: center;
}
.oxy-testimonial .oxy-testimonial-photo-wrap {
order: 1;
}
.oxy-testimonial .oxy-testimonial-photo {
width: 125px; height: 125px; margin-right: 20px;
}
.oxy-testimonial .oxy-testimonial-photo-wrap,
.oxy-testimonial .oxy-testimonial-author-wrap,
.oxy-testimonial .oxy-testimonial-content-wrap {
align-items: flex-start; text-align: left; }
.oxy-testimonial .oxy-testimonial-text {
margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author {
font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author-info {
font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-icon-box {
text-align: left; flex-direction: column; }
.oxy-icon-box .oxy-icon-box-icon {
margin-bottom: 12px;
align-self: flex-start; }
.oxy-icon-box .oxy-icon-box-heading {
font-size: 21px;
margin-bottom: 12px; }
.oxy-icon-box .oxy-icon-box-text {
font-size: 16px;
margin-bottom: 12px;align-self: flex-start; }
.oxy-icon-box .oxy-icon-box-link {
margin-top: 20px; }
/* GLOBALS */
.oxy-pricing-box .oxy-pricing-box-section {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center; }
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
justify-content: center; }
/* IMAGE */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
justify-content: center; }
/* TITLE */
.oxy-pricing-box .oxy-pricing-box-title-title {
font-size: 48px;
}
.oxy-pricing-box .oxy-pricing-box-title-subtitle {
font-size: 24px;
}
/* PRICE */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
flex-direction: row; }
.oxy-pricing-box .oxy-pricing-box-currency {
font-size: 28px;
}
.oxy-pricing-box .oxy-pricing-box-amount-main {
font-size: 80px;
line-height: 0.7;
}
.oxy-pricing-box .oxy-pricing-box-amount-decimal {
font-size: 13px;
}
.oxy-pricing-box .oxy-pricing-box-term {
font-size: 16px;
}
.oxy-pricing-box .oxy-pricing-box-sale-price {
font-size: 12px;
color: rgba(0,0,0,0.5);
margin-bottom: 20px; }
/* CONTENT */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
font-size: 16px;
color: rgba(0,0,0,0.5);
}
/* CTA */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
justify-content: center; }
.oxy-progress-bar .oxy-progress-bar-background {
background-color: #000000; background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent); animation: none 0s paused; }
.oxy-progress-bar .oxy-progress-bar-progress-wrap {
width: 85%; }
.oxy-progress-bar .oxy-progress-bar-progress {
background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused; background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);
}
.oxy-progress-bar .oxy-progress-bar-overlay-text {
font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-progress-bar .oxy-progress-bar-overlay-percent {
font-size: 12px;
}
.ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
padding: 0px; }
.oxy-superbox .oxy-superbox-secondary,
.oxy-superbox .oxy-superbox-primary {
transition-duration: 0.5s; }
.oxy-shape-divider {
width: 0px;
height: 0px;
}
.oxy_shape_divider svg {
width: 100%;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}
.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
flex-direction: row;
}
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
align-items: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container{
top: 0;
bottom: 0;
right: auto;
left: 0;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}
.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}
.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
--oxynav-animation-name: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){
background-color: var(--oxynav-brand-color);
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
border: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){
background: transparent;
border: 1px solid currentColor;
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
filter: invert(0) !important;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
background-color: var(--oxynav-activehover-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
color: var(--oxynav-neutral-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
color: var(--oxynav-neutral-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.ct-section-inner-wrap, .oxy-header-container{
max-width: 1440px;
}
body {font-family: 'Rubik';}body {line-height: 1.5;font-size: 16px;font-weight: 400;color: #153f48;}.oxy-nav-menu-hamburger-line {background-color: #153f48;}h1, h2, h3, h4, h5, h6 {font-family: Courier New, Courier, monospace;font-size: 44px;font-weight: 500;line-height: 1;}h2, h3, h4, h5, h6{font-size: 32px;font-weight: 500;line-height: 1.25;}h3, h4, h5, h6{font-size: 24px;font-weight: 500;line-height: 1;}h4, h5, h6{font-size: 18px;font-weight: 500;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-top: 20px;
padding-right: 60px;
padding-bottom: 20px;
padding-left: 60px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 60px;
padding-left: 60px;
}@media (max-width: 992px) {
.ct-columns-inner-wrap {
display: block !important;
}
.ct-columns-inner-wrap:after {
display: table;
clear: both;
content: "";
}
.ct-column {
width: 100% !important;
margin: 0 !important;
}
.ct-columns-inner-wrap {
margin: 0 !important;
}
}
.oxel_horizontal_divider {
margin-top:16px;
margin-bottom:16px;
width:100%;
}
.oxel_horizontal_divider:not(.ct-section):not(.oxy-easy-posts),
.oxel_horizontal_divider.oxy-easy-posts .oxy-posts,
.oxel_horizontal_divider.ct-section .ct-section-inner-wrap{
flex-direction:unset;
}
.oxel_horizontal_divider__line {
height:2px;
background-color:#98a1a8;
}
.oxel_horizontal_divider__icon {
color: #98a1a8;}.oxel_horizontal_divider__icon
>svg {width: 16px;height: 16px;}.oxel_horizontal_divider__icon {
flex-shrink: 0;
}
.oxel_horizontal_divider__icon:not(.ct-section):not(.oxy-easy-posts),
.oxel_horizontal_divider__icon.oxy-easy-posts .oxy-posts,
.oxel_horizontal_divider__icon.ct-section .ct-section-inner-wrap{
display:flex;
}
.oxel_accordion {
border-top-color:#F0EDE280;
border-right-color:#F0EDE280;
border-bottom-color:#F0EDE280;
border-left-color:#F0EDE280;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-radius:12px;
color:#f0ede2;
}
.oxel_accordion__row {
font-family:Rubik;
width:100%;
padding-top:24px;
padding-left:24px;
padding-right:24px;
padding-bottom:24px;
text-align:justify;
font-weight:600;
background-color:transparent;
border-top-width:0px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:0px;
color:inherit;
cursor: pointer;
}
.oxel_accordion__row:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__row.oxy-easy-posts .oxy-posts,
.oxel_accordion__row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:space-between;
}
@media (max-width: 991px) {
.oxel_accordion__row {
padding-top:16px;
padding-right:16px;
padding-bottom:16px;
padding-left:16px;
}
}
.oxel_accordion__icon {
color: #374047;}.oxel_accordion__icon
>svg {width: 18px;height: 18px;}.oxel_accordion__icon {
margin-right:8px;
transition-duration:0.3s;
}
.oxel_accordion__row_left {
}
.oxel_accordion__row_left:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__row_left.oxy-easy-posts .oxy-posts,
.oxel_accordion__row_left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_accordion__content {
width:100%;
padding-top:0px;
padding-left:24px;
padding-right:24px;
padding-bottom:24px;
border-bottom-color:#98a1a8;
border-bottom-width:2px;
border-bottom-style:none;
overflow:hidden;
opacity:1;
transition-duration:3s;
border-top-style:none;
border-right-style:none;
border-left-style:none;
transition-property:max-height;
text-align:left;
max-height:3000px;
margin-top:0px;
}
.oxel_accordion__content:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__content.oxy-easy-posts .oxy-posts,
.oxel_accordion__content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
@media (max-width: 991px) {
.oxel_accordion__content {
padding-left:16px;
padding-right:16px;
padding-bottom:16px;
}
}
.oxel_accordion__content__hidden {
max-height:0px;
padding-left:24px;
padding-right:24px;
padding-top:0px;
z-index:-1;
padding-bottom:0px;
transition-duration:0s;
}
.oxel_accordion__content__hidden:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__content__hidden.oxy-easy-posts .oxy-posts,
.oxel_accordion__content__hidden.ct-section .ct-section-inner-wrap{
display:flex;
}
.oxel_accordion__row__label {
}
.oxel_dynamicslider {
width:100%;
}
.swiper-container {
}
.oxel_dynamicslider__container {
height:400px;
}
.swiper-wrapper {
}
.swiper-slide {
}
.oxel_logo_slider {
width:100%;
position:relative;
overflow:hidden;
background-color:#ffffff;
text-align:center;
}
.oxel_logo_slider:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider.oxy-easy-posts .oxy-posts,
.oxel_logo_slider.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.oxel_logo_slider__logo {
transition-duration:0.3s;
transition-timing-function:ease-in-out;
width:20%;
height:100px;
text-align:center;
padding-top:16px;
padding-left:16px;
padding-right:16px;
padding-bottom:16px;
}
.oxel_logo_slider__logo:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider__logo.oxy-easy-posts .oxy-posts,
.oxel_logo_slider__logo.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.oxel_logo_slider__image_carrier {
width:100%;
text-align:left;
flex-shrink:0;
transition-duration:0.1s;
transition-timing-function:linear;
}
.oxel_logo_slider__image_carrier:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider__image_carrier.oxy-easy-posts .oxy-posts,
.oxel_logo_slider__image_carrier.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
.oxel_logo_slider__image_carrier--delay {
}
.slide {
clip-path: path("M1412 0C1416.42 2.16469e-05 1420 3.58174 1420 8V736.352C1420 770.635 1399.95 799.892 1372.61 805.53L772.741 929.26C728.984 938.289 684.324 938.25 640.577 929.13L47.3086 805.608C20.0037 799.918 0 770.687 0 736.442V8C0 3.58172 3.58172 0 8 0H1412Z");
}
.h1 {
text-transform:uppercase;
flex-grow:1;
font-size:44px;
line-height:1;
}
@media (max-width: 991px) {
.h1 {
font-size:32px;
}
}
.shield {
padding-bottom:66%;
}
.overlay {
}
.slide-overlay {
position:absolute;
bottom:25%;
left:50px;
right:50px;
min-height:30%;
grid-template-rows: 1fr auto;
}
.slide-overlay:not(.ct-section):not(.oxy-easy-posts),
.slide-overlay.oxy-easy-posts .oxy-posts,
.slide-overlay.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;justify-items: left;align-items: center;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
.button {
background-color :#f0ede2;
border: 1px solid #f0ede2;
padding: 10px 16px;
}.button {
font-size:14px;
color:#153f48;
padding-left:40px;
padding-right:40px;
padding-top:12px;
padding-bottom:12px;
border-radius:6px;
border-top-style:none;
border-right-style:none;
border-bottom-style:none;
border-left-style:none;
}
.boingmono {
}
.rumikosans {
}
.swiper {
position:relative;
width:100%;
}
.swiper-pagination {
}
.primary-menu {
gap:20px;
}
.primary-menu:not(.ct-section):not(.oxy-easy-posts),
.primary-menu.oxy-easy-posts .oxy-posts,
.primary-menu.ct-section .ct-section-inner-wrap{
display:flex;
gap:20px;
}
.hero {
}
.hero .ct-section-inner-wrap {
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
}
.bg-main {
background-color:#333f48;
}
.pastille {
gap:20px;
}
.pastille:not(.ct-section):not(.oxy-easy-posts),
.pastille.oxy-easy-posts .oxy-posts,
.pastille.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:20px;
}
@media (max-width: 991px) {
.pastille {
text-align:center;
}
.pastille:not(.ct-section):not(.oxy-easy-posts),
.pastille.oxy-easy-posts .oxy-posts,
.pastille.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}
.pastilles {
padding-top:50px;
padding-right:60px;
padding-bottom:50px;
padding-left:60px;
border-radius:12px;
}
.pastilles:not(.ct-section):not(.oxy-easy-posts),
.pastilles.oxy-easy-posts .oxy-posts,
.pastilles.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));grid-column-gap: 5%;grid-row-gap: 20px;}
@media (max-width: 1440px) {
.pastilles {
}
.pastilles:not(.ct-section):not(.oxy-easy-posts),
.pastilles.oxy-easy-posts .oxy-posts,
.pastilles.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}
@media (max-width: 991px) {
.pastilles {
background-color:transparent !important;
padding-top:0px;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
}
}
@media (max-width: 479px) {
.pastilles {
}
.pastilles:not(.ct-section):not(.oxy-easy-posts),
.pastilles.oxy-easy-posts .oxy-posts,
.pastilles.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}
.icone {
}
.pastille-label {
font-size:14px;
color:#f0ede2;
text-transform:uppercase;
text-wrap: balance;
}
@media (max-width: 991px) {
.pastille-label {
text-align:center;
}
}
.h2 {
font-size:32px;
font-weight:500;
text-transform:uppercase;
line-height:1.25;
}
@media (max-width: 991px) {
.h2 {
font-size:28px;
line-height:32px;
}
}
.categorie-produit-image {
width:100%;
}
.categorie-vignette-image {
transform:scale(1.1,1.1); width:100%;
height:380px;
object-fit:cover;
transition-duration:1s;
grid-row: 1 / span 2; grid-column: 1;
}
.categorie-vignette {
width:100%;
position:relative;
border-radius:16px;
overflow:hidden;
grid-template-rows: 34px 1fr;
}
.categorie-vignette:not(.ct-section):not(.oxy-easy-posts),
.categorie-vignette.oxy-easy-posts .oxy-posts,
.categorie-vignette.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;justify-items: center;align-items: start;grid-template-columns: repeat(1, minmax(50px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
.categorie-vignette-image-front {
transform:scale(1,1); z-index:5;
transition-duration:1s;
height:40%;
grid-row: 2; grid-column: 1; align-self: end; transform-origin: center bottom;
}
@media (max-width: 1440px) {
}
@media (max-width: 991px) {
}
.categorite-vignette-teintes {
background-color:#333f48;
grid-row: 1; grid-column: 1;
}
.categorie-vignette-label:empty{
}
.categorie-vignette-label:not(.ct-section):not(.oxy-easy-posts):empty,
.categorie-vignette-label.oxy-easy-posts:empty .oxy-posts,
.categorie-vignette-label.ct-section:empty .ct-section-inner-wrap{
display:none;
}
.categorie-vignette-label {
color:#f0ede2;
font-size:14px;
font-weight:400;
background-color:#333f48;
padding-top:2px;
padding-right:40px;
padding-bottom:2px;
padding-left:40px;
border-bottom-left-radius:16px;
border-bottom-right-radius:16px;
line-height:2;
text-transform:uppercase;
z-index:5;
grid-row: 1; grid-column: 1;
}
.categorie-nom {
font-size:22px;
font-weight:500;
text-transform:uppercase;
color:#333f48;
}
.categories-produits {
}
.categorie-produit {
gap:15px;
useCustomTag:true;
}
.categorie-produit:not(.ct-section):not(.oxy-easy-posts),
.categorie-produit.oxy-easy-posts .oxy-posts,
.categorie-produit.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:stretch;
gap:15px;
}
.partenaires {
}
.h3 {
text-transform:uppercase;
font-size:24px;
font-weight:500;
line-height:1.25;
}
@media (max-width: 991px) {
.h3 {
font-size:20px;
line-height:28px;
}
}
.categorie-heading {
text-transform:uppercase;
text-wrap: balance;
}
.pastille-color {
}
.pastille-couleur:last-child{
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
}
.pastille-couleur:first-child{
border-top-left-radius:8px;
border-top-right-radius:8px;
}
.pastille-couleur {
background-color:#ffffff;
padding-top:4px;
padding-right:6px;
padding-bottom:4px;
padding-left:6px;
max-width:275px;
grid-template-columns: 60px 1fr !important; grid-template-rows: 1fr 1fr;
}
.pastille-couleur:not(.ct-section):not(.oxy-easy-posts),
.pastille-couleur.oxy-easy-posts .oxy-posts,
.pastille-couleur.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;justify-items: left;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 10px;grid-row-gap: 4px;}
.pastille-couleur:not(.ct-section):not(.oxy-easy-posts) > :nth-child(1),
.pastille-couleur.ct-section .ct-section-inner-wrap > :nth-child(1),
.pastille-couleur.oxy-easy-posts .oxy-posts > :nth-child(1){
grid-row: span 2;height: 100%;}
.pastille-couleur-image {
}
.pastille-couleur-gamme {
font-size:10px;
color:#9f9f9f;
line-height:1;
text-transform:uppercase;
}
.pastille-couleur-label {
font-size:14px;
line-height:1;
text-transform:uppercase;
color:#153f48;
}
.categorie-vignette-image-back {
transform:scale(1.1,1.1); width:100%;
height:380px;
object-fit:cover;
transition-duration:1s;
object-position:center;
grid-row: 1 / span 2; grid-column: 1;
}
@media (max-width: 991px) {
.categorie-vignette-image-back {
aspect-ratio:1.4;
height:auto;
}
}
.telechargements-lien {
background-color:#587F950D;
border-bottom-left-radius:16px;
border-bottom-right-radius:16px;
padding-top:16px;
padding-right:16px;
padding-bottom:16px;
padding-left:16px;
}
.telechargements-lien:not(.ct-section):not(.oxy-easy-posts),
.telechargements-lien.oxy-easy-posts .oxy-posts,
.telechargements-lien.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
.faq-repeater {
}
.oxy-stock-content-styles {
}
.footer {
background-color:#333f48;
}
.conseils-slider-slide-content-tag {
}
.menu {
}
.guide-section {
useCustomTag:false;
padding-top:30px;
padding-right:40px;
padding-bottom:30px;
padding-left:40px;
border-radius:16px;
width:100%;
grid-template-columns: 40px 1fr min(40%, 460px) !important;
}
.guide-section:not(.ct-section):not(.oxy-easy-posts),
.guide-section.oxy-easy-posts .oxy-posts,
.guide-section.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(3, minmax(0px, 1fr));grid-column-gap: 20px;grid-row-gap: 60px;}
.guide-section:not(.ct-section):not(.oxy-easy-posts) > :nth-child(2),
.guide-section.ct-section .ct-section-inner-wrap > :nth-child(2),
.guide-section.oxy-easy-posts .oxy-posts > :nth-child(2){
grid-column: span 2;}
@media (max-width: 991px) {
.guide-section {
padding-top:24px;
padding-right:16px;
padding-bottom:24px;
padding-left:16px;
}
}
.section-heading-title {
}
.guide-section-heading-title {
}
.guide-section-heading-arrow {
}
.guide-section-number {
color:#f0ede2;
}
.h4 {
text-transform:uppercase;
font-size:18px;
font-weight:500;
line-height:24px;
}
@media (max-width: 991px) {
.h4 {
font-size:16px;
line-height:1.25;
}
}
.guide-section-heading {
color:#f0ede2;
}
.guide-section-recommandation {
background-color:#f0ede2;
padding-top:40px;
padding-right:30px;
padding-bottom:40px;
padding-left:30px;
border-radius:16px;
}
@media (max-width: 991px) {
.guide-section-recommandation {
padding-top:24px;
padding-right:16px;
padding-bottom:24px;
padding-left:16px;
}
}
.guide-section-texte:last-child{
grid-column: span 2;
}
.guide-section-texte {
font-weight:300;
color:#f0ede2;
}
.guide-section-recommandation-texte {
}
.gamme:hover{
transform:rotateY(180deg);}
.gamme {
transform:rotateY(0deg); border-radius:16px;
overflow:hidden;
transition-duration:.5s;
transform-style: preserve-3d;
}
.gamme:not(.ct-section):not(.oxy-easy-posts),
.gamme.oxy-easy-posts .oxy-posts,
.gamme.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(3, minmax(10px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
.gamme-image-fond-wrapper {
mix-blend-mode:multiply;
}
.gamme-title {
text-align:center;
color:#f0ede2;
z-index:5;
}
.gamme-title:not(.ct-section):not(.oxy-easy-posts),
.gamme-title.oxy-easy-posts .oxy-posts,
.gamme-title.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.gamme-image-wrapper {
transform:translateY(15%);}
.gamme-back {
background-color:#333f48;
padding-top:40px;
padding-bottom:40px;
padding-right:32px;
padding-left:32px;
grid-column: 1 / span 3; grid-row: 1 / span 3; transform: rotateY(180deg); backface-visibility: hidden;
}
.gamme-card-front {
transform:rotateY(0deg); transition-duration:.5s;
overflow:hidden;
border-radius:16px;
background-color:#00000033;
width:100%;
height:100%;
position:absolute;
grid-column: 1; grid-row: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; grid-template-rows: 35% 1fr 35%;
}
.gamme-card-front:not(.ct-section):not(.oxy-easy-posts),
.gamme-card-front.oxy-easy-posts .oxy-posts,
.gamme-card-front.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(3, minmax(10px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
.gamme-card-back {
transform:rotateY(180deg); background-color:#333f48;
padding-top:40px;
padding-bottom:40px;
padding-right:64px;
padding-left:32px;
transition-duration:.5s;
border-radius:16px;
overflow:hidden;
gap:24px;
position:absolute;
width:100%;
height:100%;
grid-column: 1; grid-row: 1; -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden;
}
.gamme-card-back:not(.ct-section):not(.oxy-easy-posts),
.gamme-card-back.oxy-easy-posts .oxy-posts,
.gamme-card-back.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:flex-end;
gap:24px;
}
@media (max-width: 991px) {
.gamme-card-back {
padding-top:12px;
padding-left:16px;
padding-right:16px;
padding-bottom:12px;
gap:8px;
}
.gamme-card-back:not(.ct-section):not(.oxy-easy-posts),
.gamme-card-back.oxy-easy-posts .oxy-posts,
.gamme-card-back.ct-section .ct-section-inner-wrap{
gap:8px;
}
}
.gamme-wrapper:hover{
}
.gamme-wrapper {
useCustomTag:false;
transition-duration:.5s;
transform-style: preserve-3d; aspect-ratio: 1;
}
.gamme-wrapper:not(.ct-section):not(.oxy-easy-posts),
.gamme-wrapper.oxy-easy-posts .oxy-posts,
.gamme-wrapper.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
.teinte-item-produits {
}
.teinte-item {
}
.teinte-item-heading {
}
.hero-slider-background {
}
.hero-slider-slide-content {
}
.hero-slider-slide-content-heading {
color:#f0ede2;
text-align:left;
}
.hero-slider-slide-content-heading:not(.ct-section):not(.oxy-easy-posts),
.hero-slider-slide-content-heading.oxy-easy-posts .oxy-posts,
.hero-slider-slide-content-heading.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
}
.hero-slider-slide-content-image {
object-fit:contain;
object-position:center;
}
.hero-slider-slide-content-button {
}
.section {
gap:40px;
}
.section:not(.ct-section):not(.oxy-easy-posts),
.section.oxy-easy-posts .oxy-posts,
.section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:stretch;
gap:40px;
}
@media (max-width: 991px) {
.section {
}
.section .ct-section-inner-wrap {
padding-top: 24px;
padding-right: 16px;
padding-bottom: 16px;
padding-left: 16px;
}
}
@media (max-width: 767px) {
.section {
}
}
.shape {
}
.section-telechargements {
}
.section-telechargements .ct-section-inner-wrap {
padding-top: 100px;
}
.section-telechargements:not(.ct-section):not(.oxy-easy-posts),
.section-telechargements.oxy-easy-posts .oxy-posts,
.section-telechargements.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(0px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
@media (max-width: 767px) {
.section-telechargements {
gap:40px;
}
.section-telechargements .ct-section-inner-wrap {
padding-top: 40px;
}
.section-telechargements:not(.ct-section):not(.oxy-easy-posts),
.section-telechargements.oxy-easy-posts .oxy-posts,
.section-telechargements.ct-section .ct-section-inner-wrap{
display:grid;
gap:40px;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 40px;}
}
.section-faq {
}
.section-faq .ct-section-inner-wrap {
padding-top: 80px;
padding-bottom: 120px;
}
.faq-inner {
width:100%;
color:#333f48;
}
.faq-inner:not(.ct-section):not(.oxy-easy-posts),
.faq-inner.oxy-easy-posts .oxy-posts,
.faq-inner.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 0px;}
.faq-inner-block {
padding-left:50px;
padding-right:50px;
padding-top:40px;
padding-bottom:8px;
position:relative;
margin-top:-2px;
margin-bottom:-2px;
}
.faq-inner-block:not(.ct-section):not(.oxy-easy-posts),
.faq-inner-block.oxy-easy-posts .oxy-posts,
.faq-inner-block.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 991px) {
.faq-inner-block {
padding-top:20px;
padding-left:8px;
padding-right:8px;
}
}
.produits-slide-wrapper {
text-align:left;
gap:15px;
}
.produits-slide-wrapper:not(.ct-section):not(.oxy-easy-posts),
.produits-slide-wrapper.oxy-easy-posts .oxy-posts,
.produits-slide-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:stretch;
gap:15px;
}
.question {
}
.produits-slide-heading {
font-size:16px;
order:2;
text-transform:uppercase;
}
.produits-slide-formats {
text-transform:uppercase;
font-size:14px;
order:3;
}
.produits-slide-image-link {
useCustomTag:true;
text-align:left;
order:1;
position:relative;
overflow:hidden;
border-radius:8px;
background-color:#45352614;
}
.produits-slide-image-link:not(.ct-section):not(.oxy-easy-posts),
.produits-slide-image-link.oxy-easy-posts .oxy-posts,
.produits-slide-image-link.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:stretch;
}
.produits-slide-image {
aspect-ratio:.8;
object-fit:cover;
}
.produits-slide-tag {
useCustomTag:true;
font-size:12px;
color:#ffffff;
font-weight:500;
padding-left:10px;
padding-right:10px;
background-color:#333f48;
border-radius:4px;
position:absolute;
top:16px;
left:16px;
text-transform:uppercase;
}
html{
--beige: #F0EDE2;
--marron: #153F48;
--green: #395542;
--yellow: #C69214;
--red: #C04C36;
--darkblue: #333F48;
--blue: #587F95;
--brown: #824508;
}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a,
.h1 > a,
.h2 > a,
.h3 > a,
.h4 > a,
.h5 > a,
.h6 > a{
color: inherit;
}
.hide{
display: none !important;
}
.shape svg{
height: 95px;
}
@media (min-width: 992px){
.hide-desktop{
display: none !important;
}
}
@media (max-width: 991px){
.hide-mobile{
display: none !important;
}
}
[data-background-color="green"]{
background-color: var(--green);
--primary-color: var(--green);
--text-color: var(--green);
}
[data-background-color="yellow"]{
background-color: var(--yellow);
--primary-color: var(--yellow);
--text-color: var(--blue);
}
[data-background-color="red"]{
background-color: var(--red);
--primary-color: var(--red);
--text-color: var(--green);
}
[data-background-color="blue"]{
background-color: var(--blue);
--primary-color: var(--blue);
--text-color: var(--blue);
}
[data-background-color="brown"]{
background-color: var(--brown);
--primary-color: var(--brown);
--text-color: var(--green);
}
[data-background-color="darkblue"]{
background-color: var(--darkblue);
--primary-color: var(--darkblue);
--text-color: var(--blue);
}
[data-fill-color="green"] path{
fill: var(--green) !important;
}
[data-fill-color="yellow"] path{
fill: var(--yellow) !important;
}
[data-fill-color="red"] path{
fill: var(--red) !important;
}
[data-fill-color="blue"] path{
fill: var(--blue) !important;
}
[data-fill-color="brown"] path{
fill: var(--brown) !important;
}
[data-fill-color="darkblue"] path{
fill: var(--darkblue) !important;
}
body{
background-color: var(--beige);
}
svg{
display: block;
max-width: 100%;
height: auto;
}
p:last-child{
margin-bottom: 0;
}
.swiper:has(.swiper-slide:only-child) .swiper-pagination{
display: none !important;
}
#hero .slide-overlay:not(:has(img)){
grid-template-columns: 2fr 1fr;
}
#hero .hero-slider-background svg{
width: 100% !important;
}
#hero .hero-slider-background{
border-radius: 13px;
overflow: hidden;
background: #000;
mask-image: url(https://newsaman.wpenginepowered.com/wp-content/uploads/2025/09/landscape-hero-mask-1.svg);
mask-size: 100%;
mask-position: center bottom;
}
#hero .hero-slider-background img{
display: block;
object-fit: cover;
object-position: center;
aspect-ratio: 1.55;
width: 100%;
height: auto;
mask-image: linear-gradient(to right, #00000099 50%, #000000FF 100%);
}
@media (orientation: portrait) {
#hero .hero-slider-background{
border-radius: 9px;
mask-image: url(https://newsaman.wpenginepowered.com/wp-content/uploads/2025/09/portrait-hero-mask.svg);
}
#hero .hero-slider-background img{
height: 90%;
height: calc(100vh - 16px);
height: calc(100dvh - 16px);
}
#hero .hero-slider-slide-content{
justify-items: center;
grid-template-columns: 1fr !important;
min-height: 0px;
left: 24px;
right: 24px;
}
#hero .hero-slider-slide-content-heading{
text-align: center;
}
#hero .hero-slider-slide-content-image{
grid-column: 1;
grid-row: 2;
}
#hero .hero-slider-slide-content-button{
grid-column: 1;
grid-row: 3;
}
#hero .swiper-pagination{
transform: translateX(50%);
right: 50%;
bottom: 15%;
}
}
#breadcrumbs a{
color: inherit;
}
@media (max-width: 991px){
.pastilles .pastille .icone path{
fill: var(--primary-color, var(--marron)) !important;
}
.pastilles .pastille .pastille-label{
color: var(--primary-color, var(--marron));
}
}
@media (max-width: 991px){
#categorie-hero{
aspect-ratio: auto;
height: 90vh;
height: 90dvh;
grid-template-columns: 1fr;
}
}
#gamme a{
border-radius: 4px;
display: inline-block;
padding: 4px 10px;
color: inherit;
}
.categories-produits .categorie-produit:nth-child(n+3) .categorie-heading{
align-items: center;
font-size: 20px;
text-align: center;
}
@media (max-width: 992px){
.categories-produits .categorie-produit .categorie-heading{
align-items: center;
font-size: 20px;
text-align: center;
}
}
.categorie-vignette:hover .categorie-vignette-image-back{
transform: scale(1);
}
.categorie-vignette:hover .categorie-vignette-image-front{
transform: scale(1.1);
}
.pastille-couleur-image img{
display: block;
object-fit: cover;
object-position: center;
aspect-ratio: 1.5;
max-width: 100%;
height: auto;
border-radius: 8px;
}
.pastille-couleur-gamme{
align-self: end;
}
.faq-repeater .oxel_accordion:has(.oxel_accordion__row--active){
background-color: var(--beige);
color: var(--text-color, var(--marron));
}
.faq-repeater .oxel_accordion:not(:has(.oxel_accordion__row--active)):hover{
background-color: #FFFFFF3D;
}
.faq-repeater .oxel_accordion .oxel_accordion__row--active path{
fill: var(--primary-color, var(--marron));
}
.faq-repeater .oxel_accordion__content p{
margin-top: 0;
}
.conseils-slider-slide-content-tag a{
color: inherit;
}
#images figure,
#images img{
border-radius: 8px;
display: block;
overflow: hidden;
}
.gamme-wrapper img{
display: block;
max-width: 100%;
}
.gamme-wrapper .gamme-image-fond-wrapper{
grid-column: 1 / span 3;
grid-row: 1 / span 3;
}
.gamme-wrapper .gamme-image-fond{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.gamme-wrapper .gamme-title{
align-self: center;
grid-column: 1 / span 3;
grid-row: 2;
}
.gamme-wrapper .gamme-image-wrapper{
grid-column: 2;
grid-row: 3;
}
.gamme-wrapper .gamme-image{
width: 100%;
}
.gamme-wrapper:hover .gamme-card-front{
transform: rotateY(180deg);
}
.gamme-wrapper:hover .gamme-card-back{
transform: rotateY(0deg);
}
.teinte-item-produits a{
color: inherit;
}
.teintes-gamme-selector-label{
border: solid 1px #153F4833;
border-radius: 6px;
color: var(--marron);
cursor: pointer;
font-weight: 500;
padding: 8px 12px;
text-transform: uppercase;
}
input:checked + .teintes-gamme-selector-label{
background-color: var(--marron);
color: var(--beige);
}
.teinte-item-produits a:not(:last-child)::after{
content: "|";
cursor: default;
padding: 0 .5em;
pointer-events: none;
}
.teinte-item-heading strong{
font-family: 'BoingMono';
font-weight: 500;
}
.teinte-item-heading .hr{
background-color: var(--marron);
border: none;
margin: 0;
height: 1px;
width: 10px;
}
.teinte-item-heading .code{
white-space: nowrap;
}
#inspirations .swiper-slide{
width: 100%;
}
#inspirations .swiper-slide img{
aspect-ratio: 1.9;
display: block;
object-fit: cover;
object-position: center;
width: 100%;
}
body:not(.oxygen-builder-body) #teintes:not(:has(.teinte-item)),
body:not(.oxygen-builder-body) #gammes:not(:has(.gamme-wrapper)),
body:not(.oxygen-builder-body) #produits:not(:has(.produits-slide-wrapper)),
body:not(.oxygen-builder-body) #telechargements:not(:has(.telechargements-lien)),
body:not(.oxygen-builder-body) #faq:not(:has(.question)),
body:not(.oxygen-builder-body) #guide:has(#guide-repeater:empty),
body:not(.oxygen-builder-body) #inspirations:has(#swiper-slides:empty),
body:not(.oxygen-builder-body) #produits-complementaires[data-produits-complementaires=""]{
display: none;
}
#footer-menu ul{
list-style: none;
padding: 0;
margin: 0;
}
#footer-menu > ul{
display: flex;
flex-wrap: wrap;
gap: 32px;
justify-content: space-between;
}
#footer-menu > ul > li{
flex: 0 0 auto;
}
#footer-menu a{
color: inherit;
}
#footer-menu > ul > li > a{
display: inline-block;
font-family: 'BoingMONO';
margin-bottom: 16px;
}
/*
@media (max-width: 992px){
#footer-menu > ul{
flex-direction: column;
gap: 32px;
}
}
*/
#footer-policies .oxy-nav-menu-list{
align-items: center;
}
@media (max-width: 991px){
#footer-policies .oxy-nav-menu-list{
flex-direction: column;
}
}
@media (min-width: 992px){
#footer-policies .oxy-nav-menu-list{
gap: 8px;
}
}
#footer-top svg,
#footer-bottom svg{
width: 100%;
}#header .oxy-nav-menu-list{
gap: 32px;
}
#header:has(+ main > .hero:first-child){
position: absolute;
}
@media (max-width: 767px){
.single-produit #header{
position: absolute;
}
}
#header #primary-nav,
#header #primary-nav #logo path,
#header #primary-nav #header-mobile-toggle path,
#header #primary-nav .menu-item a{
transition: all 300ms;
}
#header #primary-nav .menu-item a{
text-wrap: nowrap;
}
#header:has(+ main > .hero:first-child):hover #primary-nav{
background-color: var(--beige);
}
@media (min-width: 993px){
#header:has(+ main > .hero:first-child):not(:hover) #primary-nav{
border-bottom: solid 1px #FFFFFF36;
}
}
#header:has(+ main > .hero:first-child):not(:hover) #logo path,
#header:has(+ main > .hero:first-child):not(:hover) #header-mobile-toggle path,
#header:has(+ main > .hero:first-child):not(:hover) .menu-item-type-wpml_ls_menu_item.menu-item-has-children > a svg path{
fill: var(--beige) !important;
stroke: var(--beige) !important;
}
#header:has(+ main > .hero:first-child):not(:hover) #primary-nav .menu-item a{
color: var(--beige);
}
#header #menu-right .sub-menu{
right: 0;
}
#header .sub-menu{
border-radius: 0 0 8px 8px;
overflow: hidden;
}
#header .menu-item.products > ul.sub-menu {
background-color: var(--beige);
padding: 60px 50px;
left: -50px;
width: var(--header-width);
border-radius: 0 0 32px 32px;
}
#header .menu-item.products > ul.sub-menu > li{
font-size: 20px;
line-height: 2;
font-weight: 500;
}
#header .menu-item.products > ul.sub-menu > li > a::after{
display: none;
}
#header .menu-item.products:hover > ul.sub-menu > li > ul.sub-menu{
display: grid;
background-color: transparent;
grid-template-columns: repeat(auto-fill, minmax(205px, 1fr));
position: static;
opacity: 1;
gap: 20px;
visibility: visible;
}
#header .menu-item.products > ul.sub-menu > li > ul.sub-menu > li{
font-size: 14px;
line-height: 1.6;
text-wrap-mode: wrap;
text-wrap: balance;
}
#header-mobile .menu-item.products:hover > ul.sub-menu > li > ul.sub-menu{
display: grid;
background-color: transparent;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
position: static;
opacity: 1;
gap: 16px;
visibility: visible;
}
#header-mobile .menu-item.products > ul.sub-menu > li > ul.sub-menu > li{
font-size: 12px;
line-height: 1.6;
text-wrap-mode: wrap;
text-wrap: balance;
text-align: center;
}
.menu-item.products > ul.sub-menu > li > ul.sub-menu > li a{
align-items: stretch;
display: grid;
grid-auto-flow: row;
gap: 10px;
text-wrap: inherit !important;
}
.menu-item.products > ul.sub-menu > li > ul.sub-menu > li a::before,
.menu-item.products > ul.sub-menu > li > ul.sub-menu > li a::after{
content: "";
grid-column: 1;
grid-row: 1;
border-radius: 16px;
}
.menu-item.products > ul.sub-menu > li > ul.sub-menu > li a::before{
aspect-ratio: 1.6;
background-image: var(--back-image);
background-position: center;
background-size: cover;
}
.menu-item.products > ul.sub-menu > li > ul.sub-menu > li a::after{
background-image: var(--front-image);
background-size: 60%;
background-position: center bottom;
background-repeat: no-repeat;
}
.menu-item-type-wpml_ls_menu_item.menu-item-has-children > a{
gap: 6px;
}
.menu-item-type-wpml_ls_menu_item.menu-item-has-children > a > svg{
order: 1;
}
.menu-item-type-wpml_ls_menu_item.menu-item-has-children > a > span{
order: 2;
}
.menu-item-type-wpml_ls_menu_item.menu-item-has-children > a::after{
order: 3;
}
#header .menu-item-type-wpml_ls_menu_item.menu-item-has-children > a{
display: flex;
}
#header .menu-item-type-wpml_ls_menu_item.menu-item-has-children > a::after{
display: none;
}
#header .menu-item-type-wpml_ls_menu_item.menu-item-has-children > a > span{
display: flex;
font-size: 0;
}
#header .menu-item-type-wpml_ls_menu_item.menu-item-has-children > a > span::after{
content: attr(lang);
font-size: 13px;
}
#header .menu-item-type-wpml_ls_menu_item .sub-menu a{
display: flex;
align-items: center;
justify-content: space-between;
gap:8px;
}
#header .menu-item-type-wpml_ls_menu_item .sub-menu a::after{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 4px;
content:"";
aspect-ratio: 1.9;
margin: -8px 0;
width: auto;
height: 3rem;
}
#header .menu-item-type-wpml_ls_menu_item .sub-menu span{
display: none;
}
#logo{
align-self: start;
}
#header-mobile:popover-open,
#header-mobile.ct-active,
#header-mobile:has(.ct-active),
#header-mobile:has(#header-mobile-nav:hover){
transform: translateY(0%) !important;
}
#header-mobile-nav .primary-menu > div{
width: 100%;
}
#header-mobile-nav .menu-item .sub-menu,
#header-mobile-nav .menu-item{
background-color: var(--beige);
visibility: visible;
position: static;
opacity: 1;
}
#header-mobile-nav .oxy-nav-menu-list > .menu-item > .sub-menu{
padding: 0 16px 12px 16px;
position: absolute;
top: 40px;
left: 0;
bottom: 0;
width: 100%;
transform: translateX(100%);
transition: 500ms;
overflow-y: auto; /* vertical scroll */
overflow-x: hidden; /* clip horizontal overflow */
scrollbar-gutter: stable; /* avoids layout shift when scrollbar appears */
}
/* Progressive enhancement (if supported) */
@supports (overflow: clip) {
#header-mobile-nav .oxy-nav-menu-list > .menu-item > .sub-menu{ overflow-x: clip; } /* clips without creating a scrollable area */
}
/*
#header-mobile-nav .oxy-nav-menu-list > .menu-item > .sub-menu::before
*/
#header-mobile-nav::before{
content: var(--return-label, "Retour");
background-color: var(--beige);
background-image: url('data:image/svg+xml,');
background-position: left center;
background-repeat: no-repeat;
font-weight: 500;
font-size: 18px;
line-height: 40px;
text-transform: uppercase;
padding: 0px 8px 0px 32px;
position: absolute;
width: 100%;
transform: translateX(100%);
transition: 500ms;
z-index: 1;
}
#header-mobile-nav:has( .oxy-nav-menu-list > .menu-item-has-children:hover)::before,
#header-mobile-nav .oxy-nav-menu-list > .menu-item-has-children:hover > .sub-menu{
transform: translateX(0%);
}
#header-mobile-nav .oxy-nav-menu-dropdowns.oxy-nav-menu-dropdown-arrow .menu-item-has-children > a::after{
transform: rotate(-90deg) translateX(1px);
background-image: url('data:image/svg+xml,');
border: none;
width: 14px;
height: 8px;
margin-left: 8px;
}
#header-mobile-nav{
overflow: hidden;
}
/*
.oxy-nav-menu-list > .wpml-ls-item > a > .wpml-ls-native{
font-size:0;
}
.oxy-nav-menu-list > .wpml-ls-item > a > .wpml-ls-native::before{
content: attr(lang);
font-size: 16px;
}
*/
body:has([popover]:popover-open){
overflow: hidden;
}#product-options .product-option{
display: grid;
grid-template-rows: auto 1fr;
gap: 8px;
width: 100%;
transition: 500ms;
}
#product-options h4{
text-transform: uppercase;
font-size: 12px;
line-height: 1.25;
}
#product-options .product-option-content{
padding-bottom: 32px;
opacity: 1;
overflow: hidden;
transition: 500ms;
}
#product-options input{
display: none;
}
#product-options label{
cursor: pointer;
}
#product-options .option-label{
display: inline-block;
border: #153F481F 1px solid;
border-radius: 4px;
padding: 5px 10px;
margin-right: 18px;
}
#product-options .option-swatch{
display: inline-block;
border: transparent 1px solid;
border-radius: 6px;
padding: 12px;
}
#product-options .option-swatch img{
display: block;
width: 48px;
height: 48px;
object-fit: cover;
object-position: center;
border-radius: 8px;
}
#product-options label:hover{
border-color: #153F4866;
}
#product-options :checked + label{
border-color: var(--darkblue);
}
#product-options :disabled + label{
opacity: .5;
}
@media (min-width: 768px){
#product-description > h4{
display: none;
}
}
@media (max-width: 767px){
.product-option{
border-top: #153F484D solid 1px;
}
.product-option > h4 > label{
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 8px;
padding: 8px 0;
}
.product-option > h4 > label::after{
content: url('data:image/svg+xml,');
width: 16px;
height: 16px;
grid-column: 3;
transition: 500ms;
transform: rotateX(0deg);
}
#product-options .product-option:has( .toggle-visibility:not(:checked) ){
grid-template-rows: auto 0fr;
}
#product-options .product-option:has( .toggle-visibility:not(:checked) ) > h4 > label::after{
transform: rotateX(180deg);
}
#product-options .product-option:has( .toggle-visibility:not(:checked) ) .product-option-content{
padding-bottom: 0;
opacity: 0;
}
#product-option-teintes{
order: 1;
}
#product-description{
order: 2;
}
#product-option-formats{
order: 3;
}
}#guide .guide-section-heading label{
cursor: pointer;
display: flex;
justify-content: space-between;
position: relative;
}
#guide .guide-section-heading label::before{
content:"";
position: absolute;
left: -100px;
right: -40px;
top: -30px;
bottom: -30px;
}
#guide .guide-section{
transition: 500ms;
grid-template-rows: auto 0fr;
}
#guide .guide-section:has(input:checked){
grid-template-rows: auto 1fr;
}
#guide .guide-section:not(:has(input:checked)){
grid-row-gap: 0;
}
#guide .guide-section .guide-section-heading-arrow{
transition: 500ms;
transform: rotateX(0deg);
}
#guide .guide-section:has(input:checked) .guide-section-heading-arrow{
transform: rotateX(180deg);
}
#guide .guide-section > .guide-section-texte,
#guide .guide-section > .guide-section-recommandation{
overflow: hidden;
}
#guide .guide-section .guide-section-recommandation{
transition: 500ms;
}
#guide .guide-section:not(:has(input:checked)) .guide-section-recommandation{
padding-top: 0;
padding-bottom: 0;
}
#guide .guide-section-texte ol,
#guide .guide-section-recommandation ol {
list-style: none;
counter-reset: step;
padding: 0;
margin: 0;
}
#guide .guide-section-texte ol li,
#guide .guide-section-recommandation ol li {
counter-increment: step; /* increment counter */
margin: 0;
display: flex;
align-items: baseline;
gap: 0.5em;
}
#guide .guide-section-texte ol li::before,
#guide .guide-section-recommandation ol li::before {
content: counter(step, decimal-leading-zero);
font-variant-numeric: tabular-nums;
min-width: 2ch;
}
@media (max-width: 991px){
#guide .guide-section-heading label::before{
left: -76px;
right: -16px;
top: -24px;
bottom: -24px;
}
}
@media (max-width: 767px){
#guide .guide-section{
grid-template-columns: 40px 1fr !important;
grid-template-rows: auto 0fr !important;
column-gap: 8px !important;
gap: 0px;
}
#guide .guide-section-heading label::before{
left: -64px;
}
#guide .guide-section:has(.guide-section-recommandation){
grid-template-rows: auto 0fr 0fr !important;
}
#guide .guide-section:has([data-id="guide-section-checkbox"] > input:checked){
grid-template-rows: auto min-content !important;
row-gap: 40px;
}
#guide .guide-section:has(.guide-section-recommandation):has([data-id="guide-section-checkbox"] > input:checked){
grid-template-rows: auto min-content min-content !important;
}
#guide .guide-section [data-id="guide-section-checkbox"]{
position: absolute;
}
#guide .guide-section .guide-section-heading{
grid-column: 2;
}
#guide .guide-section .guide-section-texte{
grid-column: span 2;
}
#guide .guide-section .guide-section-recommandation{
grid-column: span 2;
border-top-left-radius: 0;
border-top-right-radius: 0;
margin: 24px -16px -24px;
transition: 500ms;
}
#guide .guide-section:has([data-id="guide-section-checkbox"] > input:checked) .guide-section-recommandation{
margin: 0 -16px -24px;
border: #0000001A solid 1px;
}
}#store-locator-form-wrapper, #store-locator-map-shortcode {
aspect-ratio: 1;
}
#store-locator-search-wrapper { position: relative; }
#store-locator-map-shortcode .wpgmp_map_parent{
display: block;
margin-bottom:0;
}
#store-locator-search-wrapper #store-locator-search{
border-width: 0px;
flex-grow: 1;
}
#store-locator-search-wrapper button[type="submit"]{
border-radius: 8px;
border-width: 0px;
background-color: var(--marron);
height: 48px;
width: 48px;
display: grid;
place-items: center;
}
.sl-ac{
position:absolute;
left:0; right:0;
top: calc(100% + 10px);
background:#fff;
border:1px solid rgba(0,0,0,.08);
border-radius:14px;
box-shadow: 0 18px 40px rgba(0,0,0,.10);
overflow:hidden;
z-index: 9999;
}
.sl-ac__item{
display:block;
width:100%;
text-align:left;
padding:14px 16px;
background:transparent;
border:0;
cursor:pointer;
font: inherit;
}
.sl-ac__item:hover,
.sl-ac__item[aria-selected="true"]{
background: rgba(0,0,0,.04);
}
.sl-ac__title{ font-weight: 700; color:#123a3f; }
.sl-ac__sub{ margin-top:4px; font-size:.92em; opacity:.75; }