html{scroll-behavior:smooth!important;text-underline-offset:2px}:root{--main-color:#13294b;--second-color:#ffaa4d;--third-color:#fff;--fourth-color:#eaecef;--fifth-color:#e4d5d3;--brad:29px}*,.button,.h1,.h2,.h3,.h4,.h5,.h6,body,h1,h2,h3,h4,h5,h6{font-family:"Montserrat",sans-serif;font-weight:500}body{background-color:var(--third-color)}::selection{background-color:var(--second-color)!important;color:var(--fifth-color)!important}#logout-reveal .lead,li,p{color:var(--main-color)}hr{border-bottom:1px solid var(--fourth-color)}#logout-reveal .lead{font-size:1.9rem;font-weight:800;text-align:center;text-transform:uppercase}#logout-reveal a.button,#logout-reveal button.button{color:var(--third-color);background-color:var(--main-color);border:0;border-radius:var(--brad);font-size:.9rem;text-transform:inherit;transition:.25s all ease-in-out}#logout-reveal a.button:hover,#logout-reveal button.button:hover{background-color:var(--second-color)}.product-card .product-card-top .product-option{top:0;right:0}.product-card .product-card-top .product-labels-container{max-width:inherit;width:auto}.product-card .product-card-top .product-labels-container .label{font-size:.9rem}::-webkit-input-placeholder{opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}:-moz-placeholder{opacity:1;-moz-transition:opacity .5s;transition:opacity .5s}::-moz-placeholder{opacity:1;-moz-transition:opacity .5s;transition:opacity .5s}:-ms-input-placeholder{opacity:1;-ms-transition:opacity .5s;transition:opacity .5s}::placeholder{opacity:1;transition:opacity .5s}:focus::-webkit-input-placeholder{opacity:0}:focus:-moz-placeholder{opacity:0}:focus::-moz-placeholder{opacity:0}:focus:-ms-input-placeholder{opacity:0}:focus::placeholder{opacity:0}._0033_marketing{max-width:1200px;margin:20px auto}.breadcrumbs li,.breadcrumbs li a:hover{color:var(--fifth-color)}.breadcrumbs li a{color:var(--second-color);text-transform:uppercase}.breadcrumbs li a:hover{text-decoration:none}.escm-home-container .escm-header{flex-direction:column;min-height:90px}.cookiesOpenButton,.cookiesPreferences-action .button{background-color:var(--main-color);box-shadow:none}.cookiesPreferences-action .button{min-width:229px;color:var(--third-color);padding:14.61px}.cookiesPreferences-action .button:hover{color:var(--third-color);background-color:var(--second-color);box-shadow:none}.cookiesOpenButton,.cookiesOpenButton:hover{color:var(--third-color);transform:scale(1);-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}.cookiesOpenButton:hover{background-color:var(--fifth-color)}.cookiesPreferences-header{flex-wrap:wrap}.cookiesValidation-header-title{color:var(--second-color);font-size:16px}.escm-header-title,.log-reveal p.lead{font-size:1.9rem;font-weight:800;color:var(--main-color);text-align:center;text-transform:uppercase}.escm-header-controls{flex-direction:column;margin-top:1rem}.escm-header-controls .escm-language-select{margin-right:0;margin-bottom:1rem}.cookiesPreferences-action .button,.cookiesValidation-actions button{border-radius:var(--brad)}#libCookiePreferencesButton,.cookiesValidation-actions .button{background-color:var(--main-color)}.cookiesValidation-actions .buttonHollow{border:1px solid var(--main-color);color:var(--second-color);font-weight:500}#libCookiePreferencesButton{min-width:229px;border:1px solid var(--main-color);text-align:center;padding:10px 16px;transition:.25s all ease-in-out}#libCookiePreferencesButton:hover,.cookiesValidation-actions .button:hover{background-color:var(--second-color)}.cookiesValidation-actions .buttonHollow:hover{border:1px solid var(--second-color);color:var(--fifth-color);font-weight:500}#libCookiePreferencesButton,#libCookiePreferencesButton:hover{color:var(--third-color);font-size:.9rem;border-radius:var(--brad)}#libCookiePreferencesButton:hover{border:1px solid var(--second-color)}#libCookieClosePreferencesButton,#libCookieDeclineButton,.close-button#express-quotation-close i:hover,.close-button#express-quotation-close svg:hover{color:var(--second-color)}#libCookieClosePreferencesButton:hover,#libCookieDeclineButton:hover,._news_page .news-description .ql-editor p a:hover{color:var(--fifth-color)}.escm-preference-table-item-footer .escm-switch input:checked+span{background:var(--second-color)}@media screen and (max-width:39.9375em){.escm-header-title{text-align:center;font-size:1.5rem;margin-bottom:1rem}.escm-home-container .escm-header-controls{display:flex}#lib-cookies-validation.escm-footer{flex-direction:column}#lib-cookies-validation.escm-footer a{width:100%;text-align:center}#lib-cookies-validation.escm-footer a[data-es-id=cookies-validation-banner-button-accept]{margin:0 0 1rem}}.log-reveal{border:0}.log-reveal input{font-size:.9rem;color:var(--main-color);background-color:var(--fourth-color);border:1px solid var(--fourth-color);border-radius:var(--brad);box-shadow:none}.log-reveal input::placeholder{color:var(--main-color)}.log-reveal .save-password{font-size:80%}.log-reveal small.float-right a,.log-reveal small.float-right a:focus,.log-reveal small.float-right a:hover{color:var(--main-color)}.log-reveal .close-button{color:var(--main-color);font-size:1.3rem}.log-reveal i.fa-eye,.log-reveal i.fa-eye-slash{position:relative;top:-47px;left:94%}.log-reveal .button{font-size:.9rem;font-weight:500;color:var(--third-color);background-color:var(--main-color);border-radius:var(--brad);transition:.25s all ease-in-out}.log-reveal .button:hover{background-color:var(--second-color)}.expressQuotation{width:95%!important;min-height:70vh;border:0;border-radius:var(--brad);box-shadow:0 0 7px 4px rgb(0 0 0/9%);padding:1.5rem 3rem}.expressQuotationForm{display:flex;flex-direction:column}.expressQuotationForm .grid-x.grid-padding-x .cell.medium-6{width:100%}.expressQuotationForm .grid-x.grid-padding-x .cell.medium-6 label{display:none}.expressQuotationForm .grid-x.grid-padding-x .cell.medium-6 input,.expressQuotationForm .grid-x.grid-padding-x .cell.medium-6 select{box-shadow:none;background-color:var(--fourth-color);border:1px solid var(--fourth-color);border-radius:var(--brad);font-size:.9rem;font-weight:500;color:var(--main-color)}.expressQuotationForm .grid-x.grid-padding-x .cell.medium-6 input::placeholder,.expressQuotationForm .grid-x.grid-padding-x .cell.medium-6 textarea::placeholder{font-size:.9rem;font-weight:500;color:var(--main-color)}.expressQuotationForm .grid-x.grid-padding-x .cell.medium-6 textarea{box-shadow:none;background-color:var(--fourth-color);border:1px solid var(--fourth-color);border-radius:19px;font-size:.9rem;font-weight:500;color:var(--main-color);min-height:90px;resize:vertical}.expressQuotationForm .grid-x.grid-padding-x .cell.medium-6 input:focus,.expressQuotationForm .grid-x.grid-padding-x .cell.medium-6 select:focus{box-shadow:none}.expressQuotationForm h2[data-es-id=express_quotation_modal_title]{font-size:1.9rem;font-weight:800;color:var(--main-color);text-align:center;text-transform:uppercase;margin-top:30px;margin-bottom:30px}.alreadyClient-label span,.expressQuotationForm .editableLabel p,.expressQuotationForm .editableLabel span{font-family:inherit!important;color:var(--main-color)!important;font-size:.75rem;font-weight:500}.expressQuotationForm .editableLabel a,.expressQuotationForm .editableLabel a p{font-size:.75rem;font-weight:500;color:var(--main-color)!important;text-decoration:underline!important}.expressQuotationForm .editableLabel a:hover p,.expressQuotationForm .editableLabel a:hover span{color:var(--fifth-color)!important}.expressQuotationForm .express-quotation-confirm-button,.expressQuotationForm .express-quotation-confirm-button:hover{background-color:var(--main-color);color:var(--third-color);border-radius:var(--brad);text-transform:inherit}.expressQuotationForm .express-quotation-confirm-button:hover{background-color:var(--second-color)}.close-button#express-quotation-close i,.close-button#express-quotation-close svg{font-size:1.5rem;font-weight:500;width:.75rem;color:var(--main-color)}.expressQuotation .close-button{padding:5px 10px;border-radius:var(--brad)}.expressQuotationForm .cell.mt-20.grid-x{justify-content:center}.expressQuotation .altcha.svelte-ddsc3z{min-width:190px;align-items:center;background-color:var(--fourth-color);border:0;border-radius:var(--brad);margin:0 auto}@media screen and (min-width:64em){.escm-preference-table-cell.escm-preference-cell-name{width:38%}.escm-preference-table-cell.escm-preference-cell-description{width:53%}.escm-preference-table-item-footer{max-width:400px}.escm-preference-table-cell.escm-preference-cell-consent{max-width:240px}}#u-035ceb1e-a7b4-4aac-9278-fda85d8fcd60,#u-155aecf2-b6ac-48fe-8e61-3631cec61709{background-color:var(--third-color);padding:.5rem 1rem 1.5rem}html[lang=fr] #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .first-rubric li:nth-child(1) a::after{display:block;content:"1207 Genève - SUISSE";font-weight:600;margin-left:29px}html[lang=en] #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .first-rubric li:nth-child(1) a::after{display:block;content:"1207 Geneve - SWITZERLAND";font-weight:600;margin-left:29px}html[lang=de] #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .first-rubric li:nth-child(1) a::after{display:block;content:"1207 Genf - SCHWEIZ";font-weight:600;margin-left:29px}._news_page{min-height:70vh}._news_page .news-title{font-size:1.9rem;font-weight:800;color:var(--main-color);text-align:center;text-transform:uppercase;margin:2rem auto 1rem}._news_page h2 span{display:block;color:var(--main-color);margin-top:30px}._news_page img{margin:2rem auto;display:block;border-radius:var(--brad)}._news_page .news-description .ql-editor p{margin-bottom:.5rem;text-align:justify}._news_page .news-description .ql-editor p,._news_page .news-description .ql-editor p span{font-family:"Montserrat",sans-serif!important;font-size:.9rem!important}._news_page .news-description .ql-editor p a{display:inline-block;color:var(--second-color)}@media screen and (min-width:64em){.cookiesPreferences-table-header{background-color:var(--main-color)}.preferencesTable-column._cookieName{width:37%}.preferencesTable-column._cookieDescription{width:60%}.cookie-footer{max-width:350px}.preferencesTable-column._cookieToggle{max-width:200px}}@media screen and (max-width:1023px){html[lang=de] #u-273712c7-6451-469a-a252-8f4dfd3baea4 .off-canvas-wrapper .headerMenu .headerMenu-menu li:nth-child(4),html[lang=de] #u-273712c7-6451-469a-a252-8f4dfd3baea4 .off-canvas-wrapper .headerMenu .headerMenu-menu li:nth-child(5),html[lang=de] #u-273712c7-6451-469a-a252-8f4dfd3baea4 .off-canvas-wrapper .headerMenu .headerMenu-menu li:nth-child(8),html[lang=de] #u-273712c7-6451-469a-a252-8f4dfd3baea4 .off-canvas-wrapper .headerMenu .headerMenu-menu li:nth-child(9),html[lang=en] #u-273712c7-6451-469a-a252-8f4dfd3baea4 .off-canvas-wrapper .headerMenu .headerMenu-menu li:nth-child(4),html[lang=en] #u-273712c7-6451-469a-a252-8f4dfd3baea4 .off-canvas-wrapper .headerMenu .headerMenu-menu li:nth-child(5),html[lang=en] #u-273712c7-6451-469a-a252-8f4dfd3baea4 .off-canvas-wrapper .headerMenu .headerMenu-menu li:nth-child(6),html[lang=en] #u-273712c7-6451-469a-a252-8f4dfd3baea4 .off-canvas-wrapper .headerMenu .headerMenu-menu li:nth-child(7),html[lang=fr] #u-273712c7-6451-469a-a252-8f4dfd3baea4 .off-canvas-wrapper .headerMenu .headerMenu-menu li:nth-child(6),html[lang=fr] #u-273712c7-6451-469a-a252-8f4dfd3baea4 .off-canvas-wrapper .headerMenu .headerMenu-menu li:nth-child(7),html[lang=fr] #u-273712c7-6451-469a-a252-8f4dfd3baea4 .off-canvas-wrapper .headerMenu .headerMenu-menu li:nth-child(8),html[lang=fr] #u-273712c7-6451-469a-a252-8f4dfd3baea4 .off-canvas-wrapper .headerMenu .headerMenu-menu li:nth-child(9){display:none}#u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu li:nth-child(1) a.menu-firstLevel-link::before{content:url(/api/assets/u-6a011ffa-28d5-470d-a984-373d31da1a2c);display:inline-block;min-width:22px;position:relative;top:3px}#u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu li:nth-child(2) a.menu-firstLevel-link::before{content:url(/api/assets/u-b03f1e96-37b2-443f-b3e4-ace2197e1a8b);display:inline-block;min-width:22px;position:relative;top:3px}#u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu li:nth-child(3) a.menu-firstLevel-link::before{content:url(/api/assets/u-0e694211-a0c9-4bb2-a34a-e179f5b07414);display:inline-block;min-width:22px;position:relative;top:3px}html[lang=de] #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu li:nth-child(6) a.menu-firstLevel-link::before,html[lang=en] #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu li:nth-child(8) a.menu-firstLevel-link::before,html[lang=fr] #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu li:nth-child(4) a.menu-firstLevel-link::before{content:url(/api/assets/u-0384a2a0-0601-4f65-8a47-dd26c1f02cba);display:inline-block;min-width:22px;position:relative;top:3px}html[lang=de] #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu li:nth-child(7) a.menu-firstLevel-link::before,html[lang=en] #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu li:nth-child(9) a.menu-firstLevel-link::before,html[lang=fr] #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu li:nth-child(5) a.menu-firstLevel-link::before{content:url(/api/assets/u-ae676314-616e-41b1-80c1-e804b9ab0c42);display:inline-block;min-width:22px;position:relative;top:3px}}@media screen and (min-width:40em){.grid-container.fluid{padding-right:0;padding-left:0}} /* 0075_header : u-273712c7-6451-469a-a252-8f4dfd3baea4 */ #u-273712c7-6451-469a-a252-8f4dfd3baea4 header { z-index: 10000; top: 0; width: 100vw; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 h1.home-title { display: none; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .sticky-container .sticky { position: fixed; width: 100%; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop { background-color: var(--main-color); padding: 3px 16px 5px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop a { color: var(--third-color); font-size: 0.9em; font-weight: 500; text-decoration: none; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop a:hover { color: var(--third-color); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .dropdown.menu a::after { border-color: var(--third-color) transparent transparent; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .is-dropdown-submenu { border: none; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2); background-color: var(--third-color); z-index: 20; border-top: 1px solid var(--fifth-color); padding: 5px 10px; top: 35px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .is-dropdown-submenu li { line-height: 2; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu .is-dropdown-submenu button { color: var(--main-color); padding: 8px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .is-dropdown-submenu button:hover { cursor: pointer; color: var(--main-color); transition: 250ms color ease; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu { background-color: var(--third-color); padding: 0 16px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu { align-items: center; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu li { min-height: 50px; transition: 250ms all ease-in-out; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu li a { font-size: 0.8rem; font-weight: 600; color: var(--main-color); text-transform: uppercase; transition: 250ms all ease-in-out; padding: 1.2rem 1rem 1rem; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu .logo { padding-left: 0; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 header .logo img { height: auto; max-width: 300px; min-width: 50px; object-fit: contain; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-search { margin-right: 15px; margin-left: 50px; padding-top: 5px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-search .input-group { margin-bottom: 1.5rem; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-search input { max-width: 160px; background-color: var(--third-color); border: 1px solid var(--third-color); border-right: 0; border-top-left-radius: var(--brad); border-bottom-left-radius: var(--brad); padding-left: 15px; box-shadow: none; color: var(--main-color); font-weight: 600; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-search input::placeholder { color: var(--main-color); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-search button { color: var(--third-color); background-color: var(--main-color); border: 1px solid var(--main-color); border-top-right-radius: var(--brad); border-bottom-right-radius: var(--brad); padding-left: 7px; transition: .25s all ease-in-out; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-search button:hover { background-color: var(--second-color); border: 1px solid var(--second-color); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-search button i { position: relative; left: 6px; color: var(--third-color); transition: .25s all ease-in-out; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-search button:hover i { background-color: transparent; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-search form { margin-bottom: 0; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .languageSelect span { text-transform: uppercase; margin-right: 7px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .dropdown.menu a:hover::after { border-color: var(--main-color) transparent transparent; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .companyInformations a[data-es-id="m_0075_header-banner-top-email"] { pointer-events: none; } @media screen and (min-width: 1024px) { .mobileMenu-btn, .headerMenuTop-searchExandable, .headerMenuTop .logo, .mobileMenu, .headerMenu .companyInformations, .headerMenu .accountLinks, .headerMenu .accountLinks .wishlist-link, .headerMenu .accountLinks .connexion-link, .headerMenu .accountLinks .shoppingCart-link, .headerMenu .accountLinks .languageSelect, #u-273712c7-6451-469a-a252-8f4dfd3baea4 .close-button { display: none; } .headerMenuTop .companyInformations, .headerMenuTop .accountLinks .wishlist-link, .headerMenuTop .accountLinks .connexion-link, .headerMenuTop .accountLinks .languageSelect, .headerMenu-search, #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu .logo { display: block; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .companyInformations { margin-left: -1rem; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .accountLinks .wishlist-link i { margin-right: 5px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .accountLinks .connexion-link { display: flex; padding: 0.4rem 1rem; padding-left: 0; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .accountLinks .connexion-link i { color: var(--third-color); position: relative; top: 4px; width: 14.39px; height: 14.39px; margin-right: 5px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .accountLinks .connexion-link i { width: 0; margin: 0; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .accountLinks .connexion-link i { display: none; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .accountLinks .connexion-link span { display: none !important; font-size: 0 !important; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .accountLinks .connexion-link span[data-es-label="header.login"] { display: block !important; font-size: inherit !important; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .accountLinks .connexion-link span[data-es-label="header.login"]::before { content: url('/api/assets/u-c972f1c0-8046-4a45-9826-e1d6ee6dd400'); margin-right: 7px; margin-left: 16px; position: relative; top: 1px; left: -3px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .accountLinks .connexion-link:hover span[data-es-label="header.login"]::before { content: url('/api/assets/u-38eb2439-7586-4714-89ff-5cec6c0533e0'); margin-right: 7px; margin-left: 16px; position: relative; top: 1px; left: -3px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .accountLinks .connexion-link .connexion-link-dropdown a[data-es-label="header.logout"] { position: relative; left: -4px; padding: 0.53rem 1rem; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .accountLinks .connexion-link .connexion-link-dropdown a[data-es-label="header.logout"]:hover { color: var(--second-color) !important; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .accountLinks .connexion-link .connexion-link-dropdown a:first-child { padding: 0.53rem 1rem; background-color: var(--second-color) !important; color: var(--third-color); border-radius: var(--brad); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .accountLinks .connexion-link .connexion-link-dropdown a:first-child::before { content: url('/api/assets/u-318ff438-f208-4f14-befc-9305f67ff539'); margin-right: 7px; position: relative; top: 1px; left: -3px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .accountLinks .connexion-link .connexion-link-dropdown a:last-child::before { content: url('/api/assets/u-206447af-9a69-45df-b139-00709a9ba0b5'); margin-right: 7px; position: relative; top: 1px; left: -3px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .accountLinks .connexion-link .connexion-link-dropdown a:last-child:hover::before { content: url('/api/assets/u-1adf4d43-5015-4344-b8f1-adce60bef05b'); margin-right: 7px; position: relative; top: 1px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu { display: flex; position: inherit; visibility: visible; width: 100%; transform: inherit; overflow: visible; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .off-canvas-wrapper { overflow: visible; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .accountLinks .shoppingCart-link span { display: inline-block; } .menu-firstLevel-link, .menu-secondLevel-link, .menu-thirdLevel-link, #u-273712c7-6451-469a-a252-8f4dfd3baea4 .menu-lastLevel-link { color: var(--main-color); text-transform: uppercase; } .menu-firstLevel-link:hover, .menu-secondLevel-link:hover, .menu-thirdLevel-link:hover, .menu-lastLevel-link:hover, .menu-firstLevel-link:focus, .menu-secondLevel-link:focus, .menu-thirdLevel-link:focus, #u-273712c7-6451-469a-a252-8f4dfd3baea4 .menu-lastLevel-link:focus { color: var(--main-color); transition: 250ms color ease; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .menu-firstLevel-link::after { border-color: var(--main-color) transparent transparent; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .menu-firstLevel-link:hover::after { border-color: black transparent transparent; transition: 250ms all ease; } .sticky.is-stuck .headerMenuTop, #u-273712c7-6451-469a-a252-8f4dfd3baea4 .sticky.is-stuck .headerBanner-container { height: 0 !important; padding: 0 !important; overflow: hidden; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .sticky.is-stuck .off-canvas-wrapper { background-color: var(--third-color); box-shadow: 0 0 9px 2px rgb(0 0 0 / 19%); } } /**** RESPONSIVE ****/ @media screen and (min-width: 1440px) { .headerMenu-menu li a, .headerMenu-search input, #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-search input::placeholder { font-size: 0.8rem; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu li a { padding-right: 1rem !important; padding-left: 1rem !important; } } @media screen and (min-width: 75em) and (max-width: 1439px) { .headerMenu-search input, #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-search input::placeholder { font-size: 0.8rem; } } @media screen and (min-width: 75em) { #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu li[role="menuitem"] { height: 50px; position: relative; top: 1px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuContent { padding: 0; width: 1200px; } } @media screen and (min-width: 64em) and (max-width: 74.9375em) { .headerMenu-search input, #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-search input::placeholder { font-size: 0.75rem; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu li[role="menuitem"] { height: 50px; position: relative; top: 2px; } } @media screen and (min-width: 64em) { #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu { justify-content: space-around; margin: 0 auto; padding: 0; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop a { color: var(--third-color); padding: .4rem 1rem; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop a:hover { color: var(--second-color); padding: .4rem 1rem; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .accountLinks { margin-right: 1rem; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after { margin-top: -1px; border-color: var(--third-color) transparent transparent; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:hover::after { border-color: var(--second-color) transparent transparent; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 header .logo img { margin-right: 30px; } .headerMenuTop .off-canvas-content, #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerBanner-container .grid-container { justify-content: space-between; padding: 0; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuContent { padding: 0 1rem; width: 1200px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .off-canvas-wrapper .headerMenu { max-height: 50px; background-color: var(--fifth-color); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu li:hover { background-color: var(--main-color); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu li a { color: var(--main-color); padding: 1.2rem 0.5rem; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu li:hover a { color: var(--third-color); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .mobileNonDrillDown .headerMenu-menu li a { padding: 1rem; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-search input { max-width: 130px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .categoryMenu li:hover { background-color: transparent; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .categoryMenu li a { padding: 0.5rem; } } @media screen and (min-width: 64em) and (max-width: 1199px) { #u-273712c7-6451-469a-a252-8f4dfd3baea4 header .logo img { max-width: 350px; } } @media screen and (min-width: 40em) { #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerBanner-container { background-color: var(--third-color); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu { margin-top: -20px !important; } } @media screen and (max-width: 1023px) { #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerBanner-container { display: none; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu li { min-height: 40px !important; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu li a { font-family: inherit; font-size: 0.85rem; font-weight: 600; text-transform: uppercase; color: var(--third-color); padding: 9px !important; padding-left: 0 !important; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .sticky { transform: inherit; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu { display: block; position: fixed; top: 0; left: 0; height: 100%; overflow-y: auto; max-width: 329px; width: auto; background-color: var(--main-color); padding: 32px 0 0 0; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .close-button { position: absolute; align-items: center !important; justify-content: center; border-bottom: none; top: 8px; right: 8px; width: 32px !important; padding: 0 !important; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop { padding: 1rem 2rem; background: var(--third-color) url(/api/assets/u-76391bb1-218a-4623-8f54-f2cc756c7499) no-repeat center; box-shadow: 0 0 7px 4px rgba(0, 0, 0, 0.19); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .fal { font-weight: 400; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop a { font-size: 1.05em; color: var(--main-color); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop a.cell.shrink.logo { min-width: 100px; max-width: 130px; margin-left: -1.5rem; position: relative; top: 0rem; height: 100px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop a .svg-inline--fa.fa-w-18 { width: 2.1em; height: 1.1em; margin-right: 0; margin-left: 15px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 [type=search] { box-shadow: none; } .headerMenuTop .companyInformations, .headerMenuTop .accountLinks .wishlist-link, .headerMenuTop .accountLinks .connexion-link, .headerMenuTop .accountLinks .shoppingCart-link span, .headerMenuTop .accountLinks .languageSelect, .headerMenu-search, #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu .logo { display: none !important; } .mobileMenu-btn, .headerMenuTop-searchExandable, .headerMenuTop .logo, .headerMenu .companyInformations, .headerMenu .accountLinks .wishlist-link, .headerMenu .accountLinks .connexion-link, #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu .accountLinks .languageSelect { display: block; width: 100%; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu .accountLinks .wishlist-link i { margin-right: 5px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu .headerMenuContent a i { min-width: 18px; } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after, #u-273712c7-6451-469a-a252-8f4dfd3baea4 .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after { border-color: var(--third-color) transparent transparent !important; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .languageSelect.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after { right: -20px; top: 17px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .languageSelect.accordion-menu .is-accordion-submenu { font-size: 0.85rem; margin-left: 1.7rem; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu button { color: var(--third-color); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu .accountLinks .shoppingCart-link span { display: inline-block; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .mobileMenu-btn .fa-bars { color: var(--main-color); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .mobileMenu-btn:hover .fa-bars { cursor: pointer; color: var(--main-color); transition: 250ms color ease; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu>*:not(.close-button) { display: flex; flex-direction: column; align-items: flex-start; width: 100%; padding: 30px 10px; border-bottom: 1px solid var(--main-color); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu>*:last-child { border: none; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu { font-weight: 700; width: 100%; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu a { width: calc(100% - 16px); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu a::after { border-color: var(--third-color) transparent transparent; right: 0; } .headerMenu-menu .is-accordion-submenu-parent[aria-expanded=true]>a, #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu .is-accordion-submenu-item[aria-expanded=true]>a { background-color: rgba(255, 255, 255, 0.2) !important; font-weight: 700; margin: 0 0 8px 0; width: 100% !important; padding: 0.7rem 16px !important; } .headerMenu-menu .is-accordion-submenu-parent[aria-expanded=true]>a:hover, .headerMenu-menu .is-accordion-submenu-parent[aria-expanded=true]>a:focus, .headerMenu-menu .is-accordion-submenu-item[aria-expanded=true]>a:hover, #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu .is-accordion-submenu-item[aria-expanded=true]>a:focus { color: var(--third-color) !important; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu-menu .is-accordion-submenu-parent[aria-expanded=true] a::after { right: 5px; } .is-accordion-submenu-parent .is-accordion-submenu .submenu-title, .is-accordion-submenu-parent .is-accordion-submenu a, .is-accordion-submenu-parent .is-accordion-submenu a i, .is-accordion-submenu-parent .is-accordion-submenu a span, #u-273712c7-6451-469a-a252-8f4dfd3baea4 .is-accordion-submenu-parent .is-accordion-submenu a::after { color: var(--third-color) !important; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .menu-lastLevel { left: 0 !important; margin-bottom: 32px; } .headerMenu .accountLinks a, .headerMenu .companyInformations a, .menu-firstLevel-link, .menu-secondLevel-link, .menu-thirdLevel-link, #u-273712c7-6451-469a-a252-8f4dfd3baea4 .menu-lastLevel-link { font-size: 0.85rem; color: var(--third-color); background: transparent !important; text-transform: uppercase; padding: 8px 0 !important; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu .accountLinks a { min-height: 40px !important; display: inline-block; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu .companyInformations a { display: block; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu .accountLinks a:last-child { color: var(--third-color); padding: 8px !important; } .menu-secondLevel, #u-273712c7-6451-469a-a252-8f4dfd3baea4 .menu-thirdLevel { background-color: transparent; padding-left: 10px; } .menu-firstLevel-link:hover, .menu-secondLevel-link:hover, .menu-thirdLevel-link:hover, .menu-lastLevel-link:hover, .headerMenu .accountLinks a:hover, #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenu .companyInformations a:hover { color: var(--third-color); transition: 250ms all ease; } .headerMenuTop .mobileMenu-btn .fa-bars, #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .shoppingCart-link { color: var(--main-color); transition: 250ms all ease; } .headerMenuTop .mobileMenu-btn:hover .fa-bars, #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop .shoppingCart-link:hover { color: var(--main-color); transition: 250ms all ease; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .is-drilldown { width: 100% !important; max-width: 100% !important; height: auto !important; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .is-drilldown li { width: 100%; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .drilldown .is-drilldown-submenu-parent>a::after { border-color: transparent transparent transparent var(--third-color); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .drilldown .js-drilldown-back>a::before { border-color: transparent var(--main-color) transparent transparent; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 header .logo img { opacity: 0; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .dnp { display: none; } } @media screen and (max-width: 670px) { #u-273712c7-6451-469a-a252-8f4dfd3baea4 header .logo img { max-width: 100px; margin-right: 10px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop { padding: 10px 16px; } } @media screen and (max-width: 39.9375em) { #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop { background-size: 50%; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop a.cell.shrink.logo { min-width: 100px; max-width: 150px; margin-left: -2.4rem; position: relative; top: 0.2rem; height: 100px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop-searchExandable input[type=search]:hover:not(:focus) { border-bottom: 0 !important; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop-searchExandable input[type=search]:focus { top: 5% !important; } } /**** SEARCH EXANDABLE ****/ #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop-searchExandable input[type=search] { color: var(--main-color); background: url('/api/assets/u-35238545-1a3d-4120-834a-3f421f50c606') no-repeat 9px center; border: 0; border-bottom: 1px solid var(--main-color); padding: 9px 10px 9px 26px; width: 35px; border-radius: 5px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop-searchExandable input::placeholder { font-size: 1rem; color: var(--main-color); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop-searchExandable input[type=search]:hover:not(:focus) { cursor: pointer; background: url('/api/assets/u-35238545-1a3d-4120-834a-3f421f50c606') no-repeat 9px center; border: 0; border-bottom: 1px solid transparent; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop-searchExandable input[type=search] { margin: 0 1rem 0 0.2rem; border: 0; border-bottom: 1px solid transparent; padding: 9px 10px 9px 26px; width: 35px; border-radius: 0; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop-searchExandable input[type=search]:hover { background-color: transparent !important; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop-searchExandable input[type=search]:focus { cursor: text; position: absolute; top: 10%; left: 13%; width: 69%; height: 100px; background-image: none !important; background-color: var(--third-color) !important; border: 0; border-bottom: 1px solid var(--second-color); border-radius: 0; -webkit-box-shadow: none; box-shadow: none; padding: 9px; } .headerMenuTop-searchExandable input:-moz-placeholder::after, #u-273712c7-6451-469a-a252-8f4dfd3baea4 .headerMenuTop-searchExandable input::-webkit-input-placeholder::after { color: var(--main-color); } /* --- SHOPPING CART --- */ #u-273712c7-6451-469a-a252-8f4dfd3baea4 .mini-shopping-cart-modal { position: fixed; overflow-y: auto; min-width: 29em; max-width: 40em; top: 5em; right: 19.5em; padding: 2rem; background-color: var(--third-color); border-radius: 19px; -webkit-box-shadow: 0 0 7px 4px rgb(0 0 0 / 9%); box-shadow: 0 0 7px 4px rgb(0 0 0 / 9%); max-height: calc(100% - 5em); z-index: 10; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .mini-shopping-cart-product { padding: 1em 0 0.5em; border-bottom: 1px solid var(--second-color); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 #mini-shopping-cart-title { margin-bottom: 0.5em; color: var(--second-color); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 h4.subheader { font-size: 1.5rem; font-weight: 700; color: var(--main-color); text-align: center; text-transform: uppercase; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 #mini-shopping-cart-link { display: block; color: var(--main-color); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 #mini-shopping-cart-img { margin-right: 0.5em; width: 80px; height: 80px; object-fit: contain; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .mini-shopping-cart-product-title { color: var(--second-color); text-transform: inherit; margin-bottom: 0.5em; font-weight: 600; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 #mini-shopping-cart-description { font-size: 75%; margin-bottom: 3em; } #mini-shopping-cart-price, #u-273712c7-6451-469a-a252-8f4dfd3baea4 #mini-shopping-cart-ordered-quantity { color: var(--main-color); font-size: 80% !important; margin-bottom: 0 !important; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 #mini-shopping-cart-price { display: none; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .cart-item-price-displayed { color: var(--second-color); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 #mini-shopping-cart-button { padding-top: 1.5rem; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 #mini-shopping-cart-button a.button { color: var(--third-color); background-color: var(--main-color); border: 1px solid var(--main-color); border-radius: var(--brad); font-weight: 500; width: 45%; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 #mini-shopping-cart-button a.button:hover { color: var(--third-color); background-color: var(--second-color); border: 1px solid var(--second-color); border-radius: var(--brad); font-weight: 500; } #mini-shopping-cart-see, #u-273712c7-6451-469a-a252-8f4dfd3baea4 #mini-shopping-cart-continue { margin-bottom: 0 !important; } /* Menu categories header */ #u-273712c7-6451-469a-a252-8f4dfd3baea4 .categoryMenu .is-drilldown .drilldown .submenu-title { background-color: transparent; color: var(--second-color); padding: 0 16px; font-size: 18px; font-weight: 700; text-transform: capitalize; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .categoryMenu .is-drilldown .drilldown .submenu-title::after { border-color: transparent transparent transparent var(--third-color); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .menu-all { padding-bottom: 45px; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .menu-all span { font-weight: bold; } /* CATEGORY MENU */ #u-273712c7-6451-469a-a252-8f4dfd3baea4 .categoryMenu { position: fixed; top: 0; left: 0; height: 100vh; width: 419px; background: var(--main-color); box-shadow: 4px 0 10px 0 rgba(0, 0, 0, 0.4); padding: 16px 0; overflow-y: auto; transform: translateX(-429px); transition: transform ease-out 500ms; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .categoryMenu._open { z-index: 1; transform: translateX(0); transition: transform ease-in 500ms; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .categoryMenu .is-drilldown { max-width: inherit !important; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .categoryMenu .is-drilldown .drilldown { margin-left: 0; background-color: transparent; padding: 0 0.75rem; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .categoryMenu .is-dropdown-submenu-parent { position: initial; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .categoryMenu .drilldown .js-drilldown-back>a::before { border-color: transparent var(--third-color) transparent transparent; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .categoryMenu .is-drilldown .drilldown .is-drilldown-submenu { background-color: var(--main-color); border: none; padding: 0 0.75rem; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .categoryMenu .is-drilldown .drilldown a { background-color: transparent; color: var(--third-color); font-weight: 600; line-height: 1.5; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .categoryMenu .is-drilldown .drilldown a span { font-weight: 600; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .categoryMenu .is-drilldown .drilldown a:hover { background-color: var(--second-color); border-radius: var(--brad); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .categoryMenu .is-drilldown .drilldown a.menu-all:hover { background-color: transparent; color: var(--second-color); } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .categoryMenu .is-drilldown .drilldown a::first-letter { text-transform: uppercase; } #u-273712c7-6451-469a-a252-8f4dfd3baea4 .categoryMenu .is-drilldown .drilldown a::after { border-color: transparent transparent transparent var(--third-color); } /* END CATEGORY MENU */ /* 0039_product_detail : u-aa328672-8a02-4871-993a-8b841e72e118 */ #u-aa328672-8a02-4871-993a-8b841e72e118 ._0039_product-details { margin-top: 10px; } #u-aa328672-8a02-4871-993a-8b841e72e118 ._0039_product-details p { font-size: 0.8rem !important; text-align: justify; color: var(--main-color) !important; } #u-aa328672-8a02-4871-993a-8b841e72e118 ._0039_product-details p.text-right.aside-summary-label { text-align: right; } #u-aa328672-8a02-4871-993a-8b841e72e118 small { color: var(--main-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .product-label-img { padding: 10px; width: 35px; height: 35px; border-radius: 50%; border: 1px solid var(--fifth-color); background: var(--third-color); } .add-logo, #u-aa328672-8a02-4871-993a-8b841e72e118 .img-extend { position: absolute; bottom: calc(1rem + 0.75rem); display: flex; align-items: center; justify-content: center; background-color: var(--third-color); width: 40px; height: 40px; border-radius: 50%; right: 1rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .add-logo i, #u-aa328672-8a02-4871-993a-8b841e72e118 .img-extend i { color: var(--second-color) !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .add-logo:hover, #u-aa328672-8a02-4871-993a-8b841e72e118 .img-extend:hover { background-color: transparent; -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .add-logo:hover i, #u-aa328672-8a02-4871-993a-8b841e72e118 .img-extend:hover i { color: var(--fifth-color) !important; } #u-aa328672-8a02-4871-993a-8b841e72e118 .add-logo:hover i { -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; } .add-logo:hover i:hover, #u-aa328672-8a02-4871-993a-8b841e72e118 .img-extend:hover i:hover { -webkit-transform: none; -ms-transform: none; transform: none; } #u-aa328672-8a02-4871-993a-8b841e72e118 .add-logo { left: 1rem; } .img-extend i, .img-extend i, .add-logo i, #u-aa328672-8a02-4871-993a-8b841e72e118 .add-logo i { padding: 0; font-size: 1.1em; background-color: transparent; color: var(--fourth-color); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 10; } #u-aa328672-8a02-4871-993a-8b841e72e118 .add-logo a { line-height: 20.64px; } .img-extend i, .img-extend i:hover, .add-logo i, #u-aa328672-8a02-4871-993a-8b841e72e118 .add-logo i:hover { color: var(--third-color); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #u-aa328672-8a02-4871-993a-8b841e72e118 .add-to-cart small { color: var(--third-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 #product-id { top: 20px !important; } #u-aa328672-8a02-4871-993a-8b841e72e118 #product-id .orbit-container { min-height: 874.5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #u-aa328672-8a02-4871-993a-8b841e72e118 .products-slideshow-content:focus { border: none; background-color: lightgrey; } #u-aa328672-8a02-4871-993a-8b841e72e118 .orbit-slides-container { height: auto !important; } #u-aa328672-8a02-4871-993a-8b841e72e118 .orbit-container .orbit-slides-container li.active { position: static; } #u-aa328672-8a02-4871-993a-8b841e72e118 .product-image-thumbnail { margin-top: 20px; } #u-aa328672-8a02-4871-993a-8b841e72e118 .product-image-thumbnail img { border-radius: 9px; border: 1px solid var(--fifth-color); background-color: var(--third-color); height: 100.81px; width: 113px; object-fit: contain; padding: 5px; } .first-part .ref-brand-stock, .first-part .informations, #u-aa328672-8a02-4871-993a-8b841e72e118 .first-part .share-part { font-size: 1.1rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .first-part .share-part { text-align: left; } #u-aa328672-8a02-4871-993a-8b841e72e118 .first-part .ref-brand-stock { font-size: 1rem; font-weight: 600; border-bottom: 1px solid var(--second-color); margin-bottom: 10px; padding-bottom: 10px; } #u-aa328672-8a02-4871-993a-8b841e72e118 .first-part .ref-brand-stock a { font-size: 100% !important; color: var(--main-color); text-decoration: underline; } #u-aa328672-8a02-4871-993a-8b841e72e118 .first-part .ref-brand-stock a:hover { color: var(--second-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .first-part .ref-brand-stock div.cell.small-4 { text-align: right; } .first-part .informations p, #u-aa328672-8a02-4871-993a-8b841e72e118 .first-part .share-part p { margin-top: 10px; } #u-aa328672-8a02-4871-993a-8b841e72e118 .first-part .share-part p { margin-bottom: 10px; } #u-aa328672-8a02-4871-993a-8b841e72e118 .rubric-title { font-weight: 600 !important; text-transform: uppercase !important; margin-bottom: 0 !important; } @media screen and (min-width: 75em) { #u-aa328672-8a02-4871-993a-8b841e72e118 #product-id img { width: 75%; } } @media screen and (min-width: 1024px) and (max-width: 1200px) { #u-aa328672-8a02-4871-993a-8b841e72e118 .details-add-text2 p a { width: auto !important; } } @media screen and (min-width: 1024px) { #u-aa328672-8a02-4871-993a-8b841e72e118 .productImg-container { padding-right: 30px; } #u-aa328672-8a02-4871-993a-8b841e72e118 ._0039_product-details .first-part .cell.small-12.large-6:nth-child(2) { padding-right: 30px; padding-left: 30px; } } @media screen and (max-width: 63.9375em) { #u-aa328672-8a02-4871-993a-8b841e72e118 .details-add-text2 p a { display: inline-block; float: none !important; width: 100% !important; } #u-aa328672-8a02-4871-993a-8b841e72e118 thead th { min-width: 200px; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { #u-aa328672-8a02-4871-993a-8b841e72e118 #product-id .orbit-container { min-height: 657.5px; } } @media screen and (min-width: 40em) { #u-aa328672-8a02-4871-993a-8b841e72e118 .informations-button.grid-margin-x>.medium-4 { width: calc(100% - 1.5rem); } } @media screen and (max-width: 39.9375em) { #u-aa328672-8a02-4871-993a-8b841e72e118 .reveal { height: auto; min-height: auto; } #u-aa328672-8a02-4871-993a-8b841e72e118 .colors { display: flex; flex-direction: column; } #u-aa328672-8a02-4871-993a-8b841e72e118 #product-id .orbit-container { min-height: 343px; } } @media screen and (max-width: 509px) {} #u-aa328672-8a02-4871-993a-8b841e72e118 #product-id img { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } #product-id .orbit-previous, #u-aa328672-8a02-4871-993a-8b841e72e118 #product-id .orbit-next { color: var(--main-color); } #product-id .orbit-previous:hover, #product-id .orbit-next:hover, #product-id .orbit-previous:active, #product-id .orbit-next:active, #product-id .orbit-previous:focus, #u-aa328672-8a02-4871-993a-8b841e72e118 #product-id .orbit-next:focus { color: var(--third-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .main-product-image { position: relative; background-color: var(--third-color); border: 1px solid var(--fifth-color); border-radius: var(--brad); padding: 1rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .main-image { margin: 0 auto 0.75rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .slick-initialized .slick-slide { padding: 15px; } .product-image-thumbnail-0039 .slide-prev, #u-aa328672-8a02-4871-993a-8b841e72e118 .product-image-thumbnail-0039 .slide-next { display: block !important; position: absolute; top: calc(50% - 12px); color: var(--second-color) !important; background-color: transparent; font-size: 24px; padding: 0; } .product-image-thumbnail-0039 .slide-prev:hover, #u-aa328672-8a02-4871-993a-8b841e72e118 .product-image-thumbnail-0039 .slide-next:hover { cursor: pointer; color: var(--fifth-color) !important; } #u-aa328672-8a02-4871-993a-8b841e72e118 .product-image-thumbnail-0039 .slide-prev { left: -7px; } #u-aa328672-8a02-4871-993a-8b841e72e118 .product-image-thumbnail-0039 .slide-next { right: -7px; } #u-aa328672-8a02-4871-993a-8b841e72e118 .product-labels-container { max-width: 100%; top: 10px; } #u-aa328672-8a02-4871-993a-8b841e72e118 .product-labels-container .label { font-size: 0.9rem; text-transform: inherit; padding: 0.25rem 0.5rem; border-radius: 4px; } #u-aa328672-8a02-4871-993a-8b841e72e118 .label.warning { color: var(--third-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .warning { color: var(--second-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .img-top-right { position: absolute; right: 0; padding: 0.5rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 ._0039_product-details .first-part .cell.small-12.large-6:nth-child(2) .grid-x:first-child { align-items: baseline; } #u-aa328672-8a02-4871-993a-8b841e72e118 .product-name { display: inline-block; color: var(--main-color); font-size: 1.25rem; font-weight: 800; text-transform: uppercase; letter-spacing: -0.5px; width: 80%; padding-right: 0.5rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .product-name::first-letter { text-transform: uppercase; } #u-aa328672-8a02-4871-993a-8b841e72e118 .line-through-price { color: var(--second-color); text-decoration: line-through; } #u-aa328672-8a02-4871-993a-8b841e72e118 .wishlist-toggle:focus { outline: none; } #u-aa328672-8a02-4871-993a-8b841e72e118 .detail-back-return.fa-2x { font-size: 1.5rem; padding-top: 0.25rem; color: var(--main-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .detail-back-return.fa-2x:hover { font-size: 1.5rem; padding-top: 0.25rem; color: var(--second-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .detail-add-wishlist { font-size: 1.5rem; padding-top: 0.25rem; color: var(--fifth-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .detail-add-wishlist:hover { font-size: 1.5rem; padding-top: 0.25rem; color: var(--fifth-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .detail-remove-wishlist { font-size: 1.5rem; padding-top: 0.25rem; color: var(--fifth-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .detail-remove-wishlist:hover { font-size: 1.5rem; padding-top: 0.25rem; color: var(--main-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 a:hover .detail-add-wishlist.fa-heart { font-weight: 600; } #u-aa328672-8a02-4871-993a-8b841e72e118 .detail-add-wishlist.is-active { color: var(--fifth-color); font-weight: 600; } #u-aa328672-8a02-4871-993a-8b841e72e118 .from-price { margin-bottom: 2rem; display: flex; justify-content: space-between; align-items: baseline; } #u-aa328672-8a02-4871-993a-8b841e72e118 .from-price p { margin-top: 0; margin-bottom: 0; font-size: 1rem !important; font-weight: 600; color: var(--second-color) !important; } #u-aa328672-8a02-4871-993a-8b841e72e118 .ref-brand-stock small { color: var(--main-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .from-price a[data-es-label="product.estimating"] { font-size: 1rem; font-weight: 500; color: var(--third-color) !important; background-color: var(--main-color); border: 2px solid var(--main-color); border-radius: var(--brad); margin-top: 0.5rem; margin-bottom: 0; padding: 9.29px 19px; transition: .25s all ease-in-out; } #u-aa328672-8a02-4871-993a-8b841e72e118 .from-price a[data-es-label="product.estimating"]:hover { font-size: 1rem; font-weight: 500; color: var(--third-color) !important; background-color: var(--second-color); border: 2px solid var(--second-color); border-radius: var(--brad); margin-top: 0.5rem; margin-bottom: 0; padding: 9.29px 19px; transition: .25s all ease-in-out; } @media screen and (max-width: 39.9375em) { #u-aa328672-8a02-4871-993a-8b841e72e118 a:hover .detail-add-wishlist.fa-heart { font-weight: 400; } .product-name, #u-aa328672-8a02-4871-993a-8b841e72e118 .second-part-title { font-size: 1.2rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .detail-add-wishlist.is-active { color: var(--fifth-color); font-weight: 600 !important; } #u-aa328672-8a02-4871-993a-8b841e72e118 .from-price p { font-size: 0.9rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .from-price a { padding: 0.5em; } #u-aa328672-8a02-4871-993a-8b841e72e118 .ref-brand-stock { display: block; } #u-aa328672-8a02-4871-993a-8b841e72e118 .ref-brand-stock .cell { width: 100%; text-align: left; } } #u-aa328672-8a02-4871-993a-8b841e72e118 .rubric-title { color: var(--main-color); font-size: 1rem; font-weight: 600 !important; text-transform: uppercase !important; margin-top: 1.5rem; margin-bottom: 0 !important; padding-top: 0.5rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .rubric-title.text-left { margin-top: 0; margin-bottom: 1rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .description-preview { color: var(--main-color); margin-bottom: 0.5rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .description-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 2rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .description-link a { margin-top: 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 .description a { color: var(--second-color); font-size: 70% !important; font-weight: 600; text-decoration: underline; } #u-aa328672-8a02-4871-993a-8b841e72e118 .description a:hover { color: var(--fifth-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .informations-button .button { padding: 1rem; font-size: 0.9rem; font-weight: 400; color: var(--third-color); background-color: var(--second-color); border-radius: var(--brad); } #u-aa328672-8a02-4871-993a-8b841e72e118 .informations-button .button span { font-weight: 600; } #u-aa328672-8a02-4871-993a-8b841e72e118 .informations-button .button:hover { color: var(--third-color); background-color: var(--fifth-color); } .details-add-text1, .details-add-text2, #u-aa328672-8a02-4871-993a-8b841e72e118 .details-add-text3 { color: var(--main-color); font-size: 90%; margin-bottom: 1rem; display: none; } #u-aa328672-8a02-4871-993a-8b841e72e118 .details-add-text2 { display: none; } .details-add-text2 h3, .details-add-text2 p.text-justify, #u-aa328672-8a02-4871-993a-8b841e72e118 .details-add-text2 p:last-child { display: none; } #u-aa328672-8a02-4871-993a-8b841e72e118 .details-add-text2 p a { float: right; width: 370px; color: var(--third-color); background-color: var(--main-color); padding: 10px 20px; border-radius: 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 .details-add-text1 p:first-child { display: none; } #u-aa328672-8a02-4871-993a-8b841e72e118 .details-add-text4 { font-size: 75%; margin-bottom: 1.5rem; padding: 0.5rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .close-button i { font-size: 1.5rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .reveal { color: var(--main-color); } .express-quote-reseller-logo, #u-aa328672-8a02-4871-993a-8b841e72e118 .sample-inquiry-reseller-logo { margin-bottom: 1rem; } .express-quote-reveal-product-name, #u-aa328672-8a02-4871-993a-8b841e72e118 .sample-inquiry-reveal-product-name { margin: 1rem 0 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 textarea.express-quote-reveal-form-textarea { color: var(--main-color); font-size: 0.9rem; min-height: 195px; resize: vertical; } #u-aa328672-8a02-4871-993a-8b841e72e118 textarea.sample-inquiry-reveal-form-textarea { color: var(--main-color); font-size: 0.9rem; min-height: 351px; resize: vertical; } .reveal label, .reveal [type='text'], .reveal [type='email'], .reveal [type='password'], #u-aa328672-8a02-4871-993a-8b841e72e118 .reveal select { color: var(--main-color); font-size: 0.9rem; } .reveal input::-webkit-input-placeholder, #u-aa328672-8a02-4871-993a-8b841e72e118 .reveal textarea::-webkit-input-placeholder { color: var(--main-color); font-size: 0.9rem; } .reveal input::-moz-placeholder, #u-aa328672-8a02-4871-993a-8b841e72e118 .reveal textarea::-moz-placeholder { color: var(--main-color); font-size: 0.9rem; } .reveal input:-ms-input-placeholder, #u-aa328672-8a02-4871-993a-8b841e72e118 .reveal textarea:-ms-input-placeholder { color: var(--main-color); font-size: 0.9rem; } .reveal input::-ms-input-placeholder, #u-aa328672-8a02-4871-993a-8b841e72e118 .reveal textarea::-ms-input-placeholder { color: var(--main-color); font-size: 0.9rem; } .reveal input::placeholder, #u-aa328672-8a02-4871-993a-8b841e72e118 .reveal textarea::placeholder { color: var(--main-color); font-size: 0.9rem; } .express-quote-rgpd-caution, #u-aa328672-8a02-4871-993a-8b841e72e118 .sample-inquiry-rgpd-caution { display: inline-block; font-size: 0.8rem; } .express-quote-rgpd-caution-policy-privacy-link, .express-quote-rgpd-caution-policy-privacy-link:hover, .sample-inquiry-rgpd-caution-policy-privacy-link, #u-aa328672-8a02-4871-993a-8b841e72e118 .sample-inquiry-rgpd-caution-policy-privacy-link:hover { color: var(--main-color); text-decoration: underline; } #u-aa328672-8a02-4871-993a-8b841e72e118 .share { color: var(--second-color); cursor: pointer; margin-top: 0.5rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .share:hover { color: var(--fifth-color); } .share:focus, #u-aa328672-8a02-4871-993a-8b841e72e118 .share:active { color: var(--second-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .share .fa-2x { font-size: 1.2em; } #u-aa328672-8a02-4871-993a-8b841e72e118 .step { padding-top: 0 !important; } #u-aa328672-8a02-4871-993a-8b841e72e118 .first-part { padding-bottom: 20px; } .first-part, #u-aa328672-8a02-4871-993a-8b841e72e118 .second-part { border-bottom: 1px solid var(--fifth-color); margin-bottom: 30px; } #u-aa328672-8a02-4871-993a-8b841e72e118 .second-part { color: var(--main-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .second-part form { position: relative; } #u-aa328672-8a02-4871-993a-8b841e72e118 .second-part-title { font-size: 1.25rem; font-weight: 800; color: var(--main-color); text-transform: uppercase; letter-spacing: -0.5px; padding-bottom: 0 !important; margin-bottom: 0 !important; } #u-aa328672-8a02-4871-993a-8b841e72e118 .second-part-title span { font-weight: 800; text-transform: uppercase; } #u-aa328672-8a02-4871-993a-8b841e72e118 .second-part-title i { font-size: 1.5rem; color: var(--second-color); display: none; } #u-aa328672-8a02-4871-993a-8b841e72e118 .step1-characteristic { padding-bottom: 10px; border-bottom: 1px solid var(--second-color); margin-bottom: 1.5rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .step2 { padding: 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 .step2-marking { padding: 0.5% 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 .marking-toggle-head { background-color: var(--third-color); padding: 0.75rem; margin-bottom: 0.25rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .marking-toggle-head .grid-margin-x > .medium-6 { width: calc(69% - 1.875rem); } #u-aa328672-8a02-4871-993a-8b841e72e118 .marking-area { background-color: var(--third-color); padding: 0.75rem; margin-bottom: 1rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .marking-area div.grid-x:nth-child(14) div.cell { display: flex; justify-content: space-between; } #u-aa328672-8a02-4871-993a-8b841e72e118 .marking-area div.grid-x:nth-child(14) div.cell .valid-marking { order: 2; } #u-aa328672-8a02-4871-993a-8b841e72e118 .marking-area-details { font-size: 70%; } #u-aa328672-8a02-4871-993a-8b841e72e118 .change-marking { margin-bottom: 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 .import-file-button { display: flex; align-items: center; justify-content: center; background-color: var(--second-color); margin-bottom: 5px; padding: 8px 16px; max-width: 230px; cursor: pointer; border-radius: var(--brad); } #u-aa328672-8a02-4871-993a-8b841e72e118 .import-file-button:hover { background-color: var(--fifth-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .import-file-button .upload-icon { color: var(--third-color); font-size: 16px; } #u-aa328672-8a02-4871-993a-8b841e72e118 .import-file-button label { color: var(--third-color); font-weight: 600; margin-bottom: 0 !important; cursor: pointer; } #u-aa328672-8a02-4871-993a-8b841e72e118 .import-file-button:hover .upload-icon { color: var(--third-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .import-file-button:hover label { color: var(--third-color); } @media screen and (max-width: 39.9375em) { #u-aa328672-8a02-4871-993a-8b841e72e118 .change-marking { padding-right: 0.5rem; top: 0.2rem; right: -2rem; } .express-quote-label-checkbox, #u-aa328672-8a02-4871-993a-8b841e72e118 .sample-inquiry-label-checkbox { position: relative; top: -2.5rem; left: 15px; } .express-quote-confirm-button, #u-aa328672-8a02-4871-993a-8b841e72e118 .sample-inquiry-confirm-button { width: 100%; } } #u-aa328672-8a02-4871-993a-8b841e72e118 h6.marking-name.marking-position { color: var(--main-color); margin-bottom: 0; font-weight: 400; } #u-aa328672-8a02-4871-993a-8b841e72e118 h6.marking-name.marking-position::first-letter { text-transform: uppercase; } #u-aa328672-8a02-4871-993a-8b841e72e118 .edit-marking { color: var(--main-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 textarea { resize: vertical; margin-bottom: 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 .btn-close-marking { position: relative; top: -0.5rem; color: var(--main-color); background-color: transparent !important; cursor: pointer; } #u-aa328672-8a02-4871-993a-8b841e72e118 input.logo { display: none !important; } #u-aa328672-8a02-4871-993a-8b841e72e118 .marking-delete { position: relative; right: 0rem; top: 0; font-size: 1.2em; } #u-aa328672-8a02-4871-993a-8b841e72e118 .reset-marking { float: left !important; padding-top: 8px; } .reset-marking a, #u-aa328672-8a02-4871-993a-8b841e72e118 .reset-marking a:hover { font-weight: 600; font-size: 0.9rem; color: var(--third-color); background-color: var(--main-color); border-radius: var(--brad); padding: 9.75px 14.4px; } #u-aa328672-8a02-4871-993a-8b841e72e118 .valid-marking { margin-bottom: 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 .no-personalization-title { padding: 1rem; padding-left: 0; color: var(--main-color); border-bottom: 1px solid var(--fifth-color); margin: 1rem 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 .no-personalization-title h3 { font-size: 1.5rem; font-weight: 600; margin-bottom: 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 .no-personalization-title small { color: var(--main-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 #no-personalization { padding-top: 25px; } #u-aa328672-8a02-4871-993a-8b841e72e118 #no-personalization .no-personalization-title { display: none; } #u-aa328672-8a02-4871-993a-8b841e72e118 #no-personalization .no-personalization-step.step1 .step1-characteristic { background-color: var(--third-color); border: 1px solid var(--fifth-color); box-shadow: 0 0 9px 1px rgb(0 0 0 / 5%); border-radius: var(--brad); margin-bottom: 0; padding: 1.5rem 2rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 #no-personalization .no-personalization-step.step1 .step1-characteristic .step1-characteristic { border: 0; border-bottom: 1px solid var(--fifth-color); box-shadow: none; border-radius: 0; margin-bottom: 1.5rem; padding: 0 0 1rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 #no-personalization a.button.float-right.valid-quantity.dpb.ml-10.es-customizable { display: none; } .personalization-step-subtitle, .no-personalization-step-subtitle, #u-aa328672-8a02-4871-993a-8b841e72e118 h3[data-es-label="product.choose_quantity"] { color: var(--second-color); font-size: 1.2rem !important; font-weight: 600; letter-spacing: -0.5px; } #u-aa328672-8a02-4871-993a-8b841e72e118 .personalization-step-subtitle[data-es-id="m_0039_product_detail-tableprice-text"] { color: var(--third-color); background-color: var(--second-color); margin-bottom: 0; padding: 0.75rem 0.5rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .accordion-title.personalization-step-subtitle { color: var(--third-color); background-color: var(--second-color); } .personalization-step-label, #u-aa328672-8a02-4871-993a-8b841e72e118 .no-personalization-step-label { font-size: 80%; } .personalization-step2-label, .personalization-step2-label-first, .no-personalization-step2-label, #u-aa328672-8a02-4871-993a-8b841e72e118 .no-personalization-step2-label-first { font-size: 90%; font-weight: 400; margin-top: 1.5rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .personalization-step2-label-first { margin-top: 0; } .grey-select, .quantity-input, .marking-area input, #u-aa328672-8a02-4871-993a-8b841e72e118 .marking-area textarea { font-size: 1rem; color: var(--main-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .marking-area textarea { padding: 1rem 2rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .quantity-input { text-align: center; width: auto; margin-bottom: 0.5rem; -webkit-box-shadow: none; box-shadow: none; } #estimating button, #u-aa328672-8a02-4871-993a-8b841e72e118 #estimating .button { color: var(--third-color); background-color: var(--main-color); border-radius: var(--brad); font-size: 0.9rem; font-weight: 600; } #estimating button[data-es-id="m_0039_product_detail-express-quotation"], #u-aa328672-8a02-4871-993a-8b841e72e118 #estimating .button[data-es-id="m_0039_product_detail-express-quotation"] { color: var(--third-color); background-color: var(--main-color); border-radius: var(--brad); font-size: 0.9rem; font-weight: 600; } #estimating button span, #u-aa328672-8a02-4871-993a-8b841e72e118 #estimating .button span { font-weight: 600; } #estimating button:hover, #u-aa328672-8a02-4871-993a-8b841e72e118 #estimating .button:hover { background-color: var(--second-color); } #estimating button[data-es-id="m_0039_product_detail-express-quotation"]:hover, #u-aa328672-8a02-4871-993a-8b841e72e118 #estimating .button[data-es-id="m_0039_product_detail-express-quotation"]:hover { background-color: var(--second-color); } #estimating #personalization-p-1 button, #u-aa328672-8a02-4871-993a-8b841e72e118 #estimating #personalization-p-1 .button { float: right !important; color: var(--third-color); background-color: var(--main-color); border: 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 #estimating #personalization-p-1 button.btn-close-marking { float: right; font-size: 2rem; color: var(--second-color); } #estimating #personalization-p-1 button:hover, #u-aa328672-8a02-4871-993a-8b841e72e118 #estimating #personalization-p-1 .button:hover { color: var(--third-color); background-color: var(--second-color); border: 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 #estimating #personalization-p-1 button.btn-close-marking:hover { float: right; font-size: 2rem; color: var(--main-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 #estimating .button.float-right { float: left !important; margin-left: 0; display: block; } #u-aa328672-8a02-4871-993a-8b841e72e118 th { border: 1px solid var(--fourth-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 td { border: 1px solid var(--fourth-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 thead { background-color: var(--third-color); color: var(--second-color); border: 1px solid var(--fourth-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 thead th { text-align: center; } #u-aa328672-8a02-4871-993a-8b841e72e118 thead th:first-child { border-top-left-radius: 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 thead th:last-child { border-top-right-radius: 0; } thead th, thead td, tfoot th, tfoot td, tbody th, #u-aa328672-8a02-4871-993a-8b841e72e118 tbody td { font-size: 90%; } #u-aa328672-8a02-4871-993a-8b841e72e118 tbody { border: 1px solid var(--fourth-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 tbody tr { font-weight: 600; border-bottom: 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 table.hover thead tr:hover { color: var(--third-color); background-color: var(--second-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 table.hover tbody tr:hover { background-color: inherit; } #u-aa328672-8a02-4871-993a-8b841e72e118 .table-first { color: var(--main-color); border-bottom-left-radius: 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 tbody td:last-child { border-bottom-right-radius: 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 .aside-summary { padding: 1rem; margin-bottom: 1rem; line-height: 2; color: var(--main-color); background-color: var(--third-color); border: 1px solid var(--fifth-color); border-radius: 19px; font-weight: 600; box-shadow: 0 0 9px 1px rgb(0 0 0 / 5%); } #u-aa328672-8a02-4871-993a-8b841e72e118 .aside-summary-title { color: var(--main-color); font-size: 1.25rem; font-weight: 800; text-transform: uppercase; } #u-aa328672-8a02-4871-993a-8b841e72e118 .aside-summary-total-result { font-size: 1rem; font-weight: 600; text-transform: uppercase; color: var(--main-color); padding-top: 0.5rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .aside-summary-total-result p { color: var(--main-color); justify-content: space-between; } #u-aa328672-8a02-4871-993a-8b841e72e118 .aside-summary-total-result p span.cell.shrink { color: var(--main-color); font-weight: 600; letter-spacing: -0.5px; } #u-aa328672-8a02-4871-993a-8b841e72e118 .aside-summary-total-result p span#summary-total-gross { margin-left: 3px; } #u-aa328672-8a02-4871-993a-8b841e72e118 #estimating span.ml-10 { margin-left: 5px; } #u-aa328672-8a02-4871-993a-8b841e72e118 .aside-summary-div { padding: 0.5rem 0; border-bottom: 1px solid var(--second-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .aside-summary-div p { color: var(--main-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .aside-summary-div:nth-child(1) p span[data-es-label="product.estimation.total_quantity"] { margin-right: 5px; } #u-aa328672-8a02-4871-993a-8b841e72e118 .aside-summary-label { font-size: 0.9em; } #u-aa328672-8a02-4871-993a-8b841e72e118 .aside-summary-result { font-weight: 600; } #u-aa328672-8a02-4871-993a-8b841e72e118 .aside-summary .has-tip { display: none; } #u-aa328672-8a02-4871-993a-8b841e72e118 .aside-button button { margin-bottom: 0.5rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .has-tip { cursor: pointer; border-bottom: 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 .dpn { display: none !important; } #u-aa328672-8a02-4871-993a-8b841e72e118 .dpb { display: block; } #u-aa328672-8a02-4871-993a-8b841e72e118 .decreasing-prices-content { margin-bottom: 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 .accordion { border: 1px solid var(--fourth-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 #detail-accordion .accordion { border-radius: 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 .accordion-title { padding: 1rem 0.5rem; border: 0; border-bottom: 1px solid var(--fourth-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .accordion-title:hover { background-color: var(--second-color); color: var(--third-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .accordion-title:focus { background-color: var(--fifth-color); color: var(--third-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .accordion-title:focus:hover { background-color: var(--fifth-color); color: var(--third-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .accordion-content { border: 0; border-bottom: 1px solid var(--fourth-color); color: var(--main-color); font-size: 0.9rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 #characteristics-content .accordion-content { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 .accordion-content p { font-size: 0.9rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .accordion-item:first-child> :first-child { border-top: 0; } :last-child>.accordion-content:last-child, :last-child:not(.is-active)>.accordion-title, #u-aa328672-8a02-4871-993a-8b841e72e118 .accordion-title:last-child { border-bottom: 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 .characteristics { padding: 0 1rem; color: var(--main-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .keyword { color: var(--main-color); background-color: var(--fourth-color); padding: 0.5rem 1rem; border-radius: 90px; display: inline-block; } /*************** Color selector *******************/ .filter-color .button-group, .filter-product-color .button-group, #u-aa328672-8a02-4871-993a-8b841e72e118 .filter-ink-color .button-group { flex-wrap: wrap; } .filter-color .button-group .button, .filter-product-color .button-group .button, #u-aa328672-8a02-4871-993a-8b841e72e118 .filter-ink-color .button-group .button { width: 25px; height: 25px; border: 0.5px solid var(--main-color) !important; border-radius: var(--brad); padding: 0; margin: 8px; } .filter-color .button-group .button.first-all, .filter-product-color .button-group .button.first-all, #u-aa328672-8a02-4871-993a-8b841e72e118 .filter-ink-color .button-group .button.first-all { background-color: var(--third-color); color: var(--main-color); font-size: 1rem; padding-bottom: 3px; padding-left: 1px; } .filter-color .filter-color-button.is-active, .filter-color .filter-color-button:focus, .filter-color .filter-color-button:active, .filter-product-color .filter-color-button.is-active, .filter-product-color .filter-color-button:focus, .filter-product-color .filter-color-button:active, .filter-ink-color .filter-color-button.is-active, .filter-ink-color .filter-color-button:focus, #u-aa328672-8a02-4871-993a-8b841e72e118 .filter-ink-color .filter-color-button:active { border: 1px solid var(--main-color) !important; } .filter-product-color, #u-aa328672-8a02-4871-993a-8b841e72e118 .filter-ink-color { margin-bottom: 20px; } /*************** Product & Ink Color selector *******************/ #u-aa328672-8a02-4871-993a-8b841e72e118 .button-group input { display: none !important; } .filter-product-color .button-group input:checked+label, .filter-product-color .button-group input:checked+label:active, .filter-ink-color .button-group input:checked+label, #u-aa328672-8a02-4871-993a-8b841e72e118 .filter-ink-color .button-group input:checked+label:active { border: 1px solid var(--main-color); } /************* JQuery-Step Wizard *****************/ /* Common */ .wizard, #u-aa328672-8a02-4871-993a-8b841e72e118 .tabcontrol { display: block; width: 100%; overflow: hidden; } .wizard a, #u-aa328672-8a02-4871-993a-8b841e72e118 .tabcontrol a { outline: 0; } .wizard ul, #u-aa328672-8a02-4871-993a-8b841e72e118 .tabcontrol ul { list-style: none !important; padding: 0; margin: 0; } .wizard ul>li, #u-aa328672-8a02-4871-993a-8b841e72e118 .tabcontrol ul>li { display: block; padding: 0; } /* Accessibility */ .wizard>.steps .current-info, #u-aa328672-8a02-4871-993a-8b841e72e118 .tabcontrol>.steps .current-info { position: absolute; left: -999em; } .wizard>.content>.title, #u-aa328672-8a02-4871-993a-8b841e72e118 .tabcontrol>.content>.title { position: absolute; left: -999em; } /* Wizard */ #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.steps { position: relative; display: block; width: 100%; margin-top: 0.47rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 #no-personalization .wizard>.steps { display: none; } #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard.vertical>.steps { display: inline; float: left; width: 30%; } #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.steps .number { font-size: 1.429em; } #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.steps>ul>li { width: 49%; } .wizard>.steps>ul>li, #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.actions>ul>li { float: left; } #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.steps>ul>li:first-child { margin-right: 2%; } #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard.vertical>.steps>ul>li { float: none; width: 100%; } .wizard>.steps a, .wizard>.steps a:hover, #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.steps a:active { display: block; width: auto; margin: 0.5rem; padding: 0.5rem 1rem 0.5rem 2.5rem; text-decoration: none; } .wizard>.steps .disabled a, .wizard>.steps .disabled a:hover, #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.steps .disabled a:active { background: var(--fourth-color); color: var(--second-color); cursor: default; } .wizard>.steps .current a, .wizard>.steps .current a:hover, #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.steps .current a:active { background: var(--second-color); color: var(--third-color); cursor: default; } .wizard>.steps .done a, .wizard>.steps .done a:hover, #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.steps .done a:active { background: var(--fifth-color); color: var(--third-color); } .wizard>.steps .error a, .wizard>.steps .error a:hover, #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.steps .error a:active { background: #ff0000; color: var(--third-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.content { background: transparent; display: block; margin: 0.5em; overflow-x: hidden; position: relative; width: auto; border-radius: var(--brad); box-shadow: 0 0 9px 1px rgb(0 0 0 / 5%); } #u-aa328672-8a02-4871-993a-8b841e72e118 #no-personalization .wizard>.content { background: var(--third-color); display: block; margin: 0.5em; margin-top: 0; overflow-x: hidden; position: relative; width: auto; } #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard.vertical>.content { display: inline; float: left; margin: 0 2.5% 0.5em 2.5%; width: 65%; } #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.content>.body { float: left; position: relative; width: 100%; height: 100%; padding: 1.5rem 2rem 0.3rem; background-color: var(--third-color); border: 1px solid var(--fifth-color); border-radius: var(--brad); } #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.content>.body ul { list-style: disc !important; } #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.content>.body ul>li { display: list-item; } #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.content>.body>iframe { border: 0 none; width: 100%; height: 100%; } #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.content>.body input { display: block; margin-bottom: 10px; } #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.content>.body input[type="checkbox"] { display: inline-block; } #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.content>.body input.error { background: #fbe3e4; border: 1px solid #fbc2c4; color: #8a1f11; } #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.content>.body label { display: inline-block; margin-bottom: 0.5em; } #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.content>.body label.error { color: #8a1f11; display: inline-block; margin-left: 1.5em; } #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.actions { position: relative; display: block; text-align: right; width: 100%; margin-top: 0.8rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard.vertical>.actions { display: inline; float: right; margin: 0 2.5%; width: 95%; } #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.actions>ul { display: inline-block; text-align: right; } #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.actions>ul>li { margin: 0 0.5em; } #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard.vertical>.actions>ul>li { margin: 0 0 0 1em; } #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.actions a { background: var(--main-color); color: var(--third-color); font-size: 0.9rem; font-weight: 600; display: block; padding: 0.5em 1em; text-decoration: none; border-radius: var(--brad); } .wizard>.actions a:hover, #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.actions a:active { background: var(--second-color) !important; color: var(--third-color) !important; display: block; padding: 0.5em 1em; text-decoration: none; border-radius: var(--brad); } .wizard>.actions .disabled a, .wizard>.actions .disabled a:hover, #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.actions .disabled a:active { background: var(--fourth-color); color: var(--second-color); } #u-aa328672-8a02-4871-993a-8b841e72e118 .disabled a { cursor: not-allowed !important; background: var(--fourth-color) !important; color: var(--second-color) !important; } /* Tabcontrol */ #u-aa328672-8a02-4871-993a-8b841e72e118 .tabcontrol>.steps { position: relative; display: block; width: 100%; } #u-aa328672-8a02-4871-993a-8b841e72e118 .tabcontrol>.steps>ul { position: relative; margin: 6px 0 0 0; top: 1px; z-index: 1; } #u-aa328672-8a02-4871-993a-8b841e72e118 .tabcontrol>.steps>ul>li { float: left; margin: 5px 2px 0 0; padding: 1px; } #u-aa328672-8a02-4871-993a-8b841e72e118 .tabcontrol>.steps>ul>li:hover { background: var(--fourth-color); border: 1px solid var(--fifth-color); padding: 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 .tabcontrol>.steps>ul>li.current { background: var(--third-color); border: 1px solid var(--fifth-color); border-bottom: 0 none; padding: 0 0 1px 0; margin-top: 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 .tabcontrol>.steps>ul>li>a { color: var(--main-color); display: inline-block; border: 0 none; margin: 0; padding: 10px 30px; text-decoration: none; } #u-aa328672-8a02-4871-993a-8b841e72e118 .tabcontrol>.steps>ul>li>a:hover { text-decoration: none; } #u-aa328672-8a02-4871-993a-8b841e72e118 .tabcontrol>.steps>ul>li.current>a { padding: 15px 30px 10px 30px; } #u-aa328672-8a02-4871-993a-8b841e72e118 .tabcontrol>.content { position: relative; display: inline-block; width: 100%; height: 40em; overflow: hidden; border-top: 1px solid var(--fourth-color); padding-top: 20px; } #u-aa328672-8a02-4871-993a-8b841e72e118 .tabcontrol>.content>.body { float: left; position: absolute; width: 95%; height: 95%; padding: 2.5%; } #u-aa328672-8a02-4871-993a-8b841e72e118 .tabcontrol>.content>.body ul { list-style: disc !important; } #u-aa328672-8a02-4871-993a-8b841e72e118 .tabcontrol>.content>.body ul>li { display: list-item; } @media screen and (max-width: 39.9375em) { #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.steps>ul>li { width: 100%; } } #no-personalization input, #no-personalization select, #no-personalization textarea, #personalization input, #personalization select, #u-aa328672-8a02-4871-993a-8b841e72e118 #personalization textarea { color: var(--main-color) !important; background-color: var(--third-color) !important; font-size: 1rem; font-weight: 400; border: 1px solid var(--fifth-color); border-radius: var(--brad); box-shadow: none; } #no-personalization input::placeholder, #no-personalization textarea::placeholder, #personalization input::placeholder, #u-aa328672-8a02-4871-993a-8b841e72e118 #personalization textarea::placeholder { color: var(--main-color) !important; font-size: 1rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 #personalization textarea::placeholder { opacity: 0; } #u-aa328672-8a02-4871-993a-8b841e72e118 #personalization-t-0 { position: relative; padding-left: 1.5rem; border-top-left-radius: var(--brad); border-bottom-left-radius: var(--brad); } #u-aa328672-8a02-4871-993a-8b841e72e118 #personalization-t-0::after { content: ''; position: absolute; right: -20px !important; bottom: 0; width: 0; height: 0; border-top: 26px solid transparent; border-bottom: 26px solid transparent; border-left: 20px solid var(--second-color); clear: both; } .wizard>.steps .done #personalization-t-0::after, .wizard>.steps .done #personalization-t-0:hover::after, #u-aa328672-8a02-4871-993a-8b841e72e118 .wizard>.steps .done #personalization-t-0:active::after { border-left: 20px solid var(--fifth-color) !important; } #u-aa328672-8a02-4871-993a-8b841e72e118 #step-2-loader { display: flex; align-items: center; justify-content: center; position: absolute; z-index: 1; top: 0; right: 0; left: 0; bottom: 0; color: var(--main-color); } @media screen and (min-width: 64em) and (max-width: 74.9375em) { #u-aa328672-8a02-4871-993a-8b841e72e118 #personalization-t-0::after { right: -6.5%; } } #u-aa328672-8a02-4871-993a-8b841e72e118 #personalization-t-1 { position: relative; border-top-right-radius: var(--brad); border-bottom-right-radius: var(--brad); } #u-aa328672-8a02-4871-993a-8b841e72e118 #personalization-t-1::after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-top: 26px solid transparent; border-bottom: 26px solid transparent; border-left: 20px solid var(--third-color); clear: both; } @media screen and (max-width: 39.9375em) { #personalization-t-0, #u-aa328672-8a02-4871-993a-8b841e72e118 #personalization-t-1 { padding: 0.5rem 1rem; border-radius: var(--brad); } #personalization-t-0::after, #u-aa328672-8a02-4871-993a-8b841e72e118 #personalization-t-1::after { display: none; } #u-aa328672-8a02-4871-993a-8b841e72e118 #no-personalization .no-personalization-step.step1 .step1-characteristic .step1-characteristic h3 { font-size: 1rem; } #u-aa328672-8a02-4871-993a-8b841e72e118 .description-infos { display: flex; flex-direction: column; } #u-aa328672-8a02-4871-993a-8b841e72e118 .rubric-title { margin-right: 8px; } #u-aa328672-8a02-4871-993a-8b841e72e118 .description-link { display: block; } #u-aa328672-8a02-4871-993a-8b841e72e118 .description a { display: block; text-align-last: left; margin-top: 10px; } #u-aa328672-8a02-4871-993a-8b841e72e118 .express-quote-label-checkbox { position: inherit; } #u-aa328672-8a02-4871-993a-8b841e72e118 .characteristics { width: 100%; } .second-part-title, #u-aa328672-8a02-4871-993a-8b841e72e118 .product-name { font-size: 1.2rem !important; } } #u-aa328672-8a02-4871-993a-8b841e72e118 .product-option-detail { position: absolute; top: 8px; right: 8px; display: flex; align-items: center; justify-content: center; background: transparent; border-radius: 0; width: 50px; height: 50px; padding: 8px; } #u-aa328672-8a02-4871-993a-8b841e72e118 .product-option-detail .product-marking-img { width: 100%; height: 100%; object-fit: contain; } /* 0078_footer : u-5875f5f2-ec74-4b81-8d85-05bddbcf008b */ #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b ._0078_footer { background-color: var(--main-color); } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .default-cursor a { cursor: default; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .show-for-large { max-width: 1200px; margin: 0 auto; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b footer a { padding: 0.5rem 0; color: var(--third-color); font-size: 0.8rem; transition: color .25s ease-in-out; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b footer a:hover { cursor: pointer; color: var(--third-color); } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b footer a span { font-weight: 600; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b footer a i { color: var(--fifth-color); } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b footer a:hover i { cursor: pointer; color: var(--second-color); } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b ._0078_footer .hide-for-large .grid-x .cell .newsletter-form-mobile .switch .switch-paddle { background: transparent; margin-top: 10px; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .company-logo { object-fit: contain; margin-top: 5px; padding: 15px; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .accordion-title { border: 0; border-bottom: 1px solid var(--fifth-color); background-color: var(--main-color); color: var(--second-color); } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .accordion-title h5 { color: var(--second-color); font-size: 1.1rem; font-weight: 600; text-transform: inherit; margin-bottom: 0; padding: 10px 15px; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .accordion-content { border: 0; background-color: #13294b90; border-bottom: 1px solid var(--fifth-color); box-shadow: 0 0 9px 0px rgb(0 0 0 / 19%) inset; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .rubric-list-item-image { display: inline-block; text-align: center; width: 25px; margin-bottom: 5px; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .backTop-icon { color: var(--second-color); margin-top: 15px; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b footer small { color: var(--third-color); font-size: 0.65rem; font-weight: 500; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .input-group-button input { padding-top: 0; padding-bottom: 0; color: var(--third-color); background-color: var(--main-color); border: 1px solid var(--third-color); border-top-right-radius: var(--brad); border-bottom-right-radius: var(--brad); } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .input-group-button input:hover { color: var(--third-color); background-color: var(--second-color); border: 1px solid var(--second-color); } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b footer input { font-size: 0.9rem; font-weight: 500; color: var(--main-color); background-color: var(--third-color); border: 1px solid var(--third-color); border-right: 0; box-shadow: none; padding-left: 15px; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b footer input::placeholder { font-size: 0.9rem; color: var(--main-color); } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b footer [type=email] { border-right: none; border-top-left-radius: var(--brad); border-bottom-left-radius: var(--brad); min-height: 39px !important; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .rubric-title { color: var(--second-color); font-size: 1.25rem; font-weight: 600; text-transform: inherit; margin-bottom: 15px; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .gc2 { border-bottom: 1px solid var(--fifth-color); padding-bottom: 1rem; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .switch { margin-bottom: 0.5rem; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .newsletter-form .newsletter-toggle { order: 2; display: flex; flex-direction: column-reverse; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b footer .input-group { margin-bottom: 0.5rem !important; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .newsletter-message { font-size: 0.65rem; display: block; line-height: 13px; color: var(--third-color); margin: 5px 10px 10px 0; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .switch.mobile { flex-direction: column; height: inherit; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .switch-paddle { background: transparent; width: 3.5rem; color: var(--main-color); } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .switch.tiny input:checked~.switch-paddle::after { left: 60%; right: 0.25rem; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .switch-inactive { color: var(--second-color); right: 15%; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .switch.tiny .switch-paddle::after { background-color: var(--second-color); border-radius: 3px; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .switch.tiny input:checked~.switch-paddle::after { background-color: var(--fifth-color); border-radius: 29px; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .switch-active { left: 15%; color: var(--fifth-color); } .switch-active, #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .switch-inactive { top: 53%; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .social-network li { margin: 0 8px; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .social-network li:first-child { margin-left: 0; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .social-network a { border: none; color: var(--second-color); } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .social-network a:hover { border: none; color: var(--fifth-color); } @media screen and (min-width: 64em) { #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b ._0078_footer { background-color: var(--main-color); padding-top: 20px; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .company-logo { max-width: 69%; padding-top: 0; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .first-rubric { width: 33%; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .second-rubric { width: 27%; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .third-rubric { width: 22%; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .fourth-rubric { width: 18%; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .second-rubric .default-cursor a { line-height: 1.4; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .third-rubric .default-cursor a { line-height: 1.4; } } @media screen and (max-width: 63.9375em) { #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b ._0078_footer { padding-bottom: 20px; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b ._0078_footer .hide-for-large .grid-x .cell.text-center:not(.mt-5) { margin: auto; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .company-logo { max-width: 29%; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b ._0078_footer form .input-group input.newsletter_email { border-color: var(--third-color); } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .input-group-button input { border: 1px solid var(--main-color); } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b ._0078_footer .hide-for-large .grid-x .cell.text-center:not(.mt-5) small { position: relative; top: 19px; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .social-network li { margin: 0; width: 9%; } .social-network li:nth-child(3), .social-network li:nth-child(4), #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .social-network li:nth-child(5) { display: none; } } @media screen and (max-width: 39.9375em) { #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .company-logo { max-width: 48%; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b footer small { font-size: 0.7rem; } } /* Reinsurance */ #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .reinsurance { justify-content: space-between; border-bottom: 1px solid var(--fifth-color); margin: 0 auto 1rem; padding-bottom: 1rem; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .reinsurance-item { display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--third-color); padding: 1rem; transition: all .25s ease; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .reinsurance-item:hover { color: var(--fifth-color); transition: all .25s ease; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .reinsurance-item-icon { font-size: 32px; margin-bottom: 16px; color: var(--second-color); transition: all .25s ease; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .reinsurance-item-icon:hover { color: var(--fifth-color); } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .reinsurance-item-text { font-weight: 600; text-align: center; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .inactiveLink { pointer-events: none; cursor: default; } @media screen and (max-width: 63.9375em) { #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .reinsurance { justify-content: center; margin-bottom: 0; padding-top: 1rem; } } /* End reinsurance */ /* NEWSLETTER */ #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .newsletterCheckbox { line-height: 1; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .newsletterCheckbox-checkbox { margin-bottom: 0; margin-right: 8px; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .newsletterCheckbox-message { font-size: 0.65rem; display: inline; color: var(--third-color); } @media screen and (max-width: 63.9375em) { #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .newsletterCheckbox { margin-bottom: 8px; text-align: center; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .newsletterText { width: 90%; font-weight: 500; } #u-5875f5f2-ec74-4b81-8d85-05bddbcf008b .newsletter-form-mobile .input-group { margin-bottom: 8px; } } /* END NEWSLETTER */