@charset "UTF-8"; .selectric-wrapper{ position:relative; cursor:pointer; } .selectric{ border:1px solid #ededed; border-radius:0; background-color:#fdfdfd; position:relative; overflow:hidden; } .selectric-select_small_white .selectric{ border-color:#e5e5e5; border-radius:5px; } .selectric-product__selectchoice .selectric{ border-color:var(--color-midgrey); border-radius:5px; } .selectric-select_criteria .selectric{ border-color:#ccc; border-radius:5px; } .selectric-select_classic .selectric{ border-color:#c1c1c1; background-color:#fff; } .selectric-select_big .selectric, .selectric-select_small .selectric{ background-color:#f9f9f9; border-radius:5px; border:0; } .selectric-select_big_white .selectric{ background-color:#fff; border-radius:5px; border:0; } .selectric-hasError .selectric{ background:rgba(249,0,40,.3); } .selectric-focus .selectric{ border-color:#bababa; } .selectric-hover .selectric{ border-color:#d4d4d4; } .selectric-label{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0 38px 0 1em; font-size:12px; line-height:38px; color:#2f2f2f; height:38px; -webkit-user-select:none; -moz-user-select:none; user-select:none; } .selectric-label .selectric-select_small .selectric-label, .selectric-label .selectric-select_small_white .selectric-label{ line-height:25px; height:25px; } .selectric-label .selectric-product__selectchoice .selectric-label{ line-height:40px; height:40px; } .selectric-select_criteria .selectric-label{ line-height:26px; height:26px; } .selectric-select_small .selectric-label{ font-size:1.4rem; } .selectric-product__selectchoice .selectric-label, .selectric-select_criteria .selectric-label{ margin:0 30px 0 10px; font-size:1.4rem; } .selectric-select_classic .selectric-label{ font-weight:700; font-size:1.6rem; color:#333; } .selectric-select_big .selectric-label, .selectric-select_big_white .selectric-label{ font-weight:700; font-size:1.5rem; color:#333; } .selectric-button{ display:block; position:absolute; right:0; top:0; width:38px; height:38px; line-height:38px; background-color:transparent; color:#b0b0b0; text-align:center; border:0; padding:0; font:0/0 a; *font:20px/38px Lucida Sans Unicode,Arial Unicode MS,Arial; } .selectric-select_small .selectric-button, .selectric-select_small_white .selectric-button, .selectric-select_criteria .selectric-button{ width:25px; height:25px; line-height:25px; } .selectric-button .selectric-product__selectchoice .selectric-button{ width:25px; height:40px; line-height:40px; } .selectric-button:after{ content:" "; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:0; height:0; border:4px solid; border-bottom:0; border-left-color:transparent; border-right-color:transparent; } .selectric-hover .selectric-button{ color:#979797; } .selectric-open{ z-index:9999; } .selectric-open .selectric{ border-color:#d4d4d4; } .selectric-open .selectric-items{ display:block; } .selectric-disabled{ filter:alpha(opacity=50); opacity:.5; cursor:default; -webkit-user-select:none; -moz-user-select:none; user-select:none; } .selectric-hide-select{ position:relative; overflow:hidden; width:0; height:0; } .selectric-hide-select select{ position:absolute; left:-100%; } .selectric-hide-select.selectric-is-native{ position:absolute; width:100%; height:100%; z-index:10; } .selectric-hide-select.selectric-is-native select{ position:absolute; top:0; left:0; right:0; height:100%; width:100%; border:0; z-index:1; box-sizing:border-box; opacity:0; } .selectric-input{ position:absolute!important; top:0!important; left:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; margin:0!important; padding:0!important; width:1px!important; height:1px!important; outline:0!important; border:0!important; *font:0/0 a!important; background:none!important; } .selectric-temp-show{ position:absolute!important; visibility:hidden!important; display:block!important; } .selectric-items{ display:none; position:absolute; z-index:-1; top:100%; left:0; background:#fdfdfd; border:1px solid #ddd; box-shadow:0 0 10px -6px; font-size:12px; text-align:left; } .selectric-select_small .selectric-items, .selectric-select_small_white .selectric-items, .selectric-select_big .selectric-items, .selectric-select_big_white .selectric-items, .selectric-product__selectchoice .selectric-items, .selectric-select_criteria .selectric-items{ border-radius:5px; } .selectric-product__selectchoice .selectric-items, .selectric-select_criteria .selectric-items{ font-size:1.4rem; } .selectric-items .selectric-scroll{ height:100%; overflow:auto; } .selectric-above .selectric-items{ top:auto; bottom:100%; } .selectric-items ul, .selectric-items li{ list-style:none; padding:0; margin:0; } .selectric-items li{ display:block; padding:10px; color:#2f2f2f; cursor:pointer; transition:.2s all ease; } .selectric-select_small .selectric-items li:first-child, .selectric-select_small_white .selectric-items li:first-child, .selectric-select_big .selectric-items li:first-child, .selectric-select_big_white .selectric-items li:first-child, .selectric-product__selectchoice .selectric-items li:first-child, .selectric-select_criteria .selectric-items li:first-child{ border-top-left-radius:5px; border-top-right-radius:5px; } .selectric-select_small .selectric-items li.last, .selectric-select_small_white .selectric-items li.last, .selectric-select_big .selectric-items li.last, .selectric-select_big_white .selectric-items li.last, .selectric-product__selectchoice .selectric-items li.last, .selectric-select_criteria .selectric-items li.last{ border-bottom-left-radius:5px; border-bottom-right-radius:5px; } .selectric-select_small .selectric-items li, .selectric-select_small_white .selectric-items li{ padding:5px 8px; line-height:1.1; } .selectric-product__selectchoice .selectric-items li, .selectric-select_criteria .selectric-items li{ padding:6px 10px; line-height:1.1; } .selectric-items li.selected{ background:#f0f0f0; color:#222; } .selectric-items li.highlighted{ background:#e4e4e4; color:#222; } .selectric-items li:hover{ background:var(--color-blue); color:#fff; } .selectric-items .disabled{ filter:alpha(opacity=50); opacity:.5; cursor:default!important; background:none!important; color:#2f2f2f!important; -webkit-user-select:none; -moz-user-select:none; user-select:none; } .selectric-items .selectric-group .selectric-group-label{ font-weight:bold; padding-left:10px; cursor:default; -webkit-user-select:none; -moz-user-select:none; user-select:none; background:none; color:#161616; } .selectric-items .selectric-group.disabled li{ filter:alpha(opacity=100); opacity:1; } .selectric-items .selectric-group li{ padding-left:25px; } @font-face{ font-family:'Exo 2'; font-style:normal; font-weight:300; src:local('Exo 2 Light'),local('Exo2-Light'),url('/Css/fonts/exo-2-v26-latin-300.woff2') format('woff2'); } @font-face{ font-family:'Exo 2'; font-style:normal; font-weight:400; src:local('Exo 2 Regular'),local('Exo2-Regular'),url('/Css/fonts/exo-2-v7-latin-regular.woff2') format('woff2'),url('/Css/fonts/exo-2-v7-latin-regular.woff') format('woff'); } @font-face{ font-family:'Exo 2'; font-style:italic; font-weight:400; src:local('Exo 2 Italic'),local('Exo2-Italic'),url('/Css/fonts/exo-2-v7-latin-italic.woff2') format('woff2'),url('/Css/fonts/exo-2-v7-latin-italic.woff') format('woff'); } @font-face{ font-family:'Exo 2'; font-style:normal; font-weight:500; src:local('Exo 2 Medium'),local('Exo2-Medium'),url('/Css/fonts/exo-2-v7-latin-500.woff2') format('woff2'),url('/Css/fonts/exo-2-v7-latin-500.woff') format('woff'); } @font-face{ font-family:'Exo 2'; font-style:normal; font-weight:600; src:local('Exo 2 SemiBold'),local('Exo2-SemiBold'),url('/Css/fonts/exo-2-v7-latin-600.woff2') format('woff2'),url('/Css/fonts/exo-2-v7-latin-600.woff') format('woff'); } @font-face{ font-family:'Exo 2'; font-style:normal; font-weight:700; src:local('Exo 2 Bold'),local('Exo2-Bold'),url('/Css/fonts/exo-2-v7-latin-700.woff2') format('woff2'),url('/Css/fonts/exo-2-v7-latin-700.woff') format('woff'); } @font-face{ font-family:'icomoon'; src:url('/Css/fonts/icomoon.eot?rh6pkm'); src:url('/Css/fonts/icomoon.eot?rh6pkm#iefix') format('embedded-opentype'),url('/Css/fonts/icomoon.ttf?rh6pkm') format('truetype'),url('/Css/fonts/icomoon.woff?rh6pkm') format('woff'),url('/Css/fonts/icomoon.svg?rh6pkm#icomoon') format('svg'); font-weight:normal; font-style:normal; } [class^="icon-"], [class*=" icon-"], [class^="table-picto-"], [class*=" table-picto-"]{ font-family:'icomoon'!important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .icon-facebook:before{ content:""; } .icon-plus:before{ content:""; } .icon-youtube:before{ content:""; } .icon-menu:before{ content:""; } .icon-arrow-2:before{ content:""; } .icon-pen:before{ content:""; } .icon-reload:before{ content:""; } .icon-document-2:before{ content:""; } .icon-pdf:before{ content:""; } .icon-delete-2:before{ content:""; } .icon-info:before{ content:""; } .icon-check-3:before{ content:""; } .icon-home:before{ content:""; } .icon-car:before{ content:""; } .icon-back:before{ content:""; } .icon-cb:before{ content:""; } .icon-talk:before{ content:""; } .icon-book:before{ content:""; } .icon-cogs:before{ content:""; } .icon-print:before{ content:""; } .icon-star:before{ content:""; } .icon-document:before{ content:""; } .icon-delete:before{ content:""; } .icon-arrow:before{ content:""; } .icon-check-2:before{ content:""; } .icon-down:before{ content:""; } .icon-close:before{ content:""; } .icon-check:before{ content:""; } .icon-arrow-circle:before{ content:""; } .icon-menu-arrow:before{ content:""; } .icon-slide-next:before{ content:""; } .icon-slide-prev:before{ content:""; } .icon-cart:before{ content:""; } .icon-search:before{ content:""; } .icon-plus-circle:before{ content:""; } .icon-user:before{ content:""; } .icon-phone:before{ content:""; } .icon-question:before{ content:""; } body.compensate-for-scrollbar{ overflow:hidden; } .fancybox-active{ height:auto; } .fancybox-is-hidden{ left:-9999px; margin:0; position:absolute!important; top:-9999px; visibility:hidden; } .fancybox-container{ -webkit-backface-visibility:hidden; height:100%; left:0; outline:0; position:fixed; -webkit-tap-highlight-color:transparent; top:0; -ms-touch-action:manipulation; touch-action:manipulation; transform:translateZ(0); width:100%; z-index:99992; } .fancybox-container *{ box-sizing:border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage{ bottom:0; left:0; position:absolute; right:0; top:0; } .fancybox-outer{ -webkit-overflow-scrolling:touch; overflow-y:auto; } .fancybox-bg{ background:#1e1e1e; opacity:0; transition-duration:inherit; transition-property:opacity; transition-timing-function:cubic-bezier(.47,0,.74,.71); } .fancybox-is-open .fancybox-bg{ opacity:.9; transition-timing-function:cubic-bezier(.22,.61,.36,1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button{ direction:ltr; opacity:0; position:absolute; transition:opacity .25s ease,visibility 0s ease .25s; visibility:hidden; z-index:99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button{ opacity:1; transition:opacity .25s ease 0s,visibility 0s ease 0s; visibility:visible; } .fancybox-infobar{ color:#ccc; font-size:13px; -webkit-font-smoothing:subpixel-antialiased; height:44px; left:0; line-height:44px; min-width:44px; mix-blend-mode:difference; padding:0 10px; pointer-events:none; top:0; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .fancybox-toolbar{ right:0; top:0; } .fancybox-stage{ direction:ltr; overflow:visible; transform:translateZ(0); z-index:99994; } .fancybox-is-open .fancybox-stage{ overflow:hidden; } .fancybox-slide{ -webkit-backface-visibility:hidden; display:none; height:100%; left:0; outline:0; overflow:auto; -webkit-overflow-scrolling:touch; padding:44px; position:absolute; text-align:center; top:0; transition-property:transform,opacity; white-space:normal; width:100%; z-index:99994; } .fancybox-slide::before{ content:''; display:inline-block; font-size:0; height:100%; vertical-align:middle; width:0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next{ display:block; } .fancybox-slide--image{ overflow:hidden; padding:44px 0; } .fancybox-slide--image::before{ display:none; } .fancybox-slide--html{ padding:6px; } .fancybox-content{ background:#fff; display:inline-block; margin:0; max-width:100%; overflow:auto; -webkit-overflow-scrolling:touch; padding:44px; position:relative; text-align:left; vertical-align:middle; } .fancybox-slide--image .fancybox-content{ animation-timing-function:cubic-bezier(.5,0,.14,1); -webkit-backface-visibility:hidden; background:transparent; background-repeat:no-repeat; background-size:100% 100%; left:0; max-width:none; overflow:visible; padding:0; position:absolute; top:0; -ms-transform-origin:top left; transform-origin:top left; transition-property:transform,opacity; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; z-index:99995; } .fancybox-can-zoomOut .fancybox-content{ cursor:zoom-out; } .fancybox-can-zoomIn .fancybox-content{ cursor:zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content{ cursor:-webkit-grab; cursor:grab; } .fancybox-is-grabbing .fancybox-content{ cursor:-webkit-grabbing; cursor:grabbing; } .fancybox-container [data-selectable='true']{ cursor:text; } .fancybox-image, .fancybox-spaceball{ background:transparent; border:0; height:100%; left:0; margin:0; max-height:none; max-width:none; padding:0; position:absolute; top:0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; width:100%; } .fancybox-spaceball{ z-index:1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content{ height:100%; overflow:visible; padding:0; width:100%; } .fancybox-slide--video .fancybox-content{ background:#000; } .fancybox-slide--map .fancybox-content{ background:#e5e3df; } .fancybox-slide--iframe .fancybox-content{ background:#fff; } .fancybox-video, .fancybox-iframe{ background:transparent; border:0; display:block; height:100%; margin:0; overflow:hidden; padding:0; width:100%; } .fancybox-iframe{ left:0; position:absolute; top:0; } .fancybox-error{ background:#fff; cursor:default; max-width:400px; padding:40px; width:100%; } .fancybox-error p{ color:#444; font-size:16px; line-height:20px; margin:0; padding:0; } .fancybox-button{ background:rgba(30,30,30,.6); border:0; border-radius:0; box-shadow:none; cursor:pointer; display:inline-block; height:44px; margin:0; padding:10px; position:relative; transition:color .2s; vertical-align:top; visibility:inherit; width:44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link{ color:#ccc; } .fancybox-button:hover{ color:#fff; } .fancybox-button:focus{ outline:0; } .fancybox-button.fancybox-focus{ outline:1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover{ color:#888; cursor:default; outline:0; } .fancybox-button div{ height:100%; } .fancybox-button svg{ display:block; height:100%; overflow:visible; position:relative; width:100%; } .fancybox-button svg path{ fill:currentColor; stroke-width:0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2){ display:none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1){ display:none; } .fancybox-progress{ background:#ff5268; height:2px; left:0; position:absolute; right:0; top:0; -ms-transform:scaleX(0); transform:scaleX(0); -ms-transform-origin:0; transform-origin:0; transition-property:transform; transition-timing-function:linear; z-index:99998; } .fancybox-close-small{ background:transparent; border:0; border-radius:0; color:#ccc; cursor:pointer; opacity:.8; padding:8px; position:absolute; right:-12px; top:-44px; z-index:401; } .fancybox-close-small:hover{ color:#fff; opacity:1; } .fancybox-slide--html .fancybox-close-small{ color:currentColor; padding:10px; right:0; top:0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content{ overflow:hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{ display:none; } .fancybox-navigation .fancybox-button{ background-clip:content-box; height:100px; opacity:0; position:absolute; top:calc(50% - 50px); width:70px; } .fancybox-navigation .fancybox-button div{ padding:7px; } .fancybox-navigation .fancybox-button--arrow_left{ left:0; left:env(safe-area-inset-left); padding:31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right{ padding:31px 6px 31px 26px; right:0; right:env(safe-area-inset-right); } .fancybox-caption{ background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%); bottom:0; color:#eee; font-size:14px; font-weight:400; left:0; line-height:1.5; padding:75px 44px 25px 44px; pointer-events:none; right:0; text-align:center; z-index:99996; } @supports(padding:max(0)){ .fancybox-caption{ padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left)); } } .fancybox-caption--separate{ margin-top:-50px; } .fancybox-caption__body{ max-height:50vh; overflow:auto; pointer-events:all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited{ color:#ccc; text-decoration:none; } .fancybox-caption a:hover{ color:#fff; text-decoration:underline; } .fancybox-loading{ animation:fancybox-rotate 1s linear infinite; background:transparent; border:4px solid #888; border-bottom-color:#fff; border-radius:50%; height:50px; left:50%; margin:-25px 0 0 -25px; opacity:.7; padding:0; position:absolute; top:50%; width:50px; z-index:99999; } @keyframes fancybox-rotate{100%{ transform:rotate(360deg); }} .fancybox-animated{ transition-timing-function:cubic-bezier(0,0,.25,1); } .fancybox-fx-slide.fancybox-slide--previous{ opacity:0; transform:translate3d(-100%,0,0); } .fancybox-fx-slide.fancybox-slide--next{ opacity:0; transform:translate3d(100%,0,0); } .fancybox-fx-slide.fancybox-slide--current{ opacity:1; transform:translate3d(0,0,0); } .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next{ opacity:0; transition-timing-function:cubic-bezier(.19,1,.22,1); } .fancybox-fx-fade.fancybox-slide--current{ opacity:1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous{ opacity:0; transform:scale3d(1.5,1.5,1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next{ opacity:0; transform:scale3d(.5,.5,.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current{ opacity:1; transform:scale3d(1,1,1); } .fancybox-fx-rotate.fancybox-slide--previous{ opacity:0; -ms-transform:rotate(-360deg); transform:rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next{ opacity:0; -ms-transform:rotate(360deg); transform:rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current{ opacity:1; -ms-transform:rotate(0deg); transform:rotate(0deg); } .fancybox-fx-circular.fancybox-slide--previous{ opacity:0; transform:scale3d(0,0,0) translate3d(-100%,0,0); } .fancybox-fx-circular.fancybox-slide--next{ opacity:0; transform:scale3d(0,0,0) translate3d(100%,0,0); } .fancybox-fx-circular.fancybox-slide--current{ opacity:1; transform:scale3d(1,1,1) translate3d(0,0,0); } .fancybox-fx-tube.fancybox-slide--previous{ transform:translate3d(-100%,0,0) scale(.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next{ transform:translate3d(100%,0,0) scale(.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current{ transform:translate3d(0,0,0) scale(1); } @media all and (max-height:576px){ .fancybox-slide{ padding-left:6px; padding-right:6px; } .fancybox-slide--image{ padding:6px 0; } .fancybox-close-small{ right:-6px; } .fancybox-slide--image .fancybox-close-small{ background:#4e4e4e; color:#f2f4f6; height:36px; opacity:1; padding:6px; right:0; top:0; width:36px; } .fancybox-caption{ padding-left:12px; padding-right:12px; } @supports(padding:max(0)){ .fancybox-caption{ padding-left:max(12px,env(safe-area-inset-left)); padding-right:max(12px,env(safe-area-inset-right)); } } } .fancybox-share{ background:#f4f4f4; border-radius:3px; max-width:90%; padding:30px; text-align:center; } .fancybox-share h1{ color:#222; font-size:35px; font-weight:700; margin:0 0 20px 0; } .fancybox-share p{ margin:0; padding:0; } .fancybox-share__button{ border:0; border-radius:3px; display:inline-block; font-size:14px; font-weight:700; line-height:40px; margin:0 5px 10px 5px; min-width:130px; padding:0 15px; text-decoration:none; transition:all .2s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; white-space:nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link{ color:#fff; } .fancybox-share__button:hover{ text-decoration:none; } .fancybox-share__button--fb{ background:#3b5998; } .fancybox-share__button--fb:hover{ background:#344e86; } .fancybox-share__button--pt{ background:#bd081d; } .fancybox-share__button--pt:hover{ background:#aa0719; } .fancybox-share__button--tw{ background:#1da1f2; } .fancybox-share__button--tw:hover{ background:#0d95e8; } .fancybox-share__button svg{ height:25px; margin-right:7px; position:relative; top:-1px; vertical-align:middle; width:25px; } .fancybox-share__button svg path{ fill:#fff; } .fancybox-share__input{ background:transparent; border:0; border-bottom:1px solid #d7d7d7; border-radius:0; color:#5d5b5b; font-size:14px; margin:10px 0 0 0; outline:0; padding:10px 15px; width:100%; } .fancybox-thumbs{ background:transparent; display:none; margin:0; -webkit-overflow-scrolling:touch; -ms-overflow-style:-ms-autohiding-scrollbar; padding:2px; position:absolute; right:0; left:0; bottom:0; -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:99995; } .fancybox-thumbs-x{ overflow-x:auto; overflow-y:hidden; } .fancybox-show-thumbs .fancybox-thumbs{ display:block; } .fancybox-show-thumbs .fancybox-inner{ left:20px; right:20px; bottom:105px; } .fancybox-thumbs__list{ height:100%; list-style:none; margin:0; overflow-x:hidden; overflow-y:auto; padding:0 20px 10px; position:absolute; position:relative; white-space:nowrap; width:100%; display:flex; justify-content:center; gap:10px; } .fancybox-thumbs-x .fancybox-thumbs__list{ overflow:hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{ width:7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{ background:#fff; border-radius:10px; box-shadow:inset 0 0 6px rgba(0,0,0,.3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{ background:#2a2a2a; border-radius:10px; } .fancybox-thumbs__list a{ -webkit-backface-visibility:hidden; backface-visibility:hidden; background-color:rgba(0,0,0,.1); background-position:center center; background-repeat:no-repeat; background-size:cover; cursor:pointer; width:100px; height:75px; border-radius:5px; max-height:calc(100% - 8px); max-width:calc(50% - 4px); border:2px solid var(--color-grey); overflow:hidden; padding:0; position:relative; -webkit-tap-highlight-color:transparent; width:100px; } .fancybox-thumbs__list a::before{ border:5px solid #fff; bottom:0; content:''; left:0; opacity:1; position:absolute; right:0; top:0; transition:all .2s cubic-bezier(.25,.46,.45,.94); z-index:99991; } .fancybox-thumbs__list a.fancybox-thumbs-active{ border-color:var(--color-blue); } @media all and (max-width:576px){ .fancybox-show-thumbs .fancybox-inner{ bottom:20px; } .fancybox-thumbs__list{ display:none; } .fancybox-thumbs__list a{ max-width:calc(100% - 10px); } .fancybox-thumbs__list a::before{ content:none; } } html{ font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; } body{ margin:0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{ display:block; } audio, canvas, progress, video{ display:inline-block; vertical-align:baseline; } audio:not([controls]){ display:none; height:0; } [hidden], template{ display:none; } a{ background-color:transparent; } a:active, a:hover{ outline:0; } abbr[title]{ border-bottom:1px dotted; } b, strong{ font-weight:bold; } dfn{ font-style:italic; } h1{ font-size:2em; margin:.67em 0; } mark{ background:#ff0; color:#000; } small{ font-size:80%; } sub, sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline; } sup{ top:-.5em; } sub{ bottom:-.25em; } img{ border:0; } svg:not(:root){ overflow:hidden; } figure{ margin:1em 40px; } hr{ box-sizing:content-box; height:0; } pre{ overflow:auto; } code, kbd, pre, samp{ font-family:monospace,monospace; font-size:1em; } button, input, optgroup, select, textarea{ color:inherit; font:inherit; margin:0; } button{ overflow:visible; } button, select{ text-transform:none; } button, html input[type=button], input[type=reset], input[type=submit]{ -webkit-appearance:button; cursor:pointer; } button[disabled], html input[disabled]{ cursor:default; } button::-moz-focus-inner, input::-moz-focus-inner{ border:0; padding:0; } input{ line-height:normal; } input[type=checkbox], input[type=radio]{ box-sizing:border-box; padding:0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{ height:auto; } input[type=search]{ -webkit-appearance:textfield; box-sizing:content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{ -webkit-appearance:none; } fieldset{ border:1px solid #c0c0c0; margin:0 2px; padding:.35em .625em .75em; } legend{ border:0; padding:0; } textarea{ overflow:auto; } optgroup{ font-weight:bold; } table{ border-collapse:collapse; border-spacing:0; } td, th{ padding:0; } :root{ --color-lightgrey:#f3f3f3; --color-midgrey:#c8cbcc; --color-softgrey:#909b9d; --color-grey:#6d797c; --color-grey-rgb:109,121,124; --color-lightblue:#f2f5f8; --color-lightblue-mid:#e0ebee; --color-lightblue-mid-hover:#d4e3e5; --color-lightblue-soft:#e1f2f6; --color-blue:#75c5d7; --color-blue-rgb:117,197,215; --color-blue-hover:#4db5cb; --color-charcoal:#374c51; --color-charcoal-rgb:55,76,81; --color-charcoal-dark:#2a363b; --color-orange:#e86a1a; --color-green:#5fae3c; --color-green-rgb:95,174,60; --color-gold-dark:#bfa21a; --color-red:#c0441a; --color-scrollbar:#c1c1c1; } html{ font-size:62.5%; } body{ font-size:1.4rem; line-height:1.4; font-family:"Exo 2",sans-serif; background:#fafafa; color:#000; position:relative; } @media(max-width:1199px){ body.menu-open, body.search-active{ height:100%; overflow:hidden; } } @media(min-width:1200px){ body.overlay-active{ overflow:hidden; } } html, body{ scrollbar-gutter:stable; } h1, h2, h3, h4, h5, h6{ margin:0; padding:0; text-rendering:optimizeLegibility; font-weight:normal; } p, ul, ol{ margin:0; padding:0; } .title-secondary, .page-title{ font-size:2.4rem; font-size:clamp(2.4rem,2.25rem + .46875vw,3rem); margin:0 0 .5em; padding-left:10px; position:relative; color:var(--color-blue); line-height:1.2; font-weight:700; } .title-secondary:before, .page-title:before{ content:""; position:absolute; top:0; left:-50px; display:block; width:52px; height:55px; background:url(/Images/tag-blue.svg) no-repeat 0 0; } @media(max-width:575px){ .title-secondary:before, .page-title:before{ top:2px; width:34px; height:36px; background-size:34px 36px; left:-32px; } } .page-title{ font-size:2.4rem; font-size:clamp(2.4rem,2.1rem + .9375vw,3.6rem); margin:0 0 30px; text-transform:uppercase; } @media(max-width:575px){ .page-title{ margin:0 0 15px; } } .title-secondary--cart{ font-size:2.4rem; font-size:clamp(2.4rem,2.35rem + .15625vw,2.6rem); margin-bottom:.8em; text-transform:uppercase; } .section-title{ font-size:2rem; font-size:clamp(2rem,1.9rem + .3125vw,2.4rem); margin:30px 0; font-weight:700; } .title-step{ position:relative; margin:30px -20px 0; padding:10px 0 10px 85px; background:#000; color:#fff; text-transform:uppercase; font-size:2.4rem; font-weight:700; line-height:1; } @media(max-width:575px){ .title-step{ margin:20px -20px 0; padding:8px 10px; font-size:1.8rem; font-weight:400; } .title-step strong{ padding-right:5px; font-weight:700; font-size:2rem; } } @media(min-width:576px){ .title-step strong{ position:absolute; top:-25px; left:-1px; display:block; width:82px; height:94px; padding:30px 0 0 8px; background:url(../../../Images/tag-white.png) no-repeat 0 0; color:#000; font-weight:700; font-size:3rem; line-height:1; } } .heading-1{ font-size:3.2rem; font-size:clamp(3.2rem,3.05rem + .46875vw,3.8rem); margin:1.2em 0 .6em; font-weight:700; line-height:1.2; } .heading-1::first-letter { text-transform:uppercase; } .heading-1:first-child{ margin-top:0; } .heading-1[data-color=blue]{ color:var(--color-blue); } .heading-2{ font-size:2rem; font-size:clamp(2rem,1.9rem + .3125vw,2.4rem); margin:1.2em 0 .6em; font-weight:700; line-height:1.2; } .heading-2:first-child:not(.heading-2--mt){ margin-top:0; } .fs-1{ font-size:3.2rem; font-size:clamp(3.2rem,3.05rem + .46875vw,3.8rem); } .fs-2{ font-size:2rem; font-size:clamp(2rem,1.9rem + .3125vw,2.4rem); } a{ text-decoration:none; color:#000; } a:hover, a:focus{ text-decoration:none; } .js_nav{ cursor:pointer; } .btn{ color:#fff; } .univers-1 .btn{ background:#599387!important; } .univers-2 .btn{ background:#eaa2a2!important; } .univers-3 .btn{ background:#948a88!important; } .univers-4 .btn{ background:#7db3b8!important; } .univers-5 .btn{ background:#f3da90!important; } .univers-6 .btn{ background:#a55632!important; } .univers-7 .btn{ background:#948a88!important; } .univers-1 .btn-alt{ border-color:#599387!important; color:#599387!important; } .univers-2 .btn-alt{ border-color:#eaa2a2!important; color:#eaa2a2!important; } .univers-3 .btn-alt{ border-color:#948a88!important; color:#948a88!important; } .univers-4 .btn-alt{ border-color:#7db3b8!important; color:#7db3b8!important; } .univers-5 .btn-alt{ border-color:#f3da90!important; color:#f3da90!important; } .univers-6 .btn-alt{ border-color:#a55632!important; color:#a55632!important; } .univers-7 .btn-alt{ border-color:#948a88!important; color:#948a88!important; } .btn-plain{ display:inline-block; vertical-align:middle; padding:15px 20px; background:#000; color:#fff; border-radius:5px; font-size:1.6rem; line-height:1; border:0; text-align:center; cursor:pointer; } .btn-doc{ padding-left:50px; background-image:url(/Images/download-doc.svg); background-repeat:no-repeat; background-position:20px center; } .btn-light{ display:inline-block; vertical-align:middle; padding:15px 20px; background:#e6e6e6; color:#000; border-radius:5px; font-size:1.6rem; line-height:1; border:0; text-align:center; } .btn-outline{ display:inline-block; vertical-align:middle; padding:13px 18px; background:transparent; color:#000; border-radius:5px; border:2px solid #000; font-size:1.6rem; line-height:1; text-align:center; cursor:pointer; } .btn-disabled{ background-color:#888!important; cursor:default!important; } .minibtn-plain{ display:inline-block; vertical-align:middle; padding:11px 15px; line-height:1; border-radius:5px; background:#000; color:#fff; text-decoration:none; border:0; text-align:center; } .minibtn-outline{ display:inline-block; vertical-align:middle; padding:9px 15px; line-height:1; border-radius:5px; background:transparent; color:#383737!important; text-decoration:none; border:2px solid #c6ccd2; text-align:center; transition:.15s ease border-color; } .minibtn-outline:hover{ border-color:#b3bbc3; } .minibtn-outline--edit{ padding-left:32px; background:url(/Images/edit.svg) no-repeat 10px center; } .mediumbtn-outline{ display:inline-block; vertical-align:middle; padding:12px 16px; line-height:1; border-radius:5px; background:transparent; color:#383737!important; text-decoration:none; font-size:1.6rem; border:2px solid #c6ccd2; text-align:center; transition:.15s ease border-color; } .mediumbtn-outline:hover{ border-color:#b3bbc3; } .mediumbtn-plain{ display:inline-block; vertical-align:middle; padding:14px 18px; line-height:1; border-radius:5px; background:#000; color:#fff; text-decoration:none; text-align:center; font-size:1.6rem; border:0; } .load-more{ position:relative; z-index:4; display:flex; justify-content:center; margin-top:30px; } @media(min-width:1200px){ .catalog--subfamily .load-more{ grid-column:2/3; } } .load-more:last-child{ margin-bottom:0; } .load-more:has(+.is-display-none){ margin-bottom:0; } .cta{ display:inline-flex; align-items:center; justify-content:center; gap:15px; padding:15px 25px; border-radius:100px; text-decoration:none; text-align:center; font-weight:700; font-size:1.5rem; line-height:1.2; border:0; transition:.3s ease all; cursor:pointer; } .cta svg{ transition:.3s ease all; } .cta--compact{ padding:10px 20px; font-size:1.3rem; } .cta--tiny{ padding:7px 15px; gap:10px; font-size:1.3rem; } .cta--light{ background:var(--color-lightblue-mid); color:#000; } .cta--light:hover{ background:var(--color-lightblue-mid-hover); } .cta--dark{ background:#000; color:#fff; } .cta--dark svg{ fill:white; } .cta--dark:hover{ background:var(--color-charcoal-dark); } .cta--dark-outline{ padding:14px 24px; border:1px solid #000; color:#000; background:transparent; } .cta--dark-outline:hover{ border-color:color-mix(in srgb,var(--color-charcoal) 80%,#fff); color:color-mix(in srgb,var(--color-charcoal) 80%,#fff); } .cta--white{ background:#fff; color:#000; box-shadow:0 6px 12px rgba(0,0,0,.05); } .cta--white:hover{ background:var(--color-charcoal); color:#fff; box-shadow:0 6px 12px rgba(0,0,0,.25); } .cta--blue{ background:var(--color-blue); color:#fff; } .cta--blue:hover{ background:var(--color-blue-hover); color:#fff; } .nav-arrows{ display:flex; justify-content:center; align-items:center; gap:15px; margin-top:30px; } .nav-arrows div{ width:50px; height:50px; display:flex; align-items:center; justify-content:center; border-radius:50px; background:#000; color:#fff; border:1px solid #000; cursor:pointer; transition:all .3s ease; } @media(max-width:575px){ .nav-arrows div{ width:40px; height:40px; } } .nav-arrows div svg{ fill:white; transition:fill .3s ease; } .nav-arrows div:hover{ background:transparent; } .nav-arrows div:hover svg{ fill:black; } .nav-arrows div:disabled, .nav-arrows div.is-disabled{ background:var(--color-midgrey); border-color:var(--color-midgrey); cursor:not-allowed; pointer-events:none; } .nav-arrows:has(>.is-disabled+.is-disabled){ display:none; } ul, ol{ margin:0; padding:0; } ul li, ol li{ list-style:none; } em{ font-style:italic; } strong{ font-weight:bold; } del{ text-decoration:line-through; } dfn{ font-style:italic; } ins{ background-color:#ff9; color:#000; text-decoration:none; } pre, code, kbd, samp{ font-family:monospace,serif; font-size:1em; } sub, sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline; } sup{ top:-.5em; } sub{ bottom:-.25em; } a:hover, a:active{ outline:0; } a:focus{ outline:thin dotted; } abbr[title]{ border-bottom:1px dotted; cursor:help; } mark{ background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } pre{ white-space:pre; white-space:pre-wrap; word-wrap:break-word; } img:not([src$=".svg"]){ height:auto; } .youtube-embed{ display:block; margin:0 auto; max-width:640px; } .youtube-embed__cover{ padding-bottom:56.25%; position:relative; overflow:hidden; background-size:cover; background-repeat:no-repeat; background-position:center center; cursor:pointer; } .youtube-embed__cover::after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(/Images/youtube-play.svg) no-repeat center center; } iframe[id^=videoFrame]{ display:block; margin:0 auto; } *{ box-sizing:border-box; } .wrap{ margin:0 auto; padding:0 30px; max-width:1000px; position:relative; } .wrap--lg{ max-width:1460px; } .wrap--xl{ max-width:1660px; } .global{ position:relative; background:#fafafa; } .lead{ padding-bottom:45px; background:#fff; } .lead:has(>.heading:first-child){ padding-top:30px; } @media(min-width:1200px){ .lead:has(>.heading:first-child){ padding-top:30px; } } .main{ padding-top:45px; padding-bottom:60px; background:#fff; } .main:has(>.breadcrumbs){ padding-top:20px; } @media(min-width:1200px){ .main:has(>.breadcrumbs){ padding-top:11px; } } .page-content{ background:#fff; padding-top:15px; padding-bottom:45px; } .page__section{ padding:60px 0; } @media(min-width:992px){ .page__section{ padding:85px 0; } } .page__section[data-bg=lightgrey]{ background:var(--color-lightgrey); } .page__section[data-bg=white]{ background:#fff; } .page__section--top{ padding-top:30px; } .page__section--compact{ padding:30px 0; } .page__heading{ display:flex; flex-direction:column; gap:5px; margin-bottom:15px; } .page__heading>*{ margin:0; } .fullGrid{ display:block; margin:0; font-size:0; padding:0; } *[class*=grid]{ display:inline-block; vertical-align:top; margin:0; padding:0 10px; font-size:1.4rem; } .fullGrid.no-space *[class*=grid]{ padding:0; } .grid-block{ display:block; } .grid10{ width:10%; } .grid16{ width:16.66666%; } .grid20{ width:20%; } .grid25{ width:25%; } .grid33{ width:33.33333%; } .grid40{ width:40%; } .grid45{ width:45%; } .grid50{ width:50%; } .grid55{ width:55%; } .grid60{ width:60%; } .grid67{ width:66.66666%; } .grid75{ width:75%; } .grid100{ width:100%; } table{ width:100%; vertical-align:top; } th{ font-weight:normal; text-align:left; } td{ vertical-align:top; } .cf{ zoom:1; } .cf:before, .cf:after{ content:""; display:block; } .cf:after{ clear:both; } .bigger{ font-size:120%; } .no-mg{ margin:0; } .no-pd{ padding:0; } .no-bd{ border:0; } .no-list>li{ display:inline-block; list-style:none; } .row{ display:table; width:100%; } .col{ display:table-cell; vertical-align:top; } .f-left{ float:left; } .f-right{ float:right; } .clear{ clear:both; } .align-left{ text-align:left; } .align-center{ text-align:center; } .align-right{ text-align:right; } .align-top{ vertical-align:top; } .align-btm{ vertical-align:bottom; } .t-uppercase{ text-transform:uppercase!important; } .t-warning{ color:var(--color-red)!important; } .t-larger{ font-size:2.2rem!important; } .t-success{ color:var(--color-green)!important; } .t-info{ color:var(--color-blue)!important; } .img-left{ float:left; margin:0 1em 1em 0; } .img-right{ float:right; margin:0 0 1em 1em; } .img-center{ margin:1em auto; display:block; } .is-hidden, #scrollUp span{ clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; border:0; } .is-display-none{ display:none!important; } .ir{ border:0; font:0/0 a; text-shadow:none; color:transparent; background-color:transparent; } .with-icon{ font-family:"icomoon"; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .fancybox-slide--html .fancybox-content{ width:1000px; border-radius:10px; } .fancybox-slide--image .fancybox-content{ overflow:hidden; border-radius:10px; } img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video{ max-width:100%; } @media print{ p, blockquote{ orphans:2; widows:2; } blockquote, ul, ol{ page-break-inside:avoid; } h1, h2, h3, caption{ page-break-after:avoid; } } .top{ position:relative; z-index:50; display:flex; justify-content:flex-end; height:40px; font-size:1.6rem; background:var(--color-lightblue-soft); } @media(max-width:1199px){ .top{ display:none; } } .top__slogan{ display:flex; align-items:center; gap:10px; margin-right:auto; padding-left:30px; line-height:1; color:color-mix(in srgb,var(--color-blue) 85%,#000); } .top__slogan figure{ position:relative; margin:0; padding:0; } .top__slogan figure svg{ display:block; } .top__slogan figure::after{ content:""; position:absolute; top:0; left:0; width:60px; height:4px; background:rgba(0,0,0,.25); filter:blur(5px); } .top__slogan span{ font-size:1rem; } .top__phone{ display:flex; align-items:center; gap:10px; padding:0 25px; color:var(--color-blue); } .top__phone figure{ display:flex; align-items:center; margin:0; } .top__phone__numbers{ display:flex; flex-direction:column; align-items:center; line-height:1.1; } .top__phone__numbers strong{ font-weight:700; font-size:1.8rem; } .top__phone__numbers span{ font-size:1.2rem; font-weight:600; } .top__directorder span.js_nav{ display:flex; align-items:center; gap:5px; height:100%; padding:0 15px; font-weight:700; line-height:1; background:var(--color-blue); color:#fff; cursor:pointer; transition:.2s ease background-color; } .top__directorder span.js_nav svg{ fill:white; } .top__directorder span.js_nav:hover{ background:var(--color-blue-hover); } .top__social{ display:flex; align-items:center; height:100%; padding:0 15px; } .top__social li+li{ margin-left:5px; } .top__social a, .top__social span.js_nav{ display:flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:26px; border:1px solid var(--color-blue); cursor:pointer; transition:.15s ease all; } .top__social a svg, .top__social span.js_nav svg{ fill:var(--color-blue); transition:.15s ease all; } .top__social a:hover, .top__social span.js_nav:hover{ background:var(--color-blue-hover); border-color:var(--color-blue-hover); } .top__social a:hover svg, .top__social span.js_nav:hover svg{ fill:white; } .header{ position:relative; top:0; z-index:99; min-height:65px; } @media(max-width:1199px){ body.search-open .header{ padding-bottom:130px; } } @media(min-width:1200px){ .header{ min-height:160px; } } @media(max-width:1199px){ .header__inside{ position:fixed; top:0; left:0; right:0; } } .header--fixed .header__inside{ position:fixed; top:0; left:0; right:0; } .header__layout{ position:relative; z-index:40; display:flex; align-items:center; justify-content:space-between; padding:0 15px; background:#222; } @media(max-width:1199px){ .header__layout{ height:65px; } } @media(min-width:1200px){ .header__layout{ height:90px; padding:0 30px; gap:30px; background:#fff; } .header--fixed .header__layout{ height:60px; } } .header__left{ display:flex; align-items:center; gap:20px; } @media(min-width:1200px){ .header__left{ display:none; } } .logo{ position:relative; display:flex; align-items:flex-end; gap:10px; flex-shrink:0; cursor:pointer; } .logo span{ padding-bottom:3px; font-size:1.5rem; font-weight:500; color:var(--color-blue); } .header--fixed .logo span{ display:none; } @media(max-width:1599px){ .logo span{ display:none; } } @media(max-width:479px){ .logo__img{ width:85px; height:42px; background:url(/Images/logo-mobile-compact.svg) no-repeat 0 0; } } @media(min-width:480px) and (max-width:1199px){ .logo__img{ background:url(/Images/logo-mobile.svg) no-repeat 0 0; width:188px; height:29px; } } @media(min-width:1200px) and (max-width:1599px){ .logo__img{ width:188px; height:29px; background:url(/Images/logo-fixed.svg) no-repeat 0 0; } } @media(min-width:1600px){ .logo__img{ width:267px; height:53px; background:url(/Images/logo.svg) no-repeat 0 0; } .header--fixed .logo__img{ width:188px; height:29px; background:url(/Images/logo-fixed.svg) no-repeat 0 0; } } .header__toggle{ display:flex; justify-content:center; align-items:center; padding:0; background:transparent; border:0; } @media(min-width:1200px){ .header__toggle{ display:none; } } .header__toggle__burger{ display:block; position:relative; width:24px; height:17px; transition:all .4s; border-bottom:3px solid var(--color-grey); } @media(min-width:480px){ .header__toggle__burger{ width:28px; height:21px; } } .header__toggle__burger::before, .header__toggle__burger::after{ content:""; position:absolute; background:var(--color-grey); width:100%; left:0; height:3px; transition:all .3s; } .menu-open .header__toggle__burger::before, .menu-open .header__toggle__burger::after{ top:7px; } @media(min-width:480px){ .menu-open .header__toggle__burger::before, .menu-open .header__toggle__burger::after{ top:10px; } } .header__toggle__burger::before{ top:7px; } @media(min-width:480px){ .header__toggle__burger::before{ top:9px; } } .header__toggle__burger::after{ top:0; } .menu-open .header__toggle__burger{ border-color:transparent; } .menu-open .header__toggle__burger::before{ transform:rotate(225deg); } .menu-open .header__toggle__burger::after{ transform:rotate(135deg); } .header__toggle__label{ line-height:1; font-weight:500; font-size:1.5rem; text-transform:uppercase; color:#fff; } @media(max-width:1199px){ .header__toggle__label{ display:none; } } .header__toggle-search{ display:flex; justify-content:center; align-items:center; background:transparent; margin-right:auto; padding:0; border:0; } @media(max-width:479px){ .header__toggle-search svg{ max-height:22px; width:auto; } } .header__toggle-search svg{ fill:var(--color-grey); } @media(min-width:1200px){ .header__toggle-search{ display:none; } } .header__middle{ display:flex; justify-content:center; flex:1; align-items:flex-start; } @media(max-width:1199px){ .header__middle{ display:none; position:fixed; width:100%; top:65px; left:0; right:0; height:60px; padding:5px 20px 0; background:#222; } body.search-open .header__middle{ display:flex; } } .header__search{ position:relative; flex-basis:650px; } @media(min-width:1200px) and (max-width:1599px){ .header__search{ flex-basis:440px; } } .header__search__form{ display:flex; height:46px; } .header__search__form input[type=search]{ flex:1; padding:11px 49px 11px 19px; font-size:1.6rem; border-radius:10px; border:1px solid #f2f2f2; background:#f2f2f2; transition:.2s ease all; } .header__search__form input[type=search]:focus{ outline:0; border-color:var(--color-blue); box-shadow:0 0 5px rgba(var(--color-blue-rgb),.6); background:#fff; } .header__search__form ::-moz-placeholder{ color:rgba(var(--color-charcoal-rgb),.65); opacity:1; } .header__search__form ::placeholder{ color:rgba(var(--color-charcoal-rgb),.65); opacity:1; } .header__search__form :-ms-input-placeholder{ color:rgba(var(--color-charcoal-rgb),.65); } .header__search__form ::-ms-input-placeholder{ color:rgba(var(--color-charcoal-rgb),.65); } .header__search__submit{ position:absolute; top:6px; bottom:6px; right:6px; display:flex; align-items:center; justify-content:center; width:38px; padding:0; background:var(--color-blue); border:0; border-radius:8px; transition:.2s ease background-color; } .header__search__submit svg{ fill:white; } .header__search__submit:hover{ background:var(--color-blue-hover); } .header__search__clear{ position:absolute; top:calc(50% - 10px); right:60px; width:20px; height:20px; margin:0; padding:0; border-radius:20px; background:#bbb url(/Images/close-white.svg) no-repeat center; background-size:8px 8px; border:0; display:none; transition:.2s ease background-color; } .header__search__clear:hover{ background-color:var(--color-grey); } .header__search__results{ -webkit-transform:translate3d(0,0,0); display:none; position:absolute; top:100%; left:0; right:0; z-index:10; overflow-y:auto; scrollbar-color:var(--color-scrollbar) transparent; scrollbar-width:thin; max-height:calc(100vh - 140px); padding:15px; box-shadow:0 5px 15px 0 rgba(0,0,0,.25); border-radius:10px; background:#fff; } @media(min-width:1200px){ .header__search__results{ max-height:calc(100vh - 160px); } .header--fixed .header__search__results{ max-height:calc(100vh - 120px); } } @media(min-width:1200px) and (max-width:1599px){ .header__search__results{ left:calc(50% - 300px); right:auto; width:600px; } } .livesearch{ margin-top:3px; } .livesearch__loading{ height:30px; background:url(/Images/loader-dots.svg) no-repeat center center; background-size:40px 10px; } .livesearch__warning{ padding-top:10px; text-align:center; color:var(--color-grey); font-size:1.3rem; } .livesearch__warning a{ color:var(--color-grey); font-weight:700; text-decoration-line:underline; text-decoration-color:transparent; text-decoration-thickness:1px; text-underline-offset:3px; transition:.2s ease text-decoration-color; } .livesearch__warning a:hover{ text-decoration-color:inherit; } .livesearch__results a{ display:block; padding:4px 8px; color:#000; border-radius:3px; transition:.1s ease background; } .livesearch__results a strong{ font-weight:700; } .livesearch__results a i{ display:inline-flex; margin-left:5px; padding:2px 8px; border-radius:50px; background:var(--color-lightgrey); font-size:1.2rem; font-weight:400; font-style:normal; line-height:1; color:var(--color-charcoal); } .livesearch__results a:hover{ background:var(--color-lightgrey); } .livesearch__results a:hover i{ background:#fff; } .livesearch__noresults{ padding:10px 0; font-size:1.5rem; text-align:center; } .livesearch__title{ margin:10px 0; padding-bottom:5px; color:var(--color-blue); border-bottom:1px solid var(--color-midgrey); font-weight:700; font-size:1.7rem; } .livesearch__loading+.livesearch__title{ margin-top:0; } .livesearch__more{ display:flex; justify-content:center; padding-top:20px; } .nav-tools{ position:relative; z-index:1000; display:flex; } .nav-tools>li{ position:relative; z-index:5; display:flex; border-radius:10px; } @media(min-width:1200px){ .nav-tools>li{ cursor:default; transition:.2s ease background; } .nav-tools>li:hover, .nav-tools>li.is-focused{ background:#f2f2f2; } .nav-tools>li:hover .nav-tools__content, .nav-tools>li.is-focused .nav-tools__content{ opacity:1; visibility:visible; } .nav-tools>li:hover .nav-tools__picto>svg, .nav-tools>li.is-focused .nav-tools__picto>svg{ fill:var(--color-blue); } } .nav-tools__picto{ margin:0; display:flex; align-items:center; gap:8px; height:46px; padding:0 10px; } @media(min-width:480px){ .nav-tools__picto{ padding:0 12px; } } .nav-tools__picto>svg{ fill:var(--color-grey); transition:.2s ease fill; } @media(max-width:479px){ .nav-tools__picto>svg{ max-width:28px; max-height:26px; } } .nav-tools__picto>figcaption{ font-size:1.4rem; font-weight:700; line-height:1.15; color:#1e1e1c; } .nav-tools__picto>figcaption span{ display:block; font-weight:400; } @media(max-width:1199px){ .nav-tools__picto>figcaption{ display:none; } } .header--fixed .nav-tools__picto>figcaption{ display:none; } .nav-tools__account .nav-tools__picto>figcaption span{ max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } @media(min-width:1300px){ .nav-tools__account .nav-tools__picto>figcaption span{ max-width:150px; } } .nav-tools__account.is-loggedin .nav-tools__picto{ position:relative; } .nav-tools__account.is-loggedin .nav-tools__picto>svg{ margin-right:4px; } .nav-tools__account.is-loggedin .nav-tools__picto::after{ content:""; position:absolute; bottom:8px; left:23px; width:12px; height:9px; background:url(/Images/check-loggedin.svg) no-repeat 0 0; } .nav-tools__num{ position:absolute; display:grid; place-items:center; border-radius:22px; padding:0 5px; line-height:1; font-family:"Exo 2",sans-serif; font-weight:600; border:2px solid transparent; background:var(--color-blue); color:#fff; transition:.2s ease border-color; } @media(max-width:1199px){ .nav-tools__num{ top:1px; right:1px; min-width:20px; height:20px; font-size:1.1rem; border-color:#222; } } @media(min-width:1200px){ .nav-tools__num{ top:2px; right:2px; min-width:22px; height:22px; font-size:1.2rem; border-color:#fff; } .nav-tools>li:hover .nav-tools__num{ border-color:#f2f2f2; } } .nav-tools__content{ opacity:0; visibility:hidden; position:absolute; top:calc(100% + 10px); z-index:3; padding:15px; border-radius:10px; box-shadow:0 5px 15px 0 rgba(0,0,0,.25); background:#fff; transition:.2s ease all; } .nav-tools__content::before{ content:""; position:absolute; bottom:100%; left:0; right:0; height:10px; background:transparent; } @media(max-width:1199px){ .nav-tools__content{ display:none!important; } } .nav-tools__faq .nav-tools__content, .nav-tools__promos .nav-tools__content{ left:calc(50% - 115px); width:230px; } .nav-tools__cart .nav-tools__content{ width:350px; right:0; text-align:center; } .nav-tools__account .nav-tools__content{ right:0; width:650px; padding:30px; } .nav-tools__account.is-loggedin .nav-tools__content{ width:230px; padding:15px; } .header:not(.header--fixed) .nav-tools__account.is-loggedin .nav-tools__content{ right:auto; left:calc(50% - 115px); } .nav-tools__title{ margin:0 0 20px; text-align:center; text-transform:uppercase; font-weight:500; font-size:1.8rem; } .nav-tools__links{ margin:0 -5px; } .nav-tools__links a, .nav-tools__links span.js_nav{ display:block; padding:6px 15px; border-radius:3px; text-decoration:none; transition:.2s ease background; cursor:pointer; } .nav-tools__links a:hover, .nav-tools__links a:focus, .nav-tools__links span.js_nav:hover, .nav-tools__links span.js_nav:focus{ background:#f2f2f2; } .nav-tools__links__logout{ padding-top:10px; text-align:right; } .nav-tools__links__logout a, .nav-tools__links__logout span.js_nav{ display:inline-flex; align-items:center; gap:5px; background:none!important; color:#919395; transition:.2s ease color; } .nav-tools__links__logout a svg, .nav-tools__links__logout span.js_nav svg{ fill:#919395; transition:.2s ease fill; } .nav-tools__links__logout a:hover, .nav-tools__links__logout span.js_nav:hover{ color:var(--color-blue); } .nav-tools__links__logout a:hover svg, .nav-tools__links__logout span.js_nav:hover svg{ fill:var(--color-blue); } @media(min-width:1200px){ .nav-tools__search{ display:none; } } @media(max-width:1199px){ .nav-tools__faq, .nav-tools__promos{ display:none!important; } } .nav-tools__account__layout{ display:flex; } .nav-tools__account__layout>div{ display:flex; flex-direction:column; width:50%; } .nav-tools__account__layout>div:first-child{ padding-right:25px; border-right:2px solid rgba(109,121,124,.2); } .nav-tools__account__layout>div:last-child{ padding-left:25px; } .nav-tools__account__layout>div .fields{ flex:1; } .nav-tools__account__layout>div .field--submit{ padding-top:10px; align-items:flex-end; } .nav-tools__cart__empty svg{ display:block; margin:0 auto 10px; fill:#919395; } .nav-tools__cart__total{ display:flex; align-items:center; justify-content:center; margin:15px 0; padding:10px 0; background:var(--color-blue); text-align:center; font-weight:700; font-size:1.6rem; line-height:1; color:#fff; } .nav-tools__cart__total strong{ padding-left:5px; font-size:2rem; } .nav-tools__cart__btn{ text-align:center; } .minicart{ overflow:hidden; width:100%; margin:15px 0; } .minicart__inner{ max-height:230px; overflow-y:scroll; width:400px; } .minicart__items{ width:318px; text-align:left; cursor:url(/Images/cursor_scrollable.cur),default; cursor:url(/Images/cursor_scrollable.png) 9 0,default; } .minicart__row{ display:flex; align-items:flex-start; margin-bottom:15px; } .minicart__row:last-child{ margin-bottom:0; } .minicart__img{ width:70px; margin:0; flex-shrink:0; } .minicart__img a{ display:flex; justify-content:center; width:70px; height:70px; padding:10px; border:1px solid #e6e6e6; background:#fff; } .minicart__img a img{ display:block; -o-object-fit:contain; object-fit:contain; } .minicart__item{ flex:1; padding:0 10px 0 15px; } .minicart__item__name{ display:block; margin-bottom:5px; font-size:1.4rem; line-height:1.3; } .minicart__item__ref{ display:block; margin-bottom:5px; font-size:1.3rem; line-height:1; color:var(--color-grey); } .minicart__item__qty{ display:block; font-size:1.2rem; line-height:1; color:#383737; } .minicart__delete{ width:15px; padding-top:3px; } .minicart__delete a{ display:block; cursor:pointer; } .minicart__delete a svg{ display:block; fill:var(--color-charcoal); transition:.2s ease fill; } .minicart__delete a:hover svg{ fill:var(--color-blue); } .nav-main{ position:relative; z-index:30; background:#222; } @media(max-width:1199px){ .nav-main{ position:fixed; z-index:99; top:65px; width:100%; height:calc(100% - 65px); right:100%; transition:.5s ease all; overflow:auto; scrollbar-width:thin; scrollbar-color:var(--color-grey) transparent; border-top:1px solid var(--color-grey); background:#222; } .menu-open .nav-main{ transform:translateX(100%); } .nav-main .wrap{ padding:0; } .nav-main li{ position:relative; } .nav-main li>button{ position:absolute; top:15px; right:20px; width:30px; height:30px; border-radius:30px; border:1px solid var(--color-grey); background:url(/Images/submenu.svg) no-repeat center 12px; } .nav-main li.is-open>button{ transform:scaleY(-1); } .nav-main li>a, .nav-main li>span{ display:flex; align-items:center; position:relative; padding-left:20px; font-weight:500; line-height:1.3; border-bottom:1px solid var(--color-grey); } .nav-main .level-1{ background:#222; } .nav-main .level-1>li>a{ min-height:60px; font-weight:600; font-size:1.6rem; color:#fff; } .nav-main .level-2{ background-color:var(--color-lightgrey); } .nav-main .level-2>li>a, .nav-main .level-2>li>span{ min-height:50px; font-size:1.6rem; font-weight:600; border-color:var(--color-midgrey); cursor:pointer; } .nav-main .level-2>li>button{ top:10px; background-color:var(--color-midgrey); border-color:var(--color-midgrey); } .nav-main .level-3{ background:#fff; } .nav-main .level-3>li>a, .nav-main .level-3>li>span{ padding:12px 20px; color:#000; border-color:var(--color-midgrey); font-size:1.4rem; cursor:pointer; } .menu-open .nav-main{ display:block; } .menu-open .nav-main .level-1 ul{ display:none; } .menu-open .nav-main .level-1>li.is-open .level-2, .menu-open .nav-main .level-2>li.is-open .level-3{ display:block; } } @media(min-width:1200px){ .nav-main a{ text-decoration:none; } .nav-main li>button{ display:none; } .nav-main .level-1{ display:flex; flex-direction:row; justify-content:center; min-height:70px; } .nav-main .level-1>li{ display:flex; } .nav-main .level-1>li>a{ position:relative; z-index:2; display:flex; align-items:center; padding:14px 18px; text-align:center; font-weight:600; font-size:1.5rem; line-height:1.25; transition:color .1s ease; color:#fff; } .nav-main .level-1>li:not(:last-child)>a::after{ content:""; position:absolute; top:calc(50% - 17px); right:-1px; width:2px; height:34px; background:var(--color-grey); } .nav-main .level-1>li:hover>a{ color:var(--color-blue); } .nav-main .level-1>li.hover .sub-menu{ display:block; } .nav-main .sub-menu{ display:none; position:absolute; top:100%; left:0; right:0; z-index:1; text-align:left; background:#fff; box-shadow:0 0 25px 10px rgba(0,0,0,.2); } .nav-main .sub-menu::after{ content:""; position:absolute; bottom:0; left:30px; right:30px; height:35px; background:linear-gradient(to bottom,rgba(255,255,255,0),#fff); } .nav-main .sub-menu__container{ overflow:auto; scrollbar-color:var(--color-scrollbar) transparent; scrollbar-width:thin; } .nav-main .sub-menu__nav{ -moz-columns:4; columns:4; -moz-column-rule:2px double color-mix(in srgb,var(--color-charcoal) 10%,white); column-rule:2px double color-mix(in srgb,var(--color-charcoal) 10%,white); -moz-column-gap:32px; column-gap:32px; padding:30px; } .nav-main .sub-menu__layout{ max-height:calc(92vh - 200px); } .header--fixed .nav-main .sub-menu__layout{ max-height:calc(92vh - 130px); } .nav-main .level-2{ display:block; } .nav-main .level-2>li{ margin-bottom:10px; -moz-column-break-inside:avoid; break-inside:avoid-column; } .nav-main .level-2>li>.js_nav{ display:block; margin:0 -6px; padding:3px 6px; border-radius:3px; position:relative; line-height:1; font-weight:700; font-size:1.7rem; color:#000; cursor:pointer; } .nav-main .level-2>li>.js_nav:hover, .nav-main .level-2>li>.js_nav:focus{ background:#f1f1f1; } .nav-main .level-3{ padding:3px 0 0 0; text-align:left; } .nav-main .level-3 li{ position:relative; } .nav-main .level-3 .js_nav{ display:block; margin:0 -6px; padding:3px 6px; border-radius:3px; line-height:1; font-size:1.4rem; color:#1e1e1c; cursor:pointer; } .nav-main .level-3 .js_nav:hover, .nav-main .level-3 .js_nav:focus{ background:#f1f1f1; } } @media(min-width:1600px){ .nav-main .level-1>li>a{ padding:14px 26px; font-size:1.6rem; } } @media(min-width:1600px) and (max-width:1799px){ .nav-main .sub-menu__nav{ -moz-columns:5; columns:5; } } @media(min-width:1800px) and (max-width:2199px){ .nav-main .sub-menu__nav{ -moz-columns:6; columns:6; } } @media(min-width:2200px){ .nav-main .sub-menu__nav{ -moz-columns:7; columns:7; max-width:2100px; margin:0 auto; } } .footer{ background:#425359; color:#fff; } .footer>.wrap{ padding-top:60px; padding-bottom:60px; } .footer__layout{ display:grid; gap:50px; } @media(max-width:767px){ .footer__layout{ grid-template-columns:1fr; max-width:400px; margin-left:auto; margin-right:auto; } } @media(min-width:768px) and (max-width:1199px){ .footer__layout{ grid-template-columns:repeat(3,1fr); } } @media(min-width:1200px){ .footer__layout{ grid-template-columns:repeat(5,1fr); } } .footer__menus{ padding:60px 0; } @media(min-width:768px) and (max-width:1199px){ .footer__col--brand{ grid-column:span 3; } } .footer__logo{ margin:0 0 20px; } .footer__logo img{ display:block; } @media(max-width:767px){ .footer__logo img{ margin:0 auto; } } .footer__presentation{ margin-bottom:20px; font-size:1.3rem; color:rgba(255,255,255,.5); } .footer__title{ margin:15px 0; font-size:1.8rem; font-weight:700; text-transform:lowercase; } .footer__title::first-letter { text-transform:uppercase; } .footer__title:first-child{ margin-top:0; } .footer__title:last-child{ margin-bottom:0; } .footer__title a, .footer__title span{ color:#fff; cursor:pointer; text-decoration-line:underline; text-decoration-color:transparent; text-decoration-thickness:1px; text-underline-offset:3px; transition:.1s ease all; } .footer__title a:hover, .footer__title span:hover{ text-decoration-color:#fff; } @media(max-width:991px){ .footer__links li{ margin-bottom:8px; } } .footer__links li>a, .footer__links li>span{ display:inline-block; padding:5px 0; color:rgba(255,255,255,.5); text-decoration-line:underline; text-decoration-color:transparent; text-decoration-thickness:1px; text-underline-offset:3px; transition:.1s ease all; cursor:pointer; } .footer__links li>a:hover, .footer__links li>a:focus, .footer__links li>span:hover, .footer__links li>span:focus{ text-decoration-color:inherit; } .footer__avis{ margin-bottom:20px; text-align:center; } #PopAvisVerifies{ height:90vh; margin:0 auto!important; padding:0!important; border-radius:0; } #PopAvisVerifies iframe{ height:100%; border:0; } #widget-av{ display:flex; flex-direction:column; align-items:center; justify-content:center; width:180px; height:180px; border-radius:180px; text-decoration:none; background:#fff; color:#0a0a13; cursor:pointer; } @media(min-width:1200px){ #widget-av{ margin:0 auto; } } .widget-av__average{ font-size:3.8rem; font-family:Arial,sans-serif; line-height:1; text-align:center; color:var(--color-blue); } .widget-av__average>span{ padding-right:2px; font-weight:700; } .widget-av__average small{ font-size:2.4rem; } .widget-av__average small span{ padding-left:2px; } .widget-av__stars{ width:calc(100% - 50px); margin:10px 0 15px; display:flex; flex-direction:column; align-items:center; } .widget-av__stars__label{ margin-bottom:10px; font-size:1.2rem; font-weight:700; font-family:Arial,sans-serif; line-height:1; text-transform:lowercase; color:#0a0a13; } .widget-av__stars__rating{ position:relative; width:137px; height:25px; background:url(/Images/widget-stars-off.svg) no-repeat 0 0; } .widget-av__stars__rating span{ position:absolute; top:0; left:0; height:25px; background:url(/Images/widget-stars-on.svg) no-repeat 0 0; } .widget-av__stars__rating::before{ content:""; position:absolute; top:0; left:0; bottom:0; right:0; z-index:2; background:url(/Images/widget-stars.svg) no-repeat center; } .footer__social{ display:flex; justify-content:center; align-items:center; gap:10px; } @media(min-width:768px){ .footer__social{ justify-content:flex-start; } } .footer__social span.js_nav{ display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:40px; background:#fff; cursor:pointer; } .footer__social span.js_nav svg{ fill:#364b50; transition:.2s ease fill; } .footer__social span.js_nav:hover svg{ fill:var(--color-blue); } #scrollUp{ bottom:102px; right:20px; width:50px; height:50px; background:url(/Images/back-top.svg) no-repeat; background-size:50px 50px; } body.menu-open #scrollUp, body.search-active #scrollUp, body.overlay-active #scrollUp{ display:none!important; } @media(max-width:767px){ #scrollUp{ width:40px; height:40px; background:url(/Images/back-top.svg) no-repeat; background-size:40px 40px; } } #ctl00_BandeauCookies{ position:fixed; bottom:0; z-index:105000; width:100%; text-align:center; color:#fff; background-color:#364b50; padding:10px; } #ctl00_BandeauCookies a{ color:#fff; text-decoration:underline; } #ctl00_BandeauCookies a:hover{ text-decoration:none; } #ctl00_BandeauCookies .listProduct-btn{ background-color:#ff9b4a; color:#000; padding:7px 12px; } .voussert-ok{ height:0; font-size:0; } .overlay{ position:fixed; top:0; z-index:30; height:100vh; width:100%; background-color:rgba(34,34,34,.5); opacity:0; overflow:hidden; transition:opacity .15s ease-in-out; visibility:hidden; } .overlay-active .overlay{ opacity:1; visibility:visible; } .modal{ position:relative; background:#fff; padding:40px; width:auto; max-width:800px; margin:20px auto; box-shadow:0 0 6px 0 rgba(0,0,0,.2); border-radius:10px; } @media(max-width:479px){ .modal{ padding:20px; } } .modal#ModalShowDetail, .modal#ModalShowDetailSuivi{ padding:0!important; } .modal#ModalShowDetail .mfp-close, .modal#ModalShowDetailSuivi .mfp-close{ color:#fff!important; } .modal#PopUpPointRelais{ max-width:1200px; padding:0!important; } .modal#PopUpRechercheSociete, .modal#ModalShowDetail{ max-width:1000px; } .modal#ModalShowDetailSuivi{ max-width:500px; } @media(min-width:768px){ .modal#ModalShowDetailSuivi{ max-width:1000px; } } .modal-title{ font-size:2rem; font-size:clamp(2rem,1.9rem + .3125vw,2.4rem); margin-bottom:15px; text-align:center; } .modal-title strong{ font-weight:700; } .modal-title-important{ color:#ffa800; } .modal__intro{ font-size:1.5rem; font-size:clamp(1.5rem,1.475rem + .078125vw,1.6rem); } .modal__intro:not(:last-child){ margin-bottom:30px; } .form__title{ position:relative; margin:30px -30px; padding:10px 30px; background:#000; color:#fff; text-transform:uppercase; font-size:2.4rem; font-weight:700; line-height:1; } @media(max-width:575px){ .form__title{ font-size:1.8rem; } } .form__required{ margin-top:-20px; text-align:right; font-style:italic; } .fields-title{ margin:30px 0 20px; font-size:1.8rem; font-weight:700; line-height:1.2; } .fields-title .required{ color:#f90028; } @media(min-width:768px){ .fields-title{ font-size:2rem; } } .fields{ display:flex; flex-wrap:wrap; margin:0 -20px; } @media(min-width:992px){ .fields{ padding:0 100px; } } @media(min-width:992px){ .fields--nopadding{ padding:0; } } .fields__row{ display:flex; flex-wrap:wrap; width:100%; } .field{ display:block; width:100%; margin-bottom:15px; padding:0 20px; } .field label, .field .label{ display:inline-block; margin-bottom:5px; font-weight:700; font-size:1.6rem; line-height:1.3; } .field .required{ color:var(--color-red); } .field input[type=text], .field input[type=email], .field input[type=password], .field textarea{ display:block; width:100%; padding:10px 12px; font-size:1.8rem; border-radius:10px; border:1px solid #c1c1c1; transition:.3s ease all; } .field input[type=text]:focus, .field input[type=email]:focus, .field input[type=password]:focus, .field textarea:focus{ border-color:var(--color-blue); box-shadow:0 0 5px rgba(117,197,215,.6); outline:0; } .field input[type=text].hasError, .field input[type=email].hasError, .field input[type=password].hasError, .field textarea.hasError{ background:rgba(249,0,40,.15); border-color:#f90028; } .field select{ width:100%; } .field .intl-tel-input{ display:block; } .field__select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; display:block; width:100%; padding:10px 12px; font-size:1.5rem; border-radius:10px; border:1px solid #c1c1c1; transition:.3s ease all; background:#fff url(/Images/select-large.svg) no-repeat right 15px center; } .field__select:focus{ border-color:var(--color-blue); box-shadow:0 0 5px rgba(117,197,215,.6); outline:0; } .field--last{ margin-bottom:0; } .field--half{ width:100%; } @media(min-width:768px){ .field--half{ width:50%; } } .field--submit{ display:flex; padding-top:30px; } @media(max-width:479px){ .field--submit{ flex-direction:column; } .field--submit a:not(:first-child), .field--submit input[type=submit]:not(:first-child), .field--submit button:not(:first-child){ margin-top:15px; order:2; } } @media(min-width:480px){ .field--submit{ align-items:center; justify-content:flex-end; } .field--submit a, .field--submit input[type=submit], .field--submit button{ margin-left:20px; } } .field--radio table{ table-layout:auto; width:auto; } .field--radio table label{ margin:0; padding-left:8px; font-weight:400; line-height:1; } .field--radio table td{ padding-top:5px; } .field--radio-horizontal table{ table-layout:auto; width:auto; margin-top:3px; } .field--radio-horizontal table td:not(:last-child){ padding-right:20px; } .field--radio-horizontal table label{ margin:0; padding-left:5px; font-weight:400; } @media(max-width:767px){ .field--radio-horizontal table, .field--radio-horizontal table tbody, .field--radio-horizontal table tr, .field--radio-horizontal table td{ display:block!important; } .field--radio-horizontal table td+td{ padding-top:3px; } } .field--checkbox{ padding-top:22px; } .field--checkbox label{ display:flex; align-items:center; line-height:1; } .field--checkbox input[type=checkbox]{ margin-right:8px; } .field--text{ font-size:1.5rem; } @media(min-width:576px){ .field--text{ font-size:1.6rem; } } .field--text p:not(:last-child), .field--text ul:not(:last-child){ margin-bottom:10px; } .field--text p small, .field--text ul small{ font-size:1.4rem; } .field--text ul li{ position:relative; padding-left:20px; } .field--text ul li::before{ content:"-"; position:absolute; top:0; left:7px; } .field--text strong{ font-weight:600; } .field--text a{ color:#75c5d7; } .field--text a:hover{ text-decoration:underline; } .field--textsmall{ font-size:1.2rem; } .field--info{ margin:15px 0; font-size:1.6rem; font-weight:500; color:#333; } .field--error, .field__error{ padding:.7em 1em; font-weight:700; font-size:1.5rem; background:rgba(249,0,40,.1); color:#da4141; } .field--error ul li:not(:last-child), .field__error ul li:not(:last-child){ margin-bottom:.5em; } .field--error{ margin-left:20px; margin-right:20px; width:calc(100% - 40px); } .field--success{ width:calc(100% - 40px); margin-left:20px; margin-right:20px; padding:.5em 1em; font-weight:700; font-size:1.5rem; background:#effbfd; color:#65bdd0; } .field__info{ margin-top:5px; font-size:1.2rem; font-style:italic; line-height:1.4; color:#888; } .field__error{ display:block; margin:1em 0; } .field__small-error{ padding-top:4px; color:#da4141; } .field__pwdlost{ text-align:right; margin-top:7px; } .field__pwdlost a, .field__pwdlost span.js_nav{ font-size:1.3rem; font-weight:500; text-decoration:underline; transition:.2s ease all; cursor:pointer; } .field__pwdlost a:hover, .field__pwdlost span.js_nav:hover{ color:#75c5d7; } .field #dZUpload{ margin:15px 0; padding:25px; text-align:center; border:2px dashed #c1c1c1; border-radius:10px; cursor:pointer; } .field .dZUpload__msg{ display:flex; flex-direction:column; align-items:center; font-style:italic; color:#999; } .field .dZUpload__msg img{ margin-bottom:15px; } .field .dz-preview{ display:flex; padding-left:28px; background:url(/Images/check.svg) no-repeat left center; background-size:20px 14px; } .field .dz-preview+.dz-preview{ margin-top:3px; } .field .dz-details{ display:flex; } .field .dz-filename{ padding:0 10px; } .field .dz-remove{ display:flex; align-items:center; transition:.3s ease color; } .field .dz-remove:hover{ color:#999; } .field .dz-image, .field .dz-success-mark, .field .dz-error-mark{ display:none; } .field #dZUpload .dz-message{ position:static; top:auto; } .field .dropzone-previews .dz-progress{ display:none!important; top:auto; } .field .dropzone-previews .dz-remove{ width:auto; height:auto; position:static; top:auto; right:auto; background-color:transparent; border-radius:0; } .star-rating{ position:relative; width:99px; height:18px; background:url(/Images/stars-off.svg) no-repeat 0 0; } .star-rating span{ position:absolute; top:0; left:0; height:18px; background:url(/Images/stars-on.svg) no-repeat 0 0; } .star-rating--orange span{ background:url(/Images/stars-orange-on.svg) no-repeat 0 0; } .star-rating--small{ width:77px; height:14px; background-size:77px 14px; } .star-rating--small span{ height:14px; background-size:77px 14px; } .breadcrumbs{ display:flex; flex-wrap:wrap; margin:0 0 20px; color:var(--color-blue); font-size:1.6rem; line-height:1.2; } .breadcrumbs a{ font-weight:700; color:var(--color-blue); text-decoration-line:underline; text-decoration-color:transparent; text-underline-offset:3px; text-decoration-thickness:1px; transition:.1s ease all; } .breadcrumbs a:hover, .breadcrumbs a:focus{ text-decoration-color:var(--color-blue); } @media(min-width:992px){ .breadcrumbs li:not(:first-child)::before{ content:"/"; padding:0 4px; font-weight:700; } } @media(max-width:991px){ .breadcrumbs li:not(.is-active){ display:none; } .breadcrumbs li.is-active{ display:flex; align-items:center; gap:6px; } .breadcrumbs li.is-active::before{ content:""; width:6px; height:10px; background:url(/Images/arrow-li.svg) no-repeat 0 0; transform:rotate(180deg); flex-shrink:0; } } .top-promos{ display:grid; gap:15px; } @media(min-width:480px){ .top-promos{ grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); } } @media(min-width:992px){ .top-promos{ grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); } } @media(min-width:1200px){ .top-promos{ grid-template-columns:repeat(auto-fill,minmax(255px,1fr)); gap:20px; } } .toppromo{ position:relative; display:flex; flex-direction:column; gap:20px; padding:15px; border-radius:10px; background:#fff; border:1px solid var(--color-midgrey); transition:.2s ease all; } .toppromo:hover{ box-shadow:0 8px 24px rgba(0,0,0,.08); background:#fff; } .toppromo__head{ position:relative; } .toppromo__tag{ position:absolute; top:0; right:0; display:inline-flex; padding:4px 12px; border-radius:50px; font-size:1.3rem; font-weight:500; background:var(--color-charcoal); color:#fff; } .toppromo__body{ z-index:2; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:10px; width:100%; flex:1; } .toppromo__img{ margin:0; display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:2/1; border-radius:20px; padding:10px; background:#fff; overflow:hidden; overflow:hidden; } @media(min-width:480px){ .toppromo__img{ aspect-ratio:1/1; } } .toppromo__img img{ display:block; max-height:100%; max-width:100%; } .toppromo__title{ color:#000; font-size:1.8rem; line-height:1.25; font-weight:600; } .toppromo__title a::before{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:3; } .toppromo__pricing{ display:flex; width:100%; } .toppromo__price{ flex:1; font-size:2.375rem; line-height:1; font-weight:700; color:var(--color-orange); } .toppromo__price span{ position:relative; top:-.35em; padding-left:4px; font-size:.65em; font-weight:600; } .toppromo__reduc{ display:inline-flex; padding:3px 10px; border-radius:50px; font-size:1.8rem; font-weight:700; background:var(--color-green); color:#fff; } .pagin{ display:flex; justify-content:center; align-items:center; font-size:1.3rem; font-weight:500; } @media(min-width:768px){ .pagin{ justify-content:flex-end; } } .pagin a, .pagin .pagin__current-on-total, .pagin span.pagin__current-page{ margin:0 2px; padding:8px 14px; background:#e6e6e6; border-radius:50px; line-height:1; transition:.1s ease-in-out background; } .pagin a:hover, .pagin a:focus{ background:#efefef; } .pagin .pagin__current-on-total{ margin:0 8px 0 0; background:var(--color-lightgrey); color:var(--color-dark-charcoal); } .pagin .pagin__current-on-total:last-child{ margin-right:0; } .pagin .pagin__next-page{ margin:0 0 0 8px; } .pagin .pagin__next-page::after{ content:" »"; } .pagin .pagin__previous-page{ margin:0 8px 0 2px; } .pagin .pagin__previous-page::before{ content:"« "; } .pagin .pagin__pages{ margin-left:0; } @media(max-width:767px){ .pagin .pagin__pages{ display:none; } } .pagin .pagin__current-page{ font-weight:700; } .pagin [disabled=disabled]{ cursor:default; } .pagin [disabled=disabled]:hover{ background:#e6e6e6; } @media(max-width:575px){ .pagin a:not(.pagin__current-page):not(.pagin__next-page):not(.pagin__previous-page){ display:none; } } @media(max-width:479px){ .pagin a.pagin__next-page span, .pagin a.pagin__previous-page span{ display:none; } } .pagin--center{ justify-content:center; } @media(max-width:479px){ .pagin--top a.pagin__next-page{ margin-left:5px; } .pagin--top a.pagin__previous-page{ margin-right:5px; } } @media(max-width:767px){ .pagin--top{ padding-top:15px; justify-content:flex-end; } } @media(min-width:992px) and (max-width:1199px){ .with-navuniv .pagin--top{ padding-top:15px; } } @media(max-width:1199px){ .pagin--top a.pagin__next-page span, .pagin--top a.pagin__previous-page span{ display:none; } } .catalog--family+.outro{ margin-top:50px; } @media(max-width:1199px){ .catalog__filters-form{ display:flex; flex-direction:column; } } .catalog--family .catalog__filters-form{ margin-top:30px; } .filters{ position:relative; display:flex; gap:20px; flex-direction:column; } .filters__title{ position:relative; margin-bottom:15px; font-size:1.8rem; font-weight:700; line-height:1; } .filters__reset{ display:flex; justify-content:flex-end; } .filters__reset button{ display:flex; align-items:center; gap:6px; margin:0; padding:7px 15px; border:1px solid var(--color-blue); border-radius:50px; font-weight:500; background:transparent; color:var(--color-blue); transition:.15s ease-in-out all; line-height:1; } .filters__reset button:hover{ border-color:#349bb2; color:#349bb2; } .filters__list{ display:flex; flex-wrap:wrap; margin-top:15px; } @media(max-width:1199px){ .filters__list{ gap:10px; } } @media(min-width:1200px){ .filters__list{ margin-top:30px; flex-direction:column; } } .family-filter{ position:relative; background:#fff; border:1px solid var(--color-midgrey); border-radius:5px; transition:.15s ease all; } @media(max-width:1199px){ .family-filter:is(.is-open,.is-selected){ border-color:var(--color-blue); background:#e0f8fd; } } @media(min-width:1200px){ .family-filter{ border-width:1px 0 0; border-radius:0; } } .family-filter>span{ position:relative; display:block; width:100%; padding:5px 30px 5px 10px; font-weight:600; font-size:1.4rem; color:#000; cursor:pointer; } .family-filter>span::after{ content:""; position:absolute; top:calc(50% - 2px); right:10px; width:10px; height:6px; background:url(/Images/select.svg) no-repeat 0 0; transition:.15s ease transform; } @media(min-width:1200px){ .family-filter>span{ padding:15px 32px 15px 0; font-size:1.5rem; font-weight:700; } } @media(min-width:1200px){ .family-filter.is-selected>span{ color:var(--color-blue); } } .family-filter.is-selected>span::before{ content:""; position:absolute; top:calc(50% - 4px); right:10px; width:12px; height:9px; background:url(/Images/check-loggedin.svg) no-repeat 0 0; } .family-filter.is-selected>span::after{ content:none; } .family-filter.is-open>span::after{ transform:scaleY(-1); } .family-filter__popin{ display:none; transition:.15s ease all; background:#fff; } .is-open .family-filter__popin{ display:block; } @media(max-width:1199px){ .family-filter__popin{ position:absolute; z-index:25; top:calc(100% + 10px); left:-1px; min-width:calc(100% + 2px); border:1px solid var(--color-midgrey); border-radius:5px; transition:.15s ease all; } } .family-filter__popin:has(.family-filter__range){ min-width:240px; } .family-filter__choices{ max-height:250px; margin-bottom:15px; padding:15px 0 0; overflow-y:auto; overflow-x:hidden; scrollbar-width:thin; scrollbar-color:#ccc transparent; } @media(max-width:1199px){ .family-filter__choices{ padding:12px 12px 6px; } } .family-filter:has(.family-filter__submit__help) .family-filter__choices{ max-height:200px; } .family-filter__choices li{ display:flex; line-height:1.2; } .family-filter__choices li:not(:last-child){ margin-bottom:10px; } .family-filter__choices li input[type=checkbox]{ margin-right:8px; flex-shrink:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; height:16px; width:16px; background-color:#fff; border:1px solid #ddd; border-radius:2px; cursor:pointer; transition:.1s ease border-color; } .family-filter__choices li input[type=checkbox]:hover{ border-color:var(--color-blue); } .family-filter__choices li input[type=checkbox]:checked{ background:var(--color-blue) url(/Images/check-white.svg) no-repeat center; border-color:var(--color-blue); } .family-filter__choices li label{ cursor:pointer; white-space:nowrap; } @-moz-document url-prefix(){.family-filter__choices li label{padding-right:10px;}} .family-filter__choices p{ text-align:center; } .family-filter__choices select{ position:relative; display:block; width:100%; margin-bottom:10px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:#fff; border:1px solid #ccc; border-radius:5px; padding:7px 30px 7px 10px; font-size:1.4rem; line-height:1; color:#333; background:#fff url(/Images/select.svg) no-repeat right 10px center; cursor:pointer; } .family-filter__choices select:focus{ border-color:var(--color-blue); outline:0; box-shadow:0 0 5px rgba(var(--color-blue-rgb),.6); } .family-filter__submit{ display:flex; flex-direction:column; gap:10px; padding:0 12px 12px; } @media(min-width:1200px){ .family-filter__submit{ padding-bottom:15px; } } .family-filter__submit__help{ text-align:center; font-size:1.1rem; line-height:1.25; color:var(--color-grey); } @media(max-width:1199px){ .family-filter__submit__help{ width:150px; } } .family-filter__range{ display:flex; justify-content:space-between; } .family-filter__range>div{ width:calc(50% - 10px); } .family-filter__range>div:last-child{ text-align:right; } .family-filter__range>div input[type=text], .family-filter__range>div input[type=number]{ display:block; width:100%; margin-bottom:3px; padding:8px 10px; border:1px solid var(--color-midgrey); border-radius:5px; } .family-filter__range>div input[type=text]:focus, .family-filter__range>div input[type=number]:focus{ outline:0; border-color:var(--color-blue); box-shadow:0 0 5px rgba(var(--color-blue-rgb),.6); } .family-filter__range>div input[type=number]::-webkit-inner-spin-button, .family-filter__range>div input[type=number]::-webkit-outer-spin-button{ opacity:1; } .family-filter__range>div span{ display:block; font-size:1.2rem; color:var(--color-grey); } .catalog--subfamily{ position:relative; display:grid; grid-template-columns:1fr; } @media(min-width:1200px){ .catalog--subfamily{ grid-template-columns:230px 1fr; -moz-column-gap:30px; column-gap:30px; } } @media(max-width:1199px){ .catalog--subfamily .catalog__products{ padding-top:20px; } } @media(min-width:1200px){ .catalog--subfamily .catalog__products{ padding-top:60px; } } .products{ display:grid; gap:15px; } @media(min-width:480px){ .products{ grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); } } @media(min-width:992px){ .products{ grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:20px; } } @media(min-width:1200px){ .products{ grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); } } .products__item{ width:100%; } .products__message{ grid-column:1/-1; padding:15px; border-radius:5px; background:var(--color-lightgrey); text-align:center; font-size:1.6rem; } .productCard{ align-self:stretch; display:flex; flex-direction:column; position:relative; width:100%; padding:15px; border-radius:10px; transition:.2s ease all; background:#fff; border:1px solid var(--color-midgrey); transition:.3s ease all; } .catalog__products .productCard{ height:100%; } .productCard:hover{ box-shadow:0 8px 24px rgba(0,0,0,.08); border-color:var(--color-grey); } .productCard__content{ display:flex; flex-direction:column; height:100%; position:relative; z-index:2; } .productCard__img{ position:relative; display:flex; align-items:center; justify-content:center; margin:0 0 10px; aspect-ratio:2/1; overflow:hidden; } @media(min-width:480px){ .productCard__img{ aspect-ratio:1/1; margin:0 0 15px; } } .productCard__img img{ display:block; max-height:100%; max-width:100%; } .productCard__reduc{ position:absolute; top:0; right:0; z-index:2; padding:3px 10px; border-radius:50px; font-size:2.4rem; font-weight:700; font-size:1.6rem; background:var(--color-green); color:#fff; } .productCard__head{ display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin-bottom:5px; flex:1; } .productCard__rating{ display:flex; align-items:center; justify-content:flex-start; gap:8px; } .productCard__rating--hidden{ display:none; } .productCard__rating__num{ font-size:1.2rem; font-weight:500; line-height:1; color:var(--color-softgrey); transition:.15s ease color; } .productCard__rating>a:hover .productCard__rating__num{ color:var(--color-charcoal); } .productCard__name{ font-weight:600; font-size:1.5rem; line-height:1.25; color:#000; } @media(min-width:480px){ .productCard__name{ font-size:1.75rem; } } .productCard__name a{ color:#000; } .productCard__name a::before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; } .productCard__price{ margin-top:auto; font-weight:700; font-size:2rem; color:var(--color-orange); } .productCard__price del{ padding-left:5px; color:var(--color-softgrey); font-size:1.25rem; font-weight:500; } .productCard__price del span::before{ content:" "; } .productCard__price__value span{ position:relative; top:-.35em; padding-left:4px; font-size:.65em; font-weight:600; } .productCard__ref{ display:flex; padding:3px 10px; border-radius:50px; background:var(--color-lightgrey); font-size:1.2rem; font-weight:500; line-height:1; color:var(--color-charcoal); } .productCard__body{ display:flex; flex-direction:column; gap:10px; } .productCard__desc{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:1.2rem; line-height:1.3; text-align:left; color:var(--color-softgrey); } @media(min-width:480px){ .productCard__desc{ min-height:45px; font-size:1.3rem; -webkit-line-clamp:3; } } .productCard__brand{ position:absolute; bottom:0; left:0; z-index:2; } .productCard__brand img{ display:block; max-width:70px; max-height:30px; } .productCard__buy{ position:relative; z-index:3; display:flex; width:100%; justify-content:flex-start; } .productCard__buy>.LnkAcheter{ display:flex; align-items:center; justify-content:center; width:100%; padding:8px 12px; border-radius:5px; gap:6px; text-decoration:none; border:0; cursor:pointer; background:#000; color:#fff; font-size:1.5rem; font-weight:600; transition:background .3s ease; } .productCard__buy>.LnkAcheter:hover{ background:var(--color-charcoal-dark); } .productCard__buy>.LnkAcheter:disabled, .productCard__buy>.LnkAcheter[disabled=disabled]{ background:var(--color-midgrey); pointer-events:none; } .productCard__buy__toggle::after{ content:""; width:20px; height:20px; background:url(/Images/arrow-btn.svg) no-repeat 0 0; background-size:20px 20px; transition:.3s ease all; } .productCard__buy__toggle.is-open::after{ transform:rotate(180deg); } .productCard__buy__toggle.is-loading{ opacity:.5; cursor:wait; } .productCard__removefav{ position:relative; z-index:3; } .productCard__removefav>span{ display:flex; align-items:center; justify-content:center; width:100%; padding:8px 12px; border-radius:5px; gap:8px; text-decoration:none; border:0; cursor:pointer; background:var(--color-lightblue-mid); color:#000; font-size:1.5rem; font-weight:600; transition:background .3s ease; } .productCard__removefav>span:hover{ background:var(--color-lightblue-mid-hover); } .productCard__dispo{ display:flex; align-items:center; justify-content:flex-start; font-size:1.3rem; font-weight:600; gap:5px; } .productCard__dispo::before{ content:""; width:8px; height:8px; border-radius:8px; background:var(--color-green); } .productCard__dispo.dispo_warning::before{ background:var(--color-gold-dark); } .productCard__actions{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding-top:10px; margin-top:auto; transition:.15s ease all; } .productCard__actions__removefav{ padding-top:10px; width:100%; } .productCard__actions__removefav.is-hidden{ display:none!important; } .productCard__actions__removefav a{ display:flex; align-items:center; } .productCard__actions__removefav a img{ margin-right:3px; } .productCard__actions__selectchoice{ position:absolute; bottom:100%; right:0; left:0; max-height:300px; overflow-y:auto; overflow-x:hidden; scrollbar-width:thin; scrollbar-color:#ccc transparent; background:#fff; border:1px solid #dedede; border-radius:5px; box-shadow:0 0 10px -6px; } .productCard__actions__selectchoice li{ display:block; width:100%; text-align:left; line-height:1.1; } .productCard__actions__selectchoice li.select-label{ position:sticky; top:0; left:0; right:0; z-index:2; padding:6px 10px; font-weight:500; background:#9ba5a8; color:#fff; } .productCard__actions__selectchoice li.is-critere:nth-child(odd) a{ background:var(--color-lightgrey); } .productCard__actions__selectchoice li.is-critere span{ position:relative; width:100%; display:block; padding:6px 37px 6px 10px; transition:.15s all ease; cursor:pointer; } .productCard__actions__selectchoice li.is-critere span::after{ content:""; position:absolute; top:calc(50% - 8px); right:10px; width:20px; height:20px; background:url(/Images/cart.svg) no-repeat 0 0; background-size:20px 20px; transition:.2s all ease; } .productCard__actions__selectchoice li.is-critere span span:nth-child(1){ font-weight:700; font-size:1.5rem; } .productCard__actions__selectchoice li.is-critere span span:nth-child(2){ display:block; font-size:1.3rem; } .productCard__actions__selectchoice li.is-critere span span:nth-child(3){ display:block; padding-top:3px; font-size:1.2rem; font-style:italic; color:var(--color-grey); transition:.2s all ease; } .productCard__actions__selectchoice li.is-critere span:not([disabled=disabled]):hover{ background:var(--color-blue); color:#fff; } .productCard__actions__selectchoice li.is-critere span:not([disabled=disabled]):hover span:nth-child(3){ color:rgba(255,255,255,.65); } .productCard__actions__selectchoice li.is-critere span:not([disabled=disabled]):hover::after{ filter:grayscale(1) invert(1); } .productCard__actions__selectchoice li.is-critere span[disabled=disabled]{ opacity:.5; cursor:default; } .productCard__actions__selectchoice li.is-critere span[disabled=disabled]::after{ content:none; } .sorting{ position:relative; padding-bottom:20px; border-bottom:1px solid #efefef; } .catalog--family .sorting{ flex:1; margin-bottom:20px; } @media(min-width:768px){ .sorting{ display:flex; align-items:center; justify-content:space-between; } } @media(max-width:1199px){ .catalog--subfamily .sorting{ order:2; border-top:1px solid #efefef; margin-top:20px; padding-top:20px; } } @media(min-width:1200px){ .catalog--subfamily .sorting{ position:absolute; top:0; left:260px; right:0; margin:0; padding:0; border:0; } } @media(max-width:575px){ .sorting__selects{ display:grid; grid-template-columns:1fr 1fr; gap:20px; } } @media(min-width:576px){ .sorting__selects{ display:flex; align-items:center; } } @media(min-width:576px){ .sorting__select{ display:flex; align-items:center; padding-right:20px; } } .sorting__select select{ position:relative; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:#fff; border:1px solid var(--color-midgrey); border-radius:50px; padding:7px 30px 7px 15px; font-size:1.4rem; line-height:1; color:var(--color-dark-charcoal); background:#fff url(/Images/select.svg) no-repeat right 10px center; cursor:pointer; } @media(max-width:575px){ .sorting__select select{ width:100%; } } @media(min-width:576px){ .sorting__select select{ max-width:150px; } } .sorting__select select:focus{ border-color:var(--color-blue); outline:0; box-shadow:0 0 5px rgba(var(--color-blue-rgb),.6); } .sorting__select__label{ font-weight:700; } @media(max-width:575px){ .sorting__select__label{ display:block; margin-bottom:5px; } } @media(min-width:576px){ .sorting__select__label{ padding-right:6px; } } .recap__title{ font-size:1.8rem; font-size:clamp(1.8rem,1.75rem + .15625vw,2rem); position:relative; margin-bottom:20px; min-height:51px; padding:15px 20px 15px 55px; line-height:1.2; border-radius:10px; background:rgba(var(--color-green-rgb),.2); color:var(--color-green); border:1px solid rgba(var(--color-green-rgb),.5); } .recap__title strong{ font-weight:700; } .recap__title::before{ content:""; position:absolute; top:17px; left:15px; width:25px; height:25px; border-radius:25px; background:var(--color-green) url(/Images/check-white.svg) no-repeat center; background-size:15px 11px; flex-shrink:0; } .recap__alert{ position:relative; margin-bottom:20px; padding:15px 20px 15px 55px; border-radius:10px; background:var(--color-lightblue-soft); border:1px solid rgba(var(--color-blue-rgb),.5); } .recap__alert::before{ content:""; position:absolute; top:17px; left:15px; width:25px; height:25px; border-radius:25px; background:var(--color-blue) url(/Images/info.svg) no-repeat center; } .recap__alert__title{ font-size:1.8rem; font-size:clamp(1.8rem,1.75rem + .15625vw,2rem); margin-bottom:10px; font-weight:700; line-height:1.3; color:var(--color-blue); } .recap__alert__title br{ display:none; } .recap__alert__text{ font-size:1.6rem; } .recap__alert__text p:not(:last-child){ margin-bottom:15px; } .recap__alert__text p:not(:first-child){ padding-top:15px; border-top:1px solid rgba(117,197,215,.5); } .recap__product{ margin-bottom:20px; padding:20px; border-radius:10px; background:#fff; border:1px solid var(--color-midgrey); } @media(min-width:480px){ .recap__product{ display:flex; flex-wrap:wrap; align-items:flex-start; } } .recap__product__img{ display:flex; justify-content:center; align-items:center; flex-shrink:0; width:100px; height:100px; margin:0 auto; background:#fff; overflow:hidden; } .recap__product__img img{ display:block; max-height:100%; } .recap__product__img img[src*="placeholder_noresult.svg"]{ transform:scale(1.5); } .recap__product__details{ display:flex; flex-direction:column; align-items:flex-start; gap:5px; } @media(max-width:479px){ .recap__product__details{ padding:20px 0 0; align-items:center; text-align:center; } } @media(min-width:480px){ .recap__product__details{ flex:1; padding:0 0 0 20px; } } .recap__product__prices{ width:100%; } @media(max-width:479px){ .recap__product__prices{ padding-top:10px; text-align:center; } } @media(min-width:480px) and (max-width:575px){ .recap__product__prices{ padding:10px 0 0 120px; } } @media(min-width:576px){ .recap__product__prices{ width:170px; text-align:right; } } .recap__product__title{ margin-bottom:5px; font-weight:600; font-size:1.75rem; color:#000; } .recap__product__ref{ display:block; margin-bottom:5px; display:flex; padding:3px 10px; border-radius:50px; background:var(--color-lightgrey); font-size:1.2rem; font-weight:500; line-height:1; color:var(--color-charcoal); } .recap__product__price{ color:var(--color-orange); font-weight:700; font-size:2.2rem; line-height:1; } .recap__product__price>span>sup, .recap__product__price>span>span{ position:relative; top:-.35em; padding-left:4px; font-size:.65em; font-weight:600; } .recap__product__infos{ color:var(--color-grey); font-size:1.3rem; } .recap__product__reduc{ margin-top:.5em; font-weight:700; font-size:1.6rem; color:var(--color-orange); } .recap__product__reduc>span>sup{ position:relative; top:-.35em; padding-left:4px; font-size:.65em; font-weight:600; } .recap__product__reduc strong{ display:block; font-size:1.3rem; font-weight:400; color:#000; } .recap__actions{ display:flex; align-items:center; justify-content:center; } @media(max-width:479px){ .recap__actions{ flex-direction:column; } .recap__actions>*+*{ margin-top:20px; } } @media(min-width:480px){ .recap__actions>*+*{ margin-left:20px; } } .seolinks{ padding:30px 0; background:var(--color-lightgrey); } .seolinks a{ text-decoration:none; } .seolinks__layout{ position:relative; z-index:21; display:flex; gap:30px; } @media(max-width:1199px){ .seolinks__layout{ flex-direction:column; } } .seolinks__col{ flex:1; padding:20px; border-radius:10px; background:var(--color-charcoal); } @media(min-width:576px){ .seolinks__col{ padding:30px; } } .seolinks__header{ display:flex; align-items:flex-start; justify-content:space-between; flex-direction:column; gap:20px; margin-bottom:30px; } @media(min-width:576px){ .seolinks__header{ flex-direction:row; align-items:center; } } .seolinks__more{ display:inline-flex; padding:10px 20px; background:#fff; } .seolinks__title{ font-size:2.4rem; font-size:clamp(2.4rem,2.3rem + .3125vw,2.8rem); line-height:1; font-weight:300; color:var(--color-blue); } .seolinks__btn{ display:inline-flex; padding:5px 15px; background:#fff; color:var(--color-dark-charcoal); border-radius:50px; text-decoration:none; text-align:center; font-size:1.3rem; font-weight:600; transition:.1s ease all; } .seolinks__btn:hover, .seolinks__btn:focus{ background:var(--color-blue); color:#fff; } .seolinks__contextual{ padding:20px 0; } .seolinks__list{ position:relative; } .seolinks__list::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:30px; background:linear-gradient(to top,var(--color-charcoal),rgba(var(--color-charcoal-rgb),0)); pointer-events:none; } .seolinks__links{ position:relative; display:flex; flex-wrap:wrap; -moz-column-gap:8px; column-gap:8px; row-gap:10px; max-height:185px; padding-bottom:20px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.15) transparent; } .seolinks__links a{ display:inline-flex; padding:3px 12px; border-radius:50px; text-decoration:none; font-size:1.3rem; font-weight:500; background:rgba(255,255,255,.1); color:#fff; transition:.1s ease all; } .seolinks__links a:hover, .seolinks__links a:focus{ background:#fff; color:var(--color-dark-charcoal); } .fevad{ position:relative; background:#2a363b; padding:50px 0; } .fevad__layout{ position:relative; z-index:2; display:grid; align-items:center; grid-template-columns:1fr; max-width:1000px; margin:0 auto; } @media(min-width:768px){ .fevad__layout{ grid-template-columns:1fr 1fr; gap:50px; } } .fevad__content{ font-size:1.6rem; color:#fff; } @media(max-width:767px){ .fevad__content{ margin-bottom:35px; } } .fevad__content p:first-child{ margin-bottom:1em; } @media(max-width:767px){ .fevad__content p:first-child{ text-align:center; } } .fevad__content p:last-child{ display:flex; align-items:flex-start; gap:20px; } .fevad__content p:last-child img{ flex-shrink:0; } @media(max-width:767px){ .fevad__content p:last-child{ max-width:400px; margin:0 auto; } } .fevad__content strong{ color:var(--color-blue); font-size:1.8rem; } .fevad__pictos{ margin:0; } .fevad__pictos img{ display:block; margin:0 auto; }