html {
font-size: 0.8rem;
z-index: 1;
scroll-behavior: smooth;
}
body {
font-family: "Poppins", "Arial", "sans-serif" !important;
margin: 0;
padding: 0;
overflow-y: scroll;
overflow-x: hidden;
min-width: 300px;
font-size: 1.2rem;
}
body.freeze {
overflow: hidden;
}
body.overlay-open {
overflow: hidden;
max-height: 100%;
padding-right: var(--scrollbar-width, 0px);
}
body #overlay {
background-color: rgba(0, 0, 0, 0);
position: fixed;
opacity: 0.5;
z-index: 9999;
width: 100%;
height: 100%;
transition: background-color 0.1s ease;
}
body #overlay.active {
background-color: #555;
}
body.blur {
overflow: hidden;
max-height: 100%;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
p {
margin: 0 0 5px;
}
ul {
list-style-type: none;
padding: 0;
}
.list-style-disc {
list-style-type: disc;
}
.pointer {
cursor: pointer;
}
.fa-lg {
font-size: 1.2rem;
}
.fa-xl {
font-size: 1.5rem;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.overflow-y-hidden {
overflow-y: hidden;
}
.jumbotron {
position: relative;
}
.logo {
background-image: var(--urlLogo);
background-size: contain;
background-repeat: no-repeat;
}
.border-none {
border: none;
}
.underline {
text-decoration: underline;
}
h1,
.h1 {
font-size: 1.5rem;
line-height: 1.1;
font-weight: bold;
}
h2,
.h2 {
font-size: 1.3rem;
font-weight: bold;
}
h3,
.h3 {
font-size: 1.2rem;
font-weight: bold;
}
h4,
.h4 {
font-size: 1rem;
font-weight: bold;
}
.sub-title {
display: block;
line-height: 1;
}
.fzr-small {
font-size: 0.8rem;
}
.fzr-0-9 {
font-size: 0.9rem;
}
.fzr-1 {
font-size: 1rem;
}
.fzr-2 {
font-size: 1.2rem;
}
.fzr-3 {
font-size: 1.4rem;
}
.fzr-4 {
font-size: 1.6rem;
}
.fzr-5 {
font-size: 1.8rem;
}
.fzr-6 {
font-size: 2rem;
}
.fzr-7 {
font-size: 3rem;
}
.fzr-8 {
font-size: 4rem;
}
.text-overflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-primary {
color: var(--colorPrimary) !important;
}
.form-control:focus {
background-color: #f5f5f5;
}
.justify-self-end {
justify-self: end;
}
.justify-content-right {
justify-content: right;
}
.t-0 {
top: 0;
}
.t-1 {
top: 0.25rem;
}
.t-auto {
top: auto;
}
.r-0 {
right: 0;
}
.r-1 {
right: 0.25rem;
}
.r-auto {
right: auto;
}
.l-0 {
left: 0;
}
.l-auto {
left: auto;
}
#content {
width: 100%;
margin: auto;
min-height: 800px;
}
.sized-footer {
min-height: 800px;
}
.container {
width: 100%;
max-width: 100%;
}
.max-100 {
max-width: 100%;
}
.max-80 {
max-width: 80%;
}
.min-col-2 {
flex: 0 0 25rem;
}
.dropdown-menu {
padding: 0;
}
.w-0 {
width: 0% !important;
}
.w-5 {
width: 5% !important;
}
.w-10 {
width: 10% !important;
}
.w-15 {
width: 15% !important;
}
.w-20 {
width: 20% !important;
}
.w-25 {
width: 25% !important;
}
.w-30 {
width: 30% !important;
}
.w-35 {
width: 35% !important;
}
.w-40 {
width: 40% !important;
}
.w-45 {
width: 45% !important;
}
.w-50 {
width: 50% !important;
}
.w-55 {
width: 55% !important;
}
.w-60 {
width: 60% !important;
}
.w-65 {
width: 65% !important;
}
.w-70 {
width: 70% !important;
}
.w-75 {
width: 75% !important;
}
.w-80 {
width: 80% !important;
}
.w-85 {
width: 85% !important;
}
.w-90 {
width: 90% !important;
}
.w-95 {
width: 95% !important;
}
.w-100 {
width: 100% !important;
}
.min-w-content {
min-width: max-content;
}
.max-w-content {
max-width: max-content;
}
.h-1 {
height: 0.25rem !important;
}
.h-6 {
height: 2rem !important;
}
.h-min-14 {
min-height: 8rem !important;
}
.no-scrollbar::-webkit-scrollbar {
display: none;
}
.no-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
}
.cursor-pointer {
cursor: pointer;
}
.link {
display: inline;
}
div[data-ihref],
div[data-ihref],
.link[data-ihref] {
cursor: pointer !important;
}
.lazy-load {
width: 100%;
height: 100%;
padding: 1rem;
}
.w-85 {
width: 85% !important;
}
.wrem-4 {
width: 1.6rem;
}
.fixed-middle {
top: 25%;
}
.break-all {
word-break: break-all;
}
.break-word {
word-break: break-word;
}
.news-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 584 512'%3E%3Cpath d='M70.05 74.36v32.09c-30.22 10.05-36.08 18.33-36.08 50.76-.02 92.75-.1 185.51.07 278.26.05 25.13 12.87 39.72 34.73 40.8 24.24 1.2 39.92-12.07 41.15-36.3.93-18.26.31-36.6.31-54.91.01-100.69-.06-201.38.03-302.06.05-53.61 29.16-82.89 82.45-82.94 102.57-.09 205.13-.08 307.7 0 53.46.04 83.26 29.41 83.32 82.34.12 109.84.14 219.68 0 329.52-.08 63.41-36.79 99.98-100.26 100.02-133.7.08-267.41.08-401.11 0C29.94 511.91.39 482.58.31 430.45.17 337.09.04 243.72.39 150.36c.16-43.48 24.67-70.12 69.66-75.99Zm69.31 401.33c2.63.12 8 .59 13.37.59 111.69.04 223.38.08 335.07 0 39.95-.03 62.06-21.86 62.17-62.5.28-111.64.21-223.28.02-334.91-.05-30.68-13-43.15-43.66-43.16-105.59-.05-211.18-.03-316.76 0-34.22 0-45.61 11.57-45.63 46.45-.04 109.2.22 218.4-.22 327.59-.09 21.63-2.79 43.26-4.36 65.94Z' class='cls-1'/%3E%3Cpath d='M291.4 255.5c-24.99 0-49.98.28-74.97-.09-23.08-.33-32.55-9.43-32.76-32.08-.38-39.59-.41-79.2.03-118.79.24-21.54 9.84-30.94 31.83-31.11 50.58-.38 101.18-.36 151.76-.02 23.46.15 32.91 9.97 33.11 33.88.31 37.77.28 75.54.02 113.31-.18 25.56-9.7 34.66-35.88 34.85-24.38.18-48.76.04-73.14.04Zm74.2-36.64V110.08H218.35v108.78H365.6Z' class='cls-1'/%3E%3Crect width='326.77' height='36.4' x='182.42' y='292.79' class='cls-1' rx='17.01' ry='17.01'/%3E%3Crect width='73.58' height='36.4' x='435.6' y='218.75' class='cls-1' rx='17.01' ry='17.01'/%3E%3Crect width='73.58' height='36.4' x='435.6' y='147.7' class='cls-1' rx='17.01' ry='17.01'/%3E%3Crect width='73.58' height='36.4' x='435.6' y='74.66' class='cls-1' rx='17.01' ry='17.01'/%3E%3Crect width='326.77' height='36.4' x='182.42' y='363.83' class='cls-1' rx='17.01' ry='17.01'/%3E%3C/svg%3E");
}
.list-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M64 144a48 48 0 1 0 0-96 48 48 0 1 0 0 96zM192 64c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L192 64zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-288 0zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-288 0zM64 464a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm48-208a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z'/%3E%3C/svg%3E");
}
.truck-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 638 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23000;stroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M414.4,95.37c5.69.38,8.94,1.17,12,.71,39.25-5.94,68.59,9.51,93.85,39.1,20.73,24.29,44.77,45.77,67.6,68.24,12.94,12.73,19.04,27.8,18.92,45.92-.25,38.93-.08,77.85-.08,117.75,4.21.78,7.7,1.31,11.14,2.09,13.11,2.97,21.23,10.88,20.26,24.64-1.04,14.69-11.16,21.29-24.97,21.96-12.17.59-24.39.12-38.06.12-2.16,32.33-12.86,60.7-40.24,76.99-16.72,9.95-37.42,17.73-56.55,18.24-49.81,1.33-79.33-29.66-95.48-94.28h-126.9c-16.23,65.28-49.26,97.59-98.5,95.01-41.42-2.17-86.59-26.11-93.97-93.36-.72-.64-1.4-1.8-2.25-1.94C16.01,408.92-.95,378.95-.16,335.48,1.44,247.95.27,160.38.34,72.83.37,25.14,25.73.05,73.84.03,162.46-.01,251.08,0,339.7.03c49.59.02,74.6,25.2,74.7,75.11.01,6.29,0,12.59,0,20.23ZM207.53,47.38c-46.43,0-92.85-.07-139.28.04-17.66.04-22.32,4.32-22.34,21.34-.13,92.85-.3,185.71.43,278.56.05,6.89,5.49,17.12,11.22,19.8,8.57,4,18.26,2.91,26.19-7.59,39.36-52.08,110.27-51.79,151.11-.9,4.15,5.18,12.74,9.31,19.41,9.53,30.38,1.01,60.82.52,91.24.41,18.81-.06,23.32-4.51,23.34-23.85.1-91.25.11-182.51,0-273.76-.02-19.09-4.63-23.52-23.63-23.56-45.89-.08-91.79-.03-137.68-.03ZM558.94,239.61c-32.51-32.43-62.19-62.17-92.12-91.66-2.38-2.35-6.44-4.06-9.79-4.18-13.67-.47-27.36-.19-41.61-.19v96.03h143.52ZM158.6,464.73c27.62.16,49.28-20.46,49.89-47.5.61-26.86-20.94-48.99-48.05-49.35-28.64-.38-50.43,20.47-50.45,48.29-.02,27.3,21.1,48.4,48.61,48.56ZM479.04,367.89c-27.73.21-48.67,21.15-48.58,48.61.08,27.38,21.17,48.16,48.96,48.24,28.32.08,50.27-21.77,49.65-49.41-.61-27.1-22.27-47.64-50.02-47.43Z'/%3E%3C/svg%3E");
}
.chevron-down-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
}
.chevron-left-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'/%3E%3C/svg%3E");
}
.chevron-right-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");
}
.chevron-up-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z'/%3E%3C/svg%3E");
}
.group-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 638 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23000;stroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M221.93,511.97c-61.89,0-123.79.06-185.68-.03-26.93-.04-37.76-11.76-36.19-38.71,5.38-92.57,74.86-163.38,169.77-167.78,47.63-2.21,96.56-1.95,143.22,6.5,76.27,13.81,132.99,89.94,132.8,167.55-.05,20.55-12.56,32.38-35.04,32.43-62.96.13-125.92.04-188.88.05ZM397.23,463.93c-3.42-57.12-60.89-111.06-119.3-112.07-34.12-.59-68.25-.19-102.38-.13-51.81.09-100.9,32.64-120.4,80.4-4.04,9.89-6.05,20.62-9.24,31.8h351.32Z'/%3E%3Cpath class='cls-1' d='M353.95,223.42c32.88-52.36,40.57-106,15.81-162.49-4.52-10.31,3.82-12.06,9.24-15.05,70.81-39.19,158.54,10.53,162.56,92.96,2.19,44.92-17.89,79.96-56.82,101.96-37.82,21.37-76.54,19.31-113.67-3.51-6.2-3.81-11.43-9.2-17.12-13.87Z'/%3E%3Cpath class='cls-1' d='M95.91,127.08C96.2,56.9,154.29-.85,223.76,0c69.2.85,125.88,58.31,125.94,127.66.06,69.95-57.82,128.07-127.33,127.87-69.77-.2-126.74-58.08-126.46-128.47ZM221.38,208.33c45.59.26,82.13-34.89,82.78-79.66.65-44.39-36.09-81.34-81-81.46-45.4-.12-81.71,35.62-81.76,80.47-.04,44.15,35.9,80.4,79.97,80.65Z'/%3E%3Cpath class='cls-1' d='M410.91,317.78c36.47,3.06,73.76,2.32,109.23,10,68.53,14.83,118.41,81.87,117.95,151.53-.11,17.34-10.49,31.63-27.19,32.02-45.19,1.05-90.42.36-134.37.36,13.08-76.34-16.44-136.15-67.5-188.44.63-1.83,1.26-3.65,1.89-5.48Z'/%3E%3C/svg%3E");
}
.magnifying-plus-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 510 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23000;stroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M337.42,370.37c-108.35,80.64-235.98,42.06-295.21-35.98C-20.89,251.25-13.41,133.95,60.57,60.24,134.21-13.13,251.18-20.01,332.99,42.53c83.17,63.58,113.17,194.06,35.58,296.76,14.72,13.88,30.07,27.84,44.83,42.38,27.06,26.66,53.79,53.65,80.62,80.53,3.4,3.4,6.84,6.8,9.88,10.51,8.72,10.66,8.95,21.56-.5,31.78-9.25,9.99-21.35,10.23-32.57-.6-25.02-24.15-49.39-48.97-73.95-73.58-19.95-20-39.8-40.11-59.47-59.94ZM205.66,368.4c90.95.08,162.89-70.84,163.01-160.72.12-88.69-71.42-159.38-159.41-161.55-86.69-2.14-164.85,69.53-164.39,161.18.45,89.98,70.9,161.01,160.79,161.09Z'/%3E%3Cpath class='cls-1' d='M229.25,185.03c22.74,0,42.48-.13,62.21.04,16.2.14,25.75,8.27,26.16,21.78.43,14.02-9.61,22.92-26.49,23.06-19.73.16-39.46.04-61.98.04,0,22.33,1.32,43.64-.68,64.64-.75,7.87-7.73,17.81-14.7,21.55-5.39,2.9-17.19-.1-22.44-4.7-5-4.38-6.83-14.15-7.21-21.69-.96-19.09-.32-38.27-.32-59.79-21.14,0-40.72.09-60.3-.03-17.79-.1-27.18-7.63-27.56-21.8-.4-14.8,9.38-22.99,27.89-23.08,19.13-.1,38.27-.02,60.01-.02,0-22.11-1.28-42.84.63-63.28.76-8.13,7.01-17.88,13.77-22.57,4.67-3.25,16.72-1.66,21.42,2.42,5.49,4.78,8.68,14.49,9.17,22.29,1.25,19.58.41,39.3.41,61.15Z'/%3E%3C/svg%3E");
}
.magnifying-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
}
.megaphone-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 513 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23000;stroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M207.15,351.88c0,26.35,0,53.53,0,80.71,0,63.59-29.36,87.86-92.96,76.85-31.96-5.53-48.89-24.89-49.26-57.49-.38-33.65-.09-67.32-.09-100.72-10.19-3.12-19.33-4.76-27.42-8.61-22.69-10.79-35.89-29.17-36.59-54.36-.94-33.73-1.06-67.53-.06-101.25,1.07-36.17,28.81-61.52,66.88-61.92,45.06-.47,90.12-.15,135.18-.11,72.24.07,133.62-26.29,185.32-76.06,12.36-11.9,24.19-24.33,36.5-36.29,10.06-9.77,20.95-16.56,35.95-10.09,14.95,6.45,20.18,18.35,20.22,33.4.11,42.86-.31,85.74.45,128.59.11,6.27,3.99,14.12,8.71,18.39,30.37,27.46,30.63,80.4.75,108.02-5.3,4.9-9.27,13.98-9.43,21.22-.89,40.7-.53,81.43-.38,122.16.06,16.64-3.57,30.68-21.01,37.72-16.78,6.77-27.52-2.65-38.07-13.07-11.83-11.68-23.39-23.62-35.33-35.18-46.92-45.45-103.28-69.7-168.3-74.27-2.12-.15-4.29.05-6.4.32-.97.12-1.88.79-4.64,2.04ZM434.38,67.84c-63.95,66.88-138.84,100.41-226.08,104.74v129.49c88.52,3.89,162.6,38.74,226.08,103.85V67.84ZM160.57,172.53c-33.49,0-65.1-.04-96.71.02-11.99.02-17.61,6.64-17.65,18.17-.1,31.08-.72,62.18.57,93.21.25,6.05,7.97,16.68,12.61,16.88,33.47,1.46,67.03.78,101.18.78v-129.07ZM110.6,350.07c0,34.84-.4,67.87.52,100.86.11,4.01,7.25,11.16,11.22,11.22,44.3.71,38.88,5.09,39.06-33.87.12-25.95.02-51.9.02-78.21h-50.81Z'/%3E%3C/svg%3E");
}
.file-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M64 464c-8.8 0-16-7.2-16-16L48 64c0-8.8 7.2-16 16-16l160 0 0 80c0 17.7 14.3 32 32 32l80 0 0 288c0 8.8-7.2 16-16 16L64 464zM64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-293.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0L64 0zm56 256c-13.3 0-24 10.7-24 24s10.7 24 24 24l144 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-144 0zm0 96c-13.3 0-24 10.7-24 24s10.7 24 24 24l144 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-144 0z'/%3E%3C/svg%3E");
}
.address-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M384 48c8.8 0 16 7.2 16 16l0 384c0 8.8-7.2 16-16 16L96 464c-8.8 0-16-7.2-16-16L80 64c0-8.8 7.2-16 16-16l288 0zM96 0C60.7 0 32 28.7 32 64l0 384c0 35.3 28.7 64 64 64l288 0c35.3 0 64-28.7 64-64l0-384c0-35.3-28.7-64-64-64L96 0zM240 256a64 64 0 1 0 0-128 64 64 0 1 0 0 128zm-32 32c-44.2 0-80 35.8-80 80c0 8.8 7.2 16 16 16l192 0c8.8 0 16-7.2 16-16c0-44.2-35.8-80-80-80l-64 0zM512 80c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 64c0 8.8 7.2 16 16 16s16-7.2 16-16l0-64zM496 192c-8.8 0-16 7.2-16 16l0 64c0 8.8 7.2 16 16 16s16-7.2 16-16l0-64c0-8.8-7.2-16-16-16zm16 144c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 64c0 8.8 7.2 16 16 16s16-7.2 16-16l0-64z'/%3E%3C/svg%3E");
}
.bars-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E");
}
.user-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M406.5 399.6C387.4 352.9 341.5 320 288 320l-64 0c-53.5 0-99.4 32.9-118.5 79.6C69.9 362.2 48 311.7 48 256C48 141.1 141.1 48 256 48s208 93.1 208 208c0 55.7-21.9 106.2-57.5 143.6zm-40.1 32.7C334.4 452.4 296.6 464 256 464s-78.4-11.6-110.5-31.7c7.3-36.7 39.7-64.3 78.5-64.3l64 0c38.8 0 71.2 27.6 78.5 64.3zM256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-272a40 40 0 1 1 0-80 40 40 0 1 1 0 80zm-88-40a88 88 0 1 0 176 0 88 88 0 1 0 -176 0z'/%3E%3C/svg%3E");
}
.bell-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M224 0c-17.7 0-32 14.3-32 32l0 19.2C119 66 64 130.6 64 208l0 25.4c0 45.4-15.5 89.5-43.8 124.9L5.3 377c-5.8 7.2-6.9 17.1-2.9 25.4S14.8 416 24 416l400 0c9.2 0 17.6-5.3 21.6-13.6s2.9-18.2-2.9-25.4l-14.9-18.6C399.5 322.9 384 278.8 384 233.4l0-25.4c0-77.4-55-142-128-156.8L256 32c0-17.7-14.3-32-32-32zm0 96c61.9 0 112 50.1 112 112l0 25.4c0 47.9 13.9 94.6 39.7 134.6L72.3 368C98.1 328 112 281.3 112 233.4l0-25.4c0-61.9 50.1-112 112-112zm64 352l-64 0-64 0c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7s18.7-28.3 18.7-45.3z'/%3E%3C/svg%3E");
}
.heart-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8l0-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5l0 3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20-.1-.1s0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5l0 3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2l0-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z'/%3E%3C/svg%3E");
}
.heart-solid-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z'/%3E%3C/svg%3E");
}
.suitcase-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 546 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23000;stroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M137.75,102.89c0-14.46-.21-27.38.04-40.29.74-37.73,22.86-61.28,60.48-61.96,49.51-.89,99.05-.81,148.56-.03,37.51.59,60.23,24.02,61.36,61.37.39,12.94.06,25.9.06,40.92,21.57,0,41.3-.09,61.04.02,47.34.25,75.5,28.15,75.6,75.45.18,85.95.17,171.91,0,257.86-.09,47.38-28.2,75.64-75.35,75.68-130.92.13-261.84.12-392.77,0-47.74-.04-75.58-27.65-75.67-75.11-.16-86.52-.19-173.05.01-259.57.11-46.33,28.2-74.03,74.75-74.32,19.82-.13,39.64-.02,61.87-.02ZM392.6,460.96V154.57h-239.26v306.39h239.26ZM102.2,460.29V153.22c-7.56,0-13.77,0-19.97,0-30.94-.02-32.67,1.71-32.68,32.92,0,76.85.1,153.7-.04,230.54-.08,43.23-5.63,48.38,52.69,43.61ZM443.31,461.62c7.57,0,13.71,0,19.85,0,31.08.03,33.28-2.08,33.29-32.55.02-76.27,0-152.54,0-228.81,0-49.23-.68-49.87-49.48-46.42-.98.07-1.89,1.02-3.66,2.04v305.74ZM359.61,102.1c0-13.61,1.14-26.65-.61-39.29-.62-4.51-8.16-11.45-12.64-11.52-48.79-.84-97.61-.78-146.41-.11-4.53.06-12.44,5.64-12.86,9.32-1.55,13.71-.62,27.7-.62,41.61h173.13Z'/%3E%3C/svg%3E");
}
.hammer-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23000;stroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M321.02,24.1c-15.87,21.32,5.61,29.22,16.26,40.13,41.05,42.05,83.03,83.2,124.35,124.99,6.64,6.71,11.63,9.59,21.87,5.57,5.97-2.34,17.58,1.08,22.1,6.05,4.62,5.08,5.25,15.36,4.57,23.09-.44,4.93-5.94,9.87-10.02,13.97-39.16,39.42-78.45,78.72-117.84,117.9-7.65,7.61-15.73,14.95-28.07,9.69-12.21-5.2-18.03-15.13-13.7-26.96,3.84-10.48-.25-15.49-6.65-21.84-46.24-45.94-92.33-92.03-138.27-138.27-6.05-6.09-10.86-8.73-20.56-6.18-6.87,1.8-18.42-2.17-23.1-7.65-4.26-5-3.16-15.61-2.3-23.52.44-4.01,5.23-7.84,8.59-11.21,39.59-39.74,79.18-79.49,119.01-119,15.33-15.2,31.27-14.29,39.76,1.7,1.71,3.22,2.45,6.96,4,11.53ZM279.93,77.5c-18.93,18.97-39.13,39.22-56.78,56.9,51.61,51.63,104.28,104.3,154.36,154.4,18.74-18.47,39.05-38.5,57.32-56.51-51.19-51.16-103.6-103.53-154.9-154.79Z'/%3E%3Cpath class='cls-1' d='M255.63,292.15c-14.99,15.09-30.7,30.92-46.48,46.82,21.28,28.11,20.73,35.81-5.04,61.58-32.5,32.51-64.96,65.05-97.53,97.49-18.62,18.54-33.59,18.6-52.35.23-12.98-12.72-25.81-25.59-38.55-38.55-18.91-19.23-18.79-36,.56-55.46,31.66-31.83,63.47-63.52,95.22-95.27,26.28-26.27,33.68-26.95,63.39-4.92,14.92-16.23,30.01-32.64,46.31-50.37,12.62,14.08,22.47,25.07,34.47,38.45ZM78.2,456.64c30.86-30.97,60.37-60.58,89.88-90.19-6.7-7.02-14.61-15.31-21.04-22.05-30.44,30.1-60.15,59.46-89.26,88.24,6.96,8.18,14.43,16.95,20.42,24Z'/%3E%3C/svg%3E");
}
.calendar-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M152 24c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L64 64C28.7 64 0 92.7 0 128l0 16 0 48L0 448c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-256 0-48 0-16c0-35.3-28.7-64-64-64l-40 0 0-40c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L152 64l0-40zM48 192l352 0 0 256c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16l0-256z'/%3E%3C/svg%3E");
}
.square-plus-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M64 80c-8.8 0-16 7.2-16 16v320c0 8.8 7.2 16 16 16h320c8.8 0 16-7.2 16-16V96c0-8.8-7.2-16-16-16H64zM0 96c0-35.3 28.7-64 64-64h320c35.3 0 64 28.7 64 64v320c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zm200 248v-64h-64c-13.3 0-24-10.7-24-24s10.7-24 24-24h64v-64c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24h-64v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z'/%3E%3C/svg%3E");
}
.smartphone-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23000;stroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M79.63,255.41c0-56.52-.09-113.05.03-169.57.12-56.04,32.15-87.85,88.4-87.91,58.65-.07,117.31-.08,175.96,0,55.9.08,88.25,32.33,88.3,88.29.12,113.05.11,226.09,0,339.14-.05,56.83-32.28,88.67-89.5,88.72-58.12.05-116.23.05-174.35,0-57.08-.05-88.76-31.8-88.83-89.11-.08-56.52-.02-113.05-.02-169.57ZM191.55,45.52c-9.94,0-17.98-.01-26.02,0-29.51.05-40.03,10.31-40.04,39.54-.06,114.65-.08,229.29.02,343.94.02,26.3,11.23,37.43,37.23,37.47,60.8.07,121.6.04,182.4.02,31.1,0,41.31-10.22,41.34-41.75.07-68.36.03-136.71.02-205.07,0-45.75.14-91.5-.08-137.25-.09-19.75-8.34-33.55-23.65-35.71-13.99-1.97-28.47-.42-42.74-.42-1.4,14.19,1.92,30.5-17.07,31.14-31.17,1.05-62.4.57-93.6.18-10.76-.14-16.61-6.43-16.66-17.63-.02-4.19-.64-8.37-1.14-14.46Z'/%3E%3C/svg%3E");
}
.eci-logo-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23000; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M169.9,43.1c-.1-2.4-.6-4.8-1.1-7.1h.2C164.4,14.6,143.7-1,119.6,0L46.4,7.5C23.2,8.5,4.6,24.5.8,45,.1,48.2-.1,51.4,0,54.7l13.4,101.5c.7,16.9,11.4,31.2,26.5,38.2h0c7.1,3.4,15.3,6,23.9,5.6l51.1-2.3c9.7-.4,18.5-4.3,25.8-9.2h0c13-8.6,21.2-22.9,20.5-38.8l8.7-106.6ZM117,123.7l-1.9.3,1,1.7c8.8,14.1,18.9,35.7,18.6,50.4,0,3.4-1.9,12-4.5,12.6-.3,0-1.9,0-7.2-5.4-3.5-3.6-7.3-8.2-10.7-12.3-3.1-3.7-5.5-6.7-7-8l-1-.9-.8,1c-8.2,10-17,17.6-24.1,21-3.2,1.5-6.2,2.3-9.1,2.2-2.7,0-3.3-.4-3.3-.5-1.4-2,2.5-9.5,6.3-16.8,5.2-10,11.6-22.5,11.6-32.7,0-10.3-4.5-19.1-9-27.7-.7-1.3-1.3-2.6-2-3.8-1.5-2.9-2.9-5.5-4.1-7.8-2.3-4.3-4.5-8.3-4.5-9.6h0c0-2.3,3.8-2.7,6.9-2.7,6.7.1,8.8.3,13.6,4,4.2,3.2,7.8,6.6,11,9.6,4.2,3.9,7.2,6.8,9.7,7.5,1.7.5,4.4.5,6.6.6h.1c1,0,6.7,0,12.7,0,6.7,0,13.6,0,14.9,0,.3,0,.7,0,1.2,0,2.5,0,9.3,0,9.5,2.6.3,3.5-6.5,11.1-34.5,15.1ZM85.5,70.5c-1.3,1.6-2.7,3.3-4.6,4.5-3.6,2.3-9.1,3.5-12.4,3.4,0,0-.2,0-.3,0-14.6-.3-18.5-14.2-20.3-20.9-.2-.7-.3-1.2-.5-1.7-.2-.6-.8-2.6-6.9-8.6-1.8-1.8-3.7-3.4-5.4-4.8-2.2-1.9-5.3-4.5-5.3-5.4.3-.8,3.9-2.2,6.5-3.3l.4-.2c4.6-1.8,13.9-4.9,25.1-4.7,14,.3,18.6,7.1,22.7,13,4.3,6.3,5.3,13,5.2,15.9-.1,5.1-1.5,9.3-4.2,12.6Z'/%3E%3C/svg%3E");
}
.xmark-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M206.85 259.05c-62.15-62.12-119-118.92-175.81-175.77-6.65-6.66-13.55-13.17-19.47-20.45C-2.28 45.79-2.81 27.8 12.49 11.89c15.73-16.36 33.9-15.13 50.23-.63 15.34 13.63 29.42 28.68 43.95 43.21 48.94 48.94 97.84 97.93 148.58 148.73 8.29-7.77 15.11-13.82 21.55-20.25 54.55-54.45 108.42-109.6 164.07-162.9 10.31-9.88 28.81-19.06 41.6-16.93 31.11 5.17 37.24 40.37 12.42 65.84-45.42 46.61-91.69 92.39-137.92 138.2-15.7 15.56-32.36 30.14-53.24 49.49 26.06 24.17 48.99 44.49 70.84 65.91 39.73 38.98 79.05 78.39 118.09 118.07 22.27 22.63 23.94 43.58 6.2 60.45-17.48 16.61-35.25 14.52-57.92-8-54.68-54.31-109.04-108.95-163.58-163.41-6.51-6.5-13.33-12.7-25.22-24-17.08 19.36-32.1 37.98-48.77 54.97-43.17 44.02-86.96 87.43-130.7 130.9-24.08 23.93-42.16 26.55-59.82 9.37-17.45-16.98-14.71-39 8.6-62.45 53.13-53.44 106.43-106.72 159.93-159.79 6.65-6.6 14.91-11.57 25.47-19.62Z'/%3E%3C/svg%3E");
}
.sliders-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons Inc.--%3E%3Cpath d='M0 416c0 17.7 14.3 32 32 32l54.7 0c12.3 28.3 40.5 48 73.3 48s61-19.7 73.3-48L480 448c17.7 0 32-14.3 32-32s-14.3-32-32-32l-246.7 0c-12.3-28.3-40.5-48-73.3-48s-61 19.7-73.3 48L32 384c-17.7 0-32 14.3-32 32zm128 0a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zM320 256a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm32-80c-32.8 0-61 19.7-73.3 48L32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l246.7 0c12.3 28.3 40.5 48 73.3 48s61-19.7 73.3-48l54.7 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-54.7 0c-12.3-28.3-40.5-48-73.3-48zM192 128a32 32 0 1 1 0-64 32 32 0 1 1 0 64zm73.3-64C253 35.7 224.8 16 192 16s-61 19.7-73.3 48L32 64C14.3 64 0 78.3 0 96s14.3 32 32 32l86.7 0c12.3 28.3 40.5 48 73.3 48s61-19.7 73.3-48L480 128c17.7 0 32-14.3 32-32s-14.3-32-32-32L265.3 64z'/%3E%3C/svg%3E");
}
.clock-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464,256c0,114.88-93.12,208-208,208S48,370.88,48,256,141.12,48,256,48s208,93.12,208,208ZM0,256c0,141.38,114.62,256,256,256s256-114.62,256-256S397.38,0,256,0,0,114.62,0,256ZM232,120v136c0,8,4,15.5,10.7,20l96,64c11,7.4,25.9,4.4,33.3-6.7,7.4-11.1,4.4-25.9-6.7-33.3l-85.3-56.8v-123.2c0-13.3-10.7-24-24-24s-24,10.7-24,24Z'/%3E%3C/svg%3E");
}
.xmark-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M206.85,259.05c-62.15-62.12-119-118.92-175.81-175.77-6.65-6.66-13.55-13.17-19.47-20.45C-2.28,45.79-2.81,27.8,12.49,11.89c15.73-16.36,33.9-15.13,50.23-.63,15.34,13.63,29.42,28.68,43.95,43.21,48.94,48.94,97.84,97.93,148.58,148.73,8.29-7.77,15.11-13.82,21.55-20.25,54.55-54.45,108.42-109.6,164.07-162.9,10.31-9.88,28.81-19.06,41.6-16.93,31.11,5.17,37.24,40.37,12.42,65.84-45.42,46.61-91.69,92.39-137.92,138.2-15.7,15.56-32.36,30.14-53.24,49.49,26.06,24.17,48.99,44.49,70.84,65.91,39.73,38.98,79.05,78.39,118.09,118.07,22.27,22.63,23.94,43.58,6.2,60.45-17.48,16.61-35.25,14.52-57.92-8-54.68-54.31-109.04-108.95-163.58-163.41-6.51-6.5-13.33-12.7-25.22-24-17.08,19.36-32.1,37.98-48.77,54.97-43.17,44.02-86.96,87.43-130.7,130.9-24.08,23.93-42.16,26.55-59.82,9.37-17.45-16.98-14.71-39,8.6-62.45,53.13-53.44,106.43-106.72,159.93-159.79,6.65-6.6,14.91-11.57,25.47-19.62Z'/%3E%3C/svg%3E");
}
.circle-xmark-regulare-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c-9.4 9.4-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0z'/%3E%3C/svg%3E");
}
.circle-xmark-solid {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z'/%3E%3C/svg%3E");
}
.home-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M454.75,247.64c0,54.9.02,105.86,0,156.82-.02,54.5-27.36,81.98-81.58,81.99-79.11.01-158.22.03-237.33,0-51.45-.02-79.28-27.96-79.33-79.67-.05-46.7-.01-93.4-.01-140.11,0-5.1,0-10.21,0-19.08-7.36,5.52-12.13,8.91-16.69,12.54-17.49,13.91-26.87,14.96-35.72,3.86-8.89-11.15-5.59-22.35,10.59-36.08,34.52-29.29,69.04-58.58,103.56-87.86,39.24-33.3,78.46-66.62,117.74-99.87,16.44-13.92,22.26-14.12,38.28-.55,75.28,63.74,150.57,127.47,225.46,191.66,5.59,4.79,11.01,12.96,11.48,19.9,1.1,16.01-16.36,25.06-30.04,16.38-8.27-5.24-15.71-11.77-26.41-19.92ZM170.94,444.23c0-6.86,0-11.99,0-17.12,0-38.61-.15-77.22.07-115.83.14-24.12,14.18-38.34,38.11-38.56,30.98-.28,61.97-.3,92.96,0,23.67.23,37.98,14.83,38.16,38.75.24,32.41.06,64.83.06,97.24,0,11.31,0,22.63,0,35.59,13.82,0,26.07.02,38.32,0,25.86-.04,35.43-9.37,35.48-35.24.11-61.49.34-122.99-.38-184.47-.08-6.88-4.21-15.7-9.42-20.22-45.72-39.67-92.3-78.34-138.13-117.88-8.3-7.16-13.34-6.89-21.48.14-42.21,36.45-84.39,72.97-127.83,107.91-14.86,11.95-20.64,24.14-20.22,43.18,1.28,58.13.38,116.3.52,174.45.04,19.09,9.37,31.08,25.48,31.88,15.18.75,30.43.16,48.3.16ZM298.58,443.74v-127.83h-85.97v127.83h85.97Z'/%3E%3C/svg%3E");
}
.circle-check-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 512 512'%3E%3C!-- Generator: Adobe Illustrator 28.7.1, SVG Export Plug-In . SVG Version: 1.2.0 Build 142) --%3E%3Cg%3E%3Cg id='Calque_1'%3E%3Cpath d='M31.2,384.1c-45.8-79.2-45.8-176.8,0-256C76.9,48.9,161.4.1,252.9.1s176,48.8,221.7,128c45.7,79.2,45.7,176.8,0,256-45.8,79.2-130.3,128-221.7,128s-176-48.8-221.7-128ZM72.8,152.1c-37.2,64.4-37.2,143.6,0,208,37.1,64.4,105.8,104,180.1,104s143-39.6,180.1-104c37.1-64.4,37.1-143.6,0-208-37.1-64.4-105.8-104-180.1-104s-143,39.6-180.1,104ZM238,337.1c-9.3,9.4-24.5,9.4-33.9,0l-64-64c-9.4-9.3-9.3-24.5,0-33.9,9.3-9.4,24.5-9.4,33.9,0l47,47,111-111c9.3-9.4,24.5-9.3,33.9,0,9.4,9.3,9.4,24.5,0,33.9l-127.9,128Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.mail-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M90.63,12.5c2.6,0,4.82.91,6.64,2.74,1.82,1.82,2.73,4.04,2.73,6.64v56.25c0,2.61-.91,4.82-2.73,6.64-1.82,1.83-4.04,2.74-6.64,2.74H9.37c-2.61,0-4.82-.91-6.64-2.74-1.82-1.82-2.73-4.03-2.73-6.64V21.87c0-2.6.91-4.82,2.73-6.64,1.82-1.82,4.03-2.74,6.64-2.74h81.25ZM90.63,21.87H9.37v8.01c4.56,3.65,13.35,10.55,26.37,20.7,0,.13.91.95,2.73,2.44,1.82,1.5,3.19,2.54,4.1,3.12.91.59,2.12,1.27,3.61,2.05,1.5.78,2.77,1.17,3.81,1.17s2.31-.39,3.81-1.17c1.5-.78,2.7-1.47,3.61-2.05.91-.59,2.28-1.63,4.1-3.12,1.82-1.5,2.73-2.31,2.73-2.44,13.02-10.15,21.81-17.06,26.37-20.7v-8.01ZM9.37,78.13h81.25v-36.33c-4.56,3.65-11.4,9.05-20.51,16.21-.26.13-1.21.91-2.83,2.34-1.63,1.44-2.9,2.48-3.81,3.13-.91.65-2.22,1.46-3.91,2.44-1.69.98-3.32,1.69-4.88,2.15-1.56.46-3.12.68-4.69.68s-3.16-.23-4.79-.68c-1.63-.46-3.26-1.2-4.88-2.25-1.63-1.04-2.9-1.88-3.81-2.54-.91-.65-2.18-1.66-3.81-3.03-1.63-1.37-2.57-2.11-2.83-2.24-9.12-7.16-15.95-12.56-20.51-16.21v36.33Z'/%3E%3C/svg%3E");
}
.facebook-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z'/%3E%3C/svg%3E");
background-color: #0866ff;
}
.twitter-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E");
}
.whatsapp-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M100,49.58c0,27.32-22.72,49.55-50.02,49.55h-.02c-8.3,0-16.45-2.08-23.68-6.03L0,100l7.03-25.67C2.7,66.81.42,58.28.42,49.55.42,22.23,22.66,0,49.98,0c13.24,0,25.69,5.16,35.04,14.53,9.35,9.37,14.98,21.81,14.98,35.04ZM91.63,49.58c.02-11.01-4.75-21.34-12.52-29.13-7.77-7.79-18.1-12.07-29.11-12.07-22.72,0-41.21,18.48-41.21,41.18,0,7.79,2.17,15.36,6.29,21.92l.98,1.56-4.15,15.2,15.58-4.09,1.5.89c6.32,3.75,13.57,5.74,20.98,5.74,22.7,0,41.65-18.48,41.65-41.2ZM74.91,61.41c.31.51.31,2.99-.72,5.89-1.03,2.9-5.96,5.54-8.35,5.89-3.93.58-7.01.29-14.87-3.1-12.43-5.38-20.53-17.88-21.16-18.71-.6-.83-5.05-6.72-5.05-12.81s3.19-9.08,4.33-10.33c1.14-1.23,2.48-1.54,3.3-1.54s1.65,0,2.37.05c.76.04,1.79-.29,2.79,2.12,1.03,2.48,3.5,8.57,3.82,9.2.31.62.51,1.34.11,2.17-2.37,4.73-4.91,4.58-3.64,6.76,4.8,8.24,9.58,11.09,16.85,14.73,1.23.62,1.96.51,2.68-.31.74-.85,3.1-3.62,3.93-4.87s1.65-1.05,2.79-.62c1.14.4,7.23,3.39,8.46,4.02,1.23.6,2.06.91,2.34,1.47Z'/%3E%3C/svg%3E");
background-color: #16d43c;
}
.viber-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M86.81,9.76C84.33,7.46,74.28.16,51.91.07c0,0-26.39-1.6-39.35,10.2C5.39,17.45,2.88,27.92,2.61,40.9c-.27,12.98-.61,37.32,22.85,43.92h0v10.08s0,4.09,2.54,4.9c3.24,1.03,5.15-2.09,8.26-5.42,1.69-1.85,4.06-4.54,5.81-6.6,9.98.93,20.04.2,29.78-2.18,3.24-1.06,21.58-3.39,24.58-27.75,3.18-25.09-1.39-40.95-9.62-48.09ZM89.53,56.07c-2.54,20.31-17.4,21.58-20.13,22.46-8.38,2.07-17.03,2.81-25.64,2.21,0,0-10.17,12.11-13.35,15.44-.36.42-.9.65-1.45.61-.54-.15-.7-.79-.7-1.73v-16.74h0c-19.85-5.54-18.7-26.24-18.46-37.08.24-10.84,2.27-19.73,8.32-25.73C29,5.67,51.43,7.13,51.43,7.13c18.92,0,28,5.78,30.08,7.69,7.05,5.99,10.59,20.28,8.02,41.25h0Z'/%3E%3Cpath d='M61.11,41.6c-.68,0-1.24-.53-1.27-1.21.31-3.33-2.15-6.28-5.47-6.58-.29-.03-.59-.03-.88-.02-.7-.04-1.24-.64-1.2-1.35.04-.7.64-1.24,1.35-1.2,4.69-.14,8.62,3.54,8.76,8.24,0,.28,0,.56-.02.84.03.7-.51,1.3-1.21,1.33,0,0,0,0,0,0l-.06-.06Z'/%3E%3Cpath d='M67.62,43.78h0c-.7-.02-1.26-.6-1.24-1.3,0,0,0,0,0,0,.23-3.93-1.13-7.78-3.78-10.68-2.89-3-6.85-4.73-11.02-4.81-.7.05-1.31-.49-1.35-1.19-.05-.7.49-1.31,1.19-1.35.12,0,.23,0,.35.02,4.81.13,9.37,2.14,12.71,5.6,3.04,3.37,4.62,7.81,4.39,12.35.07.68-.43,1.29-1.11,1.36-.04,0-.08,0-.13,0Z'/%3E%3Cpath d='M74.25,46.38c-.7,0-1.27-.57-1.27-1.27.36-6.74-2.11-13.32-6.81-18.16-4.47-4.37-10.52-6.76-16.77-6.63-.7,0-1.27-.57-1.27-1.27,0-.7.57-1.27,1.27-1.27h0c6.91-.12,13.58,2.53,18.52,7.35,5.14,5.3,7.88,12.48,7.57,19.85,0,.7-.57,1.27-1.27,1.27l.03.12Z'/%3E%3Cpath d='M53.82,57.28c1.02.08,2.01-.3,2.72-1.03l1.88-2.36c1.33-1.46,3.51-1.75,5.18-.7,1.61.93,3.16,1.94,4.66,3.03,1.42,1.06,4.3,3.45,4.3,3.48,1.4,1.13,1.73,3.14.76,4.66h0c-1.03,1.79-2.34,3.4-3.87,4.78h0c-1.11,1.01-2.49,1.67-3.96,1.91-.19.03-.38.03-.58,0-.56,0-1.13-.07-1.66-.24h0c-3.77-1.3-7.4-2.99-10.84-5.02-3.2-1.75-6.23-3.78-9.08-6.05-1.43-1.13-2.79-2.34-4.09-3.63h-.15c-1.28-1.31-2.49-2.68-3.63-4.12-2.26-2.85-4.29-5.89-6.05-9.08-2.04-3.43-3.71-7.06-4.99-10.84h0c-.18-.55-.27-1.12-.27-1.69-.02-.19-.02-.38,0-.58.23-1.47.9-2.84,1.91-3.93h0c1.16-1.76,2.61-3.33,4.27-4.63h0c1.53-.98,3.55-.65,4.69.76,0,0,2.42,3.03,3.45,4.3s2.3,3.48,3.03,4.66c1.03,1.69.73,3.87-.73,5.21l-2.36,1.85c-.73.72-1.11,1.73-1.03,2.75,2.34,7.94,8.54,14.15,16.46,16.53Z'/%3E%3C/svg%3E");
background-color: var(--colorViber);
}
.hammer-solid-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 500 500'%3E%3C!-- Generator: Adobe Illustrator 28.7.1 SVG Export Plug-In . SVG Version: 1.2.0 Build 142) --%3E%3Cg%3E%3Cg id='Calque_1'%3E%3Cg id='Calque_1-2' data-name='Calque_1'%3E%3Cg%3E%3Cpath d='M460.8 193.9c1.1-.7 2.5-1.7 4.1-2.6 8.5-5.2 17-4.8 25.1.7 7.5 5.1 10.6 12.6 9.8 21.6-.5 5.8-3.4 10.7-7.4 14.7-41 41.1-82 82.1-123.1 123.1-8.1 8.1-18.2 9.7-27.4 5.5-11.8-5.4-17-20.6-9.9-32.7.7-1.1 1.4-2.2 1.9-3.1-51.5-51.5-103-102.9-154.7-154.6 0 0-.8.4-1.5.8-11.1 6.5-24.2 5-30.9-3.5-8.5-10.8-7.7-23.4 2.4-33.4 15.2-15.3 30.5-30.5 45.8-45.7 25.5-25.5 51-51.1 76.5-76.6 9.7-9.7 23.3-10.9 33.4-1.7 8.7 8.1 10.5 19.1 3.3 30.1-.7 1.1-1.5 2.1-2 2.9 51.6 51.6 103.1 103 154.7 154.5h0Z'/%3E%3Cpath d='M168.7 297.4c16.5-16.5 32.5-32.4 48.3-48.1 11 11.2 22 22.4 33.2 33.7-15.6 15.3-31.7 31.1-48.9 48 2.4 1.9 4.7 3.4 6.7 5.3 14.5 13.9 13.7 33.3-.1 47-35.7 35.2-71 70.8-106.4 106.4-7.4 7.5-16 11.3-26.6 10.3-7.8-.7-14.5-3.9-19.9-9.4-15.2-15.1-30.4-30.2-45.4-45.5-12.6-12.9-12.7-33.1.2-46 35.8-36.1 71.8-72.1 107.9-107.9 13.2-13.1 32.9-12.6 46 .6 1.7 1.8 3.3 3.7 5.2 5.7h-.2Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.calendar-solid-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 500 500'%3E%3C!-- Generator: Adobe Illustrator 28.7.1 SVG Export Plug-In . SVG Version: 1.2.0 Build 142) --%3E%3Cg%3E%3Cg id='Calque_1'%3E%3Cpath d='M421.9 62.5c13 0 24.1 4.6 33.2 13.7s13.7 20.2 13.7 33.2v46.9H31.2v-46.9c0-13 4.6-24.1 13.7-33.2s20.2-13.7 33.2-13.7h46.9V15.6c0-4.6 1.5-8.3 4.4-11.2s6.7-4.4 11.2-4.4h31.2c4.6 0 8.3 1.5 11.2 4.4s4.4 6.7 4.4 11.2v46.9h125V15.6c0-4.6 1.5-8.3 4.4-11.2s6.7-4.4 11.2-4.4h31.2c4.6 0 8.3 1.5 11.2 4.4s4.4 6.7 4.4 11.2v46.9h46.9ZM31.2 453.1V187.5h437.5v265.6c0 13-4.6 24.1-13.7 33.2s-20.2 13.7-33.2 13.7H78.1c-13 0-24.1-4.6-33.2-13.7s-13.7-20.2-13.7-33.2ZM93.8 261.7v39.1c0 7.8 3.9 11.7 11.7 11.7h39.1c7.8 0 11.7-3.9 11.7-11.7v-39.1c0-7.8-3.9-11.7-11.7-11.7h-39.1c-7.8 0-11.7 3.9-11.7 11.7ZM93.8 386.7v39.1c0 7.8 3.9 11.7 11.7 11.7h39.1c7.8 0 11.7-3.9 11.7-11.7v-39.1c0-7.8-3.9-11.7-11.7-11.7h-39.1c-7.8 0-11.7 3.9-11.7 11.7ZM218.8 261.7v39.1c0 7.8 3.9 11.7 11.7 11.7h39.1c7.8 0 11.7-3.9 11.7-11.7v-39.1c0-7.8-3.9-11.7-11.7-11.7h-39.1c-7.8 0-11.7 3.9-11.7 11.7ZM218.8 386.7v39.1c0 7.8 3.9 11.7 11.7 11.7h39.1c7.8 0 11.7-3.9 11.7-11.7v-39.1c0-7.8-3.9-11.7-11.7-11.7h-39.1c-7.8 0-11.7 3.9-11.7 11.7ZM343.8 261.7v39.1c0 7.8 3.9 11.7 11.7 11.7h39.1c7.8 0 11.7-3.9 11.7-11.7v-39.1c0-7.8-3.9-11.7-11.7-11.7h-39.1c-7.8 0-11.7 3.9-11.7 11.7ZM343.8 386.7v39.1c0 7.8 3.9 11.7 11.7 11.7h39.1c7.8 0 11.7-3.9 11.7-11.7v-39.1c0-7.8-3.9-11.7-11.7-11.7h-39.1c-7.8 0-11.7 3.9-11.7 11.7Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.assurancy-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 512 512'%3E%3C!-- Generator: Adobe Illustrator 28.7.1 SVG Export Plug-In . SVG Version: 1.2.0 Build 142) --%3E%3Cg%3E%3Cg id='Calque_1'%3E%3Cg%3E%3Cpath d='M303.5 497.8c-12.9 0-25.6-3.4-38.8-10.4-12.9-6.9-24.9-14.5-36.3-22.6-7.3 0-14.6 0-21.9 0-39.8 0-79.5 0-119.3 0-.3 0-.5 0-.8 0-17.9-.1-23.3-4.3-24.4-19-.1-2.4-.5-4.2-.5-7.2 0-48.8 0-97.6 0-146.4 0 0 0 0 0 0 0-73 0-146 0-219.1 0-21.2 4.4-25.7 24.9-25.7 24 0 48.1 0 72.4 0 47.9 0 134.8 0 167.7 0 18.6 0 23.7 4.4 24.6 20.9 15.8 6.5 31.3 13.1 47 19.7v-10.2C398 24.1 374.2.1 321.2 0 271.6 0 221.9.3 172.3 0c-.4 0-72.2 0-72.6 0h0c-2.7 0-5.3 0-8 0C38.8.1 15 24.1 14.9 77.6c0 59.2 0 118.5 0 177.7 0 5.4 0 10.8 0 16.2 0 0 0 0 0 0 0 57.2 0 114.4.1 171.7 0 42.4 26.6 68.8 69 68.8h1.4s0 0 0 0c40.3 0 80.6 0 120.9 0 40.3 0 80.6 0 120.9 0 0 0 0 0 0 0h1.4c40.4 0 66.1-24.1 68.6-63-16.7 13.8-34.6 26.7-54.9 38-13.2 7.3-26 10.8-39.1 10.8Z'/%3E%3Cg%3E%3Cpath d='M462.8 136.4l-35.6-15.1c-35.8-15.3-72.9-31.1-109.7-46-8.3-3.3-20.1-3.2-28.7.2-34 13.7-68.4 28.3-101.6 42.5l-35.6 15.1c-33.8 14.2-44.8 32.2-42.1 68.6l.6 7c.5 6.2 1 12.3 1.8 18.5 1.3 9.5 2.6 17.8 4.1 25.3 21.1 103.7 72.5 176 157.1 221.1 10.4 5.6 20.4 8.3 30.4 8.3s20.1-2.9 30.5-8.6c104.3-57.7 157.7-150.8 163.1-284.7.9-24.1-10.9-42.1-34.3-52ZM450.2 200.6c-8.7 90.2-38.1 153.9-92.6 200.5-8.6 7.4-18.6 13.6-28.3 19.7-5.4 3.4-10.8 6.8-16 10.4-6.5 4.5-12 4.3-20.6-.2-65.8-35.1-107.3-91.3-126.7-171.8-3.7-15.4-5.7-31.6-7.6-47.3-.8-6.5-1.6-13-2.5-19.5-1-7.1 1.5-11.1 8.9-14.2 18-7.6 36-15.3 53.9-23 26.5-11.3 52.9-22.6 79.4-33.5 1.1-.5 2.6-.7 4.2-.7 2.7 0 5.8.5 8.5 1.6 33.9 14.1 67.6 28.5 101.3 43l21.5 9.2q17.3 7.4 16.6 25.7Z'/%3E%3Cpath d='M359.9 213.5c-25.1 24.8-50.2 49.9-75 75.1-2.8 2.8-4.4 6.2-5.9 9.5 0 0 0 .2-.1.2-.1 0-.2 0-.4-.1l-8.1-8.8c-7.8-8.5-15.6-17.1-23.7-25.2-5.9-6-13-9.3-19.9-9.3s-.2 0-.2 0c-6.1 0-11.6 2.5-15.9 7.1-9.7 10.2-8.7 23.2 2.6 34.8 15.4 15.8 30.7 31.2 45.6 45.7 6.3 6.1 12.8 9.2 19.3 9.2s12.6-3 18.6-9c32.3-32 64.5-64.2 96.5-96.5 6.3-6.3 9.5-13.2 9.4-20 0-5.9-2.7-11.4-7.7-16-9.6-9-24-7.8-35.1 3.1Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.link-mask {
display: inline-block;
background-color: var(--colorText);
mask-size: 100% 100%;
mask-repeat: no-repeat;
width: 1rem;
height: 1rem;
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M.13,272.12c0-54.09-.12-108.18.02-162.27C.29,60.15,29.33,31.39,79.35,31.25c37.49-.11,75-.73,112.45.5,9.01.3,20.8,4.67,26.11,11.31,12.18,15.23-.59,35.03-22.41,35.47-32.65.66-65.33.19-98,.2-7.5,0-15-.09-22.49.02-20.65.3-29.13,8.47-29.16,29.45-.14,109.25-.15,218.5,0,327.75.03,20.87,8.57,29.22,29.33,29.24,109.79.09,219.57.09,329.36,0,20.5-.02,29.25-8.5,29.46-29.39.39-39.09-.57-78.21.67-117.27.28-8.9,4.87-20.69,11.56-25.73,14.71-11.07,32.69.98,33.31,21.74.78,26.22.23,52.48.24,78.72,0,15.53.41,31.08-.1,46.59-1.38,42.24-30.04,72.3-72.31,72.59-111.92.77-223.86.86-335.78-.05-42.36-.35-70.92-30.8-71.32-73.19-.52-55.69-.13-111.39-.14-167.09Z'/%3E%3Cpath d='M431.64,46.58c-34.76,0-65.27.42-95.75-.3-7.59-.18-17.73-1.78-21.94-6.76-4.99-5.89-8.61-17.76-5.91-24.07,3.06-7.14,13.69-15.37,21.22-15.55,53-1.31,106.05-1.12,159.07-.36,14.92.21,23.38,10.29,23.45,25.42.25,51.96.35,103.92-.04,155.88-.12,15.93-9.86,26.05-22.83,26.07-12.94.02-22.22-10.13-22.47-26.13-.42-27.31-.1-54.64-.2-81.96-.02-5.08.07-15.58-.23-20.66l-3.12,3.07c-4.6,4.55-8.78,8.75-12.76,12.77-66.43,66.9-133.16,133.5-199.84,200.15-3.79,3.78-7.44,7.79-11.66,11.02-10.28,7.86-21.19,8.2-30.52-.92-9.29-9.08-9.57-20.02-1.87-30.55,3.13-4.29,7.15-7.95,10.93-11.73,66.65-66.69,133.32-133.34,199.97-200.03,4.04-4.04,7.86-8.31,14.51-15.37Z'/%3E%3C/svg%3E");
}
@media (min-width: 768px) {
.w-md-0 {
width: 0% !important;
}
.w-md-5 {
width: 5% !important;
}
.w-md-10 {
width: 10% !important;
}
.w-md-15 {
width: 15% !important;
}
.w-md-20 {
width: 20% !important;
}
.w-md-25 {
width: 25% !important;
}
.w-md-30 {
width: 30% !important;
}
.w-md-35 {
width: 35% !important;
}
.w-md-40 {
width: 40% !important;
}
.w-md-45 {
width: 45% !important;
}
.w-md-50 {
width: 50% !important;
}
.w-md-55 {
width: 55% !important;
}
.w-md-60 {
width: 60% !important;
}
.w-md-65 {
width: 65% !important;
}
.w-md-70 {
width: 70% !important;
}
.w-md-75 {
width: 75% !important;
}
.w-md-80 {
width: 80% !important;
}
.w-md-85 {
width: 85% !important;
}
.w-md-90 {
width: 90% !important;
}
.w-md-95 {
width: 95% !important;
}
.w-md-100 {
width: 100% !important;
}
.fz-md-1 {
font-size: 1em;
}
.fz-md-2 {
font-size: 1.2em;
}
.fz-md-3 {
font-size: 1.4em;
}
.fz-md-4 {
font-size: 1.6em;
}
.fz-md-5 {
font-size: 1.8em;
}
.fz-md-6 {
font-size: 2em;
}
.fzr-md-1 {
font-size: 1rem;
}
.fzr-md-2 {
font-size: 1.2rem;
}
.fzr-md-3 {
font-size: 1.4rem;
}
.fzr-md-4 {
font-size: 1.6rem;
}
.fzr-md-5 {
font-size: 1.8rem;
}
.fzr-md-6 {
font-size: 2rem;
}
.fzr-md-7 {
font-size: 3rem;
}
}
@media (min-width: 992px) {
.w-lg-0 {
width: 0% !important;
}
.w-lg-5 {
width: 5% !important;
}
.w-lg-10 {
width: 10% !important;
}
.w-lg-15 {
width: 15% !important;
}
.w-lg-20 {
width: 20% !important;
}
.w-lg-25 {
width: 25% !important;
}
.w-lg-30 {
width: 30% !important;
}
.w-lg-35 {
width: 35% !important;
}
.w-lg-40 {
width: 40% !important;
}
.w-lg-45 {
width: 45% !important;
}
.w-lg-50 {
width: 50% !important;
}
.w-lg-55 {
width: 55% !important;
}
.w-lg-60 {
width: 60% !important;
}
.w-lg-65 {
width: 65% !important;
}
.w-lg-70 {
width: 70% !important;
}
.w-lg-75 {
width: 75% !important;
}
.w-lg-80 {
width: 80% !important;
}
.w-lg-85 {
width: 85% !important;
}
.w-lg-90 {
width: 90% !important;
}
.w-lg-95 {
width: 95% !important;
}
.w-lg-100 {
width: 100% !important;
}
}
@media (min-width: 1200px) {
body {
font-size: 1rem;
}
.container {
width: 1170px !important;
max-width: 1170px !important;
}
.w-xl-0 {
width: 0% !important;
}
.w-xl-5 {
width: 5% !important;
}
.w-xl-10 {
width: 10% !important;
}
.w-xl-15 {
width: 15% !important;
}
.w-xl-20 {
width: 20% !important;
}
.w-xl-25 {
width: 25% !important;
}
.w-xl-30 {
width: 30% !important;
}
.w-xl-35 {
width: 35% !important;
}
.w-xl-40 {
width: 40% !important;
}
.w-xl-45 {
width: 45% !important;
}
.w-xl-50 {
width: 50% !important;
}
.w-xl-55 {
width: 55% !important;
}
.w-xl-60 {
width: 60% !important;
}
.w-xl-65 {
width: 65% !important;
}
.w-xl-70 {
width: 70% !important;
}
.w-xl-75 {
width: 75% !important;
}
.w-xl-80 {
width: 80% !important;
}
.w-xl-85 {
width: 85% !important;
}
.w-xl-90 {
width: 90% !important;
}
.w-xl-95 {
width: 95% !important;
}
.w-xl-100 {
width: 100% !important;
}
.fz-xl-1 {
font-size: 1em !important;
}
.fz-xl-2 {
font-size: 1.2em !important;
}
.fz-xl-3 {
font-size: 1.4em !important;
}
.fz-xl-4 {
font-size: 1.6em !important;
}
.fz-xl-5 {
font-size: 1.8em !important;
}
.fz-xl-6 {
font-size: 2em !important;
}
.fzr-xl-1 {
font-size: 1rem !important;
}
.fzr-xl-2 {
font-size: 1.2rem !important;
}
.fzr-xl-3 {
font-size: 1.4rem !important;
}
.fzr-xl-4 {
font-size: 1.6rem !important;
}
.fzr-xl-5 {
font-size: 1.8rem !important;
}
.fzr-xl-6 {
font-size: 2rem !important;
}
.fzr-xl-7 {
font-size: 3rem !important;
}
}
#breadcrumb i {
flex-shrink: 0;
color: var(--colorText);
}
#breadcrumb i.mask {
background-color: var(--colorText);
}
#breadcrumb .breadcrumb {
background: rgba(0, 0, 0, 0);
padding: 1.2rem 0 1rem 0;
}
#breadcrumb .breadcrumb a {
text-decoration: underline;
}
#breadcrumb .breadcrumb li i,
#breadcrumb .breadcrumb li .bread-separator {
margin: 0 1rem;
}
#breadcrumb .breadcrumb li:last-child span {
font-weight: bold;
}
#breadcrumb ol .bread-content,
#breadcrumb ol .bread-content a {
display: flex;
align-items: center;
}
#breadcrumb ol i {
width: 1.2rem;
height: 1.2rem;
}
#breadcrumb ol .home-link {
display: none;
}
#breadcrumb .bread-separator {
font-size: 1.2rem;
}
#breadcrumb #dropdown-ariane {
--color-item-disabled: rgba(45, 45, 45, 0.5);
margin-inline: 1rem;
}
#breadcrumb #dropdown-ariane .btn-dropdown,
#breadcrumb #dropdown-ariane .dropdown-menu {
font-size: inherit;
}
#breadcrumb #dropdown-ariane .btn-dropdown {
color: var(--colorText);
gap: 1rem;
}
#breadcrumb #dropdown-ariane .btn-dropdown span:not(.bread-separator) {
overflow-x: hidden;
text-overflow: ellipsis;
}
#breadcrumb #dropdown-ariane .btn-dropdown .down-arrow {
width: 0.9rem;
height: 0.9rem;
}
#breadcrumb #dropdown-ariane .bread-separator {
font-weight: normal;
}
#breadcrumb #dropdown-ariane .dropdown-menu {
width: calc(100% - 30px);
margin-inline: 15px;
border-radius: 0.75rem;
overflow: hidden;
}
#breadcrumb #dropdown-ariane .dropdown-item {
display: flex;
align-items: center;
padding: 0;
padding-inline: 1rem;
gap: 1rem;
}
#breadcrumb #dropdown-ariane .dropdown-item:last-child {
padding-block: 0.65rem;
}
#breadcrumb #dropdown-ariane .dropdown-item a {
display: flex;
align-items: center;
width: 100%;
padding-block: 0.8rem !important;
}
#breadcrumb #dropdown-ariane .dropdown-item.disabled {
color: var(--color-item-disabled);
}
#breadcrumb #dropdown-ariane .dropdown-item.disabled i {
flex-shrink: 0;
background-color: var(--color-item-disabled);
}
@media (min-width: 1200px) {
#breadcrumb ol i {
width: 1rem;
height: 1rem;
}
}
.badge {
padding: 0.4rem 0.6rem 0.3rem 0.6rem;
font-size: 0.86rem;
}
.badge.badge-rounded {
border-radius: 50%;
}
.badge.badge-primary {
background: var(--colorPrimary);
color: var(--colorPrimaryInverse);
}
.badge.badge-light {
border-color: var(--colorText);
border: 1px solid;
border-radius: 0.25rem;
}
.badge.badge-link {
border-color: var(--colorLinkLighten);
color: var(--colorLink);
font-weight: normal;
}
.badge-outline-green {
border-color: var(--colorSell);
color: var(--colorSell);
border: 1px solid;
background-color: #fff;
}
.badge-outline-green i {
color: var(--colorSell);
}
.badge-outline-primary {
border-color: var(--colorPrimary);
color: var(--colorBtnPrimaryEmpty);
border: 1px solid;
background-color: #fff;
}
.badge-outline-primary i {
color: var(--colorBtnPrimaryEmpty);
}
.badge-outline-primary .mask-icon {
height: 0.9rem;
width: 0.9rem;
background-color: var(--colorBtnPrimaryEmpty);
}
:root {
--height-btn-sell: 3.1rem;
}
.btn {
color: var(--colorText);
font-weight: bold;
text-decoration: none;
border-radius: 5px;
white-space: nowrap;
margin: auto;
padding: 0.625rem;
}
.btn:focus {
box-shadow: none;
}
.btn-lg {
padding: 0.938rem;
font-size: 2rem;
}
.btn-md {
font-size: 1.7rem;
}
.btn-outline-blue {
color: var(--colorBlue) !important;
background-color: rgba(0, 0, 0, 0) !important;
border: 1px solid var(--colorBlue) !important;
border-radius: 5px !important;
}
.btn-outline-blue:hover {
color: #fff !important;
background-color: var(--colorBlue) !important;
text-decoration: none !important;
}
.btn-outline-blue:hover i {
color: #fff !important;
}
.btn-blue {
color: #fff !important;
background-color: var(--colorBlue) !important;
border-radius: 5px !important;
}
.btn-grey {
color: var(--colorWhite);
background-color: var(--colorText);
}
.btn-picture {
color: var(--colorInfo);
background-color: var(--colorWhite);
opacity: 0.7;
}
.btn-picture i {
color: var(--colorInfo);
}
.btn-empty {
color: var(--colorBlue) !important;
background-color: #fff !important;
}
.btn-blue:hover {
color: #fff !important;
background-color: var(--colorBlue) !important;
text-decoration: none !important;
}
.btn-border-blue {
color: var(--colorBlue);
padding: 0.8rem;
font-size: 1rem;
font-weight: bold;
background-color: #fff;
border: 1px solid var(--colorBlue);
border-radius: 5px;
}
.btn-border-blue:focus,
.btn-border-blue:active,
.btn-border-blue:hover {
color: #fff !important;
background-color: var(--colorBlue) !important;
}
.btn-border-blue:focus i,
.btn-border-blue:active i,
.btn-border-blue:hover i {
color: #fff !important;
}
.btn-border-green {
color: var(--colorSell);
padding: 0.8rem;
font-size: 1rem;
font-weight: bold;
background-color: #fff;
border: 1px solid var(--colorSell);
border-radius: 5px;
}
.btn-border-green i.whatsapp-mask {
background-color: var(--colorSell);
}
.btn-border-green:hover {
color: #fff !important;
background-color: var(--colorSell) !important;
}
.btn-border-green:hover i {
color: #fff !important;
}
.btn-border-green:hover i.mask-icon {
background-color: #fff !important;
}
.btn-border-purple {
color: var(--colorViber);
padding: 0.8rem;
font-size: 1rem;
font-weight: bold;
background-color: #fff;
border: 1px solid var(--colorViber);
border-radius: 5px;
}
.btn-border-purple:hover {
color: #fff !important;
background-color: var(--colorViber) !important;
}
.btn-border-purple:hover i {
color: #fff !important;
}
.btn-border-red {
color: var(--familyColor4);
padding: 0.8rem;
font-size: 1rem;
font-weight: bold;
background-color: #fff;
border: 1px solid var(--familyColor4);
border-radius: 5px;
}
.btn-border-red:hover {
color: #fff !important;
background-color: var(--familyColor4) !important;
}
.btn-border-red:hover i {
color: #fff !important;
}
.btn-border-grey {
color: var(--colorText);
padding: 0.8rem;
font-size: 1rem;
font-weight: bold;
background-color: #fff;
border: 1px solid var(--colorText);
border-radius: 5px;
}
.btn-border-grey:hover,
.btn-border-grey:focus {
color: #fff !important;
background-color: var(--colorText) !important;
}
.btn-border-grey:hover i,
.btn-border-grey:focus i {
color: var(--colorWhite) !important;
}
.btn-border-grey:hover i.mask,
.btn-border-grey:focus i.mask {
background-color: var(--colorWhite) !important;
}
.btn-green {
background: var(--colorSell);
color: var(--colorWhite);
}
.btn-green:hover {
background: var(--colorSellDarken);
color: var(--colorWhite);
}
.btn.btn-primary,
.btn.btn-primary-inverse {
background-color: var(--colorPrimary);
color: var(--colorPrimaryInverse) !important;
border: 1px solid rgba(0, 0, 0, 0);
}
.btn.btn-primary i,
.btn.btn-primary-inverse i {
transition: color 0.15s ease-in-out;
color: var(--colorPrimaryInverse);
}
.btn.btn-primary i.mask,
.btn.btn-primary-inverse i.mask {
background-color: var(--colorPrimaryInverse);
}
.btn.btn-primary:focus,
.btn.btn-primary-inverse:focus,
.btn.btn-primary:active,
.btn.btn-primary-inverse:active,
.btn.btn-primary:hover,
.btn.btn-primary-inverse:hover {
background-color: var(--colorPrimaryDarken) !important;
color: var(--colorPrimaryInverse) !important;
}
.btn.btn-primary:focus i,
.btn.btn-primary-inverse:focus i,
.btn.btn-primary:active i,
.btn.btn-primary-inverse:active i,
.btn.btn-primary:hover i,
.btn.btn-primary-inverse:hover i {
color: var(--colorPrimaryInverse);
}
.btn.btn-primary:active,
.btn.btn-primary-inverse:active,
.btn.btn-primary:focus,
.btn.btn-primary-inverse:focus {
box-shadow: 0 0 0 0.2rem var(--colorPrimaryWithTransparency) !important;
border-color: var(--colorPrimaryDarken) !important;
}
.btn.btn-primary-inverse {
border: 1px solid var(--colorPrimary);
}
.btn.btn-primary-inverse:focus,
.btn.btn-primary-inverse:active,
.btn.btn-primary-inverse:hover {
background-color: var(--colorWhite) !important;
color: var(--colorBtnPrimaryEmpty) !important;
}
.btn.btn-primary-inverse:focus i,
.btn.btn-primary-inverse:active i,
.btn.btn-primary-inverse:hover i {
color: var(--colorPrimary);
}
.btn-complete-profil {
border-color: #fc4700;
color: #fc4700;
font-size: 10px;
padding: 0.25rem 0.7rem;
}
.btn-complete-profil:focus,
.btn-complete-profil:active,
.btn-complete-profil:hover {
border-color: #fc4700;
background-color: #fc4700 !important;
color: var(--colorPrimaryInverse);
}
.btn-outline-primary {
border-color: var(--colorPrimary);
color: var(--colorPrimary);
box-shadow: none !important;
}
.btn-outline-primary i {
color: var(--colorPrimary);
}
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary:hover {
border-color: var(--colorPrimary) !important;
background-color: var(--colorPrimary) !important;
color: var(--colorPrimaryInverse) !important;
}
.btn-outline-primary:focus i,
.btn-outline-primary:active i,
.btn-outline-primary:hover i {
color: var(--colorPrimaryInverse);
}
.btn-secondary {
background-color: var(--colorSecondary);
color: var(--colorWhite);
border: none;
}
.btn-secondary i {
color: var(--colorWhite);
}
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:hover {
background-color: var(--colorSecondary) !important;
color: var(--colorWhite);
}
.btn-secondary:active {
box-shadow: 0 0 0 0.2rem var(--colorSecondaryWithTransparency) !important;
border-color: var(--colorSecondary);
}
.btn-outline-secondary {
border-color: var(--colorSecondary);
color: var(--colorSecondary);
}
.btn-outline-secondary:focus,
.btn-outline-secondary:active,
.btn-outline-secondary:hover {
border-color: var(--colorSecondary);
background-color: var(--colorSecondary) !important;
color: var(--colorWhite);
}
.btn-sell {
background: var(--colorSell);
color: var(--colorWhite);
height: var(--height-btn-sell);
transition: all 0.15s;
}
.btn-sell i {
transition: color 0.15s;
color: var(--colorWhite);
}
.btn-sell:focus,
.btn-sell:active,
.btn-sell:hover {
background-color: var(--colorSellDarken);
color: var(--colorWhite);
}
.btn-fullsized {
width: 100%;
justify-content: center !important;
}
.btn-make-offer {
background-color: #ffec00;
color: var(--colorText);
font-size: 0.9rem;
position: absolute;
top: 10px;
right: 10px;
}
.btn-all-picture {
background-color: rgba(49, 48, 48, 0.68);
color: var(--colorWhite);
font-size: 0.9rem;
z-index: 1;
position: absolute;
bottom: 10px;
left: 10px;
}
.btn-all-picture:hover {
color: var(--colorWhite);
}
.btn-back-listing {
background-color: rgba(101, 101, 100, 0.68);
color: var(--colorWhite);
font-size: 0.7rem;
z-index: 1;
position: absolute;
top: 10px;
left: 10px;
width: 33px;
height: 33px;
}
.btn-back-listing:hover {
color: var(--colorWhite);
}
.btn-account,
.btn-connect {
border: none;
height: var(--height-btn-sell);
color: var(--colorText);
font-weight: normal;
}
.btn-account i,
.btn-connect i {
transition: color 0.15s;
}
.btn-account:hover,
.btn-connect:hover {
color: var(--colorWhite);
background-color: var(--colorText);
}
.btn-account:hover i,
.btn-connect:hover i {
color: var(--colorWhite);
}
.btn-connect {
border: none;
}
.btn-connect:hover {
color: var(--colorText);
background-color: unset;
}
.btn-nav {
color: var(--colorText);
font-size: 1rem;
font-weight: normal;
border: none;
border-radius: 0;
margin: 0;
padding: 1.3rem 1rem;
transition: none;
}
.btn-nav:hover,
.btn-nav:focus {
background-color: var(--colorPrimary);
color: var(--colorPrimaryInverse);
}
.btn-nav:hover i,
.btn-nav:focus i {
color: var(--colorPrimaryInverse);
}
@media (min-width: 992px) {
.btn-account,
.btn-connect {
border: 0.125rem solid var(--colorText) !important;
}
.btn-connect {
border: none !important;
}
}
.btn-outline-white {
color: #fff !important;
text-decoration: none;
border: 1px solid #fff;
border-radius: 12px;
padding: 10px;
font-size: 14px !important;
font-weight: bold;
}
.btn-outline-white:hover {
color: var(--colorBlue) !important;
text-decoration: none;
background-color: var(--colorWhite);
border: 1px solid var(--colorBlue);
border-radius: 12px;
padding: 10px;
font-size: 14px !important;
font-weight: bold;
}
.btn-link {
color: #08c;
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-facebook {
color: #3b5998;
}
.btn-twitter {
color: #00acee;
}
.btn-whatsapp {
color: #25d366;
}
.btn-viber {
color: #7360f2;
}
.btn-next-pagination.btn-outline-secondary {
background-color: var(--colorText);
color: var(--colorWhite);
border: none;
}
.btn-next-pagination.btn-outline-secondary .picto-menu-mobile {
background-color: var(--white);
}
.btn-pagination {
border: 1px solid var(--colorText);
height: 35px;
padding: 6px 10px !important;
}
.btn-pagination.btn-secondary {
background-color: var(--colorText);
}
.btn-space-pagination {
border: none;
padding: 5px 0;
}
.btn-pagination-groupe {
font-size: 1rem !important;
font-weight: bold;
padding: 0;
margin: 0 10px !important;
}
.btn-pagination-groupe.spacing {
font-size: 10px;
font-weight: bold;
padding: 0;
cursor: default !important;
}
.btn-pagination-groupe.underline {
text-decoration: underline;
}
.btn-pagination.btn-secondary:hover {
color: var(--colorWhite);
background-color: var(--colorSecondary);
}
.btn-pagination:hover {
color: var(--colorWhite);
background-color: var(--colorText);
}
.btn-first-pagination.btn-outline-secondary,
.btn-last-pagination.btn-outline-secondary {
color: var(--colorText);
}
.btn-first-pagination.btn-outline-secondary:hover,
.btn-last-pagination.btn-outline-secondary:hover {
background-color: var(--colorText) !important;
color: var(--colorWhite);
}
.btn-back-pagination {
border: 1px solid var(--colorText);
height: 35px;
padding: 6px 10px !important;
display: flex;
align-items: center;
}
.btn-back-pagination .picto-menu-mobile {
margin: 0 !important;
transform: rotate(180deg);
}
.btn-back-pagination,
.btn-next-pagination,
.btn-last-pagination,
.btn-first-pagination {
border: 1px solid var(--colorText);
height: 35px;
padding: 6px 10px !important;
display: flex;
align-items: center;
}
.btn-back-pagination .picto-menu-mobile,
.btn-next-pagination .picto-menu-mobile,
.btn-last-pagination .picto-menu-mobile,
.btn-first-pagination .picto-menu-mobile {
margin: 0 !important;
transition: color 0.3s ease;
}
.btn-back-pagination.disabled,
.btn-next-pagination.disabled,
.btn-last-pagination.disabled,
.btn-first-pagination.disabled {
color: var(--colorWhite) !important;
background-color: var(--colorDarkenGrey) !important;
cursor: not-allowed !important;
opacity: 0.5 !important;
}
.btn-back-pagination.disabled:hover,
.btn-next-pagination.disabled:hover,
.btn-last-pagination.disabled:hover,
.btn-first-pagination.disabled:hover {
color: var(--colorSecondary);
background-color: var(--colorDarkenGrey) !important;
cursor: not-allowed !important;
opacity: 0.5;
}
.btn-back-pagination.disabled .picto-menu-mobile,
.btn-next-pagination.disabled .picto-menu-mobile,
.btn-last-pagination.disabled .picto-menu-mobile,
.btn-first-pagination.disabled .picto-menu-mobile {
background-color: #fff;
}
#paginations .btn.btn-back-pagination.btn-outline-black {
background-color: var(--colorGrey) !important;
}
#paginations .btn.btn-back-pagination.btn-outline-black i.mask-icon {
background-color: var(--colorText);
}
#paginations .btn.btn-back-pagination.btn-outline-black:hover {
background-color: var(--colorText) !important;
color: var(--colorWhite) !important;
}
#paginations .btn.btn-back-pagination.btn-outline-black:hover i.mask-icon {
background-color: var(--colorWhite);
}
.btn-primary-pl {
background-color: var(--familyColor1);
color: var(--colorWhite);
}
.btn-primary-tp {
background-color: var(--familyColor2);
color: #3d4a59;
}
.btn-primary-manut {
background-color: var(--familyColor4);
color: var(--colorWhite);
}
.btn-primary-agri {
background-color: var(--familyColor7);
color: var(--colorWhite);
}
.btn-pages-infos-1 {
background-color: var(--colorDarkGrey) !important;
color: var(--colorWhite) !important;
}
.btn-pages-infos-2 {
background-color: var(--colorWhite) !important;
color: var(--colorDarkGrey) !important;
border: 1px solid var(--colorDarkGrey) !important;
}
.btn-pages-infos-3 {
background-color: var(--colorWhite) !important;
color: var(--colorDarkGrey) !important;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3);
}
.btn-outline-blue-dark {
border-color: var(--colorText);
background-color: rgba(0, 0, 0, 0);
color: var(--colorText);
}
.btn-outline-blue-dark i,
.btn-outline-blue-dark span {
color: var(--colorText);
}
.btn-outline-blue-dark:focus,
.btn-outline-blue-dark:active,
.btn-outline-blue-dark:hover {
border-color: var(--colorText);
background-color: var(--colorText) !important;
color: var(--colorWhite);
}
.btn-outline-blue-dark:focus i,
.btn-outline-blue-dark:focus span,
.btn-outline-blue-dark:active i,
.btn-outline-blue-dark:active span,
.btn-outline-blue-dark:hover i,
.btn-outline-blue-dark:hover span {
color: var(--colorWhite);
}
.btn-outline-blue-dark-light {
border-color: var(--colorText);
background-color: rgba(0, 0, 0, 0);
color: var(--colorText);
}
.btn-outline-blue-dark-light i,
.btn-outline-blue-dark-light span {
color: var(--colorText);
}
.btn-outline-blue-dark-light:focus,
.btn-outline-blue-dark-light:active,
.btn-outline-blue-dark-light:hover {
border-color: var(--colorText);
background-color: var(--colorGrey) !important;
color: var(--colorText);
}
.btn-outline-blue-dark-light:focus i,
.btn-outline-blue-dark-light:focus span,
.btn-outline-blue-dark-light:active i,
.btn-outline-blue-dark-light:active span,
.btn-outline-blue-dark-light:hover i,
.btn-outline-blue-dark-light:hover span {
color: var(--colorText);
}
.btn-outline-input-text {
border-radius: 0.25rem !important;
border-color: #ced4da;
background-color: rgba(0, 0, 0, 0);
color: var(--colorText);
}
.btn-outline-input-text i,
.btn-outline-input-text span {
color: var(--colorText);
}
.btn-outline-input-text:focus,
.btn-outline-input-text:active,
.btn-outline-input-text:hover {
border-color: #ced4da;
background-color: var(--colorGrey) !important;
color: var(--colorText);
}
.btn-outline-input-text:focus i,
.btn-outline-input-text:focus span,
.btn-outline-input-text:active i,
.btn-outline-input-text:active span,
.btn-outline-input-text:hover i,
.btn-outline-input-text:hover span {
color: var(--colorText);
}
.card {
border-radius: 0.75rem;
border-color: #efeded;
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.075) !important;
}
.card-no-shadow {
box-shadow: none !important;
}
a .card {
transition: border 0.5s;
}
a .card:hover {
box-shadow: none !important;
border: solid 1px var(--colorPrimary);
}
a .card img.rounded-top {
border-top-left-radius: 0.75rem !important;
border-top-right-radius: 0.75rem !important;
}
.card .link-btn-listing {
color: var(--colorBlue);
text-decoration: underline;
}
.card-technical-sheet {
box-shadow: none !important;
color: var(--colorBlue);
font-weight: bold;
padding: 0.625rem 1.5rem;
transition: all 0.15s;
border-color: var(--colorBlue);
}
.card-technical-sheet span > i {
color: var(--colorBlue) !important;
}
.card-technical-sheet span > i.mask {
background-color: var(--colorBlue) !important;
}
.card-technical-sheet:hover {
background-color: var(--colorBlue);
color: var(--colorWhite);
transition: all 0.15s;
}
.card-technical-sheet:hover span > i {
color: var(--colorWhite) !important;
}
.card-technical-sheet:hover span > i.mask {
background-color: var(--colorWhite) !important;
}
.card-technical-sheet.card-technical-sheet-2:hover {
background-color: var(--colorPrimary);
color: var(--colorPrimaryInverse);
transition: all 0.15s;
}
.card-technical-sheet.card-technical-sheet-2:hover span > i {
color: var(--colorPrimaryInverse) !important;
}
.card-cover {
margin-top: 6rem;
border: none;
box-shadow: none !important;
}
.card-cover .card-body {
padding: 0;
}
.card-cover .card-body .card-text {
font-size: 1.7rem !important;
}
.card-cover .card-body h1 {
font-size: 2.5rem;
}
.card-cover .card-body h2,
.card-cover .card-body li,
.card-cover .card-body p {
font-size: 1.2rem;
}
.card-constructor {
width: 163px;
height: 255px;
margin: auto;
}
.card-constructor:hover .card-hover {
opacity: 1;
transition: opacity 0.2s linear;
}
.card-constructor:hover .card-img {
opacity: 0;
}
.card-constructor .card-body {
display: flex;
align-items: center;
}
.card-constructor .card-hover {
position: absolute;
display: flex;
align-items: center;
height: 100%;
width: 100%;
opacity: 0;
left: 0;
transition: opacity 0.2s linear;
}
.card-constructor .card-hover:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 0.75rem;
z-index: 5;
}
.card-constructor .card-img-overlay {
padding: 0 !important;
width: 100%;
border-radius: 0.75rem;
opacity: 0.75;
}
.card-constructor .card-img-hover {
margin: auto;
width: 80%;
z-index: 10;
}
.card-ft {
border: none !important;
box-shadow: none !important;
height: 140px;
}
.card-ft .card-body {
margin: auto;
width: 100%;
}
.card-ft .card-body .card-img {
position: relative;
border-radius: 0.75rem;
object-fit: cover;
opacity: 0.5;
z-index: 0;
}
.card-ft .card-body .card-img-brand {
width: 140px;
height: 95px;
position: absolute;
left: calc(50% - 70px);
top: calc(50% - 47px);
z-index: 10;
}
.card-ft .card-body:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.6);
border-radius: 0.75rem;
z-index: 5;
}
.card-selected {
background: #eee;
}
.card-brand {
background-color: var(--colorGrey);
border: none !important;
}
.card-brand .card-body {
background-size: auto !important;
padding: 1rem;
}
.card-brand .card-body img {
height: 50px;
}
.card-brand.highlight {
background: var(--colorSecondary);
color: var(--colorWhite);
}
.card-brand.highlight i {
color: var(--white);
}
.card-brand.highlight:hover {
background: var(--colorPrimary);
}
.card-brand:hover {
background: var(--colorGreyDark);
}
.blue-card {
color: #fff !important;
background-color: #327dff;
border-radius: 12px;
font-size: 14px;
min-height: 400px;
cursor: pointer;
}
#form-facets > .filter:last-of-type .card-filter {
border: none !important;
}
.card-filter {
border: none;
border-radius: 0;
box-shadow: none !important;
border-bottom: solid 1px var(--colorGreyDark);
}
.card-filter .card-header {
background-color: rgba(0, 0, 0, 0);
border-bottom: none;
padding-bottom: 1.5rem;
padding-top: 1.5rem;
cursor: pointer;
position: relative;
}
.card-filter .card-header i {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.card-filter .card-header h2,
.card-filter .card-header .h2 {
margin-bottom: 0;
font-size: 1rem !important;
}
.card-filter .card-border-bottom {
border-bottom: solid 1px var(--colorGreyDark);
}
.card-filter .card-body {
display: none;
padding: 0 1rem 1rem 1rem;
}
.card-filter .card-body.open {
display: block !important;
}
.card-filter .card-body li.active > div,
.card-filter .card-body li .link-fa-selected {
font-weight: bold;
}
.card-filter .card-body li.active > div span.far,
.card-filter .card-body li .link-fa-selected span.far {
color: var(--colorPrimary);
}
.card-filter .card-body li > a:hover span.far,
.card-filter .card-body li > div:hover span.far {
color: var(--colorPrimary);
}
.card-filter .card-body li > a {
display: block;
margin-bottom: 0.75rem;
}
.card-filter .card-body li > div {
margin-bottom: 0.75rem;
}
.card-selected-filters {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: none;
}
.card-selected-filters .card-header {
background-color: rgba(0, 0, 0, 0);
border-bottom: none;
padding-bottom: 0;
}
.card-selected-filters .card-header h2,
.card-selected-filters .card-header .h2 {
display: inline-block;
margin-right: 0.5rem;
}
.card-selected-filters .card-body {
padding: 1rem 1rem 0 1rem;
}
.card-selected-filters .filter {
background: var(--colorWhite);
border: 1px solid;
color: var(--colorPrimary);
border-radius: 0.35rem;
padding: 0.3rem 0.65rem;
margin-bottom: 8px !important;
font-size: 0.9rem;
display: flex;
align-items: center;
width: fit-content;
height: fit-content;
}
.card-selected-filters .filter.filter-tp {
color: var(--colorText);
border-color: var(--colorText);
}
.card-selected-filters .filter.filter-tp .mask-icon {
background-color: var(--colorText);
}
.card-selected-filters .filter .mask-icon {
background-color: var(--colorPrimary);
width: 8px;
height: 8px;
margin-left: 6px;
}
.card-selected-filters .facets-link-delete-all {
padding-left: 0;
text-decoration: underline;
color: var(--colorText);
font-weight: normal;
}
.card-bg-similar {
height: 140px;
max-width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
overflow: hidden;
}
.card-bg-similar img {
height: 140px;
max-width: 100%;
overflow: hidden;
visibility: hidden;
}
.card-book .description {
min-height: 170px;
}
.card-book .type {
min-height: 50px;
}
.card-book .img-thumbnail {
min-height: 90px;
max-height: 90px;
object-fit: contain;
}
.card-book .nb-Ads {
min-height: 20px;
}
.fix-card-image {
object-fit: cover;
object-position: center;
min-height: 100% !important;
}
.facets .see-more-row-btn,
.facets .see-less-row-btn {
margin-top: 15px;
}
.facets .see-more-row-btn .fa,
.facets .see-less-row-btn .fa {
margin-right: 8px;
}
.facets .see-more-row-btn-text,
.facets .see-less-row-btn-text {
color: var(--colorText);
text-decoration: underline;
font-weight: bold;
}
@media (min-width: 768px) {
.card-md {
border-radius: 0.75rem;
border-color: #efeded;
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.075) !important;
}
}
@media (min-width: 992px) {
.card-book .description {
min-height: 90px !important;
}
.card-book .type {
min-height: 46px !important;
}
.card-ft {
height: auto;
}
.card-ft .card-body {
width: 50%;
}
.card-ft .card-body:before {
width: 50%;
}
}
.transition-all {
transition: all 0.5s;
}
.transition-color {
transition: color 0.5s;
}
.transition-background-color {
transition: background-color 0.5s;
}
.transition-border-color {
transition: border-color 0.5s;
}
#footer {
--colorFooter: var(--colorText);
background-color: var(--colorFooter);
color: var(--colorWhite);
}
#footer .container {
font-size: 1rem;
}
#footer ul {
padding: 0;
margin: 0;
}
#footer ul li:hover {
text-decoration: underline;
}
#footer hr {
border-color: var(--colorWhite);
}
#footer a {
color: var(--colorWhite);
}
#footer a:hover {
text-decoration: underline;
}
#footer a.color-text {
color: var(--colorText);
}
#footer .footer-bottom {
min-height: 45px;
}
#footer .footer-div div:hover {
text-decoration: underline;
}
#footer .app {
font-weight: normal;
display: flex;
align-items: center;
width: max-content;
color: var(--colorText);
margin-left: 0;
}
#footer .footer-partner .link:hover {
text-decoration: underline;
}
.retour {
position: fixed;
top: auto;
transform: none;
right: 2.5rem;
bottom: 3.8rem;
display: flex;
flex-direction: row;
flex-wrap: wrap;
z-index: 1001;
margin: 0;
padding: 0;
direction: rtl;
opacity: 0;
transition: opacity 200ms ease-in-out;
}
.retour button:hover .inner span,
.retour a:hover .inner span {
max-width: 12.5rem;
padding: 0 1rem;
}
.retour button,
.retour a {
position: relative;
font-size: 0.875rem;
background: none;
border: 0;
padding: 0;
line-height: 1.4285714286;
font-weight: bold;
text-align: center;
display: inline-flex;
border-radius: 64px;
cursor: pointer;
outline: 0;
vertical-align: top;
margin-left: 0;
margin-right: 0;
overflow: visible;
}
.retour .inner {
background-color: var(--colorPrimary);
transition-property: opacity, transform, padding;
padding-inline-start: 1rem;
border-radius: 64px;
transition-property: opacity, transform;
transition-duration: 250ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
display: inline-flex;
justify-content: center;
align-items: center;
min-height: 2.5rem;
width: 100%;
padding: 0.7rem;
}
.retour .inner i {
color: var(--colorPrimaryInverse);
display: inline-block;
margin: 0;
margin-inline-end: 4rem;
height: 1.5rem;
width: 1.5rem;
}
.retour .inner span {
color: var(--colorPrimaryInverse);
max-width: 0;
white-space: nowrap;
overflow: hidden;
transition: all 400ms ease-in-out;
transform-origin: left;
position: static;
width: auto;
height: auto;
margin: 0;
clip: initial;
}
:root {
--main-header-height: 65px;
--dropdown-arrow-background: var(--colorWhite);
}
#header {
--eci-logo-width: 30px;
word-break: keep-all;
white-space: nowrap;
display: flex;
flex-wrap: wrap;
position: relative;
background-color: var(--colorWhite);
}
#header.hidden {
visibility: hidden;
}
#header .top-arrow:before {
--arrow-border-color: rgba(204, 204, 204, 0.3);
--arrow-width: 10px;
--arrow-border-width: 1px;
display: block;
content: "";
position: absolute;
border-top: var(--arrow-border-width) solid var(--arrow-border-color) !important;
border-right: var(--arrow-border-width) solid var(--arrow-border-color) !important;
top: -6px;
right: 10px;
width: var(--arrow-width);
height: var(--arrow-width);
-webkit-transform: translateX(-50%) rotate(-45deg);
-moz-transform: translateX(-50%) rotate(-45deg);
-ms-transform: translateX(-50%) rotate(-45deg);
-o-transform: translateX(-50%) rotate(-45deg);
transform: translateX(-50%) rotate(-45deg);
-webkit-transition-delay: 70ms;
-moz-transition-delay: 70ms;
-o-transition-delay: 70ms;
transition-delay: 70ms;
background-color: var(--dropdown-arrow-background);
transition: background-color 0s;
z-index: -1;
}
#header.header-fixed #header-primary {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1010;
background-color: var(--colorWhite);
}
#header.header-fixed #header-primary.scrolled {
box-shadow: 1px 1px 10px #ccc;
}
#header.header-fixed #header-secondary,
#header.header-fixed #search-nav {
scroll-behavior: smooth;
position: relative;
scrollbar-width: none;
margin-top: var(--main-header-height, 65px);
z-index: 1001;
}
#header .header-icon {
width: 1.6rem;
height: 1.6rem;
}
#header .btn {
transition-duration: 0.15s;
transition-property: background-color, color;
transition-timing-function: cubic-bezier(0, 0, 0.3, 1);
}
#header .dropdown-item {
display: flex;
align-items: center;
padding: 0.8rem 1rem !important;
color: var(--colorText);
}
#header .dropdown-item.color-primary {
color: var(--colorPrimary);
}
#header .link-suggestion:hover,
#header .link-suggestion:focus,
#header .dropdown-item:hover,
#header .dropdown-item:focus {
background-color: var(--colorGrey);
}
#header .link-suggestion:active,
#header .dropdown-item:active {
background-color: var(--colorGreyDark);
}
#header .dropdown-menu {
border: none;
box-shadow: 1px 1px 10px #ccc;
}
#header #myAccount .dropdown-menu {
min-width: 220px;
}
#header #myAccount .point {
position: absolute;
top: 0.525rem;
right: 0.525rem;
}
#header #header-primary,
#header #header-secondary,
#header #search-nav {
padding-inline: 15px;
}
#header #header-primary .btn-nav:hover .header-mask-icon,
#header #header-primary .btn-nav:focus .header-mask-icon,
#header #header-primary .btn-primary .header-mask-icon,
#header #header-secondary .btn-nav:hover .header-mask-icon,
#header #header-secondary .btn-nav:focus .header-mask-icon,
#header #header-secondary .btn-primary .header-mask-icon,
#header #search-nav .btn-nav:hover .header-mask-icon,
#header #search-nav .btn-nav:focus .header-mask-icon,
#header #search-nav .btn-primary .header-mask-icon {
background-color: var(--colorPrimaryInverse);
}
#header #header-primary .btn-sell .header-mask-icon,
#header #header-secondary .btn-sell .header-mask-icon,
#header #search-nav .btn-sell .header-mask-icon {
background-color: var(--colorWhite);
}
#header #header-primary .header-mask-icon,
#header #header-secondary .header-mask-icon {
background-color: var(--colorText);
}
#header #header-primary .btn-sell-menu .header-mask-icon,
#header #header-secondary .btn-sell-menu .header-mask-icon {
width: 1.2rem;
height: 1.2rem;
}
#header #header-primary img:not(.header-icon),
#header #header-secondary img:not(.header-icon) {
width: 30px;
height: 53px;
}
#header #header-primary .logo.eci-logo-mask,
#header #header-secondary .logo.eci-logo-mask {
min-width: var(--eci-logo-width);
max-width: var(--eci-logo-width);
height: auto;
mask-size: contain;
mask-origin: border-box;
mask-position: center;
background-color: var(--colorPrimary);
background-image: unset;
}
#header #header-primary .logo-25ans,
#header #header-secondary .logo-25ans {
margin-top: 0;
}
#header #header-primary .btn-nav,
#header #header-secondary .btn-nav {
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
padding: 0.4rem 0.5rem;
margin: 0.6rem;
}
#header #header-primary {
display: flex;
align-items: center;
max-height: var(--main-header-height, 65px);
min-height: var(--main-header-height, 65px);
}
#header #header-primary .user-message,
#header #header-primary .user-picture {
position: relative;
}
#header #header-primary .user-message .message-count,
#header #header-primary .user-picture .message-count {
position: absolute;
top: 0.625rem;
right: 0.625rem;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
background-color: var(--colorPrimary);
height: 0.7rem;
width: 0.7rem;
border-radius: 50%;
}
#header #header-primary .btn-menu-left {
margin: 0 0 0 -0.625rem;
}
#header #header-primary .btn-menu-left .header-icon {
height: 100%;
}
#header #header-primary .btn-user {
margin: 0 -0.625rem 0 0;
}
#header #header-primary .user-picture .message-count {
top: 0;
right: -0.1rem;
}
#header #header-primary .btn.btn-culture {
border: none;
margin-left: 1rem;
}
#header #header-primary .btn.btn-culture img {
border-radius: 50%;
}
#header #header-primary .user .btn:hover,
#header #header-primary .user .btn:focus,
#header #header-primary .menu-mobile-left:hover,
#header #header-primary .menu-mobile-left:focus {
background-color: var(--colorGrey);
}
#header #header-primary .user img {
height: 1.6rem;
width: 1.6rem;
}
#header #header-primary .user .user-connect > * {
line-height: 1;
}
#header #header-primary .user .user-connect .user-name strong {
display: block;
width: 100%;
}
#header #header-secondary {
border-block: 1px solid var(--colorGreyDark);
}
#header #header-secondary nav.small-font-tablet * {
font-size: 0.9rem;
}
#header #header-secondary nav .btn-nav {
margin: 0.6rem 0.3rem;
}
#header #header-secondary nav:first-of-type :first-child.btn {
margin-left: 0;
}
#header #header-secondary nav:last-of-type :last-child .btn {
margin-right: 0;
}
#header #header-secondary #dropdown-other-cat .top-arrow:before {
right: 40%;
}
#header #header-secondary #dropdown-other-cat .dropdown-item img {
width: 1.2rem !important;
height: 1.5rem !important;
}
#header #header-secondary #dropdown-services .dropdown-menu {
width: 35%;
min-width: max-content;
}
#header #search-nav {
border-bottom: 1px solid var(--colorGreyDark);
}
#header #search-nav .header-mask-icon {
width: 1.4rem;
height: 1.2rem;
}
.menu-alert-unfilled {
font-size: 0.8rem;
background-color: var(--colorWhite) !important;
}
.menu-alert-unfilled .alert-info {
background-color: var(--colorPrimaryWithTransparencyLight);
padding: 0.625rem;
color: var(--colorText);
}
.menu-alert-unfilled .alert-info strong {
color: #fc4700;
}
.bg-familly-light {
background-color: var(--colorPrimaryWithTransparencyLight);
}
.point {
position: relative;
bottom: 11px;
border-radius: 20px;
height: 0.7rem;
width: 0.7rem;
background-color: var(--colorPrimary) !important;
}
.bg-color-green {
background-color: var(--colorSell);
}
.white-space-initial {
white-space: initial;
}
.unfilled-close {
position: absolute;
top: 10px;
right: 10px;
font-size: 1.1rem;
font-weight: normal !important;
color: var(--colorText) !important;
}
.unfilled-close:hover {
color: var(--colorText) !important;
}
.infos-contact-unfilled {
cursor: initial;
width: 220px;
font-size: 10px;
z-index: 100;
top: 50px;
right: 0;
position: absolute;
background-color: #fff;
text-align: left;
box-shadow: 1px 1px 10px #ccc;
}
.fit-cover {
object-fit: cover;
}
.toolbar-ts {
display: none;
}
.toolbar-ts.fixed-top {
background-color: #fff;
box-shadow: 1px 1px 10px #ccc;
display: flex;
}
#nav-technical-sheet {
transform: translate3d(0, -110%, 0);
will-change: transform;
transition: transform 0.3s ease-in-out;
}
#nav-technical-sheet.fixed-top {
background-color: #fff;
box-shadow: 1px 1px 10px #ccc;
}
#nav-technical-sheet.show {
transform: translateZ(0);
}
.nav-tech-sheet .loc-only-brush {
display: flex;
flex-wrap: wrap;
}
.nav-tech-sheet .loc-only-brush .loc-only-price {
display: flex;
margin-inline: 0.25rem;
white-space: nowrap;
}
.nav-tech-sheet .loc-only-brush .brush-text {
width: max-content;
}
.nav-tech-sheet .suffix-loc {
white-space: nowrap;
}
.form-search {
width: 100%;
margin-top: auto;
margin-bottom: auto;
max-width: 1200px;
}
.form-search > .form-group {
border: 1px solid var(--colorGreyDark);
border-radius: 5px;
}
.form-search > .form-group:focus,
.form-search > .form-group:focus-within {
outline: 0;
}
.form-search > .form-group input {
background-color: rgba(0, 0, 0, 0);
outline: 0;
box-shadow: none;
}
.form-search #search-q-1,
.form-search #search-q-2 {
width: calc(100% - (30px + 0.4rem));
border: none;
padding-right: 0.25rem;
margin-top: auto;
margin-bottom: auto;
height: 40px;
overflow-x: hidden;
text-overflow: ellipsis;
}
.form-search #search-q-2 {
height: 45px;
}
.form-search .search-button {
display: flex;
align-items: center;
position: absolute;
right: 0.4rem;
top: 0.4rem;
height: 30px;
width: 30px;
}
.form-search .search-button > i.color-text {
transition: color 0.2s;
}
.form-search .search-button-mobile {
height: 34.75px;
width: 34.75px;
font-size: 1.25rem;
}
.logo {
width: 40px;
height: 100%;
float: left;
text-indent: -1000em;
overflow: hidden;
}
.logo:not(.eci-logo-mask) {
background: var(--urlLogo) 0 center no-repeat;
background-size: 40px;
min-width: 40px;
}
.logo:not(.eci-logo-mask).logo-5 {
background-size: 120px;
background: var(--urlLogo) 0 42% no-repeat;
}
.logo-noel,
.logo-25ans,
.logo-25ans-vm {
width: 40px;
height: 100%;
text-indent: -1000em;
overflow: hidden;
background: var(--urlLogoNoel) 0 center no-repeat;
background-size: 40px;
margin-top: -2px;
}
.logo-noel {
background: var(--urlLogoNoel) 0 center no-repeat;
}
.logo-25ans {
width: 30px;
margin-right: 0 !important;
background: var(--urlLogo25ans) 0 center no-repeat;
}
.logo-25ans-vm {
width: 43px;
position: relative;
background: var(--urlLogo25ansVM) 0 center no-repeat;
}
.logo-size {
background-size: auto;
}
.logo-noel-size {
width: 40px !important;
height: 53px !important;
margin-top: -2px;
}
.min-col-gp5 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 15rem;
}
.min-col-gp5 .logo-5 {
width: calc(100% - 5rem);
}
.logo-5 {
width: 50%;
background-size: contain;
}
.logo-5:not(.sub-title) {
min-height: 33px;
}
.logo-5.vyamobi {
background: var(--urlLogoVyamobi) 0 center no-repeat !important;
background-position: right !important;
}
.logo-text {
color: var(--colorText);
font-weight: bold;
font-size: 1.4rem;
}
.logo-text small {
font-size: 0.9rem;
}
.logo-text-0-9 {
font-size: 0.9rem !important;
}
.logo-text-1 {
font-size: 1rem !important;
}
.logo-text-1-1 {
font-size: 1.1rem !important;
}
.logo-text-1-2 {
font-size: 1.2rem !important;
}
.logo-text-1-3 {
font-size: 1.3rem !important;
}
.sub-title-7 {
font-size: 0.7rem !important;
}
.flag-header {
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
width: 33%;
height: 3px;
float: left;
margin-top: 5px;
}
.flag-header.red {
background-color: #bd081d;
}
.flag-header.blue {
background-color: #0a246a;
}
.flag-header.white {
background-color: var(--colorWhite);
}
#search-q-1:focus ~ .search-button > i.color-text,
#search-q-2:focus ~ .search-button > i.color-text {
color: var(--colorPrimary);
}
#search-q-1,
#search-q-2 {
border: 1px solid #dfdfdf;
border-radius: 5px;
padding: 0.8rem;
}
.search-button {
position: absolute;
right: 1.8rem;
top: 0;
}
.p-bar {
padding: 0.15rem;
}
@media (max-width: 400px) {
#header #header-primary .logo-text-xs {
font-size: 1.1rem;
}
#header #header-primary .logo-text-xxs {
font-size: 0.925rem;
}
#header #header-primary #myAccount.hide-xs {
display: none !important;
}
}
@media (max-width: 370px) {
#header #header-primary .btn-user.hide-xxs {
display: none !important;
}
}
.modal-language .close,
.modal-language .close i {
color: var(--colorText);
}
.modal-language .modal-dialog {
margin: 1.75rem auto;
height: -webkit-fill-available;
font-size: 1rem;
}
.modal-language .magnifying-glass-left {
position: absolute;
top: 9px;
left: 13px;
}
@media (min-width: 1600px) {
.modal-language .col-xxl-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
}
@media (min-width: 768px) {
.logo-text-0-9,
.logo-text-1,
.logo-text-1-1,
.logo-text-1-2,
.logo-text-1-3 {
font-size: 1.4rem !important;
}
.logo-text-0-9 small,
.logo-text-1 small,
.logo-text-1-1 small,
.logo-text-1-2 small,
.logo-text-1-3 small {
font-size: 0.9rem;
}
.sub-title-7 {
font-size: 0.9rem !important;
}
#header {
--eci-logo-width: 36px;
}
#header .top-arrow.arrow-lg-center:before {
right: 40px;
}
#header #header-primary .btn-menu-left {
margin: 0;
}
#header #header-primary .btn-user {
margin: 0;
padding-inline: 0.625rem;
}
#header #header-primary .user-picture .message-count {
top: 0;
right: 0.4rem;
}
#header #myAccount .point {
position: relative;
top: -50%;
left: 0;
}
}
@media (min-width: 992px) {
.logo-5 {
margin-left: 0;
}
.modal-language .modal-dialog {
max-width: 50%;
}
}
@media (min-width: 1200px) {
.search-button {
right: 0;
top: 0.4rem;
}
#header .top-arrow.arrow-lg-center:before {
right: calc(50% - (var(--arrow-width) - var(--arrow-border-width)));
}
#header .infos-contact-unfilled,
#header #myAccount .dropdown-menu {
right: -40%;
}
#header #header-primary,
#header #header-secondary,
#header #search-nav {
padding-inline: 3.625rem !important;
}
#header #header-primary #dropdown-culture .dropdown-menu .menu-link {
width: 100%;
display: flex;
align-items: center;
cursor: pointer;
padding: 0.8rem 1.5rem !important;
}
#header #header-primary #dropdown-culture .dropdown-menu img {
width: 1.6rem;
height: auto;
}
#header #header-secondary nav.small-font-tablet * {
font-size: 1rem;
}
#header #header-secondary nav .btn-nav {
margin: 0.6rem;
}
}
#header .background-drop-mobile {
display: none !important;
}
.autocomplete-search {
font-size: 1rem;
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 8;
overflow: hidden;
width: 100%;
}
.autocomplete-search .suggestion-container {
height: 100%;
color: var(--colorText);
width: 100%;
background-color: var(--colorWhite);
}
.autocomplete-search .search-bar {
display: flex;
align-items: center;
flex-flow: nowrap;
padding-right: 0.7rem !important;
margin-block: 1rem;
}
.autocomplete-search .search-bar .close-info {
cursor: pointer;
margin-left: 0.7rem;
}
.autocomplete-search .search-container {
display: flex;
flex-grow: 1;
border: 1px solid var(--colorGreyDark);
border-radius: 5px;
margin-left: 2rem;
margin-bottom: 0;
}
.autocomplete-search .search-container:focus,
.autocomplete-search .search-container:focus-within {
background-color: var(--colorWhite);
outline: 0;
}
.autocomplete-search .search-container .form-control:focus,
.autocomplete-search .search-container .form-control:focus-within {
background-color: var(--colorWhite);
}
.autocomplete-search #search-q-3 {
height: 45px;
width: calc(100% - (30px + 0.4rem));
border: none;
text-overflow: ellipsis;
}
.autocomplete-search .search-button {
display: flex;
align-items: center;
position: absolute;
right: 0.4rem;
top: 0.4rem;
height: calc(100% - 0.8rem);
}
.autocomplete-search .search-button > i.color-text {
transition: color 0.2s;
}
.autocomplete-search .row {
margin: 0 !important;
}
.autocomplete-search .row .no-suggestions {
white-space: normal;
}
.autocomplete-search .row .no-suggestions .title-nosuggestion {
margin-top: 5px;
color: var(--colorGreyDeep);
}
.autocomplete-search .row .recents-search .recents-search-header {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.autocomplete-search .row .recents-search li {
display: flex;
justify-content: space-between;
align-items: baseline;
margin: 10px 0 5px 0;
}
.autocomplete-search .row .recents-search li .content-container .content {
display: flex;
align-items: center;
}
.autocomplete-search .row .recents-search li .content-container .content a {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 200px;
}
.autocomplete-search
.row
.recents-search
li
.content-container
.content
.clock-mask {
margin-right: 5px !important;
}
.autocomplete-search
.row
.recents-search
li
.content-container
.content
.xmark-mask {
margin-right: 0;
width: 1rem !important;
height: 1rem !important;
}
.autocomplete-search .row .title-suggestion {
font-weight: bold;
overflow: hidden;
white-space: pre-line;
text-overflow: ellipsis;
font-size: 1.2rem;
}
.autocomplete-search .row .clear-all {
font-weight: 100 !important;
padding: 0 !important;
margin: 0 !important;
text-decoration: underline;
}
.autocomplete-search .row .suggest-search-list {
margin-top: 10px;
margin-bottom: 10px;
display: flex;
flex-wrap: wrap;
text-transform: capitalize;
}
.autocomplete-search .row .suggest-search-list .link-suggestion {
color: var(--colorLink);
padding: 5px;
margin: 5px 10px 5px 0;
border: solid 1px var(--colorLink);
border-radius: 0.75rem !important;
}
.autocomplete-search .row .suggest-search-list .link-suggestion-category {
width: 100%;
}
.autocomplete-search
.row
.suggest-search-list
.link-suggestion-category:not(:first-child) {
padding-top: 1.5rem;
}
.autocomplete-search .row .publish-ads {
display: flex;
flex-direction: column;
}
.autocomplete-search .row .publish-ads .btn.btn-primary {
margin: 10px 0 10px 0;
}
.autocomplete-search .row .publish-ads a {
color: var(--colorPrimaryLighten);
margin-top: auto;
}
.autocomplete-search .row .publish-ads .view-all-ads {
color: var(--colorPrimaryInverse);
text-decoration: none;
}
.autocomplete-search .row .publish-ads .publish-ads-cards::-webkit-scrollbar {
display: none;
}
.autocomplete-search .row .publish-ads .publish-ads-cards {
font-size: 10px;
display: flex;
overflow: scroll;
}
.autocomplete-search .row .publish-ads .publish-ads-cards .cards {
flex: 0 0 32%;
margin-top: 5px;
margin-right: 5px;
border: 1px solid rgba(128, 128, 128, 0.2);
border-radius: 0.75rem;
padding: 0 2px;
max-width: 160px;
}
.autocomplete-search .row .publish-ads .publish-ads-cards .cards a {
color: var(--colorText);
}
.autocomplete-search
.row
.publish-ads
.publish-ads-cards
.cards
.suggest-ad-image {
margin-top: 6px;
position: relative;
background-color: rgba(0, 0, 0, 0);
border-radius: 0.75rem;
transition: background-color 0.5s ease, opacity 0.5s ease;
opacity: 1;
}
.autocomplete-search
.row
.publish-ads
.publish-ads-cards
.cards
.suggest-ad-image.loading {
opacity: 1;
transition: background-color 0.5s ease, opacity 0.5s ease;
border-radius: 0.75rem !important;
margin-top: 5px;
background-image: none !important;
background-color: rgba(128, 128, 128, 0.22);
}
.autocomplete-search
.row
.publish-ads
.publish-ads-cards
.cards
.suggest-ad-info {
text-transform: capitalize;
margin-top: 8px;
background-color: rgba(0, 0, 0, 0);
border-radius: 0.75rem;
transition: background-color 0.5s ease, color 0.5s ease;
color: var(--colorText);
}
.autocomplete-search
.row
.publish-ads
.publish-ads-cards
.cards
.suggest-ad-info
.suggest-ad-category,
.autocomplete-search
.row
.publish-ads
.publish-ads-cards
.cards
.suggest-ad-info
.suggest-ad-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
font-size: 10px;
font-weight: bold;
}
.autocomplete-search
.row
.publish-ads
.publish-ads-cards
.cards
.suggest-ad-info
.geo {
margin: 0.4rem 0;
display: flex;
align-items: center;
}
.autocomplete-search
.row
.publish-ads
.publish-ads-cards
.cards
.suggest-ad-info
.geo
i {
margin-right: 0.2rem;
}
.autocomplete-search
.row
.publish-ads
.publish-ads-cards
.cards
.suggest-ad-info
.geo
.suggest-ad-location {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.autocomplete-search
.row
.publish-ads
.publish-ads-cards
.cards
.suggest-ad-info.loading {
background-color: rgba(128, 128, 128, 0.22);
border-radius: 0.75rem !important;
color: rgba(0, 0, 0, 0);
margin-bottom: 4px;
}
.autocomplete-search
.row
.publish-ads
.publish-ads-cards
.cards
.suggest-ad-info.loading
.geo {
color: rgba(0, 0, 0, 0);
}
.autocomplete-search
.row
.publish-ads
.publish-ads-cards
.cards
.suggest-ad-info.loading
.geo
i {
display: none;
}
@media (min-width: 992px) {
.background-drop:before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 1001;
}
.btn-primary.clear-button:hover {
background-color: rgba(0, 0, 0, 0) !important;
}
.publish-ads {
display: flex;
flex-direction: column;
}
.publish-ads .btn.btn-primary {
margin: 15px auto 15px 0 !important;
}
.autocomplete-search {
font-size: 1rem;
width: 100%;
bottom: auto;
top: calc(1rem - 1px);
left: 0;
right: 0;
color: var(--colorText);
z-index: 1002;
height: auto;
overflow: auto;
padding: 0;
margin-top: 0;
}
.autocomplete-search .suggestion-container {
max-width: 769px;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
margin-inline: auto;
}
.autocomplete-search .search-container {
margin-left: 0;
}
.autocomplete-search .search-bar {
width: 100%;
margin-top: auto;
margin-bottom: auto;
padding-right: 0 !important;
}
.autocomplete-search .search-bar #search-q-3 {
height: 40px;
}
.autocomplete-search .search-button {
right: 0.4rem;
}
.autocomplete-search .clear-input {
display: flex;
align-items: center;
position: absolute;
right: 6rem;
top: 0.4rem;
height: calc(100% - 0.8rem);
background-color: rgba(0, 0, 0, 0);
}
.autocomplete-search .clear-input .header-mask-icon {
background-color: var(--colorPrimary) !important;
}
.autocomplete-search .clear-input > i.color-text {
transition: color 0.2s;
}
.autocomplete-search .clear-input::after {
content: "";
position: absolute;
pointer-events: none;
top: 50%;
transform: translateY(-50%);
height: 24px;
border-right: 1px solid #d8dadf;
margin-left: 2.5rem;
}
.autocomplete-search .row {
margin-top: 2rem !important;
}
.autocomplete-search .row .link-suggestion-category {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.autocomplete-search .row .header-mask-icon {
width: 1rem !important;
height: 1rem !important;
}
}
@media (min-width: 1200px) {
.background-drop:before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 1001;
}
.clear-input .header-mask-icon {
background-color: var(--colorPrimary) !important;
}
.clear-input > i.color-text {
transition: color 0.2s;
}
.clear-input::after {
content: "";
position: absolute;
pointer-events: none;
top: 50%;
transform: translateY(-50%);
height: 24px;
border-right: 1px solid #d8dadf;
margin-left: 2.5rem;
}
.autocomplete-search .suggestion-container {
max-width: 950px;
}
.autocomplete-search .row .no-suggestions {
white-space: normal;
}
.autocomplete-search .row .no-suggestions .title-nosuggestion {
margin-top: 5px;
color: var(--colorGreyDeep);
}
.autocomplete-search .row .recents-search .recents-search-header {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.autocomplete-search .row .recents-search li {
display: flex;
justify-content: space-between;
}
.autocomplete-search .row .recents-search li .clock-mask {
margin-right: 5px !important;
width: 1rem !important;
height: 1rem !important;
}
.autocomplete-search .row .recents-search li .xmark-mask {
width: 1rem !important;
height: 1rem !important;
}
.autocomplete-search .row .title-suggestion {
font-weight: bold;
}
.autocomplete-search .row .suggest-search-list {
display: flex;
flex-wrap: wrap;
}
.autocomplete-search .row .suggest-search-list .link-suggestion {
color: var(--colorLink);
border: solid 1px var(--colorLink);
border-radius: 5px !important;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.autocomplete-search .row .suggest-search-list .link-suggestion-category {
padding-top: 0 !important;
margin-bottom: 10px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.autocomplete-search
.row
.suggest-search-list
.link-suggestion-category
span {
color: var(--colorPrimary);
}
.autocomplete-search .row .publish-ads .publish-ads-cards {
flex-wrap: wrap;
margin-top: 5px;
margin-right: 5px;
border-radius: 0.75rem;
overflow: hidden;
}
.autocomplete-search .row .publish-ads .publish-ads-cards .cards {
flex: 0 0 32%;
max-width: 32%;
margin-top: 5px;
margin-right: 5px;
border: 1px solid rgba(128, 128, 128, 0.2);
border-radius: 0.75rem;
padding: 0 6px;
}
.autocomplete-search .row .publish-ads .publish-ads-cards .cards a {
color: var(--colorText);
}
}
@media (min-width: 1900px) {
.autocomplete-search {
position: absolute;
top: -1px;
}
.autocomplete-search .suggestion-container {
max-width: 100%;
}
}
:root {
--py-btn-inside-side-right: 1rem;
--py-side-title-right: 1.5rem;
--font-size-menu: 1.325rem;
--height-header-side-right: calc(
2 * (var(--py-btn-inside-side-right) * 2 + var(--font-size-menu)) +
var(--height-btn-sell)
);
--account-height-left: calc(100% - var(--height-header-side-right) - 0.3rem);
}
#account-content {
height: var(--account-height-left);
}
#header-menu-account {
padding: var(--py-btn-inside-side-right) 0;
font-size: var(--font-size-menu);
}
#header-menu-account .user-name {
font-weight: 600;
}
#desktop-account {
position: fixed;
top: 0;
right: -100%;
height: 101%;
background-color: var(--colorWhite);
z-index: 10000;
transition: right 0.2s;
}
#desktop-account .menu-link {
width: 100%;
display: flex;
align-items: center;
cursor: pointer;
padding-block: 0.7rem;
padding-inline: 1.5rem;
color: var(--colorText);
box-shadow: none;
text-decoration: unset;
background-color: rgba(0, 0, 0, 0);
border: 2px solid rgba(0, 0, 0, 0);
}
#desktop-account .menu-link.link-logout {
padding-block: 1.2rem;
}
#desktop-account .menu-link.color-primary {
color: var(--colorPrimary);
}
#desktop-account .menu-link:hover,
#desktop-account .menu-link:focus {
background-color: var(--colorGrey);
}
#desktop-account .close-menu {
font-size: 1rem;
}
#desktop-account .close-menu i {
font-weight: normal;
color: var(--colorText);
}
#desktop-account #menu-account-anchor {
height: 0;
width: 0;
}
#desktop-account.slide-left {
right: 0;
}
.text-underline-link:hover {
text-decoration: underline;
}
#account-sell {
padding: var(--py-btn-inside-side-right) 0;
}
#account-sell .square-plus-mask {
background-color: var(--colorPrimaryInverse);
}
#header #myAccount .btn-connect .img-profil-header {
font-size: 1.6rem;
width: 26px;
height: 26px;
border-radius: 50%;
background-size: cover;
background-position: center;
}
.img-profil-account {
font-size: 2.3rem;
width: 2rem;
height: 2rem;
border-radius: 50%;
background-size: cover;
background-position: center;
margin-right: 1rem;
}
@media (min-width: 768px) {
#header #myAccount .btn-connect .img-profil-header {
font-size: 1.6rem;
width: 22px;
height: 22px;
border-radius: 50%;
background-size: cover;
background-position: center;
margin-right: 0.625rem;
}
}
:root {
--pymenu-mobile-depot: 1rem;
--pymenu-mobile-account: 1rem;
--font-size-logo: 1.4rem;
--font-size-sub-title: 0.7rem;
--font-size-account-button-mobile: 1rem;
--height-header-side-left: calc(2 * var(--main-header-height, 130px));
--mobile-menu-height-left: calc(100% - var(--height-header-side-left));
}
#mobile-main-menu {
top: 0;
left: -100%;
width: 100%;
min-width: 300px;
height: 100%;
background-color: var(--colorWhite);
z-index: 10000;
transition: left 0.2s;
}
#mobile-main-menu .mask-icon {
background-color: var(--colorText);
}
#mobile-main-menu .mask-icon.eci-logo-mask {
display: inline;
min-width: 40px;
min-height: 36px;
background-color: var(--colorPrimary);
}
#mobile-main-menu .menu-head-title {
font-size: 1.4rem;
}
#mobile-main-menu .menu-link {
width: 100%;
display: flex;
align-items: center;
cursor: pointer;
padding-block: 0.7rem !important;
padding-inline: 1.5rem;
color: var(--colorText);
background-color: rgba(0, 0, 0, 0);
border: 0;
}
#mobile-main-menu .menu-link .d-flex {
align-items: center;
}
#mobile-main-menu .menu-link.color-primary {
color: var(--colorPrimary);
}
#mobile-main-menu .menu-link:hover {
background-color: #e9ecef;
}
#mobile-main-menu .menu-link a {
width: 100%;
margin-block: -0.7rem;
padding-block: 0.7rem;
}
#mobile-main-menu .show-language-modal img {
width: 1rem;
height: 1rem;
border-radius: 50%;
}
#mobile-main-menu #mobile-menu-anchor {
height: 0;
width: 0;
}
#mobile-main-menu #mobile-menu-list-5 .show-mobile-menu-1 {
cursor: pointer;
}
.message-counter {
display: flex;
align-items: center;
justify-content: center;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
background-color: var(--colorPrimary);
color: var(--colorPrimaryInverse);
font-size: 80%;
font-weight: 600;
}
#my-account-mobile {
font-size: var(--font-size-account-button-mobile);
}
#my-account-mobile .mask-icon.img-profil {
width: 2.5rem;
height: 2.5rem;
}
#my-account-mobile:hover {
background-color: var(--colorWhite);
}
#my-account-mobile.menu-link {
cursor: default;
}
#my-account-mobile .hover-grey-first {
text-decoration: none;
}
#my-account-mobile .hover-grey-first strong:hover {
text-decoration: underline;
}
#menu-mobile-depot,
#my-account-mobile,
#menu-mobile-logo {
max-height: fit-content;
min-height: var(--main-header-height, 65px);
}
#menu-mobile-logo .logo-5 {
height: 33px;
background-position: left;
}
#menu-mobile-depot {
padding: var(--pymenu-mobile-depot) 0;
}
#menu-mobile-depot .mask-icon {
width: 1.2rem;
height: 1.2rem;
background-color: var(--colorPrimaryInverse);
}
#menu-mobile-account {
padding: var(--pymenu-mobile-account) 0;
}
#mobile-main-menu.slide-right {
left: 0;
}
#menu-mobile-left-close,
#menuAccountRightClose {
border: none;
background-color: rgba(0, 0, 0, 0);
}
#menu-mobile-left-close i,
#menuAccountRightClose i {
color: var(--colorText);
}
#menu-mobile-left-close:focus,
#menuAccountRightClose:focus {
background-color: var(--colorGrey);
}
@media (min-width: 576px) {
#mobile-main-menu {
width: 65%;
}
}
.mobile-side-menu-head {
height: var(--height-header-side-left);
}
.mobile-side-menu-content {
width: 100%;
height: var(--mobile-menu-height-left);
}
.mobile-side-menu-content .point {
position: initial;
bottom: unset;
margin: 7px 3px 0 10px;
}
.mobile-side-menu-content .btn-complete-profil {
padding: 0.25rem 0.7rem;
}
.mobile-menu-list {
transition: 0.3s;
position: absolute;
display: flex;
flex-wrap: wrap;
}
.hover-grey:hover,
.hover-grey:active,
.menu-link:hover,
.menu-link:active {
background-color: var(--colorGrey);
}
.hover-grey-first:hover {
text-decoration: underline;
}
.hover-decal h3 {
transition: padding-left 0.5s;
}
.hover-decal:hover h3 {
padding-left: 1rem;
}
.hover-primary:hover,
.hover-primary:hover a,
.hover-primary:hover .fas {
color: var(--colorPrimary);
}
.menu-link.color-primary:hover,
.menu-link.color-primary:active {
color: var(--colorPrimary);
}
.mobile-sub-menu {
transform: translate(990px);
}
.translate-min-100 {
transform: translate(-990px);
}
.sub-menu-show {
transform: translate(0);
}
.picto-menu-mobile {
margin-right: 1.6rem;
}
.picto-menu-mobile img {
width: 1.6rem;
height: 1.6rem;
border-radius: 50%;
}
.img-profil {
font-size: 2.5rem;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
background-size: cover;
background-position: center;
}
.vehicules-recherches a:hover {
text-decoration: underline;
}
@media (max-width: 340px) {
#menu-mobile-logo {
padding-right: 0 !important;
}
#menu-mobile-logo .logo-text {
padding-inline: 0.5rem !important;
}
}
@media (min-width: 768px) {
#mobile-main-menu {
width: 400px;
}
#mobile-main-menu .logo-text-0-9 {
font-size: 1.1rem !important;
}
}
@media (min-width: 992px) {
:root {
--height-header-side-left: var(--main-header-height, 65px);
--mobile-menu-height-left: calc((100% + 3 * var(--pymenu-mobile-account)));
}
}
[data-toggle="spoiler"] .to-show {
transition: max-height 0.3s;
max-height: 0;
overflow: hidden;
}
.sprite-family {
background: url("/themes/img/sprites/families.svg?v=2025") no-repeat;
background-size: 88px;
height: 38px;
display: block;
margin: auto;
}
.sprite-family.sprite-family-home-3 {
background-size: 75px;
height: 32px;
margin: 0;
}
.sprite-family.sprite-family-1 {
background-position: 50% 0;
}
.sprite-family.sprite-family-2 {
background-position: 50% 25%;
}
.sprite-family.sprite-family-3 {
background-position: 50% 100%;
}
.sprite-family.sprite-family-4 {
background-position: 50% 50%;
}
.sprite-family.sprite-family-7 {
background-position: 50% 75%;
}
.sprite-family-left {
background: url("/img/others/icons/category/all-left.svg") no-repeat;
background-size: 70px;
height: 38px;
width: 100%;
display: block;
margin-left: 0;
margin-right: auto;
}
.sprite-family-left.sprite-family-1 {
background-position: 0 -8%;
}
.sprite-family-left.sprite-family-2 {
background-position: 0 30%;
}
.sprite-family-left.sprite-family-4 {
background-position: 0 65%;
}
.sprite-family-left.sprite-family-7 {
background-position: 0 100%;
}
.sprite-category {
padding-top: 25%;
display: inline-block;
width: 100%;
}
.sprite-category-1 {
background: url("/themes/img/sprites/category-1.svg?v=6") no-repeat;
padding-top: 21%;
background-size: 100%;
}
.sprite-category-2 {
background: url("/themes/img/sprites/category-2.svg?v=6") no-repeat;
background-size: 100%;
}
.sprite-category-3 {
background: url("/themes/img/sprites/category-3.svg?v=6") no-repeat;
background-size: 125%;
}
.sprite-category-4 {
background: url("/themes/img/sprites/category-4.svg?v=6") no-repeat;
background-size: 110%;
}
.sprite-category-7 {
background: url("/themes/img/sprites/category-7.svg?v=6") no-repeat;
background-size: 110%;
}
.sprite-category-1-32 {
background-position: 50% 0;
}
.sprite-category-1-31 {
background-position: 50% 9.1%;
}
.sprite-category-1-35 {
background-position: 50% 18.2%;
}
.sprite-category-1-38 {
background-position: 50% 27.3%;
}
.sprite-category-1-155 {
background-position: 50% 36.4%;
}
.sprite-category-1-37 {
background-position: 50% 45.5%;
}
.sprite-category-1-36 {
background-position: 50% 54.6%;
}
.sprite-category-1-29 {
background-position: 50% 63.7%;
}
.sprite-category-1-30 {
background-position: 50% 72.8%;
}
.sprite-category-1-103 {
background-position: 50% 81.9%;
}
.sprite-category-1-34 {
background-position: 50% 91%;
}
.sprite-category-1-33 {
background-position: 50% 100.1%;
}
.sprite-category-2-1 {
background-position: 50% 0;
}
.sprite-category-2-3 {
background-position: 50% 5%;
}
.sprite-category-2-4 {
background-position: 50% 10%;
}
.sprite-category-2-25 {
background-position: 50% 15%;
}
.sprite-category-2-96 {
background-position: 50% 20%;
}
.sprite-category-2-156 {
background-position: 50% 25%;
}
.sprite-category-2-98 {
background-position: 50% 30%;
}
.sprite-category-2-12 {
background-position: 50% 35%;
}
.sprite-category-2-13 {
background-position: 50% 40%;
}
.sprite-category-2-9 {
background-position: 50% 45%;
}
.sprite-category-2-2 {
background-position: 50% 50%;
}
.sprite-category-2-11 {
background-position: 50% 55%;
}
.sprite-category-2-47 {
background-position: 50% 60%;
}
.sprite-category-2-14 {
background-position: 50% 65%;
}
.sprite-category-2-10 {
background-position: 50% 70%;
}
.sprite-category-2-8 {
background-position: 50% 75%;
}
.sprite-category-2-6 {
background-position: 50% 80%;
}
.sprite-category-2-16 {
background-position: 50% 85%;
}
.sprite-category-2-80 {
background-position: 50% 90%;
}
.sprite-category-2-5 {
background-position: 50% 95%;
}
.sprite-category-2-1-4 {
background-position: 50% 100%;
}
.sprite-category-3-37-281 {
background-position: 50% 0;
}
.sprite-category-3-37-287 {
background-position: 50% 11.11%;
}
.sprite-category-3-37-289 {
background-position: 50% 33.33%;
}
.sprite-category-3-37-283 {
background-position: 50% 44.44%;
}
.sprite-category-3-37-286 {
background-position: 50% 22.22%;
}
.sprite-category-3-37-527 {
background-position: 50% 99.99%;
}
.sprite-category-3-37-285 {
background-position: 50% 66.66%;
}
.sprite-category-3-37-290 {
background-position: 50% 88.88%;
}
.sprite-category-4-25 {
background-position: 50% -0.589%;
}
.sprite-category-4-96 {
background-position: 50% 5.89%;
}
.sprite-category-4-11 {
background-position: 50% 11.78%;
}
.sprite-category-4-23 {
background-position: 50% 17.67%;
}
.sprite-category-4-17 {
background-position: 50% 23.56%;
}
.sprite-category-4-18 {
background-position: 50% 29.45%;
}
.sprite-category-4-28 {
background-position: 50% 35.34%;
}
.sprite-category-4-83 {
background-position: 50% 41.23%;
}
.sprite-category-4-26 {
background-position: 50% 47.12%;
}
.sprite-category-4-24 {
background-position: 50% 53.01%;
}
.sprite-category-4-85 {
background-position: 50% 58.9%;
}
.sprite-category-4-21 {
background-position: 50% 64.79%;
}
.sprite-category-4-22 {
background-position: 50% 70.68%;
}
.sprite-category-4-82 {
background-position: 50% 100.13%;
}
.sprite-category-4-64 {
background-position: 50% 82.46%;
}
.sprite-category-4-104 {
background-position: 50% 88.35%;
}
.sprite-category-4-105 {
background-position: 50% 94.24%;
}
.sprite-category-4-167 {
background-position: 50% 76.57%;
}
.sprite-category-7-123 {
background-position: 50% 0;
}
.sprite-category-7-153 {
background-position: 50% 4.76%;
}
.sprite-category-7-163 {
background-position: 50% 9.52%;
}
.sprite-category-7-152 {
background-position: 50% 14.28%;
}
.sprite-category-7-148 {
background-position: 50% 19.04%;
}
.sprite-category-7-164 {
background-position: 50% 23.8%;
}
.sprite-category-7-162 {
background-position: 50% 28.56%;
}
.sprite-category-7-150 {
background-position: 50% 33.32%;
}
.sprite-category-7-134 {
background-position: 50% 38.08%;
}
.sprite-category-7-154 {
background-position: 50% 42.84%;
}
.sprite-category-7-151 {
background-position: 50% 47.6%;
}
.sprite-category-7-122 {
background-position: 50% 52.36%;
}
.sprite-category-7-114 {
background-position: 50% 57.12%;
}
.sprite-category-7-139 {
background-position: 50% 61.88%;
}
.sprite-category-7-115 {
background-position: 50% 66.64%;
}
.sprite-category-7-113 {
background-position: 50% 71.4%;
}
.sprite-category-7-119 {
background-position: 50% 76.16%;
}
.sprite-category-7-96 {
background-position: 50% 80.92%;
}
.sprite-category-7-165 {
background-position: 50% 85.68%;
}
.sprite-category-7-149 {
background-position: 50% 90.44%;
}
.sprite-category-7-135 {
background-position: 50% 95.2%;
}
.sprite-category-7-166 {
background-position: 50% 99.96%;
}
@media (min-width: 992px) {
.sprite-category-1-30 {
background-position: 50% 72.7%;
}
.sprite-category-1-103 {
background-position: 50% 81.8%;
}
}
@media (min-width: 1200px) {
.sprite-category-1-103 {
background-position: 50% 81.8%;
}
}
.table-datasheet {
margin-bottom: 5rem;
}
.table-datasheet th {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid var(--colorText);
font-size: 0.8rem;
font-weight: normal;
}
.table-datasheet tr {
cursor: pointer;
}
.table-datasheet td {
border-bottom: 1px solid var(--colorText);
vertical-align: middle;
}
.table-datasheet a {
color: var(--colorBlueViaMobilis);
font-weight: normal;
}
.table-datasheet a > i {
color: var(--colorBlueViaMobilis);
}
.table-datasheet i {
color: var(--colorText);
}
.table-datasheet .version {
max-width: 150px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media (min-width: 768px) {
.table-datasheet .version {
max-width: 250px !important;
white-space: wrap !important;
}
}
.alert-info {
background-color: var(--colorInfoBackground);
border-color: var(--colorInfoBackground);
color: var(--colorInfo);
}
.alert-info strong {
color: var(--colorPrimary);
}
.custom-switch {
padding-left: 3.5rem;
}
.custom-switch .custom-control-label::before {
height: 1.4rem !important;
width: 2.7rem !important;
top: 0.15rem !important;
border-radius: 0.7rem !important;
left: -3.5rem;
}
.custom-switch .custom-control-label::after {
height: 1.1rem;
width: 1.1rem;
top: calc(0.15rem + 2px);
left: calc(-3.5rem + 2px);
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: var(--colorPrimary);
background-color: var(--colorPrimary);
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
transform: translateX(1.3rem);
}
.custom-switch
.custom-control-input:focus:not(:checked)
~ .custom-control-label::before {
border-color: var(--colorPrimaryWithTransparency);
}
.custom-switch .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem var(--colorPrimaryWithTransparency);
}
.checkboxfield {
display: inline-flex;
position: relative;
margin-bottom: 0;
}
.type-fiche-tech {
display: none;
}
.checkboxfield label {
margin-left: 1rem;
}
.textfield,
.selectfield {
margin: 0 0 0;
}
.checkboxfield > input {
height: 15px;
width: 15px;
min-width: 15px;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
border: 1px solid #adb5bd;
border-radius: 2px;
outline: none;
transition-duration: 0.3s;
background-color: #fff;
}
.checkboxfield > input:checked {
background-color: var(--colorPrimary);
}
.checkboxfield > input:checked + label::before {
content: "✔";
display: block;
text-align: center;
color: #fff;
position: absolute;
left: 0.2rem;
top: -0.2rem;
}
.hiddenfield {
display: none;
}
.form-horizontal {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.form-horizontal .form-result.alert-danger {
background-color: #f9eded;
border: none;
color: #db4437;
}
.form-horizontal .form-result.alert-danger > div {
margin-bottom: 1rem;
font-weight: bold;
}
.form-horizontal .form-result.alert-danger ul {
margin-bottom: 0;
}
.form-horizontal .form-result.alert-danger ul a,
.form-horizontal .form-result.alert-danger ul a:hover {
color: #db4437;
}
.form-horizontal > p {
margin: 10px;
width: 100%;
}
@media (min-width: 768px) {
.form-horizontal {
flex-wrap: nowrap;
}
}
html[dir="rtl"] .checkboxfield > input:checked + label::before {
left: auto;
right: 0.2rem;
}
input[type="range"] {
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 1px;
background: #d3d3d3;
outline: none;
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 10px;
height: 10px;
background: var(--colorPrimary);
cursor: pointer;
border-radius: 50%;
}
.sprite-flags {
background: url("https://static-viamobilis.com/via/images/others/various/flags.png")
no-repeat;
width: 32px;
height: 32px;
max-width: 38px;
}
.sprite-flags.sprite-flags-scale {
transform: scale(0.8);
width: 38px;
}
.sprite-flags.sprite-flags-AD {
background-position: -5px -5px;
}
.sprite-flags.sprite-flags-AE {
background-position: -47px -5px;
}
.sprite-flags.sprite-flags-AF {
background-position: -89px -5px;
}
.sprite-flags.sprite-flags-AG {
background-position: -131px -5px;
}
.sprite-flags.sprite-flags-AI {
background-position: -173px -5px;
}
.sprite-flags.sprite-flags-AL {
background-position: -215px -5px;
}
.sprite-flags.sprite-flags-AM {
background-position: -257px -5px;
}
.sprite-flags.sprite-flags-AN {
background-position: -299px -5px;
}
.sprite-flags.sprite-flags-AO {
background-position: -341px -5px;
}
.sprite-flags.sprite-flags-AQ {
background-position: -383px -5px;
}
.sprite-flags.sprite-flags-AR {
background-position: -425px -5px;
}
.sprite-flags.sprite-flags-AS {
background-position: -467px -5px;
}
.sprite-flags.sprite-flags-AT {
background-position: -509px -5px;
}
.sprite-flags.sprite-flags-AU {
background-position: -5px -37px;
}
.sprite-flags.sprite-flags-AW {
background-position: -47px -37px;
}
.sprite-flags.sprite-flags-AX {
background-position: -89px -37px;
}
.sprite-flags.sprite-flags-AZ {
background-position: -131px -37px;
}
.sprite-flags.sprite-flags-BA {
background-position: -173px -37px;
}
.sprite-flags.sprite-flags-BB {
background-position: -215px -37px;
}
.sprite-flags.sprite-flags-BD {
background-position: -257px -37px;
}
.sprite-flags.sprite-flags-BE {
background-position: -299px -37px;
}
.sprite-flags.sprite-flags-BF {
background-position: -341px -37px;
}
.sprite-flags.sprite-flags-BG {
background-position: -383px -37px;
}
.sprite-flags.sprite-flags-BH {
background-position: -425px -37px;
}
.sprite-flags.sprite-flags-BI {
background-position: -467px -37px;
}
.sprite-flags.sprite-flags-BJ {
background-position: -509px -37px;
}
.sprite-flags.sprite-flags-BL {
background-position: -5px -69px;
}
.sprite-flags.sprite-flags-BM {
background-position: -47px -69px;
}
.sprite-flags.sprite-flags-BN {
background-position: -89px -69px;
}
.sprite-flags.sprite-flags-BO {
background-position: -131px -69px;
}
.sprite-flags.sprite-flags-BR {
background-position: -173px -69px;
}
.sprite-flags.sprite-flags-BS {
background-position: -215px -69px;
}
.sprite-flags.sprite-flags-BT {
background-position: -257px -69px;
}
.sprite-flags.sprite-flags-BW {
background-position: -299px -69px;
}
.sprite-flags.sprite-flags-BY {
background-position: -341px -69px;
}
.sprite-flags.sprite-flags-BZ {
background-position: -383px -69px;
}
.sprite-flags.sprite-flags-CA {
background-position: -425px -69px;
}
.sprite-flags.sprite-flags-CC {
background-position: -467px -69px;
}
.sprite-flags.sprite-flags-CD {
background-position: -509px -69px;
}
.sprite-flags.sprite-flags-CF {
background-position: -5px -101px;
}
.sprite-flags.sprite-flags-CG {
background-position: -47px -101px;
}
.sprite-flags.sprite-flags-CH {
background-position: -89px -101px;
}
.sprite-flags.sprite-flags-CI {
background-position: -131px -101px;
}
.sprite-flags.sprite-flags-CK {
background-position: -173px -101px;
}
.sprite-flags.sprite-flags-CL {
background-position: -215px -101px;
}
.sprite-flags.sprite-flags-CM {
background-position: -257px -101px;
}
.sprite-flags.sprite-flags-CN {
background-position: -299px -101px;
}
.sprite-flags.sprite-flags-CO {
background-position: -341px -101px;
}
.sprite-flags.sprite-flags-CR {
background-position: -383px -101px;
}
.sprite-flags.sprite-flags-CU {
background-position: -425px -101px;
}
.sprite-flags.sprite-flags-CV {
background-position: -467px -101px;
}
.sprite-flags.sprite-flags-CW {
background-position: -509px -101px;
}
.sprite-flags.sprite-flags-CX {
background-position: -5px -133px;
}
.sprite-flags.sprite-flags-CY {
background-position: -47px -133px;
}
.sprite-flags.sprite-flags-CZ {
background-position: -89px -133px;
}
.sprite-flags.sprite-flags-DE {
background-position: -131px -133px;
}
.sprite-flags.sprite-flags-DJ {
background-position: -173px -133px;
}
.sprite-flags.sprite-flags-DK {
background-position: -215px -133px;
}
.sprite-flags.sprite-flags-DM {
background-position: -257px -133px;
}
.sprite-flags.sprite-flags-DO {
background-position: -299px -133px;
}
.sprite-flags.sprite-flags-DZ {
background-position: -341px -133px;
}
.sprite-flags.sprite-flags-EC {
background-position: -383px -133px;
}
.sprite-flags.sprite-flags-EE {
background-position: -425px -133px;
}
.sprite-flags.sprite-flags-EG {
background-position: -467px -133px;
}
.sprite-flags.sprite-flags-EH {
background-position: -509px -133px;
}
.sprite-flags.sprite-flags-ER {
background-position: -5px -165px;
}
.sprite-flags.sprite-flags-ES {
background-position: -47px -165px;
}
.sprite-flags.sprite-flags-ET {
background-position: -89px -165px;
}
.sprite-flags.sprite-flags-EU {
background-position: -131px -165px;
}
.sprite-flags.sprite-flags-FI {
background-position: -173px -165px;
}
.sprite-flags.sprite-flags-FJ {
background-position: -215px -165px;
}
.sprite-flags.sprite-flags-FK {
background-position: -257px -165px;
}
.sprite-flags.sprite-flags-FM {
background-position: -299px -165px;
}
.sprite-flags.sprite-flags-FO {
background-position: -341px -165px;
}
.sprite-flags.sprite-flags-FR {
background-position: -383px -165px;
}
.sprite-flags.sprite-flags-GA {
background-position: -425px -165px;
}
.sprite-flags.sprite-flags-GB {
background-position: -467px -165px;
}
.sprite-flags.sprite-flags-GD {
background-position: -509px -165px;
}
.sprite-flags.sprite-flags-GE {
background-position: -5px -197px;
}
.sprite-flags.sprite-flags-GF {
background-position: -5px -229px;
}
.sprite-flags.sprite-flags-GG {
background-position: -47px -197px;
}
.sprite-flags.sprite-flags-GH {
background-position: -89px -197px;
}
.sprite-flags.sprite-flags-GI {
background-position: -131px -197px;
}
.sprite-flags.sprite-flags-GL {
background-position: -173px -197px;
}
.sprite-flags.sprite-flags-GM {
background-position: -215px -197px;
}
.sprite-flags.sprite-flags-GN {
background-position: -257px -197px;
}
.sprite-flags.sprite-flags-GP {
background-position: -173px -485px;
}
.sprite-flags.sprite-flags-GQ {
background-position: -299px -197px;
}
.sprite-flags.sprite-flags-GR {
background-position: -341px -197px;
}
.sprite-flags.sprite-flags-GS {
background-position: -383px -197px;
}
.sprite-flags.sprite-flags-GT {
background-position: -425px -197px;
}
.sprite-flags.sprite-flags-GU {
background-position: -467px -197px;
}
.sprite-flags.sprite-flags-GW {
background-position: -509px -197px;
}
.sprite-flags.sprite-flags-GY {
background-position: -5px -229px;
}
.sprite-flags.sprite-flags-HK {
background-position: -47px -229px;
}
.sprite-flags.sprite-flags-HN {
background-position: -89px -229px;
}
.sprite-flags.sprite-flags-HR {
background-position: -131px -229px;
}
.sprite-flags.sprite-flags-HT {
background-position: -173px -229px;
}
.sprite-flags.sprite-flags-HU {
background-position: -215px -229px;
}
.sprite-flags.sprite-flags-IC {
background-position: -257px -229px;
}
.sprite-flags.sprite-flags-ID {
background-position: -299px -229px;
}
.sprite-flags.sprite-flags-IE {
background-position: -343px -229px;
}
.sprite-flags.sprite-flags-IL {
background-position: -383px -229px;
}
.sprite-flags.sprite-flags-IM {
background-position: -425px -229px;
}
.sprite-flags.sprite-flags-IN {
background-position: -467px -229px;
}
.sprite-flags.sprite-flags-IQ {
background-position: -509px -229px;
}
.sprite-flags.sprite-flags-IR {
background-position: -5px -261px;
}
.sprite-flags.sprite-flags-IS {
background-position: -47px -261px;
}
.sprite-flags.sprite-flags-IT {
background-position: -89px -261px;
}
.sprite-flags.sprite-flags-JE {
background-position: -131px -261px;
}
.sprite-flags.sprite-flags-JM {
background-position: -173px -261px;
}
.sprite-flags.sprite-flags-JO {
background-position: -215px -261px;
}
.sprite-flags.sprite-flags-JP {
background-position: -257px -261px;
}
.sprite-flags.sprite-flags-KE {
background-position: -299px -261px;
}
.sprite-flags.sprite-flags-KG {
background-position: -341px -261px;
}
.sprite-flags.sprite-flags-KH {
background-position: -383px -261px;
}
.sprite-flags.sprite-flags-KI {
background-position: -425px -261px;
}
.sprite-flags.sprite-flags-KM {
background-position: -467px -261px;
}
.sprite-flags.sprite-flags-KN {
background-position: -509px -261px;
}
.sprite-flags.sprite-flags-KP {
background-position: -5px -293px;
}
.sprite-flags.sprite-flags-KR {
background-position: -47px -293px;
}
.sprite-flags.sprite-flags-KW {
background-position: -89px -293px;
}
.sprite-flags.sprite-flags-KY {
background-position: -131px -293px;
}
.sprite-flags.sprite-flags-KZ {
background-position: -173px -293px;
}
.sprite-flags.sprite-flags-LA {
background-position: -215px -293px;
}
.sprite-flags.sprite-flags-LB {
background-position: -257px -293px;
}
.sprite-flags.sprite-flags-LC {
background-position: -299px -293px;
}
.sprite-flags.sprite-flags-LI {
background-position: -341px -293px;
}
.sprite-flags.sprite-flags-LK {
background-position: -383px -293px;
}
.sprite-flags.sprite-flags-LR {
background-position: -425px -293px;
}
.sprite-flags.sprite-flags-LS {
background-position: -467px -293px;
}
.sprite-flags.sprite-flags-LT {
background-position: -509px -293px;
}
.sprite-flags.sprite-flags-LU {
background-position: -5px -325px;
}
.sprite-flags.sprite-flags-LV {
background-position: -47px -325px;
}
.sprite-flags.sprite-flags-LY {
background-position: -89px -325px;
}
.sprite-flags.sprite-flags-MA {
background-position: -131px -325px;
}
.sprite-flags.sprite-flags-MC {
background-position: -173px -325px;
}
.sprite-flags.sprite-flags-MD {
background-position: -215px -325px;
}
.sprite-flags.sprite-flags-ME {
background-position: -257px -325px;
}
.sprite-flags.sprite-flags-MF {
background-position: -299px -325px;
}
.sprite-flags.sprite-flags-MG {
background-position: -341px -325px;
}
.sprite-flags.sprite-flags-MH {
background-position: -383px -325px;
}
.sprite-flags.sprite-flags-MK {
background-position: -425px -325px;
}
.sprite-flags.sprite-flags-ML {
background-position: -467px -325px;
}
.sprite-flags.sprite-flags-MM {
background-position: -509px -325px;
}
.sprite-flags.sprite-flags-MN {
background-position: -5px -357px;
}
.sprite-flags.sprite-flags-MO {
background-position: -47px -357px;
}
.sprite-flags.sprite-flags-MP {
background-position: -89px -357px;
}
.sprite-flags.sprite-flags-MQ {
background-position: -131px -357px;
}
.sprite-flags.sprite-flags-MR {
background-position: -173px -357px;
}
.sprite-flags.sprite-flags-MS {
background-position: -215px -357px;
}
.sprite-flags.sprite-flags-MT {
background-position: -257px -357px;
}
.sprite-flags.sprite-flags-MU {
background-position: -299px -357px;
}
.sprite-flags.sprite-flags-MV {
background-position: -341px -357px;
}
.sprite-flags.sprite-flags-MW {
background-position: -383px -357px;
}
.sprite-flags.sprite-flags-MX {
background-position: -425px -357px;
}
.sprite-flags.sprite-flags-MY {
background-position: -467px -357px;
}
.sprite-flags.sprite-flags-MZ {
background-position: -509px -357px;
}
.sprite-flags.sprite-flags-NA {
background-position: -5px -389px;
}
.sprite-flags.sprite-flags-NC {
background-position: -47px -389px;
}
.sprite-flags.sprite-flags-NE {
background-position: -89px -389px;
}
.sprite-flags.sprite-flags-NF {
background-position: -131px -389px;
}
.sprite-flags.sprite-flags-NG {
background-position: -173px -389px;
}
.sprite-flags.sprite-flags-NI {
background-position: -215px -389px;
}
.sprite-flags.sprite-flags-NL {
background-position: -257px -389px;
}
.sprite-flags.sprite-flags-NO {
background-position: -299px -389px;
}
.sprite-flags.sprite-flags-NR {
background-position: -341px -389px;
}
.sprite-flags.sprite-flags-NU {
background-position: -383px -389px;
}
.sprite-flags.sprite-flags-NZ {
background-position: -425px -389px;
}
.sprite-flags.sprite-flags-OM {
background-position: -467px -389px;
}
.sprite-flags.sprite-flags-PA {
background-position: -509px -389px;
}
.sprite-flags.sprite-flags-PE {
background-position: -5px -421px;
}
.sprite-flags.sprite-flags-PF {
background-position: -47px -421px;
}
.sprite-flags.sprite-flags-PG {
background-position: -89px -421px;
}
.sprite-flags.sprite-flags-PH {
background-position: -131px -421px;
}
.sprite-flags.sprite-flags-PK {
background-position: -173px -421px;
}
.sprite-flags.sprite-flags-PL {
background-position: -215px -421px;
}
.sprite-flags.sprite-flags-PN {
background-position: -257px -421px;
}
.sprite-flags.sprite-flags-PR {
background-position: -299px -421px;
}
.sprite-flags.sprite-flags-PS {
background-position: -341px -421px;
}
.sprite-flags.sprite-flags-PT {
background-position: -383px -421px;
}
.sprite-flags.sprite-flags-PW {
background-position: -425px -421px;
}
.sprite-flags.sprite-flags-PY {
background-position: -467px -421px;
}
.sprite-flags.sprite-flags-QA {
background-position: -509px -421px;
}
.sprite-flags.sprite-flags-RO {
background-position: -5px -453px;
}
.sprite-flags.sprite-flags-RS {
background-position: -47px -453px;
}
.sprite-flags.sprite-flags-RU {
background-position: -89px -453px;
}
.sprite-flags.sprite-flags-RW {
background-position: -131px -453px;
}
.sprite-flags.sprite-flags-SA {
background-position: -173px -453px;
}
.sprite-flags.sprite-flags-SB {
background-position: -215px -453px;
}
.sprite-flags.sprite-flags-SC {
background-position: -257px -453px;
}
.sprite-flags.sprite-flags-SD {
background-position: -299px -453px;
}
.sprite-flags.sprite-flags-SE {
background-position: -341px -453px;
}
.sprite-flags.sprite-flags-SG {
background-position: -383px -453px;
}
.sprite-flags.sprite-flags-SH {
background-position: -425px -453px;
}
.sprite-flags.sprite-flags-SI {
background-position: -467px -453px;
}
.sprite-flags.sprite-flags-SK {
background-position: -509px -453px;
}
.sprite-flags.sprite-flags-SL {
background-position: -5px -485px;
}
.sprite-flags.sprite-flags-SM {
background-position: -47px -485px;
}
.sprite-flags.sprite-flags-SN {
background-position: -89px -485px;
}
.sprite-flags.sprite-flags-SO {
background-position: -131px -485px;
}
.sprite-flags.sprite-flags-SR {
background-position: -173px -485px;
}
.sprite-flags.sprite-flags-SS {
background-position: -215px -485px;
}
.sprite-flags.sprite-flags-ST {
background-position: -257px -485px;
}
.sprite-flags.sprite-flags-SV {
background-position: -299px -485px;
}
.sprite-flags.sprite-flags-SY {
background-position: -341px -485px;
}
.sprite-flags.sprite-flags-SZ {
background-position: -383px -485px;
}
.sprite-flags.sprite-flags-TC {
background-position: -425px -485px;
}
.sprite-flags.sprite-flags-TD {
background-position: -467px -485px;
}
.sprite-flags.sprite-flags-TF {
background-position: -509px -485px;
}
.sprite-flags.sprite-flags-TG {
background-position: -5px -517px;
}
.sprite-flags.sprite-flags-TH {
background-position: -47px -517px;
}
.sprite-flags.sprite-flags-TJ {
background-position: -89px -517px;
}
.sprite-flags.sprite-flags-TK {
background-position: -131px -517px;
}
.sprite-flags.sprite-flags-TL {
background-position: -173px -517px;
}
.sprite-flags.sprite-flags-TM {
background-position: -215px -517px;
}
.sprite-flags.sprite-flags-TN {
background-position: -257px -517px;
}
.sprite-flags.sprite-flags-TO {
background-position: -299px -517px;
}
.sprite-flags.sprite-flags-TR {
background-position: -341px -517px;
}
.sprite-flags.sprite-flags-TT {
background-position: -383px -517px;
}
.sprite-flags.sprite-flags-TV {
background-position: -425px -517px;
}
.sprite-flags.sprite-flags-TW {
background-position: -467px -517px;
}
.sprite-flags.sprite-flags-TZ {
background-position: -509px -517px;
}
.sprite-flags.sprite-flags-UA {
background-position: -551px -5px;
}
.sprite-flags.sprite-flags-UG {
background-position: -551px -37px;
}
.sprite-flags.sprite-flags-US {
background-position: -551px -69px;
}
.sprite-flags.sprite-flags-UY {
background-position: -551px -101px;
}
.sprite-flags.sprite-flags-UZ {
background-position: -551px -133px;
}
.sprite-flags.sprite-flags-VA {
background-position: -551px -165px;
}
.sprite-flags.sprite-flags-VC {
background-position: -551px -197px;
}
.sprite-flags.sprite-flags-VE {
background-position: -551px -229px;
}
.sprite-flags.sprite-flags-VG {
background-position: -551px -261px;
}
.sprite-flags.sprite-flags-VI {
background-position: -551px -293px;
}
.sprite-flags.sprite-flags-VN {
background-position: -551px -325px;
}
.sprite-flags.sprite-flags-VU {
background-position: -551px -357px;
}
.sprite-flags.sprite-flags-WF {
background-position: -551px -389px;
}
.sprite-flags.sprite-flags-WS {
background-position: -551px -421px;
}
.sprite-flags.sprite-flags-YE {
background-position: -551px -453px;
}
.sprite-flags.sprite-flags-YT {
background-position: -551px -485px;
}
.sprite-flags.sprite-flags-ZA {
background-position: -551px -517px;
}
.sprite-flags.sprite-flags-ZM {
background-position: -5px -549px;
}
.sprite-flags.sprite-flags-ZW {
background-position: -47px -549px;
}
[data-toggle="dropdown"] .dropdown-menu {
z-index: 1001;
}
[data-toggle="dropdown"] .dropdown-menu > * {
padding: 4px 3px;
cursor: pointer;
text-decoration: none;
}
[data-toggle="dropdown"] .dropdown-menu > li:hover {
color: #262626;
background-color: #f5f5f5;
}
[data-toggle="dropdown"] .dropdown-seller {
-webkit-box-shadow: 0 0 4px #acb6c1;
-moz-box-shadow: 0 0 4px #acb6c1;
-o-box-shadow: 0 0 4px #acb6c1;
box-shadow: 0 0 4px #acb6c1;
border: none !important;
text-decoration: none;
transition: background 0.4s;
color: #333;
background-color: #fff;
cursor: pointer;
padding: 6px 12px;
}
[data-toggle="dropdown"] .btn-dropdown-tri {
border-color: var(--colorGreyDeep);
width: fit-content;
}
[data-toggle="dropdown"] .dropdown-tri {
padding: 0;
margin: 0;
}
#dropdown-tri {
margin: auto;
padding: 0;
width: fit-content;
position: relative;
}
.dropdown-menu-currencies {
position: absolute;
top: 60%;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
.dropdown-currencies {
cursor: pointer;
max-height: 225px;
font-weight: bold;
font-size: 1.4rem;
overflow-y: auto;
overflow-x: hidden;
border-top: 1px solid #e9ecf1;
padding-inline-start: 5px !important;
margin-bottom: 0px;
}
.dropdown-make-offer {
cursor: pointer;
max-height: 225px;
min-width: 300px;
font-size: 1rem;
overflow-y: auto;
overflow-x: auto;
border-top: 1px solid #e9ecf1;
padding-inline-start: 5px !important;
margin-bottom: 0px;
}
.dropdown-indicatifs {
cursor: pointer;
max-height: 225px;
min-width: 300px;
font-size: 1rem;
overflow-y: auto;
border-top: 1px solid #e9ecf1;
padding-inline-start: 5px !important;
margin-bottom: 0px;
overflow-x: hidden;
}
.dropdown-indicatifs .text {
white-space: nowrap;
}
.mt-indicatif {
margin-top: 3px !important;
}
.mt-indicatif-txt {
margin-top: 5px !important;
}
.mt-indicatif-fa {
margin-top: 10px !important;
}
.dropdown-indicatifs li:hover,
.dropdown-currencies li:hover {
background-color: #f5f5f5;
}
#dropdownMenu1 > .dropdown-menu,
#dropdownMenu2 > .dropdown-menu {
min-width: 90%;
}
#dropdownMenu1 > .dropdown-menu li,
#dropdownMenu2 > .dropdown-menu li {
padding: 0;
}
#dropdownMenu1 > .dropdown-menu a,
#dropdownMenu2 > .dropdown-menu a {
padding: 7px 3px;
}
.dropdown-item:active {
background-color: var(--colorPrimary);
}
.ad-skin {
position: relative;
display: none;
}
.height-90 {
height: 90px;
}
.height-100 {
height: 100px;
}
.d-flex-phone {
display: flex !important;
}
.d-block-force {
display: block !important;
}
.d-flex-force {
display: flex !important;
}
.d-none-force {
display: none !important;
}
.nmt-3 {
margin-top: -1rem !important;
}
.skyscrapper {
position: absolute;
right: calc(50% - 755px);
width: 160px;
text-align: center;
}
.skyscrapper.fixed,
.skyscrapper.fixed-ft {
position: fixed;
right: calc(50% - 755px);
top: 100px;
}
.skyscrapper.fixed-ft {
top: 70px;
}
.skyscrapper.bottom {
bottom: 19px;
}
@media (min-width: 768px) {
.d-flex-phone {
display: none !important;
}
.height-md-90 {
height: 90px;
}
.height-md-0 {
height: 0px;
}
}
@media (min-width: 1200px) and (min-width: 1170px) {
.ad-skin {
display: block;
}
.ad-skin iframe {
width: 100% !important;
}
.home-skin {
position: relative;
margin-left: auto;
margin-right: auto;
width: 1170px;
}
}
.fog-collapse {
overflow: hidden;
height: 10rem;
}
.fog {
position: absolute;
background: linear-gradient(0, #fff, transparent);
top: 0;
width: 100%;
height: 100%;
}
.defog {
position: absolute;
top: 85%;
left: 50%;
height: fit-content;
width: fit-content;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
:root {
--familyId: 1;
--imageLinkPopupRefonte: url(/themes/img/refontepopup/image_1.jpg);
--imageLinkPopupBarometre: url(/themes/img/barometrepopup/header-modal-1.png);
--colorPriceTTC: var(--colorGreyDeep);
--colorPriceDark: #999999;
--colorPriceLight: #999989;
--colorPrimary: rgb(255, 102, 1);
--colorBtnPrimaryEmpty: rgb(255, 102, 1);
--colorPrimaryInverse: #ffffff;
--colorPrimaryDarken: #d75600;
--colorPrimaryLighten: #ff7f2a;
--colorPrimaryWithTransparency: rgba(255, 102, 1, 0.5);
--colorPrimaryWithTransparencyLight: rgba(255, 102, 1, 0.1);
--colorSecondary: rgb(74, 85, 99);
--colorSecondaryDarken: #d75600;
--colorSecondaryWithTransparency: rgba(74, 85, 99, 0.5);
--urlLogo: url(/themes/img/group-1/logos/logo.svg?v2024);
--urlLogoNoel: url(/themes/img/group-1/logos/logo-noel.svg?v2024);
--urlLogo25ans: url(/themes/img/group-1/logos/mobi_25ans.svg?20241217);
--urlPicto: url(/themes/img/group-1/pictos/title_x1.svg);
--urlEstimatePrice: url(/themes/img/group-1/vco/estim-ppal.png);
}
:root {
--familyColor1: #ff6601;
--familyColor2: #fec414;
--familyColor3: #0fb7ea;
--familyColor4: #ff3300;
--familyColor5: #0e0ee2;
--familyColor7: #4fb739;
--colorText: #2e343a;
--colorTextLighten: #404851;
--colorLink: #2e343a;
--colorLinkLighten: #72818f;
--colorSell: #00b55e;
--colorViber: #7360f2;
--colorSellDarken: #008c49;
--colorGrey: #f2f2f2;
--colorGreyDark: #dddddd;
--colorGreyDeep: #ababab;
--colorWhite: #ffffff;
--colorInfoBackground: #f8edeb;
--colorInfo: #3d4a59;
--colorBlueLight: #e5eff8;
--colorBlueDark: #20649e;
--colorBlue: #2e80c7;
--colorBsBlue: #007bff;
--colorDarkenGrey: #3d4a59;
--colorBlueViaMobilis: #0e0ee2;
--colorDarkGrey: #3f4b5b;
--colorNew: #ff3636;
}
@font-face {
font-display: swap;
font-family: "Poppins";
font-style: normal;
font-weight: 400;
src: url("../../styles/fonts/poppins/poppins-v21-latin-regular.woff2")
format("woff2");
}
@font-face {
font-display: swap;
font-family: "Poppins";
font-style: normal;
font-weight: 600;
src: url("../../styles/fonts/poppins/poppins-v21-latin-600.woff2")
format("woff2");
}
@font-face {
font-family: "Font Awesome Custom";
font-display: swap;
font-style: normal;
font-weight: 400;
src: url("../../plugins/font-awesome5/webfonts/fa-regular-400.eot");
src: url("../../plugins/font-awesome5/webfonts/fa-regular-400.eot?#iefix")
format("embedded-opentype"),
url("../../plugins/font-awesome5/webfonts/fa-regular-400.woff2")
format("woff2"),
url("../../plugins/font-awesome5/webfonts/fa-regular-400.woff")
format("woff"),
url("../../plugins/font-awesome5/webfonts/fa-regular-400.ttf")
format("truetype"),
url("../../plugins/font-awesome5/webfonts/fa-regular-400.svg#fontawesome")
format("svg");
}
@font-face {
font-family: "Font Awesome Custom";
font-display: swap;
font-style: normal;
font-weight: 900;
src: url("../../plugins/font-awesome5/webfonts/fa-solid-900.eot");
src: url("../../plugins/font-awesome5/webfonts/fa-solid-900.eot?#iefix")
format("embedded-opentype"),
url("../../plugins/font-awesome5/webfonts/fa-solid-900.woff2")
format("woff2"),
url("../../plugins/font-awesome5/webfonts/fa-solid-900.woff") format("woff"),
url("../../plugins/font-awesome5/webfonts/fa-solid-900.ttf")
format("truetype"),
url("../../plugins/font-awesome5/webfonts/fa-solid-900.svg#fontawesome")
format("svg");
}
.fa,
.fas,
.far {
font-family: "Font Awesome Custom" !important;
color: #8e969e;
}
.color-primary {
color: var(--colorPrimary);
}
.hover-primary:hover {
color: var(--colorPrimary);
}
.color-primary-darken {
color: var(--colorPrimaryDarken);
}
.color-inverse {
color: var(--colorPrimaryInverse);
}
.bg-color-primary {
background-color: var(--colorPrimary) !important;
}
.bg-color-primary-darken {
background-color: var(--colorPrimaryDarken) !important;
}
.bg-gradiant-color-primary {
background: linear-gradient(
to right,
var(--colorPrimary),
var(--colorPrimaryDarken)
);
}
.color-secondary {
color: var(--colorSecondary) !important;
}
.bg-color-secondary {
background-color: var(--colorSecondary);
}
.bg-grey {
background-color: var(--colorGrey);
}
.bg-grey-darken {
background-color: var(--colorGreyDark);
}
.bg-color-text {
background-color: var(--colorText);
}
.color-f-1 {
color: var(--familyColor1);
}
.color-f-2 {
color: var(--familyColor2);
}
.color-f-4 {
color: var(--familyColor4);
}
.color-f-5 {
color: var(--familyColor5);
}
.color-f-7 {
color: var(--familyColor7);
}
.color-text {
color: var(--colorText);
}
.color-grey {
color: var(--colorGrey);
}
.color-grey-dark {
color: var(--colorGreyDark);
}
.color-grey-deep {
color: var(--colorGreyDeep);
}
.color-orange {
color: #f68531;
}
.color-green {
color: #77c151;
}
.color-yellow {
color: #fdc12c;
}
.color-cyan {
color: #5cc6d6;
}
.color-light-cyan {
color: #618a97;
}
.color-red {
color: #ef4f2d;
}
.color-white {
color: var(--colorWhite);
}
.color-blue {
color: var(--colorBlue);
}
.color-bs-blue {
color: var(--colorBsBlue);
}
.color-seller {
color: var(--colorSell);
}
.color-whatsapp {
color: #128b7d;
}
.color-viber {
color: #7360f2;
}
.alert.invalid {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.alert.miss {
color: #fc4c3f;
border-color: #fc4c3f;
background-color: #fceee8;
}
.fit-content {
height: fit-content !important;
width: fit-content !important;
}
.rounded {
border-radius: 0.5rem !important;
}
body {
color: var(--colorText);
}
a {
color: var(--colorLink);
}
a:hover {
color: var(--colorLink);
transition: 0.2s color;
}
.justified {
text-align: justify;
}
.bg-color-darkengrey {
background-color: var(--colorDarkenGrey);
}
#searchBarActu {
background: #e9edf2;
}
::-webkit-scrollbar {
width: 0.4rem;
}
::-webkit-scrollbar-track {
background: var(--colorWhite);
border-left: 1px solid #efefef;
}
::-webkit-scrollbar-thumb {
background-color: var(--colorPrimary);
}
.image-popup {
background-image: var(--imageLinkPopupBarometre);
min-height: 175px;
background-position: center;
background-size: cover;
}
.click-show-more {
color: #3577bc;
cursor: pointer;
}
.border-radius-pct-50 {
border-radius: 50%;
}
.mr-33 {
margin-right: 33%;
}
.banner-native-text {
height: 34px;
}
.progress-bar {
transition: none;
}
.brush-text {
--brush-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_2' data-name='Calque 2' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 182.6 35' preserveAspectRatio='none' width='300' height='58'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23000%3B stroke-width: 0px%3B %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M174.8.8C119 1.1 63.1.8 7.3 0-.8-.1-2.1 14.7 3.1 20.4c-1 6.5 1.5 14.6 7.6 14.6 30.8 0 61.6-.8 92.3-2.2 15.2-.7 30.4-1.6 45.6-2.7 6.9-.5 14.1-.5 20.8-1.9 7.3-1.5 11.4-5.8 12.9-13.2.9-4.8-1.1-14.2-7.5-14.2Z'/%3E%3C/svg%3E");
position: relative;
display: flex;
color: var(--colorPrimaryInverse);
padding-inline: 0.6rem;
padding-block: 0.15rem;
text-align: center;
z-index: 1;
}
.brush-text .brush-text-content {
display: inline;
position: relative;
white-space: nowrap;
font-size: inherit;
}
.brush-text::after {
content: "";
position: absolute;
inset: 0;
background-color: var(--colorPrimary);
mask-size: 100% 100%;
-webkit-mask-size: 100% 100%;
mask-image: var(--brush-mask);
-webkit-mask-image: var(--brush-mask);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-position: center;
z-index: -1;
}
@media (max-width: 710px) {
.banner-native-text {
height: 50px;
}
}
.label-for-pros {
background-color: var(--colorGrey);
border-radius: 5px;
max-width: 100%;
white-space: nowrap;
width: max-content;
padding-inline: 0.5rem;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1rem;
}