/* ==================================================================== */ /* System Style Definitions */ /* ==================================================================== */ @media all { *#dm div.dmContent h1, *#dm div.dmFooter h1 { color:rgb(102,102,102); } *.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: "Public Sans", "Public Sans Fallback"; color:var(--color_5); line-height:2; font-weight:200; } *#dm div.dmContent h1, *#dm div.dmFooter h1, *#dm div.p_hfcontainer h1, *#dm div.flex_hfcontainer h1, *#dm div.dm-title h1 { color:rgba(255,255,255,1); direction:ltr; font-family: Barlow, "Barlow Fallback"; font-weight:700; font-style:italic; text-decoration:none; text-transform:uppercase; } *#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_5); direction:ltr; font-family: Heebo, "Heebo Fallback"; font-weight:400; font-style:normal; text-decoration:none; text-transform:uppercase; } *#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_5); direction:ltr; font-family: Barlow, "Barlow Fallback"; font-weight:700; font-style:italic; text-decoration:none; text-transform:uppercase; } *#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_5); direction:ltr; font-family: Barlow, "Barlow Fallback"; font-weight:700; font-style:italic; text-decoration:none; text-transform:uppercase; } *#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_5); direction:ltr; font-family: Barlow, "Barlow Fallback"; font-weight:700; font-style:italic; text-decoration:none; text-transform:uppercase; } *#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_5); direction:ltr; font-family: Barlow, "Barlow Fallback"; font-weight:700; font-style:italic; text-decoration:none; text-transform:uppercase; } *#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_5); direction:ltr; font-family: Barlow, "Barlow Fallback"; font-weight:700; font-style:italic; text-decoration:none; text-transform:uppercase; } *#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:rgb(213,172,70); text-decoration:underline; } *#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:var(--color_1); text-decoration:underline; } *#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_1); } .dmMobileBody .dmLayoutWrapper, .dmMobileBody .dm-layout-sec .dmLayoutWrapper, #dmSlideRightNavRight #site_content, .dm-layout-sec #dmSlideRightNavRight #site_content, #dm DIV.dmOuter DIV#dmSlideRightNavRight { background-color:transparent; } #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(255,255,255); direction:ltr; font-family: "Elvara"; font-weight:700; font-style:normal; text-decoration:none; text-transform:uppercase; } #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(255,255,255); direction:ltr; font-family: "Elvara"; font-weight:700; font-style:normal; text-decoration:none; letter-spacing:0em; } #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(255,255,255); direction:ltr; font-family: "Elvara"; font-weight:100; 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.dmNewParagraph p, #dmRoot #dm div.dmNewParagraph li { color:rgb(255,255,255); direction:ltr; font-family: "Public Sans", "Public Sans Fallback"; font-weight:200; font-style:normal; text-decoration:none; text-transform:none; line-height:2; } #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(255,255,255); direction:ltr; font-family: "Elvara"; font-weight:400; 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(255,255,255); direction:ltr; font-family: "Elvara"; font-weight:400; 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(255,255,255); direction:ltr; font-family: "Elvara"; font-weight:400; 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; } } @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); background-size:auto; background-repeat:repeat; background-attachment:fixed; background-position:50% 50%; } #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:14px; } *#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:60px; } *#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:40px; } *#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:30px; } *#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; } *#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; } .dmTabletBody #dm .d-page-1716942098 DIV.dmInner, #dm .d-page-1716942098 DIV#dmSlideRightNavRight { background-attachment:initial; } #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 { font-size:18px; line-height:2.6; } #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 { font-size:16px; } #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 { font-size:14px; } #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 { font-size:25px; } #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:52px; line-height:1.2; } #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:42px; line-height:1.3; } } @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; } #dm DIV.dmOuter DIV.dmInner, #dm DIV.dmOuter DIV#dmSlideRightNavRight { background-image:none; background-size:auto; background-repeat:repeat; background-color:var(--color_2); } #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: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:40px; } *#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: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; } #dm DIV.dmOuter DIV.dmInner, #dm DIV.dmOuter DIV#dmSlideRightNavRight { background-image:none; background-size:auto 100vh; background-repeat:repeat; background-position:50% 0%; background-color:var(--color_2); } #dmRoot #dm div.dmNewParagraph p, #dmRoot #dm div.dmNewParagraph li { font-size:14px; } #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:30px; line-height:1.4; } #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 { font-size:22px; line-height:1.3; } #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 { font-size:19px; line-height:1.3; } #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 { font-size:17px; line-height:1.3; } #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 { font-size:15px; line-height:1.3; } #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:26px; line-height:1.3; } } @media only screen and (max-width: 767px) { .responsive-advanced-tabs .tabsControlContainer { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 100% !important; overflow: visible !important; } .responsive-advanced-tabs .tabsControlContainer > [role="tab"] { width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; min-width: 100% !important; box-sizing: border-box !important; } .responsive-advanced-tabs .tabsControlContainer .tab-title { width: 100% !important; margin: 0 !important; padding: 14px 12px !important; text-align: center !important; white-space: normal !important; line-height: 1.3 !important; font-size: 14px !important; box-sizing: border-box !important; } } /* ACCORDION - PRIMARY NUMBER */ .accordionPrimaryNumber [data-grab="accordion-container"] { counter-reset: accordionNumber; } .accordionPrimaryNumber [data-grab="accordion-item-container"] { counter-increment: accordionNumber; } .accordionPrimaryNumber [data-grab="accordion-item-title"]::before { content: counter(accordionNumber) "."; color: var(--color_1); margin-right: 6px; } /* ACCORDION - PRIMARY NUMBER */ .accordionPrimaryNumber .accordionNumber { color: var(--color_1); } /* MOBILE - CENTER NAVIGATION */ @media (max-width: 767px) { /* Submenu container */ .mobileCenteredNav .unav-sub { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } /* Submenu items */ .mobileCenteredNav .unav-sub > li { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } /* Submenu links */ .mobileCenteredNav .unav-sub > li > a { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; text-align: center !important; justify-content: center !important; } /* Actual text */ .mobileCenteredNav .unav-sub > li > a .nav-item-text { width: 100% !important; text-align: center !important; } } /* ========================================================== GLOBAL - TEXT HOVER EFFECT ========================================================== */ .textHoverPrimary, .textHoverPrimary a { transition: color 0.3s ease; } .textHoverPrimary:hover, .textHoverPrimary:hover a { color: var(--color_1) !important; } /* GLOBAL - QUICK QUOTE FORM */ .quickQuoteForm .checkable-input + span { color: #fff !important; } /* ========================================================== GLOBAL - CUSTOM LIST ========================================================== */ .dmNewParagraph[data-version] ul > li:before { position: relative; top: 5px; content: ""; display: inline-block; width: 20px; height: 20px; background-image: url(https://irp.cdn-website.com/489c3fc2/dms3rep/multi/checked+%281%29.svg); background-size: cover; } /* ========================================================== PAGE: HOME PAGE SECTION: SERVICES / MEDIA SLIDER ========================================================== */ /* Bottom gradient for text readability */ .asphaltMediaSlider [data-auto^="slideSlot"]::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient( to bottom, transparent 35%, rgba(0, 0, 0, 0.18) 52%, rgba(0, 0, 0, 0.65) 78%, rgba(0, 0, 0, 0.9) 100% ); } /* Keep content above gradient */ .asphaltMediaSlider [data-grab="slideContentContainer"] { position: absolute !important; inset: auto 0 0 0 !important; z-index: 4 !important; width: 100%; padding: 28px !important; background: transparent !important; pointer-events: none; } /* Improve title readability */ .asphaltMediaSlider [data-grab="title"] { position: relative; margin: 0 !important; color: #ffffff !important; font-size: clamp(22px, 1.7vw, 30px); font-weight: 700 !important; line-height: 1.22 !important; letter-spacing: 0.02em; text-transform: uppercase; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 5px 16px rgba(0, 0, 0, 0.65); transition: color 0.35s ease, transform 0.35s ease; } /* ========================================================== GLOBAL - SLIDER IMAGE STROKE ========================================================== */ /* Gallery image */ .luxurySliderImageStroke + .gallery-track-wrapper .gallery-item, .luxurySliderImageStroke .gallery-track-wrapper .gallery-item { position: relative !important; overflow: hidden !important; } /* Inner gold stroke */ .luxurySliderImageStroke + .gallery-track-wrapper .gallery-item::after, .luxurySliderImageStroke .gallery-track-wrapper .gallery-item::after { content: "" !important; position: absolute !important; top: 10px !important; right: 10px !important; bottom: 10px !important; left: 10px !important; border: 1px solid var(--color_1) !important; border-radius: 0 !important; box-sizing: border-box !important; pointer-events: none !important; z-index: 10 !important; } /* Image */ .luxurySliderImageStroke + .gallery-track-wrapper .gallery-item img, .luxurySliderImageStroke .gallery-track-wrapper .gallery-item img { display: block !important; width: 100% !important; height: 100% !important; border-radius: 0 !important; } /* ========================================================== GLOBAL - COLUMN OVERLAP ========================================================== */ /* Desktop only */ @media (min-width: 1025px) { /* Shared overlap setup */ .overlapContentLeft, .overlapContentRight { --overlapAmount: clamp(45px, 4vw, 75px); position: relative !important; z-index: 5 !important; width: calc(100% + var(--overlapAmount)) !important; max-width: none !important; box-sizing: border-box; transform: none !important; box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35); } /* ========================================================== CONTENT LEFT Keep left edge in place, extend only toward image ========================================================== */ .overlapContentLeft { margin-left: 0 !important; margin-right: calc(var(--overlapAmount) * -1) !important; } /* ========================================================== CONTENT RIGHT Keep right edge in place, extend only toward image ========================================================== */ .overlapContentRight { margin-left: calc(var(--overlapAmount) * -1) !important; margin-right: 0 !important; } } /* ========================================================== TABLET + MOBILE ========================================================== */ @media (max-width: 1024px) { .overlapContentLeft, .overlapContentRight { position: relative !important; z-index: auto !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; transform: none !important; box-shadow: none !important; } } /* ========================================================== GLOBAL - BLACK BLUR BACKGROUND ========================================================== */ .blackBlurBg { background: rgba(8, 8, 8, 0.72) !important; -webkit-backdrop-filter: blur(16px) saturate(120%); backdrop-filter: blur(16px) saturate(120%); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.35); } /* ========================================================== GLOBAL - BLACK BLUR BACKGROUND ========================================================== */ .blackBlurBG { background: rgba(8, 8, 8, 0.72) !important; -webkit-backdrop-filter: blur(16px) saturate(120%); backdrop-filter: blur(16px) saturate(120%); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.35); } /* ========================================================== IMAGE - LUXURY FRAME ========================================================== */ /* Shared frame setup */ .luxuryImageFrameLeft, .luxuryImageFrameRight { position: relative; z-index: 1; transition: transform 0.35s ease, filter 0.35s ease; } /* Left-side image frame */ .luxuryImageFrameLeft::before { content: ""; position: absolute; top: -12px; right: 12px; bottom: 12px; left: -12px; border: 1px solid var(--color_1); z-index: -1; pointer-events: none; transition: top 0.35s ease, right 0.35s ease, bottom 0.35s ease, left 0.35s ease, opacity 0.35s ease; } /* Right-side image frame */ .luxuryImageFrameRight::before { content: ""; position: absolute; top: -12px; right: -12px; bottom: 12px; left: 12px; border: 1px solid var(--color_1); z-index: -1; pointer-events: none; transition: top 0.35s ease, right 0.35s ease, bottom 0.35s ease, left 0.35s ease, opacity 0.35s ease; } /* Image */ .luxuryImageFrameLeft img, .luxuryImageFrameRight img { position: relative; z-index: 1; display: block; transition: transform 0.5s ease, filter 0.35s ease; } /* Shared hover */ .luxuryImageFrameLeft:hover, .luxuryImageFrameRight:hover { transform: translateY(-4px); } /* Image hover */ .luxuryImageFrameLeft:hover img, .luxuryImageFrameRight:hover img { transform: scale(1.015); filter: brightness(1.04); } /* Left frame hover */ .luxuryImageFrameLeft:hover::before { top: -16px; right: 16px; bottom: 16px; left: -16px; } /* Right frame hover */ .luxuryImageFrameRight:hover::before { top: -16px; right: -16px; bottom: 16px; left: 16px; } /* Mobile */ @media (max-width: 767px) { .luxuryImageFrameLeft::before { top: -7px; right: 7px; bottom: 7px; left: -7px; } .luxuryImageFrameRight::before { top: -7px; right: -7px; bottom: 7px; left: 7px; } .luxuryImageFrameLeft:hover, .luxuryImageFrameRight:hover { transform: translateY(-2px); } .luxuryImageFrameLeft:hover::before { top: -9px; right: 9px; bottom: 9px; left: -9px; } .luxuryImageFrameRight:hover::before { top: -9px; right: -9px; bottom: 9px; left: 9px; } } /* Reduced motion */ @media (prefers-reduced-motion: reduce) { .luxuryImageFrameLeft, .luxuryImageFrameRight, .luxuryImageFrameLeft::before, .luxuryImageFrameRight::before, .luxuryImageFrameLeft img, .luxuryImageFrameRight img { transition: none; } } /* ========================================================== MOBILE PROCESS STEP TOGGLE ========================================================== */ .mobileProcessToggleButton { display: none; } @media (max-width: 767px) { /* Keep the inner content in a normal vertical order */ .mobileProcessToggle > .group { display: flex !important; flex-direction: column !important; align-items: center !important; } /* Heading */ .mobileProcessToggle > .group > .widget-wrapper:first-child { position: relative !important; inset: auto !important; order: 1 !important; width: 100% !important; } /* Description */ .mobileProcessToggle .processStepDescription { position: relative !important; inset: auto !important; order: 2 !important; width: 100% !important; margin-top: 16px !important; display: none !important; } /* Show description when expanded */ .mobileProcessToggle.isExpanded .processStepDescription { display: block !important; } /* Read More / Show Less button */ .mobileProcessToggleButton { position: relative !important; inset: auto !important; order: 3 !important; display: inline-flex; align-items: center; justify-content: center; width: auto !important; margin: 16px auto 0 !important; padding: 0 0 4px !important; border: 0; border-bottom: 2px solid currentColor; background: transparent; color: var(--color_1); font-size: 13px; font-weight: 700; line-height: 1.2; text-transform: uppercase; text-decoration: none; cursor: pointer; } /* Reduce spacing when the description is closed */ .mobileProcessToggle:not(.isExpanded) .mobileProcessToggleButton { margin-top: 14px !important; } } /* ========================================================== PAGE: ASPHALT DRIVEWAY PAVING SECTION: OUR PROCESS / NUMBERED STEPS ========================================================== */ /* Shared step-row setup */ .asphaltProcessStep { position: relative !important; isolation: isolate; overflow: hidden !important; padding-left: 84px !important; transition: transform 0.35s ease, border-color 0.35s ease, background-color 0.35s ease, box-shadow 0.35s ease; } /* Step number */ .asphaltProcessStep::before { position: absolute; top: 50%; left: 24px; z-index: 2; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; color: var(--color_1); background: #111111; border: 1px solid rgba(255, 217, 0, 0.55); border-radius: 50%; font-family: Barlow, sans-serif; font-size: 17px; font-weight: 800; line-height: 1; transform: translateY(-50%); transition: color 0.35s ease, background-color 0.35s ease, border-color 0.35s ease, transform 0.35s ease; } /* Individual numbers */ .asphaltStepOne::before { content: "01"; } .asphaltStepTwo::before { content: "02"; } .asphaltStepThree::before { content: "03"; } .asphaltStepFour::before { content: "04"; } .asphaltStepFive::before { content: "05"; } .asphaltStepSix::before { content: "06"; } /* Short road-line detail beside the number */ .asphaltProcessStep::after { content: ""; position: absolute; top: 50%; left: 66px; z-index: 1; width: 12px; height: 2px; background: var(--color_1); opacity: 0.65; transform: translateY(-50%); transition: width 0.35s ease, opacity 0.35s ease; } /* Row hover */ .asphaltProcessStep:hover { transform: translateX(6px); border-color: rgba(255, 217, 0, 0.65) !important; background-color: rgba(255, 217, 0, 0.025); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25); } /* Number hover */ .asphaltProcessStep:hover::before { color: #111111; background: var(--color_1); border-color: var(--color_1); transform: translateY(-50%) scale(1.08); } /* Road-line hover */ .asphaltProcessStep:hover::after { width: 20px; opacity: 1; } /* Mobile */ @media (max-width: 767px) { .asphaltProcessStep { padding-left: 68px !important; } .asphaltProcessStep::before { left: 16px; width: 36px; height: 36px; font-size: 14px; } .asphaltProcessStep::after { left: 54px; width: 9px; } } /* Reduced motion */ @media (prefers-reduced-motion: reduce) { .asphaltProcessStep, .asphaltProcessStep::before, .asphaltProcessStep::after { transition: none !important; } } /* ========================================================== PAGE: ASPHALT DRIVEWAY PAVING SECTION: OUR PROCESS / NUMBERED STEPS ========================================================== */ /* Mobile */ @media (max-width: 767px) { .asphaltProcessStep { padding: 76px 20px 24px !important; text-align: center; } /* Center the number */ .asphaltProcessStep::before { top: 18px; left: 50%; width: 42px; height: 42px; font-size: 15px; transform: translateX(-50%); } /* Center the small line below the number */ .asphaltProcessStep::after { top: 66px; left: 50%; width: 28px; height: 2px; transform: translateX(-50%); } /* Mobile hover */ .asphaltProcessStep:hover { transform: translateY(-4px); } .asphaltProcessStep:hover::before { transform: translateX(-50%) scale(1.08); } .asphaltProcessStep:hover::after { width: 42px; } } /* ========================================================== GLOBAL - BUTTON ========================================================== */ :root { --buttonRadius: 10px; --buttonPrimary: linear-gradient( 110deg, var(--color_1) 0%, #e8bd63 22%, #f4dda6 42%, #eee7dc 58%, #d5d5d5 76%, var(--color_1) 100% ); --buttonBorder: linear-gradient( 90deg, var(--color_1), var(--color_2), var(--color_1), var(--color_2), var(--color_1) ); } /* Primary */ #dm div.dmInner #site_content :is( a.dmButtonLink:not(.button_2):not(.button_2 *), a.dmWidget[data-auto="button-root"]:not(.button_2):not(.button_2 *), .dmformsubmit.dmWidget ) { position: relative !important; isolation: isolate; overflow: hidden !important; box-sizing: border-box !important; border: 2px solid transparent !important; border-radius: var(--buttonRadius) !important; background: var(--buttonPrimary) padding-box, var(--buttonBorder) border-box !important; background-size: 220% 100%, 250% 100% !important; background-position: left center, left center !important; box-shadow: 0 7px 0 rgba(0, 0, 0, 0.22), 0 10px 22px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.55) !important; transform: translateY(0); transition: background-position 0.7s ease, transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease !important; } /* Primary hover */ #dm div.dmInner #site_content :is( a.dmButtonLink:not(.button_2):not(.button_2 *), a.dmWidget[data-auto="button-root"]:not(.button_2):not(.button_2 *), .dmformsubmit.dmWidget ):hover { background-position: right center, right center !important; transform: translateY(-2px); filter: brightness(1.06); box-shadow: 0 5px 0 rgba(0, 0, 0, 0.2), 0 14px 28px rgba(0, 0, 0, 0.3), 0 0 16px rgba(255, 215, 90, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.65) !important; } /* Primary active */ #dm div.dmInner #site_content :is( a.dmButtonLink:not(.button_2):not(.button_2 *), a.dmWidget[data-auto="button-root"]:not(.button_2):not(.button_2 *), .dmformsubmit.dmWidget ):active { transform: translateY(2px) scale(0.98); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), 0 6px 14px rgba(0, 0, 0, 0.22) !important; } /* Form input */ #dm div.dmInner #site_content .dmformsubmit.dmWidget > input[type="submit"] { position: relative !important; z-index: 2; background: transparent !important; box-shadow: none !important; border-color: transparent !important; border-radius: inherit !important; cursor: pointer !important; appearance: none; -webkit-appearance: none; } /* Secondary */ #dm div.dmInner #site_content :is( a.dmButtonLink.button_2, .button_2 a.dmButtonLink ) { position: relative !important; isolation: isolate; overflow: hidden !important; box-sizing: border-box !important; border: 2px solid transparent !important; border-radius: var(--buttonRadius) !important; background: linear-gradient( rgba(10, 10, 10, 0.94), rgba(10, 10, 10, 0.94) ) padding-box, var(--buttonBorder) border-box !important; background-size: 100% 100%, 250% 100% !important; background-position: center, left center !important; box-shadow: none !important; transform: translateY(0); transition: background-position 0.7s ease, transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease !important; } /* Secondary hover */ #dm div.dmInner #site_content :is( a.dmButtonLink.button_2, .button_2 a.dmButtonLink ):hover { background-position: center, right center !important; transform: translateY(-2px); filter: brightness(1.08); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28) !important; } /* Secondary active */ #dm div.dmInner #site_content :is( a.dmButtonLink.button_2, .button_2 a.dmButtonLink ):active { transform: translateY(2px) scale(0.98); } /* Button content */ #dm div.dmInner #site_content :is( a.dmButtonLink, a.dmWidget[data-auto="button-root"] ) :is( .text, .iconBg ) { position: relative; z-index: 2; } /* Mobile */ @media (max-width: 767px) { #dm div.dmInner #site_content :is( a.dmButtonLink, a.dmWidget[data-auto="button-root"], .dmformsubmit.dmWidget ) { border-radius: 8px !important; } } /* Reduced motion */ @media (prefers-reduced-motion: reduce) { #dm div.dmInner #site_content :is( a.dmButtonLink, a.dmWidget[data-auto="button-root"], .dmformsubmit.dmWidget ) { transition: none !important; } } /* ========================================================== GLOBAL STYLE ELEMENT: SUBHEADING / EYEBROW TEXT ========================================================== */ /* Shared styling */ .asphaltSubheadingCenter, .asphaltSubheadingLeft, .asphaltSubheadingRight { display: flex !important; align-items: center; gap: 14px; width: fit-content; max-width: 100%; } /* Preserve Duda typography and spacing controls */ .asphaltSubheadingCenter p, .asphaltSubheadingLeft p, .asphaltSubheadingRight p { margin: 0 !important; } /* Accent lines */ .asphaltSubheadingCenter::before, .asphaltSubheadingCenter::after, .asphaltSubheadingLeft::before, .asphaltSubheadingRight::after { content: ""; display: block; flex: 0 0 auto; width: 46px; height: 1px; background: #d5ac46; border-radius: 20px; } /* Center alignment: line on both sides */ .asphaltSubheadingCenter { justify-content: center; margin-left: auto !important; margin-right: auto !important; } /* Left alignment: line before text */ .asphaltSubheadingLeft { justify-content: flex-start; margin-left: 0 !important; margin-right: auto !important; } /* Right alignment: line after text */ .asphaltSubheadingRight { justify-content: flex-end; margin-left: auto !important; margin-right: 0 !important; } /* Tablet */ @media (max-width: 1024px) { .asphaltSubheadingCenter, .asphaltSubheadingLeft, .asphaltSubheadingRight { gap: 12px; } .asphaltSubheadingCenter::before, .asphaltSubheadingCenter::after, .asphaltSubheadingLeft::before, .asphaltSubheadingRight::after { width: 38px; } } /* Mobile */ @media (max-width: 767px) { .asphaltSubheadingCenter, .asphaltSubheadingLeft, .asphaltSubheadingRight { gap: 10px; } .asphaltSubheadingCenter::before, .asphaltSubheadingCenter::after, .asphaltSubheadingLeft::before, .asphaltSubheadingRight::after { width: 28px; height: 2px; } } /* ========================================================== PAGE: GLOBAL SECTION: ALL ROW FADE OUT ========================================================== */ /* Bottom fade setup */ .asphaltBottomFade { position: relative; isolation: isolate; } /* Strong bottom fade */ .asphaltBottomFade::after { content: ""; position: absolute; right: 0; bottom: -2px; left: 0; z-index: 5; height: 220px; background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 20%, rgba(0, 0, 0, 0.48) 45%, rgba(0, 0, 0, 0.82) 72%, #000000 100% ); pointer-events: none; } /* Top fade setup */ .asphaltTopFade { position: relative; isolation: isolate; } /* Strong top fade */ .asphaltTopFade::before { content: ""; position: absolute; top: -2px; right: 0; left: 0; z-index: 5; height: 220px; background: linear-gradient( to bottom, #000000 0%, rgba(0, 0, 0, 0.82) 28%, rgba(0, 0, 0, 0.48) 55%, rgba(0, 0, 0, 0.18) 80%, rgba(0, 0, 0, 0) 100% ); pointer-events: none; } /* Mobile - Hide All Fades */ @media (max-width: 767px) { .asphaltBottomFade::after, .asphaltTopFade::before { display: none; } } /* ========================================================== PAGE: HOME PAGE SECTION: SERVICES / MEDIA SLIDER ========================================================== */ /* Main slider */ .asphaltMediaSlider [data-auto="actual-slider"] { position: relative; overflow: hidden; } /* Slides container */ .asphaltMediaSlider [data-auto="slider-slides-container"] { gap: 18px !important; padding: 10px 0 22px !important; } /* Individual slides */ .asphaltMediaSlider [data-auto^="slideSlot"] { position: relative; overflow: hidden; border: none !important; outline: none !important; border-radius: 8px; transition: transform 0.4s ease, box-shadow 0.4s ease; } /* Slide hover */ .asphaltMediaSlider [data-auto^="slideSlot"]:hover { transform: translateY(-8px); border: none !important; outline: none !important; box-shadow: 0 22px 45px rgba(0, 0, 0, 0.4); } /* Remove Duda wrapper borders */ .asphaltMediaSlider [data-auto^="slideSlot"] > div, .asphaltMediaSlider [data-auto^="slideSlot"] > div > div { border: none !important; outline: none !important; } /* Content container */ .asphaltMediaSlider [data-grab="slideContentContainer"] { position: absolute !important; inset: auto 0 0 0 !important; z-index: 4 !important; width: 100%; padding: 28px !important; background: transparent !important; pointer-events: none; } /* Slide title */ .asphaltMediaSlider [data-grab="title"] { position: relative; margin: 0 !important; color: #ffffff !important; font-size: clamp(22px, 1.7vw, 30px); font-weight: 700 !important; line-height: 1.15 !important; text-align: left !important; text-transform: uppercase; text-shadow: 0 3px 12px rgba(0, 0, 0, 0.55); transition: color 0.35s ease, transform 0.35s ease; } /* Primary title line */ .asphaltMediaSlider [data-grab="title"]::after { content: ""; display: block; width: 42px; height: 3px; margin-top: 14px; background: var(--color_1) !important; border-radius: 20px; transition: width 0.4s ease, box-shadow 0.4s ease; } /* Title hover */ .asphaltMediaSlider [data-auto^="slideSlot"]:hover [data-grab="title"] { color: var(--color_1) !important; transform: translateY(-4px); } /* Title line hover */ .asphaltMediaSlider [data-auto^="slideSlot"]:hover [data-grab="title"]::after { width: 82px; box-shadow: 0 0 12px rgba(255, 217, 0, 0.4); } /* Navigation container */ .asphaltMediaSlider [data-grab="pagination-container"] { position: absolute !important; inset: 50% 18px auto 18px !important; z-index: 10; display: flex !important; justify-content: space-between !important; transform: translateY(-50%); pointer-events: none; } /* Navigation buttons */ .asphaltMediaSlider [data-grab="pagination-button-arrow"] { position: relative; width: 48px !important; height: 48px !important; min-width: 48px !important; display: flex !important; align-items: center; justify-content: center; padding: 0 !important; overflow: visible !important; background: rgba(17, 17, 17, 0.9) !important; border: 1px solid var(--color_1) !important; border-radius: 50% !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4); pointer-events: auto; cursor: pointer; transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } /* Arrow inner wrapper */ .asphaltMediaSlider [data-grab="pagination-button-arrow"] > div { display: flex !important; align-items: center; justify-content: center; width: 100%; height: 100%; } /* Default icon color */ .asphaltMediaSlider [data-grab="pagination-button-arrow"], .asphaltMediaSlider [data-grab="pagination-button-arrow"] *, .asphaltMediaSlider [data-grab="pagination-button-arrow"]::before, .asphaltMediaSlider [data-grab="pagination-button-arrow"]::after, .asphaltMediaSlider [data-grab="pagination-button-arrow"] *::before, .asphaltMediaSlider [data-grab="pagination-button-arrow"] *::after { color: var(--color_1) !important; fill: var(--color_1) !important; stroke: var(--color_1) !important; } /* Arrow icon sizing */ .asphaltMediaSlider [data-grab="pagination-button-arrow"] [class*="icon-angle"], .asphaltMediaSlider [data-grab="pagination-button-arrow"] i { display: inline-flex !important; align-items: center; justify-content: center; font-size: 24px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; transition: color 0.3s ease, fill 0.3s ease, stroke 0.3s ease, transform 0.3s ease; } /* Navigation hover */ .asphaltMediaSlider [data-grab="pagination-button-arrow"]:hover { background: var(--color_1) !important; border-color: var(--color_1) !important; transform: scale(1.08); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.48), 0 0 16px rgba(255, 217, 0, 0.2); } /* Force all arrow elements black on hover */ .asphaltMediaSlider [data-grab="pagination-button-arrow"]:hover, .asphaltMediaSlider [data-grab="pagination-button-arrow"]:hover *, .asphaltMediaSlider [data-grab="pagination-button-arrow"]:hover::before, .asphaltMediaSlider [data-grab="pagination-button-arrow"]:hover::after, .asphaltMediaSlider [data-grab="pagination-button-arrow"]:hover *::before, .asphaltMediaSlider [data-grab="pagination-button-arrow"]:hover *::after { color: #000000 !important; fill: #000000 !important; stroke: #000000 !important; opacity: 1 !important; visibility: visible !important; } /* Previous arrow movement */ .asphaltMediaSlider [aria-label="back"]:hover [class*="icon-angle"], .asphaltMediaSlider [aria-label="back"]:hover i { transform: translateX(-2px); } /* Next arrow movement */ .asphaltMediaSlider [aria-label="next"]:hover [class*="icon-angle"], .asphaltMediaSlider [aria-label="next"]:hover i { transform: translateX(2px); } /* Tablet */ @media (max-width: 1024px) { .asphaltMediaSlider [data-auto="slider-slides-container"] { gap: 14px !important; } .asphaltMediaSlider [data-grab="slideContentContainer"] { padding: 24px !important; } .asphaltMediaSlider [data-grab="title"] { font-size: 23px !important; } } /* Mobile */ @media (max-width: 767px) { .asphaltMediaSlider [data-auto="slider-slides-container"] { gap: 10px !important; padding-bottom: 12px !important; } .asphaltMediaSlider [data-grab="slideContentContainer"] { padding: 22px !important; } .asphaltMediaSlider [data-grab="title"] { font-size: 22px !important; } .asphaltMediaSlider [data-grab="pagination-container"] { inset: 50% 10px auto 10px !important; } .asphaltMediaSlider [data-grab="pagination-button-arrow"] { width: 42px !important; height: 42px !important; min-width: 42px !important; } .asphaltMediaSlider [data-grab="pagination-button-arrow"] [class*="icon-angle"], .asphaltMediaSlider [data-grab="pagination-button-arrow"] i { font-size: 20px !important; } } /* Reduced motion */ @media (prefers-reduced-motion: reduce) { .asphaltMediaSlider [data-auto^="slideSlot"], .asphaltMediaSlider [data-grab="title"], .asphaltMediaSlider [data-grab="title"]::after, .asphaltMediaSlider [data-grab="pagination-button-arrow"], .asphaltMediaSlider [data-grab="pagination-button-arrow"] [class*="icon-angle"], .asphaltMediaSlider [data-grab="pagination-button-arrow"] i { transition: none !important; } } /* ========================================================== PAGE: HOME PAGE SECTION: SERVICES / MEDIA SLIDER - TITLE ALIGNMENT ========================================================== */ /* Force all slide content to use the same alignment */ .asphaltMediaSlider [data-grab="slideContentContainer"] { text-align: left !important; align-items: flex-start !important; justify-content: flex-end !important; } /* Keep every title consistently left aligned */ .asphaltMediaSlider [data-grab="title"] { width: 100% !important; text-align: left !important; align-self: flex-start !important; } /* Override any alignment applied to inner title elements */ .asphaltMediaSlider [data-grab="title"] * { text-align: left !important; } /* ========================================================== PAGE: HOME PAGE SECTION: Why Choose Us / Value Cards ========================================================== */ /* ========================================================== SECTION SETTINGS ========================================================== */ .asphaltValueCards { --asphalt-card-bg: #111111; --asphalt-card-hover: #191919; --asphalt-yellow: #FFD900; --asphalt-white: #F7F7F7; --asphalt-muted: #CBCBCB; --asphalt-border: rgba(255, 255, 255, 0.22); --asphalt-border-hover: rgba(255, 217, 0, 0.9); } .asphaltValueCards .dmRespColsWrapper { display: flex !important; align-items: stretch !important; gap: 24px; } .asphaltValueCards .asphaltValueCardOne, .asphaltValueCards .asphaltValueCardTwo, .asphaltValueCards .asphaltValueCardThree { position: relative; display: flex !important; flex-direction: column; justify-content: flex-start; overflow: hidden; isolation: isolate; min-height: 100%; padding: 42px 28px 34px !important; background: linear-gradient( 145deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0) 45% ), var(--asphalt-card-bg); border: 1px solid var(--asphalt-border); border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 8px 24px rgba(0, 0, 0, 0.14); transition: transform 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease; } .asphaltValueCards .asphaltValueCardOne::before, .asphaltValueCards .asphaltValueCardTwo::before, .asphaltValueCards .asphaltValueCardThree::before { content: ""; position: absolute; top: -1px; left: 28px; width: 44px; height: 4px; background: var(--asphalt-yellow); border-radius: 0 0 3px 3px; transition: width 0.45s ease, box-shadow 0.45s ease; z-index: 3; } .asphaltValueCards .asphaltValueCardOne::after, .asphaltValueCards .asphaltValueCardTwo::after, .asphaltValueCards .asphaltValueCardThree::after { content: ""; position: absolute; top: -110px; right: -110px; width: 230px; height: 230px; border-radius: 50%; background: var(--asphalt-yellow); filter: blur(90px); opacity: 0; transform: scale(0.65); pointer-events: none; z-index: -1; transition: opacity 0.45s ease, transform 0.45s ease; } .asphaltValueCards .asphaltValueCardOne:hover, .asphaltValueCards .asphaltValueCardTwo:hover, .asphaltValueCards .asphaltValueCardThree:hover { transform: translateY(-10px); background-color: var(--asphalt-card-hover); border-color: var(--asphalt-border-hover); box-shadow: 0 24px 55px rgba(0, 0, 0, 0.46), 0 0 0 1px rgba(255, 217, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.05); } /* Extend yellow line on hover */ .asphaltValueCards .asphaltValueCardOne:hover::before, .asphaltValueCards .asphaltValueCardTwo:hover::before, .asphaltValueCards .asphaltValueCardThree:hover::before { width: calc(100% - 56px); box-shadow: 0 0 16px rgba(255, 217, 0, 0.28); } /* Reveal the corner glow */ .asphaltValueCards .asphaltValueCardOne:hover::after, .asphaltValueCards .asphaltValueCardTwo:hover::after, .asphaltValueCards .asphaltValueCardThree:hover::after { opacity: 0.1; transform: scale(1); } .asphaltValueCards .asphaltValueCardOne .dmIconWidget, .asphaltValueCards .asphaltValueCardTwo .dmIconWidget, .asphaltValueCards .asphaltValueCardThree .dmIconWidget, .asphaltValueCards .asphaltValueCardOne .icon, .asphaltValueCards .asphaltValueCardTwo .icon, .asphaltValueCards .asphaltValueCardThree .icon, .asphaltValueCards .asphaltValueCardOne svg, .asphaltValueCards .asphaltValueCardTwo svg, .asphaltValueCards .asphaltValueCardThree svg, .asphaltValueCards .asphaltValueCardOne img, .asphaltValueCards .asphaltValueCardTwo img, .asphaltValueCards .asphaltValueCardThree img { transform-origin: center; transition: transform 0.4s ease, filter 0.4s ease; } /* Icon hover movement */ .asphaltValueCards .asphaltValueCardOne:hover .dmIconWidget, .asphaltValueCards .asphaltValueCardTwo:hover .dmIconWidget, .asphaltValueCards .asphaltValueCardThree:hover .dmIconWidget, .asphaltValueCards .asphaltValueCardOne:hover .icon, .asphaltValueCards .asphaltValueCardTwo:hover .icon, .asphaltValueCards .asphaltValueCardThree:hover .icon, .asphaltValueCards .asphaltValueCardOne:hover svg, .asphaltValueCards .asphaltValueCardTwo:hover svg, .asphaltValueCards .asphaltValueCardThree:hover svg, .asphaltValueCards .asphaltValueCardOne:hover img, .asphaltValueCards .asphaltValueCardTwo:hover img, .asphaltValueCards .asphaltValueCardThree:hover img { transform: translateY(-5px) scale(1.08); filter: drop-shadow(0 8px 12px rgba(255, 217, 0, 0.24)); } .asphaltValueCards .asphaltValueCardOne h1, .asphaltValueCards .asphaltValueCardOne h2, .asphaltValueCards .asphaltValueCardOne h3, .asphaltValueCards .asphaltValueCardOne h4, .asphaltValueCards .asphaltValueCardTwo h1, .asphaltValueCards .asphaltValueCardTwo h2, .asphaltValueCards .asphaltValueCardTwo h3, .asphaltValueCards .asphaltValueCardTwo h4, .asphaltValueCards .asphaltValueCardThree h1, .asphaltValueCards .asphaltValueCardThree h2, .asphaltValueCards .asphaltValueCardThree h3, .asphaltValueCards .asphaltValueCardThree h4 { color: var(--asphalt-white); transition: color 0.35s ease, transform 0.35s ease; } /* Heading hover */ .asphaltValueCards .asphaltValueCardOne:hover h1, .asphaltValueCards .asphaltValueCardOne:hover h2, .asphaltValueCards .asphaltValueCardOne:hover h3, .asphaltValueCards .asphaltValueCardOne:hover h4, .asphaltValueCards .asphaltValueCardTwo:hover h1, .asphaltValueCards .asphaltValueCardTwo:hover h2, .asphaltValueCards .asphaltValueCardTwo:hover h3, .asphaltValueCards .asphaltValueCardTwo:hover h4, .asphaltValueCards .asphaltValueCardThree:hover h1, .asphaltValueCards .asphaltValueCardThree:hover h2, .asphaltValueCards .asphaltValueCardThree:hover h3, .asphaltValueCards .asphaltValueCardThree:hover h4 { color: var(--asphalt-yellow); transform: translateY(-2px); } .asphaltValueCards .asphaltValueCardOne p, .asphaltValueCards .asphaltValueCardTwo p, .asphaltValueCards .asphaltValueCardThree p { color: var(--asphalt-muted); transition: color 0.35s ease; } /* Paragraph hover */ .asphaltValueCards .asphaltValueCardOne:hover p, .asphaltValueCards .asphaltValueCardTwo:hover p, .asphaltValueCards .asphaltValueCardThree:hover p { color: var(--asphalt-white); } /* Column 1: Yellow accent on the left */ .asphaltValueCards .asphaltValueCardOne { border-left-color: rgba(255, 217, 0, 0.48); } /* Column 2: Yellow accent on the bottom */ .asphaltValueCards .asphaltValueCardTwo { border-bottom-color: rgba(255, 217, 0, 0.48); } /* Column 3: Yellow accent on the right */ .asphaltValueCards .asphaltValueCardThree { border-right-color: rgba(255, 217, 0, 0.48); } /* Make all borders fully yellow on hover */ .asphaltValueCards .asphaltValueCardOne:hover, .asphaltValueCards .asphaltValueCardTwo:hover, .asphaltValueCards .asphaltValueCardThree:hover { border-color: var(--asphalt-border-hover); } @media (max-width: 1024px) { .asphaltValueCards .dmRespColsWrapper { gap: 16px; } .asphaltValueCards .asphaltValueCardOne, .asphaltValueCards .asphaltValueCardTwo, .asphaltValueCards .asphaltValueCardThree { padding: 34px 22px 30px !important; } } @media (max-width: 767px) { .asphaltValueCards .dmRespColsWrapper { display: block !important; } .asphaltValueCards .asphaltValueCardOne, .asphaltValueCards .asphaltValueCardTwo, .asphaltValueCards .asphaltValueCardThree { min-height: auto; margin-bottom: 18px !important; padding: 15px 24px 15px !important; } .asphaltValueCards .asphaltValueCardOne:active, .asphaltValueCards .asphaltValueCardTwo:active, .asphaltValueCards .asphaltValueCardThree:active { transform: translateY(-4px); border-color: var(--asphalt-border-hover); } } @media (prefers-reduced-motion: reduce) { .asphaltValueCards .asphaltValueCardOne, .asphaltValueCards .asphaltValueCardTwo, .asphaltValueCards .asphaltValueCardThree, .asphaltValueCards .asphaltValueCardOne::before, .asphaltValueCards .asphaltValueCardTwo::before, .asphaltValueCards .asphaltValueCardThree::before, .asphaltValueCards .asphaltValueCardOne::after, .asphaltValueCards .asphaltValueCardTwo::after, .asphaltValueCards .asphaltValueCardThree::after, .asphaltValueCards .asphaltValueCardOne *, .asphaltValueCards .asphaltValueCardTwo *, .asphaltValueCards .asphaltValueCardThree * { transition: none !important; } } /*========================================================= GLOBAL - MEDIA QUERY ===========================================================*/ @media (min-width: 768px) { .custom_list2 ul { display: block !important; column-count: 2; } .custom_list3 ul { display: block !important; column-count: 3; } .custom_list4 ul { display: block !important; column-count: 4; } /*Tab widget layout design desktop and tablet only*/ .custom_tab2 nav { display: block !important; column-count: 2; } .custom_tab3 nav { display: block !important; column-count: 3; } .custom_tab4 nav { display: block !important; column-count: 4; } .custom_tab5 nav { display: block !important; column-count: 5; } } /* bullet list */ @media (max-width: 768px) { .dmNewParagraph[data-version] ol>li, .dmNewParagraph[data-version] ul>li { text-indent: 0; margin-inline-start: 0; } .custom_text_image .rteBlock { text-align: center !important; } .custom_list_mobile2 ul { column-count: 2; } .custom_text_image .image { width: 100% !important; margin-bottom: 15px; } .custom_text_image .rteBlock { text-align: center !important; } } /* ==================================================================== */ /* System Style Definitions */ /* ==================================================================== */ @media all { :root { --btn-border-l-color: rgb(0, 0, 0); --btn-border-r-color: rgb(0, 0, 0); --btn-border-b-width: 0px; --btn-text-direction: ltr; --btn-border-radius: 6px; --btn-border-t-width: 0px; --btn-border-tl-radius: 0px; --btn-border-br-radius: 0px; --btn-border-bl-radius: 0px; --btn-bg-color: var(--color_1); --btn-border-r-width: 0px; --btn-border-tr-radius: 0px; --btn-bg-image: initial; --btn-border-b-color: rgb(0, 0, 0); --btn-border-l-width: 0px; --border-style: solid; --btn-border-t-color: rgb(0, 0, 0); --btn-text-align: center; --btn-text-color: var(--color_2); --btn-text-decoration: none; --btn-text-font-weight: bold; --btn-text-font-style: normal; --btn-text-font-family: "Public Sans", "Public Sans Fallback"; --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: var(--color_5); --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: rgb(65, 67, 69); --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-border-l-color: rgb(255, 255, 255); --btn-border-r-color: rgb(255, 255, 255); --btn-border-b-width: 0px; --btn-text-direction: ltr; --btn-border-radius: 6px; --btn-border-t-width: 0px; --btn-border-tl-radius: 0px; --btn-border-br-radius: 0px; --btn-border-bl-radius: 0px; --btn-bg-color: var(--color_5); --btn-border-r-width: 0px; --btn-border-tr-radius: 0px; --btn-bg-image: initial; --btn-border-b-color: rgb(255, 255, 255); --btn-border-l-width: 0px; --border-style: solid; --btn-border-t-color: rgb(255, 255, 255); --btn-text-align: center; --btn-text-color: var(--color_5); --btn-text-decoration: none; --btn-text-font-weight: normal; --btn-text-font-style: normal; --btn-text-font-family: "Public Sans", "Public Sans Fallback"; --btn-icon-color: var(--color_1); --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: rgba(0, 0, 0, 1); --btn-hover-text-color: var(--color_5); --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: 14px; } .button_2 { --btn-text-font-size: 14px; } } @media (min-width: 768px) and (max-width: 1024px) { :root { --btn-text-font-size: 13px; } .button_2 { --btn-text-font-size: 13px; } } @media (min-width: 768px) and (max-width: 1024px) { :root { --btn-text-font-size: 14px; } .button_2 { --btn-text-font-size: 14px; } :root { --section-padding-left: 2%; --section-padding-right: 2%; } } @media (min-width: 0px) and (max-width: 767px) { :root { --btn-text-font-size: 11px; } .button_2 { --btn-text-font-size: 11px; } } @media (min-width: 0px) and (max-width: 767px) { :root { --btn-text-font-size: 12px; } .button_2 { --btn-text-font-size: 12px; } :root { --section-padding-left: 4%; --section-padding-right: 4%; } } #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 .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='FLAT_ROUND'] { background-clip: border-box; border-radius: 6px; } #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='FLAT_ROUND'].flexButton { padding: 10px 7px; } #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='FLAT_ROUND'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] .text { padding: 10px 7px; } #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='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 .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] { border-radius: 50px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'].flexButton { padding: 10px 0px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] .text { padding: 10px 0px; } #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); background-image: var(--btn-bg-image); 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-family: var(--btn-text-font-family); font-size: var(--btn-text-font-size); font-style: var(--btn-text-font-style); 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 { *#dm .dmInner *.u_1306770187 { width:100% !important; } *#dm .dmInner *.u_1581198931 { width:100% !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_1859835986 { width:100% !important; } *#dm .dmInner nav.u_438183863.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_438183863.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_438183863.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.dmNavItemSelected { color:var(--color_1) !important; } *#dm .dmInner nav.u_438183863.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item:hover { background-image:linear-gradient(90deg,rgba(0,0,0,0) 21%,rgba(0,0,0,0) 100%) !important; background-origin:border-box !important; color:var(--color_1) !important; } *#dm .dmInner nav.u_438183863.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.hover { background-image:linear-gradient(90deg,rgba(0,0,0,0) 21%,rgba(0,0,0,0) 100%) !important; background-origin:border-box !important; color:var(--color_1) !important; } *#dm .dmInner nav.u_438183863.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.dmNavItemSelected { background-image:linear-gradient(90deg,rgba(0,0,0,0) 21%,rgba(0,0,0,0) 100%) !important; background-origin:border-box !important; color:var(--color_1) !important; } *#dm .dmInner div.u_3559447636 img { object-fit:contain !important; } *#dm .dmInner *.u_1829185203 #footer-widget a { text-align:CENTER !important; } *#dm .dmInner *.u_1829185203 #footer-credit-line p { text-align:CENTER !important; } *#dm .dmInner *.u_1829185203 #footer-legal-links { text-align:CENTER !important; } *#dm .dmInner *.u_1829185203 #footer-copyright p { text-align:CENTER !important; } *#dm .dmInner div.u_1097285485 .socialHubInnerDiv { column-gap:10px !important; justify-content:center !important; } *#dm .dmInner div.u_1599319915 .socialHubInnerDiv { column-gap:10px !important; justify-content:center !important; } *#dm .dmInner nav.u_438183863.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:14px !important; } *#dm .dmInner nav.u_438183863.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:14px !important; } *#dm .dmInner *.u_2484221767 .svg { width:100% !important; } *#dm .dmInner nav.u_438183863 { color:black !important; } *#dm .dmInner div.u_338529149 { border-style:solid !important; border-width:0px 0px 0px 0px !important; border-color:var(--color_1) var(--color_1) var(--color_1) var(--color_1) !important; } *#dm .dmInner nav.u_2203976291.main-navigation.unifiednav:not([image]) .unifiednav__container[data-depth="0"] { top:calc(100% - 12px - 0px) !important; } *#dm .dmInner nav.u_2203976291.main-navigation.unifiednav[data-nav-structure="HORIZONTAL"] .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child) .unifiednav__container[data-depth="0"] { left:0px !important; } *#dm .dmInner nav.u_2203976291.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_2203976291.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_2203976291.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.dmNavItemSelected { color:var(--color_1) !important; } *#dm .dmInner nav.u_2203976291.main-navigation.unifiednav[data-nav-structure='VERTICAL'] .unifiednav__container:not([data-depth])>.unifiednav__item-wrap::after { border-style:solid !important; border-color:rgb(209,209,209) #000000 #000000 #000000 !important; border-width:0px 0 0 0 !important; align-self:center !important; } *#dm .dmInner nav.u_2203976291.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item:hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_2203976291.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_2203976291.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.dmNavItemSelected { color:var(--color_1) !important; } *#dm .dmInner div.u_1829185203 #footer-credit-line p { color:var(--color_5) !important; font-weight:300 !important; } *#dm .dmInner div.u_1829185203 #footer-legal-links { color:var(--color_5) !important; font-weight:300 !important; } *#dm .dmInner div.u_1829185203 #footer-copyright p { color:var(--color_5) !important; font-weight:300 !important; } *#dm .dmInner div.u_1599319915 .socialHubIcon { width:30px !important; height:30px !important; font-size:20px !important; line-height:30px !important; color:var(--color_5) !important; } *#dm .dmInner nav.u_852510121 { justify-content:center !important; } *#dm .dmInner div#hamburger-drawer.layout-drawer { background-repeat:no-repeat !important; background-image:initial !important; background-color:var(--color_3) !important; } *#dm .dmInner nav.u_852510121.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:14px !important; } *#dm .dmInner nav.u_852510121.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:14px !important; } *#dm .dmInner div.u_1829185203 #footer-widget a { color:var(--color_1) !important; } *#dm .dmInner div.u_2484221767 .svg { fill:var(--color_1) !important; } *#dm .dmInner div.u_2484221767 span[data-icon-mask] { background-color:var(--color_1) !important; } *#dm .dmInner div.u_2484221767 { padding:25% !important; border-radius:50% !important; border-color:rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) !important; border-width:0px 0px 0px 0px !important; border-style:solid !important; background-color:var(--color_6) !important; background-image:none !important; } *#dm .dmInner nav.u_438183863.main-navigation.unifiednav[data-nav-structure='VERTICAL'] .unifiednav__container:not([data-depth])>.unifiednav__item-wrap::after { border-style:solid !important; border-color:rgb(209,209,209) #000000 #000000 #000000 !important; border-width:0px 0 0 0 !important; align-self:center !important; } *#dm .dmInner nav.u_852510121.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { text-transform:uppercase !important; font-size:14px !important; font-weight:normal !important; font-family:'Public Sans' !important; } *#dm .dmInner nav.u_852510121.main-navigation.unifiednav.effect-bottom2 .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item .nav-item-text::after { border-style:solid !important; border-width:1px 0px 0px 0px !important; border-color:rgb(213,172,70) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important; } *#dm .dmInner a.u_1825028875 { background-origin:border-box !important; } *#dm .dmInner nav.u_852510121.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item:hover { color:var(--color_5) !important; } *#dm .dmInner nav.u_852510121.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.hover { color:var(--color_5) !important; } *#dm .dmInner nav.u_852510121.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.dmNavItemSelected { color:var(--color_5) !important; } *#dm .dmInner div.u_1344661892 .socialHubInnerDiv { column-gap:25px !important; } *#dm .dmInner div.u_1344661892 .socialHubIcon { width:30px !important; height:30px !important; font-size:20px !important; line-height:30px !important; } *#dm .dmInner div.u_1074100117 { background-color:rgba(0,0,0,0) !important; background-image:none !important; border-radius:0px 0px 0px 0px !important; border-style:solid !important; border-width:0px 0px 0px 0px !important; border-color:rgb(255,255,255) rgb(255,255,255) rgb(255,255,255) rgb(255,255,255) !important; } *#dm .dmInner nav.u_2203976291.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { color:var(--color_5) !important; justify-content:center !important; font-family: Goldman !important; text-transform:uppercase !important; } *#dm .dmInner div.u_1097285485 .socialHubIcon { width:31px !important; height:31px !important; font-size:21px !important; line-height:31px !important; background-color:var(--color_1) !important; color:var(--color_2) !important; } *#dm .dmInner nav.u_438183863.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { font-family:'Public Sans' !important; font-size:12px !important; color:var(--color_5) !important; font-weight:normal !important; text-transform:uppercase !important; justify-content:center !important; font-style:normal !important; } *#dm .dmInner nav.u_438183863.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-family:"Public Sans" !important; color:rgb(255,255,255) !important; font-weight:400 !important; direction:ltr !important; border-bottom-left-radius:0px !important; padding-top:5px !important; text-decoration:rgb(255,255,255) !important; padding-left:0px !important; font-size:12px !important; padding-bottom:5px !important; border-top-right-radius:0px !important; font-style:normal !important; margin-right:0px !important; border-radius:0px !important; margin-left:0px !important; text-transform:uppercase !important; border-top-left-radius:0px !important; justify-content:center !important; border-bottom-right-radius:0px !important; margin-top:0px !important; -webkit-border-radius:0px !important; margin-bottom:0px !important; text-align:left !important; padding-right:0px !important; } *#dm .dmInner div.u_716535678 img { object-fit:contain !important; } *#dm .dmInner nav.u_852510121.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { text-transform:uppercase !important; font-size:13px !important; color:var(--color_2) !important; } *#dm .dmInner nav.u_1651602802.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_1651602802.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_1651602802.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.dmNavItemSelected { color:var(--color_1) !important; } *#dm .dmInner nav.u_1651602802.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item:hover { background-image:linear-gradient(90deg,rgba(0,0,0,0) 21%,rgba(0,0,0,0) 100%) !important; background-origin:border-box !important; color:var(--color_1) !important; } *#dm .dmInner nav.u_1651602802.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.hover { background-image:linear-gradient(90deg,rgba(0,0,0,0) 21%,rgba(0,0,0,0) 100%) !important; background-origin:border-box !important; color:var(--color_1) !important; } *#dm .dmInner nav.u_1651602802.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.dmNavItemSelected { background-image:linear-gradient(90deg,rgba(0,0,0,0) 21%,rgba(0,0,0,0) 100%) !important; background-origin:border-box !important; color:var(--color_1) !important; } *#dm .dmInner nav.u_1651602802.main-navigation.unifiednav[data-nav-structure='VERTICAL'] .unifiednav__container:not([data-depth])>.unifiednav__item-wrap::after { border-style:solid !important; border-color:rgb(209,209,209) #000000 #000000 #000000 !important; border-width:0px 0 0 0 !important; align-self:center !important; } *#dm .dmInner nav.u_1651602802.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { font-family:'Public Sans' !important; font-size:12px !important; color:var(--color_5) !important; font-weight:normal !important; text-transform:uppercase !important; justify-content:center !important; font-style:normal !important; } *#dm .dmInner nav.u_1651602802.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:14px !important; color:var(--color_1) !important; } *#dm .dmInner nav.u_1651602802.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:14px !important; color:var(--color_1) !important; } *#dm .dmInner nav.u_1651602802 { color:white !important; justify-content:center !important; } *#dm .dmInner div.u_2373203919 { padding:0 !important; border-radius:0% !important; border-width:0 !important; border-color:rgb(213,172,70) !important; border-style:solid !important; } *#dm .dmInner *.u_2373203919 .svg { width:100% !important; } *#dm .dmInner div.u_2373203919 .svg { fill:var(--color_5) !important; } *#dm .dmInner div.u_2373203919 span[data-icon-mask] { background-color:var(--color_5) !important; } *#dm .dmInner div.u_1106510411 { padding:0 !important; border-radius:0% !important; border-width:0 !important; border-color:rgb(213,172,70) !important; border-style:solid !important; } *#dm .dmInner *.u_1106510411 .svg { width:100% !important; } *#dm .dmInner div.u_1106510411 .svg { fill:var(--color_5) !important; } *#dm .dmInner div.u_1106510411 span[data-icon-mask] { background-color:var(--color_5) !important; } *#dm .dmInner nav.u_1651602802.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-family:"Public Sans" !important; color:rgb(255,255,255) !important; font-weight:400 !important; direction:ltr !important; border-bottom-left-radius:0px !important; padding-top:5px !important; text-decoration:rgb(255,255,255) !important; padding-left:8px !important; font-size:12px !important; padding-bottom:5px !important; border-top-right-radius:0px !important; font-style:normal !important; margin-right:0px !important; border-radius:0px !important; margin-left:0px !important; text-transform:uppercase !important; border-top-left-radius:0px !important; justify-content:center !important; border-bottom-right-radius:0px !important; margin-top:0px !important; -webkit-border-radius:0px !important; margin-bottom:0px !important; text-align:left !important; padding-right:8px !important; } *#dm .dmInner nav.u_2203976291.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-family: Barlow !important; text-transform:uppercase !important; justify-content:center !important; color:rgb(255,255,255) !important; direction:ltr !important; border-bottom-left-radius:0px !important; padding-top:12px !important; font-weight:bold !important; text-decoration:none !important; padding-left:0px !important; font-size:14px !important; padding-bottom:0px !important; border-top-right-radius:0px !important; font-style:normal !important; margin-right:0px !important; border-radius:0px !important; margin-left:0px !important; border-top-left-radius:0px !important; border-bottom-right-radius:0px !important; margin-top:0px !important; -webkit-border-radius:0px !important; margin-bottom:0px !important; text-align:start !important; padding-right:0px !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_1829185203 #footer-logo { width:150px !important; } *#dm .dmInner div.u_1829185203 #footer-widget a { font-size:12px !important; } *#dm .dmInner div.u_1829185203 #footer-credit-line p { font-size:12px !important; } *#dm .dmInner div.u_1829185203 #footer-legal-links { font-size:12px !important; } *#dm .dmInner div.u_1829185203 #footer-copyright p { font-size:12px !important; } *#dm .dmInner *.u_1829185203 #footer-credit-line p { line-height:16px !important; } *#dm .dmInner *.u_1829185203 #footer-legal-links { line-height:16px !important; } *#dm .dmInner *.u_1829185203 #footer-copyright p { line-height:16px !important; } *#dm .dmInner *.u_1829185203 #footer-logo-link { margin-bottom:16px !important; } *#dm .dmInner *.u_1829185203 #footer-credit-line { margin-bottom:8px !important; } *#dm .dmInner div.u_1829185203 #footer-credit-line p { font-size:10px !important; } *#dm .dmInner div.u_1829185203 #footer-legal-links { font-size:10px !important; } *#dm .dmInner div.u_1829185203 #footer-copyright p { font-size:10px !important; } *#dm .dmInner div.u_1829185203 #footer-widget a { font-size:10px !important; } *#dm .dmInner *.u_1829185203 #footer-credit-line p { line-height:12px !important; } *#dm .dmInner *.u_1829185203 #footer-legal-links { margin-bottom:24px !important; line-height:12px !important; } *#dm .dmInner *.u_1829185203 #footer-copyright p { line-height:12px !important; } *#dm .dmInner div.u_1344661892 .socialHubIcon { width:35px !important; height:35px !important; font-size:23px !important; line-height:35px !important; } *#dm .dmInner nav.u_1651602802.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:12px !important; } *#dm .dmInner nav.u_1651602802.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:12px !important; } *#dm .dmInner nav.u_1651602802.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:12px !important; } *#dm .dmInner nav.u_1651602802.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { font-size:11px !important; } } @media (min-width:1025px) { *.stickyHeaderSpacer { height:249.2734375px !important; } *#dm .dmInner div.u_1829185203 #footer-widget a { font-size:12px !important; } *#dm .dmInner div.u_1829185203 #footer-logo { width:200px !important; } *#dm .dmInner *.u_1829185203 #footer-logo-link { margin-bottom:16px !important; } *#dm .dmInner *.u_1829185203 #footer-credit-line { margin-bottom:8px !important; } *#dm .dmInner div.u_1829185203 #footer-credit-line p { font-size:12px !important; } *#dm .dmInner div.u_1829185203 #footer-legal-links { font-size:12px !important; } *#dm .dmInner div.u_1829185203 #footer-copyright p { font-size:12px !important; } *#dm .dmInner *.u_1829185203 #footer-credit-line p { line-height:12px !important; } *#dm .dmInner *.u_1829185203 #footer-legal-links { line-height:12px !important; margin-bottom:24px !important; } *#dm .dmInner *.u_1829185203 #footer-copyright p { line-height:12px !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 div#hamburger-drawer.layout-drawer { background-repeat:repeat !important; background-size:auto !important; } *#dm .dmInner div.u_1829185203 #footer-widget a { font-size:12px !important; } *#dm .dmInner div.u_1829185203 #footer-credit-line p { font-size:12px !important; } *#dm .dmInner div.u_1829185203 #footer-legal-links { font-size:12px !important; } *#dm .dmInner div.u_1829185203 #footer-copyright p { font-size:12px !important; } *#dm .dmInner div.u_1829185203 #footer-logo { width:200px !important; } *#dm .dmInner *.u_1829185203 #footer-credit-line p { line-height:12px !important; } *#dm .dmInner *.u_1829185203 #footer-copyright p { line-height:12px !important; } *#dm .dmInner *.u_1829185203 #footer-credit-line { margin-bottom:8px !important; } *#dm .dmInner *.u_1829185203 #footer-logo-link { margin-bottom:16px !important; } *#dm .dmInner *.u_1829185203 #footer-legal-links { line-height:12px !important; margin-bottom:24px !important; } } @media (min-width:0px) and (max-width:767px) { *#dm .dmInner *#hamburger-drawer.layout-drawer:not([data-origin="top"]) { width:78vw !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content.hamburger-reverse { transform:translate(-78vw,0) !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(78vw,0) !important; } *#dm .dmInner nav.u_2203976291.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:14px !important; } *#dm .dmInner nav.u_2203976291.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:14px !important; } *#dm .dmInner nav.u_2203976291.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:14px !important; } *#dm .dmInner div.u_1097285485 .socialHubIcon { width:30px !important; height:30px !important; font-size:20px !important; line-height:30px !important; } *#dm .dmInner nav.u_438183863.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:12px !important; } *#dm .dmInner nav.u_438183863.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:12px !important; } *#dm .dmInner nav.u_438183863.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:12px !important; } *#dm .dmInner nav.u_438183863.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { font-size:11px !important; } } *#dm .dmInner div.u_1074100117 { } *#dm .dmInner div.u_1074100117 { } @media all { #flex-header[data-changeable-on-scroll][data-scrolling] [data-widget-type="image"] img { width: 66%; } #flex-header { background-color: rgba(0, 0, 0, 0); background-image: initial; box-shadow: none; padding: 0px 0% 0px 0%; margin: 0px 0% 0px 0%; } #flex-header[data-changeable-on-scroll] { --header-on-scroll-text-color: var(--color_5); --header-on-scroll-navigation-links-hover-color: var(--color_1); --header-on-scroll-button-hover-background-color: var(--color_5); --header-on-scroll-button-background-color: var(--color_2); --header-on-scroll-icon-color: var(--color_1); --header-on-scroll-button-color: var(--color_2); --header-on-scroll-button-border-color: var(--color_1); --header-on-scroll-button-hover-color: var(--color_2); } #flex-header[data-changeable-on-scroll][data-scrolling] { padding-top: 0px; padding-bottom: 0px; background-image: none; background-color: var(--color_2); } } @media all { #flex-footer::before, #flex-footer > .bgExtraLayerOverlay { } #flex-footer { background-color: var(--color_2); padding-top: 0px; padding-bottom: 0px; background-image: none; border-style: solid; border-color: var(--color_1) #000000 #000000 #000000; border-width: 4px 0 0 0; box-shadow: none; 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); justify-content: flex-start; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #\36 3a049320d35b55b4ef2a376 { background-image: none; background-color: var(--color_2); } #\36 3a049320d35b55b4ef2a377 { min-height: 45vh; column-gap: 4%; row-gap: 24px; width: 100%; padding-right: 4%; padding-left: 4%; margin: 0% 0% 0% 0%; } #\36 2d6a167a824ca526194d9a5 { background-color: rgba(232, 255, 133, 1); } #\33 143c2cc { width: 100%; height: auto; max-width: 100%; justify-self: auto; align-self: center; order: 3; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\32 48d67af { justify-content: flex-start; align-items: flex-start; width: 50%; min-height: 160px; max-height: 100%; row-gap: 24px; column-gap: 24px; order: 0; justify-self: auto; align-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\30 7dde90c { 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; } #\32 196a648.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget { padding: 10px 7px 10px 7px; } #\32 196a648 { width: 240px; height: auto; min-height: 54px; max-width: 100%; align-self: center; order: 1; margin: 0px 0% 0px 0%; } #\39 483a54c { width: 240px; height: auto; min-height: 54px; max-width: 100%; order: 0; margin: 0px 0% 0px 0.1%; } #\30 4438ffc { flex-direction: row; justify-content: flex-end; align-items: center; width: 100%; min-height: 86px; max-height: 100%; row-gap: 24px; column-gap: 2%; height: auto; flex-wrap: nowrap; order: 0; align-self: auto; justify-self: auto; padding: 0px 0% 0px 0%; margin: 10px 0% 0% 0%; grid-area: auto / auto / auto / auto; } } @media all { #\36 3da2bddeae8da42b2353673 { min-height: 406px; column-gap: 1%; row-gap: 6px; width: 100%; flex-wrap: nowrap; max-width: none; padding: 4% 0% 0% 0%; margin: 0% 0% 0% 0%; } #\36 3da2bf2eae8da42b23538a2 { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; align-items: center; min-width: 4%; background-color: rgba(253, 253, 253, 0); order: 0; background-image: none; padding: 0% 0% 0% 0%; margin: 0% 0% 0% 0%; } #\36 3c7b8b76c596a2813341bc5 { height: auto; } #group_bfp { flex-direction: row; justify-content: flex-start; align-items: flex-start; width: 100%; min-height: 516px; max-height: 100%; row-gap: 24px; column-gap: 0%; height: auto; border-style: solid; border-width: 0px 0 0px 0; border-color: rgba(64, 207, 1, 1) #000000 var(--color_1) #000000; box-shadow: none; padding: 0% 0% 0% 0%; margin: 0% 0% 0% 0%; } #a3b65778 { align-items: center; width: 100.00%; min-height: 513px; max-height: 100%; row-gap: 0px; column-gap: 4%; background-color: rgba(255, 41, 118, 0); background-image: none; height: auto; border-style: solid; border-color: #000000 #000000 #000000 var(--color_1); border-width: 0px 0px 0px 0px; box-shadow: none; border-radius: 0px 0px 0px 0px; padding: 0% 6% 0% 4%; margin: 0% 0% 0% 0%; } #widget_jhf { 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; } #\37 4756fe7.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #\37 4756fe7 { width: 88.71%; height: auto; max-width: 100%; justify-self: auto; align-self: center; order: 4; margin: 5px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #c3cc0b55 { width: auto; height: auto; max-width: 100%; align-self: auto; order: 1; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\35 6dcf0a2 { width: 100%; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 1; margin: -10px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #eb71d7a1.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #eb71d7a1 { 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; } #widget_j5q { width: 91.04%; height: auto; max-width: 100%; align-self: center; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #widget_623 { width: 100.00%; height: auto; max-width: 100%; align-self: center; order: 1; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #widget_rsd { width: 252px; height: auto; max-width: 100%; order: 0; margin: -18px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\33 ad08494.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget { padding-left: 16px; padding-right: 16px; } #\33 ad08494 { width: 240px; height: auto; max-width: 100%; min-height: 54px; justify-self: auto; align-self: auto; order: 2; margin: 12px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #group_dgs { flex-direction: row; justify-content: flex-start; align-items: flex-start; width: 99.92%; min-height: 160px; max-height: 100%; row-gap: 24px; column-gap: 10px; --column-gap: 10px; } #group_831 { justify-content: flex-start; align-items: flex-start; width: 18.26%; min-height: 160px; max-height: 100%; row-gap: 12px; column-gap: 24px; order: 0; justify-self: auto; align-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #group_rbv { align-items: flex-start; width: 25.00%; min-height: 160px; max-height: 100%; row-gap: 24px; column-gap: 24px; order: 2; padding: 16px 16px 16px 16px; margin: 0px 0% 0px 0%; } #b61e7e79 { justify-content: flex-start; align-items: center; width: 32.15%; min-height: 160px; max-height: 100%; row-gap: 10px; column-gap: 24px; order: 3; border-width: 0 0 0 0px; border-color: #000000 #000000 #000000 var(--color_1); border-style: solid; box-shadow: none; padding: 16px 16px 16px 32px; margin: 0px 0% 0px 0%; } #widget_30e.flex-element.widget-wrapper > [data-element-type] { padding: 0px 16px 0px 16px; } #widget_30e { width: 101.13%; height: auto; max-width: 100%; order: 1; align-self: center; margin: 0px 0px 0px 0px; } #\36 3da2bddeae8da42b2353670 { margin: 0px 0% 0px 0%; } #\30 32b0828 { justify-content: flex-start; align-items: flex-start; width: 22.02%; min-height: 160px; max-height: 100%; row-gap: 24px; column-gap: 24px; order: 1; justify-self: auto; align-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\39 dfd95ef { width: 100%; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 3; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\32 c1cda21 { width: auto; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 1; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\36 3da2bddeae8da42b2353672::before, #\36 3da2bddeae8da42b2353672 > .bgExtraLayerOverlay { background-image: linear-gradient(135deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 1) 100%); } #\36 3da2bddeae8da42b2353672 { background-color: var(--color_2); background-image: none; box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 11px 0px; } #\36 13f640f { width: 100.00%; height: 224px; min-height: 100px; max-width: 100%; justify-self: auto; align-self: auto; order: 1; margin: -10px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #a8e5f6e3 { 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; } #fc87126b { width: 100%; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 3; margin: -10px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #widget_ok5 { width: 100%; height: auto; max-width: 100%; order: 2; } #widget_t7d { width: 131px; height: auto; max-width: 100%; order: 3; } #d0bd86e1 { 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; } #group_4th { flex-direction: row; align-items: center; width: 99.88%; min-height: 0px; max-height: 100%; row-gap: 0px; column-gap: 2px; order: 5; --column-gap: 2px; flex-wrap: nowrap; padding: 0px 0px 0px 0px; margin: 0px 0% 0px 0%; } #widget_6g3 { width: 25px; height: auto; max-width: 100%; order: 0; margin-right: 0%; margin-left: 0%; } #\34 6eb376c { flex-direction: row; align-items: center; width: 99.88%; min-height: 0px; max-height: 100%; row-gap: 0px; column-gap: 2px; order: 5; --column-gap: 2px; flex-wrap: nowrap; padding: 0px 0px 0px 0px; margin: 0px 0% 0px 0%; } #\33 02b56b3 { width: 25px; height: auto; max-width: 100%; order: 0; margin-right: 0%; margin-left: 0%; } #\32 d8acd52.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget { padding-left: 16px; padding-right: 16px; } #\32 d8acd52 { width: 240px; height: auto; max-width: 100%; min-height: 54px; justify-self: auto; align-self: auto; order: 2; margin: 12px 0% 0px 0%; grid-area: auto / auto / auto / auto; } } @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 406026c90e1521f6ecb0ecc { min-height: 45vh; column-gap: 4%; row-gap: 24px; width: 100%; padding-right: 4%; padding-left: 4%; margin: 0% 0% 0% 0%; } #widget_s4l { width: 100%; height: auto; max-width: 100%; order: 1; } } @media all { #\39 d047ce9 { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; min-width: 4%; align-items: flex-end; justify-content: flex-end; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #a1f8711f { min-height: 10vh; column-gap: 4%; row-gap: 24px; width: 100%; padding-right: 4%; padding-left: 4%; margin: 0% 0% 0% 0%; } #widget_lb5 { width: 100%; height: 320px; max-width: 100%; order: 0; } #ef8b5b8a { background-image: none; background-color: var(--color_2); } #widget_po5 { width: 100%; height: auto; max-width: 100%; order: 0; align-self: stretch; } #widget_6ub svg { fill: var(--color_1); } #widget_6ub { width: 30px; height: 30px; max-width: 100%; order: 0; } } @media all { #\31 f91626b { flex-direction: row; justify-content: flex-start; align-items: center; width: 18.35%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; justify-self: auto; padding: 6px 16px 6px 16px; margin: 0% 0% 0% 0%; } #\34 435b266 svg { fill: var(--color_1); } #\34 435b266 { width: 30px; height: 30px; max-width: 100%; } #\34 435b266 .hamburgerButton { background-color: rgba(0, 0, 0, 0); background-image: none; } #\31 a50d3f6 { flex-direction: row; align-items: center; width: 63.16%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; justify-self: auto; padding: 6px 16px 6px 16px; margin: 0% 0% 0% 0%; } #\36 2a59f47 { min-height: 8px; column-gap: 4%; row-gap: 24px; flex-direction: row; width: 25%; justify-content: flex-end; align-items: center; min-width: 4%; justify-self: auto; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #a52f6880 { min-height: 103px; column-gap: 0%; row-gap: 0px; width: 100%; max-width: none; flex-wrap: nowrap; justify-content: space-between; padding: 10px 4% 10px 4%; margin: 0% 0% 0% 0%; } #a954923e { width: 304px; height: auto; max-width: 100%; justify-self: auto; align-self: center; order: 0; grid-area: auto / auto / auto / auto; } #e9cc6c7f { margin: 0px 0% 0px 0%; } #\35 04f9042 { background-color: rgba(0, 0, 0, 0); background-image: none; border-radius: 0px 0px 0px 0px; border-width: 0px 0px 0px 0px; border-color: var(--color_5) var(--color_5) rgba(147, 147, 147, 1) var(--color_5); border-style: solid; } #group_tj1 { flex-direction: row; justify-content: flex-end; align-items: center; width: 15.93%; min-height: 85px; justify-self: auto; height: auto; align-self: center; } #widget_71g { width: 60px; height: auto; max-width: 100%; } #widget_tck { width: 100.00%; height: auto; max-width: 100%; order: 0; align-self: stretch; } #\30 61372e8 { width: 240px; height: auto; min-height: 54px; max-width: 100%; order: 0; justify-self: auto; align-self: auto; margin: 0px 0% 0px 0.1%; grid-area: auto / auto / auto / auto; } } @media all { #\36 584049c { min-height: 240px; column-gap: 4%; row-gap: 24px; max-width: none; width: 100%; flex-wrap: nowrap; padding-left: 0%; padding-bottom: 0%; padding-right: 0%; padding-top: 0%; margin-right: 0%; margin-top: 0%; margin-left: 0%; margin-bottom: 0%; } #c594b7c0 { grid-template-rows: minmax(300px, max-content); width: 100%; max-width: 100%; } #\34 7b38821 { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; min-width: 4%; padding-left: 0%; padding-bottom: 0%; padding-right: 0%; padding-top: 0%; margin-right: 0%; margin-top: 0%; margin-left: 0%; margin-bottom: 0%; } } @media all { #c8c2363d { min-height: 8px; column-gap: 4%; row-gap: 10px; width: 100%; justify-content: flex-start; align-items: center; min-width: 4%; flex-wrap: nowrap; padding: 0% 0% 0% 0%; margin: 0% 0% 0% 0%; } #\31 14386fc { margin: 0px 0% 0px 0%; } #dc18b1d8 { background-color: var(--color_2); background-image: none; box-shadow: none; border-width: 0px 0px 0px 0px; border-color: var(--color_1) var(--color_1) var(--color_1) var(--color_1); border-style: solid; } #e6a4c8de { min-height: 182px; column-gap: 0%; row-gap: 0px; width: 100%; flex-wrap: nowrap; padding: 24px 4% 20px 4%; margin: 0% 0% 0% 0%; } #\32 4f5c5db { width: 1360px; height: auto; max-width: 100%; order: 0; align-self: auto; justify-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } } @media all { #fab6c886 { min-height: 8px; column-gap: 4%; row-gap: 24px; flex-direction: row; width: 30.65%; justify-content: flex-start; align-items: center; min-width: 4%; order: 1; justify-self: auto; align-self: auto; padding: 5px 16px 5px 16px; margin: 0px 0% 0px 0%; } #\39 b2a8607 { min-height: 27px; column-gap: 0%; row-gap: 0px; width: 100%; padding-left: 2%; padding-right: 2%; max-width: none; flex-wrap: nowrap; justify-content: center; align-content: center; } #\30 c9c96e1 { min-height: 8px; column-gap: 4%; row-gap: 24px; flex-direction: row; width: 35.99%; justify-content: flex-start; align-items: center; min-width: 4%; order: 2; justify-self: auto; align-self: auto; padding: 5px 16px 5px 16px; margin: 0px 0% 0px 0%; } #b0dd5056.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #b0dd5056 { width: 477px; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\32 74ec537[data-background-color-animation] { --bg-start: var(--color_1); --bg-end: var(--color_2); } #\32 74ec537 { background-color: var(--color_1); background-image: none; box-shadow: none; } #group_ekh { flex-direction: row; justify-content: flex-start; align-items: center; align-self: auto; width: 33.3%; min-height: 8px; order: 0; justify-self: auto; } #widget_jpg { width: 100%; height: auto; max-width: 100%; } #a03e9ffc { 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 { #f846bf41 { min-height: 240px; flex-wrap: nowrap; column-gap: 0%; row-gap: 0px; max-width: none; width: 100%; padding: 0% 0% 0% 0%; margin: 0px 0% 0px 0%; grid-area: 1 / 1 / span 1 / span 1; } #\37 ceaf082 { margin: 0px 0% 0px 0%; } #\31 ef64e4e::before, #\31 ef64e4e > .bgExtraLayerOverlay { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: var(--color_3); opacity: 0.8; border-radius: inherit; } #\31 ef64e4e { justify-content: flex-start; width: 50%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; border-style: solid; border-color: rgba(0, 0, 0, 1) var(--color_1) rgba(0, 0, 0, 1) rgba(0, 0, 0, 1); border-width: 0px 1px 0px 0px; background-image: url("https://irp.cdn-website.com/489c3fc2/dms3rep/multi/opt/b-1920w.png"); background-position: 100% 100%; background-repeat: repeat; background-size: auto; padding: 5% 3% 5% 5%; margin: 0% 0% 0% 0%; } #\33 32463e7 { width: 71.13%; height: auto; max-width: 100%; align-self: auto; order: 1; grid-area: auto / auto / auto / auto; } #c7995d0f { background-color: var(--color_3); background-image: url(); border-style: solid; border-color: rgba(0, 0, 0, 1) rgba(0, 0, 0, 1) rgba(0, 0, 0, 1) rgba(0, 0, 0, 1); border-width: 0px 0px 0px 0px; } #\36 14e88be::before, #\36 14e88be > .bgExtraLayerOverlay { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: var(--color_2); opacity: 0.8; border-radius: inherit; } #\36 14e88be { width: 50%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; background-color: rgba(0, 0, 0, 0); background-image: url("https://irp.cdn-website.com/489c3fc2/dms3rep/multi/opt/SealCoat-15-a290b02c-1920w.webp"); border-style: solid; border-color: rgba(0, 0, 0, 1) rgba(0, 0, 0, 1) rgba(0, 0, 0, 1) rgba(0, 0, 0, 1); border-width: 0px 0px 0px 0px; box-shadow: none; align-items: center; align-content: center; padding: 5% 5% 5% 5%; margin: 0% 0% 0% 0%; } #\33 23922a3 { width: 71.13%; height: auto; max-width: 100%; align-self: auto; order: 1; grid-area: auto / auto / auto / auto; } #\30 c929356 { width: 71.13%; height: auto; max-width: 100%; align-self: auto; order: 1; grid-area: auto / auto / auto / auto; } #\36 d7af8be { width: 71.13%; height: auto; max-width: 100%; align-self: auto; order: 1; grid-area: auto / auto / auto / auto; } #\39 9381a8f { width: 71.13%; height: auto; max-width: 100%; align-self: auto; order: 1; grid-area: auto / auto / auto / auto; } #\34 60ca8e0 { width: 71.13%; height: auto; max-width: 100%; align-self: auto; order: 1; grid-area: auto / auto / auto / auto; } #e0cbef94 { width: 71.13%; height: auto; max-width: 100%; align-self: auto; order: 1; grid-area: auto / auto / auto / auto; } #\39 2b3d902.flex-element.widget-wrapper > [data-element-type] { padding-top: 0px; padding-bottom: 0px; } #\39 2b3d902 { width: 62.71%; height: auto; max-width: 100%; order: 1; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\37 ffc3848.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #\37 ffc3848 { width: 100%; height: auto; max-width: 100%; order: 0; justify-self: auto; align-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\39 57e8a6a.flex-element.widget-wrapper > [data-element-type] { padding: 7px 15px 7px 15px; } #\39 57e8a6a { width: auto; height: auto; max-width: 100%; order: 1; align-self: auto; justify-self: auto; margin: -1px 0px 7px 0px; grid-area: auto / auto / auto / auto; } } @media all { #\37 40b2a1d { min-height: 80px; column-gap: 0%; row-gap: 0px; width: 100%; padding: 2% 2% 2% 2%; } #e204ec22 { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; justify-content: flex-start; align-items: center; min-width: 4%; flex-wrap: nowrap; padding: 16px 16px 16px 16px; } #d04abcdc { border-width: 1px 0 1px 0; border-color: rgba(255, 255, 255, 0.35) #000000 rgba(255,255,255,0.35) #000000; border-style: solid; } #\38 0ab9894 { 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 2913d6d { width: 100.00%; height: auto; max-width: 100%; align-self: auto; order: 1; justify-self: auto; margin: -27px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\35 bb8f92c { margin: 0px 0% 0px 0%; } #\39 a9a7eff { width: 99.9996035285955%; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 2; margin: -22px 0% 0px 0%; grid-area: auto / auto / auto / auto; } } @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[data-changeable-on-scroll][data-scrolling] [data-widget-type="image"] img { width: 95%; } #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; padding-top: 16px; align-items: center; } #\36 3a049320d35b55b4ef2a377 { padding: 4% 4% 4% 4%; } #\30 4438ffc { column-gap: 2%; flex-direction: column; flex-wrap: nowrap; row-gap: 10px; } #\39 483a54c { margin-right: 0%; margin-left: 0%; width: 100%; } #\32 196a648 { margin-right: 0%; margin-left: 0%; width: 100%; } #\32 48d67af { align-items: center; justify-content: center; width: 100.00%; min-height: 0px; } #\30 7dde90c { width: 100.00%; } } @media (min-width: 768px) and (max-width: 1024px) { #\36 3da2bf2eae8da42b23538a2 { order: 1; align-items: center; width: 100%; min-height: 80px; height: auto; margin: 0% 0% 0% 0%; } #\36 3da2bddeae8da42b2353673 { flex-direction: column; flex-wrap: nowrap; min-height: 0; column-gap: 1%; } #group_bfp { flex-direction: column; flex-wrap: nowrap; width: 100%; justify-content: center; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #a3b65778 { width: 100%; height: auto; min-height: 307px; align-items: flex-start; justify-content: center; padding-top: 20px; padding-bottom: 20px; column-gap: 4%; flex-direction: column; flex-wrap: nowrap; margin: 0px 0% 0px 0%; } #group_dgs { margin-right: 0%; margin-left: 0%; width: 100%; column-gap: 1.520190023752969%; flex-direction: row; flex-wrap: wrap; align-content: center; } #group_831 { margin-right: 0%; margin-left: 0%; width: 49.24%; } #group_rbv { margin-right: 0%; margin-left: 0%; width: 49.24%; } #\30 32b0828 { margin-right: 0%; margin-left: 0%; width: 49.24%; } #b61e7e79 { margin-right: 0%; margin-left: 0%; width: 49.24%; } #\36 13f640f { margin-right: 0%; margin-left: 0%; width: 100.00%; height: 328px; margin-top: 0px; } #c3cc0b55 { width: auto; } } @media (min-width: 768px) and (max-width: 1024px) { #\36 406026c90e1521f6ecb0ecc { padding: 4% 4% 4% 4%; } #\36 406026c90e1521f6ecb0ecd { justify-content: flex-end; padding-bottom: 16px; } } @media (min-width: 768px) and (max-width: 1024px) { #a1f8711f { padding-left: 4%; padding-right: 4%; padding-bottom: 4%; } #\39 d047ce9 { padding-bottom: 6px; flex-direction: column; justify-content: space-between; column-gap: 4%; flex-wrap: nowrap; } #widget_lb5 { width: 100%; height: 90px; align-self: auto; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #widget_6ub { align-self: flex-start; margin-left: 0px; margin-right: 0px; } } @media (min-width: 768px) and (max-width: 1024px) { #\31 f91626b { width: 34.64%; margin-left: -0.0011659701492537314%; justify-content: flex-start; order: 0; min-height: 8px; } #\34 435b266 { justify-self: auto; align-self: auto; order: 0; width: 41px; height: 56px; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\31 a50d3f6 { width: 33.3%; order: 1; justify-content: flex-end; padding-right: 50px; min-height: 8px; } #\36 2a59f47 { order: 3; width: 11.35%; min-height: 8px; } #a52f6880 { padding-left: 2%; padding-right: 2%; flex-direction: row; flex-wrap: nowrap; min-height: 100px; } #a954923e { width: 206px; height: auto; } #group_tj1 { order: 2; width: 53.95%; min-height: 8px; justify-content: flex-end; } } @media (min-width: 768px) and (max-width: 1024px) { #\36 584049c { padding-left: 2%; padding-right: 2%; } } @media (min-width: 768px) and (max-width: 1024px) { #e6a4c8de { padding-left: 4%; padding-right: 4%; } } @media (min-width: 768px) and (max-width: 1024px) { #\39 b2a8607 { padding-left: 4%; padding-right: 4%; } } @media (min-width: 768px) and (max-width: 1024px) { #f846bf41 { flex-direction: row; min-height: 240px; flex-wrap: nowrap; row-gap: 0px; column-gap: 0%; padding: 0% 0% 0% 0%; } #\37 ceaf082 { margin-left: 0%; margin-right: 0%; } #\31 ef64e4e { order: 0; width: 50%; min-height: 8px; } #\33 32463e7 { width: 100%; } #\36 14e88be { order: 4; width: 50%; min-height: 8px; } #\33 23922a3 { width: 100%; } #\30 c929356 { width: 100%; } #\36 d7af8be { width: 100%; } #\39 9381a8f { width: 100%; } #\34 60ca8e0 { width: 100%; } #e0cbef94 { width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { #\37 40b2a1d { padding-left: 4%; padding-right: 4%; } } @media (max-width: 767px) { } @media (max-width: 767px) { #f846bf41 { grid-area: 1 / 1 / span 1 / span 1; } #c7995d0f { grid-template-rows: minmax(8px, max-content); } } @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: 0px; justify-content: center; width: 100%; height: auto; row-gap: 20px; justify-self: auto; padding: 0px 16px 0px 16px; margin: 0% 0% 0% 0%; } #\36 3a049320d35b55b4ef2a377 { min-height: unset; flex-direction: column; row-gap: 0px; justify-content: center; padding: 15px 4% 15px 4%; } #\32 48d67af { width: 100%; min-height: 0px; padding: 12px 16px 12px 16px; margin: 0px 0% 0px 0%; } #\32 196a648 { margin: 0px 0% 0px 0%; } #\39 483a54c { margin: 0px 0% 0px 0%; } #\30 4438ffc { width: 100.00%; flex-direction: column; flex-wrap: nowrap; row-gap: 10px; align-self: flex-start; padding: 0px 0% 0px 0%; margin: 10px 0px 0% 0px; } #\33 143c2cc { margin-top: -12px; } #\36 3a049320d35b55b4ef2a373 { margin: 0px 0% 0px 0%; } } @media (max-width: 767px) { #\36 3da2bddeae8da42b2353673 { min-height: 0; flex-direction: column; row-gap: 0px; flex-wrap: nowrap; } #\36 3da2bf2eae8da42b23538a2 { width: 100%; min-height: 80px; align-self: auto; order: 1; } #group_bfp { flex-direction: column; flex-wrap: nowrap; row-gap: 0px; } #a3b65778 { width: 100%; padding-top: 20px; padding-bottom: 20px; margin: 0px 0% 0px 0%; } #\36 3da2bddeae8da42b2353670 { margin: 0px 0% 0px 0%; } #group_dgs { column-gap: 2.793296089385475%; flex-direction: column; flex-wrap: nowrap; padding: 16px 0px 16px 0px; margin: 0px 0% 0px 0%; } #group_831 { margin-right: 0%; margin-left: 0%; width: 100%; order: 1; } #group_rbv { width: 100%; order: 2; padding: 16px 12px 16px 12px; margin: 0px 0% 0px 0%; } #\30 32b0828 { width: 100%; order: 3; padding: 16px 12px 16px 12px; margin: 0px 0% 0px 0%; } #b61e7e79 { width: 100%; order: 0; justify-self: auto; align-self: auto; padding: 16px 12px 16px 12px; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #widget_rsd { width: 204px; height: auto; } #\36 13f640f { height: 210px; margin-top: 0px; width: 100.00%; } #widget_30e.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #widget_30e { width: 100.00%; margin: 0px 0px 0px 0px; } #widget_t7d { align-self: center; margin-left: 0px; margin-right: 0px; } #c3cc0b55 { width: auto; } } @media (max-width: 767px) { #\36 406026c90e1521f6ecb0ecd { min-height: 45vh; justify-content: center; padding-bottom: 16px; width: 100%; height: auto; } #\36 406026c90e1521f6ecb0ecc { min-height: unset; flex-direction: column; padding: 4% 4% 4% 4%; } #widget_s4l { margin-left: 0px; margin-right: 0px; } } @media (max-width: 767px) { #\39 d047ce9 { width: 100%; min-height: 10vh; height: auto; row-gap: 20px; padding: 40px 16px 6px 16px; margin: 0% 0% 0% 0%; } #a1f8711f { min-height: unset; flex-direction: column; row-gap: 0px; padding: 4% 4% 4% 4%; } #widget_lb5 { height: 88px; width: 85.89%; align-self: center; margin-left: 0px; margin-right: 0px; margin-top: -12px; order: 1; } #f6054f97 { margin: 0px 0% 0px 0%; } #widget_po5 { margin-top: -14px; order: 3; } #widget_6ub { order: 0; } } @media (max-width: 767px) { #\31 f91626b { width: 58.14%; justify-content: center; order: 1; min-height: 8px; padding: 6px 0px 6px 0px; margin: 0% 0% 0% 0%; } #\31 a50d3f6 { width: 19.92%; order: 0; min-height: 8px; justify-content: space-around; padding: 0px 0px 0px 0px; } #\36 2a59f47 { align-items: center; width: 21.87%; order: 2; min-height: 8px; } #a52f6880 { min-height: 75px; flex-direction: row; flex-wrap: nowrap; padding: 5px 2% 5px 2%; } #a954923e { width: 200px; height: auto; } #group_tj1 { order: 3; width: 33.29%; min-height: 8px; } #widget_71g { width: 40px; height: auto; margin-left: 2px; } #\30 61372e8 { width: 276px; margin: 0px 0% 0px 0%; } #\34 435b266 { width: 38px; height: 38px; } #e9cc6c7f { margin: 0px 0% 0px 0%; } } @media (max-width: 767px) { #\36 584049c { min-height: 0; flex-direction: column; padding-left: 4%; padding-right: 4%; flex-wrap: nowrap; } #\34 7b38821 { width: 100%; min-height: 80px; align-items: center; } } @media (max-width: 767px) { #c8c2363d { width: 100%; align-items: center; min-height: 8px; } #\31 14386fc { margin: 0px 0% 0px 0%; } #e6a4c8de { flex-direction: row; flex-wrap: nowrap; min-height: 206px; padding: 10px 20px 10px 20px; } } @media (max-width: 767px) { #fab6c886 { width: 50%; align-items: center; min-height: 8px; justify-content: center; } #\39 b2a8607 { flex-direction: row; padding-left: 4%; padding-right: 4%; flex-wrap: nowrap; min-height: 26px; } #\30 c9c96e1 { width: 33.3%; align-items: center; min-height: 8px; } #group_ekh { width: 50%; min-height: 8px; } #a03e9ffc { width: 79.75%; align-self: center; margin-bottom: 0px; margin-top: 0px; margin-left: 0.4%; } } @media (max-width: 767px) { #f846bf41 { flex-direction: column; min-height: 0; flex-wrap: nowrap; row-gap: 0px; column-gap: 0%; padding: 0px 0px 0px 0px; } #\31 ef64e4e { width: 100%; min-height: 80px; align-items: center; } #\33 32463e7 { width: 100%; } #\36 14e88be { width: 100%; min-height: 80px; align-items: center; } #\33 23922a3 { width: 100%; } #\30 c929356 { width: 100%; } #\36 d7af8be { width: 100%; } #\39 9381a8f { width: 100%; } #\34 60ca8e0 { width: 100%; } #e0cbef94 { width: 100%; } #\39 2b3d902 { width: 87.03%; } #\39 57e8a6a.flex-element.widget-wrapper > [data-element-type] { padding: 7px 15px 7px 15px; } #\39 57e8a6a { align-self: center; width: 256px; margin: -1px 0px 0px 0px; } } @media (max-width: 767px) { #\37 40b2a1d { flex-direction: row; padding-left: 4%; padding-right: 4%; min-height: 80px; } #e204ec22 { width: 100%; align-items: center; } }