.sumome-react-wysiwyg-popup-container.sumome-smartbar-popup.sumome-react-smartbar-bottom.sumome-react-smartbar-fixed {
    display: flex !important;
    flex-direction: row !important;
    background-color: #000;
    padding: 24px 48px 24px 24px;
    flex-wrap: nowrap;
    max-width: 1600px;
    left: 50%;
    transform: translateX(-50%);
    animation: slidein 1.2s;
    animation-fill-mode: both;
}

@keyframes slidein {
  from {
    -ms-transform: translate(-50%,100%);
    transform: translate(-50%,100%);
}
  to {
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
}
}

.sumome-react-wysiwyg-popup-container.sumome-smartbar-popup.sumome-react-smartbar-bottom.sumome-react-smartbar-fixed:before {
    content: "";
    display: block !important;
    position: absolute !important;
    top: 0px;
    left: calc(50% - 50vw);
    height: 100%;
    width: 100vw;
    background-color: #000;
}

.sumome-react-wysiwyg-popup-container.sumome-smartbar-popup.sumome-react-smartbar-bottom.sumome-react-smartbar-fixed .sumome-react-wysiwyg-component:not(.sumome-react-wysiwyg-is-moving).sumome-react-wysiwyg-close-button {
    right: calc(50% - 50vw + 16px) !important;
}

.sumome-react-wysiwyg-popup-container.sumome-smartbar-popup.sumome-react-smartbar-bottom.sumome-react-smartbar-fixed * {
    color: #fff !important;
    font-family: "franklin-gothic-urw",serif !important;
    height: auto !important;
}



.sumome-react-wysiwyg-popup-container.sumome-smartbar-popup.sumome-react-smartbar-bottom.sumome-react-smartbar-fixed  .sumome-react-wysiwyg-component.sumome-react-wysiwyg-smart-bar-background.sumome-react-wysiwyg-background {
    display: none !important;
}

.sumome-react-wysiwyg-popup-container.sumome-smartbar-popup.sumome-react-smartbar-bottom.sumome-react-smartbar-fixed .sumome-react-wysiwyg-component:not(.sumome-react-wysiwyg-smart-bar-button):not(.sumome-react-wysiwyg-close-button) {
    width: calc(100% - 200px) !important;
    margin: 0px !important;
    padding-right: 24px;
}

.sumome-react-wysiwyg-popup-container.sumome-smartbar-popup.sumome-react-smartbar-bottom.sumome-react-smartbar-fixed button {
    text-transform: uppercase;
    padding: 1em 1.4em !important;
    line-height: 1 !important;
    display: block !important;
    height: auto !important;
    box-sizing: border-box !important;
}

.sumome-react-wysiwyg-popup-container.sumome-smartbar-popup.sumome-react-smartbar-bottom.sumome-react-smartbar-fixed {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    flex-direction: row !important;
    background-color: #000;
    padding: 24px 48px 24px 24px;
    flex-wrap: nowrap;
    max-width: 1600px;
    left: 50%;
    transform: translateX(-50%);
}