.item-notice {
  text-align: center;
  margin-top: 20px;
  background: aliceblue;
  padding: 10px 80px;
  border-radius: 8px;
  position: relative; }
  .item-notice p {
    margin-bottom: 0px;
    color: #c9c9c9;
    font-size: 15px; }
  .item-notice:before {
    content: '\e491';
    color: #c9c9c9;
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%); }

#media-upload-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
  width: 100%;
  max-width: 1200px;
  height: 65vh;
  background: white;
  padding: 30px;
  overflow-y: auto;
  border-radius: 8px;
  opacity: 0;
  display: none;
  pointer-events: none;
  transition: opacity 0.23s ease-in-out; }
  .popup-media-show #media-upload-popup {
    pointer-events: all;
    opacity: 1;
    display: block; }

.media-upload-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 19;
  background: black;
  opacity: 0;
  display: none;
  pointer-events: none;
  transition: opacity 0.23s ease-in-out; }
  .popup-media-show .media-upload-overlay {
    pointer-events: all;
    opacity: 0.34;
    display: block; }

#editHtmlflowDump, #editFormflowDump {
  display: none; }

#designformflowcollector {
  padding: 40px 40px 40px 100px; }

.backgroundiamgestyle-campaign, #outerformFlow {
  background-size: cover;
  background-attachment: fixed; }

#outerDesignFlowForm {
  overflow: hidden;
  background-size: cover;
  background-attachment: fixed; }

#designflowcollector {
  margin: 0 auto;
  max-width: 10000px;
  min-height: 70vh;
  box-shadow: 0px 0px 0px 0vw #f5f4e7; }
  #designflowcollector.desktop-viewport {
    max-width: 2000px;
    transition: all 0.5s ease-in-out;
    box-shadow: 0px 0px 0px 0vw #f5f4e7; }
  #designflowcollector.mobile-viewport {
    box-shadow: 0px 0px 0px 101.4vw #f5f4e7;
    max-width: 360px;
    transition: all 0.5s ease-in-out; }
  #designflowcollector.tablet-viewport {
    box-shadow: 0px 0px 0px 101.4vw #f5f4e7;
    max-width: 768px;
    transition: all 0.5s ease-in-out; }

.designflowouterwraps {
  width: 100%;
  min-height: 70vh;
  border: 1px solid #ccc;
  border-radius: 7px;
  position: relative;
  margin-bottom: 60px; }
  .designflowouterwraps #designflowcollector, .designflowouterwraps #designformflowcollector {
    display: block;
    width: 100%; }
    .designflowouterwraps #designflowcollector .formtag, .designflowouterwraps #designformflowcollector .formtag {
      margin-bottom: 40px;
      min-height: 40px;
      border: 2px dotted #692A7B; }
    .designflowouterwraps #designflowcollector .taggable, .designflowouterwraps #designformflowcollector .taggable {
      min-height: 40px; }
      .designflowouterwraps #designflowcollector .taggable:empty, .designflowouterwraps #designformflowcollector .taggable:empty {
        border: 2px dotted #692A7B; }
    .designflowouterwraps #designflowcollector .editableTargetSelector, .designflowouterwraps #designflowcollector .editableRowTargetSelector, .designflowouterwraps #designformflowcollector .editableTargetSelector, .designflowouterwraps #designformflowcollector .editableRowTargetSelector {
      position: relative; }
      .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-selector:before, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-selector:before, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-selector:before, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-selector:before {
        content: '';
        opacity: 1;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: solid tomato 2px; }
      .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap {
        position: absolute;
        top: 0px;
        right: 0px;
        height: 38px;
        width: auto;
        background: tomato;
        display: flex;
        overflow: hidden;
        border-radius: 0px 0px 0px 7px; }
        .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector, .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-item-selector, .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #delete-item-selector, .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-row-item-selector, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-item-selector, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #delete-item-selector, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-row-item-selector, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-item-selector, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #delete-item-selector, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-row-item-selector, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-item-selector, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #delete-item-selector, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-row-item-selector {
          width: calc(132px / 3);
          display: flex;
          justify-items: center;
          align-items: center;
          cursor: pointer;
          transition: all 0.1s ease-in-out; }
          .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector:before, .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-item-selector:before, .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #delete-item-selector:before, .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-row-item-selector:before, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector:before, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-item-selector:before, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #delete-item-selector:before, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-row-item-selector:before, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector:before, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-item-selector:before, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #delete-item-selector:before, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-row-item-selector:before, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector:before, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-item-selector:before, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #delete-item-selector:before, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-row-item-selector:before {
            font-size: 18px;
            color: white;
            font-family: "Font Awesome 6 Pro";
            font-weight: 300;
            width: 100%;
            text-align: center; }
          .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector:hover, .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-item-selector:hover, .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #delete-item-selector:hover, .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-row-item-selector:hover, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector:hover, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-item-selector:hover, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #delete-item-selector:hover, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-row-item-selector:hover, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector:hover, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-item-selector:hover, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #delete-item-selector:hover, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-row-item-selector:hover, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector:hover, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-item-selector:hover, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #delete-item-selector:hover, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-row-item-selector:hover {
            background: black; }
        .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector {
          background: #692A7B;
          cursor: grab; }
          .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector.grabbing, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector.grabbing, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector.grabbing, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector.grabbing {
            cursor: grabbing !important; }
          .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector:before, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector:before, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector:before, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #move-item-selector:before {
            content: '\f0b2'; }
        .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-item-selector, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-item-selector, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-item-selector, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-item-selector {
          background: #3bf1a7; }
          .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-item-selector:before, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-item-selector:before, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-item-selector:before, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #edit-item-selector:before {
            content: '\f5ad'; }
        .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #delete-item-selector, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #delete-item-selector, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #delete-item-selector, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #delete-item-selector {
          background: #f10f40; }
          .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #delete-item-selector:before, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #delete-item-selector:before, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-selector #edit-selector-wrap #delete-item-selector:before, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-selector #edit-selector-wrap #delete-item-selector:before {
            content: '\f12d'; }
      .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-row-selector, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-row-selector, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-row-selector, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-row-selector {
        padding-top: 40px; }
        .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-row-selector:before, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-row-selector:before, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-row-selector:before, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-row-selector:before {
          border: solid blue 2px; }
        .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-row-selector #edit-row-item-selector, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-row-selector #edit-row-item-selector, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-row-selector #edit-row-item-selector, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-row-selector #edit-row-item-selector {
          background: #3bf1a7; }
          .designflowouterwraps #designflowcollector .editableTargetSelector.this-targeted-edit-row-selector #edit-row-item-selector:before, .designflowouterwraps #designflowcollector .editableRowTargetSelector.this-targeted-edit-row-selector #edit-row-item-selector:before, .designflowouterwraps #designformflowcollector .editableTargetSelector.this-targeted-edit-row-selector #edit-row-item-selector:before, .designflowouterwraps #designformflowcollector .editableRowTargetSelector.this-targeted-edit-row-selector #edit-row-item-selector:before {
            content: '\f53f' !important; }
    .designflowouterwraps #designflowcollector #reviewsTargetLazyLoad, .designflowouterwraps #designflowcollector #formTargetLazyLoad, .designflowouterwraps #designformflowcollector #reviewsTargetLazyLoad, .designflowouterwraps #designformflowcollector #formTargetLazyLoad {
      min-height: 200px;
      background: #692A7B;
      display: flex;
      justify-content: center;
      align-items: center; }
      .designflowouterwraps #designflowcollector #reviewsTargetLazyLoad::after, .designflowouterwraps #designflowcollector #formTargetLazyLoad::after, .designflowouterwraps #designformflowcollector #reviewsTargetLazyLoad::after, .designflowouterwraps #designformflowcollector #formTargetLazyLoad::after {
        content: '\f005 \f005 \f005 \f005 \f005';
        font-family: "Font Awesome 6 Pro";
        font-weight: 300;
        color: white;
        font-size: 40px; }
      .designflowouterwraps #designflowcollector #reviewsTargetLazyLoad#formTargetLazyLoad::after, .designflowouterwraps #designflowcollector #formTargetLazyLoad#formTargetLazyLoad::after, .designflowouterwraps #designformflowcollector #reviewsTargetLazyLoad#formTargetLazyLoad::after, .designflowouterwraps #designformflowcollector #formTargetLazyLoad#formTargetLazyLoad::after {
        color: white;
        content: '\f46d' !important; }
    .designflowouterwraps #designflowcollector .image-item-design-wrapper figure, .designflowouterwraps #designformflowcollector .image-item-design-wrapper figure {
      height: 100%;
      background: #692A7B;
      min-height: 240px;
      margin: 0;
      display: flex;
      justify-content: center;
      align-items: center; }
      .designflowouterwraps #designflowcollector .image-item-design-wrapper figure.image-filled, .designflowouterwraps #designformflowcollector .image-item-design-wrapper figure.image-filled {
        min-height: auto;
        background: transparent;
        display: block; }
        .designflowouterwraps #designflowcollector .image-item-design-wrapper figure.image-filled::after, .designflowouterwraps #designformflowcollector .image-item-design-wrapper figure.image-filled::after {
          display: none; }
      .designflowouterwraps #designflowcollector .image-item-design-wrapper figure::after, .designflowouterwraps #designformflowcollector .image-item-design-wrapper figure::after {
        content: '\f083';
        color: white;
        font-family: "Font Awesome 6 Pro";
        font-weight: 300;
        font-size: 40px; }
      .designflowouterwraps #designflowcollector .image-item-design-wrapper figure.video-item-wrapper::after, .designflowouterwraps #designformflowcollector .image-item-design-wrapper figure.video-item-wrapper::after {
        content: '\f03d'; }
    .designflowouterwraps #designflowcollector.header-Roboto h1, .designflowouterwraps #designflowcollector.header-Roboto h2, .designflowouterwraps #designflowcollector.header-Roboto h3, .designflowouterwraps #designflowcollector.header-Roboto h4, .designflowouterwraps #designflowcollector.header-Roboto h5, .designflowouterwraps #designflowcollector.header-Roboto h6, .designflowouterwraps #designformflowcollector.header-Roboto h1, .designflowouterwraps #designformflowcollector.header-Roboto h2, .designflowouterwraps #designformflowcollector.header-Roboto h3, .designflowouterwraps #designformflowcollector.header-Roboto h4, .designflowouterwraps #designformflowcollector.header-Roboto h5, .designflowouterwraps #designformflowcollector.header-Roboto h6 {
      font-family: "Roboto", sans-serif; }
    .designflowouterwraps #designflowcollector.body-Roboto p, .designflowouterwraps #designflowcollector.body-Roboto a, .designflowouterwraps #designflowcollector.body-Roboto ul, .designflowouterwraps #designflowcollector.body-Roboto li, .designflowouterwraps #designformflowcollector.body-Roboto p, .designflowouterwraps #designformflowcollector.body-Roboto a, .designflowouterwraps #designformflowcollector.body-Roboto ul, .designflowouterwraps #designformflowcollector.body-Roboto li {
      font-family: "Roboto", sans-serif; }
    .designflowouterwraps #designflowcollector.header-Montserrat h1, .designflowouterwraps #designflowcollector.header-Montserrat h2, .designflowouterwraps #designflowcollector.header-Montserrat h3, .designflowouterwraps #designflowcollector.header-Montserrat h4, .designflowouterwraps #designflowcollector.header-Montserrat h5, .designflowouterwraps #designflowcollector.header-Montserrat h6, .designflowouterwraps #designformflowcollector.header-Montserrat h1, .designflowouterwraps #designformflowcollector.header-Montserrat h2, .designflowouterwraps #designformflowcollector.header-Montserrat h3, .designflowouterwraps #designformflowcollector.header-Montserrat h4, .designflowouterwraps #designformflowcollector.header-Montserrat h5, .designflowouterwraps #designformflowcollector.header-Montserrat h6 {
      font-family: "Montserrat", sans-serif; }
    .designflowouterwraps #designflowcollector.body-Montserrat p, .designflowouterwraps #designflowcollector.body-Montserrat a, .designflowouterwraps #designflowcollector.body-Montserrat ul, .designflowouterwraps #designflowcollector.body-Montserrat li, .designflowouterwraps #designformflowcollector.body-Montserrat p, .designflowouterwraps #designformflowcollector.body-Montserrat a, .designflowouterwraps #designformflowcollector.body-Montserrat ul, .designflowouterwraps #designformflowcollector.body-Montserrat li {
      font-family: "Montserrat", sans-serif; }
    .designflowouterwraps #designflowcollector.header-OpenSans h1, .designflowouterwraps #designflowcollector.header-OpenSans h2, .designflowouterwraps #designflowcollector.header-OpenSans h3, .designflowouterwraps #designflowcollector.header-OpenSans h4, .designflowouterwraps #designflowcollector.header-OpenSans h5, .designflowouterwraps #designflowcollector.header-OpenSans h6, .designflowouterwraps #designformflowcollector.header-OpenSans h1, .designflowouterwraps #designformflowcollector.header-OpenSans h2, .designflowouterwraps #designformflowcollector.header-OpenSans h3, .designflowouterwraps #designformflowcollector.header-OpenSans h4, .designflowouterwraps #designformflowcollector.header-OpenSans h5, .designflowouterwraps #designformflowcollector.header-OpenSans h6 {
      font-family: "Open Sans", sans-serif; }
    .designflowouterwraps #designflowcollector.body-OpenSans p, .designflowouterwraps #designflowcollector.body-OpenSans a, .designflowouterwraps #designflowcollector.body-OpenSans ul, .designflowouterwraps #designflowcollector.body-OpenSans li, .designflowouterwraps #designformflowcollector.body-OpenSans p, .designflowouterwraps #designformflowcollector.body-OpenSans a, .designflowouterwraps #designformflowcollector.body-OpenSans ul, .designflowouterwraps #designformflowcollector.body-OpenSans li {
      font-family: "Open Sans", sans-serif; }
    .designflowouterwraps #designflowcollector.header-PlayfairDisplay h1, .designflowouterwraps #designflowcollector.header-PlayfairDisplay h2, .designflowouterwraps #designflowcollector.header-PlayfairDisplay h3, .designflowouterwraps #designflowcollector.header-PlayfairDisplay h4, .designflowouterwraps #designflowcollector.header-PlayfairDisplay h5, .designflowouterwraps #designflowcollector.header-PlayfairDisplay h6, .designflowouterwraps #designformflowcollector.header-PlayfairDisplay h1, .designflowouterwraps #designformflowcollector.header-PlayfairDisplay h2, .designflowouterwraps #designformflowcollector.header-PlayfairDisplay h3, .designflowouterwraps #designformflowcollector.header-PlayfairDisplay h4, .designflowouterwraps #designformflowcollector.header-PlayfairDisplay h5, .designflowouterwraps #designformflowcollector.header-PlayfairDisplay h6 {
      font-family: "Playfair Display", serif; }
    .designflowouterwraps #designflowcollector.body-PlayfairDisplay p, .designflowouterwraps #designflowcollector.body-PlayfairDisplay a, .designflowouterwraps #designflowcollector.body-PlayfairDisplay ul, .designflowouterwraps #designflowcollector.body-PlayfairDisplay li, .designflowouterwraps #designformflowcollector.body-PlayfairDisplay p, .designflowouterwraps #designformflowcollector.body-PlayfairDisplay a, .designflowouterwraps #designformflowcollector.body-PlayfairDisplay ul, .designflowouterwraps #designformflowcollector.body-PlayfairDisplay li {
      font-family: "Playfair Display", serif; }
    .designflowouterwraps #designflowcollector.header-Jost h1, .designflowouterwraps #designflowcollector.header-Jost h2, .designflowouterwraps #designflowcollector.header-Jost h3, .designflowouterwraps #designflowcollector.header-Jost h4, .designflowouterwraps #designflowcollector.header-Jost h5, .designflowouterwraps #designflowcollector.header-Jost h6, .designflowouterwraps #designformflowcollector.header-Jost h1, .designflowouterwraps #designformflowcollector.header-Jost h2, .designflowouterwraps #designformflowcollector.header-Jost h3, .designflowouterwraps #designformflowcollector.header-Jost h4, .designflowouterwraps #designformflowcollector.header-Jost h5, .designflowouterwraps #designformflowcollector.header-Jost h6 {
      font-family: "Jost", sans-serif; }
    .designflowouterwraps #designflowcollector.body-Jost p, .designflowouterwraps #designflowcollector.body-Jost a, .designflowouterwraps #designflowcollector.body-Jost ul, .designflowouterwraps #designflowcollector.body-Jost li, .designflowouterwraps #designformflowcollector.body-Jost p, .designflowouterwraps #designformflowcollector.body-Jost a, .designflowouterwraps #designformflowcollector.body-Jost ul, .designflowouterwraps #designformflowcollector.body-Jost li {
      font-family: "Jost", sans-serif; }
    .designflowouterwraps #designflowcollector.header-Lato h1, .designflowouterwraps #designflowcollector.header-Lato h2, .designflowouterwraps #designflowcollector.header-Lato h3, .designflowouterwraps #designflowcollector.header-Lato h4, .designflowouterwraps #designflowcollector.header-Lato h5, .designflowouterwraps #designflowcollector.header-Lato h6, .designflowouterwraps #designformflowcollector.header-Lato h1, .designflowouterwraps #designformflowcollector.header-Lato h2, .designflowouterwraps #designformflowcollector.header-Lato h3, .designflowouterwraps #designformflowcollector.header-Lato h4, .designflowouterwraps #designformflowcollector.header-Lato h5, .designflowouterwraps #designformflowcollector.header-Lato h6 {
      font-family: "Lato", sans-serif; }
    .designflowouterwraps #designflowcollector.body-Lato p, .designflowouterwraps #designflowcollector.body-Lato a, .designflowouterwraps #designflowcollector.body-Lato ul, .designflowouterwraps #designflowcollector.body-Lato li, .designflowouterwraps #designformflowcollector.body-Lato p, .designflowouterwraps #designformflowcollector.body-Lato a, .designflowouterwraps #designformflowcollector.body-Lato ul, .designflowouterwraps #designformflowcollector.body-Lato li {
      font-family: "Lato", sans-serif; }
    .designflowouterwraps #designflowcollector.header-IBMPlexSansCondensed h1, .designflowouterwraps #designflowcollector.header-IBMPlexSansCondensed h2, .designflowouterwraps #designflowcollector.header-IBMPlexSansCondensed h3, .designflowouterwraps #designflowcollector.header-IBMPlexSansCondensed h4, .designflowouterwraps #designflowcollector.header-IBMPlexSansCondensed h5, .designflowouterwraps #designflowcollector.header-IBMPlexSansCondensed h6, .designflowouterwraps #designformflowcollector.header-IBMPlexSansCondensed h1, .designflowouterwraps #designformflowcollector.header-IBMPlexSansCondensed h2, .designflowouterwraps #designformflowcollector.header-IBMPlexSansCondensed h3, .designflowouterwraps #designformflowcollector.header-IBMPlexSansCondensed h4, .designflowouterwraps #designformflowcollector.header-IBMPlexSansCondensed h5, .designflowouterwraps #designformflowcollector.header-IBMPlexSansCondensed h6 {
      font-family: "IBM Plex Sans Condensed", sans-serif; }
    .designflowouterwraps #designflowcollector.body-IBMPlexSansCondensed p, .designflowouterwraps #designflowcollector.body-IBMPlexSansCondensed a, .designflowouterwraps #designflowcollector.body-IBMPlexSansCondensed ul, .designflowouterwraps #designflowcollector.body-IBMPlexSansCondensed li, .designflowouterwraps #designformflowcollector.body-IBMPlexSansCondensed p, .designflowouterwraps #designformflowcollector.body-IBMPlexSansCondensed a, .designflowouterwraps #designformflowcollector.body-IBMPlexSansCondensed ul, .designflowouterwraps #designformflowcollector.body-IBMPlexSansCondensed li {
      font-family: "IBM Plex Sans Condensed", sans-serif; }
    .designflowouterwraps #designflowcollector.header-IBMPlexSans h1, .designflowouterwraps #designflowcollector.header-IBMPlexSans h2, .designflowouterwraps #designflowcollector.header-IBMPlexSans h3, .designflowouterwraps #designflowcollector.header-IBMPlexSans h4, .designflowouterwraps #designflowcollector.header-IBMPlexSans h5, .designflowouterwraps #designflowcollector.header-IBMPlexSans h6, .designflowouterwraps #designformflowcollector.header-IBMPlexSans h1, .designflowouterwraps #designformflowcollector.header-IBMPlexSans h2, .designflowouterwraps #designformflowcollector.header-IBMPlexSans h3, .designflowouterwraps #designformflowcollector.header-IBMPlexSans h4, .designflowouterwraps #designformflowcollector.header-IBMPlexSans h5, .designflowouterwraps #designformflowcollector.header-IBMPlexSans h6 {
      font-family: "IBM Plex Sans", sans-serif; }
    .designflowouterwraps #designflowcollector.body-IBMPlexSans p, .designflowouterwraps #designflowcollector.body-IBMPlexSans a, .designflowouterwraps #designflowcollector.body-IBMPlexSans ul, .designflowouterwraps #designflowcollector.body-IBMPlexSans li, .designflowouterwraps #designformflowcollector.body-IBMPlexSans p, .designflowouterwraps #designformflowcollector.body-IBMPlexSans a, .designflowouterwraps #designformflowcollector.body-IBMPlexSans ul, .designflowouterwraps #designformflowcollector.body-IBMPlexSans li {
      font-family: "IBM Plex Sans", sans-serif; }
    .designflowouterwraps #designflowcollector.header-Merriweather h1, .designflowouterwraps #designflowcollector.header-Merriweather h2, .designflowouterwraps #designflowcollector.header-Merriweather h3, .designflowouterwraps #designflowcollector.header-Merriweather h4, .designflowouterwraps #designflowcollector.header-Merriweather h5, .designflowouterwraps #designflowcollector.header-Merriweather h6, .designflowouterwraps #designformflowcollector.header-Merriweather h1, .designflowouterwraps #designformflowcollector.header-Merriweather h2, .designflowouterwraps #designformflowcollector.header-Merriweather h3, .designflowouterwraps #designformflowcollector.header-Merriweather h4, .designflowouterwraps #designformflowcollector.header-Merriweather h5, .designflowouterwraps #designformflowcollector.header-Merriweather h6 {
      font-family: "Merriweather", serif; }
    .designflowouterwraps #designflowcollector.body-Merriweather p, .designflowouterwraps #designflowcollector.body-Merriweather a, .designflowouterwraps #designflowcollector.body-Merriweather ul, .designflowouterwraps #designflowcollector.body-Merriweather li, .designflowouterwraps #designformflowcollector.body-Merriweather p, .designflowouterwraps #designformflowcollector.body-Merriweather a, .designflowouterwraps #designformflowcollector.body-Merriweather ul, .designflowouterwraps #designformflowcollector.body-Merriweather li {
      font-family: "Merriweather", serif; }
  .designflowouterwraps #designEditFlow, .designflowouterwraps #formEditFlow {
    position: fixed;
    max-width: 100px;
    z-index: 100; }
  .designflowouterwraps #manipulateelementshtmlwrapper, .designflowouterwraps #manipulateelementsformwrapper {
    position: fixed;
    right: 40px;
    z-index: 999;
    transition: right 0.43s ease-in-out; }
    @media only screen and (min-width: 1640px) {
      .designflowouterwraps #manipulateelementshtmlwrapper, .designflowouterwraps #manipulateelementsformwrapper {
        right: calc((100% - 1500px) /2); } }
    .designflowouterwraps #manipulateelementshtmlwrapper.active, .designflowouterwraps #manipulateelementsformwrapper.active {
      right: 70px; }
      @media only screen and (min-width: 1640px) {
        .designflowouterwraps #manipulateelementshtmlwrapper.active, .designflowouterwraps #manipulateelementsformwrapper.active {
          right: calc((100% - 1450px) /2); } }
    .designflowouterwraps #manipulateelementshtmlwrapper ul, .designflowouterwraps #manipulateelementsformwrapper ul {
      position: absolute;
      top: -0px;
      padding: 20px;
      border-radius: 7px;
      background: whitesmoke;
      z-index: -1;
      padding: 20px;
      overflow: hidden;
      width: 280px;
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
      opacity: 0;
      right: 0px;
      pointer-events: none;
      display: flex;
      flex-flow: row wrap;
      gap: 10px;
      margin-top: 20px;
      transition: all 0.43s ease-in-out;
      max-height: 70vh;
      overflow-y: auto; }
      .designflowouterwraps #manipulateelementshtmlwrapper ul div, .designflowouterwraps #manipulateelementsformwrapper ul div {
        display: flex;
        flex-flow: row wrap;
        gap: 10px;
        transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
        width: 100%; }
        .designflowouterwraps #manipulateelementshtmlwrapper ul div.active, .designflowouterwraps #manipulateelementsformwrapper ul div.active {
          max-height: 1000px;
          transition: max-height 1s ease-in-out; }
        .designflowouterwraps #manipulateelementshtmlwrapper ul div p, .designflowouterwraps #manipulateelementsformwrapper ul div p {
          font-size: 12px; }
        .designflowouterwraps #manipulateelementshtmlwrapper ul div .notice-span, .designflowouterwraps #manipulateelementsformwrapper ul div .notice-span {
          font-size: 12px;
          color: #6d6d6d; }
        .designflowouterwraps #manipulateelementshtmlwrapper ul div .dualwrap, .designflowouterwraps #manipulateelementsformwrapper ul div .dualwrap {
          display: flex;
          flex-flow: row;
          gap: 10px;
          width: 100%; }
          .designflowouterwraps #manipulateelementshtmlwrapper ul div .dualwrap figure, .designflowouterwraps #manipulateelementsformwrapper ul div .dualwrap figure {
            margin: 0px;
            width: 90%; }
            .designflowouterwraps #manipulateelementshtmlwrapper ul div .dualwrap figure input[type="range"], .designflowouterwraps #manipulateelementsformwrapper ul div .dualwrap figure input[type="range"] {
              padding: 10px 0px;
              width: 100%;
              accent-color: #692A7B; }
            .designflowouterwraps #manipulateelementshtmlwrapper ul div .dualwrap figure span, .designflowouterwraps #manipulateelementsformwrapper ul div .dualwrap figure span {
              font-size: 12px;
              color: #6d6d6d; }
      .designflowouterwraps #manipulateelementshtmlwrapper ul.active, .designflowouterwraps #manipulateelementsformwrapper ul.active {
        opacity: 1;
        pointer-events: all; }
      .designflowouterwraps #manipulateelementshtmlwrapper ul h5, .designflowouterwraps #manipulateelementsformwrapper ul h5 {
        width: 100%;
        display: block;
        margin-bottom: 10px; }
        .designflowouterwraps #manipulateelementshtmlwrapper ul h5.toggle, .designflowouterwraps #manipulateelementsformwrapper ul h5.toggle {
          position: relative;
          cursor: pointer; }
      .designflowouterwraps #manipulateelementshtmlwrapper ul input, .designflowouterwraps #manipulateelementsformwrapper ul input {
        width: 100%;
        padding: 10px;
        border: 0;
        border-bottom: solid 2px #692A7B;
        background: transparent; }
      .designflowouterwraps #manipulateelementshtmlwrapper ul textarea, .designflowouterwraps #manipulateelementsformwrapper ul textarea {
        width: 100%;
        padding: 10px;
        border: 0;
        border-bottom: solid 2px #692A7B;
        background: transparent;
        resize: none;
        min-height: 70px; }
      .designflowouterwraps #manipulateelementshtmlwrapper ul li, .designflowouterwraps #manipulateelementsformwrapper ul li {
        width: auto;
        min-width: 44px; }
      .designflowouterwraps #manipulateelementshtmlwrapper ul .btn, .designflowouterwraps #manipulateelementsformwrapper ul .btn {
        background: #692A7B;
        padding: 10px 20px;
        color: white; }
        .designflowouterwraps #manipulateelementshtmlwrapper ul .btn .fill-container, .designflowouterwraps #manipulateelementsformwrapper ul .btn .fill-container {
          left: 0;
          gap: 0; }
    .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap {
      display: flex;
      align-items: center; }
      .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap input, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap input {
        width: 100%; }
      .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMaddlistitembtn, .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMremovelistitembtn, .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMremovelistitembtnform, .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMaddlistitembtnform, .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMaddlistitembtnformselect, .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMremovelistitembtnformselect, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMaddlistitembtn, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMremovelistitembtn, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMremovelistitembtnform, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMaddlistitembtnform, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMaddlistitembtnformselect, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMremovelistitembtnformselect {
        display: inline-flex;
        width: 40px;
        height: 25px;
        border-radius: 50px;
        cursor: pointer;
        margin-left: 5px;
        justify-content: center;
        align-items: center;
        transition: all 0.43s ease-in-out; }
        .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMaddlistitembtn:hover, .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMremovelistitembtn:hover, .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMremovelistitembtnform:hover, .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMaddlistitembtnform:hover, .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMaddlistitembtnformselect:hover, .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMremovelistitembtnformselect:hover, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMaddlistitembtn:hover, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMremovelistitembtn:hover, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMremovelistitembtnform:hover, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMaddlistitembtnform:hover, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMaddlistitembtnformselect:hover, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMremovelistitembtnformselect:hover {
          background: black; }
      .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMaddlistitembtn, .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMaddlistitembtnform, .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMaddlistitembtnformselect, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMaddlistitembtn, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMaddlistitembtnform, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMaddlistitembtnformselect {
        background: #3bf1a7; }
        .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMaddlistitembtn:before, .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMaddlistitembtnform:before, .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMaddlistitembtnformselect:before, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMaddlistitembtn:before, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMaddlistitembtnform:before, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMaddlistitembtnformselect:before {
          content: '+';
          font-size: 25px;
          color: white; }
      .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMremovelistitembtn, .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMremovelistitembtnform, .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMremovelistitembtnformselect, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMremovelistitembtn, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMremovelistitembtnform, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMremovelistitembtnformselect {
        background: #f10f40; }
        .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMremovelistitembtn:before, .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMremovelistitembtnform:before, .designflowouterwraps #manipulateelementshtmlwrapper .list-input-wrap .manipulateDOMremovelistitembtnformselect:before, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMremovelistitembtn:before, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMremovelistitembtnform:before, .designflowouterwraps #manipulateelementsformwrapper .list-input-wrap .manipulateDOMremovelistitembtnformselect:before {
          content: '-';
          font-size: 25px;
          color: white; }

.designeditblocks {
  max-width: 60px;
  padding: 20px 10px;
  background: whitesmoke;
  border-radius: 7px;
  margin-top: 20px;
  margin-left: 20px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }

.design-flow-block-items hr {
  margin: 15px 0px;
  background: white;
  width: 100%; }
.design-flow-block-items li {
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: column;
  background: white;
  justify-content: center;
  align-items: center;
  border-radius: 7px;
  padding: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  transition: all 0.1s ease-in-out; }
  .design-flow-block-items li.active, .design-flow-block-items li:hover {
    background: #692A7B; }
    .design-flow-block-items li.active i, .design-flow-block-items li.active span, .design-flow-block-items li:hover i, .design-flow-block-items li:hover span {
      color: white; }
    .design-flow-block-items li.active img, .design-flow-block-items li:hover img {
      filter: brightness(1) invert(1); }
  .design-flow-block-items li img {
    height: 18px;
    width: auto;
    filter: brightness(0) invert(0);
    transition: all 0.1s ease-in-out; }
    .design-flow-block-items li img.swap {
      transform: scaleX(-1); }
  .design-flow-block-items li i {
    transition: all 0.1s ease-in-out;
    font-size: 18px; }

#addelementshtmlwrapper, #addelementsfromwrapper, #styleFormInputs, #addFontOptionsWrapper {
  position: absolute;
  top: -0px;
  padding: 20px;
  border-radius: 7px;
  background: whitesmoke;
  z-index: -1;
  padding: 20px;
  overflow: hidden;
  display: flex;
  flex-flow: row wrap;
  width: 250px;
  gap: 10px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  opacity: 0;
  left: 50px;
  pointer-events: none;
  transition: all 0.43s ease-in-out; }
  #addelementshtmlwrapper.active, #addelementsfromwrapper.active, #styleFormInputs.active, #addFontOptionsWrapper.active {
    overflow: unset;
    opacity: 1;
    left: 110px;
    pointer-events: all;
    z-index: 10; }
  #addelementshtmlwrapper h5, #addelementsfromwrapper h5, #styleFormInputs h5, #addFontOptionsWrapper h5 {
    width: 100%;
    display: block;
    margin-bottom: 10px; }
  #addelementshtmlwrapper li, #addelementsfromwrapper li, #styleFormInputs li, #addFontOptionsWrapper li {
    width: auto; }
  #addelementshtmlwrapper figure, #addelementsfromwrapper figure, #styleFormInputs figure, #addFontOptionsWrapper figure {
    margin-bottom: 10px; }
    #addelementshtmlwrapper figure select, #addelementsfromwrapper figure select, #styleFormInputs figure select, #addFontOptionsWrapper figure select {
      box-shadow: none;
      background: white !important; }

#styleFormInputs .clr-field {
  width: 100%;
  margin-bottom: 10px; }
#styleFormInputs span {
  font-size: 12px;
  color: #6d6d6d; }
#styleFormInputs input {
  width: 100%;
  padding: 10px;
  border: 0;
  border-bottom: solid 2px #692A7B;
  background: transparent;
  padding-left: 30px; }

.requiredbox {
  width: auto !important; }

.padded-design-item {
  padding-top: 20px;
  padding-bottom: 20px; }
  @media only screen and (min-width: 720px) {
    .padded-design-item {
      padding-top: 40px;
      padding-bottom: 40px; } }

.row-design-item {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  padding-left: 40px;
  padding-right: 40px; }
  @media only screen and (min-width: 1200px) {
    .row-design-item {
      padding-right: calc((100% - 1200px) /2);
      padding-left: calc((100% - 1200px) /2); } }
  .tablet-viewport .row-design-item, .mobile-viewport .row-design-item {
    padding-left: 40px;
    padding-right: 40px; }

.col-container {
  display: flex;
  flex-flow: column; }
  @media only screen and (min-width: 720px) {
    .col-container {
      flex-flow: row wrap;
      gap: 20px; } }
  .col-container .two-col {
    width: 100%; }
    @media only screen and (min-width: 720px) {
      .col-container .two-col {
        width: calc((100% / 2) - 20px); } }
    .mobile-viewport .col-container .two-col {
      width: 100%; }
  .col-container .three-col {
    width: 100%; }
    @media only screen and (min-width: 720px) {
      .col-container .three-col {
        width: calc((100% / 2) - 20px); }
        .col-container .three-col:last-child {
          width: 100%; } }
    @media only screen and (min-width: 920px) {
      .col-container .three-col {
        width: calc((100% / 3) - 20px); }
        .col-container .three-col:last-child {
          width: calc((100% / 3) - 20px); } }
    .mobile-viewport .col-container .three-col {
      width: 100%; }
    .tablet-viewport .col-container .three-col {
      width: calc((100% / 2) - 20px); }
      .tablet-viewport .col-container .three-col:last-child {
        width: 100%; }
  .col-container .four-col {
    width: 100%; }
    @media only screen and (min-width: 720px) {
      .col-container .four-col {
        width: calc((100% / 2) - 20px); } }
    @media only screen and (min-width: 920px) {
      .col-container .four-col {
        width: calc((100% / 4) - 20px); } }
    .mobile-viewport .col-container .four-col {
      width: 100%; }
    .tablet-viewport .col-container .four-col {
      width: calc((100% / 2) - 20px); }
  .col-container .two-thirds-col {
    width: 100%; }
    @media only screen and (min-width: 720px) {
      .col-container .two-thirds-col {
        width: calc(60% - 20px); } }
    @media only screen and (min-width: 920px) {
      .col-container .two-thirds-col {
        width: calc(70% - 20px); } }
    .mobile-viewport .col-container .two-thirds-col {
      width: 100%; }
    .tablet-viewport .col-container .two-thirds-col {
      width: calc(60% - 20px); }
  .col-container .one-third-col {
    width: 100%; }
    @media only screen and (min-width: 720px) {
      .col-container .one-third-col {
        width: calc(40% - 20px); } }
    @media only screen and (min-width: 920px) {
      .col-container .one-third-col {
        width: calc(30% - 20px); } }
    .mobile-viewport .col-container .one-third-col {
      width: 100%; }
    .tablet-viewport .col-container .one-third-col {
      width: calc(40% - 20px); }

.image-item-wrapper img {
  width: 100%; }
.image-item-wrapper.centrealignItem {
  text-align: center; }
.image-item-wrapper.leftalignItem {
  text-align: left; }
.image-item-wrapper.rightalignItem {
  text-align: right; }

h1.heading-design-item, h2.heading-design-item, h3.heading-design-item, h4.heading-design-item, h5.heading-design-item, h6.heading-design-item {
  color: black;
  margin-top: 0px;
  margin-bottom: 30px;
  word-wrap: break-word; }
  h1.heading-design-item.centrealignItem, h2.heading-design-item.centrealignItem, h3.heading-design-item.centrealignItem, h4.heading-design-item.centrealignItem, h5.heading-design-item.centrealignItem, h6.heading-design-item.centrealignItem {
    text-align: center; }
  h1.heading-design-item.leftalignItem, h2.heading-design-item.leftalignItem, h3.heading-design-item.leftalignItem, h4.heading-design-item.leftalignItem, h5.heading-design-item.leftalignItem, h6.heading-design-item.leftalignItem {
    text-align: left; }
  h1.heading-design-item.rightalignItem, h2.heading-design-item.rightalignItem, h3.heading-design-item.rightalignItem, h4.heading-design-item.rightalignItem, h5.heading-design-item.rightalignItem, h6.heading-design-item.rightalignItem {
    text-align: right; }
  h1.heading-design-item.strongItem, h2.heading-design-item.strongItem, h3.heading-design-item.strongItem, h4.heading-design-item.strongItem, h5.heading-design-item.strongItem, h6.heading-design-item.strongItem {
    font-weight: 800; }
  h1.heading-design-item.emItem, h2.heading-design-item.emItem, h3.heading-design-item.emItem, h4.heading-design-item.emItem, h5.heading-design-item.emItem, h6.heading-design-item.emItem {
    font-style: italic; }
  h1.heading-design-item.underlineItem, h2.heading-design-item.underlineItem, h3.heading-design-item.underlineItem, h4.heading-design-item.underlineItem, h5.heading-design-item.underlineItem, h6.heading-design-item.underlineItem {
    text-decoration: underline; }
  h1.heading-design-item.strikeItem, h2.heading-design-item.strikeItem, h3.heading-design-item.strikeItem, h4.heading-design-item.strikeItem, h5.heading-design-item.strikeItem, h6.heading-design-item.strikeItem {
    text-decoration: line-through; }
  h1.heading-design-item.uppercaseItem, h2.heading-design-item.uppercaseItem, h3.heading-design-item.uppercaseItem, h4.heading-design-item.uppercaseItem, h5.heading-design-item.uppercaseItem, h6.heading-design-item.uppercaseItem {
    text-transform: uppercase; }
  h1.heading-design-item.lowercaseItem, h2.heading-design-item.lowercaseItem, h3.heading-design-item.lowercaseItem, h4.heading-design-item.lowercaseItem, h5.heading-design-item.lowercaseItem, h6.heading-design-item.lowercaseItem {
    text-transform: lowercase; }
  h1.heading-design-item.capitaliseItem, h2.heading-design-item.capitaliseItem, h3.heading-design-item.capitaliseItem, h4.heading-design-item.capitaliseItem, h5.heading-design-item.capitaliseItem, h6.heading-design-item.capitaliseItem {
    text-transform: capitalize; }

ul.unorderlist-design-item {
  padding-left: 30px; }

.anchor-item-design-wrapper.centrealignItem {
  text-align: center; }
.anchor-item-design-wrapper.leftalignItem {
  text-align: left; }
.anchor-item-design-wrapper.rightalignItem {
  text-align: right; }

p.paragraph-design-item, ul.unorderlist-design-item, label.label-design-item, a.anchor-design-item {
  line-height: 1.5;
  margin-bottom: 15px;
  margin-top: 0px;
  color: black;
  word-wrap: break-word; }
  p.paragraph-design-item.centrealignItem, ul.unorderlist-design-item.centrealignItem, label.label-design-item.centrealignItem, a.anchor-design-item.centrealignItem {
    text-align: center; }
  p.paragraph-design-item.leftalignItem, ul.unorderlist-design-item.leftalignItem, label.label-design-item.leftalignItem, a.anchor-design-item.leftalignItem {
    text-align: left; }
  p.paragraph-design-item.rightalignItem, ul.unorderlist-design-item.rightalignItem, label.label-design-item.rightalignItem, a.anchor-design-item.rightalignItem {
    text-align: right; }
  p.paragraph-design-item.strongItem, ul.unorderlist-design-item.strongItem, label.label-design-item.strongItem, a.anchor-design-item.strongItem {
    font-weight: 800; }
  p.paragraph-design-item.emItem, ul.unorderlist-design-item.emItem, label.label-design-item.emItem, a.anchor-design-item.emItem {
    font-style: italic; }
  p.paragraph-design-item.underlineItem, ul.unorderlist-design-item.underlineItem, label.label-design-item.underlineItem, a.anchor-design-item.underlineItem {
    text-decoration: underline; }
  p.paragraph-design-item.strikeItem, ul.unorderlist-design-item.strikeItem, label.label-design-item.strikeItem, a.anchor-design-item.strikeItem {
    text-decoration: line-through; }
  p.paragraph-design-item.uppercaseItem, ul.unorderlist-design-item.uppercaseItem, label.label-design-item.uppercaseItem, a.anchor-design-item.uppercaseItem {
    text-transform: uppercase; }
  p.paragraph-design-item.lowercaseItem, ul.unorderlist-design-item.lowercaseItem, label.label-design-item.lowercaseItem, a.anchor-design-item.lowercaseItem {
    text-transform: lowercase; }
  p.paragraph-design-item.capitaliseItem, ul.unorderlist-design-item.capitaliseItem, label.label-design-item.capitaliseItem, a.anchor-design-item.capitaliseItem {
    text-transform: capitalize; }

ul.unorderlist-design-item li {
  margin-bottom: 0px;
  word-wrap: break-word; }

a.anchor-design-item {
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 50px;
  padding-right: 50px;
  background: #3bf1a7;
  color: black;
  text-decoration: none;
  word-wrap: break-word; }

label.label-design-item {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  word-wrap: break-word; }

.input-item-design-wrapper input, .tel-item-design-wrapper input {
  width: 100%;
  display: block;
  padding: 10px;
  margin-bottom: 10px;
  border-style: solid !important; }

.select-item-design-wrapper select {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  display: block; }

#externalLoadDOM {
  display: none; }

#form {
  text-align: center;
  position: relative;
  overflow: hidden; }
  #form .padded-design-item {
    padding-top: 0px;
    padding-bottom: 20px; }
  #form .formtag {
    position: absolute;
    width: 100%;
    top: 0;
    opacity: 0;
    transition: all 0.44s ease-in-out; }
    #form .formtag.active {
      position: relative;
      opacity: 1; }

.buttontargetitem {
  padding: 9px 35px 10px;
  text-transform: uppercase;
  border-radius: 3px;
  border: none;
  cursor: pointer; }

#reviews {
  width: 100%; }
  #reviews .testimonials {
    width: 100%; }

#reviewsTargetLazyLoad {
  overflow: hidden;
  background: rgba(20, 9, 23, 0.55);
  padding: 30px 0px; }
  #reviewsTargetLazyLoad p {
    padding: 0px 30px; }
  #reviewsTargetLazyLoad .content-review-target {
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    font-size: 1.1em;
    line-height: 1.4;
    color: white; }
  #reviewsTargetLazyLoad .name-review-target {
    text-align: center;
    width: 100%;
    color: #f2c6ff;
    text-transform: uppercase;
    font-size: 1.1em; }

.required-item-selectro {
  margin-bottom: 10px; }
  .required-item-selectro input {
    border: solid 2px #f10f40;
    margin-bottom: 5px; }
  .required-item-selectro:after {
    content: 'This field is required';
    background: #f10f40;
    color: white;
    padding: 10px;
    width: 100%;
    display: block;
    box-sizing: border-box; }

.endofform {
  background: #3bf1a7;
  padding: 30px 50px;
  color: white; }

.countdown-item-design-wrapper {
  max-width: 600px;
  margin: 0 auto 40px;
  text-align: center;
  padding: 20px; }

.countdown-blocks {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  justify-content: center; }

.time-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f3f4f6;
  padding: 16px;
  border-radius: 0.5rem;
  color: black; }

.time-value {
  font-size: 2.25rem;
  font-weight: bold;
  margin-bottom: 0.25rem; }

.time-label {
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0; }

/* Medium screens */
@media (min-width: 768px) {
  .countdown-blocks {
    grid-template-columns: repeat(4, 1fr);
    gap: 22px; } }
/* Large screens */
@media (min-width: 1024px) {
  .countdown-blocks {
    display: grid;
    gap: 24px; }

  .time-block {
    min-width: 120px;
    padding: 20px 24px; }

  .time-value {
    font-size: 2.5rem; } }
/* Add animation for seconds changing */
.tns-outer {
  padding: 0 !important; }

.tns-outer [hidden] {
  display: none !important; }

.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer; }

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s; }

.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.tns-horizontal.tns-subpixel {
  white-space: nowrap; }

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal; }

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both; }

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left; }

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%; }

.tns-no-calc {
  position: relative;
  left: 0; }

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px; }

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s; }

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important; }

.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s; }

.tns-autowidth {
  display: inline-block; }

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6; }

.tns-lazy-img.tns-complete {
  opacity: 1; }

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s; }

.tns-ovh {
  overflow: hidden; }

.tns-visually-hidden {
  position: absolute;
  left: -10000em; }

.tns-transparent {
  opacity: 0;
  visibility: hidden; }

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0; }

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1; }

.tns-vpfix {
  white-space: nowrap; }

.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block; }

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden; }

.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0; }

.tns-t-ct:after {
  content: '';
  display: table;
  clear: both; }

.tns-t-ct > div {
  width: 1.4285714%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: calc(100% / 70);
  height: 10px;
  float: left; }

/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */

/*# sourceMappingURL=display.css.map */