/* ==================================================================== */ /* System Style Definitions */ /* ==================================================================== */ @media all { *#dm div.dmContent h1, *#dm div.dmFooter h1 { color:rgb(102,102,102); } *#dm div.dmRespCol>* { line-height:normal; } *.dmDesktopBody *#dm ul.dmNavWrapper>li>a *.navText, *.dmDesktopBody *#dm ul.dmNavWrapper>li>a *.navItemText, *.dmDesktopBody *#dm ul.dmNavWrapper>li>*.dmNavigation { color:rgb(17,17,17); font-weight:normal; } *.dmDesktopBody *#dm ul.dmNavWrapper>li>a:hover, *.dmDesktopBody *#dm ul.dmNavWrapper>li>a.currentPage { border-color:rgb(17,17,17); } *.dmDesktopBody *#dm ul.dmNavWrapper>li.navItemSelectedServer>a *.navText, *.dmDesktopBody *#dm ul.dmNavWrapper>li.dmNavItemSelected>a *.navItemText, *.dmDesktopBody *#dm ul.dmNavWrapper>li.dmNavItemSelected>*.navItemText { font-weight:bold; } *.stickyHeaderSpacer { height:112px; } #dm div.dmInner, #dm div.dmInner .dmRespCol, #dm .dmRespCol div.dmNewParagraph, #dm .ecwid .ec-store, #dm .dmform .dmforminput label, .dmPrettyList .listText, .dmPrettyList .itemName, #dm .dmRestaurantMenu .menuItemBox, .dmRestaurantMenu .menuItemName, .dmRestaurantMenu .menuItemDesc, .dmRestaurantMenu .menuItemPrice, .dmPhotoGallery .caption-text.caption-text, .dmGeoLocation a span.dmGeoMLocItemTitle, .dmGeoLocation a span.dmGeoMLocItemDetails, .map-popup-description { font-family: "Noto Sans", "Noto Sans Fallback"; color:var(--color_1); } *#dm div.dmContent h1, *#dm div.dmFooter h1, *#dm div.p_hfcontainer h1, *#dm div.flex_hfcontainer h1, *#dm div.dm-title h1 { color:var(--color_1); direction:ltr; font-family: Rubik, "Rubik Fallback"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h1, *#dm div.dmFooter .dmNewParagraph[data-version] h1, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1, *#dm div.dm-title .dmNewParagraph[data-version] h1 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h1 *, *#dm div.dmFooter .dmNewParagraph[data-version] h1 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1 *, *#dm div.dm-title .dmNewParagraph[data-version] h1 * { text-decoration:none; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { color:var(--color_1); direction:ltr; font-family: Rubik, "Rubik Fallback"; font-weight:400; font-style:normal; text-decoration:none; line-height:1.5; } *#dm div.dmNewParagraph a, *#dm .dmNewParagraph a, *#dm div.dmBlockElement a, *#dm .dmBlockElement a, *#dm .dmform a.fileUploadLink, .dmPrettyList .link:not(.dmWidget), *#dm .dmGeoLocation a.dmGeoSVSeeAll, *#dm .dmGeoLocation a.dmGeoSVGoToPage, *#dm .postDescription a, *#dm .blog-post-component a, *#dm .timeline-post a, *#dm .rteBlock a, .newPhotoGallery .photoGalleryViewAll.link, .dmTable a, *#dm .ecwid .ec-link:not(.breadcrumbs__link), .dmSignup a:not(.social-link) { color:var(--color_4); } *#dm div.dmContent h2, *#dm div.dmFooter h2, *#dm div.p_hfcontainer h2, *#dm div.flex_hfcontainer h2, *#dm div.dm-title h2 { color:var(--color_1); direction:ltr; font-family: Rubik, "Rubik Fallback"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h2, *#dm div.dmFooter .dmNewParagraph[data-version] h2, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2, *#dm div.dm-title .dmNewParagraph[data-version] h2 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h2 *, *#dm div.dmFooter .dmNewParagraph[data-version] h2 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2 *, *#dm div.dm-title .dmNewParagraph[data-version] h2 * { text-decoration:none; } *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.p_hfcontainer h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { color:var(--color_1); direction:ltr; font-family: Rubik, "Rubik Fallback"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h3, *#dm div.dmFooter .dmNewParagraph[data-version] h3, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3, *#dm div.dm-title .dmNewParagraph[data-version] h3 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h3 *, *#dm div.dmFooter .dmNewParagraph[data-version] h3 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3 *, *#dm div.dm-title .dmNewParagraph[data-version] h3 * { text-decoration:none; } *#dm div.dmContent h4, *#dm div.dmFooter h4, *#dm div.p_hfcontainer h4, *#dm div.flex_hfcontainer h4, *#dm div.dm-title h4 { color:var(--color_1); direction:ltr; font-family: Rubik, "Rubik Fallback"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h4, *#dm div.dmFooter .dmNewParagraph[data-version] h4, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h4, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h4, *#dm div.dm-title .dmNewParagraph[data-version] h4 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h4 *, *#dm div.dmFooter .dmNewParagraph[data-version] h4 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h4 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h4 *, *#dm div.dm-title .dmNewParagraph[data-version] h4 * { text-decoration:none; } *#dm div.dmContent h5, *#dm div.dmFooter h5, *#dm div.p_hfcontainer h5, *#dm div.flex_hfcontainer h5, *#dm div.dm-title h5 { color:var(--color_1); direction:ltr; font-family: Rubik, "Rubik Fallback"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h5, *#dm div.dmFooter .dmNewParagraph[data-version] h5, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h5, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h5, *#dm div.dm-title .dmNewParagraph[data-version] h5 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h5 *, *#dm div.dmFooter .dmNewParagraph[data-version] h5 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h5 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h5 *, *#dm div.dm-title .dmNewParagraph[data-version] h5 * { text-decoration:none; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.p_hfcontainer h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { color:var(--color_1); direction:ltr; font-family: Rubik, "Rubik Fallback"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h6, *#dm div.dmFooter .dmNewParagraph[data-version] h6, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h6, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h6, *#dm div.dm-title .dmNewParagraph[data-version] h6 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h6 *, *#dm div.dmFooter .dmNewParagraph[data-version] h6 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h6 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h6 *, *#dm div.dm-title .dmNewParagraph[data-version] h6 * { text-decoration:none; } *#dm div.dmNewParagraph a.visited, *#dm div.dmNewParagraph a:visited, *#dm .dmNewParagraph a.visited, *#dm .dmNewParagraph a:visited, *#dm div.dmBlockElement a.visited, *#dm div.dmBlockElement a:visited, *#dm .dmBlockElement a.visited, *#dm .dmBlockElement a:visited, *#dm .dmform a.fileUploadLink.visited, *#dm .dmform a.fileUploadLink:visited, .dmPrettyList .link:not(.dmWidget).visited, .dmPrettyList .link:not(.dmWidget):visited, *#dm .dmGeoLocation a.dmGeoSVSeeAll.visited, *#dm .dmGeoLocation a.dmGeoSVSeeAll:visited, *#dm .dmGeoLocation a.dmGeoSVGoToPage.visited, *#dm .dmGeoLocation a.dmGeoSVGoToPage:visited, *#dm .postDescription a.visited, *#dm .postDescription a:visited, *#dm .blog-post-component a.visited, *#dm .blog-post-component a:visited, *#dm .timeline-post a.visited, *#dm .timeline-post a:visited, *#dm .rteBlock a.visited, *#dm .rteBlock a:visited, .newPhotoGallery .photoGalleryViewAll.link.visited, .newPhotoGallery .photoGalleryViewAll.link:visited, .dmTable a.visited, .dmTable a:visited, *#dm .ecwid .ec-link:not(.breadcrumbs__link).visited, *#dm .ecwid .ec-link:not(.breadcrumbs__link):visited, .dmSignup a:not(.social-link).visited, .dmSignup a:not(.social-link):visited, .prev-next-links a.visited, .prev-next-links a:visited { color:var(--color_7); text-decoration:none; } *#dm div.dmNewParagraph a, *#dm .dmNewParagraph a, *#dm div.dmBlockElement a, *#dm .dmBlockElement a, *#dm .dmform a.fileUploadLink, .dmPrettyList .link:not(.dmWidget), *#dm .dmGeoLocation a.dmGeoSVSeeAll, *#dm .dmGeoLocation a.dmGeoSVGoToPage, *#dm .postDescription a, *#dm .blog-post-component a, *#dm .timeline-post a, *#dm .rteBlock a, .newPhotoGallery .photoGalleryViewAll.link, .dmTable a, *#dm .ecwid .ec-link:not(.breadcrumbs__link), .dmSignup a:not(.social-link), .prev-next-links a { color:var(--color_4); text-decoration:none; } :root { --SOMS_padding-CTA:12px 24px; --SOMS_gap:0px; } #dm .dmOuter .dmInner .dmWidget .iconBg { align-items:center; justify-content:center; position:relative !important; top:initial !important; left:initial !important; width:24px; height:24px; margin:0 !important; } #dmRoot #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .iconBg { display:flex; } body.dmRoot #dm .dmOuter .dmInner .dmWidget .icon.hasFontIcon { margin-top:0 !important; height:1.5rem !important; font-size:1.5rem !important; } #dmRoot #dm div.dmNewParagraph p, #dmRoot #dm div.dmNewParagraph li { color:rgb(33,37,41); direction:ltr; font-family: "Noto Sans", "Noto Sans Fallback"; font-weight:400; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent h1, #dmRoot *#dm div.dmFooter h1, #dmRoot *#dm div.p_hfcontainer h1, #dmRoot *#dm div.flex_hfcontainer h1, #dmRoot *#dm div.dm-title h1 { color:rgb(33,37,41); direction:ltr; font-family: Heebo, "Heebo Fallback"; font-weight:700; font-style:normal; text-decoration:none; text-transform:none; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h1, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h1, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h1 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h1 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h1 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h1 * { text-decoration:none; } #dmRoot *#dm div.dmContent h2, #dmRoot *#dm div.dmFooter h2, #dmRoot *#dm div.p_hfcontainer h2, #dmRoot *#dm div.flex_hfcontainer h2, #dmRoot *#dm div.dm-title h2 { color:rgb(33,37,41); direction:ltr; font-family: Heebo, "Heebo Fallback"; font-weight:700; font-style:normal; text-decoration:none; text-transform:none; letter-spacing:initial; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h2, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h2, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h2 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h2 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h2 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h2 * { text-decoration:none; } #dmRoot *#dm div.dmContent h3, #dmRoot *#dm div.dmFooter h3, #dmRoot *#dm div.p_hfcontainer h3, #dmRoot *#dm div.flex_hfcontainer h3, #dmRoot *#dm div.dm-title h3 { color:rgb(33,37,41); direction:ltr; font-family: Heebo, "Heebo Fallback"; font-weight:700; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h3, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h3, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h3 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h3 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h3 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h3 * { text-decoration:none; } #dmRoot *#dm div.dmContent h4, #dmRoot *#dm div.dmFooter h4, #dmRoot *#dm div.p_hfcontainer h4, #dmRoot *#dm div.flex_hfcontainer h4, #dmRoot *#dm div.dm-title h4 { color:rgb(33,37,41); direction:ltr; font-family: Heebo, "Heebo Fallback"; font-weight:700; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h4, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h4, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h4, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h4, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h4 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h4 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h4 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h4 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h4 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h4 * { text-decoration:none; } #dmRoot *#dm div.dmContent h5, #dmRoot *#dm div.dmFooter h5, #dmRoot *#dm div.p_hfcontainer h5, #dmRoot *#dm div.flex_hfcontainer h5, #dmRoot *#dm div.dm-title h5 { color:rgb(33,37,41); direction:ltr; font-family: Heebo, "Heebo Fallback"; font-weight:700; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h5, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h5, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h5, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h5, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h5 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h5 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h5 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h5 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h5 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h5 * { text-decoration:none; } #dmRoot *#dm div.dmContent h6, #dmRoot *#dm div.dmFooter h6, #dmRoot *#dm div.p_hfcontainer h6, #dmRoot *#dm div.flex_hfcontainer h6, #dmRoot *#dm div.dm-title h6 { color:rgb(33,37,41); direction:ltr; font-family: Heebo, "Heebo Fallback"; font-weight:700; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h6, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h6, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h6, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h6, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h6 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h6 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h6 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h6 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h6 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h6 * { text-decoration:none; } *#dm div.dmNewParagraph a.hover, *#dm div.dmNewParagraph a:hover, *#dm .dmNewParagraph a.hover, *#dm .dmNewParagraph a:hover, *#dm div.dmBlockElement a.hover, *#dm div.dmBlockElement a:hover, *#dm .dmBlockElement a.hover, *#dm .dmBlockElement a:hover, *#dm .dmform a.fileUploadLink.hover, *#dm .dmform a.fileUploadLink:hover, .dmPrettyList .link:not(.dmWidget).hover, .dmPrettyList .link:not(.dmWidget):hover, *#dm .dmGeoLocation a.dmGeoSVSeeAll.hover, *#dm .dmGeoLocation a.dmGeoSVSeeAll:hover, *#dm .dmGeoLocation a.dmGeoSVGoToPage.hover, *#dm .dmGeoLocation a.dmGeoSVGoToPage:hover, *#dm .postDescription a.hover, *#dm .postDescription a:hover, *#dm .blog-post-component a.hover, *#dm .blog-post-component a:hover, *#dm .timeline-post a.hover, *#dm .timeline-post a:hover, *#dm .rteBlock a.hover, *#dm .rteBlock a:hover, .newPhotoGallery .photoGalleryViewAll.link.hover, .newPhotoGallery .photoGalleryViewAll.link:hover, .dmTable a.hover, .dmTable a:hover, *#dm .ecwid .ec-link:not(.breadcrumbs__link).hover, *#dm .ecwid .ec-link:not(.breadcrumbs__link):hover, .dmSignup a:not(.social-link).hover, .dmSignup a:not(.social-link):hover, .prev-next-links a.hover, .prev-next-links a:hover { color:rgb(231,29,54); } } @media (min-width:1025px) { *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:18px; } #dm div.dmNewParagraph p { font-size:18px; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:16px; } #dm DIV.dmOuter DIV.dmInner, #dm DIV.dmOuter DIV#dmSlideRightNavRight { background-image:none; background-color:var(--color_2); } #dm div.dmInner, #dm div.dmInner .dmRespCol, #dm .dmRespCol div.dmNewParagraph, #dm .ecwid .ec-store, #dm .dmform .dmforminput label, .dmPrettyList .listText, .dmPrettyList .itemName, #dm .dmRestaurantMenu .menuItemBox, .dmRestaurantMenu .menuItemName, .dmRestaurantMenu .menuItemDesc, .dmRestaurantMenu .menuItemPrice, .dmPhotoGallery .caption-text.caption-text, .dmGeoLocation a span.dmGeoMLocItemTitle, .dmGeoLocation a span.dmGeoMLocItemDetails, .map-popup-description { font-size:15px; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { font-size:16px; } *#dm div.dmContent h1, *#dm div.dmFooter h1, *#dm div.p_hfcontainer h1, *#dm div.flex_hfcontainer h1, *#dm div.dm-title h1 { font-size:48px; } *#dm div.dmContent h2, *#dm div.dmFooter h2, *#dm div.p_hfcontainer h2, *#dm div.flex_hfcontainer h2, *#dm div.dm-title h2 { font-size:32px; } *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.p_hfcontainer h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:24px; } *#dm div.dmContent h4, *#dm div.dmFooter h4, *#dm div.p_hfcontainer h4, *#dm div.flex_hfcontainer h4, *#dm div.dm-title h4 { font-size:20px; } *#dm div.dmContent h5, *#dm div.dmFooter h5, *#dm div.p_hfcontainer h5, *#dm div.flex_hfcontainer h5, *#dm div.dm-title h5 { font-size:18px; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.p_hfcontainer h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:16px; } :root { --SOMS_padding-CTA:12px 24px; --SOMS_gap:0px; } #dm .dmOuter .dmInner .dmWidget .iconBg { align-items:center; justify-content:center; position:relative !important; top:initial !important; left:initial !important; width:24px; height:24px; margin:0 !important; } #dmRoot #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .iconBg { display:flex; } body.dmRoot #dm .dmOuter .dmInner .dmWidget .icon.hasFontIcon { margin-top:0 !important; height:1.5rem !important; font-size:1.5rem !important; } #dmRoot *#dm div.dmContent h1, #dmRoot *#dm div.dmFooter h1, #dmRoot *#dm div.p_hfcontainer h1, #dmRoot *#dm div.flex_hfcontainer h1, #dmRoot *#dm div.dm-title h1 { font-size:40px; --font-scale:false; } #dmRoot #dm div.dmNewParagraph p, #dmRoot #dm div.dmNewParagraph li { font-size:15px; } #dmRoot *#dm div.dmContent h2, #dmRoot *#dm div.dmFooter h2, #dmRoot *#dm div.p_hfcontainer h2, #dmRoot *#dm div.flex_hfcontainer h2, #dmRoot *#dm div.dm-title h2 { font-size:30px; } } @media (min-width:768px) and (max-width:1024px) { *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:18px; } #dm div.dmNewParagraph p { font-size:18px; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:16px; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.p_hfcontainer h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:14px; } #dm div.dmInner, #dm div.dmInner .dmRespCol, #dm .dmRespCol div.dmNewParagraph, #dm .ecwid .ec-store, #dm .dmform .dmforminput label, .dmPrettyList .listText, .dmPrettyList .itemName, #dm .dmRestaurantMenu .menuItemBox, .dmRestaurantMenu .menuItemName, .dmRestaurantMenu .menuItemDesc, .dmRestaurantMenu .menuItemPrice, .dmPhotoGallery .caption-text.caption-text, .dmGeoLocation a span.dmGeoMLocItemTitle, .dmGeoLocation a span.dmGeoMLocItemDetails, .map-popup-description { font-size:14px; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { font-size:16px; } *#dm div.dmContent h1, *#dm div.dmFooter h1, *#dm div.p_hfcontainer h1, *#dm div.flex_hfcontainer h1, *#dm div.dm-title h1 { font-size:50px; } *#dm div.dmContent h2, *#dm div.dmFooter h2, *#dm div.p_hfcontainer h2, *#dm div.flex_hfcontainer h2, *#dm div.dm-title h2 { font-size:30px; } *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.p_hfcontainer h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:25px; } *#dm div.dmContent h4, *#dm div.dmFooter h4, *#dm div.p_hfcontainer h4, *#dm div.flex_hfcontainer h4, *#dm div.dm-title h4 { font-size:20px; } *#dm div.dmContent h5, *#dm div.dmFooter h5, *#dm div.p_hfcontainer h5, *#dm div.flex_hfcontainer h5, *#dm div.dm-title h5 { font-size:15px; } :root { --SOMS_padding-CTA:12px 24px; --SOMS_gap:0px; } #dm .dmOuter .dmInner .dmWidget .iconBg { align-items:center; justify-content:center; position:relative !important; top:initial !important; left:initial !important; width:24px; height:24px; margin:0 !important; } #dmRoot #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .iconBg { display:flex; } body.dmRoot #dm .dmOuter .dmInner .dmWidget .icon.hasFontIcon { margin-top:0 !important; height:1.5rem !important; font-size:1.5rem !important; } #dmRoot *#dm div.dmContent h1, #dmRoot *#dm div.dmFooter h1, #dmRoot *#dm div.p_hfcontainer h1, #dmRoot *#dm div.flex_hfcontainer h1, #dmRoot *#dm div.dm-title h1 { font-size:24px; --font-scale:false; } #dmRoot *#dm div.dmContent h2, #dmRoot *#dm div.dmFooter h2, #dmRoot *#dm div.p_hfcontainer h2, #dmRoot *#dm div.flex_hfcontainer h2, #dmRoot *#dm div.dm-title h2 { font-size:24px; } #dmRoot #dm div.dmNewParagraph p, #dmRoot #dm div.dmNewParagraph li { font-size:14px; } } @media (min-width:0px) and (max-width:767px) { *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:14px; } #dm div.dmInner, #dm div.dmInner .dmRespCol, #dm .dmRespCol div.dmNewParagraph, #dm .ecwid .ec-store, #dm .dmform .dmforminput label, .dmPrettyList .listText, .dmPrettyList .itemName, #dm .dmRestaurantMenu .menuItemBox, .dmRestaurantMenu .menuItemName, .dmRestaurantMenu .menuItemDesc, .dmRestaurantMenu .menuItemPrice, .dmPhotoGallery .caption-text.caption-text, .dmGeoLocation a span.dmGeoMLocItemTitle, .dmGeoLocation a span.dmGeoMLocItemDetails, .map-popup-description { font-size:13px; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { font-size:16px; } *#dm div.dmContent h1, *#dm div.dmFooter h1, *#dm div.p_hfcontainer h1, *#dm div.flex_hfcontainer h1, *#dm div.dm-title h1 { font-size:28px; } *#dm div.dmContent h2, *#dm div.dmFooter h2, *#dm div.p_hfcontainer h2, *#dm div.flex_hfcontainer h2, *#dm div.dm-title h2 { font-size:24px; } *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.p_hfcontainer h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:20px; } *#dm div.dmContent h4, *#dm div.dmFooter h4, *#dm div.p_hfcontainer h4, *#dm div.flex_hfcontainer h4, *#dm div.dm-title h4 { font-size:18px; } *#dm div.dmContent h5, *#dm div.dmFooter h5, *#dm div.p_hfcontainer h5, *#dm div.flex_hfcontainer h5, *#dm div.dm-title h5 { font-size:15px; } :root { --SOMS_padding-CTA:12px 24px; --SOMS_gap:0px; } #dm .dmOuter .dmInner .dmWidget .iconBg { align-items:center; justify-content:center; position:relative !important; top:initial !important; left:initial !important; width:24px; height:24px; margin:0 !important; } #dmRoot #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .iconBg { display:flex; } body.dmRoot #dm .dmOuter .dmInner .dmWidget .icon.hasFontIcon { margin-top:0 !important; height:1.5rem !important; font-size:1.5rem !important; } #dmRoot #dm div.dmNewParagraph p, #dmRoot #dm div.dmNewParagraph li { font-size:13px; } #dmRoot *#dm div.dmContent h1, #dmRoot *#dm div.dmFooter h1, #dmRoot *#dm div.p_hfcontainer h1, #dmRoot *#dm div.flex_hfcontainer h1, #dmRoot *#dm div.dm-title h1 { font-size:24px; } } /*------------------------------------------------------*/ /*------------------------ ROOT ------------------------*/ /*------------------------------------------------------*/ :root { --SOMS_padding-CTA: 12px 24px 12px 14px; --SOMS_shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px !important; --SOMS_blur: blur(24px) !important; --SOMS_delay: all 0.24s ease-in-out !important; --SOMS_gap: 8px; } /*------------------------------------------------------*/ /*------------------------ MENU ------------------------*/ /*------------------------------------------------------*/ /* Eviter les changement de marges du menu au scroll (mis sur chaque Row du menu, même les inner) */ #dm .dmHeader[data-scrollable-target].scroll-responder_set .dmRespRow.SOMS_scroll-menu .dmRespCol.has-one-widget-only [data-element-type]:not([data-element-type=multilingual]) { /* Eviter les variations de position du menu au scroll */ top: 0 !important; transform: translateY(0%) !important; } /* Transition smooth pour disparition/apparition menu au scroll */ .dmHeaderContainer { transition: .2S cubic-bezier(1, 0, 0, 1); } /* Pour position sticky au scroll : */ [dmtemplateid*=amburger] .dmLayoutWrapper, #iscrollBody { overflow: visible !important; } /*------------------------------------------------------*/ /*------------------------ BODY ------------------------*/ /*------------------------------------------------------*/ /* GENERAL -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --*/ /* Z-index - Chevauchement des éléments */ .SOMS_z1 { z-index: 1; } .SOMS_z2 { z-index: 2; } .SOMS_z3 { z-index: 3; } /* Pas de click sur les images - Duda V2*/ body:not(.bodyInsideD1) .SOMS_noclick { cursor: default; pointer-events: none; } /* HEADER -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --*/ /* Hauteur du hero header */ #dmRoot *#dm *.dmBody div.SOMS_height-100vh { min-height: calc(100vh - 135px) !important; /* hauteur de la barre de navigation */ } /* TEXTE & TITRES -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --*/ /* Alignement du texte */ H1, h2, h3, h4, h5, h6 { text-wrap: balance; } p { text-wrap: pretty; } /* LIENS -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --*/ #dmRoot *#dm div.dmNewParagraph a { text-decoration: none; white-space: nowrap; cursor: pointer; position: relative; font-weight: 500 !important; } #dmRoot *#dm div.dmNewParagraph a::before, #dmRoot *#dm div.dmNewParagraph a::after { position: absolute; width: 100%; height: 1px; background: currentColor; top: 100%; left: 0; pointer-events: none; } #dmRoot *#dm div.dmNewParagraph a::before { content: ''; } #dmRoot *#dm div.dmNewParagraph a::before { transform-origin: 100% 50%; transform: scale3d(0, 1, 1); transition: transform 0.3s; } #dmRoot *#dm div.dmNewParagraph a:hover::before { transform-origin: 0% 50%; transform: scale3d(1, 1, 1); } #dmRoot *#dm div.dmNewParagraph { font-weight: 500 !important; } #dmRoot *#dm div.dmNewParagraph a:hover { outline: none; } /* Fil d'ariane */ #dmRoot *#dm *.SOMS_fil-ariane nav a { color: var(--color_9) !important; } /* DESIGN DES ÉLÉMENTS - BOITE À OUTILS -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --*/ /* Modifie le design des listes à puces */ .dmNewParagraph[data-version] ul>li:before { content: "» "; color: var(--color_6); } /* Léger blur sous la nav */ #dmRoot *#dm .SOMS_gradient-blur::before { content: ""; z-index: -1; backdrop-filter: blur(20px); mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; inset: 0; } /* Gradient vers le bas */ #dmRoot *#dm *.SOMS_gradient-bottom:before { content: ''; position: absolute; bottom: 0; left: 0; background: linear-gradient(to bottom, transparent 0, rgb(52, 58, 64, .9) 100%); width: 100%; height: 100%; pointer-events: none; z-index: 1; } /* Gradient blanc vers le haut */ #dmRoot *#dm *.SOMS_gradient-top:before { content: ''; position: absolute; bottom: 0; left: 0; background: linear-gradient(to top, transparent 0, rgb(255, 255, 255, 1) 100%); width: 100%; height: 100%; pointer-events: none; z-index: 1; } /* Cadre gris */ *#dmRoot *#dm .SOMS_cadre { overflow: visible; } *#dmRoot *#dm .SOMS_cadre:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; transform: rotate(-3deg); background: linear-gradient(white, white) padding-box, linear-gradient(to right, #343a40, #343a40) border-box; border-radius: 2px; border: 2px solid transparent; z-index: 0; transform: translate(-20px, -20px); } /* masque d'image */ *#dmRoot *#dm .SOMS_mask-img { mask-size: 100%; mask-position: top; mask-repeat: no-repeat; mask-image: url("https://de.cdn-website.com/bf2773482d244f4a9aa12bd1732fda10/dms3rep/multi/Sans+titre+-+1.svg"); mask-mode: alpha; } /* MODULES -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --*/ /* Widget "Connect Moyenne Avis" */ #dmRoot *#dm #widget_v3o .content, #dmRoot *#dm #widget_v3o .content svg { color: var(--color_1) !important; } /* widget "Multisite" - suppression de la bordure */ #dmRoot *#dm .dmGeoMLocItem { border-bottom: unset !important; } #dmRoot *#dm .dmform:has(.spacing-container) form.dmRespDesignRow .dmformsubmit { padding: 0.75rem 1rem !important; } /*------------------------------------------------------*/ /*----------------------- FOOTER -----------------------*/ /*------------------------------------------------------*/ .dmFooterContainer #flex-footer, .dmFooterContainer #flex-footer p, .dmFooterContainer #flex-footer a { font-weight: 300; } .dmFooterContainer #flex-footer div.SOMS_Footer-nav { border: 1px solid rgba(75, 75, 75, 1) !important; } /*------------------------------------------------------*/ /*----------------------- RESET ------------------------*/ /*------------------------------------------------------*/ /* Icône liens sortant */ *#dm *.dmNewParagraph a[target="_blank"] { text-decoration: none; box-shadow: 0 1px 0 0 currentColor; } *#dm *.dmNewParagraph a[target="_blank"]:not([type="call"])::after { content: '\f08e'; font-family: FontAwesome !important; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline-block; margin-inline-start: 4px; text-indent: initial; } /* Reset Widget Bouton */ #dmRoot *#dm :is(.dmOnlyButton, .buttonclickrdv-class, .dmformsubmit, div[data-title="Tabs"], .dmWidget, .dctaButton, .caption-button):has(> span.iconBg[aria-hidden="true"]):not(.dmCall, .dmEmail, .SOMS_except) { font-family: inherit; height: fit-content !important; width: fit-content !important; padding: var(--SOMS_padding-CTA); display: flex; align-items: center; justify-content: center; gap: 8px; position: relative; overflow: hidden; z-index: 2; } #dmRoot *#dm :is(.dmOnlyButton, .buttonclickrdv-class, .dmformsubmit, div[data-title="Tabs"], .dmWidget, .dctaButton, .caption-button):has(> span.iconBg[aria-hidden="true"]):not(.dmCall, .dmEmail, .SOMS_except)::after { content: none; } #dmRoot *#dm :is(.dmOnlyButton, .buttonclickrdv-class, .dmformsubmit, div[data-title="Tabs"], .dmWidget, .dctaButton, .caption-button):has(> span.iconBg[aria-hidden="true"]):not(.dmCall, .dmEmail, .SOMS_except) span.text { max-width: 100% !important; padding: 0 !important; font-size: 14px !important; line-height: 1 !important; text-transform: uppercase; font-weight: 600 !important; } /* Custom Widget Bouton */ /*_____ paramètres complémentaires du bouton */ #dmRoot *#dm :is(.dmOnlyButton, .buttonclickrdv-class, .dmformsubmit, div[data-title="Tabs"], .dmWidget, .dctaButton, .caption-button):has(> span.iconBg[aria-hidden="true"]):not(.dmCall, .dmEmail, .SOMS_except) { border-radius: 1.625rem; cursor: pointer; } /*_____ paramètres complémentaires du texte et de l'icône */ #dmRoot *#dm :is(.dmOnlyButton, .buttonclickrdv-class, .dmformsubmit, div[data-title="Tabs"], .dmWidget, .dctaButton, .caption-button):has(> span.iconBg[aria-hidden="true"]):not(.dmCall, .dmEmail, .SOMS_except) span.text, #dmRoot *#dm :is(.dmOnlyButton, .buttonclickrdv-class, .dmformsubmit, div[data-title="Tabs"], .dmWidget, .dctaButton, .caption-button):has(> span.iconBg[aria-hidden="true"]):not(.dmCall, .dmEmail, .SOMS_except) span.iconBg { position: relative; z-index: 2; } #dmRoot *#dm :is(.dmOnlyButton, .buttonclickrdv-class, .dmformsubmit, div[data-title="Tabs"], .dmWidget, .dctaButton, .caption-button):has(> span.iconBg[aria-hidden="true"]):not(.dmCall, .dmEmail, .SOMS_except) span.text { margin-left: 15px !important; } /*_____ taille du conteneur des icônes et placement */ #dmRoot *#dm :is(.dmOnlyButton, .buttonclickrdv-class, .dmformsubmit, div[data-title="Tabs"], .dmWidget, .dctaButton, .caption-button):has(> span.iconBg[aria-hidden="true"]):not(.dmCall, .dmEmail, .SOMS_except) span.iconBg { --icon-size: 24px; position: relative !important; width: var(--icon-size); height: var(--icon-size); /* margin-left: 15px !important; */ transition: transform 500ms ease; } /*_____ taille des icônes */ #dmRoot *#dm :is(.dmOnlyButton, .buttonclickrdv-class, .dmformsubmit, div[data-title="Tabs"], .dmWidget, .dctaButton, .caption-button):has(> span.iconBg[aria-hidden="true"]):not(.dmCall, .dmEmail, .SOMS_except) span.iconBg span.icon { position: absolute; left: 0; top: 0; width: var(--icon-size); height: var(--icon-size) !important; transition: transform 500ms ease, opacity 250ms ease; } /*_____ fond étendu */ #dmRoot *#dm :is(.dmOnlyButton, .buttonclickrdv-class, .dmformsubmit, div[data-title="Tabs"], .dmWidget, .dctaButton, .caption-button):has(> span.iconBg[aria-hidden="true"]):not(.dmCall, .dmEmail, .SOMS_except):before { content: " "; position: absolute !important; left: calc(-100% + 50px); top: 0; width: 100%; height: 100%; background: var(--color_8); border-radius: 1.625rem; z-index: 1; transition: transform 500ms ease; } /*_____ fond étendu secondaire*/ #dmRoot *#dm .SOMS_second-button :is(.dmOnlyButton, .buttonclickrdv-class, .dmformsubmit, div[data-title="Tabs"], .dmWidget, .dctaButton, .caption-button):has(> span.iconBg[aria-hidden="true"]):not(.dmCall, .dmEmail, .SOMS_except):before { background: var(--color_5); } /*_____ déplacement du fond au :hover sous l'icône */ #dmRoot *#dm :is(.dmOnlyButton, .buttonclickrdv-class, .dmformsubmit, div[data-title="Tabs"], .dmWidget, .dctaButton, .caption-button):has(> span.iconBg[aria-hidden="true"]):not(.dmCall, .dmEmail, .SOMS_except):hover:before { transform: translateX(calc(100% - 50px)); /*background: var(--color_9);*/ } /*_____ déplacement du conteneur de l'icône au :hover*/ #dmRoot *#dm :is(.dmOnlyButton, .buttonclickrdv-class, .dmformsubmit, div[data-title="Tabs"], .dmWidget, .dctaButton, .caption-button):has(> span.iconBg[aria-hidden="true"]):not(.dmCall, .dmEmail, .SOMS_except):hover .iconBg { transform: translateX(50%); } /* _____ boutons Footer */ *#dm div.dmInner *.dmRespCol a[data-display-type="block"]:not(.SOMS_except) span { padding-right: 5px !important; } #dmRoot *#dm .SOMS_except :is(.dmWidget, .dmOnlyButton, .dmCall, .dmEmail, .buttonclickrdv-class, div[data-title="Tabs"], .dmWidget, .dctaButton) span.text { font-size: 14px !important; line-height: 1.2; } /* Pop Up */ #dmRoot #dm #dmPopup:has(.dmformsubmit) { padding: var(--SOMS_padding-CTA) !important; } /* Formulaire */ #dmRoot.dmLargeBody #dm .dmWidget.dmformsubmit { padding: 16px; margin-top: 16px; margin-right: 16px; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } #dm .dmInner .dmWidget input { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } #dm .dmInner .dmWidget:after { content: none; } .dmLargeBody #dm .dmRespRow .dmRespCol.large-5 .dmform-wrapper .dmformsubmit, .dmLargeBody #dm .dmRespRow .dmRespCol.large-6 .dmform-wrapper .dmformsubmit, .dmLargeBody #dm .dmRespRow .dmRespCol.large-7 .dmform-wrapper .dmformsubmit, .dmLargeBody #dm .dmRespRow .dmRespCol.large-8 .dmform-wrapper .dmformsubmit, .dmLargeBody #dm .dmRespRow .dmRespCol.large-9 .dmform-wrapper .dmformsubmit, .dmLargeBody #dm .dmRespRow .dmRespCol.large-10 .dmform-wrapper .dmformsubmit { min-width: initial; } .dmMobileBody #dm .dmRespRow .dmRespCol.small-12 .dmform-wrapper .dmformsubmit { width: 100%; max-width: 100%; min-width: 100%; padding: 0; margin: 0; } .dmLargeBody #dm .dmRespRow .dmRespCol .dmform-wrapper .dmformsubmit { min-width: initial !important; } #dm .dmInner .dmWidget.dmformsubmit input { padding: 0 !important; } /*------------------------------------------------------------*/ /*------------------------ RESPONSIVE ------------------------*/ /*------------------------------------------------------------*/ /* Wide desktop (1400px et plus) */ @media screen and (min-width: 1400px) {} /* Desktop (1025px-1399px) */ @media screen and (min-width: 1025px) and (max-width: 1399px) {} /* Tablet + desktop (768px-∞) */ @media screen and (min-width: 768px) {} /* Tablet (768px-1024px) */ @media screen and (min-width: 768px) and (max-width: 1024px) { /* Boutons */ *#dm div.dmInner *.dmRespCol a[data-display-type="block"]:not(.except) span { margin: auto !important; } /* Inversion de l'ordre des colonnes sur tablette */ #dmRoot .SOMS_column-reverse-tab>.dmRespColsWrapper { display: flex !important; flex-direction: column-reverse !important; } } /* Tablet (1024px et en dessous) */ @media screen and (max-width: 1024px) { /* Boutons */ #dmRoot *#dm :is(.dmWidget, .dmOnlyButton, .dmCall, .dmEmail, .buttonclickrdv-class, div[data-title="Tabs"], .dmWidget, .dctaButton) span.text { font-size: 14px !important; } } /* Mobile (767px et en dessous) */ @media screen and (max-width: 767px) { /* Inversion de l'ordre des colonnes sur mobile*/ body.dmMobileBody .SOMS_column-reverse>.dmRespColsWrapper>.dmRespCol { display: flex !important; flex-direction: column-reverse !important; } /* Taille sous-titre */ #dmRoot *#dm *.SOMS_soustitre p span { font-size: 13px !important; } } /* Mobile landscape (468px-767px) */ @media screen and (min-width: 468px) and (max-width: 767px) {} /*----------------------------------------------------------------*/ /*------------------------- ACCESSIBILITE ------------------------*/ /*----------------------------------------------------------------*/ @media screen and (prefers-reduced-motion: reduce) { * { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; } } /* ==================================================================== */ /* System Style Definitions */ /* ==================================================================== */ @media all { :root { --btn-border-l-color: rgba(0, 0, 0, 0); --btn-border-r-color: rgba(0, 0, 0, 0); --btn-border-b-width: 0px; --btn-text-direction: ltr; --btn-border-radius: 50px; --btn-border-t-width: 0px; --btn-border-tl-radius: var(--btn-border-radius); --btn-border-br-radius: var(--btn-border-radius); --btn-border-bl-radius: var(--btn-border-radius); --btn-bg-color: var(--color_2); --btn-border-r-width: 0px; --btn-border-tr-radius: var(--btn-border-radius); --btn-border-b-color: rgba(0, 0, 0, 0); --btn-border-l-width: 0px; --border-style: solid; --btn-border-t-color: rgba(0, 0, 0, 0); --btn-text-align: center; --btn-text-color: var(--color_1); --btn-text-decoration: none; --btn-text-font-weight: 400; --btn-icon-color: var(--color_2); --btn-icon-fill: rgb(0, 0, 238); --btn-icon-wrpr-display: none; --btn-hover-border-b-color: var(--btn-hover-border-color); --btn-hover-bg: rgba(249,249,249,0); --btn-hover-border-t-color: var(--btn-hover-border-color); --btn-hover-border-r-color: var(--btn-hover-border-color); --btn-hover-border-l-color: var(--btn-hover-border-color); --btn-hover-border-color: rgba(249,249,249,0); --btn-hover-text-color: var(--color_2); --btn-hover-text-font-weight: var(--btn-text-font-weight); --btn-hover-text-decoration: var(--btn-text-decoration); --btn-hover-text-font-style: var(--btn-text-font-style); } .button_2 { --btn-text-direction: ltr; --btn-border-r-color: var(--btn-border-color); --btn-border-l-color: var(--btn-border-color); --btn-border-b-width: var(--btn-border-width); --btn-border-width: 1px; --btn-border-radius: 50px; --btn-border-t-width: var(--btn-border-width); --btn-border-tl-radius: var(--btn-border-radius); --btn-border-br-radius: var(--btn-border-radius); --btn-border-bl-radius: var(--btn-border-radius); --btn-bg-color: rgba(0, 0, 0, 0); --btn-border-color: var(--color_1); --btn-border-tr-radius: var(--btn-border-radius); --btn-border-r-width: var(--btn-border-width); --btn-border-b-color: var(--btn-border-color); --btn-border-l-width: var(--btn-border-width); --btn-border-t-color: var(--btn-border-color); --btn-text-align: center; --btn-text-color: var(--color_1); --btn-text-decoration: none; --btn-text-font-weight: 400; --btn-icon-color: rgb(0, 0, 238); --btn-icon-fill: rgb(0, 0, 238); --btn-icon-wrpr-display: none; --btn-hover-border-b-color: var(--btn-hover-border-color); --btn-hover-bg: var(--color_1); --btn-hover-border-t-color: var(--btn-hover-border-color); --btn-hover-border-r-color: var(--btn-hover-border-color); --btn-hover-border-l-color: var(--btn-hover-border-color); --btn-hover-border-color: var(--color_1); --btn-hover-text-color: var(--color_2); --btn-hover-text-font-weight: var(--btn-text-font-weight); --btn-hover-text-decoration: var(--btn-text-decoration); --btn-hover-text-font-style: var(--btn-text-font-style); } :root { --section-padding-top: 4%; --section-padding-left: 0%; --section-padding-right: 0%; --section-padding-bottom: 4%; --column-padding-top: 16px; --column-padding-right: 16px; --column-padding-left: 16px; --column-padding-bottom: 16px; --inner-column-padding-left: 16px; --inner-column-padding-right: 16px; --inner-column-padding-top: 16px; --inner-column-padding-bottom: 16px; } } @media (min-width: 1025px) { :root { --btn-text-font-size: 15px; } } @media (min-width: 768px) and (max-width: 1024px) { :root { --btn-text-font-size: 14px; } } @media (min-width: 768px) and (max-width: 1024px) { :root { --btn-text-font-size: 16px; } .button_2 { --btn-text-font-size: 16px; } :root { --section-padding-left: 2%; --section-padding-right: 2%; } } @media (min-width: 0px) and (max-width: 767px) { :root { --btn-text-font-size: 12px; } } @media (min-width: 0px) and (max-width: 767px) { :root { --btn-text-font-size: 18px; } .button_2 { --btn-text-font-size: 18px; } :root { --section-padding-top: 4%; --section-padding-left: 6%; --section-padding-right: 6%; --section-padding-bottom: 4%; --inner-column-padding-left: 0px; --inner-column-padding-right: 0px; --inner-column-padding-top: 16px; --inner-column-padding-bottom: 16px; } } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BASIC'] { border-radius: 7px; background-clip: border-box; box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.2); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDc1IDQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwNDA1MDUiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9Ijc1IiBoZWlnaHQ9IjQwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BASIC']:hover { box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 100px rgba(0, 0, 0, 0.1); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BASIC']:active { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 100px rgba(0, 0, 0, 0.1); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BASIC'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC'] { border-radius: 0px; background-clip: border-box; box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.2); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDc1IDQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwNDA1MDUiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9Ijc1IiBoZWlnaHQ9IjQwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC']:hover { box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 100px rgba(0, 0, 0, 0.1); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC']:active { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 100px rgba(0, 0, 0, 0.1); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC'] .hidden .iconBg + .text { margin-left: -40px; box-sizing: content-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'] { background-clip: border-box; border-radius: 0px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'].flexButton { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'] { box-shadow: inset 0 -6px 0 0 rgba(0, 0, 0, 0.2), 0 -3px 0 0 #ccc; transition: box-shadow 0.1s ease; position: relative; border-radius: 0px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY']:hover { box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 #ccc; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'].flexButton { padding: 13px 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'] .text { position: relative; top: -3px; transition: all 0.1s ease; padding: 13px 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY']:hover input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY']:hover .text { top: 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='TRANSPARENT'] { border-radius: 5px / 4px; box-shadow: 0 0 18px rgba(5, 5, 6, 0.3); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='TWO_COLORS'] { background-clip: border-box; border-radius: 0px; padding: 0 0 0 40px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='TWO_COLORS']:before { content: ""; width: 100%; height: 50%; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.15); display: block; position: absolute; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='TWO_COLORS'] .hidden .iconBg + .text { margin-left: -40px; box-sizing: content-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUNDED'] { border-radius: 21px; background-clip: border-box; box-shadow: 0 3px 3px rgba(5, 5, 6, 0.07), inset 0 0 0 2px rgba(0, 0, 0, 0.1); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEyNSAzOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTI1IiBoZWlnaHQ9IjM4IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUNDED']:hover { box-shadow: 0 3px 3px rgba(5, 5, 6, 0.1); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEyNSAzOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTI1IiBoZWlnaHQ9IjM4IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUNDED']:active { box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 3px 3px rgba(5, 5, 6, 0.3); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEyNSAzOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMjUiIGhlaWdodD0iMzgiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUNDED'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON'] { background-clip: border-box; box-shadow: 0 1px 1px rgba(5, 5, 6, 0.5); padding-left: 46px; border-radius: 0px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON']:hover { box-shadow: 0 1px 1px rgba(5, 5, 6, 0.5), inset 0 0 0 800px rgba(0, 0, 0, 0.1); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON'] .iconBg { background-color: #f7f7f7; top: 0; bottom: 0; margin: 0; width: 50px; text-align: center; display: block; height: 100%; border-top-left-radius: inherit; border-bottom-left-radius: inherit; opacity: 1; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON'] .icon { display: inline-block; float: none; position: absolute; top: 50%; left: 0; right: 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON'] .hidden .iconBg + .text { margin-left: -40px; box-sizing: content-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] { overflow: hidden; background-clip: border-box; border-radius: 0px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] .text { opacity: 1; display: inline-block; transition: all 0.3s; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED']:hover input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED']:hover .text { opacity: 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] .iconBg { position: absolute; top: -200%; bottom: 0; margin: auto; width: 100%; left: 0; transition: all 0.3s; opacity: 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED']:hover .iconBg { top: 0; opacity: 1; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] .icon { display: block; float: left; position: absolute; font-size: 27px; width: 100%; height: 100%; margin-top: -13px; top: 50%; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'] { overflow: initial; background-clip: border-box; border-radius: 2px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'].flexButton { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'] { border-radius: 6px; overflow: initial; background-clip: border-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'].flexButton { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] { background-clip: border-box; border-radius: 6px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'].flexButton { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] { background-clip: border-box; border-radius: 3px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'].flexButton { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ICON'] { background-clip: border-box; border-radius: 0px; padding: 0 0 0 40px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ICON'] .hidden .iconBg + .text { margin-left: -40px; box-sizing: content-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] { background-clip: border-box; border-radius: 6px; padding: 0 0 0 40px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'].flexButton { padding: 10px 7px 10px 47px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .iconBg { display: block; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .hidden .iconBg + .text { margin-left: -40px; box-sizing: content-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] { overflow: initial; background-clip: border-box; border-radius: 1px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'].flexButton { padding: 16px 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] .text { padding: 16px 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] .iconBg { display: none; } @media (min-width: 768px) { #dm .dmRespRow .dmRespCol > .dmWidget[data-buttonstyle='BORDER_SHORT'], #dm .sticky-widgets-container-global .dmWidget[data-buttonstyle='BORDER_SHORT'], #dm .sticky-widgets-container .dmWidget[data-buttonstyle='BORDER_SHORT'] { width: 222px; } } #dm .dmWidget:not([data-buttonstyle]), div.buttons , #dm .button_2 .dmWidget:not([data-buttonstyle]), #dm .dmWidget.button_2:not([data-buttonstyle]), div.buttons .button_2, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] { border-radius: 50px; } #dm .dmWidget:not([data-buttonstyle]).flexButton, div.buttons .flexButton, #dm .button_2 .dmWidget:not([data-buttonstyle]).flexButton, #dm .dmWidget.button_2:not([data-buttonstyle]).flexButton, div.buttons .button_2.flexButton, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'].flexButton { padding: 10px 0px; } #dm .dmWidget:not([data-buttonstyle]) .textonly, #dm .dmWidget:not([data-buttonstyle]) input, #dm .dmWidget:not([data-buttonstyle]) .text, div.buttons .text, #dm .button_2 .dmWidget:not([data-buttonstyle]) .textonly, #dm .button_2 .dmWidget:not([data-buttonstyle]) input, #dm .button_2 .dmWidget:not([data-buttonstyle]) .text, #dm .dmWidget.button_2:not([data-buttonstyle]) .textonly, #dm .dmWidget.button_2:not([data-buttonstyle]) input, #dm .dmWidget.button_2:not([data-buttonstyle]) .text, div.buttons .button_2 .text, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] .text { padding: 10px 0px; } #dm .dmWidget:not([data-buttonstyle]) .iconBg, #dm .button_2 .dmWidget:not([data-buttonstyle]) .iconBg, #dm .dmWidget.button_2:not([data-buttonstyle]) .iconBg, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] .iconBg { display: none; } #dm div.dmInner #site_content .dmWidget, #dm div.dmInner .dmHeader .dmWidget { background-color: var(--btn-bg-color); border-color: var(--btn-border-color); border-bottom-color: var(--btn-border-b-color); border-left-color: var(--btn-border-l-color); border-right-color: var(--btn-border-r-color); border-top-color: var(--btn-border-t-color); border-radius: var(--btn-border-radius); border-bottom-left-radius: var(--btn-border-bl-radius); border-bottom-right-radius: var(--btn-border-br-radius); border-top-left-radius: var(--btn-border-tl-radius); border-top-right-radius: var(--btn-border-tr-radius); border-width: var(--btn-border-width); border-bottom-width: var(--btn-border-b-width); border-left-width: var(--btn-border-l-width); border-right-width: var(--btn-border-r-width); border-top-width: var(--btn-border-t-width); direction: var(--btn-text-direction); text-align: var(--btn-text-align); } #dm div.dmInner #site_content .dmWidget span.text, #dm div.dmInner #site_content .dmformsubmit input { color: var(--btn-text-color); font-size: var(--btn-text-font-size); font-weight: var(--btn-text-font-weight); text-decoration: var(--btn-text-decoration); } #dm div.dmInner #site_content .dmWidget:hover, #dm div.dmInner #site_content .dmWidget.hover, #dm div.dmInner .dmHeader .dmWidget:hover, #dm div.dmInner .dmHeader .dmWidget.hover { background: var(--btn-hover-bg); border-color: var(--btn-hover-border-color); border-bottom-color: var(--btn-hover-border-b-color); border-left-color: var(--btn-hover-border-l-color); border-right-color: var(--btn-hover-border-r-color); border-top-color: var(--btn-hover-border-t-color); } #dm div.dmInner #site_content .dmWidget:hover span.text, #dm div.dmInner #site_content .dmWidget.hover span.text, #dm div.dmInner .dmHeader .dmWidget:hover span.text, #dm div.dmInner .dmHeader .dmWidget.hover span.text, #dm div.dmInner #site_content .dmWidget:hover input[type="submit"], #dm div.dmInner #site_content .dmWidget.hover input[type="submit"], #dm div.dmInner .dmHeader .dmWidget:hover input[type="submit"], #dm div.dmInner .dmHeader .dmWidget.hover input[type="submit"] { color: var(--btn-hover-text-color); } #dm div.dmInner #site_content .dmWidget span.icon, #dm div.dmInner .dmHeader .dmWidget span.icon { color: var(--btn-icon-color); fill: var(--btn-icon-fill); } #dm div.dmInner #site_content .dmWidget:not([data-buttonstyle]) .iconBg, #dm div.dmInner .dmHeader .dmWidget:not([data-buttonstyle]) .iconBg { display: var(--btn-icon-wrpr-display); } .dmBody [data-layout-grid] > .flex-element.group, .dmFooterContainer [data-layout-grid] > .flex-element.group { padding-bottom: var(--section-padding-bottom); padding-left: var(--section-padding-left); padding-right: var(--section-padding-right); padding-top: var(--section-padding-top); } .dmBody [data-layout-grid] > .flex-element.group > .flex-element.group, .dmFooterContainer [data-layout-grid] > .flex-element.group > .flex-element.group { padding-bottom: var(--column-padding-bottom); padding-left: var(--column-padding-left); padding-right: var(--column-padding-right); padding-top: var(--column-padding-top); } .dmBody [data-layout-grid] > .flex-element.group > .flex-element.group .flex-element.group:not([data-layout-type] *):not([data-layout-type]), .dmFooterContainer [data-layout-grid] > .flex-element.group > .flex-element.group .flex-element.group:not([data-layout-type] *):not([data-layout-type]) { padding-bottom: var(--inner-column-padding-bottom); padding-left: var(--inner-column-padding-left); padding-right: var(--inner-column-padding-right); padding-top: var(--inner-column-padding-top); } @media all { nav.u_1998592992 { color:white !important; } *#dm .dmInner *.u_1306770187 { width:100% !important; } *#dm .dmInner *.u_1581198931 { width:100% !important; } *#dm .dmInner div#hamburger-drawer.layout-drawer { background-color:rgba(255,255,255,1) !important; } *#dm .dmInner *.u_1040696130 { justify-content:center !important; } *#dm .dmInner *.u_1040696130.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { margin-left:0 !important; padding-top:0 !important; padding-left:20px !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important; padding-right:20px !important; } *#dm .dmInner nav.u_1040696130.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgba(0,0,0,1) !important; } *#dm .dmInner a.u_1354841978:hover { background-image:none !important; } *#dm .dmInner a.u_1354841978.hover { background-image:none !important; } *#dm .dmInner *.u_1955933514 { width:100% !important; } *#dm .dmInner *.u_1495895470.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { margin-left:0 !important; padding-top:0 !important; padding-left:20px !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important; padding-right:20px !important; } *#dm .dmInner nav.u_1495895470.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgba(0,0,0,1) !important; } *#dm .dmInner *.u_1495895470 { justify-content:flex-end !important; } *#dm .dmInner *.u_1152354414 .mllinks { text-align:CENTER !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgba(0,0,0,1) !important; font-weight:normal !important; } *#dm .dmInner *.u_1589818483 .copyright { justify-content:center !important; text-align:center !important; } *#dm .dmInner *.u_1096574750 { width:100% !important; } *#dm .dmInner *.u_1300358236.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { margin-left:0 !important; padding-top:0 !important; padding-left:20px !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important; padding-right:20px !important; } *#dm .dmInner *.u_1300358236 { justify-content:flex-end !important; } *#dm .dmInner nav.u_1300358236.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:var(--color_2) !important; } *#dm .dmInner a.u_1016704901:hover span.text { color:var(--color_3) !important; } *#dm .dmInner a.u_1016704901.hover span.text { color:var(--color_3) !important; } *#dm .dmInner a.u_2775171524 { background-color:rgba(249,249,249,0) !important; background-image:none !important; border-radius:0px 0px 0px 0px !important; } *#dm .dmInner a.u_2775171524 span.text { color:var(--color_3) !important; } *#dm .dmInner a.u_2775171524:hover span.text { color:var(--color_3) !important; } *#dm .dmInner a.u_2775171524.hover span.text { color:var(--color_3) !important; } *#dm .dmInner a.u_1064933151 { background-color:rgba(249,249,249,0) !important; background-image:none !important; border-radius:0px 0px 0px 0px !important; } *#dm .dmInner a.u_1064933151 span.text { color:var(--color_3) !important; } *#dm .dmInner a.u_1064933151:hover span.text { color:var(--color_3) !important; } *#dm .dmInner a.u_1064933151.hover span.text { color:var(--color_3) !important; } *#dm .dmInner a.u_1122423565:hover span.text { color:var(--color_3) !important; } *#dm .dmInner a.u_1122423565.hover span.text { color:var(--color_3) !important; } *#dm .dmInner a.u_1122423565 span.text { color:var(--color_3) !important; font-weight:normal !important; } *#dm .dmInner a.u_1122423565:hover .iconBg { background-color:rgb(248,249,250) !important; } *#dm .dmInner a.u_1122423565.hover .iconBg { background-color:rgb(248,249,250) !important; } *#dm .dmInner a.u_2775171524 .iconBg { display:inline-block !important; background-color:var(--color_4) !important; } *#dm .dmInner a.u_1064933151 .iconBg { display:inline-block !important; background-color:var(--color_4) !important; } *#dm .dmInner div.u_3553182938 p { color:var(--color_3) !important; direction:ltr !important; text-transform:none !important; text-shadow:none !important; font-weight:300 !important; text-decoration:none !important; letter-spacing:normal !important; font-family:"Noto Sans" !important; line-height:22.5px !important; font-style:normal !important; text-align:left !important; } *#dm .dmInner div.u_3553182938 li { color:var(--color_3) !important; direction:ltr !important; text-transform:none !important; text-shadow:none !important; font-weight:300 !important; text-decoration:none !important; letter-spacing:normal !important; font-family:"Noto Sans" !important; line-height:22.5px !important; font-style:normal !important; text-align:left !important; } *#dm .dmInner div.u_3553182938 { color:var(--color_3) !important; direction:ltr !important; text-transform:none !important; text-shadow:none !important; font-weight:300 !important; text-decoration:none !important; letter-spacing:normal !important; font-family:"Noto Sans" !important; line-height:22.5px !important; font-style:normal !important; text-align:left !important; } *#dm .dmInner div.u_1152354414 .mogs { color:var(--color_10) !important; } *#dm .dmInner div.u_1152354414 .rteBlock { color:var(--color_10) !important; } *#dm .dmInner div.u_1152354414 .mllinks { color:var(--color_10) !important; } *#dm .dmInner *.u_1152354414 a { color:var(--color_10) !important; } *#dm .dmInner div.u_1589818483 .copyright { color:var(--color_10) !important; } *#dm .dmInner div.u_399036735 *.open-hours-item dt { color:var(--color_3) !important; } *#dm .dmInner div.u_399036735 *.open-hours-item dd { color:var(--color_3) !important; } *#dm .dmInner div.u_399036735 *.open-hours-item time { color:var(--color_3) !important; } *#dm .dmInner div.u_399036735 *.open-hours-special { color:var(--color_3) !important; } *#dm .dmInner div.u_1474312570 p { color:var(--color_3) !important; direction:ltr !important; text-transform:none !important; text-shadow:none !important; font-weight:300 !important; text-decoration:none !important; letter-spacing:normal !important; font-family:"Noto Sans" !important; line-height:22.5px !important; font-style:normal !important; text-align:left !important; } *#dm .dmInner div.u_1474312570 li { color:var(--color_3) !important; direction:ltr !important; text-transform:none !important; text-shadow:none !important; font-weight:300 !important; text-decoration:none !important; letter-spacing:normal !important; font-family:"Noto Sans" !important; line-height:22.5px !important; font-style:normal !important; text-align:left !important; } *#dm .dmInner div.u_1474312570 { color:var(--color_3) !important; direction:ltr !important; text-transform:none !important; text-shadow:none !important; font-weight:300 !important; text-decoration:none !important; letter-spacing:normal !important; font-family:"Noto Sans" !important; line-height:22.5px !important; font-style:normal !important; text-align:left !important; } *#dm .dmInner a.u_1122423565 { border-radius:50px !important; background-color:rgba(249,249,249,0) !important; background-image:none !important; -moz-border-radius:50px !important; -webkit-border-radius:50px !important; } *#dm .dmInner a.u_1122423565 .iconBg { display:inline-block !important; background-color:var(--color_4) !important; } *#dm .dmInner a.u_1016704901 { border-radius:50px !important; background-color:rgba(249,249,249,0) !important; background-image:none !important; -moz-border-radius:50px !important; -webkit-border-radius:50px !important; } *#dm .dmInner a.u_1016704901 .iconBg { display:inline-block !important; background-color:var(--color_4) !important; } *#dm .dmInner div.u_1063303372 p { text-align:center !important; color:var(--color_3) !important; font-weight:300 !important; } *#dm .dmInner div.u_1063303372 li { text-align:center !important; color:var(--color_3) !important; font-weight:300 !important; } *#dm .dmInner div.u_1063303372 { text-align:center !important; color:var(--color_3) !important; font-weight:300 !important; } *#dm .dmInner a.u_1143725306 .iconBg { display:inline-block !important; mask-image:url(https://de.cdn-website.com/bf2773482d244f4a9aa12bd1732fda10/icon/Phone_8365903.svg) !important; } *#dm .dmInner div.u_1080927609 p { text-align:center !important; color:rgba(239,239,239,1) !important; font-weight:400 !important; } *#dm .dmInner div.u_1080927609 li { text-align:center !important; color:rgba(239,239,239,1) !important; font-weight:400 !important; } *#dm .dmInner div.u_1080927609 { text-align:center !important; color:rgba(239,239,239,1) !important; font-weight:400 !important; } *#dm .dmInner a.u_1721350391 .iconBg { display:inline-block !important; mask-image:url(https://de.cdn-website.com/bf2773482d244f4a9aa12bd1732fda10/icon/Phone_8365903.svg) !important; } *#dm .dmInner a.u_2775171524:hover .iconBg { background-color:var(--color_3) !important; } *#dm .dmInner a.u_2775171524.hover .iconBg { background-color:var(--color_3) !important; } *#dm .dmInner a.u_1016704901:hover .iconBg { background-color:var(--color_3) !important; } *#dm .dmInner a.u_1016704901.hover .iconBg { background-color:var(--color_3) !important; } *#dm .dmInner a.u_1064933151:hover .iconBg { background-color:var(--color_3) !important; } *#dm .dmInner a.u_1064933151.hover .iconBg { background-color:var(--color_3) !important; } *#dm .dmInner *.u_1152354414 .mogs { text-align:LEFT !important; } *#dm .dmInner *.u_1152354414 .rteBlock { text-align:LEFT !important; } *#dm .dmInner div.u_1507866620 *.open-hours-item dt { color:var(--color_3) !important; } *#dm .dmInner div.u_1507866620 *.open-hours-item dd { color:var(--color_3) !important; } *#dm .dmInner div.u_1507866620 *.open-hours-item time { color:var(--color_3) !important; } *#dm .dmInner div.u_1507866620 *.open-hours-special { color:var(--color_3) !important; } *#dm .dmInner *.u_undefined::after { margin-top:12px !important; } *#dm .dmInner *.u_1061649617::after { margin-top:0px !important; } *#dm .dmInner *.u_1442723442::after { margin-top:0px !important; } *#dm .dmInner *.u_1861220020::after { margin-top:0px !important; } *#dm .dmInner *.u_1635498644::after { margin-top:0px !important; } *#dm .dmInner a.u_1016704901 span.text { color:var(--color_3) !important; font-size:15px !important; } } @media (min-width:0) and (max-width:767px) { *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content.hamburger-reverse { transform:translate(-75vw,0) !important; } *#dm .dmInner *#hamburger-drawer.layout-drawer[data-origin="top"]:not([data-auto-height]) { height:100% !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(0,100%) !important; } *#dm .dmInner div.u_1474312570 p { text-align:left !important; } *#dm .dmInner div.u_1474312570 li { text-align:left !important; } *#dm .dmInner div.u_1474312570 { text-align:left !important; } *#dm .dmInner div.u_1063303372 p { text-align:center !important; } *#dm .dmInner div.u_1063303372 li { text-align:center !important; } *#dm .dmInner div.u_1063303372 { text-align:center !important; } *#dm .dmInner div.u_1080927609 p { text-align:center !important; } *#dm .dmInner div.u_1080927609 li { text-align:center !important; } *#dm .dmInner div.u_1080927609 { text-align:center !important; } } @media (min-width:1025px) { *.stickyHeaderSpacer { height:249.2734375px !important; } *#dm .dmInner div.u_1152354414 .mllinks { font-size:13px !important; } *#dm .dmInner div.u_1152354414 .mogs { font-size:13px !important; } *#dm .dmInner div.u_1152354414 .rteBlock { font-size:13px !important; } } @media (min-width:768px) and (max-width:1024px) { *.stickyHeaderSpacer { height:249.2734375px !important; } div[dmtemplateid="FlexHeader"] .layout-drawer-overlay { background-color:rgba(0,0,0,0.6) !important; } *#dm .dmInner *#hamburger-drawer.layout-drawer[data-origin="top"]:not([data-auto-height]) { height:100% !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(50vw,0) !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:24px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:24px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:24px !important; } *#dm .dmInner div.u_1152354414 .mogs { font-size:13px !important; } *#dm .dmInner div.u_1152354414 .rteBlock { font-size:13px !important; } *#dm .dmInner div.u_1152354414 .mllinks { font-size:13px !important; } } @media (min-width:0px) and (max-width:767px) { *#dm .dmInner *#hamburger-drawer.layout-drawer:not([data-origin="top"]) { width:90vw !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(85vw,0) !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content.hamburger-reverse { transform:translate(-85vw,0) !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:18px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:18px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:18px !important; } *#dm .dmInner div.u_3553182938 p { text-align:left !important; } *#dm .dmInner div.u_3553182938 li { text-align:left !important; } *#dm .dmInner div.u_3553182938 { text-align:left !important; } *#dm .dmInner div.u_1152354414 .mogs { font-size:12px !important; } *#dm .dmInner div.u_1152354414 .rteBlock { font-size:12px !important; } *#dm .dmInner div.u_1152354414 .mllinks { font-size:12px !important; } *#dm .dmInner div.u_1589818483 .copyright { font-size:12px !important; } } @media all { #flex-header[data-changeable-on-scroll][data-scrolling] [data-widget-type="image"] img { width: 66%; } #flex-header { background-color: rgba(249,249,249,0); background-image: none; } #flex-header[data-changeable-on-scroll] { --header-on-scroll-text-color: var(--color_1); --header-on-scroll-icon-color: var(--color_1); } #flex-header[data-changeable-on-scroll][data-scrolling] { padding-top: 0px; padding-bottom: 0px; background-color: var(--color_2); background-image: none; } } @media all { #flex-footer::before, #flex-footer > .bgExtraLayerOverlay { border-radius: inherit; content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: var(--color_1); opacity: 0.9; } #flex-footer { background-color: rgba(249,249,249,0); background-image: url("https://le-de.cdn-website.com/bf2773482d244f4a9aa12bd1732fda10/dms3rep/multi/opt/AdobeStock_1228156078-1920w.png"); background-size: cover; background-repeat: no-repeat; } } @media all { #\36 3a049320d35b55b4ef2a374 { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; min-width: 4%; background-color: rgba(0, 0, 0, 0); padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #\36 3a049320d35b55b4ef2a376 { background-color: rgba(0, 0, 0, 0); } #\36 3a049320d35b55b4ef2a377 { min-height: 200px; column-gap: 4%; row-gap: 24px; width: 100%; padding: 2% 0% 2% 0%; margin: 0% 0% 0% 0%; } #\36 3a049ca0d35b55b4ef2a5c3 { width: 544px; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 0; grid-area: auto / auto / auto / auto; } #\36 2d6a167a824ca526194d9a5 { background-color: rgba(232, 255, 133, 1); } } @media all { #\36 3da2bddeae8da42b2353673 { min-height: 0; column-gap: 1%; row-gap: 6px; width: 100%; flex-wrap: nowrap; flex-direction: column; max-width: var(--max-content-width_1, 1200px); padding: 4% 2% 0% 2%; margin: 0% 0% 0% 0%; } #\36 3c7b8b76c596a2813341bc5 { height: auto; } #group_5mc { align-items: center; width: 100%; min-width: 4%; min-height: 80px; column-gap: 4%; row-gap: 16px; order: 2; flex-wrap: nowrap; padding: 0% 0% 0% 0%; margin: 0% 0% 0% 0%; } #widget_71f { width: 100%; height: auto; max-width: 100%; align-self: center; justify-self: auto; order: 0; margin-right: 0%; margin-left: 0%; grid-area: auto / auto / auto / auto; } #widget_79u { width: 100%; height: 38px; max-width: 100%; order: 1; margin-right: 0%; margin-left: 0%; } #group_3st { flex-direction: row; width: 100%; min-width: 4%; min-height: 80px; column-gap: 6%; row-gap: 24px; order: 1; flex-wrap: nowrap; align-content: center; padding: 16px 0px 16px 0px; margin: 0px 0% 0px 0%; } #group_s6l { align-items: flex-start; width: 29.73%; min-height: 160px; max-height: 100%; row-gap: 16px; column-gap: 24px; margin-right: 0%; margin-left: 0%; order: 0; } #group_46f { align-items: flex-start; width: 29.73%; min-height: 160px; max-height: 100%; row-gap: 16px; column-gap: 24px; margin-right: 0%; margin-left: 0%; order: 1; box-shadow: none; } #group_faq { align-items: center; width: 100%; min-width: 4%; min-height: 80px; column-gap: 4%; row-gap: 24px; order: 0; background-color: rgba(249,249,249,0); background-image: none; } #widget_jor { width: 687px; height: auto; max-width: 100%; } #group_lom { align-items: center; width: 30.66%; min-height: 382px; max-height: 100%; row-gap: 16px; column-gap: 24px; margin-right: 0%; margin-left: 0%; order: 2; height: auto; } #b7532318 { width: auto; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 2; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #widget_elr { width: auto; height: auto; max-width: 100%; margin-top: 0px; order: 3; } #\39 b81277c { width: auto; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 3; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\37 6cc4358.flex-element.widget-wrapper > [data-element-type] { padding: 10px 0px 10px 0px; } #\37 6cc4358 { width: auto; height: auto; max-width: 100%; order: 2; margin: 0px 0% 0px 0%; } #widget_bk1.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #widget_bk1 { width: 100%; height: auto; max-width: 100%; order: 1; margin: 0px 0% 0px 0%; } #dc8803b8.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #dc8803b8 { width: 100%; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 1; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #widget_vum { width: 100%; height: auto; max-width: 100%; order: 1; } #bfe5c225.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #bfe5c225 { width: 99.92%; height: auto; max-width: 100%; order: 0; justify-self: auto; align-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\35 a244c8a.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #\35 a244c8a { width: 99.92%; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\37 319d5db { width: 99.29%; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 4; margin: 30px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #a5db49f5 { width: 99.92%; height: auto; max-width: 100%; order: 0; margin: 24px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #widget_mkq { width: 99.23%; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 5; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\36 3da2bddeae8da42b2353670 { margin: 0px 0% 0px 0%; } #\35 81633a5 { width: 99.29%; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 4; margin: 30px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\33 aebddeb { width: 99.22%; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 5; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\37 d16817d { width: 36px; height: auto; max-width: 100%; order: 1; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\36 fa293e8 { width: 36px; height: auto; max-width: 100%; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #group_h7l { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; display: flex; flex-direction: row; justify-content: center; align-items: flex-end; position: relative; max-width: 100%; width: 100.77%; min-height: 160px; max-height: 100%; row-gap: 24px; column-gap: 10%; flex-wrap: nowrap; order: 2; --column-gap: 10%; } } @media all { #\36 406026c90e1521f6ecb0ecd { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; min-width: 4%; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #\36 406026c90e1521f6ecb0ecb { background-color: var(--color_3); background-image: initial; } #\36 406026c90e1521f6ecb0ecc { min-height: 460px; column-gap: 4%; row-gap: 24px; width: 100%; padding: 4% 0% 4% 0%; margin: 0% 0% 0% 0%; } #widget_s4l { width: 100%; height: auto; max-width: 100%; order: 1; } #e55f9502 { width: 100%; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\33 8b0806e { width: 100%; height: auto; max-width: 100%; order: 2; } #\31 ade2923::before, #\31 ade2923 > .bgExtraLayerOverlay { border-radius: inherit; content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: var(--color_5); opacity: 0.5; } #\31 ade2923 { align-items: center; width: 35%; min-height: 174px; max-height: 100%; row-gap: 24px; column-gap: 24px; background-image: url("https://le-de.cdn-website.com/bf2773482d244f4a9aa12bd1732fda10/dms3rep/multi/opt/Granit-500-373h.png"); border-radius: 2px 2px 2px 2px; background-color: var(--color_1); border-width: 0px 0px 0px 0px; border-color: rgba(249,249,249,0) rgba(249,249,249,0) rgba(249,249,249,0) rgba(249,249,249,0); border-style: solid; order: 0; height: auto; justify-self: auto; align-self: auto; padding: 24px 24px 24px 24px; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #ab98117f { width: 282px; height: auto; min-height: 56px; max-width: 100%; justify-self: auto; align-self: auto; order: 3; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\34 4f5cc83::before, #\34 4f5cc83 > .bgExtraLayerOverlay { border-radius: inherit; content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: var(--color_5); opacity: 0.6; } #\34 4f5cc83 { align-items: center; width: 35%; min-height: 176px; max-height: 100%; row-gap: 24px; column-gap: 24px; background-image: url("https://le-de.cdn-website.com/bf2773482d244f4a9aa12bd1732fda10/dms3rep/multi/opt/Granit-500-373h.png"); border-radius: 2px 2px 2px 2px; background-color: var(--color_5); border-width: 0px 0px 0px 0px; border-color: var(--color_8) var(--color_8) var(--color_8) var(--color_8); border-style: solid; order: 0; height: auto; justify-self: auto; align-self: auto; padding: 24px 24px 24px 24px; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\37 ab3624a { width: 100%; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 2; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #c0077df3 { width: 282px; height: auto; min-height: 56px; max-width: 100%; justify-self: auto; align-self: auto; order: 3; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\36 4d35b68 { width: 100%; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } } @media all { #\31 374ab04 { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; min-width: 4%; align-items: flex-end; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #ac1e36da { min-height: 100px; column-gap: 4%; row-gap: 24px; width: 100%; padding: 0px 0% 0px 0%; margin: 0% 0% 0% 0%; } #\37 48b881f a { background-color: rgba(0,0,0,0); } #\37 48b881f svg { fill: var(--color_1); } #\37 48b881f { width: 30px; height: 30px; } } @media all { #\32 58514e8 { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; min-width: 4%; align-items: flex-end; justify-content: center; } #db9542ef { min-height: 100px; column-gap: 4%; row-gap: 24px; width: 100%; padding-bottom: 0px; padding-top: 0px; padding-left: 0%; padding-right: 0%; margin-left: 0%; margin-right: 0%; } #\35 c610760 { width: 30px; height: 30px; } } @media all { #\33 8a6a9ce { min-height: 0px; column-gap: 0%; row-gap: 0px; width: 100%; max-width: none; padding: 10px 2% 10px 2%; margin: 0% 0% 0% 0%; } #\33 26162cb { flex-direction: row; justify-content: flex-start; align-items: center; width: 30.68%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; padding: 6px 16px 6px 16px; margin: 0% 0% 0% 0%; } #\33 92d4caf { width: 412px; height: auto; max-width: 100%; order: 0; grid-area: auto / auto / auto / auto; } #d3ca149c { min-height: 8px; column-gap: 4%; row-gap: 24px; flex-direction: row; width: 10%; justify-content: flex-end; align-items: center; min-width: 4%; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #c7f22d62 { width: 89.84%; height: auto; max-width: 100%; order: 0; grid-area: auto / auto / auto / auto; } #f77e5478 { flex-direction: row; justify-content: flex-end; align-items: center; width: 69.30%; min-width: 4%; min-height: 8px; column-gap: 3%; row-gap: 24px; padding: 6px 16px 6px 16px; margin: 0% 0% 0% 0%; } #\32 b8477cd svg { fill: var(--color_2); } #\32 b8477cd { width: 30px; height: 30px; max-width: 100%; order: 0; } #widget_o44 { width: 36px; height: auto; max-width: 100%; order: 2; } #bf24bc0f { width: 36px; height: auto; max-width: 100%; order: 2; } } @media all { #\36 2ddbc44 { min-height: 240px; column-gap: 4%; row-gap: 24px; max-width: none; width: 100%; flex-wrap: nowrap; } #\38 62b937d { grid-template-rows: minmax(300px, max-content); width: 100%; max-width: 100%; } #\32 3070c09 { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; min-width: 4%; } } @media (min-width: 1025px) { } @media (min-width: 1025px) { #widget_s4l { justify-self: auto; align-self: auto; width: 95.82%; grid-area: auto / auto / auto / auto; } } @media (min-width: 768px) and (max-width: 1024px) { } @media (min-width: 768px) and (max-width: 1024px) { #flex-header { } } @media (min-width: 768px) and (max-width: 1024px) { #flex-footer::before, #flex-footer > .bgExtraLayerOverlay { } #flex-footer { } } @media (min-width: 768px) and (max-width: 1024px) { #\36 3a049320d35b55b4ef2a374 { justify-content: flex-start; flex-direction: column; flex-wrap: nowrap; width: 100%; padding: 120px 16px 120px 16px; margin: 0% 0% 0% 0%; } #\36 3a049320d35b55b4ef2a377 { min-height: 50vh; padding: 0% 4% 0% 4%; } #\36 3a049ca0d35b55b4ef2a5c3 { width: 99.99%; justify-self: auto; align-self: auto; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } } @media (min-width: 768px) and (max-width: 1024px) { #group_5mc { order: 2; width: 100%; min-height: 80px; } #\36 3da2bddeae8da42b2353673 { flex-direction: column; flex-wrap: nowrap; min-height: 0; padding: 4% 6% 0% 6%; } #group_3st { order: 1; width: 100%; min-height: 80px; column-gap: 4%; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: flex-start; padding: 16px 0% 16px 0%; margin: 0px 0% 0px 0%; } #group_faq { order: 0; width: 100%; min-height: 80px; } #group_s6l { margin-right: 0%; margin-left: 0%; width: 30.66%; justify-content: flex-start; } #group_46f { margin-right: 0%; margin-left: 0%; width: 30.66%; justify-content: flex-start; } #group_lom { margin-right: 0%; margin-left: 0%; width: 30.66%; justify-content: flex-start; align-items: flex-start; } #widget_mkq { width: 100%; } #\36 3da2bddeae8da42b2353670 { margin: 0px 0% 0px 0%; } #\33 aebddeb { width: 100%; } #\36 fa293e8 { height: auto; } } @media (min-width: 768px) and (max-width: 1024px) { #\36 406026c90e1521f6ecb0ecc { min-height: 50vh; padding: 0% 4% 0% 4%; } #\36 406026c90e1521f6ecb0ecd { justify-content: center; padding-bottom: 16px; row-gap: 16px; align-items: flex-start; } #widget_s4l { width: 100%; order: 0; justify-self: auto; align-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\31 ade2923 { width: 100.00%; order: 1; } #\34 4f5cc83 { width: 100.00%; order: 2; } } @media (min-width: 768px) and (max-width: 1024px) { #ac1e36da { flex-direction: row; flex-wrap: nowrap; min-height: 100px; } } @media (min-width: 768px) and (max-width: 1024px) { #\33 8a6a9ce { padding-left: 2%; padding-right: 2%; } #\33 26162cb { width: 90%; justify-content: flex-start; } #\33 92d4caf { height: auto; width: 288px; } } @media (min-width: 768px) and (max-width: 1024px) { #\36 2ddbc44 { padding-left: 2%; padding-right: 2%; } } @media (max-width: 767px) { } @media (max-width: 767px) { #flex-header { } } @media (max-width: 767px) { #flex-footer::before, #flex-footer > .bgExtraLayerOverlay { } #flex-footer { } } @media (max-width: 767px) { #\36 3a049320d35b55b4ef2a374 { min-height: 50vh; justify-content: flex-start; padding-top: 100px; width: 100%; } #\36 3a049320d35b55b4ef2a377 { min-height: unset; flex-direction: column; padding: 0% 4% 0% 4%; } #\36 3a049ca0d35b55b4ef2a5c3 { align-self: flex-start; margin-left: 0px; margin-right: 0px; } } @media (max-width: 767px) { #\36 3da2bddeae8da42b2353673 { min-height: 0; flex-direction: column; row-gap: 0px; flex-wrap: nowrap; padding: 8% 6% 8% 6%; } #group_5mc { width: 100%; min-height: 80px; order: 2; } #group_3st { width: 100%; min-height: 80px; align-items: center; order: 1; column-gap: 4%; flex-direction: column; flex-wrap: nowrap; align-content: center; } #group_faq { width: 100%; min-height: 80px; align-items: center; order: 0; } #bfe5c225 { width: 100.00%; } #\35 a244c8a { width: 100.00%; } #\37 319d5db { width: 100.00%; } #a5db49f5 { width: 100.00%; } #group_46f { margin-right: 0%; margin-left: 0%; width: 100%; } #group_s6l { margin-right: 0%; margin-left: 0%; width: 100%; } #group_lom { width: 100%; align-items: flex-start; padding: 16px 4% 16px 4%; margin: 0px 0% 0px 0%; } #\36 3da2bddeae8da42b2353670 { margin: 0px 0% 0px 0%; } #\35 81633a5 { width: 100.00%; } #\36 fa293e8 { height: auto; } } @media (max-width: 767px) { #\36 406026c90e1521f6ecb0ecd { min-height: 50vh; justify-content: flex-end; width: 100%; padding: 120px 16px 120px 16px; margin: 0% 0% 0% 0%; } #\36 406026c90e1521f6ecb0ecc { min-height: unset; flex-direction: column; padding: 0% 4% 0% 4%; } #widget_s4l { justify-self: auto; align-self: auto; width: 98.75%; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\31 ade2923::before, #\31 ade2923 > .bgExtraLayerOverlay { } #\31 ade2923 { width: 100%; margin-right: 0%; margin-left: 0%; order: 2; } #\34 4f5cc83::before, #\34 4f5cc83 > .bgExtraLayerOverlay { } #\34 4f5cc83 { margin-right: 0%; margin-left: 0%; width: 100%; order: 1; } } @media (max-width: 767px) { #\31 374ab04 { width: 100%; min-height: 80px; } #ac1e36da { min-height: 0; flex-direction: column; flex-wrap: nowrap; } } @media (max-width: 767px) { #\32 58514e8 { width: 100%; min-height: 80px; } #db9542ef { min-height: unset; flex-direction: column; } } @media (max-width: 767px) { #\33 8a6a9ce { min-height: 0px; padding: 6px 2% 6px 2%; } #\33 26162cb { width: 82%; justify-content: flex-start; } #\33 92d4caf { height: auto; width: 250px; } #d3ca149c { align-items: center; width: 18%; } #f77e5478 { width: 82%; } #\32 b8477cd { width: 24px; } } @media (max-width: 767px) { #\36 2ddbc44 { min-height: 0; flex-direction: column; padding-left: 4%; padding-right: 4%; flex-wrap: nowrap; } #\32 3070c09 { width: 100%; min-height: 80px; align-items: center; } }