@charset "utf-8";

.contacts-limit-hit-dialog { max-width: 400px; text-align: center; }

.contacts-limit-hit-dialog .title { font-size: 20px; font-weight: bold; text-transform: uppercase; }

.contacts-limit-hit-dialog .title .s-kit-icon { color: rgb(230, 71, 81); }

.contacts-limit-hit-dialog .content { margin: 20px 0px; text-align: left; font-size: 14px; }

.audience-plan-popup { max-width: 840px; color: rgb(99, 105, 114); }

@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.audience-plan-popup .fadeIn { animation-duration: 1s; animation-fill-mode: forwards; animation-name: fadeIn; }

@keyframes slideInUp { 
  0% { transform: translate3d(0px, 150%, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

.audience-plan-popup .slideInUp { animation-duration: 0.8s; animation-fill-mode: forwards; animation-name: slideInUp; }

.audience-plan-popup .popup-inner { display: flex; }

.audience-plan-popup .popup-inner .part-wrapper { padding: 50px; }

.audience-plan-popup .popup-inner .part-wrapper.blue { background: rgb(214, 239, 254); }

@media screen and (max-width: 860px) {
  .audience-plan-popup .popup-inner .part-wrapper.blue { display: none; }
  .audience-plan-popup .popup-inner .part-wrapper .livechat-intro-wrapper { display: none; }
}

.audience-plan-popup .popup-inner .part-wrapper .part-inner { opacity: 1; }

.audience-plan-popup .popup-inner .part-wrapper .livechat-intro-wrapper { margin-top: -10px; display: flex; flex-direction: column; align-items: center; width: 300px; height: 100%; line-height: 1.5; }

@media screen and (max-width: 860px) {
  .audience-plan-popup .popup-inner .part-wrapper .livechat-intro-wrapper { display: none; }
}

.audience-plan-popup .popup-inner .part-wrapper .livechat-intro-wrapper .advice { opacity: 0; animation-delay: calc(0.3s); color: rgb(110, 149, 214); font-size: 16px; font-weight: bold; margin-bottom: 20px; text-transform: uppercase; font-family: brandon-grotesque, brandon, martel-sans, "open sans", sans-serif; text-align: center; }

.audience-plan-popup .popup-inner .part-wrapper .livechat-intro-wrapper .livechat-left-profile { width: 60px; background-size: 60px auto; }

.audience-plan-popup .popup-inner .part-wrapper .livechat-intro-wrapper .livechat-right-profile { width: 60px; background-size: 60px auto; }

.audience-plan-popup .popup-inner .part-wrapper .livechat-intro-wrapper .chat-room { transform: translate3d(0px, 150%, 0px); animation-delay: 0.2s; width: 100%; height: 280px; font-size: 13px; font-weight: 300; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px 2px; border-radius: 6px; font-family: "Open Sans", open_sans, sans-serif !important; }

.audience-plan-popup .popup-inner .part-wrapper .livechat-intro-wrapper .chat-room .header { position: relative; border-radius: 6px 6px 0px 0px; display: flex; padding: 6px 15px; height: auto; background: rgb(250, 205, 62); }

.audience-plan-popup .popup-inner .part-wrapper .livechat-intro-wrapper .chat-room .header .logo { margin-bottom: -5px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 50%; position: relative; top: -12px; background-color: rgb(204, 204, 204); background-size: 50px auto; }

.audience-plan-popup .popup-inner .part-wrapper .livechat-intro-wrapper .chat-room .header .livechat-title { font-weight: bold; }

.audience-plan-popup .popup-inner .part-wrapper .livechat-intro-wrapper .chat-room .header .message { margin-left: 12px; }

.audience-plan-popup .popup-inner .part-wrapper .livechat-intro-wrapper .chat-room .header .close-btn { position: absolute; top: 1px; right: 8px; font-size: 22px; line-height: 30px; width: 20px; text-align: center; cursor: pointer; opacity: 0.5; font-family: "Open Sans", open_sans, sans-serif !important; }

.audience-plan-popup .popup-inner .part-wrapper .livechat-intro-wrapper .chat-room .chat-content { padding: 12px; height: 100%; background: rgb(255, 255, 255); }

.audience-plan-popup .popup-inner .part-wrapper .livechat-intro-wrapper .chat-room .chat-content .message-item-wrapper { opacity: 0; display: flex; margin-bottom: 10px; }

.audience-plan-popup .popup-inner .part-wrapper .livechat-intro-wrapper .chat-room .chat-content .message-item-wrapper .avatar-content { align-items: flex-end; display: flex; }

.audience-plan-popup .popup-inner .part-wrapper .livechat-intro-wrapper .chat-room .chat-content .message-item-wrapper .avatar-content .livechat-left-profile { width: 24px; height: 24px; background-size: 24px auto; margin-right: 5px; }

.audience-plan-popup .popup-inner .part-wrapper .livechat-intro-wrapper .chat-room .chat-content .message-item-wrapper .avatar-content .livechat-right-profile { width: 24px; height: 24px; background-size: 24px auto; margin-left: 5px; }

.audience-plan-popup .popup-inner .part-wrapper .livechat-intro-wrapper .chat-room .chat-content .message-item-wrapper.send-item { flex-direction: row-reverse; text-align: right; }

.audience-plan-popup .popup-inner .part-wrapper .livechat-intro-wrapper .chat-room .chat-content .message-item-wrapper .log-item { text-align: left; border-radius: 10px 10px 10px 0px; padding: 6px 8px; color: rgb(99, 105, 114); background: rgb(235, 238, 244); font-weight: 400; }

.audience-plan-popup .popup-inner .part-wrapper .livechat-intro-wrapper .chat-room .chat-content .message-item-wrapper .log-item.reply { width: 170px; border-radius: 10px 10px 0px; background: rgb(214, 239, 254); }

.audience-plan-popup .popup-inner .part-wrapper .livechat-intro-wrapper .message-tip { opacity: 0; animation-delay: 0.2s; }

.audience-plan-popup h3 { font-size: 20px; font-weight: bold; margin-bottom: 10px; }

.audience-plan-popup p { line-height: 1.5; margin: 20px 0px; }

.audience-plan-popup .s-kit-modal-content .s-kit-modal-body { font-size: 14px; padding: 0px; }

.audience-plan-popup .bottom-button .s-kit-btn { width: 100%; font-size: 16px; }

.audience-plan-popup .promotion-banner { margin-bottom: 10px; padding: 10px 20px; height: auto; }

.audience-plan-popup .promotion-banner .content { position: relative; transform: none; }

.audience-plan-popup .promotion-banner .content .early-bird-title { color: rgb(255, 255, 255); font-size: 14px; margin-bottom: 10px; }

.audience-plan-popup .promotion-banner .content .early-bird-info { color: rgb(253, 153, 40); font-size: 16px; font-weight: 600; text-shadow: black 0px 1px 5px, black 0px 1px 5px; text-transform: uppercase; font-family: brandon-grotesque, brandon, martel-sans, "open sans", sans-serif !important; }

.audience-plan-popup .promotion-banner .content .countdown-time { color: rgb(255, 255, 255); font-size: 16px; font-weight: 600; text-shadow: rgba(0, 0, 0, 0.9) 5px 5px 8px; font-family: "Open Sans", open_sans, sans-serif !important; }

.audience-plan-popup .staging-wrapper { margin: 20px 0px; }

.audience-plan-popup .radio-wrapper .s-kit-radio-group { text-align: left; }

.audience-plan-popup .radio-wrapper .s-kit-radio-group .thin { font-weight: 500; }

.audience-plan-popup .radio-wrapper .s-kit-radio-group .s-kit-radio-wrapper { font-size: 14px; }

.audience-plan-popup .radio-wrapper .disable { opacity: 0.5; }

.audience-plan-popup .slider-wrapper { margin-right: 10px; }

.audience-plan-popup .slider-wrapper .s-kit-slider-rail, .audience-plan-popup .slider-wrapper .s-kit-slider-track { height: 14px; border-radius: 7px; }

.audience-plan-popup .slider-wrapper .s-kit-slider-dot { top: 0px; width: 2px; height: 14px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; }

.audience-plan-popup .slider-wrapper .s-kit-slider-handle, .audience-plan-popup .slider-wrapper .s-kit-slider-handle::after { width: 16px; height: 16px; }

.audience-plan-popup .slider-wrapper .s-kit-slider-dot:nth-child(1) { display: none; }

.audience-plan-popup .slider-wrapper .s-kit-slider-dot:nth-last-child(1) { display: none; }

.audience-plan-popup .slider-wrapper .s-kit-slider-mark { top: 25px; }

.audience-plan-popup .slider-wrapper .s-kit-slider-mark .s-kit-slider-mark-text { color: rgba(0, 0, 0, 0.35); font-weight: 600; }

.audience-plan-popup .bottom-hint-text { margin-bottom: 20px; }

@media screen and (max-width: 525px) {
  .audience-plan-popup { min-width: initial !important; }
}

.strikingly-recurly-popup-wrap .s-kit-modal-body { padding: 0px; margin: 0px; }