
/* ==================================================================== */
/*                     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: Poppins, "Poppins Fallback";
    color:rgba(255,255,255,1);
    line-height:normal;
  }

  *#dm div.dmContent h1,
  *#dm div.dmFooter h1,
  *#dm div.p_hfcontainer h1,
  *#dm div.flex_hfcontainer h1,
  *#dm div.dm-title h1 {
    color:rgb(253,249,243);
    direction:ltr;
    font-family: Epilogue, "Epilogue Fallback";
    font-weight:500;
    font-style:normal;
    text-decoration:none;
    letter-spacing:1em;
  }

  *#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:rgba(18,20,20,1);
    direction:ltr;
    font-family: Lora, "Lora 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:rgba(253,191,141,1); }

  *#dm div.dmContent h2,
  *#dm div.dmFooter h2,
  *#dm div.p_hfcontainer h2,
  *#dm div.flex_hfcontainer h2,
  *#dm div.dm-title h2 {
    color:rgba(18,20,20,1);
    direction:ltr;
    font-family: Epilogue, "Epilogue Fallback";
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
  }

  *#dm div.dmContent .dmNewParagraph[data-version] h2,
  *#dm div.dmFooter .dmNewParagraph[data-version] h2,
  *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2,
  *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2,
  *#dm div.dm-title .dmNewParagraph[data-version] h2 { text-decoration:inherit; }

  *#dm div.dmContent .dmNewParagraph[data-version] h2 *,
  *#dm div.dmFooter .dmNewParagraph[data-version] h2 *,
  *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2 *,
  *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2 *,
  *#dm div.dm-title .dmNewParagraph[data-version] h2 * { text-decoration:none; }

  *#dm div.dmContent h3,
  *#dm div.dmFooter h3,
  *#dm div.p_hfcontainer h3,
  *#dm div.flex_hfcontainer h3,
  *#dm div.dm-title h3 {
    color:rgba(18,20,20,1);
    direction:ltr;
    font-family: Epilogue, "Epilogue Fallback";
    font-weight:600;
    font-style:normal;
    text-decoration:none;
    letter-spacing:-0.02em;
  }

  *#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:rgba(18,20,20,1);
    direction:ltr;
    font-family: Epilogue, "Epilogue 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:rgb(25,41,69);
    direction:ltr;
    font-family: "Cedarville Cursive", "Cedarville Cursive Fallback";
    font-weight:400;
    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:rgba(255,255,255,1);
    direction:ltr;
    font-family: Epilogue, "Epilogue Fallback";
    font-weight:600;
    font-style:normal;
    text-decoration:none;
  }

  *#dm div.dmContent .dmNewParagraph[data-version] h6,
  *#dm div.dmFooter .dmNewParagraph[data-version] h6,
  *#dm div.p_hfcontainer .dmNewParagraph[data-version] h6,
  *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h6,
  *#dm div.dm-title .dmNewParagraph[data-version] h6 { text-decoration:inherit; }

  *#dm div.dmContent .dmNewParagraph[data-version] h6 *,
  *#dm div.dmFooter .dmNewParagraph[data-version] h6 *,
  *#dm div.p_hfcontainer .dmNewParagraph[data-version] h6 *,
  *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h6 *,
  *#dm div.dm-title .dmNewParagraph[data-version] h6 * { text-decoration:none; }

  *#dm div.dmNewParagraph a,
  *#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:rgba(18,20,20,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: Poppins, "Poppins Fallback";
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
    letter-spacing:initial;
  }

  #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.dmNewParagraph p,
  #dmRoot #dm div.dmNewParagraph li {
    color:rgba(255,255,255,1);
    direction:ltr;
    font-family: Poppins, "Poppins Fallback";
    font-weight:400;
    font-style:normal;
    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: Poppins, "Poppins Fallback";
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
  }

  #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:rgba(255,255,255,1);
    direction:ltr;
    font-family: Poppins, "Poppins Fallback";
    font-weight:700;
    font-style:normal;
    text-decoration:none;
    letter-spacing:initial;
  }

  #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h3,
  #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h3,
  #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3,
  #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3,
  #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h3 { text-decoration:inherit; }

  #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h3 *,
  #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h3 *,
  #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3 *,
  #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3 *,
  #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h3 * { text-decoration:none; }

  #dmRoot *#dm div.dmContent h4,
  #dmRoot *#dm div.dmFooter h4,
  #dmRoot *#dm div.p_hfcontainer h4,
  #dmRoot *#dm div.flex_hfcontainer h4,
  #dmRoot *#dm div.dm-title h4 {
    color:rgb(255,255,255);
    direction:ltr;
    font-family: Poppins, "Poppins Fallback";
    font-weight:bold;
    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: Poppins, "Poppins Fallback";
    font-weight:bold;
    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; }
}
@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:rgba(0,0,0,1);
  }

  #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:20px; }

  *#dm div.dmContent h1,
  *#dm div.dmFooter h1,
  *#dm div.p_hfcontainer h1,
  *#dm div.flex_hfcontainer h1,
  *#dm div.dm-title h1 {
    font-size:48px;
    line-height:1.2;
  }

  *#dm div.dmContent h2,
  *#dm div.dmFooter h2,
  *#dm div.p_hfcontainer h2,
  *#dm div.flex_hfcontainer h2,
  *#dm div.dm-title h2 { font-size:24px; }

  *#dm div.dmContent h3,
  *#dm div.dmFooter h3,
  *#dm div.p_hfcontainer h3,
  *#dm div.flex_hfcontainer h3,
  *#dm div.dm-title h3 { font-size:35px; }

  *#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:26px; }

  *#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:26px;
    line-height:normal;
  }

  *#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:20px; }

  #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:48px;
    line-height:normal;
  }

  #dmRoot #dm div.dmNewParagraph p,
  #dmRoot #dm div.dmNewParagraph li { font-size:18px; }

  #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:48px; }

  #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:24px; }

  #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:14px; }

  #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:32px;
    --font-scale:false;
  }
}
@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:18px; }

  #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:18px; }

  #dm div.dmNewParagraph p,
  #dm div.dmNewParagraph li { font-size:18px; }

  *#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:65px; }

  *#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:50px; }

  *#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; }

  *#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:22px; }

  *#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:24px; }

  #dm DIV.dmOuter DIV.dmInner,
  #dm DIV.dmOuter DIV#dmSlideRightNavRight { background-color:rgba(0,0,0,1); }

  #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:22px;
    --font-scale:false;
  }

  #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:24px;
    --font-scale:false;
  }

  #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:24px; }

  #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:20px; }
}
@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:18px; }

  #dm div.dmNewParagraph p,
  #dm div.dmNewParagraph li { font-size:18px; }

  *#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:38px; }

  *#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:22px; }

  *#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:24px;
    line-height:1;
  }

  #dm DIV.dmOuter DIV.dmInner,
  #dm DIV.dmOuter DIV#dmSlideRightNavRight { background-color:rgba(0,0,0,1); }

  *#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:18px; }

  #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:18px;
    --font-scale:false;
  }

  #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:16px;
    --font-scale:false;
  }

  #dmRoot *#dm div.dmContent h2,
  #dmRoot *#dm div.dmFooter h2,
  #dmRoot *#dm div.p_hfcontainer h2,
  #dmRoot *#dm div.flex_hfcontainer h2,
  #dmRoot *#dm div.dm-title h2 { font-size:16px; }

  #dmRoot #dm div.dmNewParagraph p,
  #dmRoot #dm div.dmNewParagraph li { font-size:16px; }

  #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:16px; }
}
<!--
HOME LEGATTO — ESTRUTURA SEMÂNTICA PARA DUDA

Configurações recomendadas da página:
Title SEO: Agência de Marketing Estratégico em Jundiaí | Legatto
Meta description: A Legatto conecta estratégia, marca, conteúdo, criatividade, tecnologia e execução, com especialização em Indústria e Saúde e atuação nacional.

Antes de publicar:
1. Validar os caminhos dos links internos.
2. Substituir os comentários de imagem pelos widgets/imagens definitivos.
3. Confirmar a redação final e os documentos do projeto relacionado a 1994.
4. Manter somente um H1 na página.
-->

<main id="conteudo-principal" class="legatto-home">

  <!-- 1. HERO -->
  <section id="inicio" class="section hero" aria-labelledby="home-title">
    <div class="container container--narrow hero__content">
      <p class="hero__brand-line">Tudo se conecta para sua marca crescer.</p>
      <h1 id="home-title" class="hero__title">Especialistas em Indústria e Saúde, com atuação em empresas de diferentes segmentos.</h1>
      <div class="hero__supporting-text">
        <p>Antes de propor qualquer ação, entendemos o negócio.</p>
        <p>Depois, conectamos estratégia, marca, conteúdo, criatividade, tecnologia e execução para construir um crescimento mais consistente.</p>
      </div>
      <div class="button-group hero__actions">
        <a class="button button--primary" href="/sobre">Conheça a Legatto</a>
        <a class="button button--secondary" href="/contato">Vamos conversar</a>
      </div>
    </div>
  </section>

  <!-- 2. POSICIONAMENTO -->
  <section id="posicionamento" class="section section--light" aria-labelledby="posicionamento-title">
    <div class="container container--narrow">
      <p class="section__eyebrow">O desafio</p>
      <h2 id="posicionamento-title" class="section__title">Marketing não costuma faltar. O que costuma faltar é conexão.</h2>
      <div class="prose">
        <p>Muitas empresas realizam campanhas, produzem conteúdo, investem em mídia, mantêm redes sociais, atualizam o site e adotam novas ferramentas.</p>
        <p>Mesmo assim, os resultados nem sempre aparecem como deveriam.</p>
        <p>Isso acontece quando cada ação trabalha com uma lógica diferente. A marca diz uma coisa, o site apresenta outra, a mídia promete o que a operação ainda não consegue entregar e o comercial recebe oportunidades sem contexto suficiente para continuar a conversa.</p>
        <p>A Legatto organiza esse caminho.</p>
        <p>Conectamos as competências certas para que marca, comunicação, tecnologia, atendimento e vendas deixem de funcionar como partes isoladas.</p>
      </div>
      <p class="section__highlight">Mais ações não criam integração. Direção cria.</p>
    </div>
  </section>

  <!-- 3. FORMA DE PENSAR -->
  <section id="forma-de-pensar" class="section section--dark" aria-labelledby="forma-de-pensar-title">
    <div class="container container--narrow">
      <p class="section__eyebrow">Nossa forma de pensar</p>
      <h2 id="forma-de-pensar-title" class="section__title">Antes da ferramenta, vem a pergunta certa.</h2>
      <div class="prose">
        <p>Não começamos perguntando qual campanha o cliente quer fazer, qual rede social precisa alimentar ou qual tecnologia deseja implantar.</p>
        <p>Começamos entendendo:</p>
      </div>
      <ul class="list list--check">
        <li>o que precisa mudar no negócio;</li>
        <li>como a empresa quer ser percebida;</li>
        <li>onde estão os ruídos da jornada;</li>
        <li>o que já funciona;</li>
        <li>o que está disperso;</li>
        <li>qual avanço realmente faz sentido agora.</li>
      </ul>
      <div class="prose">
        <p>A ferramenta entra depois.</p>
        <p>Porque uma boa solução, aplicada ao problema errado, continua sendo a solução errada.</p>
      </div>
      <p class="section__highlight">Entendemos o negócio antes de propor o caminho.</p>
    </div>
  </section>

  <!-- 4. CAPACIDADE INTEGRADA -->
  <section id="capacidade-integrada" class="section section--light" aria-labelledby="capacidade-title">
    <div class="container">
      <p class="section__eyebrow">Capacidade integrada</p>
      <h2 id="capacidade-title" class="section__title">Muitas competências. Uma direção.</h2>
      <div class="section__intro prose">
        <p>A Legatto reúne estratégia, branding, conteúdo, criatividade, mídia, tecnologia, automação e execução.</p>
        <p>Mas nossa diferença não está apenas em conhecer muitas ferramentas.</p>
        <p>Está em saber quando cada uma delas deve entrar, o papel que precisa cumprir e como deve se conectar ao restante da estratégia.</p>
      </div>
      <div class="card-grid card-grid--three">
        <article class="card capability-card">
          <h3 class="card__title">Construir uma marca mais clara</h3>
          <p class="card__text">Organizamos posicionamento, identidade e comunicação para que a empresa seja compreendida, reconhecida e escolhida pelas razões certas.</p>
        </article>
        <article class="card capability-card">
          <h3 class="card__title">Transformar conhecimento em autoridade</h3>
          <p class="card__text">Traduzimos experiência, repertório e informação técnica em conteúdos capazes de informar, gerar confiança e apoiar decisões.</p>
        </article>
        <article class="card capability-card">
          <h3 class="card__title">Criar uma presença digital que ajude o negócio</h3>
          <p class="card__text">Desenvolvemos sites, páginas, conteúdos e estratégias de busca que ajudam alguém a entender a empresa, confiar nela e saber qual é o próximo passo.</p>
        </article>
        <article class="card capability-card">
          <h3 class="card__title">Gerar e acompanhar oportunidades</h3>
          <p class="card__text">Conectamos mídia, inbound marketing, automação, CRM, WhatsApp, marketing e vendas para que uma oportunidade não perca contexto quando muda de canal, pessoa ou momento.</p>
        </article>
        <article class="card capability-card">
          <h3 class="card__title">Integrar o digital e o presencial</h3>
          <p class="card__text">Criamos campanhas, materiais, sinalização, apresentações, eventos e experiências que preservam a coerência da marca em diferentes pontos de contato.</p>
        </article>
        <article class="card capability-card">
          <h3 class="card__title">Aplicar tecnologia com direção</h3>
          <p class="card__text">Utilizamos inteligência artificial, automação e novas ferramentas para ampliar pesquisa, análise, planejamento, produção e operação.</p>
          <p class="card__highlight">A tecnologia acelera. A estratégia decide o que merece ser acelerado.</p>
        </article>
      </div>
      <div class="section__actions">
        <a class="button button--primary" href="/solucoes">Conheça nossas soluções</a>
      </div>
    </div>
  </section>

  <!-- 5. ESPECIALIZAÇÕES -->
  <section id="especializacoes" class="section section--accent" aria-labelledby="especializacoes-title">
    <div class="container">
      <p class="section__eyebrow">Especializações</p>
      <h2 id="especializacoes-title" class="section__title">Repertório para entender contextos que exigem mais profundidade.</h2>
      <div class="section__intro prose">
        <p>Atuamos com empresas de diferentes segmentos.</p>
        <p>Ao longo da nossa trajetória, desenvolvemos uma experiência especialmente consistente em dois mercados: Indústria e Saúde.</p>
        <p>Não porque sejam os únicos setores em que podemos trabalhar. Mas porque são áreas nas quais conhecimento técnico, confiança, reputação e jornadas de decisão mais complexas fazem parte de quase todos os projetos.</p>
      </div>
      <div class="specialty-grid">
        <article class="specialty-card" aria-labelledby="industria-title">
          <p class="specialty-card__eyebrow">Indústria e B2B</p>
          <h3 id="industria-title" class="specialty-card__title">Marketing para empresas que precisam tornar o complexo mais fácil de entender, sem torná-lo superficial.</h3>
          <div class="prose">
            <p>Em mercados industriais e B2B, a decisão raramente acontece em um único contato.</p>
            <p>Ela envolve diferentes pessoas, informações técnicas, comparações, validações internas e uma relação próxima entre marketing e comercial.</p>
            <p>A Legatto atua em projetos de posicionamento, branding, sites, conteúdo técnico, geração de demanda, mídia, materiais comerciais, feiras, comunicação interna, employer branding, CRM, automação e integração entre marketing e vendas.</p>
            <p>Marketing industrial não é apenas gerar contatos. É ajudar uma empresa complexa a ser compreendida, diferenciada e escolhida.</p>
          </div>
          <p class="specialty-card__highlight">Comunicação técnica não precisa ser fria. Precisa ser precisa.</p>
          <a class="button button--secondary" href="/marketing-para-industrias">Conheça nossa atuação em Indústria</a>
        </article>
        <article class="specialty-card" aria-labelledby="saude-title">
          <p class="specialty-card__eyebrow">Saúde</p>
          <h3 id="saude-title" class="specialty-card__title">Comunicação para um mercado em que cada palavra participa da confiança.</h3>
          <div class="prose">
            <p>Quem procura uma clínica, um médico ou um serviço de saúde não chega apenas com uma dúvida.</p>
            <p>Chega com expectativa, receio, urgência e a necessidade de encontrar uma resposta segura.</p>
            <p>Por isso, a comunicação precisa equilibrar autoridade, clareza, acolhimento, ética, reputação, informação, facilidade de acesso, relacionamento, jornada do paciente e conversão responsável.</p>
            <p>A tecnologia pode facilitar o caminho, organizar o atendimento e reduzir ruídos. Mas não deve retirar da experiência o que precisa continuar humano.</p>
          </div>
          <p class="specialty-card__highlight">Na saúde, velocidade ajuda. Confiança decide.</p>
          <a class="button button--secondary" href="/marketing-para-saude">Conheça nossa atuação em Saúde</a>
        </article>
      </div>
      <article class="other-markets">
        <h3 class="other-markets__title">Outros mercados e projetos</h3>
        <p>Também desenvolvemos trabalhos para organizações de diferentes setores que valorizam estratégia, profundidade e continuidade.</p>
        <p>Nossa experiência inclui projetos institucionais, educacionais, culturais, editoriais, comemorativos e desafios que nem sempre cabem em uma categoria tradicional.</p>
        <p class="other-markets__highlight">Quando o projeto é especial, a solução também precisa ser.</p>
      </article>
    </div>
  </section>

  <!-- 6. MÉTODO -->
  <section id="metodo" class="section section--light" aria-labelledby="metodo-title">
    <div class="container">
      <p class="section__eyebrow">Método</p>
      <h2 id="metodo-title" class="section__title">Um caminho para transformar pensamento em resultado.</h2>
      <div class="section__intro prose">
        <p>A forma de trabalhar da Legatto pode ser organizada em seis movimentos.</p>
        <p>Eles não representam uma fórmula rígida. Representam a lógica que orienta nossas decisões.</p>
      </div>
      <ol class="method-grid">
        <li class="method-step">
          <p class="method-step__number" aria-hidden="true">01</p>
          <h3 class="method-step__title">Entender</h3>
          <p class="method-step__text">O negócio, o contexto, o público, os objetivos, as restrições e o problema real.</p>
          <p class="method-step__question"><strong>Pergunta:</strong> o que precisa mudar no negócio ou na percepção?</p>
        </li>
        <li class="method-step">
          <p class="method-step__number" aria-hidden="true">02</p>
          <h3 class="method-step__title">Organizar</h3>
          <p class="method-step__text">As prioridades, o posicionamento, a jornada, os dados, as responsabilidades e a estratégia.</p>
          <p class="method-step__question"><strong>Pergunta:</strong> o que vem antes, o que depende de quê e o que pode esperar?</p>
        </li>
        <li class="method-step">
          <p class="method-step__number" aria-hidden="true">03</p>
          <h3 class="method-step__title">Conectar</h3>
          <p class="method-step__text">A marca, os canais, as ferramentas, o conteúdo, a mídia, as vendas e a experiência.</p>
          <p class="method-step__question"><strong>Pergunta:</strong> como cada ponto contribui para o todo?</p>
        </li>
        <li class="method-step">
          <p class="method-step__number" aria-hidden="true">04</p>
          <h3 class="method-step__title">Implementar</h3>
          <p class="method-step__text">Transformar o raciocínio em entrega, presença, processo e operação.</p>
          <p class="method-step__question"><strong>Pergunta:</strong> o que precisa sair do papel agora?</p>
        </li>
        <li class="method-step">
          <p class="method-step__number" aria-hidden="true">05</p>
          <h3 class="method-step__title">Acompanhar</h3>
          <p class="method-step__text">Observar dados, comportamento, qualidade da operação e resultados.</p>
          <p class="method-step__question"><strong>Pergunta:</strong> o que está acontecendo de verdade, além da primeira impressão?</p>
        </li>
        <li class="method-step">
          <p class="method-step__number" aria-hidden="true">06</p>
          <h3 class="method-step__title">Evoluir</h3>
          <p class="method-step__text">Testar, aprender, ajustar e incorporar novas oportunidades.</p>
          <p class="method-step__question"><strong>Pergunta:</strong> qual é o próximo avanço que faz sentido?</p>
        </li>
      </ol>
      <p class="section__highlight">Entender para não chutar. Organizar para não dispersar. Conectar para não desperdiçar. Acompanhar para poder evoluir.</p>
    </div>
  </section>

  <!-- 7. EXPERIÊNCIA -->
  <section id="historia" class="section section--dark" aria-labelledby="historia-title">
    <div class="container container--narrow">
      <p class="section__eyebrow">Experiência</p>
      <h2 id="historia-title" class="section__title">Uma história que atravessa eras.</h2>
      <div class="prose">
        <p>A Legatto nasceu nos anos 1990, em Jundiaí, em um espaço de aproximadamente dois por dois metros na casa da avó de Márcia Ditt Cury.</p>
        <p>A estrutura era pequena. A disposição para construir, não.</p>
        <p>Naquele momento, não existiam redes sociais, marketing digital ou inteligência artificial.</p>
        <p>Existiam criação manual, produção gráfica, relacionamento com clientes e a necessidade de encontrar boas soluções com os recursos disponíveis.</p>
        <p>Desde então, atravessamos diferentes momentos da comunicação:</p>
      </div>
      <ul class="timeline-list">
        <li>criação manual;</li><li>produção gráfica;</li><li>editoração eletrônica;</li><li>internet;</li><li>websites;</li><li>mecanismos de busca;</li><li>redes sociais;</li><li>inbound marketing;</li><li>mídia de performance;</li><li>CRM;</li><li>automação;</li><li>jornadas conversacionais;</li><li>inteligência artificial;</li><li>mecanismos generativos de busca.</li>
      </ul>
      <div class="prose">
        <p>A Legatto não nasceu no marketing digital.</p>
        <p>Chegou até ele atravessando o que veio antes.</p>
        <p>Isso nos ajuda a reconhecer o que realmente mudou e o que continua essencial.</p>
        <p>As ferramentas evoluem. A necessidade de compreender pessoas, organizar uma mensagem e transformar intenção em ação permanece.</p>
      </div>
      <p class="section__highlight">A empresa começou pequena. O olhar nunca foi.</p>
      <div class="section__actions">
        <a class="button button--secondary" href="/sobre">Conheça nossa história</a>
      </div>
    </div>
  </section>

  <!-- 8. ACERVO DE 1994 -->
  <section id="acervo-1994" class="section section--light history-archive" aria-labelledby="acervo-title">
    <div class="container">
      <div class="split-layout">
        <div class="split-layout__content">
          <p class="section__eyebrow">Memória gráfica</p>
          <h2 id="acervo-title" class="section__title">Uma história preservada em desenhos, estudos e referências.</h2>
          <div class="prose">
            <p>O acervo da Legatto preserva estudos gráficos desenvolvidos por Márcia Ditt Cury no início dos anos 1990, relacionados a um projeto para os uniformes da Seleção Brasileira produzidos pela Umbro.</p>
            <p>Desenhos, estudos de padronagem e materiais de referência da coleção registram o processo criativo e apresentam correspondências com elementos do visual utilizado em 1994.</p>
            <p>Mais do que uma lembrança de época, esse material ajuda a contar uma característica que continua presente em nosso trabalho: estudar, experimentar, desenhar possibilidades e transformar referências em uma solução própria.</p>
          </div>
          <p class="section__highlight">A história não está apenas no que lembramos. Está também no que preservamos.</p>
        </div>
        <div class="split-layout__media">
          <!-- Substituir os blocos abaixo por widgets de imagem no Duda. -->
          <figure class="archive-figure">
            <div class="archive-figure__placeholder" aria-hidden="true">Inserir imagem do estudo original</div>
            <figcaption class="archive-figure__caption">Estudo gráfico original preservado no acervo da Legatto.</figcaption>
          </figure>
          <figure class="archive-figure">
            <div class="archive-figure__placeholder" aria-hidden="true">Inserir imagem da padronagem</div>
            <figcaption class="archive-figure__caption">Detalhe de um dos estudos de padronagem desenvolvidos no processo.</figcaption>
          </figure>
        </div>
      </div>
    </div>
  </section>

  <!-- 9. CASES -->
  <section id="cases" class="section section--light" aria-labelledby="cases-title">
    <div class="container">
      <p class="section__eyebrow">Cases</p>
      <h2 id="cases-title" class="section__title">Trabalho bom explica melhor do que adjetivo.</h2>
      <div class="section__intro prose">
        <p>Cada cliente chega com uma realidade, um momento e um desafio diferente.</p>
        <p>Por isso, nossos cases não servem apenas para mostrar peças bonitas.</p>
        <p>Eles apresentam o contexto, o problema, o raciocínio, as decisões e o caminho construído.</p>
      </div>
      <div class="case-grid">
        <article class="case-card">
          <p class="case-card__category">Indústria</p>
          <h3 class="case-card__title">KSB — 70 anos</h3>
          <p class="case-card__text">Um projeto para transformar história, cultura e legado industrial em uma experiência de marca.</p>
          <a class="text-link" href="/cases/ksb-70-anos">Conheça o projeto KSB</a>
        </article>
        <article class="case-card">
          <p class="case-card__category">Indústria</p>
          <h3 class="case-card__title">Böllhoff — 50 anos</h3>
          <p class="case-card__text">Comunicação comemorativa construída a partir da trajetória de uma empresa industrial e da relação com seus diferentes públicos.</p>
          <a class="text-link" href="/cases/bollhoff-50-anos">Conheça o projeto Böllhoff</a>
        </article>
        <article class="case-card">
          <p class="case-card__category">Saúde</p>
          <h3 class="case-card__title">Ver Mais — expansão de rede</h3>
          <p class="case-card__text">Uma parceria de longo prazo que acompanha diferentes etapas de crescimento, posicionamento, comunicação e relacionamento com pacientes.</p>
          <a class="text-link" href="/cases/expansao-rede">Conheça o case Ver Mais</a>
        </article>
        <article class="case-card">
          <p class="case-card__category">Projeto editorial</p>
          <h3 class="case-card__title">HQ Dom Pedrinho</h3>
          <p class="case-card__text">Uma narrativa criada para aproximar história, conhecimento e público por meio de uma linguagem acessível e envolvente.</p>
          <a class="text-link" href="/cases/hq-dom-pedrinho">Conheça o projeto Dom Pedrinho</a>
        </article>
        <article class="case-card">
          <p class="case-card__category">Exposição</p>
          <h3 class="case-card__title">Uva Niagara — 90 anos</h3>
          <p class="case-card__text">Um projeto que conecta pesquisa, memória, território e experiência.</p>
          <a class="text-link" href="/cases/exposicao-niagara">Conheça a exposição</a>
        </article>
      </div>
      <p class="section__highlight">Uma boa entrega resolve o agora. Uma boa parceria também prepara o próximo passo.</p>
      <div class="section__actions">
        <a class="button button--primary" href="/cases">Conheça todos os cases</a>
      </div>
    </div>
  </section>

  <!-- 10. PERFIL DE CLIENTE -->
  <section id="para-quem" class="section section--dark" aria-labelledby="para-quem-title">
    <div class="container container--narrow">
      <p class="section__eyebrow">Para quem</p>
      <h2 id="para-quem-title" class="section__title">Para empresas que não procuram apenas execução. Procuram direção.</h2>
      <p class="section__lead">Nosso trabalho tende a gerar mais valor para organizações que:</p>
      <ul class="list list--check">
        <li>desejam compreender antes de agir;</li>
        <li>valorizam estratégia e profundidade;</li>
        <li>precisam integrar diferentes áreas e canais;</li>
        <li>possuem jornadas de decisão mais complexas;</li>
        <li>querem aproximar marketing, comercial e atendimento;</li>
        <li>reconhecem a importância da marca no crescimento;</li>
        <li>precisam transformar conhecimento técnico em comunicação clara;</li>
        <li>preferem construir consistência a perseguir soluções da semana;</li>
        <li>valorizam uma relação próxima, franca e consultiva.</li>
      </ul>
      <div class="prose">
        <p>Atuamos especialmente com empresas de médio e maior porte, indústrias, negócios B2B, clínicas, grupos médicos, serviços de saúde e organizações com processos de marketing em estruturação ou evolução.</p>
      </div>
      <p class="section__highlight">Parceiro estratégico não é quem diz sim mais rápido. É quem ajuda a fazer a pergunta certa antes da resposta.</p>
    </div>
  </section>

  <!-- 11. CONTEÚDO -->
  <section id="conteudos" class="section section--light" aria-labelledby="conteudos-title">
    <div class="container">
      <p class="section__eyebrow">Conteúdo e conhecimento</p>
      <h2 id="conteudos-title" class="section__title">Conhecimento para apoiar decisões melhores.</h2>
      <div class="section__intro prose">
        <p>Marketing muda porque o comportamento, a tecnologia e os negócios também mudam.</p>
        <p>Nos conteúdos da Legatto, organizamos questões relacionadas a branding, posicionamento, marketing industrial, saúde, reputação, sites, experiência digital, conteúdo, SEO, GEO, inteligência artificial, inbound marketing, CRM, automação e integração entre marketing e vendas.</p>
        <p>Não queremos produzir mais conteúdo apenas para alimentar um calendário.</p>
        <p>Queremos construir respostas úteis para quem precisa tomar decisões.</p>
      </div>
      <p class="section__highlight">Mais informação não resolve falta de clareza.</p>
      <!-- Inserir cards de artigos reais. Cada título de artigo deve ser H3. -->
      <div class="section__actions">
        <a class="button button--primary" href="/blog">Acesse nossos conteúdos</a>
      </div>
    </div>
  </section>

  <!-- 12. FAQ -->
  <section id="perguntas-frequentes" class="section section--light" aria-labelledby="faq-title">
    <div class="container container--narrow">
      <p class="section__eyebrow">FAQ</p>
      <h2 id="faq-title" class="section__title">Perguntas frequentes</h2>
      <div class="faq-list">
        <details class="faq-item">
          <summary class="faq-item__question">A Legatto atende apenas empresas de Jundiaí?</summary>
          <div class="faq-item__answer prose"><p>Não. A Legatto tem sede em Jundiaí e atende empresas da região, de Campinas, de São Paulo e projetos de alcance nacional.</p></div>
        </details>
        <details class="faq-item">
          <summary class="faq-item__question">A Legatto trabalha apenas com Indústria e Saúde?</summary>
          <div class="faq-item__answer prose"><p>Não. Indústria e Saúde são áreas de forte experiência e especialização da Legatto. Também desenvolvemos projetos para empresas de diferentes segmentos que valorizam estratégia, integração e profundidade.</p></div>
        </details>
        <details class="faq-item">
          <summary class="faq-item__question">A Legatto trabalha com indústrias?</summary>
          <div class="faq-item__answer prose"><p>Sim. A Legatto possui experiência em projetos industriais e B2B que envolvem posicionamento, comunicação técnica, sites, conteúdo, mídia, materiais comerciais, feiras, employer branding, CRM e integração entre marketing e vendas.</p></div>
        </details>
        <details class="faq-item">
          <summary class="faq-item__question">A Legatto atende clínicas e empresas da área da saúde?</summary>
          <div class="faq-item__answer prose"><p>Sim. Atendemos clínicas, grupos médicos e organizações de saúde, com atenção especial à reputação, à ética, ao acolhimento, à jornada do paciente e à construção de confiança.</p></div>
        </details>
        <details class="faq-item">
          <summary class="faq-item__question">Quais soluções a Legatto oferece?</summary>
          <div class="faq-item__answer prose">
            <p>Atuamos com branding, posicionamento, sites, SEO, GEO, conteúdo, inbound marketing, mídia, redes sociais, CRM, automação, jornadas conversacionais, projetos offline, sinalização, projetos especiais e inteligência artificial aplicada.</p>
            <p>As competências não são oferecidas como uma lista fechada. Cada uma entra quando ajuda a resolver o problema certo.</p>
          </div>
        </details>
        <details class="faq-item">
          <summary class="faq-item__question">A Legatto desenvolve projetos pontuais?</summary>
          <div class="faq-item__answer prose"><p>Sim. Além dos contratos recorrentes, desenvolvemos projetos de branding, sites, campanhas, materiais institucionais, comunicação para eventos, projetos editoriais, sinalização, exposições e outras iniciativas especiais.</p></div>
        </details>
        <details class="faq-item">
          <summary class="faq-item__question">Como a Legatto utiliza inteligência artificial?</summary>
          <div class="faq-item__answer prose">
            <p>A inteligência artificial é utilizada para ampliar pesquisa, análise, planejamento, conteúdo, auditoria, automação, personalização e produção.</p>
            <p>Ela não substitui estratégia, repertório, sensibilidade ou entendimento do cliente.</p>
            <p>IA aumenta capacidade. Estratégia dá direção. Pessoas dão significado.</p>
          </div>
        </details>
      </div>
    </div>
  </section>

  <!-- 13. CTA FINAL -->
  <section id="contato" class="section cta-section" aria-labelledby="cta-title">
    <div class="container container--narrow cta-section__content">
      <p class="section__eyebrow">Próximo passo</p>
      <h2 id="cta-title" class="section__title">Seu marketing não precisa de mais peças soltas.</h2>
      <div class="prose">
        <p>Precisa de uma direção capaz de conectar o que sua empresa já faz ao que ainda precisa construir.</p>
        <p>A conversa pode começar pelo site, pela marca, pelo conteúdo, pela mídia, pelo CRM ou por um desafio que ainda não tem nome claro.</p>
        <p>Nós começamos entendendo.</p>
      </div>
      <div class="button-group cta-section__actions">
        <a class="button button--primary" href="/contato">Converse com a Legatto</a>
        <a class="button button--secondary" href="/solucoes">Conheça nossas soluções</a>
      </div>
    </div>
  </section>

</main>

<!-- RODAPÉ GLOBAL: implementar no rodapé compartilhado do Duda -->
<footer class="site-footer">
  <div class="container site-footer__content">
    <div class="site-footer__brand">
      <p class="site-footer__name">Legatto</p>
      <p class="site-footer__description">Agência de marketing estratégico em Jundiaí, com atuação nacional, forte experiência em Indústria e Saúde e projetos para empresas de diferentes mercados.</p>
      <p class="site-footer__services">Estratégia, branding, sites, conteúdo, mídia, automação, projetos online e offline e inteligência artificial aplicada.</p>
      <p class="site-footer__signature">Tudo se conecta para sua marca crescer.</p>
    </div>
    <nav class="site-footer__nav" aria-label="Navegação do rodapé">
      <a href="/sobre">Sobre</a>
      <a href="/solucoes">Soluções</a>
      <a href="/marketing-para-industrias">Indústria</a>
      <a href="/marketing-para-saude">Saúde</a>
      <a href="/cases">Cases</a>
      <a href="/blog">Conteúdos</a>
      <a href="/contato">Contato</a>
    </nav>
  </div>
</footer>
/* ==================================================================== */
/*                     System Style Definitions                         */
/* ==================================================================== */
@media all {
	:root {
		--btn-border-l-color: rgba(0, 0, 0, 0);
		--btn-border-r-color: rgba(0, 0, 0, 0);
		--btn-border-b-width: 0px;
		--btn-text-direction: ltr;
		--btn-border-radius: 50px;
		--btn-border-t-width: 0px;
		--btn-border-tl-radius: var(--btn-border-radius);
		--btn-border-br-radius: var(--btn-border-radius);
		--btn-border-bl-radius: var(--btn-border-radius);
		--btn-bg-color: var(--color_1);
		--btn-border-r-width: 0px;
		--btn-border-tr-radius: var(--btn-border-radius);
		--btn-bg-image: none;
		--btn-bg-position: 50% 50%;
		--btn-bg-repeat: no-repeat;
		--btn-border-b-color: rgba(0, 0, 0, 0);
		--btn-border-l-width: 0px;
		--border-style: solid;
		--btn-bg-size: contain;
		--btn-border-t-color: rgba(0, 0, 0, 0);
		--btn-text-align: center;
		--btn-text-color: var(--color_7);
		--btn-text-decoration: none;
		--btn-text-font-weight: normal;
		--btn-text-font-family: Poppins, "Poppins Fallback";
		--btn-icon-color: rgba(114, 127, 141, 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_7);
		--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_1);
		--btn-hover-text-font-weight: var(--btn-text-font-weight);
		--btn-hover-text-decoration: none;
		--btn-hover-text-font-style: var(--btn-text-font-style);
	}
	.button_2 {
		--btn-border-l-color: rgba(0, 0, 0, 0);
		--btn-border-r-color: rgba(0, 0, 0, 0);
		--btn-border-b-width: 0px;
		--btn-text-direction: ltr;
		--btn-border-radius: 50px;
		--btn-border-t-width: 0px;
		--btn-border-tl-radius: 100px;
		--btn-border-br-radius: 100px;
		--btn-border-bl-radius: 100px;
		--btn-bg-color: rgba(114, 127, 141, 1);
		--btn-border-r-width: 0px;
		--btn-border-tr-radius: 100px;
		--btn-bg-image: none;
		--btn-border-b-color: rgba(0, 0, 0, 0);
		--btn-border-l-width: 0px;
		--border-style: solid;
		--btn-border-t-color: rgba(0, 0, 0, 0);
		--btn-text-align: center;
		--btn-text-color: rgba(255, 255, 255, 1);
		--btn-text-decoration: none;
		--btn-text-font-weight: normal;
		--btn-text-font-family: Poppins, "Poppins 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: rgba(253,191,141,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, 0);
		--btn-hover-text-color: rgba(18, 20, 20, 1);
		--btn-hover-text-font-weight: var(--btn-text-font-weight);
		--btn-hover-text-decoration: none;
		--btn-hover-text-font-style: var(--btn-text-font-style);
	}
	:root {
		--section-padding-top: 30px;
		--section-padding-left: 0%;
		--section-padding-right: 0%;
		--section-padding-bottom: 30px;
		--column-padding-top: 0px;
		--column-padding-right: 15px;
		--column-padding-left: 15px;
		--column-padding-bottom: 0px;
		--inner-column-padding-left: 10px;
		--inner-column-padding-right: 10px;
		--inner-column-padding-top: 33px;
		--inner-column-padding-bottom: 33px;
	}
}
@media (min-width: 1025px) {
	:root {
		--btn-text-font-size: 16px;
	}
	.button_2 {
		--btn-text-font-size: 14px;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	:root {
		--btn-text-font-size: 14px;
	}
	.button_2 {
		--btn-text-font-size: 13px;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	:root {
		--btn-text-font-size: 8px;
	}
	.button_2 {
		--btn-text-font-size: 18px;
	}
	:root {
		--section-padding-left: 2%;
		--section-padding-right: 2%;
	}
}
@media (min-width: 0px) and (max-width: 767px) {
	:root {
		--btn-text-font-size: 13px;
	}
	.button_2 {
		--btn-text-font-size: 11px;
	}
}
@media (min-width: 0px) and (max-width: 767px) {
	:root {
		--btn-text-font-size: 11px;
	}
	.button_2 {
		--btn-text-font-size: 18px;
	}
	: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 .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] {
  overflow: initial;
  background-clip: border-box;
  border-radius: 1px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'].flexButton {
  padding: 16px 0;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] input,
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] .text {
  padding: 16px 0;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] .iconBg {
  display: none;
}
@media (min-width: 768px) {
#dm .dmRespRow .dmRespCol > .dmWidget[data-buttonstyle='BORDER_SHORT'],
#dm .sticky-widgets-container-global .dmWidget[data-buttonstyle='BORDER_SHORT'],
#dm .sticky-widgets-container .dmWidget[data-buttonstyle='BORDER_SHORT'] {
  width: 222px;
}
}
#dm .dmWidget:not([data-buttonstyle]),
div.buttons ,
#dm .button_2 .dmWidget:not([data-buttonstyle]),
#dm .dmWidget.button_2:not([data-buttonstyle]),
div.buttons .button_2,
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] {
  border-radius: 50px;
}
#dm .dmWidget:not([data-buttonstyle]).flexButton,
div.buttons .flexButton,
#dm .button_2 .dmWidget:not([data-buttonstyle]).flexButton,
#dm .dmWidget.button_2:not([data-buttonstyle]).flexButton,
div.buttons .button_2.flexButton,
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'].flexButton {
  padding: 10px 0px;
}
#dm .dmWidget:not([data-buttonstyle]) .textonly,
#dm .dmWidget:not([data-buttonstyle]) input,
#dm .dmWidget:not([data-buttonstyle]) .text,
div.buttons  .text,
#dm .button_2 .dmWidget:not([data-buttonstyle]) .textonly,
#dm .button_2 .dmWidget:not([data-buttonstyle]) input,
#dm .button_2 .dmWidget:not([data-buttonstyle]) .text,
#dm .dmWidget.button_2:not([data-buttonstyle]) .textonly,
#dm .dmWidget.button_2:not([data-buttonstyle]) input,
#dm .dmWidget.button_2:not([data-buttonstyle]) .text,
div.buttons .button_2 .text,
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] input,
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] .text {
  padding: 10px 0px;
}
#dm .dmWidget:not([data-buttonstyle]) .iconBg,
#dm .button_2 .dmWidget:not([data-buttonstyle]) .iconBg,
#dm .dmWidget.button_2:not([data-buttonstyle]) .iconBg,
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] .iconBg {
  display: none;
}
#dm div.dmInner #site_content .dmWidget,
#dm div.dmInner .dmHeader .dmWidget {
    background-color: var(--btn-bg-color);
    background-image: var(--btn-bg-image);
    background-position: var(--btn-bg-position);
    background-repeat: var(--btn-bg-repeat);
    background-size: var(--btn-bg-size);
    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);
    text-decoration: var(--btn-hover-text-decoration);
}
#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 *.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_1770720296.main-navigation.unifiednav .unifiednav__container[data-depth]>.unifiednav__item-wrap:not(:last-child)::after { border-top-width:0 !important; }

  *#dm .dmInner *.u_1770720296.main-navigation.unifiednav:not([image]) .unifiednav__container[data-depth="0"] { top:calc(100% - 5px - 0px) !important; }

  *#dm .dmInner *.u_1770720296.main-navigation.unifiednav[data-nav-structure="HORIZONTAL"] .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child) .unifiednav__container[data-depth="0"] { left:0 !important; }

  *#dm .dmInner *.u_1770720296.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:0 !important; }

  *#dm .dmInner *.u_1770720296.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:0 !important; }

  *#dm .dmInner *.u_1770720296.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item {
    margin-left:0 !important;
    padding-top:5px !important;
    padding-left:0 !important;
    padding-bottom:5px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    margin-right:0 !important;
    padding-right:0 !important;
  }

  *#dm .dmInner *.u_1791154305 { justify-content:center !important; }

  *#dm .dmInner nav.u_1791154305.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item {
    color:rgba(255,255,255,1) !important;
    font-family: Epilogue !important;
  }

  *#dm .dmInner nav.u_1791154305.main-navigation.unifiednav.effect-bottom2 .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item .nav-item-text::after {
    border-top-width:1px !important;
    border-top-style:solid !important;
  }

  *#dm .dmInner *.u_1791154305.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item {
    margin-left:0 !important;
    padding-top:0 !important;
    padding-left:24px !important;
    padding-bottom:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    margin-right:0 !important;
    padding-right:24px !important;
  }

  *#dm .dmInner nav.u_1770720296.main-navigation.unifiednav.effect-bottom2 .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item .nav-item-text::after {
    border-top-width:1px !important;
    border-top-style:solid !important;
  }

  *#dm .dmInner div.dmform-error { color:rgba(255,255,255,1) !important; }

  *#dm .dmInner div.dmform-error .rteBlock { color:rgba(255,255,255,1) !important; }

  *#dm .dmInner div.u_1824470812 .socialHubIcon {
    color:rgba(255,255,255,1) !important;
    border-color:rgba(255,255,255,1) !important;
  }

  *#dm .dmInner div.u_1048897061 .copyright {
    color:rgba(255,255,255,1) !important;
    font-weight:400 !important;
  }

  *#dm .dmInner *.u_1467545469 { width:100% !important; }

  *#dm .dmInner nav.u_1791154305.main-navigation.unifiednav .unifiednav__container[data-depth] { background-color:rgba(18,20,20,1) !important; }

  *#dm .dmInner nav.u_1791154305.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item {
    font-family: Epilogue !important;
    color:rgba(255,255,255,1) !important;
  }

  *#dm .dmInner nav.u_1791154305.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item:hover {
    background-color:rgba(18,20,20,1) !important;
    background-image:none !important;
    text-decoration:none !important;
    color:rgba(238,125,7,1) !important;
  }

  *#dm .dmInner nav.u_1791154305.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.hover {
    background-color:rgba(18,20,20,1) !important;
    background-image:none !important;
    text-decoration:none !important;
    color:rgba(238,125,7,1) !important;
  }

  *#dm .dmInner nav.u_1791154305.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.dmNavItemSelected {
    background-color:rgba(18,20,20,1) !important;
    background-image:none !important;
    text-decoration:none !important;
    color:rgba(238,125,7,1) !important;
  }

  *#dm .dmInner *.u_1791154305.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item {
    margin-left:0 !important;
    padding-top:15px !important;
    padding-left:15px !important;
    padding-bottom:15px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    margin-right:0 !important;
    padding-right:30px !important;
  }

  *#dm .dmInner *.u_1770720296.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:18px !important; }

  *#dm .dmInner *.u_1770720296.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:18px !important; }

  *#dm .dmInner div#hamburger-drawer.layout-drawer { background-color:rgba(18,20,20,1) !important; }

  *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav.effect-bottom2 .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item .nav-item-text::after {
    border-top-width:1px !important;
    border-top-style:solid !important;
    border-top-color:rgba(255,255,255,1) !important;
  }

  *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:hover { color:rgba(255,255,255,1) !important; }

  *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.hover { color:rgba(255,255,255,1) !important; }

  *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.dmNavItemSelected { color:rgba(255,255,255,1) !important; }

  *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item:hover { color:rgba(238,125,7,1) !important; }

  *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.hover { color:rgba(238,125,7,1) !important; }

  *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.dmNavItemSelected { color:rgba(238,125,7,1) !important; }

  *#dm .dmInner a.u_1532734003 { background-image:url(https://irp.cdn-website.com/c8ddcb60/dms3rep/multi/orange_button.svg) !important; }

  *#dm .dmInner a.u_1532734003 span.text {
    color:rgba(255,255,255,1) !important;
    text-decoration:none !important;
  }

  *#dm .dmInner a.u_1532734003:hover span.text { text-decoration:underline !important; }

  *#dm .dmInner a.u_1532734003.hover span.text { text-decoration:underline !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:22px !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:22px !important; }

  *#dm .dmInner *.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item {
    margin-left:0px !important;
    padding-top:16px !important;
    padding-left:0px !important;
    padding-bottom:8px !important;
    margin-top:0px !important;
    margin-bottom:0px !important;
    margin-right:0px !important;
    padding-right:0px !important;
  }

  *#dm .dmInner *.u_1998592992.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item {
    margin-left:0px !important;
    padding-top:8px !important;
    padding-left:12px !important;
    padding-bottom:20px !important;
    margin-top:0px !important;
    margin-bottom:0px !important;
    margin-right:0px !important;
    padding-right:12px !important;
  }

  *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item {
    color:rgba(255,255,255,1) !important;
    font-family: Epilogue !important;
    font-weight:500 !important;
    font-size:24px !important;
  }

  *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:24px !important; }

  *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:24px !important; }

  *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item {
    color:rgba(255,255,255,1) !important;
    font-size:16px !important;
  }

  *#dm .dmInner nav.u_1791154305 {
    background-color:rgba(0,0,0,0) !important;
    background-image:none !important;
  }

  *#dm .dmInner a.u_3492870434 span.text { font-size:14px !important; }

  *#dm .dmInner *.u_1048897061 .copyright {
    justify-content:flex-start !important;
    text-align:left !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; }
}

@media (min-width:1025px) {
  *.stickyHeaderSpacer { height:249.2734375px !important; }

  *#dm .dmInner *.u_1824470812 .socialHubIcon {
    width:32px !important;
    height:32px !important;
    font-size:21.333333333333332px !important;
    line-height:32px !important;
  }

  *#dm .dmInner *.u_1824470812 .socialHubIcon:after {
    width:40px !important;
    height:32px !important;
  }

  *#dm .dmInner *.u_1824470812.dmSocialHub .socialHubInnerDiv a:not(:last-child) { margin-right:18px !important; }

  *#dm .dmInner nav.u_1770720296.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:18px !important; }

  *#dm .dmInner div.dmform-error { font-size:18px !important; }

  *#dm .dmInner div.dmform-error .rteBlock { font-size:18px !important; }

  *#dm .dmInner *#hamburger-drawer.layout-drawer:not([data-origin="top"]) { width:40vw !important; }

  *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(40vw,0) !important; }

  *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content.hamburger-reverse { transform:translate(-40vw,0) !important; }

  *#dm .dmInner div.u_1048897061 .copyright { font-size:14px !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 *.u_1824470812 .socialHubIcon {
    width:32px !important;
    height:32px !important;
    font-size:21.333333333333332px !important;
    line-height:32px !important;
  }

  *#dm .dmInner *.u_1824470812 .socialHubIcon:after {
    width:40px !important;
    height:32px !important;
  }

  *#dm .dmInner *.u_1824470812.dmSocialHub .socialHubInnerDiv a:not(:last-child) { margin-right:18px !important; }

  *#dm .dmInner nav.u_1770720296.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:16px !important; }

  *#dm .dmInner div.dmform-error { font-size:18px !important; }

  *#dm .dmInner div.dmform-error .rteBlock { font-size:18px !important; }

  *#dm .dmInner div.u_1048897061 .copyright { font-size:16px !important; }

  *#dm .dmInner *.u_1998592992 li .unifiednav__item { justify-content:flex-start !important; }

  *#dm .dmInner a.u_1532734003 {
    background-position:50% 50% !important;
    background-repeat:no-repeat !important;
    background-size:contain !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 *#hamburger-drawer.layout-drawer:not([data-origin="top"]) { width:55vw !important; }

  *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(55vw,0) !important; }

  *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content.hamburger-reverse { transform:translate(-55vw,0) !important; }
}

@media (min-width:0) and (max-width:767px) {
  *#dm .dmInner *.u_1824470812 .socialHubIcon {
    width:29px !important;
    height:29px !important;
    font-size:19.333333333333332px !important;
    line-height:29px !important;
  }

  *#dm .dmInner *.u_1824470812 .socialHubIcon:after {
    width:37px !important;
    height:29px !important;
  }

  *#dm .dmInner *.u_1824470812.dmSocialHub .socialHubInnerDiv a:not(:last-child) { margin-right:59px !important; }

  *#dm .dmInner div.u_1048897061 .copyright { font-size:15px !important; }
}

@media (min-width:0) and (max-width:767px) {
  *#dm .dmInner div.dmform-error { font-size:16px !important; }

  *#dm .dmInner div.dmform-error .rteBlock { font-size:16px !important; }

  *#dm .dmInner *.u_1824470812 .socialHubIcon {
    width:32px !important;
    height:32px !important;
    font-size:21.333333333333332px !important;
    line-height:32px !important;
  }

  *#dm .dmInner *.u_1824470812 .socialHubIcon:after {
    width:40px !important;
    height:32px !important;
  }

  *#dm .dmInner *.u_1824470812.dmSocialHub .socialHubInnerDiv a:not(:last-child) { margin-right:24px !important; }

  *#dm .dmInner nav.u_1770720296.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:18px !important; }

  *#dm .dmInner *.u_1998592992 li .unifiednav__item { justify-content:flex-start !important; }

  *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:22px !important; }

  *#dm .dmInner div#hamburger-drawer.layout-drawer {
    margin-left:0 !important;
    padding-top:0 !important;
    padding-left:0 !important;
    padding-bottom:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    margin-right:0 !important;
    padding-right:0 !important;
  }

  *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { font-size:18px !important; }
}

@media (min-width:0px) and (max-width:767px) {
  *#dm .dmInner a.u_1532734003 {
    background-repeat:no-repeat !important;
    background-size:contain !important;
    background-position:50% 50% !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 nav.u_1998592992.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { font-size:16px !important; }

  *#dm .dmInner a.u_3492870434 span.text { font-size:9px !important; }
}
@media all {
    
#flex-header {
    background-color: var(--color_1);
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    
    background-image: none;
}
}



@media all {
    
#flex-footer {
    background-color: var(--color_1);
}
}



@media all {
    
#\36 3a049320d35b55b4ef2a374 {
    column-gap: 4%;
    row-gap: 24px;
    background-color: rgba(0, 0, 0, 0);
    margin-left: 0%;
    padding: 16px 16px 16px 16px;
    width: 100%;
    min-height: 8px;
    justify-content: flex-start;
    margin-top: 0%;
    margin-bottom: 0%;
    min-width: 4%;
    margin-right: 0%;
}
    
#\36 3a049320d35b55b4ef2a376 {
    background-color: rgba(0, 0, 0, 0);
}
    
#\36 3a049320d35b55b4ef2a377 {
    column-gap: 4%;
    row-gap: 24px;
    margin-left: 0%;
    padding: 4% 4% 4% 4%;
    width: 100%;
    min-height: 200px;
    margin-top: 0%;
    margin-bottom: 0%;
    margin-right: 0%;
}
    
#\36 3a049ca0d35b55b4ef2a5c3 {
    align-self: auto;
    max-width: 100%;
    width: 544px;
    grid-area: auto / auto / auto / auto;
    height: auto;
    order: 0;
}
    
#\36 2d6a167a824ca526194d9a5 {
    background-color: rgba(232, 255, 133, 1);
}
    
#widget_9gj {
    max-width: 100%;
    width: 221px;
    height: 72px;
    order: 0;
}
}



@media all {
    
#\36 406026c90e1521f6ecb0ecd {
    column-gap: 4%;
    row-gap: 24px;
    margin-left: 0%;
    padding: 16px 16px 16px 16px;
    width: 100%;
    min-height: 8px;
    margin-top: 0%;
    margin-bottom: 0%;
    min-width: 4%;
    margin-right: 0%;
}
    
#\36 406026c90e1521f6ecb0ecc {
    column-gap: 4%;
    row-gap: 24px;
    margin-left: 0%;
    padding: 4% 4% 4% 4%;
    width: 100%;
    min-height: 39px;
    margin-top: 0%;
    margin-bottom: 0%;
    margin-right: 0%;
}
    
#widget_s4l {
    max-width: 100%;
    width: 100%;
    height: auto;
    order: 1;
}
}



@media all {
    
#\36 cd050e8 {
    column-gap: 4%;
    row-gap: 24px;
    width: 32.67%;
    min-height: 8px;
    justify-content: flex-start;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#a47bc403 {
    column-gap: 1%;
    row-gap: 6px;
    width: 100%;
    min-height: 491px;
    flex-wrap: nowrap;
    padding: 4% 2% 2% 2%;
    margin: 0% 0% 0% 0%;
}
    
#group_i2n {
    column-gap: 4%;
    row-gap: 24px;
    width: 32.67%;
    justify-content: flex-start;
    min-height: 8px;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#widget_bqr {
    max-width: 100%;
    width: 100%;
    height: auto;
    order: 0;
}
    
#widget_ekj {
    max-width: 100%;
    width: 100%;
    height: auto;
}
    
#widget_6uv {
    max-width: 100%;
    width: 100%;
    height: auto;
}
    
#widget_ene {
    align-self: auto;
    max-width: 100%;
    width: 100.00%;
    justify-self: auto;
    height: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#f47084d7 {
    background-color: var(--color_5);
    background-image: none;
}
    
#group_i7s {
    column-gap: 4%;
    row-gap: 24px;
    width: 32.67%;
    min-height: 8px;
    min-width: 4%;
}
    
#\39 a3feb36 {
    align-self: auto;
    max-width: 100%;
    width: 99.4%;
    justify-self: auto;
    height: auto;
    order: 0;
    margin: -216px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_0jl {
    max-width: 100%;
    width: 100.00%;
    height: auto;
    order: 1;
}
}



@media all {
    
#\31 328dc0e {
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-height: 8px;
    min-width: 4%;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#b1d7ec97 {
    background-color: var(--color_5);
    background-image: none;
    border-width: 1px 0 0 0;
    border-color: var(--color_1) #000000 #000000 #000000;
    border-style: solid;
}
    
#\39 e89f214 {
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-height: 8px;
    align-items: flex-end;
    min-width: 4%;
    padding: 0% 0% 0% 16px;
    margin: 0% 0% 0% 0%;
}
    
#b7dedefc {
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-height: 0;
    flex-wrap: nowrap;
    padding: 1% 2% 1% 2%;
    margin: 0% 0% 0% 0%;
}
    
#widget_o63 {
    max-width: 100%;
    width: 100%;
    height: auto;
    align-self: center;
    margin: 0px 0% 0px 0%;
}
    
#widget_0oi {
    max-width: 100%;
    width: 208px;
    justify-self: auto;
    height: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#bcd9c347 {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\34 70d6940 {
    column-gap: 4%;
    row-gap: 24px;
    background-color: rgba(0,0,0,1);
    flex-direction: row;
    width: 50%;
    min-height: 8px;
    align-items: center;
    background-image: none;
    min-width: 4%;
    order: 1;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\37 83a5f98 {
    max-width: 100%;
    width: 190px;
    height: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#\32 b11ac7e {
    column-gap: 0%;
    row-gap: 0px;
    max-width: none;
    width: 100%;
    min-height: 120px;
    flex-wrap: nowrap;
    padding: 0% 2% 0% 2%;
    margin: 0% 0% 0% 0%;
}
    
#b9b998d9 {
    min-height: 8px;
    column-gap: 0%;
    row-gap: 24px;
    background-color: rgba(0,0,0,1);
    flex-direction: row;
    width: 50%;
    justify-content: flex-end;
    align-items: center;
    background-image: none;
    min-width: 4%;
    order: 2;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#bb0bb164 {
    background-color: rgba(0,0,0,1);
    background-image: none;
}
    
#widget_hu0 {
    max-width: 100%;
    width: 192px;
    min-height: 41px;
    height: auto;
    order: 3;
}
}



@media all {
    
#d5c9f44c.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#d5c9f44c {
    align-self: stretch;
    max-width: 100%;
    width: 100.00%;
    height: auto;
    margin: 0px 0% 0px 0%;
}
    
#de293fd9[data-background-color-animation] {
    --bg-start: var(--color_6);
}
#de293fd9 {
    background-color: rgba(18, 20, 20, 1);
    border-width: 0px 0 0 0;
    border-color: var(--color_7) var(--color_7) var(--color_7) var(--color_7);
    background-image: none;
    border-style: solid;
}
    
#fedf438e {
    column-gap: 2%;
    row-gap: 12px;
    max-width: none;
    width: 100%;
    min-height: 40px;
    flex-wrap: nowrap;
    padding: 1% 2% 1% 2%;
    margin: 0% 0% 0% 0%;
}
    
#\33 8d73471 {
    column-gap: 4%;
    row-gap: 77px;
    width: 100%;
    min-height: 8px;
    align-items: center;
    min-width: 4%;
    order: 1;
    padding: 4px 16px 4px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\32 23f01e7 {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#af16c1d7 {
    column-gap: 4%;
    row-gap: 24px;
    margin-left: 0%;
    padding: 16px 16px 6px 16px;
    width: 100%;
    min-height: 8px;
    justify-content: flex-end;
    margin-top: 0%;
    align-items: flex-end;
    margin-bottom: 0%;
    min-width: 4%;
    margin-right: 0%;
}
    
#\33 ab99996 {
    column-gap: 4%;
    row-gap: 24px;
    margin-left: 0%;
    padding: 4% 4% 4% 4%;
    width: 100%;
    min-height: 77px;
    margin-top: 0%;
    margin-bottom: 0%;
    margin-right: 0%;
}
    
#c0c5d72a a {
    background-color: rgba(0,0,0,0);
}
#c0c5d72a svg {
    fill: rgba(255, 255, 255, 1);
}
#c0c5d72a {
    width: 30px;
    height: 30px;
}
}



@media all {
    
#\35 8f28815 {
    column-gap: 4%;
    row-gap: 24px;
    max-width: none;
    width: 100%;
    min-height: 240px;
    flex-wrap: nowrap;
}
    
#b830d224 {
    max-width: 100%;
    grid-template-rows: minmax(300px, max-content);
    width: 100%;
}
    
#\35 823e29e {
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-height: 8px;
    min-width: 4%;
}
}



@media (min-width: 1025px) {
}



@media (min-width: 1025px) {
    
#widget_s4l {
    align-self: auto;
    width: 95.82%;
    justify-self: auto;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#flex-header {
    
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 3a049320d35b55b4ef2a374 {
    padding-top: 10%;
    padding-bottom: 24px;
    justify-content: space-between;
}
    
#\36 3a049320d35b55b4ef2a377 {
    padding: 4% 4% 4% 4%;
    min-height: 596px;
}
    
#widget_9gj {
    align-self: flex-start;
    margin-left: 0px;
    width: 208px;
    margin-right: 0px;
    height: 66px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 406026c90e1521f6ecb0ecc {
    padding: 4% 4% 4% 4%;
    min-height: 136px;
}
    
#\36 406026c90e1521f6ecb0ecd {
    padding-bottom: 16px;
    justify-content: flex-end;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#a47bc403 {
    column-gap: 0%;
    padding-top: 8%;
    flex-direction: row;
    padding-left: 2%;
    min-height: 346px;
    flex-wrap: nowrap;
    padding-right: 2%;
}
    
#\36 cd050e8 {
    width: 33.3%;
    min-height: 8px;
    order: 0;
}
    
#group_i2n {
    width: 33.3%;
    min-height: 8px;
    order: 2;
}
    
#group_i7s {
    width: 33.3%;
    min-height: 8px;
    order: 3;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#b7dedefc {
    padding-left: 2%;
    padding-right: 2%;
}
    
#\39 e89f214 {
    width: 37.94%;
}
    
#\31 328dc0e {
    width: 58.00%;
}
    
#widget_0oi {
    width: 259px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\34 70d6940 {
    padding-top: 8px;
    width: 50%;
    padding-bottom: 8px;
    justify-content: flex-start;
    min-height: 8px;
    order: 0;
}
    
#\32 b11ac7e {
    column-gap: 0%;
    flex-direction: row;
    padding-left: 2%;
    min-height: 88px;
    flex-wrap: nowrap;
    padding-right: 2%;
}
    
#\37 83a5f98 {
    width: 166px;
    height: auto;
}
    
#b9b998d9 {
    column-gap: 5%;
    width: 50%;
    min-height: 8px;
    order: 2;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#fedf438e {
    padding-left: 2%;
    padding-right: 2%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 ab99996 {
    padding-left: 2%;
    padding-right: 2%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\35 8f28815 {
    padding-left: 2%;
    padding-right: 2%;
}
}



@media (max-width: 767px) {
}



@media (max-width: 767px) {
    
#flex-header {
    
    padding-top: 10px;
    padding-bottom: 0px;
}
}



@media (max-width: 767px) {
    
}



@media (max-width: 767px) {
    
#\36 3a049320d35b55b4ef2a374 {
    padding-top: 16px;
    width: 100%;
    padding-bottom: 16px;
    min-height: 538px;
    justify-content: space-between;
    height: auto;
}
    
#\36 3a049320d35b55b4ef2a377 {
    padding: 16px 4% 16px 4%;
    flex-direction: column;
    min-height: unset;
}
    
#\36 3a049ca0d35b55b4ef2a5c3 {
    align-self: flex-start;
    margin-left: 0px;
    margin-right: 0px;
}
    
#widget_9gj {
    align-self: center;
    margin-left: 0px;
    width: 260px;
    height: 66px;
    margin-right: 0px;
}
}



@media (max-width: 767px) {
    
#\36 406026c90e1521f6ecb0ecd {
    width: 100%;
    padding-bottom: 16px;
    min-height: 219px;
    justify-content: flex-start;
    height: auto;
}
    
#\36 406026c90e1521f6ecb0ecc {
    padding: 4% 4% 4% 4%;
    flex-direction: column;
    min-height: unset;
}
    
#widget_s4l {
    margin-left: 0px;
    margin-right: 0px;
}
}



@media (max-width: 767px) {
    
#\36 cd050e8 {
    row-gap: 16px;
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#a47bc403 {
    row-gap: 16px;
    padding-top: 12%;
    flex-direction: column;
    padding-left: 4%;
    min-height: 0;
    flex-wrap: nowrap;
    padding-right: 4%;
}
    
#group_i2n {
    row-gap: 16px;
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#widget_6uv {
    align-self: flex-start;
    width: 100.00%;
    justify-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_ekj {
    order: 0;
}
    
#group_i7s {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\39 a3feb36 {
    margin-top: 11px;
}
    
#widget_0jl.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#widget_0jl {
    align-self: flex-start;
    margin: 0px 0px 10px 0px;
}
}



@media (max-width: 767px) {
    
#\31 328dc0e {
    column-gap: 4%;
    flex-direction: column;
    width: 100%;
    min-height: 48px;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
}
    
#\39 e89f214 {
    padding-top: 16px;
    width: 100%;
    padding-bottom: 16px;
    min-height: 34px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 16px;
}
    
#b7dedefc {
    row-gap: 8px;
    padding-top: 2%;
    flex-direction: column;
    padding-left: 4%;
    min-height: unset;
    padding-right: 4%;
}
    
#widget_0oi.flex-element.widget-wrapper > [data-element-type] {
    padding-left: 0%;
}
#widget_0oi {
    margin-left: -2%;
    max-width: none;
    width: 215px;
}
    
#widget_o63 {
    margin-left: 0%;
    align-self: flex-start;
    width: 100%;
    margin-right: 0%;
}
}



@media (max-width: 767px) {
    
#\34 70d6940 {
    padding-top: 8px;
    width: 50%;
    padding-bottom: 8px;
    justify-content: flex-start;
    min-height: 8px;
    order: 0;
}
    
#\32 b11ac7e {
    column-gap: 0%;
    flex-direction: row;
    padding-left: 2%;
    min-height: 77px;
    flex-wrap: nowrap;
    padding-right: 2%;
}
    
#\37 83a5f98 {
    width: 93px;
    height: auto;
}
    
#b9b998d9 {
    column-gap: 7%;
    width: 50%;
    justify-content: flex-end;
    min-height: 8px;
    order: 2;
    padding: 16px 5px 16px 5px;
    margin: 0% 0% 0% 0%;
}
    
#widget_hu0.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 0px 0px 0px 0px;
}
#widget_hu0 {
    align-self: auto;
    width: 160px;
    min-height: 30px;
    justify-self: auto;
    height: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media (max-width: 767px) {
    
#fedf438e {
    flex-direction: column;
    padding-left: 4%;
    min-height: 0;
    flex-wrap: nowrap;
    padding-right: 4%;
}
    
#\33 8d73471 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
}



@media (max-width: 767px) {
    
#af16c1d7 {
    padding-top: 16px;
    width: 100%;
    min-height: 42px;
    height: auto;
}
    
#\33 ab99996 {
    padding: 4% 4% 4% 4%;
    flex-direction: column;
    min-height: unset;
}
}



@media (max-width: 767px) {
    
#\35 8f28815 {
    flex-direction: column;
    padding-left: 4%;
    min-height: 0;
    flex-wrap: nowrap;
    padding-right: 4%;
}
    
#\35 823e29e {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
}

