html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

:root{
    --pistache: #b9cc14;
    --bg-page: #f7f7f7;
    --beige: #e5ddd5;
    --beige-rgb: 229,221,213;
    --black: #000;
    --black-rgb: 0,0,0;
    --blue: #039be5;
    --blue-rgb: 3,155,229;
    --blue-light: #00a5f4;
    --blue-light-rgb: 0,165,244;
    --blue-ocean: #aadaff;
    --blue-ocean-rgb: 170,218,255;
    --blue-sky: #9de1fe;
    --blue-sky-rgb: 157,225,254;
    --dark: #263238;
    --dark-rgb: 38,50,56;
    --gray-30: #f7f7f7;
    --gray-30-rgb: 247,247,247;
    --gray-60: #f0f0f0;
    --gray-60-rgb: 240,240,240;
    --gray-70: #ededed;
    --gray-70-rgb: 237,237,237;
    --gray-100: #e6e6e6;
    --gray-100-rgb: 230,230,230;
    --gray-150: #d9d9d9;
    --gray-150-rgb: 217,217,217;
    --gray-200: #ccc;
    --gray-200-rgb: 204,204,204;
    --gray-300: #b3b3b3;
    --gray-300-rgb: 179,179,179;
    --gray-400: #999;
    --gray-400-rgb: 153,153,153;
    --gray-500: grey;
    --gray-500-rgb: 128,128,128;
    --gray-600: #666;
    --gray-600-rgb: 102,102,102;
    --gray-700: #4a4a4a;
    --gray-700-rgb: 74,74,74;
    --gray-800: #303030;
    --gray-800-rgb: 48,48,48;
    --gray-850: #262626;
    --gray-850-rgb: 38,38,38;
    --gray-900: #1a1a1a;
    --gray-900-rgb: 26,26,26;
    --green: #07bc4c;
    --green-rgb: 7,188,76;
    --green-deep: #1b9a59;
    --green-deep-rgb: 27,154,89;
    --orange: #ffad20;
    --orange-rgb: 255,173,32;
    --pale-blue-green: #ecfaf5;
    --pale-blue-green-rgb: 236,250,245;
    --pale-green: #dcf8c6;
    --pale-green-rgb: 220,248,198;
    --pale-yellow: #fff5c4;
    --pale-yellow-rgb: 255,245,196;
    --red: #d70000;
    --red-rgb: 215,0,0;
    --red-light: #f44336;
    --red-light-rgb: 244,67,54;
    --teal: #009688;
    --teal-rgb: 0,150,136;
    --teal-light: #1de9b6;
    --teal-light-rgb: 29,233,182;
    --teal-lighter: #00bfa5;
    --teal-lighter-rgb: 0,191,165;
    --white: #fff;
    --white-rgb: 255,255,255;
    --yellow: #fed859;
    --yellow-rgb: 254,216,89;
    --active-tab-marker: #009688;
    --active-tab-marker-rgb: 0,150,136;
    --app-background: #dddbd1;
    --app-background-rgb: 221,219,209;
    --app-background-deeper: #d2dbdc;
    --app-background-deeper-rgb: 210,219,220;
    --app-background-stripe: #009688;
    --app-background-stripe-rgb: 0,150,136;
    --attach-media-drop-border: rgba(0,0,0,0.3);
    --attach-media-drop-border-rgb: 0,0,0;
    --attach-media-drop-overlay: hsla(0,0%,100%,0.6);
    --attach-media-drop-overlay-rgb: 255,255,255;
    --audio-progress-incoming: #31c76a;
    --audio-progress-incoming-rgb: 49,199,106;
    --audio-progress-outgoing: #889a7b;
    --audio-progress-outgoing-rgb: 136,154,123;
    --audio-progress-played-incoming: #30b6f6;
    --audio-progress-played-incoming-rgb: 48,182,246;
    --audio-progress-played-outgoing: #2ab5eb;
    --audio-progress-played-outgoing-rgb: 42,181,235;
    --audio-track-incoming: #e6e6e6;
    --audio-track-incoming-rgb: 230,230,230;
    --audio-track-outgoing: #c6dfb2;
    --audio-track-outgoing-rgb: 198,223,178;
    --avatar-background: #e6e6e6;
    --avatar-background-rgb: 230,230,230;
    --avatar-border: #fff;
    --avatar-border-rgb: 255,255,255;
    --avatar-placeholder-background: #dfe5e7;
    --avatar-placeholder-background-rgb: 223,229,231;
    --avatar-placeholder-primary: #fff;
    --avatar-placeholder-primary-rgb: 255,255,255;
    --background-default: #fff;
    --background-default-rgb: 255,255,255;
    --background-default-active: #ebebeb;
    --background-default-active-rgb: 235,235,235;
    --background-default-hover: #f5f5f5;
    --background-default-hover-rgb: 245,245,245;
    --badge-icon: #fff;
    --badge-icon-rgb: 255,255,255;
    --badge-pending: #00bfa5;
    --badge-pending-rgb: 0,191,165;
    --border-bubble: rgba(0,0,0,0.06);
    --border-bubble-rgb: 0,0,0;
    --border-default: #f0f0f0;
    --border-default-rgb: 240,240,240;
    --border-list: #f2f2f2;
    --border-list-rgb: 242,242,242;
    --border-panel: rgba(0,0,0,0.05);
    --border-panel-rgb: 0,0,0;
    --border-strong: #d9d9d9;
    --border-strong-rgb: 217,217,217;
    --border-stronger: rgba(0,0,0,0.08);
    --border-stronger-rgb: 0,0,0;
    --bubble-meta: rgba(0,0,0,0.45);
    --bubble-meta-rgb: 0,0,0;
    --bubble-meta-icon: rgba(0,0,0,0.3);
    --bubble-meta-icon-rgb: 0,0,0;
    --butterbar-battery-background: #fa685e;
    --butterbar-battery-background-rgb: 249.69711,103.94798,93.50289;
    --butterbar-battery-icon: hsla(0,0%,100%,0.9);
    --butterbar-battery-icon-rgb: 255,255,255;
    --butterbar-battery-primary: #fff;
    --butterbar-battery-primary-rgb: 255,255,255;
    --butterbar-battery-secondary: #fff;
    --butterbar-battery-secondary-rgb: 255,255,255;
    --butterbar-connection-background: #fed859;
    --butterbar-connection-background-rgb: 254,216,89;
    --butterbar-connection-primary: rgba(48,48,48,0.96);
    --butterbar-connection-primary-rgb: 48,48,48;
    --butterbar-connection-secondary: rgba(48,48,48,0.85);
    --butterbar-connection-secondary-rgb: 48,48,48;
    --butterbar-default-background: #9de1fe;
    --butterbar-default-background-rgb: 157,225,254;
    --butterbar-fatal-background: #fed859;
    --butterbar-fatal-background-rgb: 254,216,89;
    --butterbar-fatal-primary: rgba(48,48,48,0.96);
    --butterbar-fatal-primary-rgb: 48,48,48;
    --butterbar-fatal-secondary: rgba(48,48,48,0.75);
    --butterbar-fatal-secondary-rgb: 48,48,48;
    --butterbar-icon: hsla(0,0%,100%,0.9);
    --butterbar-icon-rgb: 255,255,255;
    --butterbar-notice-background: #e2f2ef;
    --butterbar-notice-background-rgb: 226,242,239;
    --butterbar-notice-circle: #fff;
    --butterbar-notice-circle-rgb: 255,255,255;
    --butterbar-notice-icon: #6fb9b0;
    --butterbar-notice-icon-rgb: 111,185,176;
    --butterbar-notice-smb-background: #d8e9f2;
    --butterbar-notice-smb-background-rgb: 216,233,242;
    --butterbar-notice-smb-circle: #fff;
    --butterbar-notice-smb-circle-rgb: 255,255,255;
    --butterbar-notice-smb-icon: #3a5564;
    --butterbar-notice-smb-icon-rgb: 58,85,100;
    --butterbar-notification-icon: hsla(0,0%,100%,0.9);
    --butterbar-notification-icon-rgb: 255,255,255;
    --butterbar-primary: rgba(48,48,48,0.96);
    --butterbar-primary-rgb: 48,48,48;
    --butterbar-secondary: rgba(48,48,48,0.85);
    --butterbar-secondary-rgb: 48,48,48;
    --butterbar-update-background: #1de9b6;
    --butterbar-update-background-rgb: 29,233,182;
    --butterbar-update-icon: hsla(0,0%,100%,0.9);
    --butterbar-update-icon-rgb: 255,255,255;
    --button-alternative: #00a5f4;
    --button-alternative-rgb: 0,165,244;
    --button-alternative-background: #fff;
    --button-alternative-background-rgb: 255,255,255;
    --button-background-disabled: #e6e6e6;
    --button-background-disabled-rgb: 230,230,230;
    --button-bubble: rgba(0,150,136,0.7);
    --button-bubble-rgb: 0,150,136;
    --button-plain-background: #fff;
    --button-plain-background-rgb: 255,255,255;
    --button-primary: #fff;
    --button-primary-rgb: 255,255,255;
    --button-primary-background: #05cd51;
    --button-primary-background-rgb: 5.44623,204.85377,81.46347;
    --button-primary-background-hover: #06d253;
    --button-primary-background-hover-rgb: 5.57831,209.82169,83.43905;
    --button-round-background: #09e85e;
    --button-round-background-rgb: 8.64769,232.25231,93.88923;
    --button-secondary: #07bc4c;
    --button-secondary-rgb: 7,188,76;
    --button-secondary-background: #fff;
    --button-secondary-background-rgb: 255,255,255;
    --button-secondary-background-hover: #fff;
    --button-secondary-background-hover-rgb: 255,255,255;
    --button-secondary-hover: #05cd51;
    --button-secondary-hover-rgb: 5.44623,204.85377,81.46347;
    --chat-marker: #999;
    --chat-marker-rgb: 153,153,153;
    --chat-marker-admin: #07bc4c;
    --chat-marker-admin-rgb: 7,188,76;
    --chat-marker-admin-border: rgba(7,188,76,0.7);
    --chat-marker-admin-border-rgb: 7,188,76;
    --chat-marker-border: rgba(91,202,255,0.1);
    --chat-marker-border-rgb: 91,201.90164,255;
    --chatlist-icon: rgba(0,0,0,0.3);
    --chatlist-icon-rgb: 0,0,0;
    --checkbox-background: #009688;
    --checkbox-background-rgb: 0,150,136;
    --checkbox-mark: #fff;
    --checkbox-mark-rgb: 255,255,255;
    --chevron-button-background: rgba(0,0,0,0.35);
    --chevron-button-background-rgb: 0,0,0;
    --chip-button-background: #ecfaf5;
    --chip-button-background-rgb: 236,250,245;
    --chip-button-foreground: #009688;
    --chip-button-foreground-rgb: 0,150,136;
    --compose-input-background: #fff;
    --compose-input-background-rgb: 255,255,255;
    --compose-input-background-focused: #d4f1ff;
    --compose-input-background-focused-rgb: 212,241,255;
    --compose-input-border: #fff;
    --compose-input-border-rgb: 255,255,255;
    --compose-input-border-focused: #ccedfd;
    --compose-input-border-focused-rgb: 204,237,253;
    --compose-panel-background: #f0f0f0;
    --compose-panel-background-rgb: 240,240,240;
    --compose-panel-background-hover: #e6e6e6;
    --compose-panel-background-hover-rgb: 230,230,230;
    --compose-primary: #4a4a4a;
    --compose-primary-rgb: 74,74,74;
    --conversation-panel-background: #e5ddd5;
    --conversation-panel-background-rgb: 229,221,213;
    --conversation-panel-border: rgba(0,0,0,0.03);
    --conversation-panel-border-rgb: 0,0,0;
    --danger: #df3333;
    --danger-rgb: 223,51,51;
    --drawer-background: #ededed;
    --drawer-background-rgb: 237,237,237;
    --drawer-background-deep: #ededed;
    --drawer-background-deep-rgb: 237,237,237;
    --drawer-gallery-background: #ededed;
    --drawer-gallery-background-rgb: 237,237,237;
    --drawer-gallery-background-active: #dadada;
    --drawer-gallery-background-active-rgb: 218,218,218;
    --drawer-gallery-background-hover: #e4e4e4;
    --drawer-gallery-background-hover-rgb: 228,228,228;
    --drawer-header-title: #fff;
    --drawer-header-title-rgb: 255,255,255;
    --drawer-section-background: #fff;
    --drawer-section-background-rgb: 255,255,255;
    --dropdown-background: #fff;
    --dropdown-background-rgb: 255,255,255;
    --dropdown-background-hover: #f5f5f5;
    --dropdown-background-hover-rgb: 245,245,245;
    --empty-state-background: #e6e6e6;
    --empty-state-background-rgb: 230,230,230;
    --empty-state-icon: #fff;
    --empty-state-icon-rgb: 255,255,255;
    --ephemeral-nux-bubble: #00bfa5;
    --ephemeral-nux-bubble-rgb: 0,191,165;
    --ephemeral-nux-timer: #00bfa5;
    --ephemeral-nux-timer-rgb: 0,191,165;
    --focus: #00a5f4;
    --focus-rgb: 0,165,244;
    --focus-animation: rgba(0,165,244,0.22);
    --focus-animation-rgb: 0,165,244;
    --focus-animation-deeper: rgba(0,165,244,0.3);
    --focus-animation-deeper-rgb: 0,165,244;
    --focus-lighter: rgba(0,165,244,0.1);
    --focus-lighter-rgb: 0,165,244;
    --highlight: #009688;
    --highlight-rgb: 0,150,136;
    --icon: #919191;
    --icon-rgb: 145,145,145;
    --icon-ack: #4fc3f7;
    --icon-ack-rgb: 79,195,247;
    --icon-disabled: #c9c9c9;
    --icon-disabled-rgb: 201,201,201;
    --icon-fixed: #919191;
    --icon-fixed-rgb: 145,145,145;
    --icon-lighter: rgba(0,0,0,0.3);
    --icon-lighter-rgb: 0,0,0;
    --icon-search-back: #33b7f6;
    --icon-search-back-rgb: 51,183,246;
    --icon-strong: #333;
    --icon-strong-rgb: 51,51,51;
    --icon-bright-highlight: #00bfa5;
    --icon-bright-highlight-rgb: 0,191,165;
    --incoming-background: #fff;
    --incoming-background-rgb: 255,255,255;
    --incoming-background-deeper: #f0f0f0;
    --incoming-background-deeper-rgb: 240,240,240;
    --incoming-background-highlight: #ccc;
    --incoming-background-highlight-rgb: 204,204,204;
    --incoming-primary: #989898;
    --incoming-primary-rgb: 152,152,152;
    --input-border-active: #00bfa5;
    --input-border-active-rgb: 0,191,165;
    --input-border: rgba(0,0,0,0.15);
    --input-border-rgb: 0,0,0;
    --input-placeholder: #999;
    --input-placeholder-rgb: 153,153,153;
    --intro-background: #f8f9fa;
    --intro-background-rgb: 248,249,250;
    --intro-border: #4adf83;
    --intro-border-rgb: 74.14115,222.85885,130.83464;
    --intro-logo: rgba(78,100,112,0.4);
    --intro-logo-rgb: 78,100,112;
    --intro-secondary: rgba(0,0,0,0.45);
    --intro-secondary-rgb: 0,0,0;
    --inverse: #fff;
    --inverse-rgb: 255,255,255;
    --label-disabled-text: #ccc;
    --label-disabled-text-rgb: 204,204,204;
    --labels-icon: rgba(0,0,0,0.4);
    --labels-icon-rgb: 0,0,0;
    --link: #039be5;
    --link-rgb: 3,155,229;
    --live-location-footer-background: hsla(0,0%,100%,0.9);
    --live-location-footer-background-rgb: 255,255,255;
    --live-location-glow: rgba(37,211,102,0.3);
    --live-location-glow-rgb: 37,211,102;
    --live-location-glow-stale: rgba(255,0,31,0.3);
    --live-location-glow-stale-rgb: 255,0,31;
    --location-cluster-background: #fff;
    --location-cluster-background-rgb: 255,255,255;
    --map-overlay-background: hsla(0,0%,100%,0.6);
    --map-overlay-background-rgb: 255,255,255;
    --map-overlay-foreground: grey;
    --map-overlay-foreground-rgb: 128,128,128;
    --media-editor-control: #1c313f;
    --media-editor-control-rgb: 28,49,63;
    --media-viewer-background: hsla(0,0%,100%,0.96);
    --media-viewer-background-rgb: 255,255,255;
    --media-viewer-button-background: #ccc;
    --media-viewer-button-background-rgb: 204,204,204;
    --media-viewer-button-icon: #fff;
    --media-viewer-button-icon-rgb: 255,255,255;
    --media-inner-border: rgba(0,0,0,0.1);
    --media-inner-border-rgb: 0,0,0;
    --menu-context-sticker-icon: rgba(48,48,48,0.5);
    --menu-context-sticker-icon-rgb: 48,48,48;
    --menu-context-sticker-icon-inverse: #fff;
    --menu-context-sticker-icon-inverse-rgb: 255,255,255;
    --menu-tabs-list-active: #6cea91;
    --menu-tabs-list-active-rgb: 108.28579,234.05421,145.4638;
    --message-background-deep: rgba(0,0,0,0.12);
    --message-background-deep-rgb: 0,0,0;
    --message-placeholder-icon: rgba(48,48,48,0.3);
    --message-placeholder-icon-rgb: 48,48,48;
    --message-primary: #303030;
    --message-primary-rgb: 48,48,48;
    --message-selection-highlight: rgba(0,150,136,0.08);
    --message-selection-highlight-rgb: 0,150,136;
    --modal-backdrop: hsla(0,0%,100%,0.85);
    --modal-backdrop-rgb: 255,255,255;
    --modal-backdrop-solid: #ededed;
    --modal-backdrop-solid-rgb: 237,237,237;
    --modal-background: #fff;
    --modal-background-rgb: 255,255,255;
    --notification-biz-background: rgba(236,250,245,0.95);
    --notification-biz-background-rgb: 236,250,245;
    --notification-biz-text: rgba(0,0,0,0.96);
    --notification-biz-text-rgb: 0,0,0;
    --notification-e2e-background: rgba(255,245,196,0.95);
    --notification-e2e-background-rgb: 255,245,196;
    --notification-e2e-icon: rgba(0,0,0,0.45);
    --notification-e2e-icon-rgb: 0,0,0;
    --notification-e2e-text: rgba(0,0,0,0.96);
    --notification-e2e-text-rgb: 0,0,0;
    --notification-info-icon: rgba(0,0,0,0.45);
    --notification-info-icon-rgb: 0,0,0;
    --notification-text: rgba(0,0,0,0.96);
    --notification-text-rgb: 0,0,0;
    --outgoing-background: #dcf8c6;
    --outgoing-background-rgb: 220,248,198;
    --outgoing-background-deeper: #cfe9ba;
    --outgoing-background-deeper-rgb: 207,233,186;
    --outgoing-background-highlight: #b3cba1;
    --outgoing-background-highlight-rgb: 179,203,161;
    --overlay: #000;
    --overlay-rgb: 0,0,0;
    --panel-background: #ededed;
    --panel-background-rgb: 237,237,237;
    --panel-background-active: #dadada;
    --panel-background-active-rgb: 218,218,218;
    --panel-background-colored: #00bfa5;
    --panel-background-colored-rgb: 0,191,165;
    --panel-background-colored-deeper: #009688;
    --panel-background-colored-deeper-rgb: 0,150,136;
    --panel-background-deep: #d9d9d9;
    --panel-background-deep-rgb: 217,217,217;
    --panel-background-deeper: #e6e6e6;
    --panel-background-deeper-rgb: 230,230,230;
    --panel-background-hover: #e4e4e4;
    --panel-background-hover-rgb: 228,228,228;
    --panel-background-lighter: #f7f7f7;
    --panel-background-lighter-rgb: 247,247,247;
    --panel-header-background: #ededed;
    --panel-header-background-rgb: 237,237,237;
    --panel-header-icon: #919191;
    --panel-header-icon-rgb: 145,145,145;
    --panel-input-background: #e6e6e6;
    --panel-input-background-rgb: 230,230,230;
    --panel-primary: rgba(0,0,0,0.35);
    --panel-primary-rgb: 0,0,0;
    --payment-amount: #008c7f;
    --payment-amount-rgb: 0,139.8,126.752;
    --payment-status-failed: #f44336;
    --payment-status-failed-rgb: 244,67,54;
    --payment-status-processing: rgba(0,0,0,0.45);
    --payment-status-processing-rgb: 0,0,0;
    --payment-status-success: #07bc4c;
    --payment-status-success-rgb: 7,188,76;
    --payment-status-waiting: rgba(0,0,0,0.45);
    --payment-status-waiting-rgb: 0,0,0;
    --photopicker-overlay-background: hsla(0,0%,40%,0.8);
    --photopicker-overlay-background-rgb: 102,102,102;
    --picker-background: #f0f0f0;
    --picker-background-rgb: 240,240,240;
    --popup-panel-background: rgba(0,0,0,0.05);
    --popup-panel-background-rgb: 0,0,0;
    --primary: #4a4a4a;
    --primary-rgb: 74,74,74;
    --primary-strong: #000;
    --primary-strong-rgb: 0,0,0;
    --primary-stronger: #303030;
    --primary-stronger-rgb: 48,48,48;
    --primary-strongest: #000;
    --primary-strongest-rgb: 0,0,0;
    --primary-title: #525252;
    --primary-title-rgb: 81.65,81.65,81.65;
    --product-image-button-background: rgba(0,0,0,0.35);
    --product-image-button-background-rgb: 0,0,0;
    --product-thumb-background: #ededed;
    --product-thumb-background-rgb: 237,237,237;
    --product-thumb-background-deeper: #d9d9d9;
    --product-thumb-background-deeper-rgb: 216.6,216.6,216.6;
    --product-thumb-overlay-background: rgba(0,0,0,0.5);
    --product-thumb-overlay-background-rgb: 0,0,0;
    --product-thumb-overlay-text: #fff;
    --product-thumb-overlay-text-rgb: 255,255,255;
    --progress-background: #e6e6e6;
    --progress-background-rgb: 230,230,230;
    --progress-primary: #00d9bb;
    --progress-primary-rgb: 0,216.5,187.0288;
    --ptt-blue: #4fc3f7;
    --ptt-blue-rgb: 79,195,247;
    --ptt-button-cancel: rgba(229,57,53,0.8);
    --ptt-button-cancel-rgb: 229,57,53;
    --ptt-button-send: rgba(9,210,97,0.8);
    --ptt-button-send-rgb: 9,210,97;
    --ptt-gray: rgba(48,48,48,0.7);
    --ptt-gray-rgb: 48,48,48;
    --ptt-green: #09d261;
    --ptt-green-rgb: 9,210,97;
    --ptt-message-blue: #039be5;
    --ptt-message-blue-rgb: 3,155,229;
    --quick-action-button: #fff;
    --quick-action-button-rgb: 255,255,255;
    --quick-action-button-background: rgba(0,0,0,0.14);
    --quick-action-button-background-rgb: 0,0,0;
    --rich-text-panel-background: #f0f0f0;
    --rich-text-panel-background-rgb: 240,240,240;
    --search-container-background: #f6f6f6;
    --search-container-background-rgb: 245.725,245.725,245.725;
    --search-input-background: #fff;
    --search-input-background-rgb: 255,255,255;
    --secondary: rgba(0,0,0,0.6);
    --secondary-rgb: 0,0,0;
    --secondary-light: rgba(0,0,0,0.25);
    --secondary-light-rgb: 0,0,0;
    --secondary-lighter: rgba(0,0,0,0.45);
    --secondary-lighter-rgb: 0,0,0;
    --secondary-stronger: rgba(0,0,0,0.8);
    --secondary-stronger-rgb: 0,0,0;
    --security-icon-background: #d3ede6;
    --security-icon-background-rgb: 211,237,230;
    --security-icon-lock: #1fc4b1;
    --security-icon-lock-rgb: 31,196,177;
    --security-icon-shield: #f0faf7;
    --security-icon-shield-rgb: 240,250,247;
    --shadow: #000;
    --shadow-rgb: 0,0,0;
    --shadow-light: rgba(0,0,0,0.08);
    --shadow-light-rgb: 0,0,0;
    --spinner-default: #ccc;
    --spinner-default-rgb: 204,204,204;
    --spinner-highlight: rgba(7,188,76,0.7);
    --spinner-highlight-rgb: 7,188,76;
    --spinner-incoming: #b3b3b3;
    --spinner-incoming-rgb: 179,179,179;
    --spinner-outgoing: #9aae8b;
    --spinner-outgoing-rgb: 154,174,139;
    --startup-background: #f0f0f0;
    --startup-background-rgb: 240,240,240;
    --startup-icon: #bfbfbf;
    --startup-icon-rgb: 191,191,191;
    --status-background: #000;
    --status-background-rgb: 0,0,0;
    --status-background-hover: #262626;
    --status-background-hover-rgb: 38,38,38;
    --status-primary: #fff;
    --status-primary-rgb: 255,255,255;
    --status-secondary: hsla(0,0%,100%,0.55);
    --status-secondary-rgb: 255,255,255;
    --status-secondary-stronger: #b3b3b3;
    --status-secondary-stronger-rgb: 179,179,179;
    --status-thumbnail-background: #cacaca;
    --status-thumbnail-background-rgb: 202,202,202;
    --success: #07bc4c;
    --success-rgb: 7,188,76;
    --suspicious-background: rgba(244,67,54,0.8);
    --suspicious-background-rgb: 244,67,54;
    --system-message-background: rgba(225,245,254,0.92);
    --system-message-background-rgb: 225,245,254;
    --system-message-text: rgba(0,0,0,0.88);
    --system-message-text-rgb: 0,0,0;
    --teal-hover: #00ab97;
    --teal-hover-rgb: 0,171,151;
    --teal-pale: #5fb9b0;
    --teal-pale-rgb: 95,185,176;
    --thumb-border-active: #fff;
    --thumb-border-active-rgb: 255,255,255;
    --thumb-border-active-new-media-editor: #303030;
    --thumb-border-active-new-media-editor-rgb: 48,48,48;
    --thumb-border-viewer-active: #ccc;
    --thumb-border-viewer-active-rgb: 204,204,204;
    --toast-background: rgba(0,0,0,0.82);
    --toast-background-rgb: 0,0,0;
    --tooltip-text: #fff;
    --tooltip-text-rgb: 255,255,255;
    --tooltip-background: #595959;
    --tooltip-background-rgb: 89.25,89.25,89.25;
    --typing: #07bc4c;
    --typing-rgb: 7,188,76;
    --unread-background: #fff;
    --unread-background-rgb: 255,255,255;
    --unread-bar-background: hsla(0,0%,100%,0.25);
    --unread-bar-background-rgb: 255,255,255;
    --unread-marker-background: #06d755;
    --unread-marker-background-rgb: 5.71038,214.78962,85.41462;
    --unread-marker-background-muted: rgba(0,0,0,0.25);
    --unread-marker-background-muted-rgb: 0,0,0;
    --unread-marker-text: #fff;
    --unread-marker-text-rgb: 255,255,255;
    --vcard-placeholder-background: rgba(0,0,0,0.04);
    --vcard-placeholder-background-rgb: 0,0,0;
    --vcard-placeholder-background-deeper: rgba(0,0,0,0.08);
    --vcard-placeholder-background-deeper-rgb: 0,0,0;
    --video-player-background: #000;
    --video-player-background-rgb: 0,0,0;
    --video-primary: #fff;
    --video-primary-rgb: 255,255,255;
    --voip-accept-background: #2ec452;
    --voip-accept-background-rgb: 46,196,82;
    --voip-background: #262626;
    --voip-background-rgb: 38,38,38;
    --voip-background-deep: #000;
    --voip-background-deep-rgb: 0,0,0;
    --voip-video-background: #242424;
    --voip-video-background-rgb: 36,36,36;
    --voip-controls-background: #2d2d2d;
    --voip-controls-background-rgb: 45,45,45;
    --voip-primary: #fff;
    --voip-primary-rgb: 255,255,255;
    --voip-alternative: #000;
    --voip-alternative-rgb: 0,0,0;
    --voip-reject-background: #ff3b30;
    --voip-reject-background-rgb: 255,59,48;
    --voip-disabled-background: #222;
    --voip-disabled-background-rgb: 34,34,34;
    --wallpaper-background: #e5ddd5;
    --wallpaper-background-rgb: 229,221,213;
    --wallpaper-thumb-border-active: #00a5f4;
    --wallpaper-thumb-border-active-rgb: 0,165,244;
    --wallpaper-thumb-border-hover: #fff;
    --wallpaper-thumb-border-hover-rgb: 255,255,255;
    --win32-title-primary: #fff;
    --win32-title-primary-rgb: 255,255,255;
    --police-details: "Roboto", sans-serif;
    --police-menu: "Open sans", sans-serif;
    /*--width: 1280px;*/
    --width: 1520px;
    --maxWidth: 1520px;
}

*{
    box-sizing: border-box;
}
#neige{
    position: absolute;
    width: 100%;
    height: 100%;
    user-select: none;
    z-index: 9999999999;
    pointer-events: none;
}
div#page, div#main_page{
    /*max-width: var(--maxWidth);*/
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
header#el-header-page{
    width: 100%;
}
#container-signIn{
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.el-center-box{
    display: flex;
    justify-content: center;
    align-items: center;
}
a{
    text-decoration: none;
}
#horraire{
    width: 100%;
    background: var(--pistache);
}
#horraire .el-content-area{
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    color: var(--black);
    height: 50px;
    font-family: var(--police-details);
    border-bottom: 1px solid var(--black);
    max-width: var(--maxWidth);
    width: 100%;
}

#horraire a{
    color: inherit;
    font-size: 13px;
    font-weight: bold;
    font-family: inherit;
}
#horraire a .fa{
    font-size: 20px;
    color: var(--white);
}

#horraire .reseaux-sociaux a .fa{
    font-size: 30px;
}#horraire .reseaux-sociaux a:not(:last-child){
     margin: 10px;
 }
nav{
    width: 100%;
    background: rgb(229, 229, 229);
}
nav .el-content-area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: var(--maxWidth);
    width: 100%;
}
.logo img{
    width: 120px;
}

nav ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
}

nav li{
    display: inline-block;
    height: 96px;
    line-height: 96px;
    position: relative;
}nav li:not(:last-child){
     margin-right: 40px;
 }nav a{
      height: 100%;
      display: block;
      width: 100%;
      height: 100%;
      color: var(--gra-850);
      font-family: var(--police-menu);
      font-size: 15px;
      font-weight: 400;
      letter-spacing: .6px;
      line-height: inherit;
      text-transform: uppercase;
  }nav li .fa-star{
       position: absolute;
       top: 24px;
       right: -6px;
       animation: clillontant-etoile .8s infinite;
   }nav li span{
        position: absolute;
        content: '';
        height: 2px;
        background: #13aff0;
        width: 100%;
        left: 0;
        bottom: 38%;
        display: block;
        transform: scaleX(0);
        transform-origin: bottom left;
        transition: all 0.25s ease-out;
    }nav a:hover ~ span{
         transform: scaleX(1);
     }nav .fa-angle-down{
          position: absolute;
          right: -17px;
          top: 42%;
      }nav li.niveau-1 ul{
           list-style: none;
           z-index: 9999;
           position: absolute;
           top: 100%;
           left: 0;
           text-align: left;
           line-height: 1;
           background-color: #fff;
           min-width: 180px;
           box-shadow: 0 2px 6px rgb(0 0 0 / 10%);
           display: flex;
           flex-direction: column;
           align-items: flex-start;
           opacity: 0;
           pointer-events: none;
           transition: all 0.25s ease-out;
       }nav li.niveau-1:hover a ~ ul.sous-menu-2{
            opacity: 1;
            pointer-events: all;
        }nav li.niveau-2 a{
             font-size: 12px;
             color: rgb(51,51,51);
             font-family: var(--police-menu);
             font-weight: 400;
             line-height: 14.4px;
             letter-spacing: .6px;
             text-transform: capitalize;
             padding: 12px 15px;
             display: block;
             width: 100%;
             height: 100%;
         }nav li.niveau-2{
              height: max-content;
              border-bottom: 1px solid #f1f1f1;
              margin-right: 0;
              width: 100%;
          }nav li.niveau-2:hover{
               background: var(--gray-30);
           }nav li.niveau-2 .fa-angle-right{
                position: absolute;
                top: 30%;
                right: 10%;
                color: rgb(51,51,51);
            }nav li.niveau-2 ul{
                 position: absolute;
                 top: 0;
                 left: 100%;
                 width: max-content;
                 opacity: 0;
                 pointer-events: none;
                 transition: all 0.25s ease-out;
             }nav li.niveau-2:hover a ~ ul.sous-menu-3{
                  opacity: 1;
                  pointer-events: all;
              }nav li.niveau-3{
                   height: max-content;
                   border-bottom: 1px solid #f1f1f1;
                   margin-right: 0;
                   width: 100%;
               }nav li.niveau-3:hover{
                    background: var(--gray-30);
                }
@keyframes clillontant-etoile {
    0%{
        color: red;
        transition: .5s
    }20%{
         color: #32ff7e;
         transition: .5s
     }40%{
          color: #fff200;
          transition: .5s
      }60%{
           color: #17c0eb;
           transition: .5s
       }80%{
            color: #c56cf0;
            transition: .5s
        }100%{
             color: #7158e2;
             transition: .5s
         }
}
nav .open-and-close-menu-phone label input{
    display: none;
}nav .open-and-close-menu-phone label .fa{
     font-size: 20px;
 }nav .open-and-close-menu-phone{
      display: none;
  }
header{
    /* box-shadow: 0 0 10px rgba(48,48,48,0.96); */
}

.sliders.accueil{
    width: 100%;
    max-width: var(--maxWidth);
}.accueil .slide{
     width: 760px;
     height: 372px;
 }.accueil .owl-dots{
      width: 100%;
      bottom: 1%;
      text-align: center;
      position: absolute;
  }.accueil .owl-dots span{
       width: 5px !important;
       height: 5px !important;
       border-radius: 50%;
   }.accueil .owl-dots button{
        border: none !important;
        outline: none !important;

    }.accueil .owl-nav button{
         border: none !important;
         outline: none !important;

     }.accueil .owl-prev, .accueil .owl-next{
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          color: #61ce70 !important;
          font-size: 50px !important;
          font-weight: bolder !important;
          background: none !important;
          opacity: .75 !important;
      }.owl-prev{
           left: 1%;
       }.owl-next{
            right: 1%;
        }
.presentation div{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    position: relative;
    width: var(--width);
    margin: auto;
}.presentation a{
     display: block;
     padding: 18px;
     background: red;
     animation: arriere-plan .8s infinite;
     border-radius: 5px;
     color: white;
     text-decoration: none;
     font-size: 14.5px;
     text-transform: capitalize;
     font-family: 'Cambria';
     font-weight: bold;
     transition: all .5s;
     position: absolute;
     right: 10%;
 }.presentation h1{
      font-size: 31px;
      font-family: var(--police-details);
      font-weight: 600;
      line-height: 31px;
      text-align: center;
      color: var(--white);
  }.presentation div:nth-child(2) p{
       background: var(--white);
       width: var(--width);
       color: var(--gray-850);
       font-size: 14px;
       font-weight: 400;
       line-height: 25.2px;
       width: 1120px;
       margin: auto;
       font-family: var(--police-menu);
   }.presentation div:nth-child(2){
        background: var(--white);
        width: 100%;
    }
.presentation{
    width: 100%;
    background-color: rgb(220, 221, 225);
    max-width: var(--maxWidth);
}
@keyframes arriere-plan {
    0%{
        background: red;
    }20%{
         background: #32ff7e;
     }40%{
          background: #fff200;
      }60%{
           background: #17c0eb;
       }80%{
            background: #c56cf0;
        }100%{
             background: #7158e2;
         }
}

#nos-produits h2,
#services h2{
    font-size: 29px;
    font-family: var(--police-details);
    font-weight: 600;
    text-align: center;
    color: rgb(193, 22, 0);
    line-height: 29px;
    padding-bottom: 20px;

}#nos-produits legend,
 #services legend{
     color: rgb(122, 122, 122);
     font-family: var(--police-details);
     font-weight: 400;
     line-height: 41px;
     font-size: 23px;
     text-align: center;
 }

.box-produits{
    position: relative;
    width: 100%;
    height: 271px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(126, 126, 126, 0.6);
}.box-produits a{
     position: relative;
     width: 100%;
     height: 100%;
     display: block;
 }
.box-produits .boxImage{
    width: 100%;
    height: 100%;
    position: relative;

}.box-produits img{
     position: absolute;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }.box-produits .el-details-box{
      position: absolute;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,.7);
      backdrop-filter: blur(2px);
      padding: 1em;
      bottom: -83%;
      transition: all .5s ease-out;
  }.el-details-box h3{
       font-size: 1em;
       position: relative;
       font-family: var(--police-details);
       color: #f2f2f2;
       font-weight: bold;
       text-transform: capitalize;
       z-index: 2;
       width: fit-content;
       transition: all .3s ease-out;
   }.el-details-box h3::before{
        content: "";
        position: absolute;
        width: 0;
        height: 3px;
        background: rgb(142, 192, 68);
        border-radius: 2em;
        left: -1em;
        bottom: -26%;
        z-index: -1;
        transition: all .3s ease-out;
    }.el-details-box p{
         font-size: .9em;
         font-family: var(--police-details);
         color: #d1cfcd;
         line-height: 1.3em;
         margin: 1em 0;
         text-align: justify;
     }.el-details-box button{
          padding: .5em 1em;
          outline: none;
          border: none;
          box-shadow: none;
          font-family: var(--police-details);
          color: #1a1a1a;
          border-radius: .5em;
          background: rgb(142, 192, 68);
          cursor: pointer;
          transition: all .3s ease-out;
      }

.el-details-box button:hover{
    transform: scale(.9);
    box-shadow: inset 0 0 10px rgba(0,0,0,.6);
}.box-produits:hover .el-details-box h3::before{
     width: calc(100% + 1em);
 }.box-produits:hover .el-details-box{
      animation: toUp .3s ease-out .5s forwards;
  }
@keyframes toUp {
    0%{
        bottom: -81%;
    }100%{
         bottom: 0;
     }
}


.bubles span{
    background: rgb(23, 192, 235);
}.reglable span{
     background: rgb(119, 140, 163);
 }.separateur span{
      background: rgb(255, 175, 64);
  }.fauteuil span{
       background: rgb(2, 76, 118);
   }.bureau span{
        background: rgb(8, 141, 154);
    }.reunion span{
         background: rgb(142, 192, 68);
     }.comptoire span{
          background: rgb(146, 66, 72);
      }.rangement span{
           background: rgb(222, 118, 27);
       }.scolaire span{
            background: rgb(103, 113, 178);
        }.grid-produits{
             margin-top: 20px;
             width: 100%;
             display: grid;
             grid-template-columns: repeat(auto-fill, 310px);
             grid-auto-flow: dense;
             grid-gap: 90px;
             justify-content: center;
             /* grid-template-rows: repeat(auto-fill, 335.4px); */
         }
#nos-produits,
#services{
    width: var(--width);
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}

.box-service .boxImage{
    width: 100px;
    height: 100px;
    position: relative;
}.box-service img{
     width: 100%;
     height: 100%;
     position: absolute;
     object-fit: cover;
 }.box-service{
      display: flex;
      flex-direction: column;
      align-items: center;
  }.box-service span{
       font-family: var(--police-details);
       font-size: 20px;
       font-weight: 600;
       line-height: 20px;
       margin-top: 20px;
   }.conseil span{
        color: rgb(97, 206, 112);
    }.solutions span{
         color: rgb(231, 48, 42);
     }.fabrication span{
          color: rgb(230, 24, 115);
      }.livraison span{
           color: rgb(176, 127, 74);
       }.installation span{
            color: rgb(123, 106, 88);
        }.grid-services{
             display: flex;
             align-items: center;
             justify-content: space-between;
             width: 90% ;
             margin-top: 40px;
         }

#catalogue{
    width: var(--width);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    border-bottom: 1px solid #61ce70;
    padding-bottom: 40px;
}#catalogue h2{
     color: rgb(110, 193, 228);
     font-family: var(--police-details);
     font-size: 23px;
     font-weight: 600;
     line-height: 23px;
     margin-bottom: 20px;
 }
#catalogue .boxImage{
    width: 321px;
    height: 300px;
    position: relative;
}#catalogue img{
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     object-fit: cover;
 }

#catalogue .lien,
.nous-joindre .lien{
    background: rgb(91, 192, 222);
    padding: 15px 30px;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--police-details);
}

#whatsapp{
    position: fixed;
    right: 2%;
    bottom: 3%;
    width: max-content !important;
    height: max-content !important;
}#whatsapp span{
     position: absolute;
     width: 10px;
     height: 10px;
     background: rgb(246, 80, 80);
     border-radius: 50%;
     display: block;
     top: -1%;
     right: 10%;
 }

.nous-joindre .conteneur{
    width: var(--width);
    height: 100%;
    margin: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}.nous-joindre .boxImage{
     width: 100%;
     height: 278px;
     position: relative;
 }.nous-joindre img{
      position: absolute;
      width: 100%;
      object-fit: contain;
  }.nous-joindre{
       background: url(../img/banniere.jpg);
       background-size: cover;
       background-repeat: repeat-x;
       height: 222px;
       margin-top: 40px;
       display: none;
        width: 100%;

   }.nous-joindre h2{
        color: #fff;
        font-family: var(--police-details);
        font-size: 29px;
        font-weight: 600;
        line-height: 29px;
        text-align: left;
        margin-bottom: 20px;
        width: calc(var(--width) - 30%);
    }.nous-joindre p{
         color: #fff;
         font-size: 14px;
         font-weight: 400;
         font-family: var(--police-details);
         line-height: 25.2px;
         width: calc(var(--width) - 30%);
     }.nous-joindre .lien{
          width: max-content;
          padding: 12px 24px;
          align-self: center;
          margin-top: 20px;
      }

.clients{
    width: 100%;
    margin-top: 40px;
}.clients h2{
     text-align: center;
     padding: 20px;
     color: var(--pistache);
     font-size: 20px;
     font-weight: 600;
     font-family: var(--police-menu);
 }.clients .no-js .owl-carousel, .clients .owl-carousel.owl-loaded{
      width: 80%;
      margin: auto;
  }.clients .slide{
       width: 150px;
       height: 100px;
   }.accueil .owl-dots{
        width: 100%;
        bottom: 1%;
        text-align: center;
        position: absolute;
    }.accueil .owl-dots span{
         width: 5px !important;
         height: 5px !important;
         border-radius: 50%;
     }.accueil .owl-dots button{
          border: none !important;
          outline: none !important;

      }.accueil .owl-nav button{
           border: none !important;
           outline: none !important;

       }.accueil .owl-prev, .accueil .owl-next{
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            color: #61ce70 !important;
            font-size: 50px !important;
            font-weight: bolder !important;
            background: none !important;
            opacity: .75 !important;
        }.owl-prev{
             left: 1%;
         }.owl-next{
              right: 1%;
          }

footer{
    width: 100%;
    background: rgb(33, 33, 33);
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}footer .conteneur-footer{
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     width: var(--width);
 }footer .conteneur-coordonnees{
      display: flex;
      flex-direction: column;
  }footer h2{
       color: rgb(97, 206 ,112);
       font-size: 19px;
       font-family: var(--police-details);
       font-weight: 600;
       line-height: 19px;
       margin-bottom: 20px;
   }footer a{
        color: var(--white);
        font-family: var(--police-details);
        font-weight: 400;
        font-size: 14px;
        line-height: 25.2px;
    }footer a:not(:last-child){
         margin-bottom: 10px;
     }footer .googlemap{
          width: 700px;
          height: 150px;
          border: 4px solid #fff;
          border-radius: 5px;
      }footer .conteneur-map .fa{
           font-size: 25px;
       }footer .conteneur-map a:not(:last-child){
            margin-right: 20px;
        }footer .conteneur-map{
             display: flex;
             flex-direction: column;
             align-items: flex-end;
         }footer .reseaux{
              margin-top: 40px;
          }

@media all and (max-width: 1280px)
{
    :root{
        --width: 1110px;
    }
    .presentation a{
        right: 0;
    }
}@media all and (max-width: 1110px){
    :root{
        --width: 1000px;
    }.accueil .slide {
         width: 556px;
         height: 271px;
     }.grid-produits{
          grid-gap: 50px;
          grid-template-columns: repeat(3, 310px);
          width: max-content;
      }.presentation div:nth-child(2) p{
           width: var(--width);
       }
}@media all and (max-width: 1027px){
    :root{
        --width: 900px;
    }
    .accueil .slide {
        width: 556px;
        height: 271px;
    }.grid-produits{
         grid-gap: 25px;
         grid-template-columns: repeat(3, 310px);
         width: max-content;
     }
}@media all and (max-width: 1000px){
    .accueil .slide {
        width: 500px;
        height: 243px;
    }footer .googlemap{
         width: 600px;
     }
}@media all and (max-width: 981px){
    .accueil .slide {
        width: 491px;
        height: 239px;
    }.grid-produits{
         grid-gap: 50px;
         grid-template-columns: repeat(2, 310px);
     }
}@media all and (max-width: 901px){
    :root{
        --width: 800px;
    }
    .accueil .slide {
        width: 452px;
        height: 220px;
    }.presentation h1{
         font-size: 27px;
     }.presentation a{
          padding: 10px;
          font-size: 13.5px;
      }
}@media all and (max-width: 835px){
    :root{
        --width: 700px;
    }
    .accueil .slide {
        width: 418px;
        height: 204px;
    }footer .googlemap{
         width: 500px;
     }

    nav ul{
        display: none;
    }nav .open-and-close-menu-phone{
         display: flex;
     }.presentation div{
          flex-direction: column;
          justify-content: space-between;
      }.presentation a{
           position: static;
           padding: 18px;
           font-size: 14.5px;
           margin-top: 10px;
       }
}@media all and (max-width: 735px){
    :root{
        --width: 600px;
    }
    .accueil .slide {
        width: 368px;
        height: 178px;
    }footer .googlemap{
         width: 400px;
     }
}@media all and (max-width: 681px){
    .accueil .slide {
        width: 341px;
        height: 166px;
    }.grid-produits{
         grid-gap: 20px;
     }
}@media all and (max-width: 658px){
    .accueil .slide {
        width: 341px;
        height: 166px;
    }footer .conteneur-footer{
         flex-direction: column;
     }footer .conteneur-map{
          align-items: center;
      }footer .googlemap{
           margin-top: 20px;
           width: var(--width);
       }
}@media all and (max-width: 638px){
    :root{
        --width: 500px;
    }
    .accueil .slide {
        width: 341px;
        height: 166px;
    }.grid-produits{
         grid-template-columns: repeat(1, 310px);
         grid-gap: 50px;
     }
}@media all and (max-width: 602px){
    .logo img {
        width: 115px;
    }
    .accueil .slide {
        width: 303px;
        height: 147px;
    }.presentation h1 {
         font-size: 20px;
     }.presentation a {
          padding: 9px;
          font-size: 10.5px;
          margin-top: 5px;
      }.presentation div:nth-child(2) p{
           font-size: 13.5px;
       }.presentation div{
            padding: 5px 0;
        }#nos-produits h2, #services h2{
             font-size: 20px;
             line-height: 20px;
             padding-bottom: 10px;
         }#nos-produits legend, #services legend{
              line-height: 20px;
              font-size: 17px;
          }.grid-services{
               justify-content: space-around;
               flex-wrap: wrap;
           }.box-service{
                margin-top: 20px;
            }.box-service span{
                 font-size: 15px;
                 line-height: 15px;
             }#catalogue h2{
                  font-size: 20px;
              }
}@media all and (max-width: 556px){
    :root{
        --width: 400px;
    }
    #horraire{
        padding: 5px 0;
        height: auto;
    }.accueil .slide{
         width: 100%;
         height: auto;
     }.presentation h1{
          font-size: 25px;
      }
    #horraire{
        padding: 0;
    }
}@media all and (max-width: 450px){

    #horraire .conteneur:nth-child(1),
    #horraire .reseaux-sociaux{
        display: none;
    }
    #horraire{
        padding: 0;
    }

}@media all and (max-width: 416px){
    :root{
        --width: 300px;
    }

    #horraire .conteneur:nth-child(1),
    #horraire .reseaux-sociaux{
        display: none;
    }
    #horraire .el-content-area{
        height: auto;
    }
    #horraire{
        padding: 0;
    }
}