html{scroll-behavior:smooth!important}:root{--color1:#1c1c1c;--color2:#8d99ae;--color3:#fff;--color4:#000;--color5:#fff}.h1,.h2,.h3,.h4,.h5,.h6,body,h1,h2,h3,h4,h5,h6{font-family:"Poppins",sans-serif}button.button.secondary.float-right{background:var(--color1)}#logout-reveal a.button,.escm-button-negative,.reveal.small .button{color:var(--color3);border:1px solid var(--color2);border-radius:60px;background-color:var(--color2)}#logout-reveal a.button:hover,.escm-button-negative:hover,.reveal.small .button:hover{color:var(--color3);border-radius:60px;border:1px solid var(--color4);background-color:var(--color4)}.product-card .product-card-top .product-option{top:0;right:0}.product-card .product-card-top .product-labels-container{max-width:200px}.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{color:#000;font-size:13px}.breadcrumbs li a{color:#154734;font-size:13px}.breadcrumbs li a:hover{color:#000}#u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda{height:115px}.cookiesOpenButton{color:transparent!important;background-color:var(--color1);border:0;box-shadow:0 0 7px 4px rgb(0 0 0/9%);font-weight:600;transition:.3s ease-in-out;background-image:url(/api/assets/u-74ed128d-c9d8-4ceb-8c46-23eae03de1da);background-size:25px;background-repeat:no-repeat;background-position:center;border-radius:5px}.cookiesOpenButton svg{color:transparent}.cookiesOpenButton:hover{color:var(--color2);background-color:#fff;border:0;transform:scale(1);transition:.3s ease-in-out}.cookiesPreferences-action .button{color:#fff;background-color:var(--color2);border:1px solid var(--color2);font-weight:500;transition:.3s ease-in-out}.cookiesPreferences-action .button:hover{color:#fff;background-color:var(--color4);border:1px solid var(--color4);transition:.3s ease-in-out}.cookiesPreferences-header{flex-wrap:wrap}.cookiesValidation-header-title{color:var(--color1);font-size:16px}.cookiesPreferences-action .button,.cookiesValidation-actions button{border-radius:60px}.cookiesValidation-actions .button{background-color:var(--color2)}.cookiesValidation-actions .buttonHollow{border:1px solid var(--color4);color:#fff;background-color:var(--color4)}#libCookieClosePreferencesButton,.libCookieDeclineButton{color:#686d77}.libCookieDeclineButton:hover{color:#8a8a8a}.cookie-footer input:checked~.switch-paddle{background:var(--color1)}.cookie-footer .switch-paddle{border-radius:15px}.cookie-footer .switch-paddle::after{border-radius:10px}nav.grid-x.grid-padding-x{background:#eee;padding:12px 0 0 5px;border-radius:4px}@media screen and (min-width:64em){.cookiesPreferences-table-header{background-color:var(--color2);font-weight:500;border-radius:60px}.cookiesPreferences-table-content .cookie[data-es-id=cookies-preferences-item]{border-radius:60px}#u-081edf7c-f1da-4edd-971c-4eb11407fc10{height:151px}}@media screen and (min-width:40em){.grid-container.fluid{padding-right:0;padding-left:0}}@media screen and (max-width:670px){.breadcrumbs li,.breadcrumbs li a{font-size:12px}}@media screen and (max-width:1024){button.topButton{display:none}}button[data-es-id=product_card-express-quotation]{width:100%;font-weight:400;font-style:normal;text-transform:uppercase;text-decoration:none;background-color:var(--color2);color:#fff;margin:5px auto 1rem;border-radius:60px}button[data-es-id=product_card-express-quotation]:hover{background-color:var(--color4);color:#fff;border-radius:60px}.expressQuotation{display:none;width:95%!important;min-height:70vh;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,.expressQuotationForm .grid-x.grid-padding-x .cell.medium-6 textarea{box-shadow:none;border:1px solid var(--color1)!important;border-radius:10px;font-size:.9rem;font-weight:500;color:var(--color1)}.expressQuotationForm .grid-x.grid-padding-x .cell.medium-6 textarea{height:85px}.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(--color1)}.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:600;color:var(--color1);text-align:center;text-transform:uppercase;margin-top:30px;margin-bottom:30px}.expressQuotationForm .editableLabel p,.expressQuotationForm .editableLabel span{font-family:inherit!important;color:var(--color1)!important}.expressQuotationForm .editableLabel .contact-rgpd-caution-policy-privacy-link,.expressQuotationForm .editableLabel a span{color:var(--color2)!important;text-decoration:underline}.expressQuotationForm .editableLabel a:hover p,.expressQuotationForm .editableLabel a:hover span{text-decoration:underline!important}.expressQuotationForm .express-quotation-confirm-button{background-color:var(--color2);color:#fff;border-radius:60px;text-transform:uppercase}.expressQuotationForm .express-quotation-confirm-button:hover{background-color:var(--color4);color:#fff;border-radius:60px}.close-button#express-quotation-close svg{width:.75rem;color:var(--color1)}.close-button#express-quotation-close svg:hover{color:var(--color1)}.expressQuotationForm .altcha-block{margin:0 auto;display:flex;justify-content:center}@media screen and (max-width:39.9375em){.expressQuotationForm h2[data-es-id=express_quotation_modal_title]{font-size:1.5rem}}.product-theme{border-radius:60px} /* 0007_header : u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda */ #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda header { z-index: 10000; top: 0; width: 100vw; background-color: white !important; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda header .sticky { background-color: white !important; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda header .sticky>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; max-width: 1820px; margin: auto; padding: 20px; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .home-title { visibility: hidden; height: 0; margin: 0; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .menu.large-horizontal { align-items: center; } /* CATEGORY MENU */ #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .categoryMenu { position: fixed; top: 0; left: 0; height: 100vh; width: 365px; background: #fff; box-shadow: 4px 0 10px 0 rgba(0, 0, 0, 0.4); padding: 16px 16px 16px 0; overflow-y: auto; transform: translateX(-375px); transition: transform ease-out 500ms; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .categoryMenu._open { transform: translateX(0); transition: transform ease-in 500ms; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .categoryMenu .is-drilldown { max-width: inherit !important; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .categoryMenu .is-drilldown .drilldown { margin-left: 0; background-color: transparent; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .categoryMenu .is-drilldown .drilldown { margin-left: 0; background-color: transparent; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .categoryMenu .is-dropdown-submenu-parent { position: initial; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .categoryMenu .drilldown .js-drilldown-back>a::before { border-color: transparent var(--color1) transparent transparent; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .categoryMenu .is-drilldown .drilldown .is-drilldown-submenu { background-color: #fff; border: none; text-transform: uppercase; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .categoryMenu .is-drilldown .drilldown a { background-color: transparent; color: #333333; font-weight: bold; font-size: 0.8rem; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .categoryMenu .is-drilldown .drilldown a span:hover { background-color: transparent; color: var(--color2); font-weight: bold; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .categoryMenu .is-drilldown .drilldown a::after { border-color: transparent transparent transparent var(--color1); } /* END CATEGORY MENU */ #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .sticky-container .sticky { position: fixed; width: 100%; webkit-box-shadow: 0 0 20px 10px rgb(0 0 0 / 10%); box-shadow: 0 0 20px 10px rgb(0 0 0 / 10%); } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenuTop { background-color: transparent; padding: 0; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .off-canvas-wrapper { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda #openMenu { padding: 0; width: 100%; background-color: #fff; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenuTop a { color: var(--color1); font-size: 19px; text-transform: unset !important; } .headerMenuTop .cell span[data-es-label], #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenuTop .companyInformations { display: none !important; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenuTop a:hover { color: var(--color1); transition: 250ms color ease; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenuTop .dropdown.menu a::after { border-color: var(--color1) transparent transparent; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenuTop .is-dropdown-submenu { border: none; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2); background-color: white; z-index: 20; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu-menu a { text-transform: unset; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu .is-dropdown-submenu button { color: #333333; padding: 8px; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenuTop .is-dropdown-submenu button:hover { cursor: pointer; color: var(--color1); transition: 250ms color ease; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu { background-color: white; padding: 0 16px; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu-menu { align-items: center; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu-menu .logo { padding-left: 0; margin-right: 0px; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda header .logo img { height: auto; max-width: 150px; min-width: 50px; object-fit: contain; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda header { background-color: white; position: absolute; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu-search form { margin-bottom: 0; } .menu-secondLevel .is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu, .menu-thirdLevel .is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu, #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .menu-lastLevel { left: 100% !important; } /* Connexion / Account */ #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .connexion-link { position: relative; color: var(--color1); } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .connexion-link:hover { cursor: pointer; color: var(--color1); transition: 250ms color ease; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .connexion-link-dropdown { display: none; position: absolute; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); background-color: white; z-index: 10000; width: max-content; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .connexion-link:hover .connexion-link-dropdown { display: block; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .connexion-link-dropdown a { display: block; padding: 8px 16px; color: #575757; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .connexion-link-dropdown a:first-child { border-bottom: 1px solid #ebeaec; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu a:not(.logo) { color: #333333 !important; border-bottom: 1px solid transparent; padding: 9px; text-transform: uppercase; } /* End Connexion / Account */ @media screen and (min-width: 64em) { .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-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .close-button { display: none; } .headerMenuTop .companyInformations, .headerMenuTop .accountLinks .wishlist-link, .headerMenuTop .accountLinks .connexion-link, .headerMenuTop .accountLinks .languageSelect, .headerMenu-search, #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu .logo { display: block; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu { display: flex; position: inherit; visibility: visible; width: 100%; transform: inherit; overflow: visible; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .off-canvas-wrapper { overflow: visible; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenuTop .accountLinks .shoppingCart-link span { display: inline-block; } .menu-firstLevel-link, .menu-secondLevel-link, .menu-thirdLevel-link, #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .menu-lastLevel-link { font-size: 15px; color: #333333 !important; font-weight: 600; padding: 17px 10px; border-bottom: 1px solid transparent; } .menu-firstLevel-link:hover, .menu-thirdLevel-link:hover, #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .menu-lastLevel-link:hover { color: #333333; border-bottom: 1px solid var(--color1); transition: 250ms color ease; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .menu-firstLevel-link::after { border-color: #8a8a8a transparent transparent; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .menu-firstLevel-link:hover::after { border-color: var(--color1) transparent transparent; transition: 250ms all ease; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda #openMenu { padding: 0; width: 100%; background-color: #fff; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .fa-user-circle { font-size: 1.125rem; } } /**** RESPONSIVE ****/ @media screen and (max-width: 63.9375em) { #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .drilldown .is-drilldown-submenu-parent>a::after { border-color: transparent transparent transparent var(--color1); } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .languageSelect a::after { border-color: var(--color1) transparent transparent; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .languageSelect button { color: var(--color1); } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .languageSelect button:hover { cursor: pointer; color: var(--color1); transition: color 250ms ease-in; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .sticky { transform: inherit; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu-menu a { color: #333333; padding: .7rem 0; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu-menu .is-accordion-submenu-parent a span { display: block; max-width: calc(100% - 40px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .drilldown .is-drilldown-submenu-parent>a::after { border-color: transparent transparent transparent #1d1d1b; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu { display: block; position: fixed; top: 0; left: 0; height: 100%; overflow-y: auto; width: 100px; background-color: #FFF !important; padding: 32px 0 0 0; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .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-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenuTop { padding: 16px; width: 100%; background-color: #fff; } .headerMenuTop .companyInformations, .headerMenuTop .accountLinks .wishlist-link, .headerMenuTop .accountLinks .connexion-link, .headerMenuTop .accountLinks .shoppingCart-link span, .headerMenuTop .accountLinks .languageSelect, .headerMenu-search, #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu .logo { display: none !important; } .mobileMenu-btn, .headerMenuTop-searchExandable, .headerMenuTop .logo, .headerMenu .companyInformations, .headerMenu .accountLinks .wishlist-link, .headerMenu .accountLinks .connexion-link, #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu .accountLinks .languageSelect { display: block; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu .accountLinks .shoppingCart-link span { display: inline-block; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .mobileMenu-btn-icon { color: var(--color1); border: 2px solid var(--color1); margin: 0px; border-radius: 250%; width: 40px; height: 40px; padding: 10px } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .mobileMenu-btn:hover .mobileMenu-btn-icon { cursor: pointer; color: #333333; transition: 250ms color ease; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu>*:not(.close-button) { width: 100%; padding: 32px 16px; border-bottom: 1px solid #cacaca; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu>*:last-child { border: none; display: flex; flex-direction: column; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu-menu a::after { border-color: var(--color1) transparent transparent; } .headerMenu-menu .is-accordion-submenu-parent[aria-expanded=true]>a, #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu-menu .is-accordion-submenu-item[aria-expanded=true]>a { background-color: rgba(255, 255, 255, 0.2) !important; font-weight: 500; margin: 0 -16px 8px -16px; width: calc(100% + 32px) !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-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu-menu .is-accordion-submenu-item[aria-expanded=true]>a:focus { color: var(--color1) !important; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu-menu .is-accordion-submenu-parent[aria-expanded=true] a::after { right: 8px; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .menu-lastLevel { left: 0 !important; margin-bottom: 32px; } .headerMenu .accountLinks a, #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu .companyInformations a { padding: 8px 0 !important; color: var(--color1); background: transparent !important; } .menu-secondLevel, #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .menu-thirdLevel { background-color: #FFF !important; } .headerMenu .accountLinks a:hover, #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu .companyInformations a:hover { color: var(--color1); transition: 250ms all ease; } .headerMenuTop .mobileMenu-btn:hover .fa-bars, #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenuTop .shoppingCart-link:hover { color: var(--color1); transition: 250ms all ease; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .is-drilldown { max-width: 100% !important; min-height: 0 !important; width: 100% !important; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .is-drilldown li { width: 100%; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .logo { background-color: transparent !important } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenuTop a { background-color: transparent !important; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .fa-shopping-cart { color: var(--color1); } .connexion-link, #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .connexion-link svg { position: relative; color: var(--color1) !important; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .wishlist-link { margin-bottom: -10px; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .footer small { top: 0 !important; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda [data-open="logout-reveal"] { margin-top: -10px; } } /**** SEARCH EXANDABLE ****/ #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenuTop-searchExandable input { background: transparent url('/api/assets/u-e4fb722c-35e6-4939-abc0-3d0fb7117205') no-repeat 9px center !important; border: 0 !important; padding: 9px 10px 9px 26px; width: 35px; border-radius: 5000px !important; -webkit-transition: all 0.5s; transition: all 0.5s; margin: 0 1rem; margin-top: 0px; box-shadow: none !important; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenuTop-searchExandable input:focus { cursor: text; width: 120px; border-color: #1779ba; -webkit-box-shadow: none; box-shadow: none !important; background: none !important; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenuTop-searchExandable input::placeholder { font-size: 1rem; color: #8a8a8a; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenuTop-searchExandable input:hover:not(:focus) { cursor: pointer; background: #fefefe url('../../public/images/ico-search-hover.png') no-repeat 9px center; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenuTop-searchExandable input:focus { width: 120px; background-color: #fefefe; border-color: #333333; -webkit-box-shadow: none; box-shadow: none; padding: 9px; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .connexion-link>span { display: none; } .connexion-link>svg, #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .fa-heart { color: var(--color1); } [role="menuitem"], #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda [data-whatinput="mouse"] .menu li a { background: none !important; } .headerMenuTop-searchExandable input:-moz-placeholder::after, #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenuTop-searchExandable input::-webkit-input-placeholder::after { color: #8a8a8a; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenuTop-searchExandable input:hover { background-color: #fefefe; } /* --- SHOPPING CART --- */ #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .mini-shopping-cart-modal { position: fixed; overflow-y: auto; min-width: 22em; max-width: 30em; top: 4em; right: 24em; padding: 1em 1.5em; background-color: #ffffff; -webkit-box-shadow: 0 0 0.29em 0.19em rgba(0, 0, 0, 0.2); box-shadow: 0 0 0.29em 0.19em rgba(0, 0, 0, 0.2); max-height: calc(100% - 5em); z-index: 10; border-radius: 7px; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .mini-shopping-cart-product { padding: 1em 0 0.5em; border-bottom: 1px solid #8a8a8a; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda #mini-shopping-cart-title { margin-bottom: 0.5em; color: #333333; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda #mini-shopping-cart-link { display: block; color: #333333; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda #mini-shopping-cart-img { margin-right: 0.5em; width: 80px; height: 80px; object-fit: contain; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .mini-shopping-cart-product-title { margin-bottom: 0.5em; font-weight: 500; color: #333333; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda #mini-shopping-cart-description { font-size: 75%; margin-bottom: 3em; max-height: 60px; overflow: hidden; } #mini-shopping-cart-price, #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda #mini-shopping-cart-ordered-quantity { font-size: 80% !important; margin-bottom: 0 !important; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda #mini-shopping-cart-button { padding-top: 1em; } #mini-shopping-cart-see, #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda #mini-shopping-cart-continue { margin-bottom: 0 !important; background-color: var(--color2); color: var(--color3); border-radius: 60px; margin: 2px; } #mini-shopping-cart-see:hover, #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda #mini-shopping-cart-continue:hover { margin-bottom: 0 !important; background-color: var(--color4); border-radius: 60px; margin: 2px; } /* Menu categories header */ #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .categoryMenu .is-drilldown .drilldown .submenu-title { background-color: transparent; color: #333333; padding: 0 8px; font-size: 18px; font-weight: 700; text-transform: capitalize; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .categoryMenu .is-drilldown .drilldown .submenu-title::after { border-color: transparent transparent transparent var(--color1); } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .submenu-title { font-size: 18px; font-weight: bold; color: #333333; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .menu-all { padding-bottom: 32px; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .menu-all span { font-weight: 100; letter-spacing: 1px; font-size: 14px; color: #333333; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu-search form { position: relative; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu-search form .input-group-button { position: absolute; right: 0; top: 0; bottom: 0; pointer-events: none; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu-search form .input-group-button button { background: none; color: var(--color1); } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu-search form input { width: 60px; opacity: 0; transition: all 0.3s; padding-right: 55px; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu-search form input:not(:focus) { cursor: pointer; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu-search form input:focus { width: 140px; opacity: 1; border: 0; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu-search form input:focus+.input-group-button { pointer-events: auto; } @media (max-width: 1199px) and (min-width: 1025px) { .menu-firstLevel-link, .menu-secondLevel-link, .menu-thirdLevel-link, #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .menu-lastLevel-link { font-size: 15px; } } @media (max-width: 1023px) { .headerMenuTop a, .connexion-link>svg, #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .close-button { color: var(--color1) !important; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .wishlist-link span { padding-left: 7px; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .connexion-link span { display: inline; margin-left: 2px; } } @media (max-width: 767px) { #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenuTop { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .orbit-controls button { width: 30px !important; height: 30px !important; padding: 0 !important; } } @media screen and (max-width: 39.9375em) { #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda header .logo img { height: 80px; max-width: 140px; min-width: 50px; object-fit: contain; } } @media screen and (min-width: 1200px) { #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .logo { margin-right: 1rem!important; } } @media screen and (min-width: 1450px) { #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .logo { margin-right: 8rem!important; } } @media screen and (min-width: 1600px) { #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .logo { margin-right: 11rem!important; } } @media screen and (min-width: 1800px) { #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .logo { margin-right: 15rem!important; } } @media (min-width: 1024px) and (max-width: 1199px) { #u-d3a8c33d-c444-40d2-97dc-a2fc5c2afdda .headerMenu a:not(.logo) { font-size: 0.8rem; } } @media screen and (max-width: 63.9375em) { } /* 0011_product_detail : u-632dc65f-57a7-4fdd-b571-4623d2f412dc */ #u-632dc65f-57a7-4fdd-b571-4623d2f412dc ._0011_product-details { margin: 0 auto; max-width: 1200px; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .fa-undo-alt { font-weight: 500; color: var(--color1); } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .product-label-img { padding: 10px; width: 35px; height: 35px; border-radius: 50%; border: 1px solid #f3f3f3; background: white; } .add-logo, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .img-extend { position: absolute; display: flex; align-items: center; justify-content: center; background-color: rgba(216, 216, 216, 0.2); width: 40px; height: 40px; border-radius: 50%; right: 1rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .img-extend { bottom: calc(1rem + 0.75rem); } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .add-logo { bottom: 5rem; display: none; } .img-extend i, .img-extend svg, .add-logo i, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .add-logo svg { padding: 0; font-size: 1.1em; background-color: transparent; color: #dad8d8; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 10; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .add-logo a { line-height: 20.64px; } .img-extend i, .img-extend svg:hover, .add-logo i, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .add-logo svg:hover { color: white; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .add-to-cart small { color: #fff; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #product-id { top: 20px !important; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #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-632dc65f-57a7-4fdd-b571-4623d2f412dc .products-slideshow-content:focus { border: none; background-color: lightgrey; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .orbit-slides-container { height: auto !important; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .orbit-container .orbit-slides-container li.active { position: static; } @media screen and (min-width: 75em) { #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #product-id img { width: 75%; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #product-id .orbit-container { min-height: 657.5px; } } @media screen and (max-width: 39.9375em) { #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .reveal { height: auto; min-height: auto; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .colors { display: flex; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #product-id .orbit-container { min-height: 343px; } } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #product-id img { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } #product-id .orbit-previous, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #product-id .orbit-next { color: var(--color1); } #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-632dc65f-57a7-4fdd-b571-4623d2f412dc #product-id .orbit-next:focus { color: #fefefe; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .main-product-image { position: relative; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .main-image { margin-bottom: 0.75rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .product-labels-container { max-width: 140px; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .product-labels-container .label { font-size: 1rem; padding: 0.25rem 16px; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .label.warning { color: #fefefe; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .warning { color: #FF5722; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .img-top-right { position: absolute; right: 0; padding: 0.5rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .product-name { display: inline-block; color: var(--color1); font-size: 1.5rem; font-weight: 500; text-transform: uppercase; width: 80%; padding-right: 0.5rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .line-through-price { color: #cc4b37; text-decoration: line-through; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wishlist-toggle:focus { outline: none; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wishlist-toggle { color: var(--color1); } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wishlist-toggle:active { color: #184d99; } .detail-add-wishlist, .detail-remove-wishlist, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .detail-back-return.fa-2x { font-size: 1.5rem; padding-top: 0.25rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc a:hover .detail-add-wishlist.fa-heart { font-weight: 600; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .detail-add-wishlist.is-active { color: #cc4b37; font-weight: 600; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .from-price { margin-bottom: 0.5rem; padding: 0.5rem; background-color: #f2f2f2; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .from-price p { margin-top: 0.25rem; margin-bottom: 0; font-size: 1rem; font-weight: 600; color: #0a0a0a; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .from-price a { color: var(--color1); background-color: #fefefe; margin-bottom: 0; font-weight: 600; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .from-price a:hover { color: #fefefe; background-color: var(--color1); } @media screen and (max-width: 39.9375em) { #u-632dc65f-57a7-4fdd-b571-4623d2f412dc a:hover .detail-add-wishlist.fa-heart { font-weight: 400; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .detail-add-wishlist.is-active { color: #cc4b37; font-weight: 600 !important; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .from-price p { font-size: 1rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .from-price a { padding: 0.5em; } } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .ref-brand-stock { color: var(--color1) !important; border-top: 1px solid #cacaca; margin: 0.5rem 0 0; padding-top: 0.5rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc small { font-size: 100%; } .ref-brand-stock small span:nth-child(2), #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .ref-brand-stock .small-4 span a { color: var(--color1); } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .rubric-title { color: var(--color1); font-size: 1rem; font-weight: 600; margin-top: 1.5rem; margin-bottom: 0.4rem; padding-top: 0.5rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .rubric-title.text-left { border-bottom: 1px solid #cacaca; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .description-preview { color: var(--color1); font-size: 1rem; margin-bottom: 0.5rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .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-632dc65f-57a7-4fdd-b571-4623d2f412dc .description-link a { margin-top: 0; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .description a { color: var(--color1); font-size: 100%; text-decoration: underline; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .informations-button .button { padding: 1rem 0.5rem; font-size: 1rem; } .details-add-text1, .details-add-text2, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .details-add-text3 { color: var(--color1); font-size: 100%; margin-bottom: 1rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .details-add-text4 { font-size: 100%; margin-bottom: 1.5rem; padding: 0.5rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .close-button i { font-size: 1.5rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .reveal { color: var(--color1); } .express-quote-reseller-logo, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .sample-inquiry-reseller-logo { margin-bottom: 1rem; } .express-quote-reveal-product-name, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .sample-inquiry-reveal-product-name { margin: 1rem 0 0; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc textarea.express-quote-reveal-form-textarea { color: var(--color1); font-size: 1rem; min-height: 195px; resize: vertical; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc textarea.sample-inquiry-reveal-form-textarea { color: var(--color1); font-size: 1rem; min-height: 351px; resize: vertical; } .reveal label, .reveal [type='text'], .reveal [type='email'], .reveal [type='password'], #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .reveal select { color: var(--color1); font-size: 1rem; } .reveal input::-webkit-input-placeholder, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .reveal textarea::-webkit-input-placeholder { color: var(--color1); font-size: 1rem; } .reveal input::-moz-placeholder, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .reveal textarea::-moz-placeholder { color: var(--color1); font-size: 1rem; } .reveal input:-ms-input-placeholder, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .reveal textarea:-ms-input-placeholder { color: var(--color1); font-size: 1rem; } .reveal input::-ms-input-placeholder, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .reveal textarea::-ms-input-placeholder { color: var(--color1); font-size: 0.8rem; } .reveal input::placeholder, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .reveal textarea::placeholder { color: var(--color1); font-size: 0.8rem; } .express-quote-rgpd-caution, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .sample-inquiry-rgpd-caution { display: inline-block; font-size: 0.7rem; } .express-quote-rgpd-caution-policy-privacy-link, .express-quote-rgpd-caution-policy-privacy-link:hover, .sample-inquiry-rgpd-caution-policy-privacy-link, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .sample-inquiry-rgpd-caution-policy-privacy-link:hover { color: var(--color1); text-decoration: underline; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .share { color: var(--color1); cursor: pointer; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .share:hover { color: var(--color1); } .share:focus, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .share:active { color: var(--color2); } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .share .fa-2x { font-size: 1.3em; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .step { padding-top: 0 !important; } .first-part, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .second-part { border-bottom: 1px solid #cacaca; margin-bottom: 30px; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .second-part { color: var(--color1); } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .second-part form { position: relative; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .second-part-title { font-size: 1.5rem; font-weight: 500; color: var(--color1); padding-bottom: 0 !important; margin-bottom: 0 !important; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .step1-characteristic { border-bottom: 1px solid var(--color1); margin-bottom: 1.5rem; background-color: transparent; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .step2 { padding: 0; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .step2-marking { padding: 2.5%; background-color: #e6e6e6; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .marking-toggle-head { background-color: #fefefe; padding: 0.75rem; margin-bottom: 0.25rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .marking-area { background-color: #fefefe; padding: 0.75rem; margin-bottom: 1rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .change-marking { margin-bottom: 0; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .import-file-button { display: flex; align-items: center; justify-content: center; background-color: var(--color1); padding: 8px 32px; min-width: 160px; max-width: 250px; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .import-file-button .upload-icon { font-size: 16px; color: #fff; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .import-file-button label { color: #fff; font-weight: bold; margin-bottom: 0 !important; } @media screen and (max-width: 39.9375em) { #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .change-marking { padding-right: 0.5rem; top: 0.2rem; right: -2rem; } .express-quote-label-checkbox, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .sample-inquiry-label-checkbox { position: relative; top: -2.5rem; left: 15px; } .express-quote-confirm-button, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .sample-inquiry-confirm-button { width: 100%; } } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .marking-name { margin-bottom: 0; font-weight: 500; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .edit-marking { color: var(--color1); } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc textarea { resize: vertical; margin-bottom: 0; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .btn-close-marking { position: relative; top: -0.5rem; color: var(--color1); } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc input.logo { display: none !important; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .marking-delete { position: relative; right: 0rem; top: 0; font-size: 1.2em; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .reset-marking { padding-top: 6px; text-decoration: underline; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .valid-marking { margin-bottom: 0; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .no-personalization-title { padding: 1rem; color: var(--color1); background-color: #f2f2f2; border: 1px solid var(--color1); margin: 1rem 0; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .no-personalization-title h3 { font-size: 1rem; font-weight: 600; margin-bottom: 0; text-transform: uppercase; } .personalization-step-subtitle, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .no-personalization-step-subtitle { color: var(--color1); text-transform: uppercase; font-size: 1rem; font-weight: 600; } .personalization-step-label, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .no-personalization-step-label { font-size: 100%; } .personalization-step2-label, .personalization-step2-label-first, .no-personalization-step2-label, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .no-personalization-step2-label-first { font-size: 100%; font-weight: 500; margin-top: 1.5rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .personalization-step2-label-first { margin-top: 0; } .grey-select, .quantity-input, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .marking-area input { font-size: 1rem; color: var(--color1); border-radius: 60px; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .marking-area textarea { font-size: 1rem; color: var(--color1); border-radius: 10px; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .quantity-input { text-align: center; width: auto; margin-bottom: 0.5rem; font-size: 1rem; color: #0a0a0a; border-radius: 60px; border: 1px solid var(--color1); } th, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc td { border: 1px solid #e6e6e6; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc thead th { text-align: center; } th:first-child, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc td:first-child { text-align: left; } thead th, thead td, tfoot th, tfoot td, tbody th, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc tbody td { font-size: 100%; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .table-first { color: #0a0a0a; font-weight: 500; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .aside-summary { padding: 1rem; margin-bottom: 1rem; line-height: 2; color: var(--color1); border-radius: 10px; background-color: #F3F3F3; } .aside-summary-title, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .aside-summary-total-result { font-size: 1.1em; font-weight: 600; padding-top: 0.5rem; color: var(--color1); } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .aside-summary-div { padding: 0.5rem 0; border-bottom: 1px solid var(--color1); } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .aside-summary-label { font-size: 1rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .aside-summary-result { font-weight: 600; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .aside-summary .has-tip { cursor: help; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .aside-button button { margin-bottom: 0.5rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .dpn { display: none !important; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .dpb { display: block; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .decreasing-prices-content { margin-bottom: 0; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .accordion { border: 1px solid #e6e6e6; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .accordion-title { padding: 1rem 0.5rem; border: 0px; border-bottom: 1px solid #e6e6e6; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .accordion-content { border: 0px; border-bottom: 1px solid #e6e6e6; color: var(--color1); font-size: 1rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .accordion-item:first-child> :first-child { border-top: 0; } :last-child>.accordion-content:last-child, :last-child:not(.is-active)>.accordion-title, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .accordion-title:last-child { border-bottom: 0; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .accordion-title { color: var(--color1); } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .accordion-title:hover { color: var(--color1); } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .characteristics { padding: 0.25rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .keyword { color: var(--color1); background-color: #e6e6e6; padding: 0.5rem 1rem; border-radius: 90px; display: inline-block; } /*************** Color selector *******************/ .filter-color .button-group, .filter-product-color .button-group, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .filter-ink-color .button-group { flex-wrap: wrap; } .filter-color .button-group .button, .filter-product-color .button-group .button, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .filter-ink-color .button-group .button { width: 25px; height: 25px; border: 0.5px solid #cacaca; border-radius: 100% !important; padding: 0; margin: 8px; } .filter-color .button-group .button.first-all, .filter-product-color .button-group .button.first-all, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .filter-ink-color .button-group .button.first-all { background-color: #fefefe; color: var(--color1); 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-632dc65f-57a7-4fdd-b571-4623d2f412dc .filter-ink-color .filter-color-button:active { border: 2px solid var(--color1); } .filter-product-color, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .filter-ink-color { margin-bottom: 20px; } /*************** Product & Ink Color selector *******************/ #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .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-632dc65f-57a7-4fdd-b571-4623d2f412dc .filter-ink-color .button-group input:checked+label:active { border: 2px solid var(--color1); } /************* JQuery-Step Wizard *****************/ /* Common */ .wizard, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .tabcontrol { display: block; width: 100%; overflow: hidden; } .wizard a, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .tabcontrol a { outline: 0; } .wizard ul, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .tabcontrol ul { list-style: none !important; padding: 0; margin: 0; } .wizard ul>li, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .tabcontrol ul>li { display: block; padding: 0; } /* Accessibility */ .wizard>.steps .current-info, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .tabcontrol>.steps .current-info { position: absolute; left: -999em; } .wizard>.content>.title, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .tabcontrol>.content>.title { position: absolute; left: -999em; } /* Wizard */ #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.steps { position: relative; display: block; width: 100%; margin-top: 0.47rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #no-personalization .wizard>.steps { display: none; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard.vertical>.steps { display: inline; float: left; width: 30%; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.steps .number { font-size: 1.429em; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.steps>ul>li { width: 49%; } .wizard>.steps>ul>li, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.actions>ul>li { float: left; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.steps>ul>li:first-child { margin-right: 2%; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard.vertical>.steps>ul>li { float: none; width: 100%; } .wizard>.steps a, .wizard>.steps a:hover, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .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-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.steps .disabled a:active { background: #f2f2f2; color: #aaa; cursor: default; } .wizard>.steps .current a, .wizard>.steps .current a:hover, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.steps .current a:active { background: var(--color1); color: #fff; cursor: default; } .wizard>.steps .done a, .wizard>.steps .done a:hover, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.steps .done a:active { background: var(--color1); color: #fff; } .wizard>.steps .error a, .wizard>.steps .error a:hover, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.steps .error a:active { background: #ff0003; color: #fff; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.content { background: transparent; display: block; margin: 0.5em; overflow-x: hidden; position: relative; width: auto; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #no-personalization .wizard>.content { background: transparent; display: block; margin: 0.5em; margin-top: 0; overflow-x: hidden; position: relative; width: auto; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard.vertical>.content { display: inline; float: left; margin: 0 2.5% 0.5em 2.5%; width: 65%; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.content>.body { float: left; position: relative; width: 100%; height: 100%; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.content>.body ul { list-style: disc !important; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.content>.body ul>li { display: list-item; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.content>.body>iframe { border: 0 none; width: 100%; height: 100%; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.content>.body input { display: block; font-size: 1rem; color: #0a0a0a; border: 1px solid var(--color1); } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.content>.body input[type="checkbox"] { display: inline-block; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.content>.body input.error { background: #fbe3e4; border: 1px solid #fbc2c4; color: #8a1f11; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.content>.body label { display: inline-block; margin-bottom: 0.5em; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.content>.body label.error { color: #8a1f11; display: inline-block; margin-left: 1.5em; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.actions { position: relative; display: block; text-align: right; width: 100%; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard.vertical>.actions { display: inline; float: right; margin: 0 2.5%; width: 95%; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.actions>ul { display: inline-block; text-align: right; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.actions>ul>li { margin: 0 0.5em; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard.vertical>.actions>ul>li { margin: 0 0 0 1em; } .wizard>.actions a, .wizard>.actions a:hover, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.actions a:active { background: #1779ba; color: #fff; display: block; padding: 0.5em 1em; text-decoration: none; } .wizard>.actions .disabled a, .wizard>.actions .disabled a:hover, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.actions .disabled a:active { background: #f2f2f2; color: #aaa; } /* Tabcontrol */ #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .tabcontrol>.steps { position: relative; display: block; width: 100%; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .tabcontrol>.steps>ul { position: relative; margin: 6px 0 0 0; top: 1px; z-index: 1; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .tabcontrol>.steps>ul>li { float: left; margin: 5px 2px 0 0; padding: 1px; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .tabcontrol>.steps>ul>li:hover { background: #edecec; border: 1px solid #bbb; padding: 0; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .tabcontrol>.steps>ul>li.current { background: #fff; border: 1px solid #bbb; border-bottom: 0 none; padding: 0 0 1px 0; margin-top: 0; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .tabcontrol>.steps>ul>li>a { color: #5f5f5f; display: inline-block; border: 0 none; margin: 0; padding: 10px 30px; text-decoration: none; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .tabcontrol>.steps>ul>li>a:hover { text-decoration: none; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .tabcontrol>.steps>ul>li.current>a { padding: 15px 30px 10px 30px; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .tabcontrol>.content { position: relative; display: inline-block; width: 100%; height: 40em; overflow: hidden; border-top: 1px solid #bbb; padding-top: 20px; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .tabcontrol>.content>.body { float: left; position: absolute; width: 95%; height: 95%; padding: 2.5%; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .tabcontrol>.content>.body ul { list-style: disc !important; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .tabcontrol>.content>.body ul>li { display: list-item; } .attribute-filter-select, .filter-select, .technology-select, input, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .quantity-input { border-radius: 60px; font-size: 1rem; color: var(--color1); border: 1px solid #ccc !important; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc textarea { border-radius: 10px; font-size: 1rem; color: var(--color1); border: 1px solid #ccc !important; } @media screen and (max-width: 39.9375em) { #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.steps>ul>li { width: 100%; } } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #personalization-t-0 { position: relative; padding-left: 1.5rem; font-size: 1rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #personalization-t-0::after { content: ''; position: absolute; right: -20px !important; bottom: 0; width: 0; height: 0; border-top: 29px solid transparent; border-bottom: 24px solid transparent; border-left: 20px solid var(--color1); clear: both; } .wizard>.steps .done #personalization-t-0::after, .wizard>.steps .done #personalization-t-0:hover::after, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.steps .done #personalization-t-0:active::after { border-left: 20px solid var(--color1) !important; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #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: white; background-color: rgb(0 0 0 / 15%); } @media screen and (min-width: 64em) and (max-width: 74.9375em) { #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #personalization-t-0::after { right: -6.5%; } } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #personalization-t-1 { position: relative; font-size: 1rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #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 #f9fbf5; clear: both; } @media screen and (min-width: 40em) { #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .informations-button .medium-4 { width: 33%; } } @media screen and (max-width: 39.9375em) { #personalization-t-0, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #personalization-t-1 { padding: 0.5rem 1rem; } #personalization-t-0::after, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #personalization-t-1::after { display: none; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .description-infos { display: block; align-items: baseline; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .rubric-title { margin-right: 8px; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .description-link { margin-left: 1px; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .description a { margin-top: 0; margin-right: 1px; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .express-quote-label-checkbox { position: inherit; } } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .product-option-detail { position: absolute; top: 8px; right: 8px; display: flex; align-items: center; justify-content: center; background: #e6e6e6; border-radius: 4px; width: 50px; height: 50px; padding: 8px; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .product-option-detail .product-marking-img { width: 100%; height: 100%; object-fit: contain; } /* Thumbnail slideshow */ .product-image-thumbnail-0011 .slide-prev, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .product-image-thumbnail-0011 .slide-next { display: block; position: absolute; top: calc(50% - 12px); color: var(--color1); font-size: 24px; padding: 0; right: 0; } .product-image-thumbnail-0011 .slide-prev:hover, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .product-image-thumbnail-0011 .slide-next:hover { cursor: pointer; color: #484848; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .product-image-thumbnail-0011 .slide-prev { left: -12px; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .product-image-thumbnail-0011 .slide-next { right: -12px; } /*buttons*/ #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .icon-label { color: #fff !important; } .show-pdf, .add-to-cart, .wizard>.actions a:active, #add-marking, .import-file-button, .valid-quantity, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .valid-marking { background-color: var(--color2) !important; color: #fff !important; border-radius: 60px; font-size: 1rem; } .show-pdf:hover, .add-to-cart:hover, .wizard>.actions a:active, #add-marking:hover, .valid-quantity:hover, .import-file-button:hover, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .valid-marking:hover { border-radius: 60px; background-color: var(--color4) !important; color: #fff !important; transition: .2s all ease; box-shadow: 0 2px 4px 0 rgba(41, 41, 41, 0.25); font-size: 1rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.actions a { background-color: var(--color3) !important; color: var(--color2) !important; font-weight: 600; border: 2px solid var(--color1); border-radius: 60px; font-size: 1rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .wizard>.actions a:hover { background-color: var(--color1) !important; color: var(--color3) !important; font-weight: 600; border: 2px solid var(--color1); border-radius: 60px; font-size: 1rem; } .add-to-cart, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .button.small { background-color: var(--color2) !important; color: #fff !important; border-radius: 60px; font-size: 1.1rem!important; font-weight: 700; } .add-to-cart:hover, #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .button.small:hover { border-radius: 60px; background-color: var(--color4) !important; color: #FFFFFF !important; transition: .2s all ease; box-shadow: 0 2px 4px 0 rgba(41, 41, 41, 0.25); font-size: 1rem; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .add-to-cart:hover [data-es-label="product.without_personalization"] { color: #fff !important; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .reset-marking a { color: var(--color1) !important; } /*fin buttons*/ /* Réseaux sociaux */ #u-632dc65f-57a7-4fdd-b571-4623d2f412dc .fa-pinterest-square { display: none; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #decreasing-prices-content thead { background-color: var(--color1); color: var(--color3); } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #decreasing-prices-content thead:hover { background-color: var(--color2) !important; color: var(--color3) !important; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc thead tr:hover { background-color: var(--color2); } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc p { color: #000; } @media screen and (min-width: 40em) { #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #personalization-t-0 { border-top-left-radius: 60px; border-bottom-left-radius: 60px; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #personalization-t-1 { border-top-right-radius: 60px; border-bottom-right-radius: 60px; } } @media screen and (max-width: 39.9375em) { #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #personalization-t-0 { border-radius: 60px; } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc #personalization-t-1 { border-radius: 60px; } } #u-632dc65f-57a7-4fdd-b571-4623d2f412dc * { word-break: normal; } /* 0077_footer : u-1a89017f-7b9a-4f58-a319-a4e846e6af04 */ #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .default-cursor a { cursor: default; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 footer { background-color: #000; display: flex; flex-direction: column; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 footer a { padding: 0.5rem 0; color: #ffffff; font-size: 0.9rem; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .newsletterText { display: contents; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 footer a:hover:not(.reinsurance-item) { cursor: pointer; color: #ffffff; transition: color 500ms ease; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .show-for-large { max-width: 1380px; margin: auto; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .company-logo { height: 70px; object-fit: contain; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .accordion-title { border: 0; border-bottom: 1px solid #e6e6e6; background-color: #000; color: var(--color3); } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .accordion-title h5 { margin-left: 16px; margin-bottom: 0; background: #000; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .accordion-content { background: #000; border: 0; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .rubric-list-item-image { display: inline-block; text-align: center; width: 35px; color: var(--color3); } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 i { font-size: 1.4rem; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .backTop-icon { color: #8a8a8a; margin-top: 15px; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 footer .fa-2x { font-size: 1.75em; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 footer .fa-phone { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 footer small { color: #ffffff; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .input-group-field { border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right: 0 !important; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .input-group-button input { padding-top: 0; padding-bottom: 0; color: var(--color3) !important; background: var(--color2) !important; border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; border-left: 0 !important; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 footer input { font-size: 1rem; color: #0a0a0a; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 footer input::placeholder { font-size: 1rem; color: #000; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .rubric-title { color: var(--color3); background: transparent; text-transform: uppercase; font-weight: 700; margin-bottom: 20px; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .newsletter-message { display: block; line-height: 20.48px; color: #fff; margin: 5px 10px 10px 0; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .switch.mobile { height: inherit; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .switch-paddle { background: var(--color2); width: 3.5rem; border: 1px solid #fff; border-radius: 15px; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .switch-paddle::after { border-radius: 10px; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .switch.tiny input:checked~.switch-paddle::after { left: inherit; right: 0.25rem; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .switch-active { left: 15%; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .social-network li { margin: 0 8px; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .social-network li:first-child { margin-left: 0; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .social-network a { border: none; color: var(--color3); } .second-rubric .rubric-list-item-image, #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .third-rubric .rubric-list-item-image { display: none!important; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .first-rubric .rubric-title { background-image: url(/api/assets/u-a6ef03de-50df-4435-884c-650e2f90a783); background-position: left; background-size: contain; background-repeat: no-repeat; color: transparent; } .fourth-rubric .rubric-title, #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .fourth-rubric h5 { background-image: url(/api/assets/u-7361b122-185f-4928-886d-66a89fbc2667); background-position: l; background-size: contain; background-repeat: no-repeat; color: transparent; font-size: 2.7rem; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .fourth-rubric .input-group { background-image: url(/api/assets/u-10cdd054-9ccc-4646-a035-faa64b4e06d9); background-position: l; background-size: contain; background-repeat: no-repeat; color: transparent; font-size: 2.7rem; height: 3rem; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .newsletterCheckbox { background-image: url(/api/assets/u-ade48d6a-22bf-4750-aac5-4feaec941b0f); background-position: l; background-size: contain; background-repeat: no-repeat; color: transparent; font-size: 2.7rem; height: 3rem; } footer .input-group-field, footer .input-group-button, footer .newsletterCheckbox-checkbox, footer .newsletterCheckbox-message, footer .grid-x.grid-padding-x.align-middle.align-justify.mt-5 div:nth-child(1), #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 footer .grid-x.grid-padding-x.align-middle.align-justify.mt-5 div:nth-child(2) { display: none!important; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .grid-x.grid-padding-x.align-middle.align-justify.mt-5 .cell.large-4.text-right.mt-5.es-customizable { width: 100%; justify-content: center; margin: 0 auto; display: flex; } @media screen and (max-width: 63.9375em) { #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .company-logo { height: 44px; margin-bottom: 8px; } } @media screen and (min-width: 64em) { #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .first-rubric li:first-child:hover a { color: var(--color2) !important; transition: .2s all ease; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .first-rubric li:first-child:hover .rubric-list-item-image { color: var(--color2) !important; transition: .2s all ease; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .first-rubric { width: 35%; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .second-rubric { width: 20%; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .third-rubric { width: 20%; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .medium-3 li a { line-height: 2.5; } } /* Reinsurance */ #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .reinsurance { background-color: var(--color4); order: 2!important; max-width: 600px; margin: 0 auto; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .reinsurance-item { display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; padding: 20px; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .reinsurance-item:hover { opacity: 0.6; transition: all 500ms ease; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .reinsurance-item-icon { font-size: 20px; margin-bottom: 16px; color: var(--color3); } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .reinsurance-item-text { font-weight: 600; text-align: center; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .inactiveLink { pointer-events: none; cursor: default; } /* End reinsurance */ /* NEWSLETTER */ #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .newsletterCheckbox-checkbox { margin-bottom: 0; margin-right: 8px; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .newsletterCheckbox-message { display: inline; margin: 0; line-height: 20.48px; color: var(--color4); } @media screen and (max-width: 63.9375em) { #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .newsletterCheckbox { margin-bottom: 8px; } #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .newsletter-form-mobile .input-group { margin-bottom: 8px; } } /* END NEWSLETTER */ #u-1a89017f-7b9a-4f58-a319-a4e846e6af04 .company-logo { opacity: 0; }