/* ==================================================================== */ /* System Style Definitions */ /* ==================================================================== */ @media all { *#dm div.dmContent h1, *#dm div.dmFooter h1 { color:rgb(102,102,102); } *#dm div.dmRespCol>* { line-height:1.5; } *.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: "Inter Tight", "Inter Tight Fallback"; color:var(--color_1); font-weight:500; } *#dm div.dmContent h1, *#dm div.dmFooter h1, *#dm div.p_hfcontainer h1, *#dm div.flex_hfcontainer h1, *#dm div.dm-title h1 { color:var(--color_1); direction:ltr; font-family: "Inter Tight", "Inter Tight Fallback"; font-weight:700; font-style:normal; text-decoration:none; letter-spacing:-0.05em; text-transform:none; } *#dm div.dmContent .dmNewParagraph[data-version] h1, *#dm div.dmFooter .dmNewParagraph[data-version] h1, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1, *#dm div.dm-title .dmNewParagraph[data-version] h1 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h1 *, *#dm div.dmFooter .dmNewParagraph[data-version] h1 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1 *, *#dm div.dm-title .dmNewParagraph[data-version] h1 * { text-decoration:none; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { color:var(--color_1); direction:ltr; font-family: "Inter Tight", "Inter Tight Fallback"; font-weight:400; font-style:normal; text-decoration:none; line-height:1.5; } *#dm div.dmNewParagraph a, *#dm .dmNewParagraph a, *#dm div.dmBlockElement a, *#dm .dmBlockElement a, *#dm .dmform a.fileUploadLink, .dmPrettyList .link:not(.dmWidget), *#dm .dmGeoLocation a.dmGeoSVSeeAll, *#dm .dmGeoLocation a.dmGeoSVGoToPage, *#dm .postDescription a, *#dm .blog-post-component a, *#dm .timeline-post a, *#dm .rteBlock a, .newPhotoGallery .photoGalleryViewAll.link, .dmTable a, *#dm .ecwid .ec-link:not(.breadcrumbs__link), .dmSignup a:not(.social-link) { color:var(--color_4); } *#dm div.dmContent h2, *#dm div.dmFooter h2, *#dm div.p_hfcontainer h2, *#dm div.flex_hfcontainer h2, *#dm div.dm-title h2 { color:var(--color_1); direction:ltr; font-family: "Inter Tight", "Inter Tight Fallback"; font-weight:700; font-style:normal; text-decoration:none; letter-spacing:-0.05em; } *#dm div.dmContent .dmNewParagraph[data-version] h2, *#dm div.dmFooter .dmNewParagraph[data-version] h2, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2, *#dm div.dm-title .dmNewParagraph[data-version] h2 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h2 *, *#dm div.dmFooter .dmNewParagraph[data-version] h2 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2 *, *#dm div.dm-title .dmNewParagraph[data-version] h2 * { text-decoration:none; } *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.p_hfcontainer h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { color:var(--color_1); direction:ltr; font-family: "Inter Tight", "Inter Tight Fallback"; font-weight:500; font-style:normal; text-decoration:none; letter-spacing:initial; } *#dm div.dmContent .dmNewParagraph[data-version] h3, *#dm div.dmFooter .dmNewParagraph[data-version] h3, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3, *#dm div.dm-title .dmNewParagraph[data-version] h3 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h3 *, *#dm div.dmFooter .dmNewParagraph[data-version] h3 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3 *, *#dm div.dm-title .dmNewParagraph[data-version] h3 * { text-decoration:none; } *#dm div.dmContent h4, *#dm div.dmFooter h4, *#dm div.p_hfcontainer h4, *#dm div.flex_hfcontainer h4, *#dm div.dm-title h4 { color:var(--color_1); direction:ltr; font-family: "Inter Tight", "Inter Tight Fallback"; font-weight:500; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h4, *#dm div.dmFooter .dmNewParagraph[data-version] h4, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h4, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h4, *#dm div.dm-title .dmNewParagraph[data-version] h4 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h4 *, *#dm div.dmFooter .dmNewParagraph[data-version] h4 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h4 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h4 *, *#dm div.dm-title .dmNewParagraph[data-version] h4 * { text-decoration:none; } *#dm div.dmContent h5, *#dm div.dmFooter h5, *#dm div.p_hfcontainer h5, *#dm div.flex_hfcontainer h5, *#dm div.dm-title h5 { color:var(--color_1); direction:ltr; font-family: "Inter Tight", "Inter Tight Fallback"; font-weight:500; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h5, *#dm div.dmFooter .dmNewParagraph[data-version] h5, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h5, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h5, *#dm div.dm-title .dmNewParagraph[data-version] h5 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h5 *, *#dm div.dmFooter .dmNewParagraph[data-version] h5 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h5 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h5 *, *#dm div.dm-title .dmNewParagraph[data-version] h5 * { text-decoration:none; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.p_hfcontainer h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { color:var(--color_1); direction:ltr; font-family: "Inter Tight", "Inter Tight Fallback"; font-weight:400; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h6, *#dm div.dmFooter .dmNewParagraph[data-version] h6, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h6, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h6, *#dm div.dm-title .dmNewParagraph[data-version] h6 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h6 *, *#dm div.dmFooter .dmNewParagraph[data-version] h6 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h6 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h6 *, *#dm div.dm-title .dmNewParagraph[data-version] h6 * { text-decoration:none; } } @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; } #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:16px; } #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:148px; line-height:0.8; } *#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:48px; line-height:1.1; } *#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:32px; line-height:1.1; } *#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; line-height:1.5; } *#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:12px; line-height:1.5; } *#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:12px; line-height:1.5; } } @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:12px; } #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:110px; } *#dm div.dmContent h2, *#dm div.dmFooter h2, *#dm div.p_hfcontainer h2, *#dm div.flex_hfcontainer h2, *#dm div.dm-title h2 { font-size:32px; } *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.p_hfcontainer h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:24px; } *#dm div.dmContent h4, *#dm div.dmFooter h4, *#dm div.p_hfcontainer h4, *#dm div.flex_hfcontainer h4, *#dm div.dm-title h4 { font-size: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:12px; } } @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:15px; } *#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:28px; } *#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:18px; } *#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:16px; } *#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:12px; } *#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:12px; } } /* Shimmer effect for the Contact Us button */ #1090676253 { position: relative; overflow: hidden; background: linear-gradient(to right, #00bfff, #007acc); color: white !important; } a#1090676253.dmButtonLink { position: relative; overflow: hidden; background: linear-gradient(to right, #00bfff, #007acc) !important; color: white !important; } #1090676253 span.text { position: relative; z-index: 2; } @keyframes shimmer { 0% { left: -75%; } 100% { left: 125%; } } /* SHIMMER EFFECT FOR BUTTONS */ .shimmer-button { position: relative; overflow: hidden; background: linear-gradient(to right, #00bfff, #007acc) !important; color: white !important; border-radius: 999px; padding: 12px 24px; display: inline-block; transition: transform 0.3s ease; text-align: center; } .shimmer-button:hover { transform: scale(1.05); } .shimmer-button::before { content: ""; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient( 120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100% ); animation: shimmer 2.5s infinite; z-index: 1; } .shimmer-button span.text { position: relative; z-index: 2; } @keyframes shimmer { 0% { left: -75%; } 100% { left: 125%; } } /* Contact form section background with pattern */ html body *#dm *.dmBody .contact-section { background: linear-gradient(135deg, #081A36 0%, #0D234A 100%) !important; background-image: url('https://www.transparenttextures.com/patterns/asfalt-dark.png') !important; padding: 50px 20px; border-radius: 12px; } /* Form title styling */ html body *#dm *.dmBody .contact-section h2, html body *#dm *.dmBody .contact-section h3 { font-size: 2rem !important; font-weight: 700 !important; text-align: center; color: #ffffff !important; margin-bottom: 25px; } /* Input fields */ html body *#dm *.dmBody .contact-section input, html body *#dm *.dmBody .contact-section textarea { border: none !important; border-radius: 8px !important; padding: 14px !important; font-size: 1rem !important; background: rgba(255, 255, 255, 0.9) !important; color: #000 !important; box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important; transition: all 0.2s ease-in-out !important; } html body *#dm *.dmBody .contact-section input:focus, html body *#dm *.dmBody .contact-section textarea:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(0, 140, 255, 0.3) !important; } /* Modern gradient button */ html body *#dm *.dmBody .contact-section button, html body *#dm *.dmBody .contact-section input[type="submit"] { background: linear-gradient(90deg, #ff6a00, #ff8c42) !important; color: #fff !important; font-size: 1.1rem !important; font-weight: bold !important; padding: 14px 28px !important; border-radius: 30px !important; border: none !important; cursor: pointer !important; transition: all 0.25s ease-in-out !important; box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important; } html body *#dm *.dmBody .contact-section button:hover, html body *#dm *.dmBody .contact-section input[type="submit"]:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,0.25) !important; } /* Contact form section background */ html body *#dm *.dmBody .contact-section { background: linear-gradient(135deg, #081A36 0%, #0D234A 100%) !important; padding: 50px 20px; border-radius: 12px; } /* Form title styling */ html body *#dm *.dmBody .contact-section h2, html body *#dm *.dmBody .contact-section h3 { font-size: 2rem !important; font-weight: 700 !important; text-align: center; color: #ffffff !important; margin-bottom: 25px; } /* Input fields */ html body *#dm *.dmBody .contact-section input, html body *#dm *.dmBody .contact-section textarea { border: none !important; border-radius: 8px !important; padding: 14px !important; font-size: 1rem !important; background: rgba(255, 255, 255, 0.9) !important; color: #000 !important; box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important; transition: all 0.2s ease-in-out !important; } html body *#dm *.dmBody .contact-section input:focus, html body *#dm *.dmBody .contact-section textarea:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(0, 140, 255, 0.3) !important; } /* Modern gradient button */ html body *#dm *.dmBody .contact-section button, html body *#dm *.dmBody .contact-section input[type="submit"] { background: linear-gradient(90deg, #ff6a00, #ff8c42) !important; color: #fff !important; font-size: 1.1rem !important; font-weight: bold !important; padding: 14px 28px !important; border-radius: 30px !important; border: none !important; cursor: pointer !important; transition: all 0.25s ease-in-out !important; box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important; } html body *#dm *.dmBody .contact-section button:hover, html body *#dm *.dmBody .contact-section input[type="submit"]:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,0.25) !important; } /* ===== Contact section background stays dark and subtle */ *#dm .dmBody .contact-section{ background: linear-gradient(135deg, #081A36 0%, #0D234A 100%) !important; padding: 56px 20px !important; color: #eaf2ff !important; } /* ===== Card that holds the form */ *#dm .dmBody .contact-section .contact-card, *#dm .dmBody .contact-section .dmformcontainer { max-width: 980px; margin: 0 auto !important; padding: 28px 26px !important; background: rgba(9, 22, 44, 0.6) !important; /* translucent panel */ border-radius: 18px !important; box-shadow: 0 18px 42px rgba(5,17,38,.45), 0 0 0 1px rgba(255,255,255,.06); backdrop-filter: blur(6px); } /* Title */ *#dm .dmBody .contact-section h2, *#dm .dmBody .contact-section h3{ text-align: center !important; font-weight: 800 !important; letter-spacing: .2px; margin: 0 0 18px !important; color: #fff !important; } /* Labels & asterisks */ *#dm .dmBody .contact-section label{ color: #dfe8ff !important; font-weight: 700 !important; margin-bottom: 6px !important; } *#dm .dmBody .contact-section .required{ color:#78e1ff !important; } /* Inputs */ *#dm .dmBody .contact-section input[type="text"], *#dm .dmBody .contact-section input[type="email"], *#dm .dmBody .contact-section input[type="tel"], *#dm .dmBody .contact-section textarea{ background: #ffffff !important; color: #0b1f3a !important; border: none !important; border-radius: 12px !important; padding: 14px 16px !important; font-size: 16px !important; line-height: 1.45 !important; box-shadow: 0 2px 10px rgba(0,0,0,.15) !important; transition: box-shadow .2s ease, transform .08s ease !important; } *#dm .dmBody .contact-section textarea{ min-height: 140px; } /* Focus */ *#dm .dmBody .contact-section input:focus, *#dm .dmBody .contact-section textarea:focus{ outline: none !important; box-shadow: 0 0 0 3px rgba(64,206,255,.28), 0 10px 24px rgba(0,0,0,.22) !important; } /* Grid: two columns on desktop, single on mobile */ @media (min-width: 980px){ *#dm .dmBody .contact-section .dmform .dmformrow, *#dm .dmBody .contact-section .dmformwrapper .dmformrow{ display: grid !important; grid-template-columns: 1fr 1fr; gap: 16px 18px; } /* make Phone/Company on same row, Message spans both */ *#dm .dmBody .contact-section textarea{ grid-column: 1 / -1; } } /* Kill any template borders */ *#dm .dmBody .contact-section .dmformwrapper, *#dm .dmBody .contact-section .dmformcontainer{ border:0 !important; background:transparent !important; } /* CTA button – matches pricing cards */ *#dm .dmBody .contact-section input[type="submit"], *#dm .dmBody .contact-section button[type="submit"], *#dm .dmBody .contact-section .dmform .dmSubmit{ appearance: none; background: linear-gradient(135deg, #ff7a18, #ff3d00) !important; color:#fff !important; border:0 !important; border-radius: 999px !important; padding: 16px 28px !important; font-weight: 800 !important; font-size: 18px !important; letter-spacing: .2px; width: 100%; max-width: 260px; margin: 18px auto 4px !important; display: block; box-shadow: 0 12px 22px rgba(255,77,0,.30) !important; transition: transform .15s ease, box-shadow .15s ease !important; text-transform: none !important; text-decoration: none !important; } *#dm .dmBody .contact-section input[type="submit"]:hover, *#dm .dmBody .contact-section button[type="submit"]:hover* /* Fix vertical centering of form button text */ *#dm .dmBody .contact-section input[type="submit"], *#dm .dmBody .contact-section button[type="submit"], *#dm .dmBody .contact-section .dmform .dmSubmit { line-height: normal !important; height: auto !important; padding-top: 14px !important; padding-bottom: 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* ===== Fix Duda form submit button alignment/underline ===== */ *#dm .dmBody .dmform .dmSubmit, *#dm .dmBody .dmform .dmButton, *#dm .dmBody .dmform .dmSubmit .dmButton, *#dm .dmBody .dmform .dmSubmit .dmButton a, *#dm .dmBody .dmform .dmSubmit .dmButton a .text, *#dm .dmBody .dmform .dmSubmit a, *#dm .dmBody .dmform input[type="submit"], *#dm .dmBody .dmform button[type="submit"]{ /* kill theme defaults */ text-decoration: none !important; line-height: normal !important; border: 0 !important; background: none !important; box-shadow: none !important; position: static !important; transform: none !important; } /* Container behaves like a real button */ *#dm .dmBody .dmform .dmSubmit{ display: flex !important; justify-content: center !important; align-items: center !important; } /* The clickable element (anchor OR input) */ *#dm .dmBody .dmform .dmSubmit a, *#dm .dmBody .dmform .dmSubmit .dmButton a.dmButtonLink, *#dm .dmBody .dmform input[type="submit"], *#dm .dmBody .dmform button[type="submit"]{ display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 50px !important; padding: 0 26px !important; border-radius: 999px !important; text-decoration: none !important; color: #fff !important; font-weight: 800 !important; font-size: 18px !important; letter-spacing: .2px; cursor: pointer !important; /* your orange gradient button */ background: linear-gradient(135deg, #ff7a18, #ff3d00) !important; box-shadow: 0 12px 22px rgba(255,77,0,.30) !important; } /* If theme nests a .text span inside the anchor */ *#dm .dmBody .dmform .dmSubmit a .text{ display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 100% !important; padding: 0 !important; color: #fff !important; text-decoration: none !important; } /* Hover */ *#dm .dmBody .dmform .dmSubmit a:hover, *#dm .dmBody .dmform input[type="submit"]:hover, *#dm .dmBody .dmform button[type="submit"]:hover{ transform: translateY(-2px); box-shadow: 0 16px 28px rgba(255,77,0,.38) !important; } /* Contact section background */ .section.contact-section { background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 100%); padding: 50px 20px; position: relative; } /* Optional subtle pattern overlay */ .section.contact-section::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https://www.transparenttextures.com/patterns/diagmonds-light.png'); opacity: 0.08; pointer-events: none; } /* Form container styling */ .section.contact-section form { background: rgba(255, 255, 255, 0.03); border-radius: 12px; padding: 30px; box-shadow: 0px 8px 25px rgba(0,0,0,0.25); } /* Contact Us heading */ .section.contact-section h2, .section.contact-section h3 { font-size: 2rem; font-weight: 700; color: #ffffff; margin-bottom: 20px; text-align: center; } /* Improve inputs */ .section.contact-section input, .section.contact-section textarea { border-radius: 8px; padding: 12px; font-size: 1rem; border: none; } /* Keep your orange button styling, but enhance hover */ .section.contact-section button { transition: all 0.3s ease; } .section.contact-section button:hover { background-color: #ff7518; transform: translateY(-2px); } /* Contact section background */ .section.contact-section { background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 100%); padding: 50px 20px; position: relative; } /* Optional subtle pattern overlay */ .section.contact-section::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https://www.transparenttextures.com/patterns/diagmonds-light.png'); opacity: 0.08; pointer-events: none; } /* Form container styling */ .section.contact-section form { background: rgba(255, 255, 255, 0.03); border-radius: 12px; padding: 30px; box-shadow: 0px 8px 25px rgba(0,0,0,0.25); } /* Contact Us heading */ .section.contact-section h2, .section.contact-section h3 { font-size: 2rem; font-weight: 700; color: #ffffff; margin-bottom: 20px; text-align: center; } /* Improve inputs */ .section.contact-section input, .section.contact-section textarea { border-radius: 8px; padding: 12px; font-size: 1rem; border: none; } /* Keep your orange button styling, but enhance hover */ .section.contact-section button { transition: all 0.3s ease; } .section.contact-section button:hover { background-color: #ff7518; transform: translateY(-2px); } /* ==================================================================== */ /* System Style Definitions */ /* ==================================================================== */ @media all { :root { --btn-border-l-color: rgba(0, 0, 0, 0); --btn-border-r-color: rgba(0, 0, 0, 0); --btn-border-b-width: 1px; --btn-text-direction: ltr; --btn-border-radius: 1px; --btn-border-t-width: 1px; --btn-border-tl-radius: var(--btn-border-radius); --btn-border-br-radius: var(--btn-border-radius); --btn-border-bl-radius: var(--btn-border-radius); --btn-bg-color: var(--color_5); --btn-border-r-width: 1px; --btn-border-tr-radius: var(--btn-border-radius); --btn-border-b-color: rgba(0, 0, 0, 0); --btn-border-l-width: 1px; --border-style: solid; --btn-border-t-color: rgba(0, 0, 0, 0); --btn-text-align: center; --btn-text-color: var(--color_1); --btn-text-decoration: none; --btn-text-font-weight: bold; --btn-text-font-family: "Inter Tight", "Inter Tight Fallback"; --btn-icon-color: rgb(0, 0, 238); --btn-icon-fill: rgb(0, 0, 238); --btn-icon-wrpr-display: none; --btn-hover-border-b-color: var(--btn-hover-border-color); --btn-hover-bg: var(--color_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: var(--color_1); --btn-hover-text-color: var(--color_1); --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(20, 21, 22); --btn-border-r-color: rgb(20, 21, 22); --btn-border-b-width: 0px; --btn-text-direction: ltr; --btn-border-radius: 1px; --btn-border-t-width: 0px; --btn-border-tl-radius: var(--btn-border-radius); --btn-border-br-radius: var(--btn-border-radius); --btn-border-bl-radius: var(--btn-border-radius); --btn-bg-color: rgba(0, 0, 0, 0); --btn-border-r-width: 0px; --btn-border-tr-radius: var(--btn-border-radius); --btn-border-b-color: rgb(20, 21, 22); --btn-border-l-width: 0px; --border-style: solid; --btn-border-t-color: rgb(20, 21, 22); --btn-text-align: center; --btn-text-color: var(--color_5); --btn-text-decoration: underline; --btn-text-font-weight: normal; --btn-icon-color: rgb(0, 0, 238); --btn-icon-fill: rgb(0, 0, 238); --btn-icon-wrpr-display: none; --btn-hover-border-b-color: var(--btn-hover-border-color); --btn-hover-bg: rgba(0, 0, 0, 0); --btn-hover-border-t-color: var(--btn-hover-border-color); --btn-hover-border-r-color: var(--btn-hover-border-color); --btn-hover-border-l-color: var(--btn-hover-border-color); --btn-hover-border-color: rgba(0, 0, 0, 0); --btn-hover-text-color: var(--color_2); --btn-hover-text-font-weight: var(--btn-text-font-weight); --btn-hover-text-decoration: var(--btn-text-decoration); --btn-hover-text-font-style: var(--btn-text-font-style); } :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; } } @media (min-width: 768px) and (max-width: 1024px) { :root { --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; } } @media (min-width: 0px) and (max-width: 767px) { :root { --btn-text-font-size: 14px; } .button_2 { --btn-text-font-size: 14px; } :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 .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] { background-clip: border-box; border-radius: 6px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'].flexButton { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] { background-clip: border-box; border-radius: 3px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'].flexButton { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ICON'] { background-clip: border-box; border-radius: 0px; padding: 0 0 0 40px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ICON'] .hidden .iconBg + .text { margin-left: -40px; box-sizing: content-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] { background-clip: border-box; border-radius: 6px; padding: 0 0 0 40px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'].flexButton { padding: 10px 7px 10px 47px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .iconBg { display: block; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .hidden .iconBg + .text { margin-left: -40px; box-sizing: content-box; } #dm .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='BORDER_SHORT'] { overflow: initial; background-clip: border-box; border-radius: 1px; } #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='BORDER_SHORT'].flexButton { padding: 16px 0; } #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='BORDER_SHORT'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] .text { padding: 16px 0; } #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='BORDER_SHORT'] .iconBg { display: none; } @media (min-width: 768px) { #dm .dmRespRow .dmRespCol > .dmWidget, #dm .dmRespRow .dmRespCol > .dmWidget.button_2, #dm .sticky-widgets-container-global .dmWidget, #dm .sticky-widgets-container-global .dmWidget.button_2, #dm .sticky-widgets-container .dmWidget, #dm .sticky-widgets-container .dmWidget.button_2, #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; } } @media (min-width: 768px) { #dm .dmRespRow .dmRespCol > .dmWidget[data-buttonstyle]:not([data-buttonstyle='BORDER_SHORT']), #dm .dmRespRow .dmRespCol > .dmWidget.button_2[data-buttonstyle]:not([data-buttonstyle='BORDER_SHORT']) { width: 280px; } } @media (min-width: 768px) { #dm .sticky-widgets-container-global .dmWidget[data-buttonstyle]:not([data-buttonstyle='BORDER_SHORT']), #dm .sticky-widgets-container-global .dmWidget.button_2[data-buttonstyle]:not([data-buttonstyle='BORDER_SHORT']), #dm .sticky-widgets-container .dmWidget[data-buttonstyle]:not([data-buttonstyle='BORDER_SHORT']), #dm .sticky-widgets-container .dmWidget.button_2[data-buttonstyle]:not([data-buttonstyle='BORDER_SHORT']) { width: 230px; } } #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); 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-weight: var(--btn-text-font-weight); text-decoration: var(--btn-text-decoration); } #dm div.dmInner #site_content .dmWidget:hover, #dm div.dmInner #site_content .dmWidget.hover, #dm div.dmInner .dmHeader .dmWidget:hover, #dm div.dmInner .dmHeader .dmWidget.hover { background: var(--btn-hover-bg); border-color: var(--btn-hover-border-color); border-bottom-color: var(--btn-hover-border-b-color); border-left-color: var(--btn-hover-border-l-color); border-right-color: var(--btn-hover-border-r-color); border-top-color: var(--btn-hover-border-t-color); } #dm div.dmInner #site_content .dmWidget:hover span.text, #dm div.dmInner #site_content .dmWidget.hover span.text, #dm div.dmInner .dmHeader .dmWidget:hover span.text, #dm div.dmInner .dmHeader .dmWidget.hover span.text, #dm div.dmInner #site_content .dmWidget:hover input[type="submit"], #dm div.dmInner #site_content .dmWidget.hover input[type="submit"], #dm div.dmInner .dmHeader .dmWidget:hover input[type="submit"], #dm div.dmInner .dmHeader .dmWidget.hover input[type="submit"] { color: var(--btn-hover-text-color); } #dm div.dmInner #site_content .dmWidget span.icon, #dm div.dmInner .dmHeader .dmWidget span.icon { color: var(--btn-icon-color); fill: var(--btn-icon-fill); } #dm div.dmInner #site_content .dmWidget:not([data-buttonstyle]) .iconBg, #dm div.dmInner .dmHeader .dmWidget:not([data-buttonstyle]) .iconBg { display: var(--btn-icon-wrpr-display); } .dmBody [data-layout-grid] > .flex-element.group, .dmFooterContainer [data-layout-grid] > .flex-element.group { padding-bottom: var(--section-padding-bottom); padding-left: var(--section-padding-left); padding-right: var(--section-padding-right); padding-top: var(--section-padding-top); } .dmBody [data-layout-grid] > .flex-element.group > .flex-element.group, .dmFooterContainer [data-layout-grid] > .flex-element.group > .flex-element.group { padding-bottom: var(--column-padding-bottom); padding-left: var(--column-padding-left); padding-right: var(--column-padding-right); padding-top: var(--column-padding-top); } .dmBody [data-layout-grid] > .flex-element.group > .flex-element.group .flex-element.group:not([data-layout-type] *):not([data-layout-type]), .dmFooterContainer [data-layout-grid] > .flex-element.group > .flex-element.group .flex-element.group:not([data-layout-type] *):not([data-layout-type]) { padding-bottom: var(--inner-column-padding-bottom); padding-left: var(--inner-column-padding-left); padding-right: var(--inner-column-padding-right); padding-top: var(--inner-column-padding-top); } @media all { nav.u_1998592992 { color:white !important; } *#dm .dmInner *.u_1306770187 { width:100% !important; } *#dm .dmInner *.u_1581198931 { width:100% !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgba(0,0,0,1) !important; } *#dm .dmInner *.u_1040696130 { justify-content:center !important; } *#dm .dmInner *.u_1040696130.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { margin-left:0 !important; padding-top:0 !important; padding-left:20px !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important; padding-right:20px !important; } *#dm .dmInner nav.u_1040696130.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgba(0,0,0,1) !important; } *#dm .dmInner a.u_1354841978:hover { background-image:none !important; } *#dm .dmInner a.u_1354841978.hover { background-image:none !important; } *#dm .dmInner *.u_1955933514 { width:100% !important; } *#dm .dmInner *.u_1495895470.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { margin-left:0 !important; padding-top:0 !important; padding-left:20px !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important; padding-right:20px !important; } *#dm .dmInner nav.u_1495895470.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgba(0,0,0,1) !important; } *#dm .dmInner *.u_1495895470 { justify-content:flex-end !important; } *#dm .dmInner nav.u_1998592992 { color:black !important; } *#dm .dmInner div.dmform-error { font-weight:400 !important; } *#dm .dmInner div.dmform-error .rteBlock { font-weight:400 !important; } *#dm .dmInner nav.u_1491785569 { color:white !important; } *#dm .dmInner *.u_1491785569 { justify-content:flex-start !important; } *#dm .dmInner nav.u_1491785569.main-navigation.unifiednav .unifiednav__container[data-depth]>.unifiednav__item-wrap:not(:last-child)::after { border-top-width:0 !important; } *#dm .dmInner *.u_1491785569.main-navigation.unifiednav:not([image]) .unifiednav__container[data-depth="0"] { top:calc(100% - 5px - 0px) !important; } *#dm .dmInner *.u_1491785569.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 *.u_1491785569.main-navigation.unifiednav[data-nav-structure="SPLIT"] .unifiednav__container:not([data-depth]):not(:last-of-type)>.unifiednav__item-wrap .unifiednav__container[data-depth="0"] { left:0px !important; } *#dm .dmInner *.u_1491785569.main-navigation.unifiednav[data-nav-structure="SPLIT"] .unifiednav__container:not([data-depth]):last-of-type>.unifiednav__item-wrap:not(:last-child) .unifiednav__container[data-depth="0"] { left:0px !important; } *#dm .dmInner *.u_1491785569 li .unifiednav__item { justify-content:flex-start !important; } *#dm .dmInner *.u_1649588615 { justify-content:flex-start !important; } *#dm .dmInner nav.u_1649588615.main-navigation.unifiednav .unifiednav__container[data-depth]>.unifiednav__item-wrap:not(:last-child)::after { border-top-width:0 !important; } *#dm .dmInner *.u_1649588615.main-navigation.unifiednav:not([image]) .unifiednav__container[data-depth="0"] { top:calc(100% - 5px - 0px) !important; } *#dm .dmInner *.u_1649588615.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 *.u_1649588615.main-navigation.unifiednav[data-nav-structure="SPLIT"] .unifiednav__container:not([data-depth]):not(:last-of-type)>.unifiednav__item-wrap .unifiednav__container[data-depth="0"] { left:0px !important; } *#dm .dmInner *.u_1649588615.main-navigation.unifiednav[data-nav-structure="SPLIT"] .unifiednav__container:not([data-depth]):last-of-type>.unifiednav__item-wrap:not(:last-child) .unifiednav__container[data-depth="0"] { left:0px !important; } *#dm .dmInner *.u_1649588615 li .unifiednav__item { justify-content:flex-start !important; } *#dm .dmInner nav.u_1649588615 { color:white !important; } *#dm .dmInner div.u_1546549940 .socialHubIcon { width:31px !important; height:31px !important; font-size:20.666666666666668px !important; line-height:31px !important; } *#dm .dmInner div.u_1546549940.dmSocialHub .socialHubInnerDiv a:not(:last-child) { margin-right:9px !important; } *#dm .dmInner div.u_1226700703 .copyright { color:var(--color_4) !important; } *#dm .dmInner *.u_1649588615.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { justify-content:flex-start !important; text-align:left !important; } *#dm .dmInner *.u_1649588615.main-navigation.unifiednav[data-nav-structure='VERTICAL'] .unifiednav__container:not([data-depth])>.unifiednav__item-wrap::after { align-self:flex-start !important; } *#dm .dmInner *.u_1649588615.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { justify-content:flex-start !important; text-align:LEFT !important; } *#dm .dmInner div#hamburger-drawer.layout-drawer { background-color:var(--color_5) !important; } *#dm .dmInner div.u_1339713019 .caption-inner { background-color:rgba(0,0,0,0) !important; } *#dm .dmInner div.u_1339713019 .caption-container .caption-title { color:var(--color_5) !important; font-weight:700 !important; } *#dm .dmInner div.u_1339713019 { border-style:solid !important; border-width:0px !important; } *#dm .dmInner *.u_1339713019 .caption-inner { border-bottom-left-radius:0px !important; -webkit-border-top-right-radius:0px !important; -moz-border-top-right-radius:0px !important; -webkit-border-bottom-right-radius:0px !important; -webkit-border-bottom-left-radius:0px !important; border-top-right-radius:0px !important; -webkit-border-top-left-radius:0px !important; border-radius:0px !important; -moz-border-bottom-right-radius:0px !important; -moz-border-top-left-radius:0px !important; border-top-left-radius:0px !important; -moz-border-radius:0px !important; -moz-border-bottom-left-radius:0px !important; border-bottom-right-radius:0px !important; -webkit-border-radius:0px !important; } *#dm .dmInner *.u_1339713019 .photoGalleryThumbs .image-container a { background-size:cover !important; } *#dm .dmInner *.u_1440669680 { width:100% !important; } *#dm .dmInner *.u_1226700703 .copyright { justify-content:center !important; text-align:center !important; } *#dm .dmInner *.u_1998592992.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:15px !important; } *#dm .dmInner *.u_1998592992.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:15px !important; } *#dm .dmInner a.dmLoginButton { background-color:var(--color_5) !important; border-color:var(--color_4) !important; border-width:1px !important; border-style:solid !important; } *#dm .dmInner a.dmLoginButton span.text { font-weight:500 !important; } *#dm .dmInner *.u_1756072085.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { margin-left:0 !important; padding-top:0 !important; padding-left:20px !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important; padding-right:20px !important; } *#dm .dmInner *.u_1952293248 { width:100% !important; } *#dm .dmInner *.u_1756072085 { justify-content:center !important; } *#dm .dmInner *.u_1051346816 .login-button-state .iconBg .icon { color:rgba(0,0,0,1) !important; } *#dm .dmInner *.u_1051346816 .profile-bar-state .iconBg .icon { color:rgba(0,0,0,1) !important; } *#dm .dmInner *.u_1051346816 .profile-bar-state .icon-angle-down { color:rgba(0,0,0,1) !important; } *#dm .dmInner nav.u_1756072085 { justify-content:flex-start !important; } *#dm .dmInner nav.u_1756072085.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgba(0,0,0,1) !important; font-size:14px !important; } *#dm .dmInner nav.u_1756072085.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_1756072085.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:14px !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_1226700703 .copyright { font-size:14px !important; } *#dm .dmInner *.u_1339713019 .photoGalleryThumbs { padding:0px !important; } *#dm .dmInner *.u_1339713019 .layout-container { padding:0px !important; } *#dm .dmInner *.u_1339713019 .photoGalleryViewAll { padding:0 0px !important; } *#dm .dmInner *.u_1339713019 .photoGalleryThumbs .image-container a { padding-top:320px !important; } *#dm .dmInner div.u_1625063014 { height:48px !important; width:100px !important; } } @media (min-width:1025px) { *.stickyHeaderSpacer { height:249.2734375px !important; } *#dm .dmInner div.dmform-error { font-size:14px !important; } *#dm .dmInner div.dmform-error .rteBlock { font-size:14px !important; } *#dm .dmInner *.u_1339713019 .caption-inner { padding-left:40px !important; padding-right:40px !important; } *#dm .dmInner *.u_1339713019 .photoGalleryThumbs { padding:0px !important; } *#dm .dmInner *.u_1339713019 .layout-container { padding:0px !important; } *#dm .dmInner *.u_1339713019 .photoGalleryViewAll { padding:0 0px !important; } *#dm .dmInner div.u_1226700703 .copyright { font-size:14px !important; } *#dm .dmInner *.u_1339713019 .photoGalleryThumbs .image-container a { padding-top:308px !important; } *#dm .dmInner div.u_1339713019 .caption-container .caption-title { font-size:24px !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; } *#dm .dmInner div.u_1226700703 .copyright { font-size:14px !important; } *#dm .dmInner *.u_1491785569 { justify-content:flex-start !important; } *#dm .dmInner *.u_1649588615 { justify-content:flex-start !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(0,0%) !important; } *#dm .dmInner *.u_1339713019 .photoGalleryThumbs { padding:0px !important; } *#dm .dmInner *.u_1339713019 .layout-container { padding:0px !important; } *#dm .dmInner *.u_1339713019 .photoGalleryViewAll { padding:0 0px !important; } *#dm .dmInner div#hamburger-drawer.layout-drawer { margin-left:0px !important; padding-top:0px !important; padding-left:0px !important; padding-bottom:0px !important; margin-top:0px !important; margin-bottom:0px !important; margin-right:0px !important; padding-right:0px !important; } *#dm .dmInner *.u_1339713019 .photoGalleryThumbs .image-container a { padding-top:294px !important; } *#dm .dmInner div.u_1339713019 .caption-container .caption-title { font-size:25px !important; } *#dm .dmInner *.u_1339713019 .caption-inner { padding-left:0px !important; padding-right:0px !important; } } @media (min-width:0px) and (max-width:767px) { *#dm .dmInner div#hamburger-drawer.layout-drawer { margin-left:0px !important; padding-top:0px !important; padding-left:0px !important; padding-bottom:0px !important; margin-top:0px !important; margin-bottom:0px !important; margin-right:0px !important; padding-right:0px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:15px !important; } *#dm .dmInner div.u_1625063014 { width:311px !important; } *#dm .dmInner *.u_1339713019 .photoGalleryThumbs .image-container a { padding-top:168px !important; } } @media all { #flex-header { background-color: var(--color_5); padding-left: 0px; background-image: url("https://lirp.cdn-website.com/f95c6b66/dms3rep/multi/opt/cloudello+logo+white+bkgrnd-1920w.png"); border-style: solid; border-color: #000000 #000000 var(--color_7) #000000; border-width: 0 0 1px 0; background-size: contain; background-repeat: no-repeat; } } @media (min-width: 1025px) { } @media (min-width: 768px) and (max-width: 1024px) { } @media (min-width: 768px) and (max-width: 1024px) { #flex-header { } } @media (max-width: 767px) { } @media (max-width: 767px) { #flex-header { } } @media all { #flex-footer { background-color: var(--color_1); background-image: initial; } } @media (min-width: 768px) and (max-width: 1024px) { #flex-footer { } } @media (max-width: 767px) { #flex-footer { } } @media all { #\31 3486288 { width: 207px; height: auto; max-width: 100%; align-self: auto; order: 1; grid-area: auto / auto / auto / auto; } #\36 3a049320d35b55b4ef2a374 { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; min-width: 4%; background-color: rgba(0, 0, 0, 0); flex-direction: row; justify-content: space-between; align-items: center; padding: 16px 16px 16px 16px; margin-bottom: 0%; margin-right: 0%; margin-top: 0%; margin-left: 0%; } #\36 3a049320d35b55b4ef2a376 { background-color: rgba(0, 0, 0, 0); } #\36 3a049320d35b55b4ef2a377 { min-height: 200px; padding-top: 2%; padding-bottom: 2%; column-gap: 4%; row-gap: 24px; width: 100%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-right: 0%; margin-top: 0%; margin-left: 0%; } #\36 3a049ca0d35b55b4ef2a5c3 { width: 230.891px; height: auto; max-width: 100%; align-self: auto; order: 0; grid-area: auto / auto / auto / auto; } #\36 2d6a167a824ca526194d9a5 { background-color: rgba(232, 255, 133, 1); } #fce19629 { width: 58.91%; height: auto; max-width: 100%; order: 3; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #group_q66 { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; position: relative; max-width: 100%; width: 31.33%; min-height: 217px; max-height: 100%; order: 1; height: auto; padding-top: 0%; padding-left: 0%; padding-bottom: 0%; padding-right: 0%; margin-bottom: 0%; margin-right: 0%; margin-top: 0%; margin-left: 0%; } } @media (min-width: 768px) and (max-width: 1024px) { #\36 3a049320d35b55b4ef2a374 { justify-content: flex-start; padding-top: 16px; width: 100%; min-height: 8px; flex-direction: column; flex-wrap: nowrap; } #\36 3a049320d35b55b4ef2a377 { min-height: 409px; flex-direction: row; flex-wrap: nowrap; column-gap: 2%; padding: 2% 4% 2% 4%; } #fce19629 { order: 0; width: 100.00%; margin: 0px 0% 0px 0%; } #group_q66 { order: 1; width: 100.00%; height: auto; min-height: 186px; margin: 0px 0% 0px 0%; } } @media (max-width: 767px) { #\31 3486288 { width: 100%; height: 45px; justify-self: auto; align-self: auto; order: 1; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\36 3a049320d35b55b4ef2a374 { min-height: 411px; justify-content: flex-start; padding-top: 16px; width: 100%; height: auto; flex-direction: column; flex-wrap: nowrap; } #\36 3a049320d35b55b4ef2a377 { min-height: unset; flex-direction: column; padding: 4% 4% 4% 4%; } #\36 3a049ca0d35b55b4ef2a5c3 { order: 0; } #fce19629 { order: 1; width: 100%; margin: 0px 0% 0px 0%; } #group_q66 { width: 100.00%; height: auto; min-height: 191px; margin: 0px 0% 0px 0%; } } @media all { #\36 3da2bddeae8da42b2353673 { min-height: 289px; column-gap: 0%; row-gap: 0px; width: 100%; flex-wrap: nowrap; padding-right: 1%; padding-left: 1%; padding-top: 0%; padding-bottom: 0%; margin-bottom: 0%; margin-right: 0%; margin-top: 0%; margin-left: 0%; } #\36 3da2bddeae8da42b2353672 { background-color: rgba(3, 18, 52, 1); background-image: initial; border-radius: 0px 0px 0px 0px; } #\36 3c7b8b76c596a2813341bc5 { height: auto; } #group_5mc { justify-content: flex-start; width: 25%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; order: 0; border-style: solid; border-color: #000000 #000000 var(--color_3) #000000; border-width: 0 0 0px 0; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #widget_c3g.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #widget_c3g { width: 99.99846610424949%; height: auto; max-width: 100%; order: 1; align-self: flex-start; justify-self: auto; grid-area: auto / auto / auto / auto; } #widget_iho { width: 100%; height: auto; max-width: 100%; order: 0; } #af15aaf0 { justify-content: flex-start; width: 25%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; order: 0; border-style: solid; border-color: #000000 #000000 var(--color_3) #000000; border-width: 0 0 0px 0; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #\31 5e67ec9 { width: 99.99313394018205%; height: auto; max-width: 100%; order: 1; align-self: auto; justify-self: auto; grid-area: auto / auto / auto / auto; } #\33 054482b { width: 100%; height: auto; max-width: 100%; order: 0; } #cddec314 { width: 100%; height: auto; max-width: 100%; order: 0; justify-self: auto; align-self: auto; grid-area: auto / auto / auto / auto; } #d454c9ec { justify-content: flex-start; width: 25%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; order: 0; flex-wrap: nowrap; border-style: solid; border-color: #000000 #000000 var(--color_3) #000000; border-width: 0 0 0px 0; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #widget_qj3 { width: 100.00%; height: auto; max-width: 100%; align-self: auto; order: 1; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #group_p83 { justify-content: space-between; align-items: center; width: 100.00%; min-height: 95px; max-height: 100%; flex-wrap: nowrap; justify-self: auto; align-self: auto; order: 1; height: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; padding-top: 0%; padding-left: 0%; padding-bottom: 0%; padding-right: 0%; } #group_04c { justify-content: flex-start; width: 25%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; order: 0; padding: 16px 2px 16px 2px; margin: 0% 0% 0% 0%; } #widget_uua.flex-element.widget-wrapper > [data-element-type] { padding-right: 5px; padding-left: 5px; } #widget_uua { width: 287px; height: auto; max-width: 100%; margin: 20px -30% 20px -30%; } } @media (min-width: 768px) and (max-width: 1024px) { #group_5mc { order: 1; width: 23.5%; min-height: 8px; margin: 0% 0% 0% 0%; } #\36 3da2bddeae8da42b2353673 { flex-direction: row; flex-wrap: nowrap; min-height: 223px; column-gap: 2%; padding: 2% 4% 2% 4%; } #af15aaf0 { order: 1; width: 33.33%; min-height: 8px; margin: 0% 0% 0% 0%; } #d454c9ec { order: 1; width: 36.265%; min-height: 8px; margin: 0% 0% 0% 0%; } #group_04c { order: 1; width: 26.41%; min-height: 8px; margin: 0% 0% 0% 0%; } #widget_uua { align-self: center; margin-left: 0%; margin-right: 0%; } } @media (max-width: 767px) { #\36 3da2bddeae8da42b2353673 { min-height: 0; flex-direction: column; row-gap: 16px; flex-wrap: nowrap; column-gap: 2%; padding: 6% 4% 6% 4%; } #group_5mc { width: 100%; min-height: 80px; order: 2; row-gap: 12px; margin: 0% 0% 0% 0%; } #af15aaf0 { width: 100%; min-height: 80px; order: 2; row-gap: 12px; align-items: flex-start; margin: 0% 0% 0% 0%; } #d454c9ec { width: 100%; min-height: 80px; order: 2; row-gap: 12px; margin: 0% 0% 0% 0%; } #widget_c3g { justify-self: auto; align-self: auto; width: 99.99098695943285%; order: 1; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #widget_iho { order: 0; } #group_04c { width: 100%; min-height: 55px; align-items: flex-start; order: 2; } #widget_uua { align-self: center; margin-left: 0%; margin-right: 0%; } } @media all { #\36 406026c90e1521f6ecb0ecd { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; min-width: 4%; padding: 16px 16px 16px 16px; margin-bottom: 0%; margin-right: 0%; margin-top: 0%; margin-left: 0%; } #\36 406026c90e1521f6ecb0ecc { min-height: 28px; padding-top: 4%; padding-bottom: 4%; column-gap: 4%; row-gap: 24px; width: 100%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-right: 0%; margin-top: 0%; margin-left: 0%; } #widget_s4l { width: 100%; height: auto; max-width: 100%; order: 1; } } @media (min-width: 1025px) { #widget_s4l { justify-self: auto; align-self: auto; width: 95.8158273381295%; grid-area: auto / auto / auto / auto; } } @media (min-width: 768px) and (max-width: 1024px) { #\36 406026c90e1521f6ecb0ecc { min-height: 0px; padding: 4% 4% 4% 4%; } #\36 406026c90e1521f6ecb0ecd { justify-content: flex-end; padding-bottom: 16px; } } @media (max-width: 767px) { #\36 406026c90e1521f6ecb0ecd { min-height: 32px; justify-content: flex-end; padding-bottom: 16px; width: 100%; } #\36 406026c90e1521f6ecb0ecc { min-height: unset; flex-direction: column; padding: 4% 4% 4% 4%; } #widget_s4l { margin-left: 0px; margin-right: 0px; } } @media all { #\33 f8d3ade { align-self: stretch; background-size: cover; display: flex; min-height: 8px; background-position: 50% 50%; column-gap: 4%; row-gap: 24px; background-repeat: no-repeat; flex-direction: column; max-width: 100%; width: 32%; justify-content: center; align-items: flex-start; position: relative; min-width: 4%; padding: 16px 16px 16px 16px; margin-bottom: 0%; margin-right: 0%; margin-top: 0%; margin-left: 0%; } #e6116daf { background-repeat: no-repeat; background-size: cover; grid-template-columns: minmax(0px, 1fr); grid-template-rows: minmax(8px, max-content); display: grid; justify-content: start; background-position: 50% 50%; align-items: start; position: relative; border-style: solid; border-color: var(--color_3) #000000 #000000 #000000; border-width: 1px 0 0 0; background-color: var(--color_1); background-image: initial; } #aab9df93 { align-self: stretch; background-size: cover; display: flex; min-height: 8px; background-position: 50% 50%; column-gap: 4%; row-gap: 24px; background-repeat: no-repeat; flex-direction: column; max-width: 100%; width: 32%; justify-content: center; align-items: flex-end; position: relative; min-width: 4%; padding: 16px 16px 16px 16px; margin-bottom: 0%; margin-right: 0%; margin-top: 0%; margin-left: 0%; } #\36 f417266 { align-self: start; background-size: cover; display: flex; min-height: 0px; background-position: 50% 50%; column-gap: 2%; row-gap: 12px; background-repeat: no-repeat; flex-direction: row; width: 100%; justify-content: flex-start; align-items: center; position: relative; justify-self: center; order: 0; flex-wrap: nowrap; padding: 1% 1% 1% 1%; margin-bottom: 0%; margin-right: 0%; margin-top: 0%; margin-left: 0%; } #\35 ccb86b9 { position: relative; width: 100%; height: auto; min-width: 10px; min-height: 10px; max-width: 100%; order: 0; grid-area: auto / auto / auto / auto; } #a93b4432 { align-self: stretch; background-size: cover; display: flex; min-height: 8px; background-position: 50% 50%; column-gap: 4%; row-gap: 24px; background-repeat: no-repeat; flex-direction: row; max-width: 100%; width: 32%; justify-content: center; align-items: center; position: relative; min-width: 4%; padding: 16px 16px 16px 16px; margin-bottom: 0%; margin-right: 0%; margin-top: 0%; margin-left: 0%; } #widget_8hq { position: relative; width: 60px; height: auto; min-width: 10px; min-height: 10px; max-width: 100%; order: 0; margin: 0px 0% 0px 0%; } #widget_74i { position: relative; width: 20px; height: auto; min-width: 10px; min-height: 10px; max-width: 100%; order: 3; margin: 0px 0% 0px 0%; } #widget_683 { position: relative; width: 60px; height: auto; min-width: 10px; min-height: 10px; max-width: 100%; order: 1; } #widget_083 { position: relative; width: 80px; height: auto; min-width: 10px; min-height: 10px; max-width: 100%; order: 2; } #widget_99j { position: relative; width: 267px; height: auto; min-width: 10px; min-height: 10px; max-width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { #\36 f417266 { flex-direction: row; flex-wrap: wrap; min-height: 0px; column-gap: 2%; padding: 2% 4% 2% 4%; } #\35 ccb86b9 { width: 38.85%; } #\33 f8d3ade { width: 49%; min-height: 80px; flex: 1 1 auto; order: 2; align-items: center; margin: 0% 0% 0% 0%; } #a93b4432 { width: 49%; min-height: 80px; flex: 1 1 auto; order: 1; margin: 0% 0% 0% 0%; } #aab9df93 { width: 49%; min-height: 80px; flex: 1 1 auto; align-items: center; order: 0; margin: 0% 0% 0% 0%; } } @media (max-width: 767px) { #\33 f8d3ade { width: 100%; min-height: 0px; align-items: center; order: 2; margin: 0% 0% 0% 0%; } #aab9df93 { width: 100%; min-height: 0px; align-items: flex-start; order: 1; margin: 0% 0% 0% 0%; } #\36 f417266 { min-height: 0; flex-direction: column; flex-wrap: nowrap; column-gap: 2%; padding: 2% 4% 2% 4%; } #\35 ccb86b9 { width: 100%; } #a93b4432 { width: 100%; min-height: 0px; align-items: center; justify-content: flex-start; order: 0; margin: 0% 0% 0% 0%; } } @media all { #\36 19c7452 { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; min-width: 4%; align-items: flex-end; flex-direction: row; justify-content: space-between; padding: 16px 16px 6px 16px; margin-bottom: 0%; margin-right: 0%; margin-top: 0%; margin-left: 0%; } #\34 4f12c60 { padding-top: 2%; min-height: 0px; column-gap: 4%; row-gap: 24px; width: 100%; max-width: none; padding-left: 4%; padding-right: 4%; padding-bottom: 0%; margin-bottom: 0%; margin-right: 0%; margin-top: 0%; margin-left: 0%; } #f60b7558 svg { fill: var(--color_1); } #f60b7558 .hamburgerButton { background-color: rgba(0,0,0,0); } #f60b7558 { width: 30px; height: 30px; margin: 0px 0% 0px 0%; } #widget_plu { width: 18.24%; height: auto; max-width: 100%; order: 0; margin: 0px 0% 0px 0%; } } @media (min-width: 768px) and (max-width: 1024px) { #\34 4f12c60 { min-height: 0px; padding-left: 4%; padding-bottom: 2%; padding-top: 2%; } #\36 19c7452 { justify-content: space-between; flex-direction: row; } #f60b7558 { margin: 0px 0% 0px 0%; } #widget_plu { height: auto; width: 132px; order: 0; align-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } } @media (max-width: 767px) { #\36 19c7452 { width: 100%; min-height: 52px; flex-direction: row; justify-content: space-between; height: auto; align-items: flex-end; } #\34 4f12c60 { min-height: unset; flex-direction: column; padding-left: 4%; padding-top: 6%; } #f60b7558 { margin: 0px 0% 0px 0%; } #widget_plu { height: auto; width: 49.50%; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } } @media all { #\31 979bc75 { width: 100%; height: auto; max-width: 100%; order: 0; align-self: center; grid-area: auto / auto / auto / auto; } #\32 558adc5 { flex-direction: row; align-items: center; width: 61.72951570680628%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; justify-content: flex-start; order: 1; padding: 6px 16px 6px 16px; margin-bottom: 0%; margin-right: 0%; margin-top: 0%; margin-left: 0%; } #\37 aca98ae { width: 161px; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 0; grid-area: auto / auto / auto / auto; } #ac17a4b1 { width: 67px; height: auto; max-width: 100%; order: 1; align-self: auto; grid-area: auto / auto / auto / auto; } #c2246fc4 { flex-direction: row; justify-content: flex-start; align-items: center; width: 13.76%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; order: 0; padding: 6px 16px 6px 16px; margin-bottom: 0%; margin-right: 0%; margin-top: 0%; margin-left: 0%; } #\31 b5719de { width: 192px; height: 52px; max-width: 100%; order: 2; align-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\35 4f3f694 { min-height: 8px; column-gap: 4%; row-gap: 24px; flex-direction: row; width: 10%; justify-content: flex-end; align-items: center; min-width: 4%; order: 3; padding: 16px 16px 16px 16px; margin-bottom: 0%; margin-right: 0%; margin-top: 0%; margin-left: 0%; } #\37 5ff6a24 { width: 28px; height: 23px; max-width: 100%; align-self: auto; order: 0; grid-area: auto / auto / auto / auto; } #ce1043d3 { width: 30px; height: 30px; max-width: 100%; order: 0; } #c6be6fed { flex-direction: row; justify-content: flex-end; align-items: center; width: 24.43%; min-width: 4%; min-height: 8px; column-gap: 1%; row-gap: 24px; order: 2; padding: 6px 6px 6px 16px; margin-bottom: 0%; margin-right: 0%; margin-top: 0%; margin-left: 0%; } #\33 7062b09 { min-height: 0px; column-gap: 0%; row-gap: 0px; max-width: none; width: 100%; padding: 10px 2% 10px 2%; margin-bottom: 0%; margin-right: 0%; margin-top: 0%; margin-left: 0%; } } @media (min-width: 768px) and (max-width: 1024px) { #\37 aca98ae { width: 161px; height: auto; } #c6be6fed { width: 61.42071428571428%; } #\35 4f3f694 { width: 8.84%; } #c2246fc4 { width: 29.59%; } } @media (max-width: 767px) { #\32 558adc5 { width: 16.184%; order: 1; } #\37 aca98ae { width: 131px; height: auto; } #ac17a4b1 { order: 2; align-self: auto; width: 55px; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #c2246fc4 { width: 48.931476323119774%; justify-content: flex-start; order: 0; min-height: 8px; padding-left: 6px; } #\31 b5719de { order: 1; width: 43px; } #\35 4f3f694 { align-items: center; width: 18%; order: 3; } #\37 5ff6a24 { align-self: auto; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #c6be6fed { width: 32.86%; order: 2; justify-content: flex-end; padding-left: 6px; padding-right: 6px; min-height: 8px; column-gap: 2%; } #\33 7062b09 { min-height: 0px; flex-direction: row; flex-wrap: nowrap; padding: 6px 2% 6px 2%; } } @media all { #\34 c58d215 { min-height: 240px; column-gap: 4%; row-gap: 24px; max-width: none; width: 100%; flex-wrap: nowrap; padding-top: 0%; padding-left: 0%; padding-bottom: 0%; padding-right: 0%; margin-bottom: 0%; margin-right: 0%; margin-top: 0%; margin-left: 0%; } #\31 ccccf9b { grid-template-rows: minmax(300px, max-content); width: 100%; max-width: 100%; } #f16c7413 { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; min-width: 4%; padding-top: 0%; padding-left: 0%; padding-bottom: 0%; padding-right: 0%; margin-bottom: 0%; margin-right: 0%; margin-top: 0%; margin-left: 0%; } } @media (min-width: 768px) and (max-width: 1024px) { #\34 c58d215 { padding-left: 2%; padding-right: 2%; } } @media (max-width: 767px) { #\34 c58d215 { min-height: 0; flex-direction: column; padding-left: 4%; padding-right: 4%; flex-wrap: nowrap; } #f16c7413 { width: 100%; min-height: 80px; align-items: center; } }