/***** fonts et reset *****/ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Saira+Semi+Condensed:wght@400;500;600;700&display=swap'); /***** reset custom *****/ * { outline: none;} strong, b { font-weight: 500; font-size: 18px;} ul { list-style-type: none;} body { font: 400 17px/30px "Saira Semi Condensed"; letter-spacing: 0.6px; color: #555; background: none; position: relative;} body.active_overflow { height: 100vh; overflow: hidden;} a { text-decoration: none; color: #555; position: relative;} p { color: #555;} img { border: none;} main { position: relative;} #wrapper { min-width: 280px; overflow: hidden; position: relative; background: #eff5f6; padding: 140px 0 0 0;} #wrapper * { box-sizing: border-box;} #footer { position: relative; z-index: 15;} :active, :visited, :target, :focus-visible, :focus-within, :focus, :hover { outline: none!important;} a:focus, a:hover { color: #61b0bc; text-decoration: none;} @media (max-width:1200px) { #wrapper { padding: 130px 0 0 0;} } @media (max-width:767px) { #wrapper { padding: 135px 0 0 0;} } @media (max-width:600px) { strong, b { font-size: 13px;} body { font-size: 12px; line-height: 26px;} #wrapper { padding: 95px 0 0 0;} } /***** scollbar *****/ ::-webkit-scrollbar { width: 6px; height: 6px; background-color: #fff;} ::-webkit-scrollbar-thumb { background-color: #61b0bc;} /***** transition *****/ @media (min-width:1201px) { .link_custom, .btn-primary, .btn-secondary, .btn-tertiary, .slick-arrow, .sub, :before, :after, a, a span { transition: all 300ms ease-in-out;} } /***** animation *****/ .animate.fade_in { opacity: 0; transition: opacity 600ms ease-out; transition-delay: 0ms;} .animate.fade_in.play { opacity: 1;} .animate.fade_up { opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;} .animate.fade_up.play { opacity: 1; transform: translateY(0);} .animate.fade_down { opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;} .animate.fade_down.play { opacity: 1; transform: translateY(0);} .animate.fade_left { opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;} .animate.fade_left.play { opacity: 1; transform: translateX(0);} .animate.fade_right { opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;} .animate.fade_right.play { opacity: 1; transform: translateX(0);} @media (min-width:1201px) { .animate.fade_up { transform: translateY(40px);} .animate.fade_down { transform: translateY(-40px);} .animate.fade_left { transform: translateX(-40px);} .animate.fade_right { transform: translateX(40px);} .animate.clip_ttb { clip-path: inset(0 0 100% 0); transition: clip-path 800ms ease-out;} .animate.clip_ttb.play { clip-path: inset(-1px -1px -1px -1px);} .animate.clip_btt { clip-path: inset(100% 0 0 0); transition: clip-path 800ms ease-out;} .animate.clip_btt.play { clip-path: inset(-1px -1px -1px -1px);} .animate.clip_ltr { clip-path: inset(0 100% 0 0); transition: clip-path 800ms ease-out;} .animate.clip_ltr.play { clip-path: inset(-1px -1px -1px -1px);} .animate.clip_rtl { clip-path: inset(0 0 0 100%); transition: clip-path 800ms ease-out;} .animate.clip_rtl.play { clip-path: inset(-1px -1px -1px -1px);} .animate.delay-200 { transition-delay: 200ms;} .animate.delay-300 { transition-delay: 300ms;} .animate.delay-400 { transition-delay: 400ms;} .animate.delay-500 { transition-delay: 500ms;} .animate.delay-600 { transition-delay: 600ms;} .animate.delay-700 { transition-delay: 700ms;} .animate.delay-800 { transition-delay: 800ms;} .animate.delay-900 { transition-delay: 900ms;} .animate.delay-1000 { transition-delay: 1000ms;} .animate.delay-1100 { transition-delay: 1100ms;} .animate.delay-1200 { transition-delay: 1200ms;} } @media (max-width:1200px) { .animate.fade_in.play, .animate.fade_up.play, .animate.fade_down.play, .animate.fade_left.play, .animate.fade_right.play { transition-delay: 300ms;} .animate.clip_ttb, .animate.clip_ltr, .animate.clip_rtl { opacity: 0; transition: opacity 800ms ease-out; transition-delay: 0ms;} .animate.clip_ttb.play, .animate.clip_ltr.play, .animate.clip_rtl.play { opacity: 1; transition-delay: 300ms;} } /***** animation groups *****/ .animate .fade_in { opacity: 0; transition: opacity 600ms ease-out; transition-delay: 0ms;} .animate.play .fade_in { opacity: 1;} .animate .fade_up { opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;} .animate.play .fade_up { opacity: 1; transform: translateY(0);} .animate .fade_down { opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;} .animate.play .fade_down { opacity: 1; transform: translateY(0);} .animate .fade_left { opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;} .animate.play .fade_left { opacity: 1; transform: translateX(0);} .animate .fade_right { opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;} .animate.play .fade_right { opacity: 1; transform: translateX(0);} @media (min-width:1201px) { .animate .fade_up { transform: translateY(40px);} .animate .fade_down { transform: translateY(-40px);} .animate .fade_left { transform: translateX(-40px);} .animate .fade_right { transform: translateX(40px);} .animate .delay-200 { transition-delay: 200ms;} .animate .delay-300 { transition-delay: 300ms;} .animate .delay-400 { transition-delay: 400ms;} .animate .delay-500 { transition-delay: 500ms;} .animate .delay-600 { transition-delay: 600ms;} .animate .delay-700 { transition-delay: 700ms;} .animate .delay-800 { transition-delay: 800ms;} .animate .delay-900 { transition-delay: 900ms;} .animate .delay-1000 { transition-delay: 1000ms;} .animate .delay-1100 { transition-delay: 1100ms;} .animate .delay-1200 { transition-delay: 1200ms;} } @media (max-width:1200px) { .animate.play .fade_in, .animate.play .fade_up, .animate.play .fade_down, .animate.play .fade_left, .animate.play .fade_right { transition-delay: 300ms;} } @media (min-width: 1200px) { .container { width: 90vw;} } @media (min-width: 992px) { .container { width: auto; max-width: 100%;} } @media (min-width: 768px) { .container { width: auto; max-width: 100%;} } @media (min-width: 576px) { .container { width: auto; max-width: 100%;} } /***** class *****/ .container, .wrapper { width: 90vw; min-width: inherit; max-width: 1600px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; position: relative;} .wrapper_small { max-width: 1200px;} .clear { clear: both; display: block;} .titre_main { font: 500 40px/50px "Cormorant Garamond"; letter-spacing: 0.4px; color: #006072; position: relative; margin-bottom: 15px;} .titre_main span { font: 500 13px/20px "Saira Semi Condensed"; text-transform: uppercase; letter-spacing: 1.2px; display: block; margin: 5px 0;} .titre_serif { font: 400 24px/32px "Cormorant Garamond"; color: #000; position: relative; margin-bottom: 15px;} .sous_titre { font: 500 25px/35px "Saira Semi Condensed"; color: #61b0bc; position: relative; margin-bottom: 15px;} .chapo { font: 400 17px/30px "Saira Semi Condensed"; color: #555; position: relative; letter-spacing: 0.6px; margin-bottom: 15px;} .btn-primary, .btn-secondary, .btn-tertiary, .link_custom { font: 500 13px/53px "Saira Semi Condensed"; letter-spacing: 1px; text-transform: uppercase; height: 55px; display: inline-block; color: #fff; padding: 0 30px; border-radius: 8px; background: #006072; border: none;} .link_custom.reverse { background: #61b0bc;} .link_border { font-size: 13px; line-height: 48px; letter-spacing: 0.6px; background: none; border: 1px solid #c5c5c5; color: #555;} p, .page-content.page-cms ul { font-size: 17px;} .separator { border-color: #c5c5c5;} .ul_check { margin-bottom: 15px;} .ul_check li { font: 500 22px/40px "Cormorant Garamond"; letter-spacing: 0.4px; padding-left: 40px; background: url("../img/check.svg") 0 8px no-repeat;} .btn-primary.focus, .btn-primary:focus, .btn-secondary:focus, .btn-tertiary:focus, .link_custom:focus, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:focus, .btn-primary.active.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle.focus { background: #61b0bc; color: #fff;} .btn-primary:hover, .btn-secondary:hover, .btn-tertiary:hover, .link_custom:hover, .btn-primary:focus, .btn-secondary:focus, .btn-tertiary:focus, .link_custom:focus { color: #fff;} .row { margin: 0;} #main .page-header, #main .page-content, #main .page-footer { margin: 0;} #content-wrapper { padding: 0;} @media (min-width:1201px) { .btn-primary:hover, .btn-secondary:hover, .btn-tertiary:hover, .link_custom:hover { background: #61b0bc; color: #fff;} .link_border:hover { border-color: #61b0bc; background: none; color: #555;} } @media (max-width:1200px) { .titre_main { font-size: 30px; line-height: 38px;} .sous_titre { font-size: 20px; line-height: 28px;} .ul_check li { font-size: 20px; padding-left: 35px;} } @media (max-width:1000px) { .titre_main { font-size: 22px; line-height: 32px;} .sous_titre { font-size: 18px; line-height: 26px;} .ul_check li { font-size: 19px; } } @media (max-width:600px) { .container, .wrapper { width: 88vw;} .titre_main { font-size: 18px; line-height: 26px; margin-bottom: 10px;} .sous_titre { font-size: 15px; line-height: 24px; margin-bottom: 10px;} .chapo { font-size: 12px; line-height: 26px; margin-bottom: 10px;} .link_custom { font-size: 11px; height: 50px; padding: 0 20px; border-radius: 5px;} .btn-primary, .btn-secondary, .btn-tertiary, .link_custom { font-size: 12px; line-height: 44px; height: 46px; padding: 0 20px; border-radius: 7px;} .link_border { font-size: 12px; line-height: 42px;} p, .page-content.page-cms ul { font-size: 12px;} .ul_check li { font-size: 18px; } } /***** header et menu *****/ #header { width: 100%; font-size: 0; line-height: 0; letter-spacing: 0; position: fixed; left: 0; top: 0; z-index: 100; padding: 0; text-align: right; box-shadow: none; background: #fff; transition: all 300ms ease-in-out;} #header .header_top .logo { width: 315px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 240; display: grid; grid-template-columns: 54px 245px; align-items: center; grid-gap: 15px;} #header .header_top .logo img { width: 100%; height: auto; display: block; transition: all 300ms ease-in-out;} #header .header_top { width: 100%; position: relative; } #header .header_nav { display: inline-block; vertical-align: middle; margin-right: 10%; text-align: center; width: 80%; padding-left: 450px;} #header .header_nav .menu { display: block; margin: 0; background: #eff5f6; padding: 40px 0; transition: all 300ms ease-in-out;} #header .header_nav .menu>li { display: inline-block; vertical-align: middle; margin-left: 40px; position: relative;} #header .header_nav .menu>li:first-child { margin-left: 0;} #header .header_nav .menu>li>a { display: block; height: 60px; font-size: 16px; line-height: 60px; letter-spacing: 1.2px; font-weight: 500; text-transform: uppercase; color: #006072;} #header .sub { width: 240px; text-align: center; position: absolute; top: 100%; left: 50%; margin-left: -120px; display: block; visibility: hidden; opacity: 0; padding: 20px 0; background: #fff;} #header .sub li { width: 100%; margin: 0;} #header .sub li a { display: block; font: 600 20px/38px "Cormorant Garamond"; letter-spacing: 0.4px; color: #555;} #header .sub li.active a { color: #69a82f;} #header .header_top .user_infos { position: absolute; right: 0; top: 50%; transform: translateY(-50%);} #header .header_top .user_infos>div { display: grid; grid-template-columns: auto auto; align-items: center; grid-gap: 10px;} /* #_desktop_user_info { width: 54px; height: 54px; border-radius: 50%; background: url("../img/icon_account.svg") 50% 48% no-repeat #006072; position: relative; font-size: 0;} #_desktop_user_info a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;} #_desktop_user_info i { display: none;} #_desktop_cart { width: 54px; height: 54px; border-radius: 50%; background: url("../img/icon_cart.svg") 50% 48% no-repeat #006072; position: relative; font-size: 0;} #_desktop_cart .cart-products-count { width: 24px; height: 24px; border-radius: 50%; background: #61b0bc; font-size: 10px; line-height: 26px; position: absolute; right: -7px; bottom: -7px; text-align: center; color: #fff;} */ #_desktop_user_info { width: 50px; height: 50px; border-radius: 50%; background: url("../img/icon_account.svg") 50% 48% no-repeat #006072; position: relative; font-size: 0; transition: background 300ms ease-in-out;} #_desktop_user_info a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;} #_desktop_user_info i { display: none;} #_desktop_cart { width: 50px; height: 50px; border-radius: 50%; background: url("../img/icon_cart.svg") 50% 48% no-repeat #006072; position: relative; font-size: 0; transition: background 300ms ease-in-out;} #_desktop_cart a { width: 50px; height: 50px; display: block;} #_desktop_cart .cart-products-count { width: 24px; height: 24px; border-radius: 50%; background: #61b0bc; font-size: 10px; line-height: 26px; position: absolute; right: -7px; bottom: -7px; text-align: center; color: #fff; transition: background 300ms ease-in-out;} #search_widget { min-width: inherit; float: none; margin: 0; position: absolute; left: 210px; top: -80px; width: calc(100% - 860px); z-index: 250;} #search_widget form input { border-radius: 25em; background: #f2f2f2; padding: 0 80px 0 30px; height: 50px; font-size: 13px; line-height: 20px; letter-spacing: 0.6px;} #search_widget form i { position: absolute; right: 25px; top: 0; width: 18px; height: 100%; font-size: 0; background: url("../img/loupe.svg") 50% no-repeat;} #search_widget { min-width: inherit; float: none; margin: 0; position: absolute; left: 210px; top: -80px; width: calc(100% - 860px); display: none;} #search_widget form input { border-radius: 25em; background: #eff5f6; padding: 0 80px 0 30px; height: 50px; font-size: 13px; line-height: 20px; letter-spacing: 0.6px;} #search_widget form i { position: absolute; right: 25px; top: 0; width: 18px; height: 100%; font-size: 0; background: url("../img/loupe.svg") 50% no-repeat;} /* menu */ /* #header .account_basket { display: inline-block; vertical-align: middle; position: relative; z-index: 205;} #header #_desktop_user_info { display: inline-block; vertical-align: middle; margin: 0 0 0 10px;} #header #_desktop_cart { display: inline-block; vertical-align: middle; margin: 0 0 0 10px;} #header #_desktop_user_info a, #header #_desktop_cart a { display: inline-block; vertical-align: middle; width: 60px; height: 60px; border-radius: 50%;} #header #_desktop_user_info a.logout { display: none;} #header .account_basket a .logged { width: 8px; height: 8px; background: #84c23e; border-radius: 50%; position: absolute; right: 5px; top: 5px; font-size: 0; display: block!important;} #header .user-info a { background: url("../img/icon_account.svg") 50% 50% no-repeat #61b0bc;} #header .user-info .logout { display: none;} #header .cart-preview a { background: url("../img/icon_cart.svg") 50% 50% no-repeat #61b0bc;} #header .cart-preview a span { width: 24px; height: 24px; border-radius: 50%; color: #fff; text-align: center; font-size: 11px; line-height: 24px; background: #14223b; position: absolute; right: -5px; top: -5px;} */ @media (min-width:1201px) { .menu_mobile { display: none;} #header .menu>li:hover .sub { opacity: 1; visibility: visible; z-index: 999;} #header .menu .sub>li:hover>a { color: #006072;} #header .account_basket a:hover { background-color: #14223b;} #header .header_nav .menu>li:first-child a { background: #61b0bc; color: #fff; padding: 0 15px; height: 36px; line-height: 36px; border-radius: 25em;} /* .sticky #header { top: -100px;} .sticky #header .logo { width: 170px; top: 15px;} .sticky #header .header_nav { padding: 15px 0;} .sticky.scrolling_top #header { top: 0;} .sticky.scrolling_top #header .logo { width: 260px; top: -25px;} .sticky.scrolling_top #header .header_nav { padding: 25px 0;} */ .sticky #header { background: #fff;} .sticky #header .logo { transform: translateY(-50%) scale(0.80); transform-origin: left center;} .sticky #header .menu { padding: 15px 0;} } @media (max-width:1600px) { #header .header_nav { margin-right: 190px; padding-left: 0; text-align: right;} #header .header_nav .menu { background: #fff;} } @media (max-width:1500px) { #header .header_nav { margin-right: 150px;} } @media (max-width:1300px) { #header .header_nav .menu>li { margin-left: 30px;} } @media (max-width:1200px) { .menu_mobile { width: 60px; height: 100px; display: inline-block; vertical-align: middle; cursor: pointer; position: relative; z-index: 250; margin: 0 -10px;} .menu_mobile div { width: 40px; height: 2px; background: #252525; position: absolute; right: 50%; top: 50%; margin: -1px -20px 0 0;} .menu_mobile div:before { width: 100%; height: 2px; background: #252525; position: absolute; right: 0; top: 8px; content: "";} .menu_mobile div:after { width: 100%; height: 2px; background: #252525; position: absolute; right: 0; top: -8px; content: "";} .menu_mobile.active div { height: 0;} .menu_mobile.active div:before { top: 0; transform: rotate(45deg);} .menu_mobile.active div:after { top: 0; transform: rotate(-45deg);} #header ::-webkit-scrollbar { display: none;} /* #header .header_top { display: none;} */ #header .header_top { background-color: #fff;} #header .logo { width: 190px; top: 15px;} #header .header_nav { width: 100%; height: 100vh; position: fixed; right: -100%; top :0; overflow-y: scroll; z-index: 200; padding: 0; background: #eff5f6; border-top: 100px solid #fff; transition: all 300ms ease-in-out 300ms; margin-right: 0; } #header .header_nav .menu { width: 100%; text-align: left; padding: 60px 5vw 20px 5vw; position: relative; z-index: 100; opacity: 0; transition: opacity 300ms ease-in-out 0ms; display: flex; flex-direction: column; padding: 80px 12vw; } #header .header_nav .menu>li { vertical-align: middle; position: relative; display: block; margin: 0 0 15px 0; text-align: left; background-color: #fff; border-radius: 8px;} #header .header_nav .menu>li>a { padding: 0 20px; background: #fff; color: #006072; margin: 0; line-height: 60px; letter-spacing: 0.4px; text-align: left; border-radius: 8px;} #header .menu>li>a { padding: 0 20px; background: #fff; color: #006072; margin: 0; line-height: 60px; letter-spacing: 0.4px; text-align: left;} #header .header_nav .menu>li>i { width: 100%; height: 60px; display: block; margin-top: -60px; position: relative; background: url("../img/arrow_down.svg") calc(100% - 30px) 50% no-repeat; z-index: 5; float: right;} /* #header .small_menu { display: block; text-align: left; padding: 0 5vw 10vw 5vw; opacity: 0; transition: opacity 300ms ease-in-out 0ms;} #header .small_menu li { border-bottom: 1px solid #ccc;} #header .small_menu a { display: block; height: 50px; color: #555; font-size: 14px; line-height: 50px; letter-spacing: 0.4px;} #header .small_menu a.active { color: #61b0bc;} */ #header .header_top .user_infos { right: 70px;} #header .sub { width: 100%; position: relative; left: auto; top: auto; padding: 0 30px; margin: 25px 0; border: none; background: none; visibility: visible; opacity: 1; display: none; z-index: 150; text-align: left;} #header .sub li.line { margin: 15px 0;} #header .sub li a { width: 100%; line-height: 40px; height: 40px; letter-spacing: 0.4px; color: #006072; background: url("../img/arrow_sub_next.svg") calc(100% - 30px) 50% no-repeat; } #header.active { top: 0;} #header.active .header_nav { right: 0; transition-delay: 0ms;} #header.active .menu { opacity: 1; transition-delay: 300ms;} #header.active .small_menu { opacity: 1; transition-delay: 300ms;} #header .account_basket { margin-right: 40px;} } @media (max-width:760px) { #header .account_basket { margin-right: 5vw;} } @media (max-width:600px) { .menu_mobile { height: 70px; margin: 0 -12px;} .menu_mobile div { width: 30px; margin: -1px -15px 0 0;} #header .logo { top: 10px;} #header .header_top .logo { width: auto; grid-template-columns: 26px 100px; grid-gap: 10px;} #header .header_nav { border-width: 70px;} #header .header_nav .menu { padding: 40px 6vw 20px 6vw;} #header .header_nav .menu>li { margin-bottom: 10px;} #header .header_nav .menu>li>a { font-size: 14px; line-height: 50px; height: 50px; padding: 0 20px; border-radius: 7px;} #header .menu>li>i { width: 50px; height: 50px; margin-top: -50px; position: relative;} /* #header .small_menu { padding: 0 6vw 8vw 6vw;} #header .small_menu ul { margin: 20px 0;} #header .small_menu li a { font-size: 12px; line-height: 40px; height: 40px;} */ #header .header_top .user_infos>div { grid-gap: 10px;} #header .header_top .user_infos { right: 50px;} #header .sub { padding: 0 15px; margin: 0 0 20px;} #header .sub li.line { margin: 10px 0;} #header .sub li a { font-size: 18px; line-height: 30px; height: 30px;} #header .sub li a { background: url("../img/arrow_sub_next.svg") 95% 50% no-repeat; } #header .account_basket { margin-right: 6vw; z-index: 500;} #header #_desktop_user_info a, #header #_desktop_cart a { width: 44px; height: 44px;} #header .user-info a, #header .cart-preview a { background-size: 40px auto;} #_desktop_user_info, #_desktop_cart { width: 44px; height: 44px;} } /***** choix de langues **** #_desktop_language_selector { position: absolute; right: 38px; top: -85px; padding: 10px 0; white-space: nowrap;} #_desktop_language_selector .expand-more { display: inline-block; height: 40px; line-height: 40px; font-size: 13px; letter-spacing: 0.4px; vertical-align: top; color: #555;} #_desktop_language_selector i.expand-more { font-size: 18px; line-height: 38px; margin-left: 4px;} #_desktop_language_selector .dropdown-menu { margin: 0; min-width: inherit; width: 140px; left: 50%; margin-left: -70px; font-size: 13px; line-height: 28px; color: #555; border: 1px solid #92cbe1; border-radius: 8px; padding: 10px 0;} #_desktop_language_selector .dropdown-item { padding: 0 20px;} #_desktop_language_selector .current .dropdown-item, #_desktop_language_selector .current .dropdown-item:hover { color: #61b0bc; background: none;} #_desktop_language_selector .dropdown-item:hover { color: #555; background: none;} .sticky #header .dropdown-menu { visibility: hidden; opacity: 0;} .sticky.scrolling_top #header .dropdown-menu { visibility: visible; opacity: 1;} @media (min-width:1201px) { #header .account_basket a.dropdown-item:hover { color: #61b0bc; background: none;} } @media (max-width:1200px) { #_desktop_language_selector { right: 165px; top: 0; padding: 10px 0;} #_desktop_language_selector .dropdown-menu { width: 120px; margin-left: -60px;} } @media (max-width:767px) { #_desktop_language_selector { font-size: 13px; line-height: 40px; color: #555;} #_desktop_language_selector #language-selector-label { display: none;} #_desktop_language_selector .dropdown select { width: 80px; letter-spacing: 0.4px; appearance: none; background: url("../img/arrow_select_black.svg") 100% 48% no-repeat;} .lang-nl #_desktop_language_selector .dropdown select { width: 100px;} } @media (max-width:600px) { #_desktop_language_selector { position: fixed; width: 140px; left: 6vw; right: auto; top: 5px; text-align: left; background: #fff; font-size: 12px; opacity: 0; visibility: hidden; transition: all 300ms 0ms;} #_desktop_language_selector .dropdown select { width: 75px;} #header.active #_desktop_language_selector { opacity: 1; visibility: visible; transition-delay: 100ms;} .lang-nl #_desktop_language_selector .dropdown select { width: 95px;} }*/ /***** slick *****/ .slick-slider { position:relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0;} .slick-list:focus { outline: none;} .slick-list.dragging { cursor: pointer; cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0 0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .slick-track { position: relative; top: 0; left: 0; display: block;} .slick-track:before, .slick-track:after { display: table; content: '';} .slick-track:after { clear: both;} .slick-loading .slick-track { visibility: hidden;} .slick-slide { display: none; float: left; height: 100%; min-height: 1px;} [dir='rtl'] .slick-slide { float: right;} .slick-slide img { display: block;} .slick-slide.slick-loading img { display: none;} .slick-slide.dragging img { pointer-events: none;} .slick-initialized .slick-slide { display: block;} .slick-loading .slick-slide { visibility: hidden;} .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} /***** slick arrows *****/ .slick-arrow { width: 50px; height: 50px; border: 0; padding: 0; font-size: 0; cursor: pointer; border-radius: 50%;} .slick-disabled { opacity: 0.25; cursor: default;} .slick-prev { background: url("../img/arrow_prev.svg") 46% 50% no-repeat #fff;} .slick-next { background: url("../img/arrow_next.svg") 54% 50% no-repeat #fff;} @media (min-width:1201px) { .slick-arrow:not(.slick-disabled):hover { opacity: 0.35;} } @media (max-width:600px) { .slick-arrow { width: 40px; height: 50px; background-size: auto 20px;} } /***** product miniature *****/ .product-miniature { display: block;} .product-miniature .thumbnail-container { margin: 0;} .product-miniature .thumbnail-top { overflow: hidden;} .product-miniature .thumbnail-top img { width: 100%; height: auto; display: block; transition: all 300ms ease-in-out; transform-origin: center top;} .product-miniature .product-description { background: #fff; padding: 15px 40px 30px 40px;} .product-miniature .product-description:after { display: none;} .product-miniature .product-title { font: 400 22px/28px "Cormorant Garamond"; letter-spacing: 0.4px; color: #006072; text-align: left; margin: 0; text-transform: none;} .product-miniature .product-title a { font: 400 22px/28px "Cormorant Garamond"; letter-spacing: 0.4px; color: #006072; text-align: left; display: block;} .product-miniature .product-title a .product-brand { font: 400 12px/22px "Saira Semi Condensed"; display: block; color: #555;} .product-miniature .product-title a .product-brand { font: 400 12px/22px "Saira Semi Condensed"; display: block; color: #555;} .product-miniature .product-feature { padding-top: 8px;} .product-miniature .product-feature span { display: block; font-size: 15px; line-height: 20px; letter-spacing: 0.8px;} .product-miniature .product-price-and-shipping { font-size: 22px; line-height: 28px; font-weight: 500; color: #006072; text-align: left; letter-spacing: 0; margin-top: 15px;} .product-miniature .product-price-and-shipping span { display: inline-block; vertical-align: middle;} .product-miniature .product-price-and-shipping span i { display: block; font: normal 400 12px/20px "Saira Semi Condensed"; letter-spacing: 0.4px; color: #555; padding-top: 2px;} .product-miniature .product-price-and-shipping .regular-price { font-size: 15px; line-height: 22px; color: #555; font-weight: 400; text-decoration: none; margin-right: 10px; position: relative; letter-spacing: 0.8px;} .product-miniature .regular-price:after { width: 100%; height: 1px; background: #555; position: absolute; bottom: 11px; left: 0; content: "";} .product-miniature .product-flags li.product-flag { min-width: 70px; min-height: inherit; font-weight: 400; display: inline-block;} .product-miniature .highlighted-informations { padding: 0; background-color: transparent;} .product-miniature .highlighted-informations .quick-view { font-size: 16px; line-height: 48px; color: #000; display: block; padding-right: 4px; border: 1px solid #ccc; background-color: #fff; border-radius: 8px; margin: 0 30px;} .product-miniature .highlighted-informations .quick-view i { font-size: 22px; line-height: 48px; vertical-align: top; margin-right: 2px;} .product-miniature .thumbnail-container:focus .highlighted-informations.no-variants, .product-miniature .thumbnail-container:hover .highlighted-informations.no-variants { top: calc(100% - 60px);} .product-miniature .product_link { width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .product-miniature .product_tag { font-weight: 400; font-size: 12px; line-height: 28px; letter-spacing: 0.8px; height: 28px; margin: 0; padding: 0 10px; background: #61b0bc; color: #fff; display: inline-block; margin-bottom: 10px;} @media (min-width:1201px) { .product-miniature:hover .thumbnail-top img { opacity: 0.75; /*transform: scale(0.925);*/} .product-miniature .highlighted-informations .quick-view:hover { color: #61b0bc; border-color: #61b0bc; background-color: #fff;} } @media (max-width:1200px) { } @media (max-width:1000px) { .product-miniature .product-title { font-size: 14px; line-height: 22px;} .product-miniature .product-title a { font-size: 14px; line-height: 22px;} .product-miniature .product-price-and-shipping { font-size: 20px; margin-top: 20px; font-weight: 500;} } @media (max-width:600px) { .product-miniature .thumbnail-container .product-thumbnail img { width: 65%; margin: 0 auto;} .product-miniature .product-description { padding: 8px 18px 18px 18px;} .product-miniature .product-title { font-size: 13px; line-height: 20px; min-height: 60px; display: grid; align-items: center;} .product-miniature .product-title a { font-size: 13px; line-height: 20px;} .product-miniature .product-price-and-shipping { font-size: 16px; line-height: 26px; margin-top: 10px;} .product-miniature .product-price-and-shipping:before { width: 34px; height: 34px; background-size: 34px auto; margin-right: 8px;} .product-miniature .product-price-and-shipping span i { font-size: 10px; line-height: 16px; padding-top: 4px;} .product-miniature .regular-price { font-size: 13px;} .product-miniature .product-flags li.product-flag { min-width: inherit; font-weight: 500;} } /***** product flags *****/ .product-flags { display: grid; grid-gap: 5px; left: 0; top: 0; padding: 15px 0 0 15px;} .product-flags li.product-flag { font-weight: 400; font-size: 12px; line-height: 28px; letter-spacing: 0.8px; height: 28px; margin: 0; padding: 0 10px; text-align: center; min-width: 70px; text-transform: none;} .product-flags li.product-flag.new { background: #006072; color: #fff;} .product-flags li.product-flag.discount-percentage, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount { background: #61b0bc; color: #fff;} .product-flags li.product-flag.on-sale { display: none;} .product-flags li.product-flag.out_of_stock { background: #bd3131; color: #fff;} @media (max-width:600px) { .product-flags { padding: 10px 0 0 10px;} .product-flags li.product-flag { font-weight: 500; font-size: 10px; line-height: 26px; height: 26px; padding: 0 10px; min-width: 60px;} .product-flags li.product-flag.out_of_stock { right: 10px; top: 10px; width: 8px; height: 8px;} } /***** product quickview *****/ .quickview .modal-content { background: #fff; border: none; padding: 50px; border-radius: 0;} .quickview .modal-header { padding: 0;} .quickview .modal-header .close { background: url("../img/close.svg") 50% no-repeat; width: 60px; height: 60px; position: absolute; right: 5px; top: 5px; margin: 0; opacity: 1;} .quickview .modal-header .close span { display: none;} .quickview .modal-footer { border: none; padding: 0;} .quickview .modal-body { padding: 0;} .quickview .modal-body .col-sm-6 { padding: 0; float: none; width: 100%;} .quickview .modal-body .row { display: grid; grid-template-columns: 40% 1fr; align-items: center; grid-gap: 50px;} .quickview .modal-body .row:after { display: none;} .quickview .mask { display: none;} .quickview .images-container { display: block; margin: 0; overflow: hidden; border-radius: 8px;} .quickview .product-cover { margin: 0;} .quickview .product-cover a { display: block;} .quickview .product-cover img { width: 100%; height: auto; display: block; transition: all 300ms ease-in-out;} @media (min-width: 1201px){ .quickview .product-cover:hover img { opacity: 0.75; transform: scale(0.925);} } /* quickview titre + prix + desc */ .quickview .titre_serif { margin: 0 0 10px 0;} .quickview .modal-content .h1 { font: 400 26px/28px "Cormorant Garamond"; letter-spacing: 0.4px; color: #006072; text-align: left; display: block; text-transform: none;} .quickview .product-prices { margin: 0;} .quickview .product-discount { margin: 0 0 5px 0;} .quickview .prix { font-size: 22px; line-height: 28px; font-weight: 500; color: #006072; text-align: left; letter-spacing: 0; margin-top: 0;} .quickview .prix span { font-size: 12px; line-height: 24px; font-weight: 400; color: #555; padding-left: 3px;} .quickview .regular-price { font-size: 13px; line-height: 22px; color: #444; font-weight: 400; text-decoration: line-through; margin-right: 10px; position: relative;} .quickview #product-description-short p { margin: 10px 0 0 0;} /* quickview product variants */ .quickview .product-variants { margin: 0;} .quickview .product-variants .product-variants-item { margin: 0 0 12px 0; display: grid; grid-template-columns: 1fr 1fr; align-items: center; background: #fff; border-radius: 6px; overflow: hidden;} .quickview .product-variants div:last-child { margin-bottom: 20px;} .quickview .product-variants .control-label { font-size: 13px; line-height: 20px; margin-bottom: 0; color: #444; padding: 0 25px; min-height: 50px; display: grid; align-items: center;} .quickview .product-variants .control-label>span { display: none;} .quickview .product-variants select.form-control { width: 100%; height: 50px; border: none; background: url("../img/arrow_down.svg") right 20px center no-repeat #eff5f6; background-size: 15px auto; font-size: 13px; padding: 0 25px; color: #444; border-radius: 5px;} @media (max-width: 700px){ .quickview .product-variants .product-variants-item { grid-template-columns: 1fr; background: none;} .quickview .product-variants div:last-child { margin-bottom: 20px;} .quickview .product-variants .control-label { font-size: 12px; color: #fff; padding: 0 0 5px 0;} .quickview .product-variants select.form-control { height: 44px; font-size: 12px; padding: 0 20px; border: none; background-position: right 15px center;} } /* quickview qty + add to cart */ .quickview .product-actions { margin-top: 25px; position: relative; z-index: 5;} .quickview .product-quantity { margin: 0; display: grid; grid-template-columns: 140px 1fr; align-items: center; grid-gap: 0 15px;} .quickview .qty { float: none; display: block; margin: 0; padding: 0;} .quickview .bootstrap-touchspin { float: none; display: block; margin: 0; padding: 0 40px;} .quickview #quantity_wanted { width: 60px; height: 50px; padding: 0; color: #444; text-align: center; border: none; font-size: 14px; font-weight: 400; margin: 0; float: none; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #eff5f6;} .quickview .input-group-btn-vertical { float: none; position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 0;} .quickview .input-group-btn-vertical .btn { padding: 0; width: 40px; height: 50px; margin: 0;} .quickview .input-group-btn-vertical i { display: none;} .quickview .modal-body .bootstrap-touchspin-up { float: right; background: url("../img/qty_more.svg") 50% no-repeat #eff5f6; border: none; border-radius: 0 6px 6px 0;} .quickview .modal-body .bootstrap-touchspin-down { float: left; background: url("../img/qty_less.svg") 50% no-repeat #eff5f6; border: none; border-radius: 6px 0 0 6px;} .quickview .product-quantity .add { float: none; display: block; margin: 0;} .quickview .link_addtocart { width: 100%; height: 50px; font-size: 13px; line-height: 50px; padding: 0 0 2px 0; text-align: center; border: none; cursor: pointer; background: #61b0bc; border-radius: 6px;} .quickview .link_addtocart:disabled { color: #677389; cursor: default; background-color: #323e54;} .quickview .product-actions .product-add-to-cart { line-height: 0;} .quickview .product-actions p { margin: 0;} @media (min-width: 1201px){ .quickview .link_addtocart:hover { background: #00505f;} .quickview .link_addtocart:disabled:hover { background-color: #323e54;} } @media (max-width: 1200px){ .quickview .product-actions { margin-top: 30px;} } @media (max-width: 700px){ .quickview .product-actions { margin-top: 20px;} .quickview .product-quantity { margin: 20px 0; grid-template-columns: 120px 1fr; grid-gap: 0 10px;} .quickview .bootstrap-touchspin { padding: 0 38px; border-radius: 7px;} .quickview #quantity_wanted { width: 44px; height: 48px; font-size: 14px;} .quickview .input-group-btn-vertical .btn { width: 38px; height: 48px;} .quickview .link_addtocart { height: 50px; line-height: 48px;} } /* quickview product availability */ .quickview #product-availability { display: block; position: relative; margin: 0;} .quickview #product-availability i { position: absolute; left: 0; top: 0; font-size: 0; line-height: 0; letter-spacing: 0; width: 100%; height: 100%; border-radius: 6px;} .quickview #product-availability div { font: 400 13px/44px "Poppins"; height: 44px; padding: 0 20px; letter-spacing: 0.6px; color: #fff; position: relative; margin-top: 25px; text-align: center;} .quickview i.product-available { background: #84c23e;} .quickview i.product-last-items { background: #434e62;} .quickview i.product-unavailable { background: #bd3131;} .quickview .product-discounts { margin: 0;} /***** bloc grid *****/ .bloc_grid { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 80px; align-items: center; position: relative; margin: 100px 0; max-width: 80%;} .bloc_grid.align_top { align-items: start;} .bloc_grid .photo { position: relative; line-height: 0;} .bloc_grid .photo img { width: 100%; height: auto; object-fit: cover; display: block; position: relative; z-index: 10;} .bloc_grid .texte { position: relative;} .bloc_grid .texte :last-child { margin-bottom: 0;} .bloc_grid p { margin-bottom: 15px;} .bloc_grid .link_custom { margin-top: 10px;} .bloc_grid.reverse .texte { grid-area: 1 / 1;} .bloc_grid.reverse .photo { grid-area: 1 / 2;} @media (max-width:1400px) { .bloc_grid { margin: 100px 0;} } @media (max-width:1200px) { .bloc_grid { grid-gap: 60px; margin: 80px 0;} } @media (max-width:1000px) { .bloc_grid { grid-template-columns: 1fr; margin: 60px 0;} .bloc_grid .texte { max-width: none;} .bloc_grid .texte, .bloc_grid.reverse { grid-template-columns: 1fr;} .bloc_grid.reverse .texte { grid-area: 2;} .bloc_grid.reverse .photo { grid-area: 1;} } @media (max-width:600px) { .bloc_grid { margin: 35px 0; grid-gap: 35px;} .bloc_grid p { margin-bottom: 10px;} } /***** bloc texte*****/ .bloc_texte { margin: 100px 0; position: relative;} .bloc_short { max-width: 1000px; margin: 0 auto; position: relative;} @media (max-width:1200px) { .bloc_texte { margin: 80px 0;} } @media (max-width:1000px) { .bloc_texte { margin: 60px 0;} } @media (max-width:600px) { .bloc_texte { margin: 35px 0;} } .list_soins .sous_titre span { font-size: 20px; float: right;} .list_soins .grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px;} .list_soins .grid .section { background-color: #fff; padding: 40px;} .list_soins .grid .section .sous_titre { margin-bottom: 30px;} .list_soins .grid .ul_list li { margin: 12px 0; } .list_soins .grid li { display: grid; grid-template-columns: 1fr auto; grid-gap: 40px; } @media (max-width:1400px) { .list_soins .grid { grid-template-columns: 1fr 1fr; grid-gap: 40px;} } @media (max-width:1200px) { .list_soins .sous_titre span { font-size: 18px;} .list_soins .grid { grid-gap: 30px;} .list_soins .grid .ul_list li { margin: 10px 0; } .list_soins .grid .section { padding: 35px 40px;} .list_soins .grid .section .sous_titre { margin-bottom: 20px;} } @media (max-width:1000px) { .list_soins .grid .section { padding: 35px 5vw;} } @media (max-width:900px) { .list_soins .grid { grid-template-columns: 1fr; grid-gap: 20px;} .list_soins .sous_titre span { font-size: 16px;} } @media (max-width:600px) { .list_soins .grid { grid-gap: 10px;} .list_soins .sous_titre span { font-size: 14px;} .list_soins .grid .ul_list li { margin: 8px 0; } .list_soins .grid .section { padding: 25px 7.5vw;} } .cta { margin: 100px auto; width: 100%; display: block; background-color: #006072; text-align: center; padding: 50px 0; } .cta .titre_main { color: #61b0bc; font-size: 32px; line-height: 28px;} .cta p { color: #fff; font-size: 14px; line-height: 20px; } .cta .link_custom { background-color: #61b0bc; } @media (min-width:1201px) { .cta .link_custom:hover { color: #006072; background-color: #fff; } } @media (max-width:1200px) { .cta { margin: 80px auto; padding: 40px 0; } .cta .titre_main { font-size: 28px; line-height: 28px;} } @media (max-width:1000px) { .cta { margin: 70px auto; padding: 35px 0; } .cta .titre_main { font-size: 24px; line-height: 24px;} } @media (max-width:600px) { .cta { margin: 50px auto;} .cta .titre_main { font-size: 22px; line-height: 24px;} .cta p { font-size: 12px; line-height: 18px;} } /***** show hide *****/ .show_hide { display: inline-block; padding: 8px 15px 8px 40px; border-radius: 8px; position: relative; cursor: pointer; transition: background 300ms ease-in-out;} .show_hide span { font-size: 15px; line-height: 22px; display: inline-block; border-bottom: 1px solid #555;} .show_hide span:last-child { display: none;} .show_hide:before { width: 26px; height: 100%; background: url("../img/icon_expand.svg") 0 14px no-repeat; position: absolute; top: 0; left: 15px; transition: none; content: "";} .show_hide.on { padding-left: 42px;} .show_hide.on span { display: none;} .show_hide.on span:last-child { display: inline-block;} .show_hide.on:before { background: url("../img/icon_reduce.svg") 0 13px no-repeat;} @media (min-width:1201px) { .show_hide:hover { background: #eff5f6;} } @media (max-width:1200px) { .show_hide span { font-size: 14px;} } @media (max-width:600px) { .show_hide { padding: 0 0 0 25px;} .show_hide span { font-size: 12px; line-height: 18px;} .show_hide:before { background-position: 0 7px; left: 0;} .show_hide.on { padding-left: 27px;} .show_hide.on:before { background-position: 0 5px;} } /***** index *****/ #index #wrapper { padding: 0;} #index #header { background: none;} #index #header .menu { background: none;} #index #header .menu>li>a { color: #fff;} #index #header .menu>li:first-child a { background: #fff; color: #006072;} #index.sticky #header { background: #fff;} #index.sticky #header .menu { background: #eff5f6;} #index.sticky #header .menu>li>a { color: #006072;} #index.sticky #header .menu>li:first-child a { background: #61b0bc; color: #fff;} @media (max-width:1600px) { #index.sticky #header .menu { background: #fff;} } @media (max-width:1200px) { #index.sticky #header .menu { background: #eff5f6;} #index.sticky #header .menu>li:first-child a { background: #fff; color: #006072;} #index #header .menu>li>a { color: #006072;} } /* Deco de Noël */ .deco { position: absolute; z-index: 20; } .deco>img { display: block; width: 100%; height: 100%;} @media (max-width:1400px) { .deco.noeud img { max-width: 150px;} .deco.serpentin img { max-width: 240px;} } @media (max-width:1200px) { .deco.noeud { display: none;} .deco.serpentin img { max-width: 230px;} } @media (max-width:1000px) { .deco.serpentin img { max-width: 215px;} } @media (max-width:600px) { .deco.serpentin img { max-width: 140px;} } .home_banner .deco { top: 70%; right: -50%; } @media (max-width:1000px) { .home_banner .deco { top: 75%; right: 0; } } @media (max-width:600px) { .home_banner .deco.serpentin img { max-width: inherit; width: 120px;} } #produits .deco { top: 21%; right: -50px;} .home_about .deco { top: 46%; left: 70px;} @media (max-width:1400px) { .home_about .deco { top: 0; left: 53%;} } @media (max-width:1200px) { .home_about .deco { top: 90%; left: -50%;} } @media (max-width:1000px) { .home_about .deco { left: 0;} } .bloc_coordonnees .deco { top: 113%; left: -50px; } @media (max-width:600px) { .bloc_coordonnees .deco { top: 103%; left: 0;} .bloc_coordonnees .deco.serpentin img { max-width: inherit; width: 150px;} } .produits_cultes { position: relative;} .produits_cultes .deco { top: -10%; left: -50px; } .produits_cultes .deco.noeud { top: 60%; right: -105px; left: inherit} .produits_cultes .deco.noeud img { width: auto; height: auto;} @media (max-width:1200px) { .produits_cultes .deco { top: -4%; left: 70%; } } @media (max-width:600px) { .produits_cultes .deco { top: -4%; left: 70%; } .produits_cultes .deco.serpentin img { max-width: inherit; width: 130px;} } /***** banner *****/ .home_banner { width: 80%; margin: 0 auto 100px; position: relative; padding-left: 450px;} .home_banner:before { width: 200vw; height: 100%; position: absolute; top: 0; left: -50vw; background: linear-gradient(to top, #eff5f6 0%, #fff 100%); content: "";} .home_banner:after { width: 900px; height: 900px; position: absolute; top: 35%; right: 105%; border-radius: 50%; border: 120px solid #e3edef; content: "";} @media (max-width:1500px) { .home_banner { width: 90%;} } @media (max-width:1350px) { .home_banner { width: 100%;} } @media (max-width:1200px) { .home_banner { padding-top: 100px; } .home_banner:after { display: none;} } @media (max-width:1000px) { .home_banner { width: 100%; padding-left: 0; margin: 0 auto 70px; } } @media (max-width:600px) { .home_banner { margin: 0 auto 40px; } } .home_banner .slider { width: 100%; position: relative; max-height: 900px;} .home_banner .slider .item { } .home_banner .slider .item img { display: block; width: 100%; height: auto; object-fit: cover; border-radius: 0 0 25em 25em;} .home_banner .slider .slick-arrow { width: 80px; height: 80px; position: absolute; left: -40px; top: 50%; margin-top: -90px; z-index: 50;} .home_banner .slider .slick-next { left: auto; right: -40px;} .home_banner .texte { width: 360px; height: 100%; text-align: center; position: absolute; left: 0; top: 0; display: grid; align-items: center; padding-bottom: 60px;} .home_banner .texte .chapo { margin: 15px 0 25px 0; font-size: 20px;} @media (max-width:1200px) { .home_banner .slider .slick-arrow { width: 60px; height: 60px; left: -30px; } .home_banner .slider .slick-next { left: inherit; right: -30px;} } @media (max-width:1000px) { .home_banner .slider { width: 55%; margin: 0 auto;} .home_banner .texte { width: 100%; position: relative; margin-top: 50px; } } @media (max-width:600px) { .home_banner .slider { width: 100%; } .home_banner .slider .slick-arrow { width: 50px; height: 50px; left: -25px; } .home_banner .slider .slick-next { left: inherit; right: -25px;} } #index .featured-products { position: relative;} #index .featured-products:before { width: 200vw; height: 35%; position: absolute; bottom: 0; left: -50vw; background: #006072; content: "";} #index .featured-products .products { margin: 30px -40px 40px 0;} #index .featured-products .products .product { margin: 0 40px 0 0; padding: 0;} #index .featured-products .nav_slider { position: absolute; right: -17px; bottom: 25px; z-index: 10;} #index .featured-products .slick-arrow { filter: invert(1) brightness(1.5); background-color: transparent;} #index #custom-text { padding: 0; margin: 0; border-radius: 0; background: none;} @media (max-width:1200px) { #index .featured-products:before { height: 40%;} #index .featured-products .products { margin: 30px -30px 40px 0;} #index .featured-products .products .product { margin: 0 30px 0 0;} } @media (max-width:1000px) { #index .featured-products:before { height: 50%;} #index .featured-products .products { margin: 30px -20px 40px 0;} #index .featured-products .products .product { margin: 0 20px 0 0;} } @media (max-width:600px) { #index .featured-products .products { margin: 30px -10px 40px 0;} #index .featured-products .products .product { margin: 0 10px 0 0;} } .home_about { position: relative; padding: 100px 450px 0 10%; z-index: 10;} .home_about:before { width: 200vw; position: absolute; top: 0; bottom: 120px; left: -50vw; background: #006072; content: "";} .home_about .titre_main { color: #fff; font-size: 60px; line-height: 60px; max-width: 550px; font-weight: 400;} .home_about .titre_main span { color: #61b0bc; margin-top: 0;} .home_about .bloc_grid { margin: 60px 0 0 0; color: #fff; align-items: start; max-width: none;} .home_about .bloc_grid .photo a { display: block; position: relative;} .home_about .bloc_grid .photo img { transition: filter 300ms ease-in-out;} .home_about .bloc_grid .photo span { color: #fff; position: absolute; left: 0; bottom: 40px; width: 100%; text-align: center; font-size: 35px; line-height: 35px; font-weight: 400; z-index: 20;} .home_about .bloc_grid .texte { max-width: 400px;} .home_about .bloc_grid .texte p { color: #fff; font-size: 16px; margin: 0 0 20px 0;} .home_about .bloc_grid .texte ul { margin: 0;} .home_about .bloc_grid .texte li { font: 500 22px/40px "Cormorant Garamond"; letter-spacing: 0.4px; padding-left: 40px; background: url("../img/check.svg") 0 8px no-repeat;} .home_about .bloc_coordonnees { width: 340px; position: absolute; right: 0; top: 60px;} @media (min-width:1201px) { .home_about .bloc_grid .photo a:hover img { filter: brightness(0.65);} .home_about .bloc_grid .photo a:hover span { bottom: 55px;} } @media (max-width:1600px) { .home_about { padding: 100px 380px 0 10%;} .home_about:before { bottom: 80px;} .home_about .titre_main { font-size: 55px; line-height: 56px; } .home_about .bloc_grid { margin: 50px 0 0 0; grid-gap: 60px;} } @media (max-width:1500px) { .home_about:before { bottom: 0;} } @media (max-width:1400px) { .home_about { padding: 100px 400px 100px 0;} .home_about .bloc_grid { grid-template-columns: 1fr; } .home_about .bloc_grid .photo { display: none;} .home_about .bloc_grid .texte { max-width: inherit;} } @media (max-width:1200px) { .home_about .titre_main { font-size: 45px; line-height: 55px; } .home_about .bloc_grid { margin: 30px 0 0 0;} .home_about .bloc_grid .texte { max-width: inherit;} } @media (max-width:1000px) { .home_about .titre_main { font-size: 35px; line-height: 45px; } } @media (max-width:850px) { .home_about { padding: 80px 0 60px;} .home_about .bloc_grid { margin: 20px 0 0 0; } .home_about .bloc_grid .texte li { font-size: 18px; line-height: 38px; padding-left: 35px;} .home_about .bloc_coordonnees { width: 100%; position: relative; right: inherit; top: inherit; margin-top: 50px;} } @media (max-width:600px) { .home_about { padding: 50px 0 40px;} .home_about .titre_main { font-size: 28px; line-height: 36px; } .home_about .bloc_coordonnees { margin-top: 30px;} } .bloc_coordonnees { position: relative; background: #fff;} .bloc_coordonnees>p { background: #61b0bc; color: #fff; font-size: 20px; line-height: 30px; padding: 30px 50px; margin: 0;} .bloc_coordonnees .booking { padding: 60px 50px; position: relative;} .bloc_coordonnees .booking:after { width: 70px; height: 70px; background: url("../img/calendar.svg") 50% no-repeat #006072; position: absolute; right: 50px; top: -35px; border-radius: 50%; content: "";} .bloc_coordonnees .booking .titre_main { font-size: 35px; line-height: 35px; color: #006072; margin: -20px 0 0 0;} .bloc_coordonnees .booking p { margin: 10px 0 0 0; letter-spacing: 0.8px;} .bloc_coordonnees .booking p a { padding-left: 45px; display: inline-block; margin-top: 5px;} .bloc_coordonnees .booking p a:after { width: 30px; height: 30px; position: absolute; left: 0; top: 0; content: "";} .bloc_coordonnees .booking p a.tel:after { background: url("../img/tel.svg") 50% no-repeat #61b0bc;} .bloc_coordonnees .booking p a.email:after { background: url("../img/email.svg") 50% no-repeat #61b0bc;} .bloc_coordonnees .booking p a.tel { margin-top: 15px;} .bloc_coordonnees .booking .link_custom { padding: 0 30px; display: block; margin-top: 30px; width: 100%; text-align: center;} @media (max-width:1200px) { } @media (max-width:1000px) { .bloc_coordonnees>p { font-size: 18px; padding: 30px 40px;} .bloc_coordonnees .booking { padding: 50px 40px;} .bloc_coordonnees .booking .titre_main { font-size: 30px; line-height: 30px;} .bloc_coordonnees .booking .link_custom { margin-top: 25px;} } @media (max-width:600px) { .bloc_coordonnees>p { font-size: 16px; padding: 15px 7.5vw;} .bloc_coordonnees .booking { padding: 40px 7.5vw;} .bloc_coordonnees .booking:after { width: 56px; height: 56px; right: 7.5vw; top: -28px;} .bloc_coordonnees .booking .titre_main { font-size: 25px; line-height: 25px; } .bloc_coordonnees .booking p a { padding-left: 40px;} .bloc_coordonnees .booking p a:after { width: 30px; height: 30px;} .bloc_coordonnees .booking .link_custom { padding: 0 20px; margin-top: 25px;} } .home_espace { position: relative; padding: 80px 25% 0 0;} .home_espace:before { width: 900px; height: 900px; position: absolute; bottom: 40%; right: -20%; border-radius: 50%; border: 120px solid #fff; content: "";} .home_espace .grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px; margin: 30px 0 0 0;} .home_espace .grid .item a { display: block; position: relative;} .home_espace .grid .item img { width: 100%; height: auto; display: block; transition: filter 300ms ease-in-out;} .home_espace .grid .item span { color: #fff; position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; font-size: 35px; line-height: 35px; font-weight: 400;} @media (min-width:1201px) { .home_espace .grid .item a:hover img { filter: brightness(0.65);} .home_espace .grid .item a:hover span { bottom: 35px;} } @media (max-width:1400px) { .home_espace:before { width: 800px; height: 800px; border-width: 100px } } @media (max-width:1200px) { .home_espace { padding: 80px 0 0 0;} .home_espace:before { width: 700px; height: 700px; } .home_espace .grid { grid-gap: 20px; } .home_espace .grid .item span { font-size: 32px; line-height: 32px;} } @media (max-width:1000px) { .home_espace { padding: 70px 0 0 0;} .home_espace:before { width: 600px; height: 600px; border: 90px solid #fff; } .home_espace .grid { grid-gap: 15px; margin: 25px 0 0 0;} .home_espace .grid .item span { font-size: 30px; line-height: 30px; } } @media (max-width:600px) { .home_espace { padding: 50px 0 0 0;} .home_espace:before { width: 500px; height: 500px; border: 50px solid #fff; } .home_espace .grid { grid-template-columns: 1fr; grid-gap: 10px; margin: 20px 0 0 0;} .home_espace .grid .item span { font-size: 20px; line-height: 20px; } .home_espace .grid .item img { height: 80vw; object-fit: cover;} } .home_mantra { position: relative; width: 100%; max-width: 780px; margin: 140px auto;} .home_mantra:before { width: 220px; height: 150px; position: absolute; left: -200px; top: -30px; background: url("../img/shape_water.svg") 50% no-repeat; content: "";} .home_mantra .titre_main { font-size: 60px; line-height: 60px;} .home_mantra p { max-width: 550px; margin: 25px 0 0 0;} @media (max-width:1200px) { .home_mantra { margin: 90px auto;} .home_mantra:before { width: 200px; left: -150px; background-size: contain;} .home_mantra .titre_main { font-size: 50px; line-height: 50px;} } @media (max-width:1000px) { .home_mantra { margin: 70px auto;} .home_mantra:before { width: 180px; } .home_mantra .titre_main { font-size: 40px; line-height: 40px;} } @media (max-width:600px) { .home_mantra { margin: 50px auto;} .home_mantra:before { display: none;} .home_mantra .titre_main { font-size: 30px; line-height: 30px;} .home_mantra .titre_main br { display: none;} } .produits_cultes { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 40px; padding-bottom: 60px;} .produits_cultes .engagements { background: #006072; color: #fff; padding: 60px 50px;} .produits_cultes .engagements .titre_main { color: #fff; font-size: 45px; line-height: 50px; font-weight: 400;} .produits_cultes .engagements .titre_main span { color: #61b0bc; margin-top: 0;} .produits_cultes .engagements p { color: #fff;} .produits_cultes .engagements li { font: 500 22px/40px "Cormorant Garamond"; letter-spacing: 0.4px; padding-left: 40px; background: url("../img/check.svg") 0 8px no-repeat;} @media (max-width:1500px) { .produits_cultes { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width:1200px) { .produits_cultes { grid-gap: 30px; padding-bottom: 50px;} .produits_cultes .engagements ul { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 20px;} .produits_cultes .engagements { padding: 50px 40px;} .produits_cultes .engagements .titre_main { font-size: 40px; line-height: 42px;} .produits_cultes .engagements li { font: 500 20px/35px "Cormorant Garamond"; } } @media (max-width:1000px) { .produits_cultes .engagements { padding: 40px 5vw;} .produits_cultes .engagements li { font-size: 18px; } .produits_cultes .engagements .titre_main { font-size: 30px; line-height: 32px;} } @media (max-width:600px) { .produits_cultes { grid-gap: 15px; padding-bottom: 40px;} .produits_cultes .engagements { padding: 30px 7.5vw;} .produits_cultes .engagements ul { grid-template-columns: 1fr; grid-gap: 0;} .produits_cultes .engagements li { font-size: 16px; } .produits_cultes .engagements .titre_main { font-size: 28px; line-height: 38px;} .produits_cultes .engagements .titre_main span { font-size: 12px;} } .produits_cultes .produits { grid-column: span 3; position: relative;} .produits_cultes .produits .slider { margin: 0 -40px 0 0;} .produits_cultes .produits .slider .item { margin: 0 40px 0 0; padding: 0; background: #fff; } .produits_cultes .produits .nav_slider { position: absolute; right: -17px; bottom: -70px; z-index: 10;} .produits_cultes .produits .slick-arrow { background-color: transparent;} @media (max-width:1500px) { .produits_cultes .produits { grid-column: span 2; } } @media (max-width:1200px) { .produits_cultes { grid-gap: 30px 0; grid-template-columns: 1fr;} .produits_cultes .produits { grid-column: span 3; position: relative;} .produits_cultes .produits .slider { margin: 0 -30px 0 0;} .produits_cultes .produits .slider .item { margin: 0 30px 0 0; } } @media (max-width:1000px) { .produits_cultes .produits .slider .item { margin: 0 20px 0 0; } } @media (max-width:600px) { .produits_cultes .produits .slider { margin: 0 ; width: 88vw; } .produits_cultes .produits .slider .item { margin: 0 ; width: 88vw; } } /***** breadcrumb *****/ #wrapper .breadcrumb { line-height: 0; text-align: left; padding: 35px 0; position: relative; z-index: 20; margin: 0;} #wrapper .breadcrumb ol li { display: inline-block; font-size: 12px; line-height: 20px; letter-spacing: 1px; margin-right: 30px; position: relative; color: #000;} #wrapper .breadcrumb ol li a { color: #555;} #wrapper .breadcrumb ol li:after { width: 1px; height: 9px; position: absolute; right: -16px; top: 5px; background: #61b0bc; margin: 0; content: "";} #wrapper .breadcrumb ol li:last-child { color: #555; margin: 0;} #wrapper .breadcrumb ol li:last-child:after { display: none;} @media (max-width:1200px) { #wrapper .breadcrumb { padding: 0 0 30px 0;} } @media (max-width:1000px) { } @media (max-width:600px) { #wrapper .breadcrumb ol li { font-size: 10px; line-height: 28px; } #wrapper .breadcrumb ol li:after { top: 9px;} } /***** ul list *****/ #cms .ul_list { margin: -5px 0 15px 0; padding: 0; list-style: none; color: #555;} #cms .ul_list li { padding: 5px 0 5px 20px; position: relative; color: #555; line-height: 26px;} #cms .ul_list li:before { position: absolute; left: 0; top: 15px; width: 6px; height: 6px; border-radius: 50%; background: #61b0bc; content: "";} @media (max-width:600px) { #cms .ul_list { margin-bottom: 10px;} } /***** cms *****/ .page-content.page-cms ul { list-style: none; color: #444;} #cms .page-header .titre_main { width: 70%; margin: 0 0 0 30%;} #cms .page-header .titre_main span { color: #61b0bc; margin: 0 0 10px 0;} @media (max-width:1200px) { #cms .page-header .titre_main { width: 100%; margin: 0 0;} } @media (max-width:1000px) { #cms .page-header .titre_main span { color: #61b0bc; margin: 0 0 10px 0;} } @media (max-width:600px) { } #cms .top_page { width: 70%; margin: 0 0 0 30%; position: relative;} #cms .top_page:before { width: 220px; height: 150px; position: absolute; left: -200px; top: -30px; background: url("../img/shape_water.svg") 50% no-repeat; content: "";} #cms .top_page .titre_main { font-size: 60px; line-height: 60px; margin-bottom: 25px;} #cms .top_page .chapo { max-width: 800px;} @media (max-width:1200px) { #cms .top_page { width: 100%; margin: 0;} #cms .top_page:before { display: none;} #cms .top_page .titre_main { font-size: 50px; line-height: 50px; margin-bottom: 20px;} #cms .top_page .chapo { max-width: 100%;}} @media (max-width:1000px) { #cms .top_page .titre_main { font-size: 40px; line-height: 40px;} } @media (max-width:600px) { #cms .top_page .titre_main { font-size: 25px; line-height: 27px; margin-bottom: 15px;} } #cms .bloc_grid { grid-template-columns: 1fr 50%; max-width: 70%; margin-left: 10%;} #cms .bloc_grid.reverse { grid-template-columns: 50% 1fr; max-width: 70%; margin-left: 20%;} @media (max-width:1200px) { #cms .bloc_grid { max-width: 100%; margin-left: 0;} #cms .bloc_grid.reverse { max-width: 100%; margin-left: 0;} } @media (max-width:1000px) { } @media (max-width:600px) { } #cms .grid_texte { grid-template-columns: 1fr 1fr; grid-gap: 40px; max-width: 70%; margin-left: auto; margin-right: auto;} #cms .bloc_white { padding: 50px 60px; background: #fff;} #cms .page-cms li a, #cms .page-cms p a { border-bottom: 1px solid #aaa;} #cms .bloc_grid.bloc_contact { background-color: #fff;} #cms .bloc_grid.bloc_contact .texte { margin: 50px 0;} #cms .bloc_contact p { line-height: 25px;} #cms .bloc_contact p.blue { color: #61b0bc; font-size: 15px;} #cms .bloc_contact p a { padding: 0 0 0 30px; border: none; display: inline-block;} #cms .bloc_contact .link_custom { padding: 0 30px;} #cms .bloc_contact p a.tel { background: url("../img/tel_blue.svg") 0 3px no-repeat; margin-top: 10px;} #cms .bloc_contact p a.email { background: url("../img/email_blue.svg") 0 6px no-repeat;} #cms .bloc_contact .rs { font-size: 0; line-height: 0; letter-spacing: 0; margin-top: 25px;} #cms .bloc_contact .rs a { width: 40px; height: 40px; border-radius: 50%; display: inline-block; vertical-align: top;} #cms .bloc_contact .rs .facebook { background: url("../img/facebook.svg") 50% no-repeat #61b0bc; margin-right: 10px;} #cms .bloc_contact .rs .instagram { background: url("../img/instagram.svg") 50% no-repeat #61b0bc;} @media (max-width:1500px) { #cms .bloc_grid.bloc_contact { grid-template-columns: 1fr 1fr; grid-gap: 60px; max-width: 100%;} #cms .bloc_grid.bloc_contact .texte { margin: 40px 0;} } @media (max-width:1200px) { } @media (max-width:1000px) { #cms .bloc_grid.bloc_contact { grid-template-columns: 1fr; grid-gap: 50px;} } @media (max-width:600px) { #cms .bloc_grid.bloc_contact { grid-template-columns: 1fr; grid-gap: 0;} #cms .bloc_grid.bloc_contact .texte { margin: 30px 6vw;} #cms .bloc_contact p.blue { font-size: 13px;} } @media (min-width:1201px) { #cms .page-cms li a:hover, #cms .page-cms p a:hover { border-color: #61b0bc;} } @media (max-width: 1200px){ #cms .titre_main { margin-bottom: 25px; font-size: 26px; line-height: 34px;} #cms .bloc_grid { grid-template-columns: 350px 1fr; grid-gap: 60px;} #cms .bloc_grid.reverse { grid-template-columns: 1fr 350px;} } @media (max-width: 1000px){ #cms .bloc_grid { grid-template-columns: 1fr;} #cms .bloc_grid.reverse { grid-template-columns: 1fr;} #cms .bloc_grid .photo>img { max-width: 400px; margin: 0 auto;} } @media (max-width: 600px){ #cms .titre_main { margin-bottom: 15px; font-size: 18px; line-height: 26px;} #cms .titre_main span { font-size: 13px; padding-top: 5px;} #cms .bloc_grid { grid-gap: 35px;} } /***** category **** #category #notifications { display: none!important;} #category #left-column, #category #js-product-list-top { display: none;} #category #content-wrapper { float: none; width: 100%; padding: 0;} #category .block-category { padding: 0; margin: 0; min-height: inherit; background: none;} #category .block-category h1 { font: 500 28px/36px "Saira Semi Condensed"; text-transform: none; color: #61b0bc; margin-bottom: 40px;} #category .block-category-inner { display: block;} #category #products .products { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 60px 30px; margin: 0 0 100px 0; padding: 0;} #category #products .products:after { display: none;} #category #products .product { width: 100%; float: none; padding: 0; background: #fff; border-radius: 10px; overflow: hidden;} @media (max-width: 1200px){ #category .container { margin-top: 40px;} #category .block-category h1 { font-size: 24px; line-height: 32px; margin-bottom: 30px;} #category #products .products { grid-gap: 40px 20px; margin: 0 0 80px 0;} } @media (max-width: 1000px){ #category #products .products { grid-template-columns: 1fr 1fr; margin: 0 0 60px 0;} } @media (max-width: 767px){ #category .container { margin-top: 0;} #category #products .total-products { display: block!important;} } @media (max-width: 600px){ #category .block-category h1 { font-size: 18px; line-height: 24px; margin-bottom: 20px;} .products-selection .total-products p { font-size: 12px;} #category #products .products { grid-gap: 14px; margin: 0 0 40px 0;} #category #products .product { border-radius: 7px;} }*/ /***** custom nav à facettes *****/ /* #search_filters .facet-title.hidden-sm-down { display: none;} #search_filters .title.hidden-md-up { display: block!important;} #search_filters .navbar-toggler { display: none;} */ #search_filters { padding: 0; margin: 0 0 0 110px; background: none; display: flex; grid-gap: 35px; position: relative;} #search_filters>.h6 { display: none;} #search_filters .facet { position: relative;} #search_filters .facet .facet-title { overflow: visible; width: 100%; font-size: 16px; line-height: 40px; font-weight: 400; letter-spacing: 0.6px; color: #fff; margin: 0; padding-right: 25px; cursor: default; background: url("../img/arrow_down.svg") 100% 50% no-repeat; transition: color 300ms ease-in-out;} #search_filters .facet .collapse { background: #61b0bc; position: absolute; left: 0; top: 100%; width: 320px; padding: 15px 25px; border-radius: 0; visibility: hidden; opacity: 0; transition: all 300ms ease-in-out;} #search_filters .facet .facet-label { display: grid; grid-template-columns: auto 1fr; grid-gap: 12px; margin: 12px 0; cursor: pointer;} #search_filters .facet .facet-label .custom-checkbox { top: auto;} #search_filters .facet .facet-label .custom-checkbox span { display: block; margin: 0; border-color: #fff;} #search_filters .facet .facet-label a { display: block; width: 100%; margin: 0; font-size: 16px; line-height: 20px; padding-top: 2px; letter-spacing: 0.6px; color: #fff;} #_desktop_search_filters_clear_all { display: none;} #js-active-search-filters { background: none; margin: 20px 0 35px 0; padding: 0;} #js-active-search-filters .active-filter-title { display: none;} #js-active-search-filters ul { font-size: 0; line-height: 0; letter-spacing: 0;} #js-active-search-filters .filter-block { position: relative; padding: 8px 16px; margin: 0 10px 0 0; font-size: 13px; line-height: 20px; letter-spacing: 0.4px; color: #fff; background: #61b0bc; border-radius: 5px;} #js-active-search-filters .filter-block .close { border: none; box-shadow: none; color: #fff; margin: 1px 0 0 7px; font-size: 17px;} @media (min-width: 1201px){ #search_filters .facet:hover { z-index: 995;} #search_filters .facet:hover .facet-title { color: #61b0bc;} #search_filters .facet:hover .collapse { visibility: visible; opacity: 1; z-index: 999;} } @media (max-width: 1200px){ #search_filters { margin: 0; display: block; overflow-y: auto; height: 100%; padding: 0 5vw 5vw 5vw;} #search_filters::-webkit-scrollbar { display: none;} #search_filters .facet .collapse .wrap { max-height: none;} #search_filters .facet { background: #f2f2f2; border-radius: 8px; overflow: hidden; margin-bottom: 10px;} #search_filters .facet:last-child { margin-bottom: 0;} #search_filters .facet .facet-title { line-height: 46px; background-position: right+25px center; padding: 0 40px 0 25px;} #search_filters .facet .collapse { width: 100%; position: relative; left: auto; top: auto; visibility: visible; opacity: 1; transition: none; display: none;} #search_filters_wrapper { position: fixed; left: 0; bottom: 0; z-index: 999; width: 100vw; height: 80vh; background: #fff; visibility: visible; transition: all 300ms ease-in-out;} #left-column #search_filters_wrapper { padding: 80px 0 0 0; margin: 0; display: block!important; } #left-column #search_filters_wrapper.hidden-sm-down { bottom: -80vh; visibility: hidden;} #left-column #search_filter_controls { display: block!important; background: #fff; width: 100vw; height: 80px; position: absolute; left: 0; top: 0; z-index: 50; padding: 0 5vw; text-align: right;} #left-column #search_filter_controls .ok { padding: 0; font-size: 0; width: 50px; height: 80px; background: url("../img/close.svg") 50% no-repeat; background-size: 16px auto;} #left-column #search_filter_controls .ok:after { width: 100vw; height: 150vh; position: absolute; right: 0; bottom: 100%; background: rgba(0,0,0,0.65); transition: all 300ms ease-in-out; content: "";} .hidden-sm-down #search_filter_controls .ok:after { opacity: 0; visibility: hidden;} .filter-button { display: inline-block!important; float: none; width: auto; margin: 0; padding: 0;} } @media (max-width: 767px){ #left-column #search_filter_controls .ok { margin: 0;} #left-column #search_filters { border: none; margin: 0; padding: 0 5vw 5vw 5vw;} #left-column #search_filters .facet { border: none;} #left-column #search_filters .facet>.h6 { display: block; padding: 0 40px 0 25px; margin: 0; color: #000; text-transform: none; display: block!important;} #left-column #search_filters .facet ul li { padding: 0; border: none;} } @media (max-width: 700px){ #search_filters { padding: 0 6vw 6vw 6vw;} #search_filters .facet .facet-title { line-height: 44px; background-position: right+20px center; padding: 0 40px 0 20px;} #search_filters .facet .collapse { padding: 5px 20px 20px 20px;} #search_filters .facet .facet-label a { font-size: 12px; padding-top: 1px;} #left-column #search_filters_wrapper { padding: 60px 0 0 0;} #left-column #search_filter_controls { width: 100vw; height: 60px; padding: 0 6vw;} #left-column #search_filter_controls .ok { width: 100%; height: 60px;} #left-column #search_filters .facet>.h6 { padding: 0 40px 0 20px;} } /* repeat custom for category*/ @media (max-width: 1200px){ #category #search_filters_wrapper { position: fixed; left: 0; bottom: 0; z-index: 999; width: 100vw; height: 80vh; background: #fff; visibility: visible; transition: all 300ms ease-in-out;} #category #left-column #search_filters_wrapper { padding: 80px 0 0 0; margin: 0; display: block!important; } #category #left-column #search_filters_wrapper.hidden-sm-down { bottom: -80vh; visibility: hidden;} #category #left-column #search_filter_controls { display: block!important; background: #fff; width: 100vw; height: 80px; position: absolute; left: 0; top: 0; z-index: 50; padding: 0 5vw; text-align: right;} #category #left-column #search_filter_controls .ok { padding: 0; font-size: 0; width: 50px; height: 80px; background: url("../img/close.svg") 50% no-repeat; background-size: 16px auto;} #category #left-column #search_filter_controls .ok:after { width: 100vw; height: 150vh; position: absolute; right: 0; bottom: 100%; background: rgba(0,0,0,0.65); transition: all 300ms ease-in-out; content: "";} #category .hidden-sm-down #search_filter_controls .ok:after { opacity: 0; visibility: hidden;} #category .filter-button { display: inline-block!important; float: none; width: auto; margin: 0; padding: 0;} } @media (max-width: 767px){ #category #left-column #search_filter_controls .ok { margin: 0;} #category #left-column #search_filters { border: none; margin: 0; padding: 0 5vw 5vw 5vw;} #category #left-column #search_filters .facet { border: none;} #category #left-column #search_filters .facet>.h6 { display: block; padding: 0 40px 0 25px; margin: 0; color: #000; text-transform: none; display: block!important;} #category #left-column #search_filters .facet ul li { padding: 0; border: none;} } @media (max-width: 700px){ #category #left-column #search_filters_wrapper { padding: 60px 0 0 0;} #category #left-column #search_filter_controls { width: 100vw; height: 60px; padding: 0 6vw;} #category #left-column #search_filter_controls .ok { width: 100%; height: 60px;} #category #left-column #search_filters .facet>.h6 { padding: 0 40px 0 20px;} } /* custom reglette prix */ #search_filters .facet .faceted-slider { padding-top: 20px; padding-bottom: 30px;} #search_filters .facet .faceted-slider p { font-size: 16px; color: #fff; margin-bottom: 20px;} #search_filters .ui-widget-content { height: 2px; background: #fff;} #search_filters .ui-widget-content { border: none;} #search_filters .ui-slider-horizontal .ui-slider-range { height: 2px; top: 0;} #search_filters .ui-widget-header { background: #006072;} #search_filters .ui-slider .ui-slider-handle { top: -8px; width: 18px; height: 18px; border-radius: 50%; background: #fff; border: none; transition: none;} #search_filters .ui-slider .ui-slider-handle:last-child { margin-left: -18px;} @media (max-width: 767px){ #category #left-column #search_filters .ui-slider-horizontal { margin: 0;} } @media (max-width: 700px){ #search_filters .facet .faceted-slider { padding-top: 10px;} #search_filters .facet .faceted-slider p { font-size: 13px; margin-bottom: 15px;} } /***** chargement *****/ .faceted-overlay { background: #ffffff95; z-index: 999999;} .faceted-overlay .spinner { border-color: #fff; border-top-color: #ff8834} /***** custom trier *****/ .products-selection .sort-by-row { display: block; font-size: 16px; line-height: 40px; position: absolute; left: 0; top: -40px; z-index: 50;} .products-selection .sort-by-row .sort-by { width: auto; float: none; display: block; font-size: 16x; line-height: 24px; font-weight: 400; letter-spacing: 0.6px; color: #fff; padding: 0 25px 0 0; margin: 0; display: inline-block; cursor: default; background: url("../img/arrow_down.svg") 100% 50% no-repeat; text-align: left; transition: all 300ms ease-in-out;} .sort-by-row .select-title { display: none;} .sort-by-row .products-sort-order { padding: 0; width: auto; float: none;} .sort-by-row .dropdown-menu { display: block; background: #61b0bc; position: absolute; left: 0; top: 100%; width: 320px; padding: 15px 25px; border-radius: 0; box-shadow: none; float: none; visibility: hidden; opacity: 0; transition: all 300ms ease-in-out;} .sort-by-row .dropdown-menu a:first-child { display: none;} .sort-by-row .dropdown-menu .select-list { padding: 0 0 0 34px; font-size: 16px; line-height: 20px; letter-spacing: 0.6px; color: #fff; padding-top: 2px; margin: 12px 0; position: relative;} .sort-by-row .dropdown-menu .select-list:before { width: 22px; height: 22px; background: #fff; border: 1px solid #fff; font-size: 0; position: absolute; left: 0; top: 0; border-radius: 3px; content: "";} .sort-by-row .dropdown-menu .current:before { background: url("../img/check_filters.svg") 48% 50% no-repeat #006072; border-color: #006072;} @media (min-width: 1201px){ .products-selection .sort-by-row:hover { z-index: 990;} .sort-by-row:hover .sort-by { color: #61b0bc;} .sort-by-row:hover .dropdown-menu { visibility: visible; opacity: 1; z-index: 999;} .sort-by-row .dropdown-menu .select-list:hover { background: none;} } @media (max-width: 1200px){ .sort-by-row .dropdown-menu { width: 300px; visibility: visible; opacity: 1; transition: none; display: none;} .products-selection .sort-by-row { position: relative; left: auto; top: auto; font-size: 0; letter-spacing: 0; line-height: 0;} .products-selection .sort-by-row .sort-by { line-height: 48px; height: 50px; color: #000; background: #f2f2f2; border-radius: 8px; padding: 0 25px; display: inline-block; vertical-align: top; margin-right: 10px;} .sort-by-row .dropdown-menu { left: 0; margin-top: 10px;} .products-selection #search_filter_toggler { padding: 0 25px; font-size: 13px; font-weight: 400; color: #fff; background: #14223b;} .products-selection .sort-by-row { display: none;} } @media (max-width: 767px){ .products-selection .sort-by-row .sort-by { display: inline-block!important;} .products-selection .showing { padding: 20px 0 0 0; font-size: 13px; line-height: 20px; color: #555;} } @media (max-width: 700px){ .products-selection .sort-by-row .sort-by { font-size: 12px; line-height: 40px; height: 42px; padding: 0 20px;} .products-selection #search_filter_toggler { padding: 0 20px; font-size: 12px; line-height: 40px; height: 42px;} .products-selection .showing { padding: 20px 0 0 0; font-size: 12px; display: none;} } #category #js-product-list-top .total-products { position: absolute; right: 0; top: -40px; padding: 0;} #category #js-product-list-top .total-products p { font-size: 16px; line-height: 40px; margin: 0; color: #fff;} /* */ #category .breadcrumb ol li a, #category .breadcrumb ol li:last-child { color: #fff;} #category h1 { position: relative; color: #61b0bc; z-index: 10; font-size: 40px; line-height: 60px; font-weight: 400; font: 500 40px / 50px "Cormorant Garamond"; letter-spacing: 0.4px; margin-bottom: 15px;} #category #left-column { width: 100%; float: none; padding: 0; position: relative; z-index: 10;} #category #content-wrapper { width: 100%; float: none; padding: 0; position: relative;} #category #content-wrapper:before { width: 200vw; height: 100vh; position: absolute; bottom: 100%; left: -50vw; margin-bottom: -300px; background: #006072; content: "";} #category #products .products { padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 80px 40px; margin: 40px 0 0 0;} #category #products .products:after { display: none;} #category #products .products .product { width: 100%; float: none; padding: 0; margin: 0;} @media (max-width: 1400px){ #category #products .products { grid-template-columns: repeat(3, 1fr); grid-gap: 70px 30px; } } @media (max-width: 1200px){ #category h1 { font-size: 40px; line-height: 50px;} } @media (max-width: 1000px){ #category #products .products { grid-template-columns: repeat(2, 1fr); grid-gap: 60px 20px; } #category h1 { font-size: 30px; line-height: 40px;} } @media (max-width: 600px){ #category #products .products { grid-template-columns: 1fr; grid-gap: 30px; } #category h1 { font-size: 25px; line-height: 35px;} } @media (max-width: 1200px){ #category #js-product-list-top .total-products { top: -10px;} #category .titre_main { font-size: 22px; line-height: 30px;} } @media (max-width: 1000px){ #category #products .products { grid-template-columns: repeat(3, 1fr); grid-gap: 40px 20px;} } @media (max-width: 767px){ #category #content-wrapper { display: block!important;} } @media (max-width: 700px){ #category .titre_main { font-size: 17px; line-height: 25px; margin-bottom: 20px; text-align: left;} #category #products .products { grid-template-columns: repeat(2, 1fr); grid-gap: 30px 15px; margin: 20px 0 0 0;} } @media (max-width: 400px){ #category #products .products { grid-gap: 25px 10px;} } @media (max-width: 365px){ #category #products .products { grid-template-columns: 1fr;} } /* #js-product-list-header { display: none;} #subcategories { display: none;} */ #category #category_desc { margin: 100px auto;} #category #category_desc h2 { font: 400 14px/28px "Saira Semi Condensed";} #category.category-id-11 #left-column { /*display: none;*/} #category.category-id-11 #js-product-list-top { /*display: none;*/} #category.category-id-11 .product .thumbnail-top { display: none;} #category.category-id-11 .product .product-flags { display: none;} #category.category-id-11 .product .product-description { padding: 40px;} .product-description span { font-weight: 400; line-height: 1.2px} .product-description h5 { font-weight: 600; } .product-description h6 { line-height: 1.4;} .product-description h5 span { text-decoration: none!important; font-weight: 600; } /***** pagination *****/ .pagination { font-size: 16px; margin: 60px 0 0 0; color: #555;} .pagination>div:first-child { line-height: 50px;} .pagination .page-list { padding: 0; background: none;} .pagination .page-list li { padding: 0 2px;} .pagination a { font-weight: 400; color: #555;} .pagination .current a { font-size: 15px; line-height: 50px; color: #61b0bc;} .pagination a:not(.previous):not(.next) { letter-spacing: 1px;} .pagination .previous i, .pagination .next i { display: none;} .pagination .previous, .pagination .next { border: 1px solid #ccc; height: 50px; line-height: 48px; display: inline-block; padding: 0 20px; letter-spacing: 0.6px; border-radius: 10px;} @media (min-width: 1201px){ .pagination .previous:hover, .pagination .next:hover { background: #252525; border-color: #252525; color: #fff;} } @media (max-width: 1600px){ .pagination { margin: 50px 0 0 0;} } @media (max-width: 1200px){ .pagination { margin: 40px 0 0 0;} } @media (max-width: 767px){ .pagination .col-md-6 { padding: 0; text-align: center;} #category .text-xs-right.up, #manufacturer .text-xs-right.up { display: none;} } @media (max-width: 600px){ .pagination { font-size: 12px; margin: 0;} .pagination .current a { font-size: 12px; line-height: 40px;} .pagination .previous, .pagination .next { height: 40px; line-height: 38px; padding: 0; width: 95px; text-align: center;} } /*** Produits associés ***/ .product-accessories { position: relative; z-index: 50; } .product-accessories .h5 { font: 500 40px / 50px "Cormorant Garamond"; letter-spacing: 0.4px; color: #006072; position: relative; margin-bottom: 15px; text-transform: none !important; } /***** top fiche *****/ #product .breadcrumb ol li a, #product .breadcrumb ol li:last-child { color: #fff;} #product .custom_fiche { display: grid; grid-template-columns: 1fr 50%; grid-gap: 100px; align-items: start; margin-bottom: 100px; position: relative;} #product .custom_fiche:after { display: none;} #product .custom_fiche .product-flags { left: 140px;} #product .custom_fiche .photos { position: relative; z-index: 10;} /*#product .custom_fiche .photos:before { width: 200vw; position: absolute; top: -500px; bottom: 120px; left: -50vw; background: #006072; content: "";}*/ #product .custom_fiche .photos a { display: block; background: #fff;} #product .custom_fiche .photos img { width: 100%; height: auto; display: block; transition: opacity 300ms ease-in-out;} #product .custom_fiche .photos .thumbs a { margin-bottom: 20px;} #product .custom_fiche .photos .images-container { display: grid; grid-template-columns: 100px 1fr; grid-gap: 40px;} #product .custom_fiche .photos .product-cover { grid-area: 1 / 2; margin: 0;} #product .custom_fiche .photos .mask { grid-area: 1 / 1;} #product .custom_fiche .infos { position: relative; color: #fff; max-width: 600px; padding-top: 40px; z-index: 5;} #product .custom_fiche .infos .titre_main { color: #fff; z-index: 5; /*font-size: 28px; line-height: 36px; font-weight: 500; color: #555;*/} #product .custom_fiche .infos .ref { margin: -10px 0 15px 0;} @media (min-width: 1201px){ #product .custom_fiche .photos a:hover img { opacity: 0.50;} } @media (max-width: 1500px){ #product .custom_fiche { grid-template-columns: 50% 1fr; grid-gap: 80px; } } /* @media (max-width: 1200px){ #product .custom_fiche { grid-template-columns: 1fr 45% ; grid-gap: 60px; margin-bottom: 60px;} #product .custom_fiche .infos { padding-top: 0;} #product .custom_fiche .infos .titre_main { font-size: 22px; line-height: 30px;} } @media (max-width: 1000px){ #product .custom_fiche { grid-template-columns: 1fr; grid-gap: 40px; margin: 0 auto 10px auto;} #product .custom_fiche .photos img { max-width: 480px; margin: 0 auto;} #product .custom_fiche .photos .images-container { grid-gap: 20px; max-width: 600px;} #product .custom_fiche .infos { max-width: inherit;} } @media (max-width: 600px){ #product .custom_fiche { grid-gap: 25px;} #product .custom_fiche .photos { display: block; } #product .custom_fiche .infos .titre_main { font-size: 16px; line-height: 22px;} #product .custom_fiche .photos .images-container { grid-template-columns: 1fr; grid-gap: 15px 0;} #product .custom_fiche .photos .mask { grid-area: 2; } #product .custom_fiche .photos .product-cover { grid-area: 1; } #product .custom_fiche .photos .thumbs { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 15px;} #product .custom_fiche .product-flags { left: 0;} #product .custom_fiche .photos .thumbs a { margin-bottom: 0;} } */ @media (max-width: 1200px){ #product .custom_fiche { grid-gap: 60px; margin: 10px 0 80px 0;} #product .custom_fiche .photos .images-container { grid-template-columns: 1fr; grid-gap: 0;} #product .custom_fiche .photos .product-cover { grid-area: 1;} #product .custom_fiche .photos .mask { grid-area: 2;} #product .custom_fiche .photos .thumbs { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 16px; margin-top: 16px;} #product .custom_fiche .photos .thumbs a { margin-bottom: 0;} #product .custom_fiche .photos .thumbs a img { border-radius: 6px;} #product .custom_fiche .photos .thumbs .item.active { margin-bottom: 0;} #product .custom_fiche .photos .thumbs.one-image { display: none;} } @media (max-width: 1000px){ #product .custom_fiche { grid-template-columns: 1fr; grid-gap: 40px; margin: 0 0 60px 0;} #product .custom_fiche .photos img { max-width: 480px; margin: 0 auto;} #product .custom_fiche .photos .images-container { grid-template-columns: 1fr;} } @media (max-width: 700px){ #product .custom_fiche { grid-gap: 25px;} #product .custom_fiche .product-flags { left: 0; padding: 12px 0 0 12px;} #product .custom_fiche .product-flags li.product-flag { font-size: 10px; line-height: 24px; height: 24px;} #product .custom_fiche .photos img { border-radius: 8px;} #product .custom_fiche .photos .images-container { grid-template-columns: 1fr; grid-gap: 0;} #product .custom_fiche .infos { padding: 0;} #product .custom_fiche .infos .titre_serif { margin-bottom: 15px;} #product .custom_fiche .infos .titre_serif span { font-size: 13px; line-height: 18px; margin-bottom: 4px;} } /* product variants */ #product .product-variants { display: grid; grid-gap: 15px;} #product .product-variants .product-variants-item { margin: 20px 0; display: grid; grid-template-columns: 200px 1fr; align-items: center; grid-gap: 0 20px;} #product .product-variants .control-label { font-size: 13px; line-height: 50px; margin-bottom: 0; position: relative; padding: 0 20px; color: #fff;} #product .product-variants select.form-control { width: 100%; height: 54px; border: none; background: url("../img/arrow_down.svg") right 20px center no-repeat #fff; font-size: 13px; padding: 0 30px; color: #555;} @media (max-width: 600px){ #product .product-variants { margin-bottom: 25px; grid-gap: 10px;} #product .product-variants .product-variants-item { grid-template-columns: 1fr; grid-gap: 5px;} #product .product-variants .control-label { font-size: 12px;} #product .product-variants select.form-control { height: 44px; font-size: 12px; padding: 0 20px; background-position: right 18px center;} } /* product price */ #product .custom_fiche .product-prices { margin: 0 0 20px 0; position: relative; z-index: 5;} #product .custom_fiche .prix { font: 500 30px/35px "Saira Semi Condensed"; color: #61b0bc; letter-spacing: 0; margin: 0;} #product .custom_fiche .prix .current-price { display: inline-block; margin: 0;} #product .custom_fiche .prix>span { font-weight: 400; font-size: 13px; text-transform: uppercase; color: #fff; display: inline-block; letter-spacing: 0.2px; padding-left: 5px;} #product .custom_fiche .product-discount { line-height: 20px; margin-bottom: 8px;} #product .custom_fiche .product-discount .regular-price { font-weight: 400; font-size: 15px; color: #fff;} @media (max-width: 1200px){ #product .custom_fiche .prix { font-size: 22px; line-height: 26px;} } @media (max-width: 600px){ #product .custom_fiche .prix { font-size: 20px; line-height: 24px;} #product .custom_fiche .prix>span { font-size: 12px;} #product .custom_fiche .product-discount { margin-bottom: 2px;} #product .custom_fiche .product-discount .regular-price { font-size: 14px;} } /* product short desc */ #product .custom_fiche .product-description { position: relative; z-index: 5;} #product .custom_fiche .product-description p { margin-bottom: 5px; color: #fff;} #product .custom_fiche .product-description ul { margin: 10px 0; padding: 0; list-style-type: none;} #product .custom_fiche .product-description ul li { padding: 4px 0; background: url("../img/arrow_sub.svg") 0 10px no-repeat; padding-left: 18px; font-size: 13px; line-height: 20px; color: #555;} #product .custom_fiche .product-description .more_infos { border-bottom: 1px solid #aaa; display: inline-block; line-height: 20px; cursor: pointer; color: #555;} /* qty + add to cart */ #product .custom_fiche .product-actions .product-add-to-cart { line-height: 0;} #product .custom_fiche .product-actions { margin-top: 10px; position: relative; z-index: 5;} #product .custom_fiche .product-quantity { margin: 25px 0 0 0; display: grid; grid-template-columns: 140px 1fr; align-items: center; grid-gap: 0 20px;} #product .custom_fiche .qty { float: none; display: block; margin: 0; padding: 0;} #product .custom_fiche .bootstrap-touchspin { float: none; display: block; margin: 0; padding: 0 42px;} #product .custom_fiche #quantity_wanted { width: 56px; height: 59px; padding: 0; color: #555; text-align: center; border: none; font-size: 14px; font-weight: 500; margin: 0; float: none; border-left: 1px solid #ddd; border-right: 1px solid #ddd;} #product .custom_fiche .input-group-btn-vertical { float: none; position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 0;} #product .custom_fiche .input-group-btn-vertical .btn { padding: 0; width: 42px; height: 59px; margin: 0;} #product .custom_fiche .input-group-btn-vertical i { display: none;} #product .custom_fiche .bootstrap-touchspin-up { float: right; background: url("../img/qty_more.svg") 50% no-repeat #fff; border: none; border-radius: 0 8px 8px 0;} #product .custom_fiche .bootstrap-touchspin-down { float: left; background: url("../img/qty_less.svg") 50% no-repeat #fff; border: none; border-radius: 8px 0 0 8px;} #product .custom_fiche .product-quantity .add { float: none; display: block; margin: 0;} #product .custom_fiche .link_addtocart { width: 100%; height: 59px; line-height: 57px; padding: 0; text-align: center; border: none; cursor: pointer; background: #61b0bc;} #product .custom_fiche .link_addtocart:disabled { color: #227c8c; cursor: default; background-color: #00505f;} @media (min-width: 1201px){ #product .custom_fiche .link_addtocart:hover { background: #00505f;} } @media (max-width: 1200px){ #product .custom_fiche .product-actions { margin-top: 30px;} } @media (max-width: 600px){ #product .custom_fiche .product-actions { margin-top: 0;} #product .custom_fiche .product-quantity { margin: 0 0; grid-template-columns: 120px 1fr; grid-gap: 0 10px;} #product .custom_fiche .bootstrap-touchspin { padding: 0 38px; border-radius: 7px;} #product .custom_fiche #quantity_wanted { width: 44px; height: 48px; font-size: 14px;} #product .custom_fiche .input-group-btn-vertical .btn { width: 38px; height: 48px;} #product .custom_fiche .link_addtocart { height: 50px; line-height: 48px;} } /* product availability */ #product .custom_fiche #product-availability { display: inline-block; position: relative; margin-top: 30px;} #product .custom_fiche #product-availability i { position: absolute; left: 0; top: 0; font-size: 0; line-height: 0; letter-spacing: 0; width: 100%; height: 100%;} #product .custom_fiche #product-availability div { font: 400 13px/40px "Saira Semi Condensed"; height: 40px; padding: 0 18px; letter-spacing: 0.8px; color: #fff; position: relative;} #product .custom_fiche i.product-available { background: #84c23e;} #product .custom_fiche i.product-last-items { background: #f8972a;} #product .custom_fiche i.product-unavailable { background: #bd3131;} #product .custom_fiche .product-discounts { margin: 0;} @media (max-width: 600px){ #product .custom_fiche #product-availability { font-size: 14px; line-height: 26px; padding-left: 20px;} #product .custom_fiche #product-availability i { width: 7px; height: 7px; top: 10px;} } /***** tabs *****/ #product .tabs { background: none; padding: 80px 0 0 0; margin: 80px 0 0 0; position: relative;} #product .tabs:before { width: 200vw; height: 100vh; position: absolute; bottom: 100%; left: -50vw; background: #006072; content: "";} #product .tabs .nav-tabs { border: none;} #product .tabs .nav-item { margin: 0 10px 0 0;} #product .tabs .nav-tabs .nav-link { font: 500 13px/51px "Saira Semi Condensed"; letter-spacing: 0.8px; text-transform: uppercase; height: 51px; display: inline-block; color: #006072; padding: 0 25px; border-radius: 8px; background: #e3edef; border: none;} #product .tabs .nav-tabs .nav-link.active { opacity: 1; background: #fff; color: #006072;} #product .tabs .tab-pane { padding-top: 25px;} #product .tabs .tab-pane p { margin-bottom: 15px; color: #555;} #product .tabs .tab-pane :last-child { margin-bottom: 0;} .product-features { margin: 0;} .product-features>dl.data-sheet { display: grid; grid-template-columns: 65% 1fr; grid-gap: 8px 16px;} .product-features>dl.data-sheet dd.value, .product-features>dl.data-sheet dt.name { min-height: inherit; padding: 12px 0 0 0; margin: 0; font: 400 16px/22px "Barlow"; text-transform: none; background: none!important; border-top: 1px solid #ccc;} .product-features>dl.data-sheet dd.value:nth-child(2), .product-features>dl.data-sheet dt.name:first-child { padding: 0; border-top: 0;} .product-attachments { display: grid; grid-gap: 20px;} .product-attachments a { display: block; position: relative; border-bottom: 1px solid #ccc; padding-bottom: 15px; padding-right: 40px; background: url("../img/dwld.svg") 100% 12px no-repeat;} .product-attachments a:last-child { border: none; padding-bottom: 0;} .product-attachments a .name { font: 500 18px/20px "Barlow"; display: block; color: #000;} .product-attachments a .size { display: block; margin-top: 2px; color: #000; font-size: 16px;} @media (min-width: 1201px){ .product-attachments a:hover .name { color: #e02620;} .product-attachments a:hover .size { color: #000;} } @media (max-width: 1500px){ #product .tabs:before { left: -80vw;} } @media (max-width: 1200px){ #product .tabs { margin: 40px 0 0 0;} #product .tabs .nav-tabs .nav-link { font-size: 16px;} #product .tabs .tab-pane { padding: 30px;} } @media (max-width: 1000px){ #product .tabs:before { height: 1900vh;} } @media (max-width: 600px){ #product .tabs { margin: 20px 0 0 0; padding: 40px 0 0 0;} #product .tabs .nav-item { margin: 10px 10px 0 0;} #product .tabs .nav-tabs .nav-link { font-size: 13px; line-height: 54px; padding: 0 10px; opacity: 1;} #product .tabs .nav-tabs .nav-link:last-child { margin: 0;} #product .tabs .tab-pane { padding: 0; margin-top: 20px; border-radius: 7px;} #product .tabs .tab-pane p { margin-bottom: 10px;} .product-features>dl.data-sheet { grid-template-columns: 65% 1fr; grid-gap: 10px 0;} .product-features>dl.data-sheet dd.value, .product-features>dl.data-sheet dt.name { font-size: 14px; line-height: 20px;} .product-features>dl.data-sheet dd.value { padding-left: 5px;} .product-attachments { grid-gap: 15px;} .product-attachments a { padding-bottom: 10px;} .product-attachments a .name { font-size: 16px; line-height: 18px;} .product-attachments a .size { font-size: 14px;} } #product .featured-products { position: relative; margin: 0 0 80px 0; padding-top: 20px;} #product .featured-products:before { width: 900px; height: 900px; position: absolute; top: -405px; left: -320px; border-radius: 50%; border: 120px solid #e3edef; content: "";} #product .featured-products .products { margin: 30px -40px 0 0; max-height: 590px;} #product .featured-products .products .product { margin: 0 40px 0 0; padding: 0;} #product .featured-products .nav_slider { position: absolute; right: -17px; bottom: 25px; z-index: 10;} #product .featured-products .slick-arrow { filter: invert(1) brightness(1.5); background-color: transparent;} @media (max-width: 1200px){ #product .featured-products:before { display: none;} } @media (max-width: 1000px){ #product .featured-products { margin: 0 0 50px 0; padding-top: 0;} } @media (max-width: 600px){ #product .featured-products { margin: 0 0 30px 0; padding-top: 0;} } /***** featured product **** .featured-products { position: relative; margin: 100px 0 0 0;} .featured-products .nav_slider { position: absolute; right: -15px; top: -10px;} .featured-products .products { margin-top: 30px; margin-right: -30px; max-height: 500px;} .featured-products .products .product { margin-right: 30px; padding: 0;} .featured-products .products .product img { display: block; width: 100%; height: auto;} @media (max-width:1200px) { .featured-products { margin: 80px 0 0 0;} .featured-products .nav_slider { top: -15px;} .featured-products .products { margin-right: -20px;} .featured-products .products .product { margin-right: 20px;} } @media (max-width:1000px) { .featured-products { margin: 60px 0 0 0;} } @media (max-width:600px) { .featured-products { margin: 40px 0 0 0;} .featured-products .nav_slider { top: -13px; right: -13px;} .featured-products .products { margin-right: 0; margin-top: 15px;} .featured-products .products .product { margin-right: 14px; width: calc(44vw - 7px);} }*/ /***** blockcart modal **** #blockcart-modal { color: #555;} #blockcart-modal ::-webkit-scrollbar { display: none;} #blockcart-modal .modal-header { padding: 20px; border: none; background: #eff5f6;} #blockcart-modal .modal-header .close { font-size: 0; line-height: 0; text-shadow: none; margin: 0;} #blockcart-modal .modal-title { font: 500 16px/24px "Saira Semi Condensed"; color: #555;} #blockcart-modal .modal-dialog { width: 90vw; max-width: 1300px; margin: 70px auto;} #blockcart-modal .modal-content { border: none; overflow: hidden; border-radius: 5px;} #blockcart-modal .modal-body { padding: 0;} #blockcart-modal .modal_grid { display: grid; grid-template-columns: 40% 1fr; align-items: center; padding: 40px 60px 40px 0;} #blockcart-modal .modal_grid .item_left { text-align: center; padding: 0 60px;} #blockcart-modal .modal_grid .item_left img { max-width: 50%; margin: 0 auto 15px auto; background: #fff; border-radius: 10px;} #blockcart-modal .modal_grid .cart-content { padding: 0;} #blockcart-modal .modal_grid .product_title { font: 500 16px/24px "Saira Semi Condensed"; color: #555;} #blockcart-modal .modal_grid .product_price { font-size: 16px; font-weight: 500; margin-bottom: 5px; color: #61b0bc;} #blockcart-modal .modal_grid .titre_count { font: 500 16px/24px "Saira Semi Condensed"; color: #61b0bc; margin-bottom: 15px;} #blockcart-modal .modal_grid .shipping { text-transform: uppercase;} #blockcart-modal .modal_grid .cart-content-btn { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; margin-top: 20px;} #blockcart-modal .modal_grid .link_custom { display: block; text-align: center; margin: 0!important;} #blockcart-modal .modal_grid button { border: none; cursor: pointer; background: #eff5f6; color: #555; margin: 0;} #blockcart-modal .modal_grid p { padding: 0; margin-bottom: 5px;} .modal-backdrop.in { opacity: 0.75;} @media (min-width: 1201px){ #blockcart-modal .modal_grid button:hover { background: #fff;} } @media (max-width: 1200px){ #blockcart-modal .modal-content { border-radius: 10px; box-shadow: none;} } @media (max-width: 1000px){ #blockcart-modal .modal_grid { grid-template-columns: 40% 1fr; padding: 40px 40px 40px 0;} #blockcart-modal .modal_grid .item_left { padding: 0 40px;} #blockcart-modal .modal_grid .item_left img { max-width: 80%;} #blockcart-modal .modal_grid .cart-content-btn { grid-template-columns: 1fr;} } @media (max-width: 600px){ #blockcart-modal .modal-content { border-radius: 7px;} #blockcart-modal .modal-header { padding: 14px 20px 12px 20px;} #blockcart-modal .modal-header .close { margin-top: -2px;} #blockcart-modal .modal-title { font-size: 14px; line-height: 20px; text-align: center;} #blockcart-modal .modal_grid { grid-template-columns: 1fr; padding: 6vw; grid-gap: 15px;} #blockcart-modal .modal_grid .item_left { padding: 0;} #blockcart-modal .modal_grid .item_left img { max-width: 40vw; margin: 0 auto 10px auto;} #blockcart-modal .modal_grid .product_title { font-size: 15px; line-height: 22px;} #blockcart-modal .modal_grid .product_price { font-size: 14px; margin-bottom: 2px;} #blockcart-modal .modal_grid .titre_count { font-size: 15px; line-height: 22px; margin-bottom: 10px;} #blockcart-modal .modal_grid .label { font-size: 14px;} #blockcart-modal .modal_grid .cart-content-btn { margin-top: 15px;} }*/ /***** blockcart modal *****/ #blockcart-modal { color: #000; padding: 0!important;} #blockcart-modal::-webkit-scrollbar, #blockcart-modal ::-webkit-scrollbar { display: none;} #blockcart-modal .modal-header { padding: 20px; border: none; background: #006072;} #blockcart-modal .modal-header .close { background: url("../img/close.svg") 50% no-repeat; width: 60px; height: 60px; position: absolute; right: 5px; top: 0; margin: 0; opacity: 1; filter: invert(1);} #blockcart-modal .modal-header .close span { display: none;} #blockcart-modal .modal-title { font: 400 16px/20px "Saira Semi Condensed"; color: #fff; letter-spacing: 0.6px;} #blockcart-modal .modal-title i { display: none;} #blockcart-modal .modal-dialog { width: 90vw; max-width: 1200px; margin: 100px auto;} #blockcart-modal .modal-content { background: none; border: none; overflow: hidden; border-radius: 0;} #blockcart-modal .modal-body { padding: 0; background: #fff; } #blockcart-modal .modal-body .row { display: grid; grid-template-columns: 1fr 1fr; align-items: center;} #blockcart-modal .modal-body .col-md-5, #blockcart-modal .modal-body .col-md-6, #blockcart-modal .modal-body .col-md-7 { width: 100%; float: none; padding: 0;} #blockcart-modal .modal-body .col-md-7 { background: #eff5f6; height: 100%;} #blockcart-modal .modal-body .divide-right { border: none;} #blockcart-modal .modal-body .divide-right .row { display: grid; grid-template-columns: 1fr 1fr; align-items: center; padding: 30px 40px 30px 30px; grid-gap: 40px;} #blockcart-modal .modal-body .divide-right .row:after { display: none;} #blockcart-modal .modal-body .divide-right span { margin: 5px 0 0 0; font-size: 13px; line-height: 20px;} #blockcart-modal .product-image { max-width: none; margin: 0;} #blockcart-modal .product-name { font: 400 26px/28px "Cormorant Garamond"; color: #000; margin-bottom: 10px;} #blockcart-modal .product-price { color: #61b0bc; font: 500 22px/26px "Saira Semi Condensed"; letter-spacing: 0;} #blockcart-modal .cart-content { padding: 40px;} #blockcart-modal .cart-content p { padding: 0; color: #000; margin-bottom: 10px;} #blockcart-modal .cart-content p.cart-products-count { font: 500 16px/20px "Saira Semi Condensed"; color: #000; margin-bottom: 15px;} #blockcart-modal .cart-content p.product-total { padding: 10px 0 0 0; background: none; border-top: 1px solid #ccc;} #blockcart-modal .cart-content p .label { color: #000;} #blockcart-modal .cart-content .cart-content-btn { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; margin-top: 20px;} #blockcart-modal .cart-content .btn-primary { display: block; text-align: center; margin: 0;} #blockcart-modal .cart-content .btn-primary i { display: none;} #blockcart-modal .cart-content .cart-content-btn button { margin: 0; padding-bottom: 2px;} .modal-backdrop.in { opacity: 0.75;} @media (max-width: 1200px){ #blockcart-modal .modal-dialog { margin: 80px auto;} #blockcart-modal .modal-body .divide-right .row { grid-template-columns: 40% 1fr; align-items: start;} #blockcart-modal .cart-content .cart-content-btn { grid-template-columns: 1fr;} } @media (max-width: 1000px){ #blockcart-modal .modal-body .row { grid-template-columns: 1fr;} #blockcart-modal .modal-body .divide-right .row { padding: 40px; grid-template-columns: 35% 1fr;} #blockcart-modal .modal-title, #blockcart-modal .cart-content p.cart-products-count { font-size: 15px;} } @media (max-width: 767px){ #blockcart-modal .modal-body .divide-right span { padding: 0; display: inline-block;} #blockcart-modal .product-name, #blockcart-modal .product-price { padding: 0;} } @media (max-width: 700px){ #blockcart-modal .modal-dialog { margin: 5vw auto;} #blockcart-modal .modal-content { border-radius: 8px;} #blockcart-modal .modal-header { padding: 15px 60px; position: relative;} #blockcart-modal .modal-header .close { width: 50px; height: 50px; top: 50%; margin-top: -25px;} #blockcart-modal .modal-title { text-align: center; font-size: 14px;} #blockcart-modal .modal-body .divide-right .row { padding: 25px; grid-template-columns: 1fr; grid-gap: 20px;} #blockcart-modal .product-image { max-width: 140px; margin: 0 auto;} #blockcart-modal .product-name { font-size: 16px; line-height: 22px;} #blockcart-modal .product-price { font-size: 16px; line-height: 22px; margin-bottom: 10px;} #blockcart-modal .modal-body .divide-right span, #blockcart-modal .modal-body .divide-right span strong { font-size: 12px; line-height: 18px;} #blockcart-modal .cart-content { padding: 25px;} #blockcart-modal .cart-content p.cart-products-count { font-size: 14px;} } /***** cart *****/ #cart .featured-products { display: none;} #cart .cart-grid { margin: 70px 0 0 0; display: grid; grid-template-columns: 1fr 360px; grid-gap: 0 80px; align-items: start;} #cart .cart-grid:after { display: none;} #cart .cart-grid-body { padding: 0; margin: 0; width: auto; float: none;} #cart .cart-grid-body .cart-container { margin-bottom: 60px; background: none;} #cart .cart-grid .cart-items { padding: 0; margin: 40px 0 0 0;} #cart .cart-grid .no-items { display: block; margin-top: 40px; padding: 0 0 20px 0;} #cart .cart-grid .cart-item { padding: 0; margin: 0; border: none;} #cart .cart-grid-body .card-block { padding: 0;} #cart .cart-grid-body .card-block .titre_main { font-size: 35px; line-height: 45px; font-weight: 600; padding: 0; margin-bottom: 20px;} #cart .cart-grid-body .cart-overview { padding: 0;} #cart .cart-grid-body .product-line-grid { display: grid; grid-template-columns: auto 1fr auto; grid-gap: 0 20px; align-items: center; margin-top: 20px;} #cart .cart-grid-body .product-line-grid>* { width: auto; float: none; padding: 0;} #cart .cart-grid-body .product-line-grid .product-image { display: block; margin-right: 20px;} #cart .cart-grid-body .product-line-grid .product-image img { border-radius: 10px; background: #fff;} #cart .product-line-grid-body { margin: 0;} #cart .product-line-grid-body>.product-line-info>.label { font: 500 14px/24px "Saira Semi Condensed"; color: #555;} #cart .product-line-grid-body>.product-line-info>a.label { font-size: 18px; line-height: 26px;} #cart .card-block.cart-summary-totals .cart-summary-line.cart-total { padding: 15px 0 0 0; border: none; border-top: 1px solid #ccc; margin-top: 15px;} #cart .cart-grid-body .product-line-grid .product-price h5 { margin: 0;} #cart .cart-grid-body .product-line-grid .product-discount { margin: 5px 0; font-size: 14px;} #cart .cart-grid-body .product-line-grid .discount { display: none;} #cart .cart-grid-body .product-line-grid .price { font-weight: 500; font-size: 18px; color: #61b0bc;} /* qty */ #cart .qty { display: block; margin: 0; padding: 0; width: auto;} #cart .bootstrap-touchspin { float: none; display: block; margin: 0; padding: 0 31px; border-radius: 8px; overflow: hidden; width: 104px;} #cart .bootstrap-touchspin input.form-control { width: 42px; height: 48px; padding: 0; color: #555; text-align: center; border: none; font-size: 14px; font-weight: 500; margin: 0; float: none;} #cart .input-group-btn-vertical { float: none; position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 0;} #cart .input-group-btn-vertical .btn { padding: 0; width: 31px; height: 48px; margin: 0;} #cart .input-group-btn-vertical i { display: none;} #cart .bootstrap-touchspin-up { float: right; background: url("../img/qty_more.svg") 50% no-repeat #fff; border: none; border-left: 1px solid #ccc;} #cart .bootstrap-touchspin-down { float: left; background: url("../img/qty_less.svg") 50% no-repeat #fff; border: none; border-right: 1px solid #ccc;} /* product line action + delete */ .product-line-actions .row:after { display: none;} .product-line-actions>.row { display: grid; grid-template-columns: auto auto auto;} .product-line-actions>.row .row { display: grid; grid-template-columns: auto 1fr; grid-gap: 20px;} .product-line-actions>.row div { width: auto; float: none; padding: 0;} .product-line-grid-right .cart-line-product-actions, .product-line-grid-right .product-price { color: #555; line-height: 50px;} .product-line-grid-right .product-price { min-width: 80px;} .product-line-grid-right .cart-line-product-actions .remove-from-cart, .product-line-grid-right .product-price .remove-from-cart { margin-top: 0; color: #555; width: 50px; height: 50px; background: #fff; border-radius: 8px; display: block; padding: 13px 0 0 13px; margin-left: 20px;} /* right cart */ #cart .cart-grid-right { width: auto; float: none; background: #fff; border-radius: 10px; padding: 40px; margin: 0;} #cart .cart-grid-right .blockreassurance_product { display: none;} #cart .cart-grid-right .card { margin: 0;} #cart .cart-summary-line { margin: 0;} #cart .cart-summary-line:not(:last-child) { margin-bottom: 5px;} #cart .card-block { padding: 0;} #cart .card-block.cart-summary-totals { padding: 0;} #cart .card-block.checkout { padding: 0; margin-top: 30px;} .cart-summary-line .label, .cart-summary-line .value { font-size: 13px; color: #555;} .card-block.cart-summary-totals .cart-summary-line.cart-total .label, .card-block.cart-summary-totals .cart-summary-line.cart-total .value { font-size: 15px; font-weight: 600;} #cart #cart-subtotal-shipping .value { text-transform: uppercase;} @media (max-width: 1200px){ #cart .cart-grid { grid-template-columns: 1fr; grid-gap: 40px; margin-top: 40px;} #cart .cart-grid-body .card-block .titre_main { font-size: 30px; line-height: 40px;} #cart .product-line-grid-body>.product-line-info>a.label { font-size: 16px; line-height: 24px; display: inline-block;} } @media (max-width: 1000px){ #cart .cart-grid-body .card-block .titre_main { font-size: 26px; line-height: 36px;} #cart .cart-grid-body .cart-container { margin-bottom: 40px;} #cart .cart-grid-body .product-line-grid .product-image { margin-right: 10px;} #cart .cart-grid-body .product-line-grid .product-image img { width: 100px; height: auto;} } @media (max-width: 767px){ #cart .cart-grid { margin-top: 0;} } @media (max-width: 760px){ #cart .cart-grid-body .product-line-grid { grid-template-columns: auto 1fr; grid-gap: 0 30px; margin-top: 40px;} #cart .cart-grid-body .product-line-grid-left { grid-row: span 2;} #cart .cart-grid-body .product-line-grid .product-image { padding: 0;} .product-line-actions>.row { grid-template-columns: auto 1fr auto; margin-top: 10px;} } @media (max-width: 600px){ #cart .cart-grid { margin: 0; grid-gap: 30px;} #cart .cart-grid-body .cart-container { margin-bottom: 30px;} #cart .cart-grid-body .card-block .titre_main { font-size: 18px; line-height: 22px; margin-bottom: 10px;} #cart .cart-grid .cart-items { margin-top: 30px;} #cart .cart-grid .cart-item { border-bottom: 1px solid #ccc; padding-bottom: 10px;} #cart .cart-grid .cart-item:last-child { border: none; padding: 0;} #cart .cart-grid-body .product-line-grid { margin-top: 30px; grid-gap: 10px; grid-template-columns: 1fr;} #cart .cart-grid-body .product-line-grid .product-image { margin-right: 0;} #cart .cart-grid-body .product-line-grid .product-image img { width: 20vw; max-width: 100px; border-radius: 7px;} #cart .product-line-grid-body>.product-line-info>.label { font-size: 12px; line-height: 20px;} #cart .product-line-grid-body>.product-line-info>a.label { font-size: 14px; line-height: 22px;} #cart .cart-grid-body .product-line-grid .price { font-size: 14px;} #cart .cart-grid-body .product-line-grid .product-discount { font-size: 12px;} #cart .bootstrap-touchspin { border-radius: 5px; width: 100px; padding: 0 32px;} #cart .bootstrap-touchspin input.form-control { width: 36px; height: 42px; font-size: 14px;} #cart .input-group-btn-vertical .btn { width: 32px; height: 42px;} .product-line-actions>.row { margin-top: 5px;} .product-line-actions>.row .row { grid-gap: 15px;} .product-line-grid-right .cart-line-product-actions, .product-line-grid-right .product-price { line-height: 44px;} .product-line-grid-right .product-price { min-width: 70px;} .product-line-grid-right .cart-line-product-actions .remove-from-cart, .product-line-grid-right .product-price .remove-from-cart { height: 46px; width: 30px; padding: 11px 0 0 4px; margin-left: 6px; background: none;} #cart .cart-grid-body .product-line-actions .text-xs-right { float: right;} #cart .cart-grid-right { border-radius: 7px; padding: 25px 6vw;} #cart .card-block.checkout { margin-top: 25px;} .cart-summary-line .label, .cart-summary-line .value { font-size: 12px;} .card-block.cart-summary-totals .cart-summary-line.cart-total .label, .card-block.cart-summary-totals .cart-summary-line.cart-total .value { font-size: 12px;} } #cart #footer .atouts, #checkout #footer .atouts { padding: 120px 0 0 0;} #cart #footer .atouts .item, #checkout #footer .atouts .item { display: none;} @media (max-width:1400px) { #cart #footer .atouts, #checkout #footer .atouts { padding: 100px 0 0 0;} } @media (max-width:1200px) { #cart #footer .atouts, #checkout #footer .atouts { padding: 80px 0 0 0;} } @media (max-width:1000px) { #cart #footer .atouts, #checkout #footer .atouts { padding: 60px 0 0 0;} } @media (max-width:600px) { #cart #footer .atouts, #checkout #footer .atouts { padding: 40px 0 0 0;} } /** bloc promo panier + checkout **/ .block-promo { padding: 20px 0; margin: 30px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center;} .block-promo .label { font: 400 20px/25px "Saira Semi Condensed";} .block-promo .float-xs-right { float: none!important;} .block-promo .promo-code-button { padding: 0;} .block-promo .promo-code { padding: 0;} .block-promo .promo-input { width: 100%; border-radius: 5px; border: 1px solid #61b0bc; text-indent: inherit; text-align: center; color: #555; margin: 10px 0; height: 50px;} .block-promo .promo-input+button { border: none; height: 50px; line-height: 50px; font-weight: 400; font-size: 13px; margin: 5px 0 0 0; padding: 0 30px;} @media (max-width: 600px){ .block-promo { margin: 25px 0;} .block-promo .label { font-size: 18px; line-height: 22px;} .block-promo .promo-input { height: 40px;} .block-promo .promo-input+button { height: 40px; line-height: 40px; font-size: 9px; padding: 0 30px;} } /***** checkout *****/ body#checkout #header { position: absolute;} body#checkout #wrapper { overflow: visible;} body#checkout.sticky #header { top: 0;} body#checkout.sticky #header .header_nav { padding: 25px 0;} body#checkout { color: #555;} body#checkout #footer { padding: 0;} body#checkout section#content { margin: 70px 0 0 0;} body#checkout section#content>.row { display: grid; grid-template-columns: 1fr 360px; grid-gap: 80px; align-items: start;} body#checkout section#content>.row:after { display: none;} body#checkout #header a:hover, body#checkout #header a:focus { color: #555;} body#checkout #wrapper a:hover, body#checkout #wrapper a:focus { color: #555;} body#checkout section.checkout-step #customer-form, body#checkout section.checkout-step #delivery-address, body#checkout section.checkout-step #invoice-address, body#checkout section.checkout-step #login-form { margin: 0;} #checkout .cart-grid-body { padding: 0; margin: 0; width: 100%; float: none;} body#checkout section.checkout-step .content { padding: 0; line-height: 26px;} /* checkout step */ body#checkout section.checkout-step { padding: 40px; background: #fff; border-radius: 10px; margin-bottom: 20px;} body#checkout section.checkout-step.-current+.checkout-step .step-title, body#checkout section.checkout-step .step-title { font: 500 18px/30px "Saira Semi Condensed"; text-transform: none; color: #555; margin: -15px 0; padding: 0; border: none; display: grid; grid-template-columns: 40px 1fr auto; align-items: center; grid-gap: 15px;} body#checkout section.checkout-step.-complete:first-of-type .step-title { padding-top: 0;} body#checkout section.checkout-step.-reachable.-current .step-title { padding: 0 0 20px 0; border-bottom: 1px solid #ccc; margin: 0 0 30px 0;} body#checkout section.checkout-step .step-number, body#checkout section.checkout-step.-reachable.-current .step-number { display: inline-block; width: 40px; height: 40px; background: #eee; color: #555; font: 400 14px/40px "Saira Semi Condensed"; text-align: center; margin: 0 10px 0 0; border: none;} body#checkout section.checkout-step.-reachable.-current .step-number { background: #61b0bc; color: #fff;} body#checkout section.checkout-step.-reachable.-complete h1 .step-number{ display: inline-block; background: #61b0bc; color: #fff;} body#checkout section.checkout-step.-reachable.-complete h1 .done { display: none;} body#checkout section.checkout-step.-reachable.-complete h1 .step-edit, body#checkout section.checkout-step .step-edit { margin: 0; font: 400 14px/30px "Saira Semi Condensed"; float: none;} body#checkout section.checkout-step .step-edit .edit { margin-right: 5px; margin-top: -2px;} body#checkout section.checkout-step.-unreachable .step-title { opacity: 0.65;} body#checkout section.checkout-step small { color: #444; font-size: 13px;} /* checkout step - champs */ body#checkout section.checkout-step .form-group { display: grid; grid-template-columns: 25% 1fr 10%; grid-gap: 20px;} body#checkout section.checkout-step .form-group:after { display: none;} body#checkout section.checkout-step .form-group>* { float: none; padding: 0; width: auto; margin: 0;} body#checkout section.checkout-step .form-group .form-control-label { margin-bottom: 0; line-height: 50px;} body#checkout section.checkout-step .form-group .form-control-comment { padding-top: 10px;} body#checkout section.checkout-step .form-informations { padding: 20px 0 10px 0;} body#checkout section.checkout-step .form-informations-title { font-size: 18px; font-weight: 600;} body#checkout section.checkout-step .form-informations-option { font-size: 12px; color: #444;} body#checkout section.checkout-step .custom-checkbox>label { padding-left: 35px;} body#checkout section.checkout-step .form-group .col-md-9 { grid-column: span 3;} body#checkout section.checkout-step .forgot-password { margin-left: calc(25% + 20px);} /* checkout step - adresses */ body#checkout section.checkout-step .address-selector { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; margin: 20px 0;} body#checkout section.checkout-step #delivery-addresses, body#checkout section.checkout-step #invoice-addresses { margin-top: 20px;} body#checkout section.checkout-step #delivery-addresses>p { margin: 0;} body#checkout section.checkout-step .add-address { margin: 0 0 20px 0;} body#checkout section.checkout-step .add-address a { color: #555;} body#checkout section.checkout-step .add-address a i { font-size: 24px; line-height: 22px; margin-right: 5px; color: #555;} body#checkout section.checkout-step .address-item { border: none; border: 1px solid #ccc; background: #fff; margin: 0; border-radius: 8px;} body#checkout section.checkout-step .address-item.selected { border: 1px solid #ccc; background: #fff;} body#checkout section.checkout-step .address-item>header { min-height: 14rem;} body#checkout section.checkout-step .radio-block { padding: 25px; width: 100%; display: block; color: #555;} body#checkout section.checkout-step .radio-block .custom-radio { margin: -5px 10px 0 0;} body#checkout section.checkout-step .address-alias { font: 500 16px/20px "Saira Semi Condensed"; color: #555;} body#checkout section.checkout-step .address { margin-left: 30px; font-weight: 400; line-height: 24px;} body#checkout section.checkout-step .delete-address, body#checkout section.checkout-step .edit-address { margin: 0 5px;} body#checkout section.checkout-step .delete-address i, body#checkout section.checkout-step .edit-address i { margin-right: 8px;} body#checkout .cancel-address { margin: 15px 30px 0 0; color: #555; text-decoration: none; border-bottom: 1px solid #ccc;} /* checkout step - livraison */ body#checkout section.checkout-step .delivery-options .delivery-option { border: none; padding: 25px 0; margin: 0; background: #eff5f6; border-radius: 8px; line-height: 24px; margin-bottom: 20px;} body#checkout section.checkout-step .delivery-options .address { margin: 0;} body#checkout section.checkout-step .delivery-options .custom-radio { margin: 0 auto; float: none!important; display: block;} body#checkout section.checkout-step .delivery-options div#cbox.ps17 { font-size: 14px; color: #555; margin-top: 20px; padding: 0;} body#checkout section.checkout-step .delivery-options .delivery-option label .carrier:not(.carrier-hasLogo)>.col-xs-12 { padding: 0 15px;} body#checkout section.checkout-step .carrier-name { font: 500 14px/20px "Saira Semi Condensed";} body#checkout section.checkout-step .carrier-price { text-transform: uppercase;} body#checkout section.checkout-step .order-options { margin-top: 20px;} body#checkout #delivery>label { margin-bottom: 15px;} body#checkout #delivery textarea { margin-bottom: 20px; width: 100%;} body#checkout #hook-display-after-carrier { margin: 0; display: none;} /* checkout step - paiement */ body#checkout section.checkout-step .creditcard { display: block;} body#checkout section.checkout-step .payment-options label { display: block; text-align: left;} body#checkout .payment-options .payment-option img { float: right;} body#checkout section.checkout-step .payment-options .custom-radio { margin: 2px 10px 0 0;} body#checkout .condition-label { padding-left: 35px; margin: 10px 0;} body#checkout .additional-information { margin: 0; font-size: 16px; padding-bottom: 20px;} /* checkout step - custom liens */ body#checkout #checkout-personal-information-step a { color: #61b0bc; border-bottom: 1px solid #61b0bc;} body#checkout section.checkout-step .add-address a i { transition: color 300ms ease-in-out;} body#checkout #checkout-addresses-step form>p:not(.add-address) a { border: 1px solid #ccc; display: inline-block; padding: 4px 16px; border-radius: 7px;} /* custom hipay */ body#checkout .hipay-form-17 { margin: 10px 0; background: #eff5f6; border-radius: 8px; padding: 20px 30px;} body#checkout .hipay-form-17 p { margin: 0; padding: 0;} /* custom mollie .mollie-iframe-container, .mollie-single-click-container { max-width: 400px; width: 100%; padding-bottom: 30px;} .mollie-input { box-shadow: none; border: 1px solid #ccc; border-radius: 10px; height: 48px;} .mollie-iframe-container .inline-form-group { margin: 0;} .mollie-iframe-container .creditcard { margin: 10px 0 0 0;} .mollie-input.card-number { border-radius: 10px;} .mollie-input.expiry-date { border-radius: 10px 0 0 10px;} .mollie-input.verification-code { border-radius: 0 10px 10px 0; border-left: 0;} .mollie-input.is-invalid { box-shadow: none; border-color: red;} .mollie-iframe-container .mollie-label, .mollie-single-click-container .mollie-label { top: 10px; font-size: 14px;} .mollie-iframe-container .mollie-expiry-date-label { font-size: 14px; background: #fff;} .mollie-signature span { padding: 0 5px;} */ /* checkout step - cart right */ #checkout .cart-grid-right { padding: 0; width: 100%; float: none; position: sticky; top: 40px;} #checkout .cart-grid-right .blockreassurance_product { display: none;} body#checkout .cart-grid-right .card { background: #fff; border-radius: 10px; padding: 40px; margin: 0;} body#checkout .cart-grid-right .card-block { padding: 0;} body#checkout .cart-grid-right .card-block.cart-summary-totals { padding: 0;} body#checkout .cart-grid-right .js-show-details { display: block;} body#checkout .cart-grid-right .js-show-details i { float: right; margin: 3px -5px 0 0;} body#checkout .cart-grid-right .card .cart-summary-subtotals-container { padding: 15px 0 0 0; border: 0; border-top: 1px solid #ccc;} body#checkout .cart-grid-right .card .cart-summary-subtotals-container .cart-summary-line:not(:last-child) { margin-bottom: 5px;} body#checkout .cart-grid-right .card .cart-summary-subtotals-container .cart-summary-line .value, body#checkout .cart-grid-right .card .cart-summary-subtotals-container .cart-summary-line .label { font-size: 13px; color: #555;} body#checkout .cart-grid-right .card .cart-total { padding: 15px 0 0 0; margin: 15px 0 0 0; border-top: 1px solid #ccc;} body#checkout .block-promo { margin-bottom: 0; padding-bottom: 0; border-bottom: none;} body#checkout #cart-summary-product-list { font-size: 16px;} body#checkout #cart-summary-product-list .media-list { margin-bottom: 30px;} body#checkout #cart-summary-product-list .media { margin-bottom: 15px;} body#checkout #cart-summary-product-list .media-left { padding-right: 20px;} body#checkout #cart-summary-product-list img { border: none; width: 4rem; padding: 0; border-radius: 8px;} body#checkout #cart-summary-product-list .product-name { display: block; line-height: 24px;} body#checkout #cart-summary-product-list .product-quantity { display: inline-block;} body#checkout #cart-subtotal-shipping .value { text-transform: uppercase;} @media (min-width: 1201px){ body#checkout.sticky #header .logo { width: 205px;} body#checkout #wrapper a:hover { color: #61b0bc;} body#checkout #header a:hover { color: #61b0bc;} body#checkout #checkout-personal-information-step a:hover { border-color: #555; color: #555;} body#checkout section.checkout-step .add-address a:hover i { color: #61b0bc;} body#checkout #checkout-addresses-step form>p:not(.add-address) a:hover { color: #555; background: #e5e5e5; border-color: #e5e5e5;} } @media (max-width: 1200px){ body#checkout section#content { margin-top: 60px;} body#checkout section#content>.row { grid-template-columns: 1fr; grid-gap: 30px;} body#checkout section.checkout-step.-current+.checkout-step .step-title, body#checkout section.checkout-step .step-title { font-size: 16px;} body#checkout section.checkout-step .delivery-options .delivery-option { padding: 20px 0;} } @media (max-width: 1000px){ body#checkout section.checkout-step .address-selector { grid-template-columns: 1fr;} body#checkout section.checkout-step .address-item>header { min-height: inherit;} } @media (max-width: 767px){ body#checkout section#content { margin-top: 20px;} } @media (max-width: 600px){ body#checkout section#content { margin-top: 10px;} body#checkout section.checkout-step { padding: 6vw; border-radius: 7px; margin-bottom: 10px; position: relative;} body#checkout section.checkout-step .content { line-height: 24px;} body#checkout section.checkout-step .content p { margin-bottom: 10px;} body#checkout section.checkout-step.-current+.checkout-step .step-title, body#checkout section.checkout-step .step-title { font-size: 14px; line-height: 30px; height: 30px; overflow: hidden; margin: 0; display: grid; grid-template-columns: auto 1fr auto; grid-gap: 10px; align-items: start;} body#checkout section.checkout-step .step-number, body#checkout section.checkout-step.-reachable.-current .step-number { width: 30px; height: 30px; font-size: 12px; line-height: 28px; margin: 0;} body#checkout section.checkout-step.-reachable.-current .step-title { border: none; padding: 0; margin-bottom: 20px;} body#checkout section.checkout-step.-reachable.-complete h1 .step-edit, body#checkout section.checkout-step .step-edit { font-size: 12px; line-height: 28px; /*position: absolute; right: 6vw; top: 6vw; */margin: 0;} body#checkout section#content>.row { grid-gap: 20px;} body#checkout section.checkout-step .form-group .form-control-label { line-height: 20px; padding-bottom: 5px;} body#checkout section.checkout-step .form-group .form-control-comment { padding-top: 10px;} body#checkout section.checkout-step .form-informations { padding: 20px 0 10px 0;} body#checkout section.checkout-step .form-informations-title { font-size: 18px; font-weight: 600;} body#checkout section.checkout-step .form-informations-option { font-size: 13px; color: #444;} body#checkout section.checkout-step .custom-checkbox>label { padding-left: 35px;} body#checkout section.checkout-step .form-group .col-md-9 { grid-column: span 3;} /* checkout step - champs */ body#checkout section.checkout-step .form-group { grid-template-columns: 1fr; grid-gap: 0;} body#checkout section.checkout-step .forgot-password { margin-left: 0;} body#checkout section.checkout-step .address-selector { margin: 20px 0; grid-gap: 10px;} body#checkout section.checkout-step .radio-block { padding: 20px;} body#checkout section.checkout-step .address-alias { font-size: 14px;} body#checkout section.checkout-step .address-item { border-radius: 7px;} body#checkout section.checkout-step #delivery-addresses, body#checkout section.checkout-step #invoice-addresses { margin-top: 20px;} body#checkout section.checkout-step .delivery-options .delivery-option { padding: 15px 20px; line-height: 22px; border-radius: 7px; margin-bottom: 10px; display: grid; grid-template-columns: auto 1fr; grid-gap: 0 20px;} body#checkout section.checkout-step .delivery-options .delivery-option div { padding: 0; float: none; width: auto;} body#checkout section.checkout-step .delivery-options .delivery-option label { display: block; width: 100%; padding: 0; float: none;} body#checkout section.checkout-step .delivery-options .delivery-option label .row { display: block;} body#checkout section.checkout-step .delivery-options .delivery-option img { display: none;} body#checkout section.checkout-step .delivery-options div#cbox.ps17 { font-size: 12px;} body#checkout section.checkout-step .delivery-options .delivery-option label .carrier:not(.carrier-hasLogo)>.col-xs-12 { padding: 0;} body#checkout section.checkout-step .carrier-name { font-size: 13px;} body#checkout .additional-information { font-size: 14px;} /* body#checkout .mollie-iframe-container, body#checkout .mollie-single-click-container { max-width: 76vw; padding-bottom: 20px;} body#checkout .mollie-iframe-container .creditcard { margin: 10px 0 0 0;} .mollie-iframe-container .mollie-label, .mollie-single-click-container .mollie-label { top: 11px;} .mollie-input { border-radius: 7px;} .mollie-input.card-number { border-radius: 7px;} .mollie-input.expiry-date { border-radius: 7px 0 0 7px;} .mollie-input.verification-code { border-radius: 0 7px 7px 0;} */ body#checkout .cart-grid-right .card { border-radius: 7px; padding: 6vw;} body#checkout .cart-grid-right .card .cart-summary-subtotals-container .cart-summary-line .value, body#checkout .cart-grid-right .card .cart-summary-subtotals-container .cart-summary-line .label { font-size: 12px;} body#checkout #cart-summary-product-list { font-size: 14px;} #payment-confirmation button.btn { width: 100%; text-align: center; font-size: 12px;} } /***** commande confirmation *****/ body#order-confirmation #header { position: absolute;} body#order-confirmation.sticky #header { top: 0;} body#order-confirmation.sticky #header .header_nav { padding: 25px 0;} body#order-confirmation.sticky #header .logo { width: 205px;} #order-confirmation .featured-products { display: none;} #order-confirmation .card { margin-bottom: 40px; background: none;} #order-confirmation .card-block { padding: 0;} #order-confirmation .card-block .col-md-12 { padding: 0;} #order-confirmation .card-block p a { padding-bottom: 2px; border-bottom: 1px solid #ccc;} #order-confirmation .h1.card-title { font: 500 35px/45px "Saira Semi Condensed"; letter-spacing: 0.2px; text-transform: none; color: #555; margin-bottom: 15px;} #order-confirmation .h1.card-title i { display: none;} #order-confirmation h4#mollie-ok { font: 600 16px/30px "Saira Semi Condensed"; margin: 20px 0 0 0;} #order-confirmation #order-items { padding: 40px; border-radius: 10px; background: #fff; margin: 0;} #order-confirmation #order-items .card-title { font: 500 18px/20px "Saira Semi Condensed"; letter-spacing: 0.2px; text-transform: none; color: #555; margin-bottom: 20px; padding: 0;} #order-confirmation #order-items .order-line { margin-top: 10px; display: grid; grid-template-columns: 20% auto 50%; align-items: center; grid-gap: 20px;} #order-confirmation #order-items .order-line>div { float: none; width: 100%; padding: 0; margin: 0;} #order-confirmation #order-items .image img { border: none; max-width: 120px; display: block; margin-right: auto; margin-left: auto; border-radius: 10px; background: #fff;} #order-confirmation #order-items table tr td { padding: 4px 0; font-size: 16px;} #order-confirmation #order-items hr { border-color: #ccc;} #order-confirmation #order-items table .total-value { background: none; font-weight: 600;} #order-confirmation #order-items table .total-value td { padding-top: 14px;} #order-confirmation #order-details { margin: 60px 0 40px 0; padding: 0; width: 100%;} #order-confirmation #order-details .card-title { font: 500 20px/30px "Saira Semi Condensed"; letter-spacing: 0.2px; text-transform: none; color: #555; margin-bottom: 20px;} @media (min-width: 1201px){ #order-confirmation .card-block p a:hover { border-color: #61b0bc;} } @media (max-width: 1200px){ #order-confirmation #order-items { box-shadow: none; border: 1px solid #dacdbe;} #order-confirmation #order-details { margin: 60px 0 80px 0;} } @media (max-width: 1000px){ #order-confirmation .card { margin-bottom: 40px;} #order-confirmation .h1.card-title { font-size: 32px; line-height: 38px;} #order-confirmation #order-details { margin: 40px 0 60px 0;} #order-confirmation #order-details .card-title { font-size: 22px; line-height: 30px;} } @media (max-width: 767px){ #order-confirmation .h1.card-title { padding-top: 10px;} #order-confirmation #order-details .card-title { padding: 0; border: none;} } @media (max-width: 600px){ #order-confirmation .h1.card-title { font-size: 22px; line-height: 28px;} #order-confirmation h4#mollie-ok { font-size: 13px; line-height: 22px; margin-top: 15px;} #order-confirmation #order-items { padding: 25px 6vw; border-radius: 5px;} #order-confirmation #order-items .card-title { font-size: 16px; margin-bottom: 15px;} #order-confirmation #order-items .order-line { grid-template-columns: 30% 1fr; grid-gap: 0 15px; align-items: end;} #order-confirmation .order-line .col-xs-3 { grid-row: span 2;} #order-confirmation .order-line .qty { align-self: start;} #order-confirmation .order-line .qty .row>div { padding: 0; text-align: left;} #order-confirmation .order-line .qty .row>div:nth-child(2) { text-align: center;} #order-confirmation #order-items table tr td { padding: 2px 0; font-size: 12px;} #order-confirmation #order-items table .total-value td { padding-top: 12px;} #order-confirmation #order-details { margin: 40px 0;} #order-confirmation #order-details .card-title { font-size: 18px; line-height: 26px; margin-bottom: 15px;} } #notifications .alert { margin-top: 70px;} .alert { font-size: 13px; line-height: 22px; padding: 15px 25px; border-radius: 8px; margin: 0;} .alert-danger { border-color: #de2f2b; color: #de2f2b; background: #fff;} .alert-warning { border-color: #de2f2b; color: #de2f2b; background: #fff;} @media (max-width: 600px){ .alert { font-size: 14px; line-height: 22px; padding: 10px 20px; border-radius: 7px;} } #products .page-not-found, #pagenotfound .page-not-found { max-width: none; font-size: 14px;} #products .page-not-found h4, #pagenotfound .page-not-found h4 { margin: 0 0 15px 0; font-weight: 500;} @media (max-width: 600px){ #products .page-not-found, #pagenotfound .page-not-found { font-size: 12px;} #products .page-not-found h4, #pagenotfound .page-not-found h4 { margin: 0 0 10px 0;} } p, .page-content.page-cms ul { margin-bottom: 15px;} .text-muted { font-size: 13px; color: #000!important;} a.text-muted:focus, a.text-muted:hover { color: #000!important;} .page-footer .account-link span { font-size: 12px;} textarea { border: 1px solid #ccc; background: #fff; border-radius: 10px; padding: 15px 25px; display: block;} @media (max-width: 600px){ .text-muted { font-size: 12px;} textarea { border-radius: 7px; padding: 15px 20px;} .page-footer .account-link span { font-size: 11px;} } h4, .h4 { font-weight: 400; color: #555; font-size: 16px; line-height: 24px; margin-bottom: 20px;} hr { margin: 20px 0; border-top: 1px solid #ccc;} label, .label { font-size: 13px; color: #555;} .custom-checkbox .label, .custom-checkbox label { font-size: 11px; line-height: 22px;} @media (max-width: 600px){ h4, .h4 { font-size: 14px; line-height: 22px; margin-bottom: 15px;} label, .label { font-size: 12px;} .page-footer .account-link span { font-size: 14px;} .custom-checkbox .label, .custom-checkbox label { font-size: 12px; line-height: 22px;} } /* champ formulaire */ .form-group { margin-bottom: 20px;} .form-control { border: 1px solid #ccc; background: #fff; padding: 0 25px; height: 50px; border-radius: 8px; font: 400 13px/20px "Saira Semi Condensed"; letter-spacing: 0.4px; color: #555;} .form-control-select { background: url(../img/arrow_select.svg) right 20px center no-repeat #fff;} .form-control:focus { border-color: #ccc; font-size: 13px;} form .form-control-label { font-size: 13px; font-weight: 400;} form .form-control-comment { font-size: 11px; line-height: 20px; padding-top: 10px; display: block; font-style: italic; color: #888;} select.form-control:not([size]):not([multiple]) { height: 50px;} .custom-radio { border-color: #ccc; margin: -2px 8px 0 0; width: 21px; height: 21px;} .custom-radio input[type="radio"]:checked+span { top: 5px; left: 5px; width: 9px; height: 9px;} .form-group.has-error input, .form-group.has-error select { outline: none; border-color: #de2f2b;} @media (max-width: 767px){ .form-group>div, form .form-control-label { padding: 0;} } @media (max-width: 600px){ .form-control { padding: 0 20px; height: 46px; font-size: 12px; border-radius: 6px;} .form-control:focus { font-size: 12px;} .form-control-select { background-position: right 18px center;} form .form-control-label { font-size: 12px;} form .form-control-comment { font-size: 12px; line-height: 20px;} select.form-control:not([size]):not([multiple]) { height: 46px;} } .input-group.focus { outline: none;} .input-group .input-group-btn>.btn[data-action="show-password"] { padding: 0 20px; height: 50px; font: 400 13px/20px "Saira Semi Condensed"; letter-spacing: 0.4px; text-transform: none; background: #61b0bc; border-top-right-radius: 8px; border-bottom-right-radius: 8px; margin-left: -1px;} @media (max-width: 600px){ .input-group .input-group-btn>.btn[data-action="show-password"] { height: 46px; font-size: 11px; letter-spacing: 0.6px;} } .page-customer-account #content { font-size: 14px; color: #555;} .page-customer-account #content .no-account { font-size: 14px;} .page-customer-account #main .page-footer { padding: 40px 0 60px 0;} .page-customer-account #main .page-footer #back-to-login { padding-left: 20px; background: url("../img/back.svg") 0 6px no-repeat;} .page-customer-account #main .page-footer #back-to-login i { display: none;} @media (max-width: 767px){ .page-customer-account #wrapper { padding-top: 120px;} } @media (max-width: 600px){ .page-customer-account #wrapper { padding-top: 90px;} .page-customer-account #content .no-account { font-size: 12px;} } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border: 1px solid #ccc; font: 400 13px/20px "Saira Semi Condensed"; letter-spacing: 0.4px; -webkit-text-fill-color: #555; -webkit-box-shadow: none; transition: none;} @media (max-width: 600px){ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { font-size: 12px;} } .custom-checkbox input[type="checkbox"]+span { width: 22px; height: 22px; border: 1px solid #bbb; border-radius: 3px; display: inline-block; position: relative; margin: -2px 6px 0 0; background: #fff;} .custom-checkbox input[type="checkbox"]+span .checkbox-checked { width: 22px; height: 22px; background: url("../img/check_filters.svg") 48% 50% no-repeat #006072; font-size: 0; position: absolute; left: -1px; top: -1px; margin: 0; border-radius: 3px;} .custom-checkbox input[type="checkbox"]:focus+span { border-color: #ccc;} /**** page authentification ****/ #authentication #content { margin: 60px auto 20px auto; padding: 0; max-width: 1000px;} #authentication .page-footer { display: none;} #authentication #content .login-form { margin: 0;} #authentication #content #submit-login { margin-bottom: 8px;} #authentication .custom-checkbox label { padding: 0; margin: 0;} #authentication .custom-checkbox em { padding: 10px 0 0 0; display: block;} #authentication .custom-checkbox input[type="checkbox"]+span { display: inline-block; margin: -2px 6px 0 0;} @media (max-width: 1200px){ #authentication #content { margin: 60px auto 60px auto;} } @media (max-width: 767px){ #authentication #content { margin: 80px auto 60px auto; max-width: none;} } @media (max-width: 760px){ #authentication #content { margin: 20px auto 0 auto;} } @media (max-width: 600px){ #authentication #content { margin: 10px auto 0 auto;} #authentication #content #submit-login { width: 100%; text-align: center;} } /**** page mot de passe oublie ****/ #password .forgotten-password { padding: 0;} #password .send-renew-password-link { max-width: 720px; padding: 0;} #password .forgotten-password .form-group { display: block; max-width: 500px; margin: 40px auto 80px auto;} #password .forgotten-password .form-fields label.required { display: block; width: auto; padding: 0; margin: 0 0 10px 0; color: #000; text-align: left;} #password .forgotten-password .form-fields .email { float: none; width: auto; padding: 0;} #password .forgotten-password .form-fields .email input { height: 50px;} #password .forgotten-password .form-fields .center-email-fields button { height: 50px; line-height: 50px; margin: 15px 0 0 0; width: 100%;} #password #main .page-footer { padding: 0 0 60px 0;} #password #main .page-footer #back-to-login { padding-left: 20px; background: url("../img/back.svg") 0 6px no-repeat;} #password #main .page-footer #back-to-login i { display: none;} @media (max-width: 600px){ #password .forgotten-password .form-group { margin: 25px auto 40px auto;} #password .forgotten-password .form-fields .email input { height: 46px;} #password .forgotten-password .form-fields .center-email-fields button { height: 46px; line-height: 46px;} #password #main .page-footer { padding: 0 0 40px 0;} #password #main .page-footer #back-to-login { background-position: 0 5px;} } /**** page mon compte ****/ #my-account h1 { margin: 0;} .page-my-account #content .links { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px; margin: 40px 0;} .page-my-account #content .links a { display: block; margin: 0; padding: 30px; letter-spacing: 0.4px; text-transform: none; color: #000; float: none; width: auto; background: #fff; border-radius: 10px;} .page-my-account #content .links a img { width: 50px; height: auto; display: block; margin: 0 auto; border-radius: 0;} .page-my-account #content .links a span.link-item { background: none; padding: 0; margin: 15px 0 10px 0; height: auto; font: 500 14px/20px "Saira Semi Condensed"; color: #000;} .page-my-account #content .links #order-slips-link { display: none;} #my-account #main .page-footer { margin: 0; position: absolute; right: 0; top: 40px;} #identity .custom-checkbox em { padding: 10px 0 0 0; display: block;} #addresses .page-content .col-lg-4 { padding: 0 30px 0 0;} #addresses .address { font-size: 14px; color: #000; margin-bottom: 30px;} #addresses .address .address-body { padding: 30px;} #addresses .address .address-body h4 { font: 500 16px/26px "Saira Semi Condensed"; color: #61b0bc; margin-bottom: 10px;} #addresses .address .address-body address { min-height: inherit; line-height: 26px; margin: 0;} #addresses .address .address-footer { border-top: 1px solid #ccc; padding: 10px 30px;} #addresses .address .address-footer a { margin: 0 10px 0 0; color: #000; display: inline-block;} #addresses .address .address-footer a span { font-size: 14px;} #addresses .addresses-footer { margin: 20px 0 40px 0;} #addresses .addresses-footer a { color: #000;} #addresses .addresses-footer a span { font-size: 14px; margin: 0;} @media (min-width: 1201px){ .page-my-account #content .links a:hover span { color: #65b1d4;} } @media (max-width: 1200px){ #my-account #main .page-footer { top: 42px;} #my-account #main .page-footer .link_custom { height: 50px; line-height: 50px;} .page-my-account #content .links { grid-gap: 20px; grid-template-columns: 1fr 1fr;} #addresses .page-content .col-lg-4 { padding: 0 20px 0 0;} #addresses .address { margin-bottom: 20px;} #addresses .addresses-footer { margin: 15px 0 30px 0;} } @media (max-width: 1000px){ #my-account #main .page-footer { top: 55px;} .page-my-account #content .links { margin: 40px 0 60px 0;} } @media (max-width: 767px){ #my-account #main .page-header { padding-top: 10px;} #my-account #main .page-footer { top: 10px;} } @media (max-width: 600px){ .page-my-account #content .links { margin: 20px 0 40px 0; grid-gap: 14px;} .page-my-account #content .links a { padding: 20px; border-radius: 7px;} .page-my-account #content .links a img { width: 40px;} .page-my-account #content .links a span.link-item { font-size: 12px; line-height: 18px; margin: 10px 0 0 0;} #my-account #main .page-footer { position: static; margin-bottom: 40px;} #my-account #main .page-footer .link_custom { height: 46px; line-height: 46px; width: 100%; text-align: center;} } @media (max-width: 575px){ #addresses .page-content .col-lg-4 { padding: 0;} #addresses .address { font-size: 12px; margin-bottom: 20px;} #addresses .address .address-body { padding: 25px 6vw;} #addresses .address .address-body h4 { font-size: 14px; line-height: 24px;} #addresses .address .address-body address { line-height: 24px;} #addresses .address .address-footer { padding: 8px 6vw;} #addresses .address .address-footer a { margin: 0 8px 0 0;} #addresses .address .address-footer a span { font-size: 12px;} #addresses .addresses-footer a span { font-size: 12px;} } #main .page-header, #main .page-content, #main .page-footer { padding: 0; margin: 0; text-align: left; background: none;} /***** atouts *****/ #footer .rassurants { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); padding: 70px 0 100px 0; max-width: 1200px; margin: 0 auto;} #footer .rassurants:before { width: 200vw; height: 100%; position: absolute; top: 0; left: -50vw; background: #eff5f6; content: "";} #footer .rassurants .item { position: relative; text-align: center;} #footer .rassurants .item:before { width: 1px; height: 60px; position: absolute; top: 50%; right: 0; margin-top: -30px; background: #61b0bc; content: "";} #footer .rassurants .item:last-child:before { display: none;} #footer .rassurants .item a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10;} #footer .rassurants .item p { font: 500 20px/26px "Saira Semi Condensed"; margin: 15px auto 0 auto;} #footer .rassurants .item p span { font: 500 20px/26px "Cormorant Garamont"; display: block; padding-top: 4px;} @media (max-width:1200px) { #footer .rassurants { padding: 40px 0 80px 0;} #footer .rassurants .item p { font-size: 18px; line-height: 28px;} #footer .rassurants .item p span { font-size: 18px; line-height: 27px;} } @media (max-width:1000px) { #footer .rassurants .item p { font-size: 17px; line-height: 20px;} #footer .rassurants .item p span { font-size: 17px; line-height: 25px;} } @media (max-width:600px) { #footer .rassurants { grid-template-columns: 1fr; grid-gap: 25px; padding: 30px 0 45px;} #footer .rassurants:before { width: 200vw; height: 100%; position: absolute; top: 0; left: -50vw; background: #eff5f6; content: "";} #footer .rassurants .item:before { display: none} #footer .rassurants .item { display: grid; grid-template-columns: auto 1fr; align-items: center; grid-gap: 25px; text-align: left;} #footer .rassurants .item p { font-size: 16px; margin: 15px auto 0 0;} #footer .rassurants .item p span { font-size: 16px; line-height: 24px;} } /***** footer newsletter *****/ #blockEmailSubscription_displayFooterBefore { padding: 0; max-width: none; background: none;} #block-newsletter-label { display: none;} #blockEmailSubscription_displayFooterBefore .col-xs-12 { padding: 0; width: 100%; float: none;} #blockEmailSubscription_displayFooterBefore .col-xs-12 p { display: none;} #blockEmailSubscription_displayFooterBefore form { width: 100%; max-width: none; margin: 0 auto;} #blockEmailSubscription_displayFooterBefore input[type=email] { border: none; height: 59px; border-radius: 8px; padding: 0 70px 0 30px; font-size: 16px;} #blockEmailSubscription_displayFooterBefore .btn-primary { margin: 0 0 0 -50px; border-radius: 0 8px 8px 0; width: 130px; height: 59px; font-size: 13px; line-height: 57px; background: #61b0bc; text-align: center; padding: 0; z-index: 10; position: relative;} @media (min-width:1201px) { #blockEmailSubscription_displayFooterBefore .btn-primary:hover { background-color: #006072;} } @media (max-width:1200px) { #blockEmailSubscription_displayFooterBefore { border: none;} } /***** footer *****/ #footer { position: relative; font-size: 0; overflow: hidden; padding: 0; background: #fff;} #footer .bloc_newsletter { padding: 60px 0; text-align: center; z-index: 10; max-width: 640px;} #footer .bloc_newsletter:before { width: 200vw; height: 100%; position: absolute; top: 0; left: -50vw; background: #006072; content: "";} #footer .bloc_newsletter .titre_main { font-size: 50px; line-height: 60px; color: #fff; margin-bottom: 25px; letter-spacing: 0.6px;} #footer .bloc_newsletter .titre_main span { color: #61b0bc; margin: 10px 0 0 0;} @media (max-width:1200px) { #footer .bloc_newsletter { padding:50px 0; max-width: 540px } #footer .bloc_newsletter .titre_main { font-size: 50px; line-height: 50px; } } @media (max-width:1000px) { #footer .bloc_newsletter { padding:50px 0; max-width: none;} #footer .bloc_newsletter .titre_main { font-size: 40px; line-height: 40px; } } @media (max-width:600px) { #footer .bloc_newsletter { padding:30px 0 35px 0;} #footer .bloc_newsletter .titre_main { font-size: 30px; line-height: 30px; } } #footer .logo { background: #006072; width: 160px; height: 160px; padding: 20px 15px; display: block;} #footer .coordonnees p a { padding-left: 30px; display: inline-block;} #footer .coordonnees p a.tel { background: url("../img/tel_blue.svg") 0 3px no-repeat; margin-top: 10px;} #footer .coordonnees p a.email { background: url("../img/email_blue.svg") 0 6px no-repeat;} @media (max-width:1200px) { #footer .logo { width: 140px; height: 140px;} } @media (max-width:1000px) { #footer .logo { width: 120px; height: 120px;} } @media (max-width:600px) { #footer .logo { width: 110px; height: 110px; margin-top: 40px;} } #footer .rs { font-size: 0; line-height: 0; letter-spacing: 0; margin-top: 25px;} #footer .rs a { width: 40px; height: 40px; border-radius: 50%; display: inline-block; vertical-align: top;} #footer .rs .facebook { background: url("../img/facebook.svg") 50% no-repeat #61b0bc; margin-right: 10px;} #footer .rs .instagram { background: url("../img/instagram.svg") 50% no-repeat #61b0bc;} #footer .scroll { width: 50px; height: 50px; border-radius: 5px; background: url("../img/scrolltop.svg") 50% 46% no-repeat #61b0bc; position: fixed; right: 30px; bottom: 30px; z-index: 999; opacity: 0; visibility: hidden;} #footer .scroll.show { opacity: 1; visibility: visible;} @media (min-width:1201px) { #footer .rs a:hover, #footer .scroll:hover { background-color: #006072;} } @media (max-width:1200px) { #footer .rs { top: -101px; } #footer .scroll { width: 50px; height: 50px; right: 5vw; bottom: 100px; position: absolute;} } @media (max-width:1000px) { #footer .rs { left: auto; right: 0; top: 40px; } #footer .rs .scroll { float: none; } } @media (max-width:600px) { #footer .scroll { width: 40px; height: 40px; right: 6vw; bottom: 78px; position: absolute;} } #footer .bloc_footer { display: inline-block; vertical-align: top; font-size: 16px; line-height: 24px; letter-spacing: 0.8px; margin: 100px 100px 0 0;} #footer .bloc_footer .titre_main { font-size: 30px; line-height: 30px; margin-bottom: 20px;} #footer .bloc_footer p { margin: 15px 0 0 0;} #footer .bloc_footer p.blue { color: #61b0bc; font-size: 15px;} #footer .bloc_footer ul { margin: 0;} #footer .bloc_footer li { margin: 12px 0 0 0;} @media (max-width:1200px) { #footer .bloc_footer { margin: 60px 60px 0 0; min-width: 200px; max-width: 240px; } #footer .bloc_footer p { font-size: 16px; } #footer .bloc_footer.contact { margin-right: 0; } } @media (max-width:1000px) { #footer .bloc_footer { margin: 40px 0 0 0; display: block;} #footer .bloc_footer.infos { margin-top: 50px } #footer .bloc_footer p { font-size: 15px; } } @media (max-width:600px) { #footer .bloc_footer { margin: 30px 0 0 0; font-size: 12px; line-height: 22px; } #footer .bloc_footer.infos { margin-top: 40px;} #footer .bloc_footer p { font-size: 14px; } } #footer .legal_protect { background: #eff5f6; padding: 20px 40px; display: inline-block; vertical-align: top; width: 320px; float: right; margin-top: 100px;} #footer .legal_protect .item { display: grid; grid-template-columns: 30px 1fr; grid-gap: 15px; align-items: center; margin: 15px 0; font-size: 12px; line-height: 20px; letter-spacing: 0.8px;} #footer .legal_protect .item img { margin: 0 auto; width: auto;} @media (max-width:1500px) { #footer .legal_protect { float: none;} } @media (max-width:1200px) { #footer .legal_protect { margin-top: 50px; width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; padding: 15px 30px;} #footer .legal_protect .item { display: grid; grid-template-columns: 30px 1fr; grid-gap: 15px; align-items: center; margin: 15px 0; font-size: 10px; line-height: 20px; letter-spacing: .8px; } } @media (max-width: 1200px) { #footer .legal_protect { margin-top: 50px; width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; padding: 15px 30px; margin-top: 40px; float: none;} } @media (max-width: 1000px) { #footer .legal_protect { margin-top: 50px;} } @media (max-width: 760px) { #footer .legal_protect { margin-top: 15px;} } @media (max-width: 600px) { #footer .legal_protect { width: 100%; padding: 12px 25px; font-size: 10px; line-height: 18px; display: block; margin-top: 30px; border-radius: 7px;} #footer .legal_protect .item { margin: 10px 0;} #footer .legal_protect br { display: block;} } .footer_bottom { padding: 20px 0; line-height: 0; margin-top: 80px; position: relative;} .footer_bottom ul { margin: 0;} .footer_bottom li { display: inline-block; font-size: 12px; line-height: 20px; margin-right: 30px; letter-spacing: 0.8px; position: relative;} .footer_bottom li:after { width: 1px; height: 9px; content: ""; position: absolute; right: -16px; top: 5px; background: #61b0bc;} .footer_bottom li:last-child:after { display: none;} @media (min-width:1201px) { .footer_bottom li a:hover { color: #61b0bc;} } @media (max-width:1400px) { #footer .bloc_footer li { max-width: 280px;} } @media (max-width: 1200px) { .footer_bottom { padding: 60px 0 30px 0; margin: 40px 0 0 0;} .footer_bottom ul { padding-top: 20px; } } @media (max-width: 1000px) { .footer_bottom { padding: 60px 0 30px 0; } .footer_bottom ul { padding-top: 20px; } } @media (max-width: 760px) { .footer_bottom { text-align: left; margin-top: 50px; padding: 0 0 20px 0;} .footer_bottom li { display: block; margin: 0; line-height: 30px; letter-spacing: 0.4px;} .footer_bottom li:after { display: none;} } @media (max-width: 600px) { .footer_bottom { padding: 40px 0 0 0; margin-top: 0; } .footer_bottom ul { padding: 10px 0 20px; } .footer_bottom li { font-size: 10px; line-height: 24px;} } .toponweb { display: block; z-index: 85; position: absolute; right: 0; bottom: 0; transition: bottom 300ms ease-in-out;} .toponweb span { width: auto; height: 60px; display: block; padding: 19px 20px 18px 20px; background: linear-gradient(to left, #006072 0% 50%, #61b0bc 50% 100%); background-size: 200% 100%; background-position: 100% 0;} .toponweb img { width: 70px; height: auto; display: block; margin: 0 auto; transition: all 300ms ease-in-out;} @media (min-width:1201px) { .toponweb:hover span { background-position: 0 0;} } @media (max-width:600px) { .toponweb { position: static; margin: 0 -6vw;} .toponweb span { height: auto; padding: 16px 16px 14px 16px;} .toponweb img { width: 66px;} } @media (min-width:1201px) { #footer .bloc_footer li a:hover, #footer .bloc_footer p a:hover { color: #61b0bc;} } @media (max-width:1200px) { #footer .bloc_footer li { max-width: none;} #footer .bloc_footer .sous_titre { font-size: 20px;} } @media (max-width:1000px) { #footer .atouts { padding: 60px 0; margin-bottom: 50px;} #footer .bloc_footer.infos { max-width: 280px; margin-right: 0;} } @media (max-width:760px) { #footer .bloc_footer { display: block; margin: 0 0 30px 0;} #footer .bloc_footer.infos { max-width: none;} #footer .bloc_footer li { margin: 10px 0 0 0;} } @media (max-width:600px) { #footer .atouts { padding: 40px 0; margin-bottom: 30px;} #footer .bloc_footer { font-size: 11px; margin-bottom: 25px;} #footer .bloc_footer .online_only { height: 30px; padding: 0 18px; line-height: 30px; margin: 10px 0 15px 0;} #footer .bloc_footer .sous_titre { font-size: 16px; line-height: 20px; margin: 0 0 10px 0;} #footer .bloc_footer p { margin: 6px 0 0 0;} #footer .bloc_footer p b { font-size: 13px;} #footer .bloc_footer p span { font-size: 11px;} #footer .rs { margin-top: 15px;} #footer .bloc_footer ul li { margin-top: 6px; line-height: 20px;} } @charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{opacity:.3}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .25s}.fancybox-arrow:after{content:"";position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left:after,.fancybox-arrow--right:after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}.fancybox-slide--video .fancybox-content{max-width:800px;max-height:450px;margin:0;}} /***** custom fancybox *****/ .fancybox-bg { background: #fff;} .fancybox-is-open .fancybox-bg { opacity: 1;} .fancybox-button, .fancybox-infobar__body { background: none; color: #555; font: 400 16px/60px "Saira Semi Condensed"; letter-spacing: 0.6px;} .fancybox-infobar { display: none;} .fancybox-toolbar { top: 30px; right: 30px; opacity: 1!important; transition: none;} .fancybox-show-nav .fancybox-arrow { opacity: 1; transition: all 300ms ease-in-out;} .fancybox-button--close { width: 54px; height: 54px; border-radius: 8px; background: #61b0bc; transition: all 300ms ease-in-out;} .fancybox-button--close:before { width: 22px; height: 2px; left: calc(50% - 11px); top: calc(50% - 1px); background: #fff;} .fancybox-button--close:after { width: 22px; height: 2px; left: calc(50% - 11px); top: calc(50% - 1px); background: #fff;} .fancybox-arrow { width: 60px; height: 80px; background: url("../img/arrow_next.svg") 54% 50% no-repeat; margin-top: -40px;} .fancybox-arrow:after { display: none;} .fancybox-arrow--right { right: 30px;} .fancybox-arrow--left { left: 30px;} @media (min-width:1201px) { .fancybox-button:hover:not([disabled]) { background: #000;} .fancybox-arrow:hover:not([disabled]) { opacity: 0.5;} } @media (max-width:1200px) { .fancybox-arrow { border: none;} } @media (max-width:600px) { .fancybox-button, .fancybox-infobar__body { line-height: 40px;} .fancybox-toolbar { top: 4vw; right: 4vw;} .fancybox-button--close { width: 44px; height: 44px; border-radius: 7px;} .fancybox-button--close:before { width: 20px; left: calc(50% - 10px);} .fancybox-button--close:after { width: 20px; left: calc(50% - 10px);} .fancybox-arrow { width: 40px; height: 50px; margin-top: -25px; background-size: 25% auto;} .fancybox-arrow--right { right: 0;} .fancybox-arrow--left { left: 0;} }