:root {
  --primary-color: #1156fb;
  --primary-color-hover: #1155ea;
  --danger-color: #f6675d;
  --success-color: #449d48;
  --sidebar-menu-custom-color: #2E8AFB;
  --text-default-color: #ffffff;
  --text-muted-color: #ffffff;
  --divider-color: #eeeeee;
}
.widget.dark-text-color {
  --text-default-color: #222222;
  --text-muted-color: #777777;
  --divider-color: #888888;
}
html {
  overflow-x: visible;
}
.tab-nav li > a {
  text-transform: none;
}
.flex-grow {
  flex: 1;
}
.width100 {
  width: 100%;
}
.no-interaction {
  pointer-events: none;
}
.container-wrapper {
  position: relative;
}
.text-primary {
  color: var(--primary-color);
}
.widget .widget-content .site-button > * {
  font-size: inherit;
  font-weight: inherit;
}
.btn-primary,
.btn-primary.active,
.btn-primary:focus:focus,
.btn-primary[disabled] {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.btn-primary:hover:hover {
  background-color: var(--primary-color-hover);
}
.btn.btn-primary.btn-outline,
.btn.btn-primary.btn-outline:focus:focus {
  background-color: transparent;
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.btn.btn-primary.btn-outline:hover:hover {
  background-color: #f8f8f8;
}
input:not([type=file]):not([type=checkbox]):disabled,
textarea:disabled,
input:disabled::placeholder,
textarea:disabled::placeholder {
  -webkit-text-fill-color: currentcolor;
  opacity: 1;
}
.btn:not(.btn-float) {
  box-shadow: none !important;
  border-radius: 5px;
}
.btn[disabled] {
  cursor: default;
}
body:before {
  z-index: -1;
}
.has-error .input-group-addon {
  background: none;
  border: none;
}
.inherit-color,
a.inherit-color,
a.inherit-color:hover,
a.inherit-color:focus,
a.inherit-color:active {
  color: inherit !important;
}
.tab-nav li > a {
  color: #757575;
  padding: 15px 13px;
  font-size: 14px;
}
@media (max-width: 768px) {
  .tab-nav li > a {
    padding: 15px 8px;
  }
}
.__jivoMobileButton,
.label_39 {
  z-index: 11 !important;
}
.submenu-item {
  border-top: 1px solid #cccccc;
  position: relative;
  display: flex;
}
.submenu-item-content {
  padding: 20px;
  flex: 1;
}
.submenu-item-content:hover {
  background: #f1f5fb;
}
.submenu-items-list {
  margin-top: -20px;
}
.submenu-item-title {
  font-size: 15px;
  font-weight: 700;
  color: #333333;
}
.submenu-item-description {
  font-size: 13px;
  margin-top: 5px;
  color: #707070;
}
.submenu-item-add-button {
  font-size: 22px;
  background: var(--primary-color);
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 50px;
}
.analytic-item-success-check {
  background-color: #DCEAFA;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 50px;
}
.analytic-item-success-check i {
  color: #0000ffbd;
  font-size: 20px;
}
.analytic-item-delete {
  background-color: #EF554E;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 50px;
}
.analytic-status-delete {
  color: #EF554E;
}
.analytic-item-delete i {
  color: white;
  font-size: 20px;
}
.submenu-item-add-button:hover {
  background: var(--primary-color-hover);
}
.submenu-item-add-button,
.submenu-item-add-button:active,
.submenu-item-add-button:focus,
.submenu-item-add-button:hover {
  color: white;
}
/* SUMMERNOTE */
.note-editor.note-frame {
  margin-bottom: 0;
  border: none;
}
.note-editing-area {
  border: 1px solid #a9a9a9;
}
.note-editor.note-frame .note-editing-area .note-editable {
  background-color: #e4e4e4;
}
.note-editor .btn,
.note-editor .btn:focus:focus,
.note-editor .btn:hover:hover {
  border: 1px solid #cccccc;
}
.note-editor .btn:hover:hover {
  background-color: #dddddd;
}
.note-editor .btn {
  padding: 5px 7px;
}
.note-popover .popover-content > .btn-group,
.panel-heading.note-toolbar > .btn-group {
  margin-right: 3px;
}
.note-editor p,
.widget p {
  margin-bottom: 8px;
}
.widget-style .note-editor .note-btn-group,
.modal.from-bottom .note-editor .note-btn-group {
  border: none;
}
.note-editor .dropdown-menu:not(.dropdown-fontsize) {
  position: fixed;
  right: 20px;
  left: auto;
  top: 30px;
  width: 100%;
  border: 1px solid #cccccc;
  padding: 5px 0;
  color: #333333;
}
.note-popover .popover-content .note-para .dropdown-menu,
.panel-heading.note-toolbar .note-para .dropdown-menu {
  min-width: auto;
  max-width: 192px;
}
.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset,
.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset {
  margin: 3px 0;
  background: none;
  color: #333333;
}
.note-popover .popover-content .note-color .dropdown-menu,
.panel-heading.note-toolbar .note-color .dropdown-menu {
  min-width: auto;
  max-width: 332px;
}
@media screen and (max-width: 374px) {
  .note-popover .popover-content .note-color .dropdown-menu,
  .panel-heading.note-toolbar .note-color .dropdown-menu {
    max-width: 168px;
  }
}
.note-popover .popover-content .note-color .dropdown-menu .note-palette,
.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette,
.note-popover .popover-content .note-color .dropdown-menu .note-palette:first-child,
.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette:first-child {
  margin: 0 0 0 3px;
}
.panel-heading.note-toolbar .dropdown-menu > li > a {
  padding: 7px 20px;
}
.tooltip-inner {
  border-radius: 5px;
}
.note-statusbar {
  display: none;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: transparent;
  padding-bottom: 40px;
  padding-left: 0;
  text-align: center;
  border: none;
}
/* END SUMMERNOTE */
.logo-color1 {
  fill: #ffffff;
  opacity: 0.5;
}
.logo-color2 {
  fill: #ffffff;
}
.label-pro {
  background-color: var(--primary-color);
  font-weight: 400;
  margin-left: 2px;
}
.label-lite {
  background-color: #FEBD00;
}
.modal-backdrop {
  z-index: 20;
  width: 100vw;
}
.display-inline {
  display: inline-block;
  margin: 0 4px;
}
a,
a:hover,
a:focus,
a:active {
  color: var(--primary-color);
}
.fz-inner a {
  color: #fff;
}
.dropdown-menu {
  z-index: 20;
}
.modal-sm {
  width: calc(100vw - 20px);
  max-width: 400px;
  margin: 60px auto;
}
.ismobile .modal-sm {
  margin: 30px auto;
}
.btn-danger:not(.delete-external-analytics):focus:focus {
  background-color: transparent;
}
.l-block {
  display: inline-block;
  border-radius: 10px;
  margin-top: 20px;
}
.lb-header {
  border-radius: 10px 10px 0 0;
  padding: 24px;
}
.lb-body {
  padding: 24px;
}
.hm-profile > a img {
  width: 27px;
  height: 27px;
  border: none;
}
.hm-icon {
  font-size: 22px;
  line-height: 30px;
  margin-right: 5px;
}
.h-menu {
  margin-bottom: 0;
  font-size: 16px;
}
li.hm-close-menu {
  display: none !important;
}
.o-hidden li.hm-close-menu {
  display: block !important;
}
.o-hidden li.hm-open-menu {
  display: none !important;
}
.h-menu > li {
  display: flex;
  min-width: 37px;
  margin-top: 0;
}
.h-menu > li > a,
.h-menu > li > span {
  display: flex;
  align-items: center;
  color: #ffffff;
}
.h-logo svg {
  height: 30px;
}
#header {
  margin: 0;
  position: fixed;
  width: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0) 100%) !important;
  padding: 10px 15px;
  text-align: center;
  top: 0;
}
html:not(.ismobile) #header .header__scrollbar-fix {
  width: calc(100vw - 48px);
}
.simple #header {
  padding: 15px;
}
.header {
  display: flex;
  justify-content: space-between;
  max-width: 600px;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .h-logo {
    width: auto;
  }
}
body > .alert {
  position: absolute;
  z-index: 9999;
  width: 100%;
}
.subscription-alert {
  position: initial;
  width: auto;
  padding: 15px;
  border-radius: 10px;
}
.analytics-menu-counters {
  font-size: 14px;
}
.analytics-menu-counters hr {
  margin: 10px 0;
}
.external-analytics-wrapper {
  font-size: 14px;
}
.analytics-menu-alert {
  margin: 0 -20px;
  font-size: 13px;
}
.container {
  min-height: 100px;
  height: auto;
  margin: auto;
  max-width: 100%;
}
.layer {
  margin: 0 auto;
  padding: 60px 0 95px;
  position: inherit;
}
.layer.layer-edit {
  padding: 60px 0 0 0;
}
.layer:not(.layer-edit) {
  position: relative;
}
.layer.info-about-user {
  padding-top: 0;
}
.layer.without-header {
  padding-top: 30px;
}
html:not(.ismobile) .widget-wrapper:not(.invite-to-action-widget-wrapper) {
  width: calc(100vw - 18px);
}
.widget {
  background: #ffffff;
  position: relative;
  margin: 0 auto;
  color: #ffffff;
}
.widget-wrapper:not(.invite-to-action-widget-wrapper):not(.menu-widget-wrapper):not(.catalog-item-widget-wrapper) .widget.edit-panel:not(.modal-preview) .global-widget-content {
  padding-top: 24px;
}
.profile-widget-wrapper .widget.edit-panel:not(.p-h-a),
.invite-to-action-widget-wrapper .widget.edit-panel:not(.p-h-a),
.widget.edit-panel.modal-preview {
  padding-top: 0 !important;
}
.invite-to-action-widget-wrapper .widget {
  margin-bottom: 15px;
}
.invite-to-action-widget-wrapper .show-widget-edit-menu i {
  background-color: white;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  color: #777777;
}
.widget-content {
  overflow: hidden;
  padding: 10px;
}
.widget[data-widget-type-id="28"] .widget-content {
  padding: 10px 0 0 0;
}
.widget[data-widget-type-id="28"] .widget-content .edit-widget-content {
  padding: 0 10px 10px;
}
.widget-actions {
  padding: 0 5px 5px;
}
.widget-actions .btn-link {
  background: #ffffff;
  color: var(--primary-color) !important;
}
.widget-actions .btn-link.btn-delete {
  color: #f44336 !important;
}
.edit-mode .widget-actions.widget-can-be-glued {
  padding-bottom: 15px;
}
.widget .draggable-icon {
  position: absolute;
  left: auto;
  right: -19px;
  top: 50%;
  margin-top: -25px;
  font-size: 35px;
  color: #c0c0c0;
  cursor: grab;
  padding: 0 6px;
  border-radius: 8px;
  line-height: 50px;
  z-index: 9;
  opacity: 0.8;
}
.widget .draggable-icon:hover {
  color: #aaaaaa;
}
.widget.w-bg1 .draggable-icon {
  right: -22px;
}
.analytics-contact-row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eeeeee;
  padding: 3px 0;
}
.analytics-contact-row:last-child {
  border: none;
}
.analytics-counter {
  font-size: 14px;
  margin-left: 5px;
}
.analytics-contact-counter {
  margin-left: auto;
}
.analytics-contact-name {
  max-width: 70%;
  line-height: 30px;
}
.analytics-header .preloader {
  margin-bottom: -4px;
  display: none;
}
.analytics-header.analytics-loading .preloader {
  display: inline-block;
}
.analytics-period-selector,
.contacts-period-selector {
  display: inline-block;
  color: var(--primary-color);
  border-bottom: 1px dashed var(--primary-color);
  position: relative;
  cursor: pointer;
}
.analytics-period-selector .dropdown-menu,
.contacts-period-selector .dropdown-menu {
  font-size: 17px;
  top: -20px;
  left: -20px;
  min-width: auto;
}
.sidebar-settings-title .analytics-period-selector .dropdown-menu,
.sidebar-settings-title .contacts-period-selector .dropdown-menu {
  font-size: 16px;
}
.widget .widget-link {
  position: absolute;
  padding: 5px 10px 4px;
  right: 0;
  top: 0;
  font-size: 22px;
  color: #ffffff;
  z-index: 1;
  display: flex;
  align-items: center;
}
.widget .widget-link:hover {
  color: #e8e8e8;
}
.widget:not(.w-bg2) .widget-link {
  background: #ffffff;
  color: #bbbbbb;
}
.widget:not(.w-bg2) .widget-link:hover {
  color: #aaaaaa;
}
.widget-wrapper:not('.invite-to-action-widget-wrapper') .widget.w-bg1 .widget-link {
  top: -2px;
  right: -2px;
}
.widget .edit-mode-link,
.widget .end-edit-link {
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 5px !important;
}
.widget .show-widget-analytics,
.widget .show-pro {
  left: 0;
  right: auto;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 5px !important;
}
.widget.w-bg1 .show-widget-analytics,
.widget.w-bg1 .show-pro {
  left: -2px;
  right: auto;
}
.widget .end-edit-link,
.widget .end-change-template-link,
.widget .change-template-prev,
.widget .change-template-next {
  display: none;
}
.foreground.change-template-mode .end-change-template-link {
  display: flex;
}
.change-template-mode .additional-widget-actions,
.change-template-mode .draggable-icon,
.change-template-mode .copy-icon {
  display: none;
}
.widget.edit-mode.foreground .end-edit-link {
  display: none;
}
.widget.edit-mode.foreground .end-change-template-link {
  display: flex;
}
.change-template-mode .change-template-prev,
.change-template-mode .change-template-next {
  transition: top 0.4s;
  display: block;
  height: 35px;
}
.change-template-navigate {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.p-h-a .change-template-prev,
.p-h-a .change-template-next {
  top: 105px;
}
.change-template-prev,
.change-template-next {
  position: absolute;
  top: 49px;
  font-size: 40px;
  color: #ffffff;
  cursor: pointer;
  padding: 0 6px;
  line-height: 35px;
  z-index: 9;
}
.change-template-prev {
  left: -28px;
  border-radius: 0 5px 5px 0;
}
.change-template-next {
  right: -28px;
  border-radius: 5px 0 0 5px;
}
#widget-menu-container .w-w-a .change-template-prev {
  left: 5px;
}
#widget-menu-container .w-w-a .change-template-next {
  right: 5px;
}
.change-template-overlay {
  position: fixed;
  display: none;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
  cursor: default;
}
@media screen and (max-width: 360px) {
  .widget-wrapper:not(.invite-to-action-widget-wrapper):not(.w-w-w2):not(.menu-example):not(.w-w-w5):not(.menu-example):not(.w-w-w4) {
    padding: 0 10px;
  }
  .widget .draggable-icon {
    background-color: #ffffff;
    color: #bbbbbb;
    right: -8px;
  }
  .widget .draggable-icon:hover {
    color: #aaaaaa;
  }
  .widget.w-bg1 .draggable-icon {
    right: -10px;
  }
  .change-template-navigate {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .change-template-prev,
  .change-template-next {
    color: #c0c0c0;
  }
  .change-template-prev {
    left: auto !important;
    border-radius: 0 5px 5px 0;
  }
  .change-template-next {
    right: 0 !important;
    border-radius: 5px 0 0 5px;
  }
}
@media screen and (max-width: 721px) {
  .w-w2 .change-template-prev,
  .w-w5 .change-template-prev,
  .w-w4 .change-template-prev {
    left: auto !important;
    border-radius: 0 5px 5px 0;
    color: #c0c0c0;
  }
  .w-w2 .change-template-next,
  .w-w5 .change-template-next,
  .w-w4 .change-template-next {
    right: 0 !important;
    border-radius: 5px 0 0 5px;
    color: #c0c0c0;
  }
}
@media screen and (max-width: 767px) {
  .widget-wrapper .draggable-icon {
    right: -19px !important;
  }
  .widget-wrapper.w-w-w2,
  .widget-wrapper.w-w-w4,
  .widget-wrapper.w-w-w5 {
    padding: 0 !important;
  }
  .widget-wrapper.w-w-w2 .draggable-icon,
  .widget-wrapper.w-w-w4 .draggable-icon,
  .widget-wrapper.w-w-w5 .draggable-icon {
    right: 0 !important;
  }
}
.template-preview.w-w-w2 .panel-body,
.template-preview.w-w-w4 .panel-body,
.template-preview.w-w-w5 .panel-body,
.template-preview.w-w-w-a .panel-body {
  padding: 35px 0 !important;
}
.template-preview.w-w-w-a.w-w-w1 .panel-body .widget {
  padding-left: 15px;
  padding-right: 15px;
}
.widget .show-pro {
  display: none;
  background: var(--primary-color) !important;
  color: #fff !important;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 12px;
}
.widget .show-pro:hover {
  color: #fff;
}
.widget.only-pro .show-pro {
  display: block;
}
.widget .show-lite {
  background: #FEBD00 !important;
}
.widget.only-pro .show-widget-analytics {
  display: none;
}
.widget.only-lite .show-pro {
  display: block;
}
.widget.only-lite .show-widget-analytics {
  display: none;
}
.widget .fake-element {
  display: none;
}
.widget.modal-preview.show-fake .fake-element,
.widget.modal-preview.show-fake-button:not(.social-buttons-template-1) .fake-element.site-button,
.widget.modal-preview.show-fake-button .fake-element.profile-divider,
.widget.modal-preview.show-fake-description .fake-element.profile-description,
.widget.modal-preview.show-fake-title .fake-element.widget-title,
.widget.modal-preview.show-fake-title .fake-element.widget-divider,
.widget.modal-preview.show-fake-description .fake-element.worker-description,
.widget.modal-preview.show-fake-description .fake-element.widget-description,
.widget.modal-preview.show-fake-description .fake-element.widget-additional-text {
  display: block;
}
.widget.modal-preview.show-fake table.fake-element {
  display: table;
}
.widget.modal-preview.show-fake tr.fake-element {
  display: table-row;
}
.widget.modal-preview.show-fake .fake-element.contact-button {
  display: inline-block;
}
.widget:not(.has-title) .hide-on-empty-title,
.widget:not(.has-description) .hide-on-empty-description,
.invite-to-action-widget-wrapper .widget.has-title .hide-on-empty-title,
.widget:not(.has-additional-text) .hide-on-empty-additional-text,
.widget:not(.has-notice-text) .success-send-form-text {
  display: none !important;
}
.widget.edit-mode .edit-mode-link,
.widget.edit-mode .show-widget-analytics {
  display: none;
}
.widget.edit-mode .end-edit-link,
.widget.edit-mode .edit-link {
  display: flex;
}
.hide-widget-corners {
  display: inline-block;
  margin: 0 5px;
}
.modal.from-bottom .hide-widget-corners .checkbox label,
.widgets-style .hide-widget-corners .checkbox label {
  padding-left: 25px;
}
.empty-widget {
  font-size: 15px;
  padding: 10px;
}
.widget.modal-preview .empty-widget {
  display: none;
}
.widget.show-empty-text .empty-widget {
  display: block;
}
.empty-widget .btn-link {
  color: var(--primary-color) !important;
  background-color: #ffffff;
}
.widget.show-empty-text .empty-widget .empty-widget-link {
  display: none;
}
.widget-placeholder {
  background: rgba(0, 0, 0, 0.2) !important;
  border: white dashed 2px !important;
}
.profile-widget-wrapper .widget {
  margin-top: 56px;
  transition: margin 0.4s;
}
.invite-to-action-widget-wrapper .widget {
  margin-top: 61px;
  transition: margin 0.4s;
}
.profile-widget-wrapper .widget-content,
.invite-to-action-widget-wrapper .widget-content {
  padding-top: 75px;
  padding-bottom: 20px;
}
.profile-widget-wrapper .w-m-b1 .widget-content {
  padding-bottom: 10px;
}
.profile {
  border-radius: 5px;
}
.profile-header {
  background-color: #ffffff;
  padding: 71px 5px 0;
  position: relative;
  border-radius: 10px 10px 0 0;
  margin-top: 71px;
}
.back .profile-header {
  border-radius: 10px;
}
.profile-full-name {
  color: #ffffff;
  margin: 5px 0;
  padding: 5px 10px;
  transition: margin 0.4s;
  word-break: break-word;
}
.profile-description {
  color: #ffffff;
  margin-bottom: 0 !important;
  padding: 5px 10px;
  transition: 0.4s;
}
.profile-divider {
  color: #fafafa;
  margin: 10px 15px 20px;
  transition: 0.4s;
}
.widget-title {
  color: #ffffff;
  margin: 0 0 5px;
  padding: 5px 10px;
}
.widget-additional-text,
.widget-description {
  color: #ffffff;
  margin-bottom: 5px;
  padding: 5px 10px;
}
.widget-divider {
  color: #fafafa;
  margin: 0 15px 10px;
}
.profile-subscription-alert {
  font-size: 13px;
  margin-top: 20px;
  border-radius: 10px;
  background: #ff5252;
  padding: 20px;
  color: #fff;
}
.profile-subscription-required-alert {
  font-size: 13px;
  margin-top: 10px;
  margin-bottom: 15px;
  border-radius: 10px;
  background: #ff5252;
  padding: 20px;
  color: #fff;
}
.btn-site {
  border-radius: 6px;
  min-width: 150px;
  box-shadow: none !important;
}
.btn-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-preview {
  cursor: default;
}
.buttons .site-button {
  margin-top: 10px;
  position: relative;
  transition: 0.5s all ease, height 0s;
}
.site-button .btn {
  font-weight: 600;
}
.button-color-img {
  position: absolute;
  top: -7px;
  right: -2px;
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  box-shadow: 0 5px 35px 0 #909090;
}
.profile-buttons .site-button {
  margin: 10px 0;
}
.site-button-add {
  line-height: 0;
}
.site-button-add .img-plus,
.form-field .img-plus {
  width: 15px;
  height: 15px;
  background-size: 15px 15px;
  margin: 3px 0;
}
.plus-path-color {
  fill: #ffffff;
  color: #ffffff;
}
#edit-background-form .plus-path-color {
  fill: var(--primary-color);
}
.site-button .btn {
  color: #5e5e5e;
  overflow: visible;
  white-space: initial;
  position: relative;
}
.contacts {
  padding: 0 !important;
}
.contact-button {
  display: inline-block;
  text-align: center;
  margin: 10px 10px;
}
.owl-item .contact-button {
  margin: 10px 7px;
}
.contact-title {
  font-size: 10px;
}
.profile-body {
  line-height: 0;
  padding: 10px 15px;
  background: #fcfcfc;
  border-radius: 0 0 10px 10px;
}
.add-contacts-link,
.add-contacts-link:hover,
.add-contacts-link:active,
.add-contacts-link:focus {
  color: #5e5e5e;
}
.add-contacts-link p {
  line-height: normal;
  padding: 5px 15px;
  margin: 10px;
}
.flip-card {
  position: absolute;
  top: 13px;
  right: 13px;
}
.flip-card img {
  width: 28px;
  height: 18px;
}
.flip-card i {
  font-size: 34px;
  line-height: 30px;
}
.profile-img {
  margin-left: -56px;
  position: absolute;
  left: 50%;
  top: -55px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 8px 35px 0 rgba(0, 0, 0, 0.23);
  transition: 0.4s;
  width: 112px;
}
.p-h-a-b .profile-img {
  margin-left: -56px !important;
  top: -55px !important;
}
.widget.w-bg1 .profile-img {
  top: -58px;
  transition: 0.4s;
}
.profile-img img {
  width: 108px;
  height: 108px;
  border-radius: 50%;
  transition: 0.4s;
}
.profile-img input {
  top: 0;
  left: 0;
  opacity: 0;
  width: 108px;
  height: 108px;
  position: absolute;
  cursor: pointer;
}
.profile-about {
  text-align: left;
  margin: 15px 10px 15px;
}
.profile-bio {
  padding: 5px 10px;
  color: #5e5e5e;
  margin-bottom: 0;
}
.edit {
  cursor: pointer;
  background-color: #cfd8dc;
}
.profile-buttons {
  background: #ffffff;
  border-radius: 10px;
  margin-top: 15px;
  padding: 10px 5px;
  max-width: 318px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .edit-background.btn-float {
    right: 25px;
    bottom: 15px;
  }
}
.edit-background.btn-float:hover i {
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.modal .modal-body {
  padding: 10px 26px;
}
@media (max-width: 340px) {
  .modal .modal-body {
    padding: 10px 15px;
  }
}
.modal {
  z-index: 1030;
}
/*.http-scheme:after {
    content: "http://";
    position: absolute;
    color: #B2B2B2;
    bottom: 9px;
}

.http-scheme input {
    padding-left: 41px !important;
}*/
.btn-colors-row {
  text-align: center;
}
.btn-colors-row:after,
.btn-colors-row:before {
  /*content: '';*/
}
.btn-colors .btn-bg-c {
  width: 28px !important;
  height: 28px !important;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid transparent;
  position: relative;
  cursor: pointer;
  margin: 4px;
}
.btn-colors > div {
  margin-bottom: 8px;
}
.btn-colors > div:last-child {
  margin-bottom: 0;
}
.btn-colors .btn-bg-c.active:before {
  content: " ";
  position: absolute;
  top: -4px;
  left: -4px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 2px solid var(--primary-color);
}
.btn-link.btn-danger {
  color: var(--danger-color) !important;
}
.modal-footer .btn,
.m-b-5 .btn {
  padding: 8px 10px;
  border-radius: 25px;
}
.btn-select-social-button {
  display: inline-block;
  text-align: center;
  margin: 7px 5px 0;
  position: relative;
  cursor: pointer;
}
.contact-types {
  text-align: center;
}
.btn-select-contact {
  font-size: 10px;
  display: inline-block !important;
  text-align: center;
  margin: 7px 5px 0;
  position: relative;
  cursor: pointer;
}
.btn-select-contact.disabled {
  opacity: 0.4;
}
.btn-add-contact {
  width: 66px;
  line-height: 66px;
  height: 66px;
  padding: 0;
  text-align: center;
  box-shadow: none !important;
  margin-bottom: 5px;
}
.social-button-img {
  line-height: 0;
}
.social-button-img svg {
  width: 1.4em;
  height: 1.4em;
}
.social-button-img .social-button-color1 {
  fill: #ffffff;
}
.contact-img {
  width: 66px;
  height: 66px;
  position: relative;
}
.select-contact-img {
  width: 40px;
  height: 40px;
  margin-bottom: 0;
}
.select-social-button-img {
  width: 40px;
  height: 40px;
  margin-bottom: 0;
  border-radius: 5px;
}
.select-social-button-img svg {
  margin-top: 7px;
  width: 26px;
  height: 26px;
}
.analytics-contact-img {
  width: 30px;
  height: 30px;
  position: relative;
}
.analytics-social-button-img svg {
  width: 20px;
  height: 20px;
}
.contact-img .contact-background-color {
  fill: #cecece;
}
.contact-img .contact-color1 {
  fill: #ffffff;
}
.contact-img .contact-color2 {
  fill: #c8daea;
}
.contact-img .contact-color3 {
  fill: #a9c9dd;
}
.contact-img .contact-color4 {
  fill: #eff7fc;
}
.analytics-contact-img.c-c0 .contact-color1,
.analytics-contact-img.c-c0 .contact-color2,
.analytics-contact-img.c-c0 .contact-color3,
.analytics-contact-img.c-c0 .contact-color4,
.analytics-social-button-img .social-button-color1 {
  fill: #74a7ce;
}
.contact-img .edit-img,
.site-button .edit-img {
  display: none;
}
.edit-mode .contact-img .edit-img,
.edit-mode .site-button .edit-img,
.edit-mode .edit-form-field-wrapper .edit-img,
.edit-img-demo {
  display: block;
  position: absolute;
  background: #ffffff;
  border-radius: 50%;
  font-size: 14px;
  top: -5px;
  right: -8px;
  color: #5e5e5e;
  padding: 5px 7px;
  width: 24px;
  box-shadow: 0 5px 22px 0 rgba(0, 0, 0, 0.36);
  line-height: 0;
  z-index: 5;
}
.edit-img-demo {
  color: red;
}
.edit-mode .edit-form-field-wrapper .edit-img {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.26);
  right: -2px;
}
.edit-mode.btn-w2 .site-button .edit-img {
  right: 3px;
}
.edit-mode.w-bg4 .edit-form-field-wrapper .edit-img {
  right: 3px;
}
.contact-messenger {
  background-image: url('/img/contacts-icons/messenger.svg');
}
.contact-phone {
  background-image: url('/img/contacts-icons/phone.svg');
}
.contact-telegram {
  background-image: url('/img/contacts-icons/telegram.svg');
}
.contact-viber {
  background-image: url('/img/contacts-icons/viber.svg');
}
.contact-vk {
  background-image: url('/img/contacts-icons/vk.svg');
}
.contact-whatsapp {
  background-image: url('/img/contacts-icons/whatsapp.svg');
}
.contact-add-img {
  background-image: url('/img/contacts-icons/add-contact.svg');
}
.btn-select-contact.active .select-contact-img:before,
.btn-select-social-button.active .select-social-button-img:before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  width: 46px;
  height: 46px;
  border-radius: 5px;
  border: 2px solid var(--primary-color);
}
.from-bottom .fg-float .fg-label {
  top: 7px;
}
.fg-float .fg-toggled .fg-label {
  top: -15px;
}
.phone-prefix:after,
.whatsapp-prefix:after {
  content: "+";
  position: absolute;
  color: #B2B2B2;
  bottom: 7px;
}
.phone-prefix input,
.whatsapp-prefix input,
.fg-line:not(.fg-toggled) .phone-prefix > .fg-label,
.fg-line:not(.fg-toggled) .whatsapp-prefix > .fg-label {
  padding-left: 10px !important;
}
.telegram-prefix:after {
  content: "t.me/";
  position: absolute;
  color: #B2B2B2;
  bottom: 7px;
}
.telegram-prefix input,
.fg-line:not(.fg-toggled) .telegram-prefix > .fg-label {
  padding-left: 36px !important;
}
.messenger-prefix:after {
  content: "m.me/";
  position: absolute;
  color: #B2B2B2;
  bottom: 7px;
}
.messenger-prefix input,
.fg-line:not(.fg-toggled) .messenger-prefix > .fg-label {
  padding-left: 44px !important;
}
.vk-prefix:after {
  content: "vk.me/";
  position: absolute;
  color: #B2B2B2;
  bottom: 7px;
}
.vk-prefix input,
.fg-line:not(.fg-toggled) .vk-prefix > .fg-label {
  padding-left: 45px !important;
}
.username-prefix:after {
  content: "ylink.me/";
  position: absolute;
  color: #B2B2B2;
  bottom: 7px;
}
.username-prefix input {
  padding-left: 58px !important;
}
.fg-line:not(.fg-toggled) .username-prefix + .fg-label {
  left: 58px !important;
}
.croppie-container {
  height: 250px !important;
  margin-bottom: 50px;
}
.edit-widget-content {
  display: none;
}
.edit-mode .edit-widget-content {
  display: block;
}
.edit-bg {
  background: rgba(11, 94, 197, 0.1);
  display: inline-block;
  border-radius: 5px;
  padding: 0 3px;
}
.edit-bg-catalog-item {
  background: rgba(11, 94, 197, 0.1);
  border-radius: 5px;
  cursor: pointer;
  margin: -5px;
}
.edit-bg-catalog-item-content {
  padding: 5px;
}
.edit-mode .view-widget-content {
  display: none;
}
.site-button a.edit-bg-button,
.site-button a.edit-bg-button:focus,
.site-button a.edit-bg-button:active,
.site-button a.edit-bg-button:hover {
  border: 2px dashed #ffffff;
  box-shadow: none;
  background-color: transparent;
  color: #ffffff;
}
.site-button a.edit-bg-button span,
.form-field-add span {
  transform: translateY(-5px);
  display: inline-block;
}
.form-field.form-field-add,
.form-field.form-field-add:focus,
.form-field.form-field-add:active,
.form-field.form-field-add:hover {
  border: 2px dashed #ffffff !important;
  box-shadow: none;
  background-color: transparent !important;
  color: #ffffff;
}
.placeholder {
  color: #909090;
}
.modal .modal-content {
  border-radius: 10px;
}
.modal-open {
  padding-right: 0 !important;
}
.modal-open .modal.modal-edit-background {
  overflow: hidden;
}
.modal-edit-background {
  background: linear-gradient(rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.2) 100%);
}
.modal-edit-background .form-group {
  margin-bottom: 0;
}
.modal-edit-background .modal-dialog {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
  width: auto;
  max-width: initial;
}
.modal-edit-background .modal-body {
  padding: 0;
}
.modal-edit-background .modal-content {
  border-radius: 0;
}
.modal-edit-background .modal-footer {
  padding: 10px 15px;
}
.modal-edit-background.fade .modal-dialog {
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.modal-edit-background.fade.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.modal-edit-background .tab-content {
  padding: 0;
}
.btn-background-colors {
  white-space: nowrap;
  padding: 10px;
}
.btn-background-colors .page-btn-bg {
  width: 20vw !important;
  height: 20vh !important;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  position: relative;
  cursor: pointer;
}
.btn-background-colors .page-btn-bg.active {
  outline: 2px solid var(--primary-color) !important;
  outline-offset: 1px;
}
.transparent-backdrop .modal-backdrop {
  background: transparent;
}
.add-custom-background {
  padding: 10vh 0;
  outline: 2px dashed var(--primary-color) !important;
  outline-offset: -2px;
  box-shadow: none;
  line-height: 0;
  text-align: center;
}
.add-custom-background .img-plus {
  height: 20px;
  width: 20px;
  margin-top: -10px;
}
.add-custom-background .preloader {
  margin-top: -15px;
  display: none;
}
.add-custom-background input {
  top: 0;
  bottom: 0;
  opacity: 0;
  position: absolute;
  cursor: pointer;
}
#s-user-alerts {
  width: 100%;
  max-width: 340px;
  z-index: 12;
  right: -340px;
  left: auto;
}
#s-user-alerts.toggled {
  z-index: 15;
  left: auto;
  right: 0;
}
@media (min-width: 1280px) {
  .hm-alerts {
    display: inline-block !important;
  }
}
#s-user-alerts .tab-content {
  padding: 0;
}
.sidebar .tab-nav li.active {
  border-bottom: 2px solid var(--primary-color);
}
#s-user-alerts .tab-nav > li.active > a {
  color: var(--primary-color) !important;
}
.ng-binding {
  font-size: 15px;
  margin-bottom: 10px;
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
}
.pmo-contact ul li i {
  font-size: 21px;
  left: 8px;
}
.pmo-contact ul li {
  min-height: 38px;
}
.ng-binding a,
.ng-binding a:hover,
.ng-binding a:active,
.ng-binding a:focus {
  color: #5e5e5e;
}
#footer .f-menu {
  margin: 0;
  font-size: 11px;
  transform: translateY(3px);
}
.menu-table {
  display: table;
  width: 100%;
  table-layout: fixed;
  height: 100%;
  position: relative;
}
.menu-row {
  display: table-row;
  width: 100%;
  overflow: hidden;
}
.menu-row-content {
  height: 100%;
}
.menu-row-content .scroll-content {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
}
.menu-row-content .tab-pane {
  padding: 20px 0;
}
.tab-pane li.color-item-menu {
  padding: 0 12px;
}
li.color-item-menu a {
  transition: 0.5s all ease !important;
}
#sua-menu .nav .color-item-menu a {
  border-radius: 5px;
  padding: 15px 8px;
}
#sua-menu .nav .color-item-menu-blue .menu-item-title,
#sua-menu .nav .color-item-menu-blue .zmdi {
  color: #1156fb;
}
#sua-menu .nav .color-item-menu-gradient a {
  background: transparent linear-gradient(98deg, #118FFB 0%, #457EFF 23%, #7420E9 77%, #8613E8 100%) 0 0 no-repeat padding-box;
}
#sua-menu .nav .color-item-menu-light-blue a {
  background-color: #29A1D3;
}
#sua-menu .nav .color-item-menu-light-blue a:hover {
  background-color: #2eb6ef;
}
#sua-menu .nav .color-item-menu a:focus {
  /*background: none;*/
}
.tab-pane li.color-item-menu .zmdi,
#sua-menu .nav .color-item-menu .menu-item-title {
  color: #ffffff;
}
.nav > li.color-item-menu > a:hover {
  background-color: #3570ff;
}
.short-divider {
  height: 1px;
  width: 20%;
  margin: 0 auto;
  background-color: #EEEEEE;
}
.button-yandex-direct {
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
  color: #707070;
}
.button-yandex-direct .btn {
  padding: 12px 0;
  width: 100%;
  font-size: 15px;
  font-weight: 700;
}
.yandex-direct-image-example {
  padding: 5px 0;
  width: 100%;
}
.yandex-direct-image-example img {
  width: 100%;
}
.menu-footer-info {
  margin-top: 150px;
  border-top: 1px solid #eeeeee;
  padding-top: 10px;
  font-size: 13px;
}
.menu-footer-info p {
  font-size: 10px;
  padding: 0 40px;
  text-align: center;
  color: #8a8a8a;
}
#sua-template {
  padding-bottom: 0;
}
.menu-cell {
  display: table-cell;
}
#footer {
  padding: 10px 0 !important;
  background: #ffffff;
}
#s-user-alerts .list-group {
  height: auto;
  padding: 0;
  overflow-y: visible;
  position: relative;
  bottom: 0;
}
.animated {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.pay-months {
  display: block;
}
.pay-months .btn {
  border: #0288d1 solid 1px !important;
  width: 33.33%;
}
.pay-months .btn.active {
  color: #ffffff;
  background-color: #0288d1 !important;
  border-color: transparent;
}
.pay-months .btn {
  padding: 6px 0;
}
.btn-pay,
.btn-cancel-subscription {
  color: #0288d1 !important;
}
.delete-widget,
.delete-widget:active,
.delete-widget:hover,
.delete-widget:focus {
  background: #ffffff;
  border-radius: 5px;
}
.sidebar-settings-title {
  font-size: 16px;
  margin-top: 8px;
  margin-bottom: 0;
}
.sidebar-settings-subtitle {
  font-size: 14px;
  margin-top: 15px;
  font-weight: 600;
}
.sidebar-alert {
  padding: 10px;
}
.text-white {
  color: #ffffff;
}
.btn-logout {
  font-size: 13px;
}
.nowrap {
  white-space: nowrap;
}
.stats {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  background: #fff;
  padding: 10px 0;
}
.modal.from-bottom {
  overflow-y: hidden;
  padding-left: 0 !important;
}
.modal.from-bottom .modal-dialog {
  width: 100%;
  max-width: 400px;
}
.modal.from-bottom .modal-footer {
  padding: 10px 15px;
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  width: 100%;
  background: white;
  z-index: 10;
  border-top: 1px #e2e2e2 solid;
}
.widget-style .form-group {
  margin-bottom: 10px;
}
.widget-style .form-group.fg-float {
  margin-top: 20px;
}
.widget-style .form-group:last-child {
  margin-bottom: 0;
}
.modal.from-bottom .modal-body {
  padding: 10px 20px;
}
.widget-style .checkbox {
  margin-top: 0;
}
.widget-style .modal-content {
  border-radius: 10px 10px 0 0;
}
.widget-style .modal-dialog {
  width: calc(100vw - 20px);
}
.widget-style hr {
  margin: 5px 0 10px;
}
.modal.from-bottom .form-group {
  margin-bottom: 10px;
}
.modal.from-bottom .form-group,
.modal.mailing .form-group {
  margin-bottom: 10px;
}
.modal.from-bottom .form-group.fg-float,
.modal.mailing .form-group.fg-float {
  margin-top: 20px;
}
.modal.from-bottom .form-group:last-child {
  margin-bottom: 0;
}
.modal.from-bottom .checkbox {
  margin-top: 0;
}
.modal.from-bottom .modal-content {
  border-radius: 10px 10px 0 0;
}
.modal.from-bottom .modal-dialog {
  width: calc(100vw - 20px);
}
.modal.from-bottom hr {
  margin: 5px 0 10px;
}
@media screen and (max-width: 340px) {
  .modal.from-bottom .modal-footer {
    padding: 10px;
  }
  .modal.modal-edit-background .modal-footer {
    padding: 10px;
  }
}
.btn-group.group-fw {
  box-shadow: none !important;
  border: 1px solid #c2c2c2;
  border-radius: 5px;
  width: 100%;
  display: flex;
}
.btn-group.group-fw .btn:first-child {
  text-align: left;
  flex-grow: 1;
}
.btn-group.group-fw .btn:last-child {
  border-left: 1px solid #f2f2f2;
  text-align: center;
  margin-left: 0;
  width: 82px;
}
.btn-group-lg > .btn {
  padding: 10px;
}
.add-widget-btn,
.add-widget-btn:hover {
  color: var(--primary-color) !important;
}
.btn-simple {
  cursor: default;
}
.modal .panel-collapse {
  border: 1px solid #c2c2c2;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: 0;
  width: 98%;
  margin: 0 auto;
  overflow: hidden;
}
.modal-preview .draggable-icon {
  display: none;
}
.modal-preview .widget-link {
  display: none;
}
.foreground {
  z-index: 1029;
}
.pbb {
  padding-bottom: 999px;
}
.modal.from-bottom .modal-dialog {
  -webkit-transform: translate(0, 100vh);
  -ms-transform: translate(0, 100vh);
  -o-transform: translate(0, 100vh);
  transform: translate(0, 100vh);
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}
.modal.from-bottom .modal-dialog {
  max-height: 50vh;
  overflow-y: auto;
  border-radius: 10px 10px 0 0;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5);
}
.isiphone.issafari .modal.from-bottom .modal-dialog {
  margin-bottom: calc(30px + env(safe-area-inset-bottom));
  border-radius: 10px;
}
.isiphone.issafari .modal.from-bottom .modal-content {
  border-radius: 10px;
}
.isiphone.issafari .modal.from-bottom .modal-footer {
  border-radius: 0 0 10px 10px;
}
#edit-text-block-modal .modal-dialog {
  max-height: 100vh;
}
.isiphone.issafari #edit-text-block-modal .modal-dialog {
  max-height: calc(100vh - 30px);
}
.max-width-modal .modal-dialog {
  max-width: 800px;
}
.max-height-modal .modal-dialog {
  height: 50vh;
  background-color: #ffffff;
  overflow: hidden;
}
.max-height-modal .modal-content {
  height: 50vh;
  overflow: hidden;
  position: initial;
  padding-bottom: 55px;
}
.max-height-modal .modal-content form {
  height: 100%;
}
.max-height-modal .modal-body {
  padding-top: 0;
  padding-bottom: 0;
}
.max-height-modal .modal-body-scroll {
  height: 100%;
  overflow: auto;
}
.max-width-modal .modal-body-scroll {
  width: 100vw;
}
.ismobile .max-width-modal .modal-body-scroll {
  overflow: auto;
}
.max-height-modal .modal-content .modal-footer {
  position: absolute;
}
#edit-widgets-style .modal-content,
#edit-widget-modal .modal-content {
  padding-top: 50px;
}
#edit-widgets-style .scrollable-tabs {
  position: relative;
  z-index: 10;
  width: auto;
  margin: 0 -20px;
  max-width: none;
}
.scrollable-tabs {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  max-width: 100%;
}
.sidebar-change-menu-template {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tab-pane-template hr {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.tab-pane-template-button-style .btn {
  padding: 6px 7px;
}
.tab-pane-template > .form-group:last-child {
  margin-bottom: 10px;
}
.smartphone-sidebar {
  overflow: hidden;
  height: 680px;
  width: 315px;
  position: fixed;
  z-index: 50;
  top: 45px;
  left: 50%;
  margin-right: -50%;
  transform: translateX(-50%);
}
.smartphone-sidebar::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("/img/phone-case-black.svg");
  z-index: 99;
  pointer-events: none;
}
.smartphone-sidebar .template-preview {
  margin-top: 15px;
  padding: 10px;
  height: 640px;
  overflow: hidden;
  border-radius: 30px;
}
.smartphone-sidebar .template-preview .panel-body {
  height: 630px;
  padding-top: 35px;
  border-radius: 10px;
}
.ismobile .scrollable-tabs {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.ismobile #edit-widgets-style .tab-nav,
.ismobile #edit-widget-modal .tab-nav {
  overflow: auto;
}
#edit-widgets-style .tab-nav,
#edit-widget-modal .tab-nav {
  position: relative;
  background: #ffffff;
  overflow: unset;
  width: auto;
}
.bottom-fixed {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0) !important;
  transition: none !important;
}
.edit-mode .btn-select-contact.active .select-contact-img:before {
  border: 2px solid transparent;
}
.fg-line label {
  font-size: 15px;
  font-weight: 400;
}
.form-textarea {
  max-height: 200px;
}
.widget-type {
  padding-bottom: 20px;
}
.widget-icon {
  color: var(--primary-color);
  font-size: 15px;
}
.accordion-status {
  position: absolute;
  right: 10px;
  top: 13px;
}
.widgets-style {
  font-size: 14px;
}
.widgets-style .tab-content {
  padding: 20px 0 10px;
}
.widgets-style .checkbox input[type="checkbox"] {
  right: 0;
  left: auto;
  width: 20px;
  height: 20px;
}
.widgets-style .checkbox.not-enclosed {
  padding-left: 0;
}
.widgets-style .checkbox label {
  padding-left: 0;
  text-align: left;
}
.widgets-style .checkbox label:before {
  position: absolute;
  right: -13px;
  top: -13px;
  left: auto;
}
.widgets-style .checkbox .input-helper {
  position: absolute;
  right: 0;
}
.widgets-style .hide-widget-corners .checkbox .input-helper {
  position: absolute;
  left: 20px;
  right: auto;
}
.modal.widgets-style .hide-widget-corners .checkbox label::before {
  left: -13px;
  right: auto;
}
.widgets-style .checkbox .input-helper:before {
  right: 0;
  left: auto;
  width: 20px;
  height: 20px;
}
.widgets-style .checkbox .input-helper:after {
  right: 6px;
  left: auto;
  font-size: 14px;
}
.widgets-style .checkbox input:checked + .input-helper:before {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.widgets-style .nav-tabs > li {
  padding: 0;
  width: 100%;
}
.widgets-style .nav-tabs > li.active > a,
.widgets-style .nav-tabs > li.active > a:hover {
  color: var(--primary-color);
  font-size: 15px;
  border-bottom: 1px solid var(--primary-color);
  padding: 10px 0;
}
.widgets-style .nav-tabs > li > a,
.widgets-style .nav-tabs > li > a:hover {
  color: #cccccc;
  font-size: 15px;
  border-bottom: 1px solid #f1f1f1;
  margin-right: 0;
  width: 100%;
  padding: 10px 0;
}
.widgets-style .btn-group {
  box-shadow: none;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
}
.widgets-style .btn-group label.btn {
  border-left: 1px solid #f2f2f2;
}
.widgets-style .btn-group label.btn:first-child {
  border-left: 0;
}
.widgets-style .btn-group label.btn:hover {
  z-index: 0;
}
.widgets-style .btn-group label.btn.active:hover {
  z-index: 2;
}
.widgets-style .form-group {
  margin-bottom: 15px;
}
.widgets-style .form-control {
  font-size: 14px;
}
.widgets-style .form-group label {
  color: #000;
}
.widgets-style .form-group label.fg-label {
  color: #959595;
}
.widgets-style .form-group label.active,
.widgets-style .form-group li.active {
  background: var(--primary-color);
  color: #fff;
}
.widgets-style label.btn,
.widgets-style li.btn {
  font-size: 14px;
  color: #727272;
}
.modal.from-bottom {
  font-size: 14px;
}
.modal.from-bottom .tab-content {
  padding: 20px 0 10px;
}
.modal.from-bottom .checkbox input[type="checkbox"] {
  right: 0;
  left: auto;
  width: 20px;
  height: 20px;
}
.modal.from-bottom .checkbox.not-enclosed {
  padding-left: 0;
}
.modal.from-bottom .checkbox label {
  padding-left: 0;
  text-align: left;
}
.modal.from-bottom .checkbox label:before {
  position: absolute;
  right: -13px;
  top: -13px;
  left: auto;
}
.modal.from-bottom .checkbox .input-helper {
  position: absolute;
  right: 0;
}
.modal.from-bottom .hide-widget-corners .checkbox .input-helper {
  position: absolute;
  left: 20px;
  right: auto;
}
.modal.from-bottom .checkbox .input-helper:before {
  right: 0;
  left: auto;
  width: 20px;
  height: 20px;
}
.modal.from-bottom .checkbox .input-helper:after {
  right: 6px;
  left: auto;
  font-size: 14px;
}
.checkbox input:checked + .input-helper:before {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.modal.from-bottom .nav-tabs > li {
  padding: 0;
  width: 100%;
}
.modal.from-bottom .nav-tabs > li.active > a,
.modal.from-bottom .nav-tabs > li.active > a:hover {
  color: var(--primary-color);
  font-size: 15px;
  border-bottom: 1px solid var(--primary-color);
  padding: 10px 0;
}
.modal.from-bottom .nav-tabs > li > a,
.modal.from-bottom .nav-tabs > li > a:hover {
  color: #cccccc;
  font-size: 15px;
  border-bottom: 1px solid #f1f1f1;
  margin-right: 0;
  width: 100%;
  padding: 10px 0;
}
.modal.from-bottom .btn-group,
.modal.mailing .btn-group,
#qr-code-upload .btn-group {
  box-shadow: none;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
}
.modal.from-bottom .btn-group label.btn,
.modal.mailing .btn-group label.btn,
#qr-code-upload .btn-group label.btn {
  border-left: 1px solid #f2f2f2;
}
.modal.from-bottom .btn-group label.btn:first-child,
.modal.mailing .btn-group label.btn:first-child,
#qr-code-upload .btn-group label.btn:first-child {
  border-left: 0;
}
.modal.from-bottom .btn-group label.btn:hover,
.modal.mailing .btn-group label.btn:hover,
#qr-code-upload .btn-group label.btn :hover {
  z-index: 0;
}
.modal.from-bottom .btn-group label.btn.active:hover,
.modal.mailing .btn-group label.btn.active:hover,
#qr-code-upload .btn-group label.btn.active:hover {
  z-index: 2;
}
.modal.from-bottom .form-control {
  font-size: 15px;
}
.modal.from-bottom .form-group label {
  color: #000;
}
.modal.from-bottom .form-group label.fg-label,
.modal.mailling .form-group label.fg-label {
  color: #959595;
}
.modal.from-bottom .form-group label.active,
.modal.from-bottom .form-group li.active,
.modal.mailing .form-group label.active,
.modal.mailing .form-group li.active,
#qr-code-upload .btn-group label.active {
  background: var(--primary-color);
  color: #fff;
}
.modal.from-bottom label.btn,
.modal.from-bottom li.btn,
#qr-code-upload .form-group label.btn {
  font-size: 14px;
  color: #727272;
}
.text-normal {
  font-weight: 400;
}
.text-medium {
  font-weight: 600;
}
.text-bold {
  font-weight: 700;
}
.title-big {
  font-size: 18px;
  line-height: 18px;
}
.title-medium {
  font-size: 14px;
  line-height: 18px;
}
.title-small {
  font-size: 10px;
  line-height: 18px;
}
.widgets-style .tab-nav li.active > a {
  color: var(--primary-color);
}
.modal.from-bottom .tab-nav li.active > a {
  color: var(--primary-color);
}
.btn-group.double {
  display: table;
}
.btn-group.double label.btn {
  display: table-cell;
  width: 50%;
  border-radius: 0;
  border-top: 1px solid #f2f2f2;
  margin-left: 0;
}
.btn-group.double label.btn:first-child {
  border-top-left-radius: 5px;
  border-top: none;
}
.btn-group.double label.btn:nth-child(odd) {
  border-left: 0;
}
.btn-group.double label.btn:nth-child(2) {
  border-top-right-radius: 5px !important;
  border-top: none;
}
.btn-group.double label.btn:last-child {
  border-bottom-right-radius: 5px;
}
.btn-group.double label.btn:nth-last-child(2) {
  border-bottom-left-radius: 5px !important;
}
.btn-group.double-5 {
  display: table;
}
.btn-group.double-5 label.btn {
  display: table-cell;
  width: 50%;
  border-radius: 0;
  border-top: 1px solid #f2f2f2;
  margin-left: 0;
}
.btn-group.double-5 label.btn:first-child {
  border-top-left-radius: 5px;
  border-top: none;
}
.btn-group.double-5 label.btn:nth-child(odd) {
  border-left: 0;
}
.btn-group.double-5 label.btn:nth-child(2) {
  border-top-right-radius: 5px !important;
  border-top: none;
}
.btn-group.double-5 label.btn:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 100%;
}
.icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-position-y: bottom;
  background-repeat: no-repeat;
  margin-top: 3px;
}
.icon.icon-corner-1 {
  background-image: url(../img/form-icons/corner-1.svg);
}
.form-group .active .icon.icon-corner-1 {
  background-image: url(../img/form-icons/corner-1-2.svg);
}
.icon.icon-corner-2 {
  background-image: url(../img/form-icons/corner-2.svg);
}
.form-group .active .icon.icon-corner-2 {
  background-image: url(../img/form-icons/corner-2-2.svg);
}
.icon.icon-corner-3 {
  background-image: url(../img/form-icons/corner-3.svg);
}
.form-group .active .icon.icon-corner-3 {
  background-image: url(../img/form-icons/corner-3-2.svg);
}
.icon.icon-mb-1 {
  background-image: url(../img/form-icons/mb-1.svg);
}
.form-group .active .icon.icon-mb-1 {
  background-image: url(../img/form-icons/mb-1-2.svg);
}
.icon.icon-mb-2 {
  background-image: url(../img/form-icons/mb-2.svg);
}
.form-group .active .icon.icon-mb-2 {
  background-image: url(../img/form-icons/mb-2-2.svg);
}
.icon.icon-mb-3 {
  background-image: url(../img/form-icons/mb-3.svg);
}
.form-group .active .icon.icon-mb-3 {
  background-image: url(../img/form-icons/mb-3-2.svg);
}
.widget.prev-widget {
  margin-top: -15px;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top: 0;
}
.widget.next-widget {
  margin-bottom: -15px;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: 0;
}
.btn.disabled {
  color: #a5a3a3;
}
@media (max-width: 320px) {
  .widget-style label.btn {
    font-size: 12px;
  }
  .modal.from-bottom label.btn {
    font-size: 12px;
  }
  .widget .draggable-icon {
    right: -8px !important;
  }
}
.add-widget-bottom-btn,
.add-widget-bottom-btn.w-bg4 {
  border: none !important;
  box-shadow: none;
  background: rgba(0, 0, 0, 0.3) !important;
  padding: 0 !important;
}
.add-widget-bottom-btn a,
.add-widget-bottom-btn a:focus,
.add-widget-bottom-btn a:active,
.add-widget-bottom-btn a:hover {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  width: 100%;
  padding: 10px;
  font-size: 16px;
  font-weight: 600;
}
.btn-bg-c0.btn-color,
.btn-bg-c55.btn-color {
  border: 1px solid #c2c2c2;
}
.modal.from-bottom .footer-absolute {
  position: absolute;
  width: 100%;
}
.modal .btn {
  font-size: 14px;
}
.modal .btn-link,
.swal2-popup .btn-link {
  border: 1px solid var(--primary-color);
}
.modal .modal-footer .btn-link {
  color: var(--primary-color) !important;
}
.btn-success {
  background-color: var(--primary-color) !important;
}
.swal2-popup .btn-link {
  font-size: 14px !important;
  color: #000 !important;
  font-weight: 500 !important;
}
.modal .btn-link.btn-danger,
.modal .btn-link.btn-danger:hover {
  border: 1px solid var(--danger-color);
  color: var(--danger-color) !important;
}
.modal .modal-footer {
  display: flex;
  max-width: 666px;
  margin: 0 auto;
}
.modal .modal-footer .btn {
  flex-basis: 100px;
  flex-grow: 1;
}
.sticky-top {
  padding-top: 10px;
  position: sticky !important;
  position: -webkit-sticky !important;
  top: 0;
  z-index: 1;
  background-color: #ffffff;
}
.sticky-bottom {
  position: sticky !important;
  position: -webkit-sticky !important;
  bottom: 0;
  z-index: 1;
}
.template-buttons {
  padding: 10px 20px;
  background: #fff;
  width: 100%;
}
.template-preview .profile-img img {
  margin: 0;
}
.sidebar-custom-backdrop {
  z-index: 14;
  display: none;
}
.o-hidden .sidebar-custom-backdrop {
  display: block;
}
.max-content-width {
  max-width: 666px;
  margin: 0 auto;
}
.page-btn-bg.page-btn-bg200 {
  border: 1px solid #c2c2c2;
}
ul.steps {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
ul.steps li {
  display: inline-block;
  color: #e2e2e2;
}
ul.steps li.step-done {
  color: #e2e2e2;
}
ul.steps li:after {
  content: " ";
  display: inline-block;
  border-bottom: 1px solid #c2c2c2;
  width: 10px;
  margin: 3px 10px;
}
ul.steps li.step-done:after {
  border-color: #c2c2c2;
}
ul.steps li:last-child:after {
  content: "";
  width: 0;
  margin: 0;
}
ul.steps li.current-step {
  color: #fff;
  font-weight: 600;
}
.intl-tel-input {
  width: 100%;
}
.intl-tel-input.separate-dial-code .selected-flag {
  background: none;
}
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background: none;
}
.intl-tel-input .country-list {
  z-index: 6;
}
.set-preview .panel-body {
  min-height: 200px;
}
.text-block-text {
  margin: 0;
  padding: 5px 10px;
}
.text-block-text {
  text-align: left;
}
.text-block-text.edit-bg {
  display: block;
}
.empty-widget-add-text {
  padding: 5px 10px;
  margin-bottom: 0 !important;
  font-size: 14px;
}
a.empty-widget-add {
  color: inherit;
}
.embedded-video-wrapper {
  background-color: #222222;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  color: #ffffff;
}
.embedded-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.embedded-video-wrapper .zmdi {
  font-size: 50px;
}
.modal-header .close {
  position: absolute;
  right: 13px;
  top: 10px;
}
.chosen-container-single .chosen-single {
  border: 1px solid transparent;
  border-radius: 0;
  border-bottom: 1px solid #e0e0e0;
  height: 35px;
  color: #000;
}
a.chosen-single:hover {
  text-decoration: none;
}
.chosen-single.chosen-default {
  color: #a29c99;
}
select.chosen-custom {
  display: none;
}
.text-blue {
  color: var(--primary-color);
  font-weight: 700;
}
ul.trial_info {
  list-style: none;
  padding: 0;
}
ul.trial_info li {
  border-bottom: 1px solid #f2f2f2;
  line-height: 30px;
  font-size: 14px;
  padding: 0 10px;
}
ul.trial_info li > i {
  margin-right: 10px;
  color: #5cb85c;
  font-size: 20px;
}
.subscription_badge {
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  display: inline-block;
}
.subscription_badge a,
.subscription_badge a:hover,
.subscription_badge a:active {
  color: #fff;
  padding: 10px 15px;
  display: inline-block;
}
.subscription_blue {
  background: #1156fb;
}
.subscription_green {
  background: #79b79d;
}
.subscription_yellow {
  background: #eab15a;
}
.subscription_red {
  background: #f17832;
}
.subscription_hide {
  display: none;
}
.inactive {
  display: inline-block;
  max-width: 375px;
  padding: 10px;
}
.inactive .profile-full-name {
  color: #222222;
  font-size: 25px;
  font-weight: 600;
}
.inactive .profile-divider {
  width: 50px;
  margin: 20px auto;
}
.inactive .profile-img {
  display: inline-block;
  position: relative;
  margin-left: 0;
  left: auto;
  top: auto;
  margin-bottom: 15px;
}
.inactive .title-img {
  display: inline-block;
  margin-bottom: 15px;
}
.inactive-description {
  font-size: 15px;
  margin-bottom: 20px;
}
.inactive-username {
  color: var(--primary-color);
  font-weight: bold;
}
.inactive-edit-link,
.inactive-edit-link:hover,
.inactive-edit-link:active,
.inactive-edit-link:focus {
  color: #222222;
}
.modal-title-brand {
  color: #0288d1;
}
.modal-body .modal-title {
  font-weight: 600;
  font-size: 19px;
}
hr.divider {
  width: 50px;
  margin: 20px auto;
}
.modal-body .modal-subtitle {
  font-weight: 600;
  font-size: 17px;
}
.tariff-hint {
  color: #0288d1;
  margin-bottom: 10px;
}
.subscription-params-row {
  padding-top: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
  margin: 0 0 5px;
}
.subscription-params-row:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.trial-info-image,
.pro-info-image {
  max-height: 139px;
  margin-bottom: 20px;
}
.lb-body a.btn:hover {
  text-decoration: none;
}
.btn-preview {
  cursor: default;
}
.widget-divider-hr {
  margin: 0;
  border-top: 2px solid #ffffff;
  width: 100%;
}
.edit-widget-divider {
  background: rgba(11, 94, 197, 0.1);
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
}
.form-fields .site-button {
  margin-top: 0;
}
.btn-w1:not(.social-buttons-template-1):not(.social-buttons-template-2) .site-button-wrapper {
  min-width: 200px;
}
.btn-w2:not(.social-buttons-template-1) .site-button-wrapper,
.btn-w2:not(.social-buttons-template-1) .site-button-wrapper .site-button {
  width: 100%;
}
.social-buttons-template-2 .site-button-wrapper,
.social-buttons-template-2 .site-button-wrapper .site-button {
  width: 100%;
}
.social-buttons-template-1 .social-buttons-wrapper {
  display: inline-block;
}
.site-button-wrapper .draggable-gallery-item {
  margin-top: 5px;
}
.site-button-wrapper .site-button {
  margin: 10px auto 0;
}
.social-buttons-template-1 .site-button-wrapper .draggable-gallery-item {
  margin-top: 15px;
}
.site-button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.social-buttons-template-1 .site-button-wrapper {
  display: inline-flex;
}
.form-fields .form-group {
  position: relative;
  margin-bottom: 10px;
  width: 100%;
  line-height: 0;
}
.form-fields .form-field-icon {
  position: absolute;
  left: 5px;
  top: 0;
  color: #444444;
}
.form-field {
  padding: 0 10px 0 26px;
  width: 100%;
  color: #444444;
  line-height: initial;
}
.form-field-add,
.form-field-captcha {
  padding-left: 10px;
}
.form-field-title {
  margin-bottom: 5px;
}
.form-field-description {
  margin-bottom: 10px;
  font-size: 75%;
}
textarea.form-field {
  resize: none;
}
.form-field::placeholder {
  color: #999999;
}
.edit-form-field-wrapper {
  position: relative;
}
.edit-form-field-wrapper input[disabled],
.edit-form-field-wrapper textarea[disabled] {
  cursor: pointer;
}
#form-field-icon .btn {
  padding: 6px 11px;
}
.grecaptcha-badge {
  visibility: hidden;
}
.additional-widget-actions {
  position: absolute;
  width: 100%;
  z-index: 1;
}
.w-m-b1 .additional-widget-actions {
  border-top: 1px dashed #c0c0c0;
}
.w-m-b1.edit-panel:not(.modal-preview) .widget-content {
  padding-bottom: 14px;
}
.w-m-b1.edit-panel .widget-content.widget-content-video {
  padding-bottom: 10px;
}
.widget .divide-widget {
  font-size: 18px;
  width: 24px;
  height: 24px;
  padding: 0;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 5px 22px 0 rgba(0, 0, 0, 0.36) !important;
}
.widget .divide-widget:hover {
  color: #aaa;
}
.widget .glue-widget {
  font-size: 18px;
  width: 24px;
  height: 24px;
  padding: 0;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 5px 22px 0 rgba(0, 0, 0, 0.36) !important;
}
.widget .glue-widget:hover {
  color: #aaa;
}
.widget .divide-widget {
  display: none;
}
.widget.w-m-b1 .divide-widget {
  display: inline-block;
}
.widget.w-m-b1 .glue-widget {
  display: none;
}
.widget-wrapper:last-of-type .additional-widget-actions {
  display: none;
}
.widget.w-m-b1 .glue-widget,
.widget.w-m-b1 .divide-widget,
.widget.w-m-b1 .create-widget-under-widget-btn {
  margin-top: -25px;
}
.widget.w-m-b2 .glue-widget,
.widget.w-m-b2 .divide,
.widget.w-m-b2 .create-widget-under-widget-btn {
  margin-top: -14px;
}
.widget.w-m-b3 .glue-widget,
.widget.w-m-b3 .divide-widget,
.widget.w-m-b3 .create-widget-under-widget-btn {
  margin-top: -8px;
}
.widget.w-m-b4 .glue-widget,
.widget.w-m-b4 .divide-widget,
.widget.w-m-b4 .create-widget-under-widget-btn {
  margin-top: -3px;
}
.widget .create-widget-under-widget-btn {
  width: 24px;
  height: 24px;
  padding: 0;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 5px 22px 0 rgba(0, 0, 0, 0.36) !important;
  margin-left: 6px;
  position: relative;
}
.widget .create-widget-under-widget-btn i {
  font-size: 22px;
  color: #5d5d5d;
  position: absolute;
  font-weight: 300;
  left: 50%;
  top: 50%;
  margin-left: -6.5px;
  margin-top: -11px;
}
.widget.modal-preview .additional-widget-actions {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.btn-grey {
  background: rgba(192, 192, 192, 0.8);
  text-decoration: none !important;
}
.btn-grey:hover {
  background: rgba(170, 170, 170, 0.8);
  text-decoration: none !important;
}
.btn-round {
  border-radius: 50% !important;
}
.gallery-button.btn-link,
.address-button.btn-link,
.map-address-button.btn-link {
  border: 1px solid #c2c2c2;
  width: 100%;
  font-size: 14px;
  color: #444444 !important;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.gallery-button-container,
.address-button-container,
.map-address-button-container,
.service-list-button-container,
.poster-spot-button-container,
.poster-category-button-container,
.page-list-button-container {
  margin-bottom: 10px;
}
.gallery-button-container:last-child {
  margin-bottom: 0;
}
.gallery-button-wrapper,
.service-list-button-wrapper,
.address-button-wrapper,
.map-address-button-wrapper,
.widget-menu-item-wrapper,
.page-list-button-wrapper {
  display: flex;
  align-items: center;
}
.gallery-button-wrapper .gallery-button,
.service-list-button-wrapper .gallery-button,
.address-button-wrapper .address-button,
.map-address-button-wrapper .map-address-button {
  position: relative;
}
.gallery-button-wrapper.disabled .gallery-button,
.gallery-button-wrapper.disabled .gallery-button.btn-link.gallery-button-link,
.address-button-wrapper.disabled .address-button,
.address-button-wrapper.disabled .address-button.btn-link.address-button-link,
.map-address-button-wrapper.disabled .map-address-button,
.map-address-button-wrapper.disabled .map-address-button.btn-link.map-address-button-link {
  color: #c0c0c0 !important;
}
.gallery-buttons,
.service-list-buttons,
.address-buttons,
.map-address-buttons {
  margin-bottom: 10px;
}
.gallery-button-wrapper:last-child,
.address-button-wrapper:last-child,
.map-address-button-wrapper:last-child {
  margin-bottom: 0;
}
.gallery-button.btn-link.gallery-button-link,
.address-button.btn-link.address-button-link,
.map-address-button.btn-link.map-address-button-link {
  color: var(--primary-color) !important;
  justify-content: center;
}
.gallery-item-thumb {
  height: 30px;
  width: 30px;
  display: inline-block;
}
.edit-gallery-items hr {
  margin: 10px 0;
}
.draggable-gallery-item,
.draggable-address-item,
.draggable-poster-spot,
.draggable-poster-category,
.draggable-map-address-item {
  cursor: grab;
}
.action-gallery-item,
.action-address-item {
  font-size: 24px;
  padding: 0 10px;
  color: #c0c0c0;
}
.action-gallery-item:hover {
  color: #aaaaaa;
}
.gallery-button-wrapper.disabled .action-gallery-item-delete,
.gallery-button-wrapper.disabled .action-gallery-item-delete:hover {
  color: #e4e4e4;
  cursor: default;
}
.owl-height {
  transition-duration: 0.2s;
}
.hidden-file-input-wrapper {
  position: relative;
}
.hidden-file-input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  width: 100%;
  height: 34px !important;
  z-index: 1;
}
.no-text {
  line-height: 0;
}
.widget-content-banners-grid {
  position: relative;
  height: 0;
  margin-bottom: -1.25%;
}
.banners-grid {
  display: flex;
  flex-flow: column wrap;
  align-content: space-between;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.banners-grid a {
  width: 49.275%;
  margin-bottom: 1.25%;
}
.banners-grid a:nth-child(2n+1) {
  order: 1;
}
.banners-grid a:nth-child(2n) {
  order: 2;
}
.banners-grid::before {
  content: "";
  flex-basis: 100%;
  width: 0;
  order: 2;
}
html:not(.ismobile) .widget:not(.w-w1) .banners-grid.three-columns-grid a {
  width: 32.5%;
  margin-bottom: 1.25%;
}
html:not(.ismobile) .widget:not(.w-w1) .banners-grid.three-columns-grid a:nth-child(3n+1) {
  order: 1;
}
html:not(.ismobile) .widget:not(.w-w1) .banners-grid.three-columns-grid a:nth-child(3n+2) {
  order: 2;
}
html:not(.ismobile) .widget:not(.w-w1) .banners-grid.three-columns-grid a:nth-child(3n) {
  order: 3;
}
html:not(.ismobile) .widget:not(.w-w1) .banners-grid.three-columns-grid::after {
  content: "";
  flex-basis: 100%;
  width: 0;
  order: 2;
}
.gallery-item-image-wrapper {
  position: relative;
}
.gallery-item-image-wrapper img {
  width: 100%;
}
.gallery-item-image-description {
  padding: 20px 10px 10px;
  text-align: left;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 45%, transparent) !important;
  color: #ffffff;
}
.gallery-item-image-preview {
  height: 38px;
  width: 38px !important;
  object-fit: cover;
  margin: -11px 0 -11px -12px;
}
.owl-carousel:not(.owl-example) .owl-lazy {
  cursor: pointer;
}
.gallery-button-empty-image {
  margin-right: 7px;
}
.owl-carousel.owl-visible {
  display: block;
}
.owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}
.owl-carousel > img,
.owl-carousel > a > img {
  width: 100%;
}
.additional-widget-actions .btn {
  color: #c0c0c0;
}
.icon-divide {
  width: 16px;
  height: 16px;
  margin-top: 4px;
  vertical-align: top;
}
.icon-glue {
  width: 16px;
  height: 16px;
  margin-top: 4px;
  vertical-align: top;
}
.widget .toggle-visibility-link {
  position: absolute;
  left: auto;
  right: 30px;
  font-size: 22px;
  cursor: pointer;
  line-height: 22px;
}
.widget.w-bg1 .toggle-visibility-link {
  top: -2px;
  right: 28px;
}
.widget .copy-icon {
  position: absolute;
  left: auto;
  right: 30px;
  font-size: 20px;
  cursor: pointer;
  line-height: 22px;
}
.widget.w-bg1 .copy-icon {
  top: -2px;
  right: 28px;
}
#create-widget-modal .modal-header {
  padding: 23px 0 0;
}
/* Select2 */
.select2-container--krajee.select2-container--open .select2-selection {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding-left: 0 !important;
}
.has-error .select2-container--open .select2-selection,
.has-error .select2-container--krajee.select2-container--focus .select2-selection {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.has-error.select2-container--krajee .select2-dropdown,
.has-error .select2-container--krajee .select2-selection {
  border-color: var(--danger-color) !important;
}
.select2-container--krajee .select2-selection {
  border: none !important;
  border-bottom: 1px solid #e0e0e0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  font-size: inherit;
}
.select2-container--krajee .select2-dropdown {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-color: #aaaaaa !important;
}
.select2-dropdown {
  border-radius: 5px !important;
}
.select2-container--open .select2-dropdown--below {
  border: 1px solid #aaaaaa !important;
}
.select2-container--krajee .select2-selection--single {
  padding-left: 0 !important;
  padding-right: 22px !important;
  border-radius: 0 !important;
}
.select2-container--krajee .select2-selection--single .select2-selection__arrow {
  display: none !important;
  border-left: none !important;
}
.select2-fg-float .fg-line.fg-toggled:after {
  content: none !important;
}
.card-block {
  padding: 5px;
  border: 1px solid var(--primary-color);
  border-radius: 3px;
  color: var(--primary-color);
  font-size: 15px;
  position: relative;
  text-align: center;
}
.card-block i {
  position: absolute;
  left: 10px;
  top: 8px;
}
.pay-actions {
  margin-top: 25px;
}
.pay-top-info {
  text-align: left;
}
.pay-top-info div {
  margin-top: 10px;
}
.soon {
  display: inline-block;
  background: var(--primary-color);
  border-radius: 10px;
  padding: 0 10px 1px;
  line-height: 13px;
  color: #fff;
  font-size: 12px;
  top: -2px;
}
.pay-option {
  position: relative;
  border: 1px solid #c2c2c2;
  border-radius: 10px;
  padding: 20px;
  cursor: pointer;
  transition: all 0.1s ease-in;
  margin-bottom: 20px;
}
.pay-option .pay-badge-container {
  position: absolute;
  top: -18px;
  left: 0;
  width: 100%;
}
.pay-option .pay-badge {
  margin: auto;
  display: inline-block;
  line-height: 1;
  padding: 10px 20px;
  background: #1156fb;
  border-radius: 15px;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
}
.pay-badge i {
  margin-right: 5px;
}
.pay-badge.pay-badge-12 {
  background: #1156fb;
}
.pay-badge.pay-badge-6 {
  background: #ea4c89;
}
.pay-badge.pay-badge-3 {
  background: #c3c3c3;
}
.pay-option .pay-info {
  font-size: 16px;
  margin-top: 5px;
  color: #3f3f3f;
  font-weight: 600;
}
.pay-option .pay-price {
  position: relative;
  padding: 0 0 15px 0;
  font-size: 48px;
  color: #464646;
  margin-top: 15px;
  font-weight: 700;
}
.pay-price sup {
  top: -0.3em;
  color: #1156fb;
  margin-left: 3px;
}
.pay-option .pay-price-info {
  font-weight: 400;
  font-size: 18px;
}
.pay-option .pay-price:after {
  content: ' ';
  position: absolute;
  display: block;
  bottom: 0;
  line-height: 1;
  width: 50px;
  left: 50%;
  margin-left: -25px;
  border-bottom: 1px solid #c2c2c2;
}
.pay-option .pay-discount {
  font-size: 13px;
  color: #144ce7;
  margin-top: 15px;
  font-weight: 400;
}
.pay-discount i {
  margin-right: 5px;
}
.pay-discount.no-discount {
  color: #c2c2c2;
}
.bottom-button {
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  padding: 10px;
  background: #fff;
  font-size: 11px;
  color: #c2c2c2;
  margin: 0 -15px;
}
.bottom-no-sticky {
  position: relative !important;
}
.bottom-button a {
  color: #c2c2c2;
  text-decoration: underline;
}
.bottom-button a:hover {
  text-decoration: none;
}
body.simple {
  background: #f8f8f8;
}
body.help {
  background: #ffffff;
}
.simple .logo-color1 {
  fill: #222222;
  opacity: 0.5;
}
.simple .logo-color2 {
  fill: #222222;
}
.simple #header {
  background: none !important;
  position: relative;
  width: 100%;
}
.simple .header {
  justify-content: center;
}
.simple .header.extended {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.simple .header.extended .logo-color1 {
  fill: rgba(17, 86, 251, 0.5);
}
.simple .header.extended .logo-color2 {
  fill: #1156FB;
}
.simple .header.extended a {
  color: var(--primary-color);
}
.simple .h-logo svg {
  height: 40px;
}
.simple .layer {
  display: flex;
  justify-content: center;
  padding: 0;
  min-height: calc(100vh - 120px);
}
.simple.without-min-height .layer {
  min-height: 0;
}
.simple .container {
  height: calc(100vh - 70px);
}
.simple .content {
  background: #fff;
  margin: 0 5px 5px;
  padding: 10px 20px 20px;
  border-radius: 10px;
  border: 1px solid #e2e2e2;
  max-width: 350px;
  width: 100%;
}
.simple .content.transparent {
  background: transparent;
  border: none;
}
.simple .content.wide-content {
  max-width: 666px;
}
.simple .content.wide-content .content {
  max-width: 100%;
  text-align: left;
}
.simple .content .content {
  border: 0;
}
.simple .h-logo a {
  display: flex;
}
.pay-block {
  padding-bottom: 17px;
  position: relative;
}
.pay-block:not(.without-border):after {
  content: ' ';
  position: absolute;
  display: block;
  line-height: 1;
  width: 50px;
  left: 50%;
  margin-left: -25px;
  border-bottom: 1px solid #c2c2c2;
  padding-top: 5px;
}
.simple .divider {
  margin: 15px -20px;
  border-top: 1px solid #e2e2e2;
  line-height: 1px;
  height: 1px;
}
.rules {
  color: #c2c2c2;
  line-height: 18px;
}
.rules a {
  color: #a9a9a9;
  text-decoration: underline;
}
.rules a:hover {
  color: #a9a9a9;
  text-decoration: none;
}
#btn-purchase {
  width: 90%;
}
.purchase-description ul {
  padding-left: 10px;
  line-height: 22px;
  font-size: 11px;
}
.purchase-description ul li {
  list-style: none;
  text-indent: -10px;
  text-align: left;
}
.purchase-description ul li:before {
  content: '\f26b';
  padding-right: 5px;
  font-family: 'Material-Design-Iconic-Font';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.purchase-autopay {
  color: #5e5e5e;
  font-size: 11px;
  line-height: 12px;
  padding-bottom: 10px;
}
.discount-sum {
  color: #eb5790;
  font-weight: 700;
}
.purchase-sum {
  font-size: 17px;
  font-weight: 700;
  color: #000;
}
.text-blue {
  color: #1156fb;
}
.js-btn-pay {
  width: 80%;
}
.link-grey,
.link-grey:hover {
  color: #c2c2c2 !important;
}
.link-dark-grey,
.link-dark-grey:hover {
  color: #5e5e5e !important;
}
.link-underline {
  text-decoration: underline;
}
.link-underline:hover {
  text-decoration: none;
}
.pay-title {
  font-size: 18px;
}
.special-text {
  font-size: 16px;
  color: #000;
  margin-top: 10px;
}
.timer {
  margin-top: 10px;
  margin-bottom: 10px;
}
.timer > .num-pad > div,
.timer > div {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
.num-pad {
  background: #f2f2f2;
  padding: 5px;
  border-radius: 5px;
}
.n-p {
  padding: 0 !important;
}
.notice-widget {
  border: none !important;
  box-shadow: none;
  padding: 10px;
  margin-top: 10px;
}
.autopay-agree {
  border: 1px solid #c2c2c2;
  border-radius: 10px;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.autopay-agree .pay-info {
  font-size: 16px;
  margin-top: 5px;
  color: #3f3f3f;
  font-weight: 600;
}
.autopay-agree .pay-price {
  position: relative;
  padding: 0 0 15px 0;
  font-size: 48px;
  color: #464646;
  margin-top: 15px;
  font-weight: 700;
}
.autopay-agree .pay-price-info {
  font-weight: 400;
  font-size: 14px;
}
.autopay-agree .pay-for-month {
  font-weight: 400;
  font-size: 18px;
}
.autopay-agree .pay-price:after {
  content: ' ';
  position: absolute;
  display: block;
  bottom: 0;
  line-height: 1;
  width: 50px;
  left: 50%;
  margin-left: -25px;
  border-bottom: 1px solid #c2c2c2;
}
.autopay-agree .pay-discount {
  font-size: 12px;
  color: #ea4c89;
  margin-top: 15px;
  font-weight: 600;
}
.autopay-dont-agree-container {
  display: none;
  position: absolute;
  top: 4px;
  right: 10px;
  font-size: 16px;
}
.autopay-dont-agree,
.autopay-dont-agree:hover {
  color: #c2c2c2;
  text-decoration: none;
}
.text-pink {
  color: #ea4c89;
}
.subscription-params-row .col-xs-6,
.subscription-params-row .col-xs-8,
.subscription-params-row .col-xs-4 {
  padding-left: 5px;
  padding-right: 5px;
}
.btn-green-border {
  background: none;
  border: 1px solid #4caf50;
  color: #4caf50 !important;
}
.btn-blue-border {
  background: none;
  border: 1px solid var(--primary-color);
  color: var(--primary-color) !important;
}
.l-footer {
  max-width: 350px;
  width: 100%;
  display: inline-block;
  padding: 10px;
}
.rules-small {
  font-size: 11px;
  line-height: initial;
  color: #fff;
}
.rules-small a {
  color: #fff;
  text-decoration: underline;
}
.rules-small a:hover {
  color: #fff;
  text-decoration: none;
}
ul.checked li {
  list-style: none;
  text-indent: -10px;
  text-align: left;
}
ul.checked li:before {
  content: '\f26b';
  padding-right: 5px;
  font-family: 'Material-Design-Iconic-Font';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--primary-color);
}
ul.list-1rub {
  padding-left: 15px;
}
ul.list-1rub li {
  line-height: 25px;
}
.w90 {
  width: 90% !important;
}
hr.small-divider {
  color: #fafafa;
  margin: 20px auto 12px;
  width: 12%;
}
.w75 {
  width: 75%;
}
.text-grey {
  color: #afafaf;
}
#update-user-info .input-group-addon {
  color: #afafaf;
}
#update-user-info .has-success .input-group-addon {
  background: none;
  border: 0;
}
.bottom-box {
  cursor: pointer;
  position: fixed;
  bottom: 0;
  max-width: 350px;
  width: 100%;
  z-index: 999;
  background-color: var(--primary-color) !important;
  border-radius: 10px 10px 0 0;
  padding: 7px;
  text-align: center;
  color: white;
  text-transform: uppercase;
  font-size: 20px;
}
.no-flex-owl-carousel.owl-carousel .owl-stage {
  display: inline-block !important;
}
.progress-button-box {
  position: relative;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}
.progress-bar-button {
  position: absolute;
  height: 100%;
  width: 0;
  background-color: #000000;
  z-index: 999;
  opacity: 0.2;
}
.slide-button-group {
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.slide-btn-prev,
.slide-btn-next,
.slide-name {
  padding: 0 10px;
  align-items: center;
}
.slide-name {
  text-align: center;
  width: 120px;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 340px) {
  .slide-name {
    width: 105px;
  }
}
.slide-btn-prev i,
.slide-btn-next i {
  padding: 0 7px;
  font-size: 24px;
}
.slide-btn-prev {
  border-right: 1px solid var(--primary-color);
}
.slide-btn-next {
  border-left: 1px solid var(--primary-color);
}
.slide-button-group {
  border: 1px solid var(--primary-color);
}
.slide-btn-prev,
.slide-btn-next {
  color: var(--primary-color);
  cursor: pointer;
}
.slide-menu {
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.footer {
  padding: 15px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
html:not(.ismobile) .footer__scrollbar-fix {
  width: calc(100vw - 48px);
}
.isiphone.issafari .footer {
  padding-bottom: calc(15px + env(safe-area-inset-bottom));
}
.page-bgcustom .footer {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0) 100%);
}
.footer .h-logo,
.footer a {
  display: flex;
}
.footer .h-logo {
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 300;
  color: #ffffff;
}
.footer .h-logo a {
  margin-top: -1px;
}
.footer .h-logo svg {
  height: 25px;
}
.action-history-block {
  display: flex;
  justify-content: space-between;
}
.history-block-title {
  font-size: 15px;
}
.history-block-title,
.history-block-plus {
  color: #c2c2c2;
  cursor: pointer;
}
.history-block-plus {
  font-size: 24px;
  line-height: 15px;
}
.history-item {
  display: flex;
  text-align: left;
}
.history-item span:first-child {
  margin-right: 10px;
  width: 49px;
}
.ext-catalog-item-link-description {
  font-size: 11px;
}
.category-button.btn-link {
  border: 1px solid #c2c2c2;
  width: 100%;
  font-size: 14px;
  color: #444444 !important;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  white-space: initial;
  text-align: left;
  margin-right: 5px;
}
.category-add-button {
  justify-content: center;
}
.category-button.btn-link:last-child {
  margin-right: 0;
}
.category-wrapper {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.category-wrapper:last-child {
  margin-bottom: 0;
}
.category-wrapper.disabled .category-button,
.category-wrapper.disabled .category-button.btn-link.category-link {
  color: #c0c0c0 !important;
}
.categories-list:not(:empty) {
  margin-bottom: 10px;
}
.category-button.btn-link.category-link {
  color: #2687ff !important;
  justify-content: center;
}
.draggable-category {
  cursor: grab;
}
.action-category {
  font-size: 24px;
  color: #c0c0c0;
}
.action-category:hover {
  color: #aaaaaa;
}
.category-wrapper.disabled .action-category-delete,
.category-wrapper.disabled .action-category-delete:hover {
  color: #e4e4e4;
  cursor: default;
}
.viber-prefix:after {
  content: '+';
  position: absolute;
  color: #B2B2B2;
  bottom: 7px;
}
.viber-prefix input,
.fg-line:not(.fg-toggled) .viber-prefix > .fg-label {
  padding-left: 10px !important;
}
.link-box.viber {
  display: flex;
}
.link-box.viber .form-group {
  margin-top: 10px !important;
}
.contacts-period-selector {
  max-height: 35px;
  margin: 10px 12px 0 0;
  border-bottom: 2px dashed;
  display: flex;
  align-items: center;
}
.w-100 {
  width: 100%;
}
.equally div[class*="-prefix"]:after {
  content: '=';
}
.btn-group.full-width {
  display: flex;
}
.btn-group.full-width .btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-t-2 {
  margin-top: 2px;
}
.btn-bordered {
  color: #333333 !important;
  background-color: #ffffff;
  border: 1px solid #ccc;
}
#law-page h1 {
  font-size: 22px;
  color: #8d8d8d;
  font-weight: bold;
  margin-bottom: 20px;
}
#law-page p {
  font-size: 14px;
  color: #8d8d8d;
}
#law-page hr {
  margin: 20px auto;
  border-top: 2px solid #e8e8e8;
  width: 30%;
}
#law-page ol {
  font-size: 14px;
  color: #8d8d8d;
  text-align: left;
}
#law-page ol li {
  text-decoration: underline;
  font-size: 14px;
  margin: 5px 0 0 -20px;
  cursor: pointer;
}
#law-page li a {
  color: #8d8d8d;
  text-decoration: underline;
}
#law-page ul {
  list-style: none;
}
#law-page .submenu {
  display: none;
}
#law-page .submenu.showing-sub {
  display: block;
}
.btn-success.btn-bordered {
  background-color: transparent;
  border: 1px solid #4caf50;
  color: #4caf50 !important;
}
.btn-success.btn-bordered:hover {
  color: #fff !important;
}
.btn-blue.btn-bordered {
  background-color: transparent;
  border: 1px solid #1156fb;
  color: #1156fb !important;
}
.btn-blue.btn-bordered:hover {
  color: #fff !important;
}
.fill-demo-data {
  margin-top: -10px;
}
.fill-demo-data .checkbox input:checked + .input-helper:before {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
@media (max-width: 320px) {
  .pay-top-info {
    display: none;
  }
  .pay-block {
    padding-bottom: 0;
  }
  .pay-block:after {
    display: none;
  }
  .hide-on-small {
    display: none;
  }
}
#edit-service-list-modal .form-group {
  width: 65%;
  float: left;
}
@media (max-width: 375px) {
  #edit-service-list-modal .form-group {
    width: 58%;
  }
}
#edit-service-list-modal .edit-column-control {
  float: right;
  margin-top: 25px;
}
#edit-service-list-modal .edit-column-control i {
  font-size: 24px;
  padding-left: 10px;
  color: #c0c0c0;
}
#edit-service-list-modal .edit-column-width-info {
  display: block;
  float: right;
  padding-left: 5px;
  margin-top: 1px;
  width: 44px;
  text-align: right;
}
#columns-width-slider {
  margin-top: 10px;
  margin-bottom: 10px;
}
#edit-service-list-modal #width-slider-container {
  width: 100%;
}
#columns-width-slider {
  height: 4px;
  background-color: #c0c0c0;
  border: none;
  margin-bottom: 30px;
}
#columns-width-slider .ui-slider-handle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 5px solid #2E8AFB;
  top: -6px;
}
.service-list-hidden-fields .form-group {
  margin: 0 !important;
}
#edit-service-list-modal .form-group:first-child {
  width: 100%;
}
#service-list-item-link-options {
  height: 34px;
}
#service-list-item-link-options li:first-child {
  flex: none;
}
#service-list-item-link-options a {
  color: inherit;
}
#service-list-item-link-options li:nth-child(2),
#service-list-item-link-options li:last-child {
  border-left: 1px solid #f2f2f2;
}
#service-list-item-link-options a:active,
#service-list-item-link-options a:hover,
#service-list-item-link-options a:focus {
  color: inherit !important;
  background-color: inherit !important;
}
#service-list-item-click-label {
  float: left;
}
.service-list-item-table td {
  text-align: left;
}
.service-list-item-table td,
.service-list-item-table th {
  padding: 5px;
}
#service-list-item-external-link .form-group {
  margin-top: 0;
}
#edit-service-list-item-modal .tab-content {
  padding-top: 10px;
}
.service-list-item-table {
  color: inherit !important;
  background-color: inherit !important;
  width: 100%;
  word-break: break-word;
}
.service-list-item-table tr.tr-has-link {
  cursor: pointer;
}
.service-list-button-wrapper a.btn.btn-link {
  color: #444444 !important;
}
.fake-service-list-item {
  display: none;
}
.show-fake-service-list-item .fake-service-list-item {
  display: table-row;
}
.service-list-item-position {
  display: none;
}
.service-list-position-column-1 .service-list-table-td-1 .service-list-item-position,
.service-list-position-column-2 .service-list-table-td-2 .service-list-item-position,
.service-list-position-column-3 .service-list-table-td-3 .service-list-item-position {
  display: inline;
}
.widget.show-fake .empty-widget {
  display: none;
}
#modal-map-view-block {
  padding-top: 24px;
}
#modal-map-view-block {
  display: none;
}
#edit-address-map,
#search-address-map {
  width: 100%;
  height: 320px;
  margin-top: 10px !important;
}
#edit-address-modal .modal-dialog,
#edit-map-address-modal .modal-dialog {
  max-height: none;
}
#edit-address-modal .fg-line {
  margin-bottom: 10px;
}
#edit-address-info {
  text-align: left;
  margin-bottom: 25px;
}
#save-address-button,
#show-address-search-button {
  display: none;
}
.address-widget-default-view-item {
  display: none;
}
.olMapViewport > div,
.olMapViewport > div > div {
  z-index: 0 !important;
}
.domain-modal-block {
  background: #fff;
  max-width: 450px;
  width: 100%;
  vertical-align: middle;
  position: relative;
  text-align: left;
  border-radius: 10px;
  display: inline-block;
  margin-top: 0px !important;
}
.domain-modal-block .file-drop-zone {
  border: 0;
  margin: 0;
  padding: 0;
}
.domain-modal-block .file-thumbnail-footer {
  display: none;
}
.domain-modal-block .krajee-default.file-preview-frame .kv-file-content {
  width: 350px;
  height: auto;
}
.domain-modal-block .file-input {
  text-align: right;
}
.domain-modal-block .has-success .input-group-addon {
  border-color: #fff;
  background-color: #fff;
}
.datepicker table thead tr:last-child:not(:only-child) {
  background: #fff;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  background: #fff;
  color: #fff;
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover {
  background: #fff;
  color: #fff;
}
.datepicker-days .table-condensed thead tr {
  background: #fff;
  color: black;
}
.btn-blue {
  display: flex;
  box-shadow: 0 3px 6px rgba(0, 3, 78, 0.16);
  background-color: #1156fb;
  border-radius: 20px !important;
  padding: 9px 20px 9px 20px;
  justify-content: center;
  width: min-content;
  color: white;
}
.btn-blue.waves-effect {
  display: flex;
}
.btn-blue:hover {
  background-color: #064afb;
}
.btn-blue div {
  height: 21px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
  align-items: center;
}
.ng-binding-white {
  background-color: #fff;
  border-bottom: #707070;
}
.sidebar-settings-title-black {
  font-size: 16px;
  margin-top: 8px;
  margin-bottom: 20px;
  color: #333333;
}
.domain-title {
  color: #383838;
  font-size: 18px;
  font-weight: 700;
}
.domain-next-info-1 {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  color: #707070;
}
.domain-next-info-1 a {
  color: #1156fb;
  text-decoration: underline;
}
.domain-prefix {
  position: relative;
}
.domain-prefix:after {
  content: '\f171';
  font-family: 'Material-Design-Iconic-Font';
  position: absolute;
  color: #B2B2B2;
  bottom: 7px;
  font-size: 15px;
}
.domain-prefix input {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.domain-validate:after {
  content: '\f3ec';
  font-family: 'Material-Design-Iconic-Font';
  position: absolute;
  color: #B2B2B2;
  bottom: 7px;
  right: 1px;
  font-size: 15px;
}
.domain-spinner {
  font-size: 20px !important;
  position: absolute;
  bottom: -30px;
  right: 20px;
}
.domain-modal-block .lb-body {
  padding: 0 !important;
}
.btn-back {
  display: flex;
  box-shadow: 0 3px 6px rgba(0, 3, 78, 0.16);
  border: 1px solid #1156fb;
  background-color: #ffffff;
  border-radius: 20px !important;
  justify-content: center;
  color: #1156fb !important;
}
.btn-back:hover {
  background-color: #ffffff;
}
@media screen and (max-width: 450px) {
  .domain-modal-block {
    max-width: 350px;
    margin-top: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .domain-modal-block {
    margin-top: 40px;
  }
}
.ylink-text {
  color: #707070;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}
.ylink-text .ylink-partner {
  color: #1156fb;
}
.domain-steps {
  color: #707070;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
}
.btn-action {
  box-shadow: 0 3px 6px rgba(0, 3, 78, 0.16);
  padding: 10px 10px;
  border: 1px solid #1156fb;
  border-radius: 20px !important;
  display: block;
}
.domain-modal-block .btn-next {
  background-color: #1156fb;
  color: #fff;
  width: 150px;
}
.domain-modal-block .btn-back {
  background-color: #ffffff;
  color: #1156fb;
  width: 150px;
}
.domain-logo {
  margin-top: -40px;
}
.domain-modal-block label {
  color: #333333;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
}
#fill-contacts-warning .modal-title {
  color: #383838;
  font-size: 18px;
  font-weight: 700;
}
#fill-contacts-warning .modal-body {
  color: #707070;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
#fill-contacts-warning .modal-header {
  padding: 20px 0 0 0;
}
#fill-contacts-warning .modal-body {
  padding-bottom: 25px;
}
.simple-domain .content {
  height: max-content;
}
#fill-contacts-warning .btn-confirm {
  background-color: #1156fb;
  width: 160px;
  display: block;
  margin: 0 auto;
}
.long-text {
  text-overflow: ellipsis;
  overflow: hidden;
}
.edit-info {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translate(0, -50%);
  color: #c1c1c1;
  font-size: 18px;
  line-height: 22px;
}
.pmo-contact ul li {
  position: relative;
  padding: 8px 30px 8px 35px;
}
.address-item-map,
.map-address-item-map {
  width: 100%;
  height: 270px;
  cursor: pointer !important;
  overflow: hidden;
}
.address-item-map.has-preview,
.map-address-item-map.has-preview {
  height: 267px;
}
.address-buttons .btn-group,
.map-address-buttons .btn-group {
  border-radius: 0;
  margin-bottom: -1px;
  border: none !important;
}
.address-buttons .address-item-collapse-button,
.map-address-buttons .map-address-item-collapse-button {
  height: 40px;
  border: none !important;
  border-radius: 0;
}
.address-buttons .btn-group:first-child,
.map-address-buttons .btn-group:first-child {
  border-top: none;
}
.address-buttons .btn-group:nth-last-child(2),
.map-address-buttons .btn-group:nth-last-child(2) {
  border-bottom: none;
}
.address-buttons hr:last-child,
.map-address-buttons hr:last-child {
  display: none;
}
.address-item-info,
.map-address-item-info {
  padding: 0 15px 15px 15px;
}
.address-item-info p,
.map-address-item-info p {
  margin-bottom: 0;
}
.address-item-collapse-button,
.address-item-collapse-button:hover,
.map-address-item-collapse-button,
.map-address-item-collapse-button:hover {
  background-color: inherit !important;
  color: inherit !important;
}
.address-item-collapse-button i,
.map-address-item-collapse-button i {
  position: absolute;
  right: 10px;
  top: 8px;
  font-size: 24px;
  padding: 0 10px;
}
.address-button-active,
.address-button-active:hover,
.map-address-button-active,
.map-address-button-active:hover {
  color: inherit !important;
  background-color: inherit !important;
  border-bottom: none;
}
.btn-group.btn-group-active {
  border-bottom: none;
}
#big-map .modal-dialog {
  max-width: 500px !important;
}
#big-map-view {
  width: 100%;
  height: 480px;
}
@media (max-width: 600px) {
  #big-map-view {
    height: 75vh;
  }
  #big-map .button-container {
    display: block !important;
  }
}
#big-map .modal-body {
  padding: 10px;
}
#big-map .button-container {
  position: relative;
  display: none;
}
#big-map .button-container button {
  position: absolute;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  border: 2px solid white;
  top: 20px;
  left: 50%;
  margin-left: -16px;
  padding: 1px 0 0 1px !important;
}
#big-map .button-container button i {
  color: white;
  font-size: 24px;
}
.olControlAttribution.olControlNoSelect {
  bottom: 10px;
}
.address-buttons .widget-divider {
  margin: 0 15px 0;
}
.single-address-item-title,
.single-map-address-item-title {
  margin-bottom: 10px;
}
#edit-address-modal .fg-label {
  top: 20px;
}
#edit-address-modal .fg-line.fg-toggled .fg-label {
  top: -5px;
}
.copy-info {
  position: absolute;
  right: 35px;
  top: 50%;
  transform: translate(0, -50%);
  color: #c1c1c1;
  font-size: 18px;
  line-height: 22px;
}
.service-list-buttons a {
  justify-content: left !important;
}
#edit-service-list-modal .modal-dialog,
#edit-service-list-item-modal .modal-dialog {
  max-height: none;
}
.pmo-contact .label-field {
  font-size: 12px;
  margin-bottom: 5px;
  display: inline-block;
}
.pmo-contact li {
  margin-bottom: 10px;
}
.pmo-contact .email-error {
  text-align: center;
  margin: -10px 0 0 0;
}
.worker-item-input {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.worker-info {
  padding-left: 5px;
  text-align: left;
  position: absolute;
  top: 3px;
  left: 35px;
  width: 100%;
}
.worker-info p {
  line-height: 100%;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.worker-info p:first-child {
  color: #5e5e5e;
  font-weight: 600;
  margin: 0 0 3px 0;
}
.worker-info p:last-child {
  margin: 0;
  font-size: 12px;
  color: gray;
  width: 100%;
}
.worker-widget .gallery-buttons .btn-link.gallery-button-link {
  justify-content: left;
}
.worker-widget .gallery-buttons .gallery-button-wrapper .btn {
  padding: 10px;
}
.worker-widget .icon-edit {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 18px;
  color: #B2B2B2;
}
.worker-phone:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath style='fill:%23B2B2B2' d='M62.469,15.694c2.281-.569,3.993,0,6.274.569s3.422,2.846,4.563,4.553L92.128,64.639c.57,1.707,1.141,3.984.57,5.691a14.913,14.913,0,0,1-2.852,5.122L66.462,94.8C73.306,110.17,83,123.26,94.98,135.211a136.245,136.245,0,0,0,41.066,28.456l19.392-23.334c1.711-1.707,3.422-2.846,5.133-2.846s3.993-.569,5.7.569l43.918,18.781c2.281.569,3.422,2.277,4.563,4.553a8.048,8.048,0,0,1,.57,6.26L206.2,208.06c0,2.277-1.141,3.984-2.852,5.691s-3.993,1.707-5.7,1.707c-33.081,0-63.31-7.968-91.828-24.473-27.377-15.936-49.051-38.132-65.591-65.45C23.685,97.649,15.7,66.916,15.7,33.906a9.6,9.6,0,0,1,1.711-5.691,6.3,6.3,0,0,1,5.7-2.846Z' transform='translate(-15.7 -15.459)'/%3E%3C/svg%3E");
  width: 12px;
  display: block;
  position: absolute;
  bottom: 7px;
}
.worker-phone:before {
  content: '+';
  position: absolute;
  color: #B2B2B2;
  bottom: 8px;
  left: 18px;
}
.worker-phone input,
.worker-phone > .fg-line {
  padding-left: 30px !important;
}
.worker-facebook:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 193.548 200'%3E%3Cpath style='fill:%23B2B2B2' d='M111.739,14.3C58.182,14.3,14.7,56.011,14.7,106.813c0,28.877,14.317,55.08,36.058,72.193V214.3l32.877-18.717a95.374,95.374,0,0,0,27.574,3.743c53.557,0,97.039-41.711,97.039-92.513S165.3,14.3,111.739,14.3Zm9.545,124.6L96.361,111.626,48.107,138.9,101.134,80.61l25.453,27.273L174.311,80.61,121.284,138.9Z' transform='translate(-14.7 -14.3)'/%3E%3C/svg%3E");
  width: 13px;
  display: block;
  position: absolute;
  bottom: 6px;
}
.worker-facebook:before {
  content: 'm.me/';
  position: absolute;
  color: #B2B2B2;
  bottom: 8px;
  left: 18px;
}
.worker-facebook input,
.worker-facebook > .fg-line {
  padding-left: 63px !important;
}
.worker-telegram:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 174.135'%3E%3Cpath style='fill:%23B2B2B2' d='M3.533,102.9l46.084,17.2,17.837,57.365a5.425,5.425,0,0,0,8.616,2.594l25.688-20.941a7.664,7.664,0,0,1,9.342-.261l46.332,33.638a5.43,5.43,0,0,0,8.509-3.284L199.882,25.947a5.433,5.433,0,0,0-7.273-6.173L3.479,92.736A5.435,5.435,0,0,0,3.533,102.9Zm61.047,8.044L154.645,55.47a1.569,1.569,0,0,1,1.894,2.484l-74.33,69.094a15.408,15.408,0,0,0-4.775,9.219L74.9,155.031a2.328,2.328,0,0,1-4.546.329l-9.738-34.217A9.068,9.068,0,0,1,64.579,110.942Z' transform='translate(0 -19.401)'/%3E%3C/svg%3E");
  width: 13px;
  display: block;
  position: absolute;
  bottom: 6px;
}
.worker-telegram:before {
  content: 't.me/';
  position: absolute;
  color: #B2B2B2;
  bottom: 8px;
  left: 18px;
}
.worker-telegram input,
.worker-telegram > .fg-line {
  padding-left: 55px !important;
}
.worker-vk:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 119.04'%3E%3Cpath style='fill:%23B2B2B2' d='M289.994,124.061c1.483-4.66,0-8.049-6.566-8.049H261.61c-5.507,0-8.049,2.966-9.532,6.143,0,0-11.226,27.112-26.9,44.693-5.084,5.084-7.413,6.778-10.167,6.778-1.482,0-3.389-1.694-3.389-6.354V123.849c0-5.507-1.695-8.049-6.354-8.049H170.953a5.257,5.257,0,0,0-5.507,5.084c0,5.3,7.837,6.566,8.684,21.393v32.2c0,6.99-1.271,8.261-4.024,8.261-7.414,0-25.418-27.324-36.22-58.461-2.118-6.143-4.236-8.473-9.743-8.473H102.114c-6.354,0-7.414,2.965-7.414,6.143,0,5.719,7.414,34.526,34.526,72.652,18,26.053,43.634,40.033,66.722,40.033,13.98,0,15.674-3.177,15.674-8.473v-19.7c0-6.354,1.271-7.413,5.719-7.413,3.177,0,8.9,1.694,21.817,14.192,14.827,14.827,17.369,21.605,25.63,21.605H286.6c6.355,0,9.32-3.177,7.626-9.32-1.906-6.143-9.108-15.039-18.428-25.63-5.083-5.931-12.709-12.5-15.039-15.674-3.177-4.236-2.33-5.931,0-9.744-.212,0,26.477-37.7,29.231-50.412' transform='translate(-94.7 -115.8)' fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 15px;
  display: block;
  position: absolute;
  bottom: 7px;
}
.worker-vk:before {
  content: 'vk.me/';
  position: absolute;
  color: #B2B2B2;
  bottom: 8px;
  left: 18px;
}
.worker-vk input,
.worker-vk > .fg-line {
  padding-left: 65px !important;
}
.worker-whatsapp:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 197.862 200'%3E%3Cpath style='fill:%23B2B2B2' d='M17.112,148.129s-13.9-24.065-13.9-50.8A97.336,97.336,0,0,1,100.535,0c54.009,0,97.326,44.385,97.326,97.862A97.087,97.087,0,0,1,53.476,182.888L0,200Zm83.424,31.55a81.819,81.819,0,0,0,81.818-81.818c0-44.921-36.9-81.818-81.818-81.818A81.815,81.815,0,0,0,18.718,97.862c0,26.738,16.041,48.662,16.041,48.662L24.6,176.471l31.015-10.162S75.4,179.679,100.535,179.679Zm21.391-36.9c-5.882-1.6-25.135-6.415-37.435-18.179S61.5,100.535,57.753,91.444c-4.276-9.091-3.741-14.438-3.741-17.112,0-2.141,1.6-13.906,9.624-19.253,0,0,2.674-1.6,3.744-1.6h7.488a5.366,5.366,0,0,1,3.206,2.674c1.071,2.138,7.488,17.112,8.024,18.718.535,1.068,1.6,4.276-.535,6.415-2.138,2.674-6.418,7.488-6.418,7.488a2.8,2.8,0,0,0,0,3.744c1.606,2.138,6.418,10.159,13.371,16.041,6.415,5.882,14.971,10.162,18.715,11.765,4.279,1.071,4.815-.535,6.418-2.674s6.418-8.021,6.418-8.021a3.521,3.521,0,0,1,4.812-1.071c3.209,1.606,19.253,9.091,19.253,9.091a2.854,2.854,0,0,1,2.138,2.674c0,2.138,1.6,8.556-4.279,14.974-4.765,5.2-13.741,7.94-20.1,7.941A15.288,15.288,0,0,1,121.926,142.779Z'/%3E%3C/svg%3E");
  width: 13px;
  display: block;
  position: absolute;
  bottom: 6px;
}
.worker-whatsapp:before {
  content: '+';
  position: absolute;
  color: #B2B2B2;
  bottom: 8px;
  left: 18px;
}
.worker-whatsapp input,
.worker-whatsapp > .fg-line {
  padding-left: 30px !important;
}
.worker-viber:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 189.573 200'%3E%3Cpath style='fill:%23B2B2B2' d='M50.937,199.566c-5.523-1.656-4.97-9.941-4.97-9.941V169.738C-.984,156.48-.434,107.87.119,81.91S5.642,34.956,20.006,20.6C45.967-3.157,98.444.158,98.444.158c44.742,0,64.629,14.914,69.6,19.334,16.573,13.808,25.411,45.845,19.884,96.113-6.076,48.609-42.533,53.027-49.159,55.239-2.765,1.1-27.619,7.179-59.659,4.417-3.315,4.42-8.285,9.391-11.6,13.258C62.248,194.26,58.643,200,53.467,200A7.956,7.956,0,0,1,50.937,199.566ZM31.053,30.539C18.9,42.691,15.033,60.367,14.483,81.91s-2.765,62.97,37.007,74.02v33.7c-.55,1.656,0,3.312,1.106,3.312a3.574,3.574,0,0,0,2.762-1.1C61.434,185.2,81.871,160.9,81.871,160.9a176.4,176.4,0,0,0,51.371-4.42c5.526-1.656,35.354-4.417,40.325-44.742,4.973-41.98-2.209-70.705-16.02-82.3-4.417-3.864-22.646-15.467-60.209-15.467,0,0-2.8-.207-7.328-.207C76.417,13.759,47.21,15.623,31.053,30.539Zm93.9,110.477a7,7,0,0,1-3.315-.553c-3.867-1.106-10.494-3.867-21.543-9.944a95.086,95.086,0,0,1-18.229-12.152,95.935,95.935,0,0,1-8.285-7.182h-.553a95.881,95.881,0,0,1-7.179-8.285A129.852,129.852,0,0,1,53.7,84.671C47.626,73.625,44.861,67,43.758,63.128a7,7,0,0,1-.553-3.315v-1.1a17.013,17.013,0,0,1,3.867-7.735,30.483,30.483,0,0,1,9.391-7.732c3.864-1.659,7.179-1.106,9.391,1.656,0,0,4.97,5.523,6.626,8.838a89.392,89.392,0,0,1,6.076,9.391c2.212,4.42,1.106,8.838-1.656,10.5l-4.42,3.864c-2.209,1.659-2.209,5.526-2.209,5.526s5.523,24.3,31.487,30.931a6.181,6.181,0,0,0,5.523-2.209l3.867-4.417c1.656-2.212,6.076-3.867,10.494-1.659a66.445,66.445,0,0,1,9.391,6.076c2.762,2.209,8.838,6.629,8.838,6.629,2.762,2.209,3.315,5.523,1.659,9.391a30.538,30.538,0,0,1-7.735,9.391,20.2,20.2,0,0,1-7.732,3.868Zm14.914-51.374c0-15.464-4.417-27.066-13.808-35.9-8.838-8.838-20.44-13.255-33.7-13.255a2.763,2.763,0,0,1,0-5.526c14.914,0,27.066,4.973,37.01,14.917s14.914,23.2,14.914,39.769c1.1,1.659,0,2.765-1.659,2.765A2.611,2.611,0,0,1,139.871,89.642Zm-13.255-4.97c0-8.838-2.212-15.467-7.735-21.543-4.97-5.523-12.705-8.838-22.1-9.391-1.656,0-2.209-1.1-2.209-2.762s1.106-2.209,2.762-2.209c10.5.553,19.334,4.417,25.411,11.046s8.838,14.914,8.838,24.858c.553,1.659-.553,2.762-2.209,2.762A2.607,2.607,0,0,1,126.616,84.671ZM113.911,80.8c-.553-8.838-4.42-12.7-12.705-13.255-1.659,0-2.209-1.106-2.209-2.762s1.1-2.212,2.762-2.212c11.046.553,17.123,6.629,17.676,18.229a3.026,3.026,0,0,1-2.762,2.212C115.566,83.016,114.461,81.91,113.911,80.8Z' transform='translate(0 0)'/%3E%3C/svg%3E");
  width: 13px;
  display: block;
  position: absolute;
  bottom: 6px;
}
.worker-viber:before {
  content: '+';
  position: absolute;
  color: #B2B2B2;
  bottom: 8px;
  left: 18px;
}
.worker-viber input,
.worker-viber > .fg-line {
  padding-left: 30px !important;
}
.form-group.mt0 {
  margin-top: 0 !important;
}
.btn-worker-photo {
  color: gray !important;
  border: 1px gray solid;
  width: 100%;
  height: 32px;
  position: relative;
  margin-bottom: 10px;
}
.btn-worker-photo .worker-image {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.btn-worker-photo img {
  height: 32px;
  width: 32px !important;
}
.worker-image-label {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 999999;
  opacity: 0;
}
.worker-contacts {
  display: flex;
}
.worker-contacts > div {
  padding: 5px;
}
.worker-link {
  margin-bottom: 5px !important;
}
.worker-link a,
.worker-email a {
  color: #ffffff;
}
.worker-item {
  padding: 5px 5px 0 5px;
}
.worker-item .widget-description {
  text-align: left;
  margin-bottom: 0;
}
.worker-item .worker-item-info {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.worker-item .worker-item-info .worker-photo {
  width: 60px;
  height: 60px;
  min-width: 60px;
  border-radius: 11px;
  overflow: hidden;
}
.worker-item .worker-item-info .worker-photo img {
  width: 100%;
}
.worker-item .worker-item-info p {
  margin: 0;
}
.worker-item-image-preview {
  height: 38px;
  width: 38px;
  margin: -11px 0 -11px -12px;
}
.preview-box img {
  position: absolute;
  left: 0;
  margin-top: -6px;
}
.worker-description-box {
  padding: 0 0 0 15px;
  text-align: left;
  color: #ffffff;
}
.worker-item .contact-info {
  text-align: left;
  color: #ffffff;
  padding: 0 10px;
  margin-top: 10px;
}
.worker-email {
  margin-bottom: 0 !important;
}
.worker-description-box .recall-name,
.worker-description-box .worker-name {
  font-size: 1.1875em;
}
.widget-additional-text,
.widget-description {
  color: #ffffff;
}
.worker-description {
  color: #ffffff;
}
.worker-carousel.owl-theme .owl-dots {
  margin-top: 0 !important;
}
.worker-buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin-top: 8px;
}
.w-w1 .worker-buttons-wrapper .worker-button {
  width: 50%;
  margin-bottom: 10px;
}
.w-w2 .worker-buttons-wrapper .worker-button,
.w-w5 .worker-buttons-wrapper .worker-button {
  width: 33%;
  margin-bottom: 10px;
}
.worker-buttons-wrapper .worker-button .btn {
  min-width: 90% !important;
}
.worker-buttons-wrapper .worker-button-l {
  width: 45%;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
}
.worker-buttons-wrapper-l .contact-button {
  width: 66px;
  height: 66px;
  position: relative;
  margin: 10px;
  display: inline-block;
}
.worker-items {
  display: flex;
}
.worker-items .worker-position {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.worker-items .worker-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 50%;
  padding: 10px;
}
.worker-items .worker-item .worker-item-info {
  display: block;
  width: 100%;
}
.worker-items .worker-item .worker-item-info .worker-photo {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  border-radius: 10px;
  margin: 0 auto;
}
.worker-items .worker-description-box {
  padding: 0;
}
.worker-items .worker-description-box .worker-name,
.worker-items .worker-description-box .recall-name {
  margin: 5px 0;
  font-size: 14px;
  font-weight: 700;
}
.worker-items .worker-description-box .worker-position {
  margin: 0 0 5px !important;
}
.w-w1 .worker-items .worker-buttons-wrapper .worker-button {
  width: 100%;
  margin-bottom: 10px;
}
.w-w2 .worker-items .worker-buttons-wrapper .worker-button {
  width: 100%;
  margin-bottom: 10px;
}
.worker-items .worker-buttons-wrapper .worker-button .btn-site {
  width: 100%;
}
.change-template {
  transition: all 1s ease;
}
.widget-wrapper .dropdown-menu {
  right: 0;
  left: auto;
}
.dropdown-menu .dropdown-item i {
  margin-right: 15px;
}
.dropdown-menu .dropdown-item {
  padding: 10px 15px;
}
.dropdown-menu .dropdown-item.delete-item {
  color: #ea4c89;
}
.input-disabled-click {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 100;
}
.social-button-img .worker-color1 {
  fill: #ffffff;
}
.widget-actions,
.catalog-title-wrapper,
.catalog-subtitle-wrapper,
.empty-widget,
.dropdown-menu,
.add-widget-bottom-btn,
.default-font {
  font-family: 'NotoSans', sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
}
.widget-actions,
.empty-widget,
.add-widget-bottom-btn,
.default-font {
  font-size: 15px;
}
.catalog-title-wrapper,
.catalog-subtitle-wrapper {
  font-size: 14px;
}
.progress-bar-product-box {
  margin-top: 15px;
  position: relative;
  width: 100%;
  height: 5px;
  border-radius: 5px;
  overflow: hidden;
  opacity: 0;
  transition: opacity 1s ease;
}
.progress-bar-product-box.loading {
  opacity: 1;
}
.progress-bar-product {
  position: absolute;
  height: 100%;
  width: 0;
  background-color: #028EFF;
  z-index: 999;
}
.note-popover.popover.note-image-popover {
  z-index: 5000;
}
#edit-counter-modal .modal-dialog {
  max-height: 77vh;
}
#edit-counter-modal .modal-body {
  height: 440px;
}
#edit-counter-modal .glyphicon {
  color: #c0c0c0;
}
.counter-interval-controls {
  width: 17%;
  float: left;
}
#interval-group-label {
  width: 100%;
  color: black;
}
.field-edit-counter-seconds {
  margin-top: 20px;
}
#counter-timezone-block,
#interval-block {
  margin-top: 10px;
}
#date-time-block .has-success .input-group-addon,
.date_of_birth .has-success .input-group-addon {
  border-color: #fff;
  background-color: #fff;
}
#date-time-block .has-success #savecounter-end,
.date_of_birth .has-success #savecounter-end {
  border-color: #e0e0e0;
  background-color: #fff;
}
.date_of_birth .has-success .input-group-addon {
  color: #5e5e5e;
}
#savecounter-end {
  width: 80%;
}
#savecounter-end.mobile-date-picker {
  width: 100%;
}
#savecounter-end-datetime span.input-group-addon.kv-datetime-remove {
  float: right;
  margin-right: -10px;
  margin-top: 9px;
}
.counter .counter-label-container {
  position: relative;
  color: inherit !important;
}
.counter-label-container .counter-label {
  position: absolute;
  font-size: 12px;
  top: 20px;
  left: 6px;
  width: 52px;
  text-align: center;
  font-weight: normal;
}
.counter .timer > div,
.counter .timer > .num-pad > div {
  font-size: 28px;
  color: inherit;
}
.custom-font-poiret_one .counter .timer > .num-pad > div,
.custom-font-poiret_one.timer > .num-pad > div {
  font-size: 20px;
}
.counter .timer > .num-pad {
  width: 58px;
}
@media (max-width: 340px) {
  .counter .timer > .num-pad {
    width: 55px;
  }
  .counter .timer > div,
  .counter .timer > .num-pad > div {
    font-size: 26px;
  }
  .custom-font-poiret_one .counter .timer > .num-pad > div,
  .custom-font-poiret_one.timer > .num-pad > div {
    font-size: 18px;
  }
}
.counter .timer {
  padding-bottom: 0px;
}
.counter .timer.timer-view-label {
  padding-bottom: 20px;
}
.counter .timer.timer-view-label .counter-view-separator {
  margin-right: -4px;
}
.counter-view-separator {
  color: inherit !important;
}
.counter .js-edit-text-block,
.counter .site-button {
  margin-top: 15px;
  margin-bottom: 15px;
  display: block;
}
.counter-hint {
  text-align: left;
  color: #000;
}
#edit-counter-modal label[for="counter-timezone"] {
  margin-top: 20px;
}
#user-timezone-form-group {
  margin-top: 10px;
}
#edit-counter-modal .select {
  margin-top: 20px;
}
#edit-counter-text-modal.no-summernote .modal-dialog {
  max-height: 165px !important;
}
#edit-counter-text-modal.no-summernote .modal-dialog .modal-content {
  height: unset;
}
p.recall-feedback {
  background-color: inherit;
  padding: 15px;
  border-radius: 10px;
  color: inherit;
  font-size: 16px;
  text-align: left;
  margin-bottom: 0;
}
.recall-template-rect-1 .recall-feedback i,
.recall-template-circle-1 .recall-feedback i {
  display: none;
}
.recall-template-rect-1 .recall-feedback,
.recall-template-circle-1 .recall-feedback {
  border-bottom-left-radius: 0;
}
.recall-template-rect-1 .recall-feedback:after,
.recall-template-circle-1 .recall-feedback:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 25px solid;
  border-right: 35px solid transparent;
  position: absolute;
  bottom: -25px;
  left: 0;
}
.recall-feedback-container {
  position: relative;
  margin-bottom: 23px;
  border-radius: 10px;
  transition: all 0.3s, color 0ms;
}
.recall-item-info .recall-photo {
  transition: 0.3s;
}
.recall-template-rect-1 .recall-item-info,
.recall-template-circle-1 .recall-item-info {
  display: flex;
  align-items: center;
  padding: 0;
  margin-top: 15px;
  height: 100px;
}
.recall-template-rect-1 .recall-photo,
.recall-template-rect-3 .recall-photo {
  width: 80px;
  height: 80px;
  min-width: 80px;
  border-radius: 11px;
  overflow: hidden;
}
.recall-template-circle-1 .recall-photo,
.recall-template-circle-3 .recall-photo {
  width: 80px;
  height: 80px;
  min-width: 80px;
  border-radius: 50%;
  overflow: hidden;
}
.recall-template-rect-1 .recall-link a,
.recall-template-circle-1 .recall-link a {
  color: inherit;
}
.recall-template-rect-1 .recall-name,
.recall-template-circle-1 .recall-name {
  margin-top: 5px;
  margin-bottom: 0;
  max-height: 56px;
  overflow: hidden;
}
.recall-template-rect-2 .recall-photo {
  width: 60px;
  height: 60px;
  min-width: 60px;
  border-radius: 11px;
  overflow: hidden;
}
.recall-template-circle-2 .recall-photo {
  width: 60px;
  height: 60px;
  min-width: 60px;
  border-radius: 50%;
  overflow: hidden;
}
.recall-template-rect-2 .recall-item-info,
.recall-template-circle-2 .recall-item-info {
  display: flex;
  align-items: center;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 25px;
  height: 100px;
}
.recall-template-rect-2 .recall-feedback-container,
.recall-template-circle-2 .recall-feedback-container {
  margin-bottom: 0;
  padding-bottom: 65px;
}
.recall-template-rect-2 .recall-feedback,
.recall-template-circle-2 .recall-feedback {
  text-align: center;
}
.recall-feedback i {
  font-size: 25px;
  display: block;
}
.recall-feedback i:first-child {
  text-align: right;
}
.recall-feedback i:last-child {
  text-align: left;
}
.recall-template-rect-3 .recall-item-info,
.recall-template-circle-3 .recall-item-info {
  padding: 10px 0 0 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.recall-template-rect-3 .recall-feedback-container,
.recall-template-circle-3 .recall-feedback-container {
  margin-bottom: 0;
}
.recall-template-rect-3 .recall-photo,
.recall-template-circle-3 .recall-photo {
  margin: auto;
}
.recall-template-rect-3 .recall-name,
.recall-template-rect-3 .worker-position,
.recall-template-rect-3 .recall-link,
.recall-template-circle-3 .recall-name,
.recall-template-circle-3 .worker-position,
.recall-template-circle-3 .recall-link {
  text-align: center;
}
.recall-template-circle-3 .recall-link a,
.recall-template-rect-3 .recall-link a {
  color: inherit;
}
.recall-template-rect-3 .worker-description-box,
.recall-template-circle-3 .worker-description-box {
  padding: 0;
  margin-top: 10px;
}
.recall-template-rect-3 .worker-description-box p,
.recall-template-circle-3 .worker-description-box p {
  margin-bottom: 0;
}
.recall-template-rect-3 .worker-description-box .recall-name,
.recall-template-circle-3 .worker-description-box .recall-name {
  margin-bottom: 5px !important;
}
.recall-template-rect-1 .worker-description-box,
.recall-template-circle-1 .worker-description-box {
  width: 210px;
}
.w-w2.recall-template-rect-1 .worker-description-box,
.w-w2.recall-template-circle-1 .worker-description-box {
  width: 520px;
}
.recall-template-rect-2 .worker-description-box,
.recall-template-circle-2 .worker-description-box {
  width: 200px;
}
.w-w2.recall-template-rect-2 .worker-description-box,
.w-w2.recall-template-circle-2 .worker-description-box {
  width: 500px;
}
@media (max-width: 340px) {
  .recall-template-rect-1 .worker-description-box,
  .recall-template-circle-1 .worker-description-box {
    width: 190px;
  }
  .recall-template-rect-2 .worker-description-box,
  .recall-template-circle-2 .worker-description-box {
    width: 190px;
  }
}
.recall-template-rect-2 .recall-name,
.recall-template-circle-2 .recall-name {
  max-height: 44px;
  overflow: hidden;
  line-height: 21px;
}
.recall-template-rect-3 .recall-feedback-container.recall-item-has-link.recall-item-has-position,
.recall-template-circle-3 .recall-feedback-container.recall-item-has-link.recall-item-has-position {
  margin-top: 180px;
}
.recall-template-rect-3 .recall-feedback-container:not(.recall-item-has-link):not(.recall-item-has-position),
.recall-template-circle-3 .recall-feedback-container:not(.recall-item-has-link):not(.recall-item-has-position) {
  margin-top: 140px;
}
.recall-template-rect-3 .recall-feedback-container.recall-item-has-link:not(.recall-item-has-position),
.recall-template-circle-3 .recall-feedback-container.recall-item-has-link:not(.recall-item-has-position),
.recall-template-rect-3 .recall-feedback-container:not(.recall-item-has-link).recall-item-has-position,
.recall-template-circle-3 .recall-feedback-container:not(.recall-item-has-link).recall-item-has-position {
  margin-top: 160px;
}
.recall .recall-link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recall .recall-photo img {
  width: 100%;
}
.recall-template-rect-3 .recall-name,
.recall-template-circle-3 .recall-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recall-template-circle-3 .recall-feedback,
.recall-template-rect-3 .recall-feedback {
  text-align: center;
}
#settings-curtain {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.5;
  background-color: black;
  z-index: 11;
  display: none;
}
.settings-focus-element {
  z-index: 20;
  position: relative;
  background-color: white;
}
p.settings-focus-element {
  padding: 5px;
  margin-top: -10px;
}
a.law-link,
div.law-link {
  align-items: center;
  justify-content: center;
  font-size: 10px;
  margin: 5px 0;
  color: #fff;
  opacity: 0.9;
}
a.law-link:hover {
  opacity: 0.7;
}
.recall .worker-item {
  position: relative;
}
.feedback-law {
  margin-top: 10px;
  line-height: 14px;
}
.footer .h-logo a:hover {
  color: white !important;
}
.footer .h-logo a:hover,
.footer .h-logo a {
  color: inherit !important;
}
#edit-social-button-modal .link-prefix:after {
  position: absolute;
  color: #B2B2B2;
  bottom: 8px;
}
.fg-line:not(.fg-toggled) .link-prefix label {
  top: 7px;
}
.invite-to-action-parent-block {
  width: 100%;
}
.invite-to-action-widget-wrapper .widget .plus-path-color {
  fill: #1156fb !important;
}
#edit-invite-timer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.contact-button.fake .edit-img i {
  color: red;
}
.invite-to-action-widget-wrapper .show-pro.widget-link {
  display: none;
}
.page-image-preview {
  width: 32px !important;
  height: 32px;
  margin-right: 5px;
}
.page-image-preview:last-child {
  margin-right: 0;
}
.page-image-img {
  position: absolute;
  left: 0;
  top: 0;
}
#page-edit-form .upload-image {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
#page-edit-form .upload-image .field-edit-page-file {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#page-edit-form .upload-image .field-edit-page-file label {
  position: absolute;
  cursor: pointer;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.uploaded-image .page-image-img-filename {
  text-align: left;
  padding-left: 10px;
}
.btn-add-new-page {
  border-radius: 10px;
  margin-top: 10px !important;
}
.page-btn-delete {
  font-size: 18px;
  padding: 0 10px;
  color: #c0c0c0;
}
.page-btn-delete:hover {
  color: #aaaaaa;
}
.page-item {
  background: #fff;
  margin-top: 10px;
  padding: 3px;
}
.page-btn-edit {
  font-size: 18px;
  padding: 0 10px;
  color: #c0c0c0;
}
.page-item-title {
  font-size: 14px;
  width: 200px;
}
.page-item {
  text-align: left;
}
.page-item-buttons {
  position: absolute;
  right: 10px;
  top: 6px;
}
.page-images-add.btn-link {
  border: 1px solid #c2c2c2;
  width: 100%;
  font-size: 14px;
  color: #444444 !important;
  background-color: #ffffff;
  overflow: hidden;
  padding: 6px 30px;
  text-align: center;
}
#edit-page-modal .note-editable {
  background: #fff;
}
.page-item {
  position: relative;
}
.select-action-button {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.select-action-button .btn-group.btn-group-toggle {
  width: 100%;
}
.select-action-button .btn-group.btn-group-toggle label {
  width: 50%;
}
.btn-icon-red::after {
  content: "*";
  margin-left: 3px;
  font-weight: normal;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  color: tomato;
}
.button-action-page label {
  font-size: 11px;
  margin-bottom: 0;
  padding-bottom: 0;
}
#edit-page-modal .note-editor .modal-dialog {
  width: 90%;
}
#view-page-modal .close {
  position: absolute;
  right: 20px;
  color: #323232;
  z-index: 999;
  font-size: 27px;
  font-weight: 700;
  top: 5px;
}
#view-page-modal .modal-content,
.view-page .modal-content {
  padding: 10px 0 30px 0;
}
#view-page-modal .modal-content img,
#view-page-modal .page-description iframe,
.view-page .modal-content img,
.view-page .page-description iframe {
  max-width: -webkit-fill-available;
  max-width: -moz-available;
}
#view-page-modal .page-description,
.view-page .page-description {
  margin-top: 15px;
}
.btn-create-page {
  color: #000 !important;
  margin-bottom: 20px;
  width: 100%;
}
.label-btn-action-btn {
  float: left;
  font-size: 11px;
}
.page-view-by-url {
  display: block;
  padding-right: 12px;
  border-radius: 10px;
}
.page-view-by-url .modal-header,
#view-page-modal .modal-header {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 1;
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
}
.page-view-by-url {
  position: initial;
  border-radius: 10px;
}
.page-view-by-url .close {
  display: none;
}
#view-page-modal .modal-content {
  border-radius: 10px;
}
#page-edit-form .close {
  display: none;
}
#page-edit-form .modal-dialog .modal-footer button {
  background-color: #2196f3;
}
#page-edit-form .modal-dialog .modal-footer button:hover {
  background-color: #2090eb;
}
#page-edit-form .page-label {
  color: #959595;
  margin-bottom: 5px;
  font-size: 12px;
}
#page-edit-form .upload-image .field-edit-page-file {
  margin-bottom: 0;
}
#page-edit-form #edit-item-images {
  height: 35px;
  width: 100%;
  z-index: 10;
}
.js__edit-page-modal .modal-header {
  display: none;
}
.page-widget-wrapper {
  margin: auto;
}
#page-edit-form .description-box {
  margin-bottom: 10px;
}
#page-edit-form .description-box .help-block {
  margin-bottom: 0;
  margin-top: 0;
}
#page-edit-form .description-box.has-error .help-block {
  margin-bottom: 10px;
  margin-top: 5px;
}
#page-edit-form .note-editor .note-btn-group {
  border: none;
  box-shadow: none;
}
#page-edit-form .note-editor .note-toolbar.panel-heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
#page-edit-form .note-editor .btn {
  padding: 5px 5px !important;
}
#page-edit-form .hidden-file-input-wrapper {
  position: relative;
  width: 100%;
  height: 35px;
}
#page-edit-form .hidden-file-input {
  opacity: 0;
  width: 0;
  height: 0;
}
.widget-page-title {
  font-size: 17px;
  font-weight: 700;
}
#page-edit-form .note-editor .dropdown-menu:not(.dropdown-fontsize) {
  right: 35px;
  top: 290px;
}
.menu-page-wrapper {
  text-align: left !important;
}
.menu-page-wrapper a {
  color: #5e5e5e;
}
.menu-page-wrapper a:hover {
  color: #868686;
}
.menu-page-wrapper .menu-page-items {
  display: flex;
  align-items: center;
}
.pencil-for-show-edit-modal-from-view {
  position: absolute;
  right: 30px;
  top: 4px;
}
.pencil-for-show-edit-modal-from-view i {
  font-size: 14px !important;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: 1px;
}
.note-popover.popover.note-image-popover {
  z-index: 5000;
}
#view-page-modal iframe,
#edit-page-modal iframe {
  width: 100%;
  height: 200px;
}
#sua-analytics .external-analytics-wrapper {
  margin: 40px -20px 0;
}
#sua-analytics .submenu-item-content {
  padding: 15px 20px;
}
.m-a {
  margin: auto;
}
.swal2-title {
  font-size: 27px !important;
  color: #252525 !important;
}
.swal2-content {
  font-size: 15px !important;
  color: #5e5e5e !important;
}
.swal2-styled {
  box-shadow: none !important;
  border-radius: 20px !important;
  padding: 9px 20px 9px 20px !important;
  font-size: 13px !important;
}
.btn-add-page {
  font-size: 13px;
  line-height: 18px;
}
.btn-add-page i {
  line-height: 21px;
}
.btn-green {
  display: flex;
  box-shadow: 0 3px 6px rgba(0, 3, 78, 0.16);
  background-color: #4caf50;
  border-radius: 20px !important;
  padding: 9px 20px 9px 20px;
  justify-content: center;
  width: min-content;
}
.btn-green:hover {
  background-color: #4caf50;
}
.btn-green div {
  height: 21px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
  align-items: center;
}
.btn-green.btn-bordered {
  background-color: transparent;
  border: 1px solid #4caf50;
  color: #4caf50 !important;
}
.btn-green.btn-bordered:hover {
  color: #4caf50 !important;
}
#edit-bottom-button-modal .select.fg-line:before,
#edit-profile-button-modal .select.fg-line:before {
  right: 0 !important;
}
.invite-to-action-widget-wrapper .p-h-a {
  margin-top: 5px !important;
}
.invite-to-action-widget-wrapper .p-h-a .profile-img {
  display: none;
}
.invite-to-action-widget-wrapper .p-h-a .widget-content {
  padding-top: 10px;
}
.invite-to-action .widget-content,
.invite-to-action-widget-wrapper .widget-content {
  padding-top: 0;
}
.invite-to-action .name,
.invite-to-action-widget-wrapper .name {
  font-size: 20px;
}
.invite-to-action .description,
.invite-to-action-widget-wrapper .description {
  color: #757575;
}
.invite-to-action .invite,
.invite-to-action-widget-wrapper .invite {
  color: #757575;
}
.invite-to-action-img input {
  width: 70px;
  height: 70px;
}
.fixed-widget {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 3;
}
.view-admin .window-title {
  font-size: 20px;
}
.invite-to-action-img {
  left: 50%;
  top: -55px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 8px 35px 0 rgba(0, 0, 0, 0.23);
  transition: 0.4s;
  width: 70px;
  height: 70px;
  cursor: pointer;
  z-index: 100;
}
.invite-to-action-img img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.invite-to-action-img input {
  top: 0;
  left: 0;
  opacity: 0;
  width: 108px;
  height: 108px;
  cursor: pointer;
}
.template-preview .invite-to-action-img img {
  margin: -2px;
}
.inactive .invite-to-action-img {
  display: inline-block;
  position: relative;
  margin-left: 0;
  left: auto;
  top: auto;
  margin-bottom: 15px;
}
.invite-to-action-parent-block .invite-to-action-img {
  position: fixed;
  bottom: 10px;
  right: 50px;
  width: 60px;
  height: 60px;
  top: auto;
  left: auto;
  border: 0;
  z-index: 10;
}
.invite-to-action-parent-block .invite-to-action-img img {
  width: 60px;
  height: 60px;
  border: 1px solid #f2f2f2;
}
.invite-to-action-parent-block .invite-to-action-img .count-icon-messages {
  position: absolute;
  background-color: #2F6CFF;
  width: 20px;
  height: 20px;
  right: 0;
  border-radius: 50%;
  font-size: 10px;
  color: white;
  padding-top: 3px;
}
.invite-to-action-parent-block .chat {
  position: fixed;
  bottom: 0;
  right: 20px;
  width: 297px;
  top: auto;
  left: auto;
  border: 0;
  background-color: #F1F5FF;
  z-index: 15;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  box-shadow: 0 8px 35px 0 rgba(0, 0, 0, 0.23);
}
.ismobile .invite-to-action-parent-block .chat {
  left: auto;
  right: 10px;
}
.issafari.ismobile .invite-to-action-parent-block .chat {
  bottom: calc(60px + env(safe-area-inset-bottom));
  border-radius: 12px;
}
.invite-to-action-parent-block .chat .widget-title {
  max-width: 297px;
  padding: 13px 15px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 0.9333em !important;
  height: 45px;
  text-align: left;
}
.invite-to-action-parent-block .close {
  margin-top: -5px;
  font-size: 27px;
  opacity: 1;
  color: inherit;
}
.invite-to-action-parent-block .content {
  padding: 10px;
}
.invite-to-action-parent-block .content .image img {
  width: 33px;
  height: 33px;
  border-radius: 20px;
}
.invite-to-action-parent-block .invite-to-action-contact {
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
}
.invite-to-action-parent-block .invite-to-action-contact .name {
  font-size: 13px;
}
.invite-to-action-parent-block .invite-to-action-contact .position {
  font-size: 9px;
}
.invite-to-action-parent-block .invite-contacts-text {
  padding-right: 5px;
}
.invite-to-action-parent-block .message-triangle:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 15px solid #fff;
  left: -8px;
  top: 8px;
}
.invite-to-action-parent-block .content .message:not(:first-child) {
  margin-top: 20px;
}
.invite-to-action-parent-block .message-triangle {
  position: relative;
}
.invite-to-action-parent-block .contacts .contact-button {
  width: 50px;
  height: 50px;
  margin: 5px;
}
.edit-mode .invite-to-action-parent-block .contacts .contact-button {
  height: 50px;
  margin-right: 8px;
}
.invite-to-action-parent-block .action-gallery-item {
  bottom: 5px;
  right: 3px;
  position: absolute;
}
.invite-to-action-parent-block .contact-wrapper {
  position: relative;
}
.invite-to-action-parent-block .contacts {
  text-align: center;
  width: 100%;
}
.invite-to-action-popup-fade:before {
  content: '';
  background: #000;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  z-index: 10;
}
.invite-to-action-parent-block .message img {
  border-radius: 20px;
  height: 40px;
}
.invite-to-action-parent-block .message-text {
  background: white;
  margin-left: 15px;
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  color: black;
}
.invite-to-action-parent-block .name {
  color: #828282;
  font-size: 0.86667em;
  margin-bottom: 5px;
  display: flex;
  padding-left: 55px;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.invite-to-action-parent-block .time {
  color: #828282;
  font-size: 10px;
  margin-top: 5px;
  display: flex;
  margin-left: 55px;
}
.invite-to-action-parent-block .message-with-image {
  display: flex;
}
.invite-to-action-parent-block .contact-img {
  width: 55px;
  height: 55px;
  position: relative;
}
.edit-mode .invite-to-action-parent-block .contact-img {
  width: 45px;
  height: 45px;
}
.invite-to-action-parent-block .dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #303131;
}
.invite-to-action-parent-block .effect-print-text-of-pencil {
  margin-left: 230px;
  font-size: 20px;
}
.invite-to-action-parent-block .effect-print-text-of-pencil i {
  color: black;
}
.ismobile .invite-to-action-parent-block .chat {
  right: 10px;
}
.ismobile .invite-to-action-parent-block .invite-to-action-img {
  right: 10px;
}
.invite-to-action-widget-wrapper {
  position: fixed;
  left: calc(100vw - 100px);
  bottom: 10px;
  z-index: 11;
}
.ismobile .invite-to-action-widget-wrapper,
.issafari.ismobile .invite-to-action-widget-wrapper {
  left: auto;
  right: 25px;
}
.invite-to-action-widget-wrapper .light-color.widget .widget-content .invite-to-action .chat .widget-title.i-to-a-title {
  color: #ffffff;
}
html:not(.ismobile) .invite-to-action-widget-wrapper {
  left: calc(100vw - 115px);
}
.invite-to-action-widget-wrapper .invite-to-action-img {
  position: static;
}
.invite-to-action-widget-wrapper .widget .widget-content {
  border-radius: 50%;
  padding: 0 !important;
}
.invite-to-action-widget-wrapper .widget {
  border: 0;
  border-radius: 40px;
}
.invite-to-action-widget-wrapper .dropdown-toggle {
  bottom: 55px;
  right: -15px;
}
.invite-to-action-widget-wrapper .edit-admin .end-edit-link {
  top: 5px;
}
.invite-to-action-img-with-upload input {
  width: 40px;
  height: 40px;
  opacity: 0;
  position: absolute;
  bottom: 0;
  cursor: pointer;
}
.invite-to-action-img-with-upload {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  position: relative;
}
.invite-to-action-widget-wrapper .end-edit-link:first-child {
  display: none !important;
}
.invite-to-action-widget-wrapper .w-i-p1 .widget-content-inner-padding,
.invite-to-action-widget-wrapper .w-i-p2 .widget-content-inner-padding,
.invite-to-action-widget-wrapper .w-i-p3 .widget-content-inner-padding {
  padding-top: 0;
  padding-bottom: 0;
}
.window-title-with-small {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 200px;
  display: inline-block;
  margin-left: 18px;
}
.invite-icon-comment {
  position: absolute;
}
.invite-to-action-widget-wrapper .end-edit-link:not(.success-invite-to-action) {
  display: none;
}
.invite-to-action-widget-wrapper .dropdown-menu {
  top: -155px;
  right: -15px;
}
.invite-to-action-example {
  position: static;
  right: 0;
}
.view-guest-example {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.view-guest-example .window-title-with-small {
  max-width: 200px;
  width: auto;
}
.invite-to-action-widget-wrapper .edit-invite-to-action-window-title {
  color: white;
  background-color: rgba(0, 108, 242, 0.3);
  border-radius: 5px;
  padding-left: 3px;
  padding-right: 3px;
}
.issafari .invite-to-action-widget-wrapper {
  bottom: calc(50px + env(safe-area-inset-bottom));
}
.invite-to-action-edit-icon {
  position: absolute;
  right: 40px;
  top: 10px;
  font-size: 17px;
}
.edit-invite-window-title-background {
  display: none;
}
.invite-to-action-widget-wrapper #widget-settings-menu-link i {
  background-color: white;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  color: #777777;
}
#widget-preview-19 .chat .widget-title {
  background-color: #525252;
}
#widget-preview-19 .panel-body {
  padding-bottom: 0;
}
#widget-preview-19 .view-guest {
  margin-bottom: 0;
}
html:not(.ismobile) .invite-to-action-widget-wrapper .chat {
  left: calc(100vw - 330px);
}
.help-page .content {
  width: 100%;
}
.help-page .content p {
  margin-bottom: 3px;
}
.help-page iframe {
  max-width: 100%;
}
.help-page img {
  max-width: 100% !important;
}
#service-list-action-input label:first-child,
#advantage-action-input label:first-child,
#superiority-action-input label:first-child {
  width: 20%;
}
#service-list-action-input label:last-child,
#advantage-action-input label:last-child,
#superiority-action-input label:last-child {
  width: 30%;
}
.js__button-action-page .select.fg-line:before,
.js__button-action-page .select.fg-line:before {
  right: 0 !important;
}
#edit-integrations .scrollable-tabs li > a {
  font-size: 13px;
  padding: 15px 3px;
}
#edit-widgets-style .scrollable-tabs li > a {
  font-size: 13px;
  padding: 15px 9px;
}
.btn-rounded {
  border-radius: 20px !important;
}
.global-stats .nav-tabs li {
  background-color: #fff;
}
.global-stats .nav-tabs li:first-child {
  border-top-left-radius: 10px;
}
.global-stats .nav-tabs li:last-child {
  border-top-right-radius: 10px;
}
.global-stats .nav.nav-tabs {
  border-bottom: 0;
}
.global-stats .nav-tabs > li.active > a,
.global-stats .nav-tabs > li.active > a:hover,
.global-stats .nav-tabs > li.active > a:focus {
  border: 0;
  border-left: 0;
}
.global-stats .nav-tabs li a:hover:first-child {
  border-radius: 10px;
}
.global-stats .tab-content {
  padding-top: 0;
}
.global-stats .checkbox {
  margin-top: 0;
}
.global-stats .checkbox input:checked + .input-helper::before {
  background-color: #2687ff;
  border-color: #2687ff;
}
.stats-request-money {
  padding-bottom: 10px;
}
.simple-partner .content {
  max-width: 650px;
  height: max-content;
}
.address-item-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.address-item-preview {
  width: 100%;
  height: 100%;
}
#sua-menu .nav-stacked.tn-icon > li .zmdi,
.close-sidebar .zmdi {
  font-size: 22px;
  line-height: 100%;
  min-height: 25px;
  transform: translateY(1px);
}
#sua-menu .nav-stacked.tn-icon > li .right-menu-item-link .zmdi {
  font-size: 15px;
  min-height: auto;
  transform: none;
}
#sua-menu .right-menu-item-link.right-menu-item-link-green {
  background-color: #eaffeb;
  font-size: 18px;
  font-weight: 600;
  color: #50ae55 !important;
}
.close-sidebar .zmdi {
  transform: translateY(5px) !important;
}
#sua-menu .nav a {
  color: #757575;
  padding: 15px 19px;
}
#menu-item-domain .zmdi-globe-alt {
  margin-left: 3px;
}
#sua-menu .nav .menu-item-title,
#footer .menu-item-title {
  margin-left: 10px;
  transform: translateY(-2px);
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
}
#footer .menu-item-title {
  color: #333333 !important;
}
.close-sidebar,
.close-sidebar:hover {
  color: #757575 !important;
  padding: 10px 15px;
  float: right;
  display: block;
}
#sidebar-menu-header hr {
  margin: 0;
}
#sidebar-menu-header .h-logo {
  width: auto;
  float: left;
  margin-top: 7px;
  margin-left: 15px;
}
#sidebar-menu-header .h-logo svg {
  height: 28px;
}
#sidebar-menu-header .logo-color1 {
  fill: #222222;
  opacity: 0.5;
}
#sidebar-menu-header .logo-color2 {
  fill: #222222;
}
#sidebar-user-page-link img {
  width: 30px;
  border-radius: 50%;
  margin-right: 5px;
  float: left;
}
#knowledge-user-page-link span:last-child,
#sidebar-user-page-link span:last-child {
  font-weight: normal;
  color: #757575;
}
#knowledge-user-page-link span,
#sidebar-user-page-link span {
  color: var(--sidebar-menu-custom-color);
}
.sidebar-menu-link {
  font-size: 15px;
  font-weight: bold;
  padding: 13px 10px;
  display: inline-block;
  margin-left: 8px;
}
#sidebar-user-copy-link .zmdi,
#knowledge-user-copy-link .zmdi,
#notice-copy-tg-code .zmdi {
  color: #757575;
  font-size: 18px;
}
#sua-menu i.zmdi-chevron-right {
  float: right;
}
#sua-menu .right-menu-item-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  color: #1156fb !important;
  background-color: #f7f9ff;
  font-weight: bold;
  width: 55px;
  height: 55px;
}
#sua-menu .right-menu-item-link.f-s-17 {
  font-size: 18px;
  font-weight: 600;
  color: #50ae55 !important;
}
.sidebar-menu-li {
  display: flex !important;
}
.sidebar-menu-list-li li {
  margin-bottom: 5px;
}
#sua-menu .narrow-menu-item-link {
  width: 285px;
  display: table-cell;
}
@media (max-width: 325px) {
  #sua-menu a.narrow-menu-item-link {
    width: 265px;
    padding-right: 14px;
  }
}
#menu-item-domain {
  margin-left: 5px;
  margin-right: 8px;
  display: flex;
  justify-content: center;
}
#menu-item-domain a {
  background-color: var(--sidebar-menu-custom-color);
  color: white !important;
}
#menu-item-domain a span.menu-item-title {
  color: white !important;
}
#menu-item-domain a:first-child {
  background: linear-gradient(to right, var(--sidebar-menu-custom-color), #54A1FE);
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  width: 85%;
  padding-top: 16px;
  padding-left: 15px;
}
#menu-item-domain a:first-child.wide-domain-button {
  width: 98%;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
#menu-item-domain a:last-child {
  background: linear-gradient(to right, #54A1FE, #5BA5FF);
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border-left: solid 1px;
}
#menu-item-domain .right-menu-item-link {
  height: 56px;
  margin-bottom: 0;
}
#menu-item-logout img {
  margin-bottom: 8px;
}
#sua-menu .menu-item-title {
  color: #333333;
}
#menu-item-logout a {
  padding: 15px 19px;
  color: #757575;
}
#sidebar-menu-back {
  display: inline-block;
  color: #333333;
  padding-top: 13px;
  padding-bottom: 13px;
}
#sidebar-menu-back i {
  font-size: 22px;
  margin-right: 10px;
  transform: translateY(3px);
}
#s-user-alerts #footer {
  text-align: left;
}
#footer #menu-item-logout {
  padding-left: 0;
  padding-right: 0;
}
#sua-menu #days-to-end-subscription {
  font-weight: bold;
  font-size: 11px;
  margin-left: 0;
}
@media (max-width: 340px) {
  #sua-menu #days-to-end-subscription {
    font-size: 10px;
  }
}
.right-menu-item-link.disabled {
  pointer-events: none;
  cursor: default;
}
#sua-menu .nav a.simple-link {
  padding-bottom: 5px;
  padding-top: 5px;
  font-size: 13px;
}
#sua-menu .nav a.simple-link:hover {
  background-color: #fff;
}
.overflow-auto {
  overflow: auto;
}
.scrollbar-none::-webkit-scrollbar {
  display: none;
}
#domain-banner {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
#domain-banner img {
  width: 290px;
}
#banner-button-container {
  position: relative;
  display: flex;
  justify-content: center;
}
#banner-button-container a {
  position: absolute;
  background-image: url(../img/normal.svg);
  width: 195px;
  height: 37px;
  bottom: 25px;
}
#banner-button-container .text-discount {
  position: absolute;
  width: 219px;
  height: 37px;
  bottom: 66px;
  color: white;
  font-size: 15px;
  font-weight: 700;
}
.domain-as-gift-icon {
  width: 15px;
  padding-bottom: 3px;
}
#banner-button-container:hover a:first-child {
  background-image: url(../img/hover.svg);
}
#banner-button-container a:last-child {
  background-image: url(../img/hover.svg);
  opacity: 0;
}
#sidebar-user-page-link {
  float: left;
}
#sidebar-user-page-link div {
  overflow: hidden;
  max-width: 210px;
  margin-top: 4px;
}
@media (max-width: 340px) {
  #knowledge-user-page-link div,
  #sidebar-user-page-link div {
    max-width: 200px;
  }
}
#sidebar-user-copy-link,
#sidebar-qr-code,
#notice-copy-tg-code {
  float: left;
  display: block;
  width: 13px;
  margin-top: 18px;
}
#sidebar-qr-code {
  margin-left: 10px;
  margin-top: 16px;
}
.user-privacy-link {
  margin-top: 15px;
  display: block;
}
.animated.more-faster {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.pay-block-title {
  padding-bottom: 10px;
}
.pay-block-title h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
.pay-block-subtitle {
  margin-bottom: 0;
}
#has-pay-1-rub a.btn {
  width: 165px;
  padding: 10px 18px;
}
.swal2-confirm {
  padding: 6px 12px;
}
.swal2-actions button {
  flex-basis: 100px;
  flex-grow: 1;
  height: 34px !important;
  margin: 5px;
}
.swal2-actions button {
  font-size: 14px;
  font-weight: 500;
}
.q-a55.block-answer .answer-of-user {
  color: #8A8D9C;
}
#sua-menu .menu-item-title.payment-day-to-end-no {
  color: #EA4C89;
}
#days-to-end-subscription.day-to-end-small {
  color: red;
}
#days-to-end-subscription.day-to-end-normal {
  color: #333333;
}
#user-settings-form button {
  margin-left: 5px;
}
#user-settings-form .checkbox input:checked + .input-helper::before,
#edit-external-analytics-form .checkbox input:checked + .input-helper::before {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#user-settings-form .bottom-button {
  margin: 0;
}
.sidebar-subtitle {
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
  padding-bottom: 15px;
}
.referral-link {
  text-align: center;
  font-size: 15px;
  color: #2E8AFB;
  border: 1px dashed #c2c2c2;
  padding: 10px;
  border-radius: 15px;
}
.achievements {
  width: 100%;
  display: flex;
  align-items: center;
}
.achievement {
  width: 9%;
  margin-right: 1%;
  position: relative;
  border: 2px solid #C4C4C4;
  border-radius: 50%;
}
.achievement.active {
  border-color: #2E8AFB;
}
.achievement:after {
  display: block;
  content: ' ';
  width: 20%;
  border: 1px solid #C4C4C4;
  position: absolute;
  top: calc(50% - 1px);
  right: calc(-20% - 2px);
}
.achievement.active:after {
  border-color: #2E8AFB;
}
.achievement.achievement-empty {
  border: 0;
}
.achievement.achievement-empty:before {
  display: block;
  content: ' ';
  position: absolute;
  height: 14px;
  width: 2px;
  top: calc(50% - 7px);
  left: calc(50% - 2px);
  background: #C4C4C4;
}
.achievement.achievement-empty.active:before {
  background: #2E8AFB;
}
.achievement.achievement-empty:after {
  right: calc(-20% + 2px);
}
.achievement.achievement-empty .achievement-container {
  padding-top: 0;
  height: 2px;
  background: #C4C4C4;
}
.achievement.achievement-empty.active .achievement-container {
  background: #2E8AFB;
}
.achievement:last-child:after {
  display: none;
}
.achievement-container {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.achievement-text {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 100%;
  font-size: 15px;
  color: #C4C4C4;
}
.achievement.active .achievement-text {
  color: #2E8AFB;
}
.block-info {
  margin: 15px 0 18px;
  background: #edf5ff;
  padding: 10px;
  font-size: 13px;
}
  .block-info input.selectable-input {
    width: 60%;
    border: 1px solid #b2cdef;
    background: #d4e7ff;
    margin-left: 5px;
  }
.achievements-list {
  margin-top: 10px;
}
.achievements-list-item {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  color: #7A7A7A;
  font-size: 13px;
}
.achievements-list-item div {
  margin-right: 6px;
}
.achievements-list-item div:last-child {
  margin-right: 0;
}
hr.divider-wide {
  width: 100%;
}
.achievements-list-icon {
  width: 26px;
  height: 26px;
  min-width: 26px;
  text-align: center;
  font-size: 15px;
  color: #C4C4C4;
  border: 2px solid #C4C4C4;
  border-radius: 50%;
}
.achievements-list-item.active .achievements-list-icon {
  color: #2E8AFB;
  border-color: #2E8AFB;
}
.achievements-list-condition {
  font-size: 12px;
}
.referral-list {
  list-style: decimal;
  padding-inline-start: 33px;
}
.referral-user-info {
  display: flex;
}
.referral-user-info div {
  margin-left: 7px;
}
.referral-user-info div:first-child {
  margin-left: 0;
}
.referral-username {
  flex-grow: 1;
}
.referral-link a {
  margin-left: 10px;
}
.link-default,
.link-default:hover,
.link-default:focus,
.link-default:active {
  color: #7A7A7A;
}
.referral p {
  margin-top: 15px;
  margin-bottom: 18px;
}
.referral-link input {
  border: 0;
  text-align: center;
}
.choosen-color {
  display: flex;
}
.choosen-color-collapse {
  padding: 0 4px;
}
.choosen-color-collapse p {
  margin: 0 0 10px 0;
}
.choosen-color p {
  font-weight: bold;
  color: black;
  margin-right: 10px;
  line-height: 36px;
}
.choosen-color .btn-colors {
  max-height: 36px;
}
.choosen-color-collapse {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.choosen-color-collapse .zmdi {
  font-size: 24px;
}
p.choosen-color-link {
  margin-left: 5px;
  font-weight: normal;
  color: #1156fb;
}
html.ismobile .tour-intro_tour-4 {
  max-width: 280px;
  min-width: 200px;
}
.widget-type-preview-hint {
  font-size: 13px;
  padding: 15px;
  border-top: 1px solid #c2c2c2;
}
.widget-type-preview-hint h6 {
  font-size: 16px;
}
#map-search-preview,
#map-search-preview img {
  width: 100%;
  height: 100%;
}
#map-search-preview img {
  object-fit: cover;
}
.help-page-content-short-description p {
  margin-bottom: 5px;
}
.btn-delete-old-card {
  padding: 7px 20px;
}
.simple .pay-options hr.divider {
  margin: 20px auto;
}
.demo-contacts-hint {
  padding: 15px 10px;
  background-color: #ED5565;
  display: flex;
  margin-top: 10px;
  border-radius: 10px;
}
.demo-contacts-hint div:first-child {
  font-size: 18px;
  background-color: #FFFFFF;
  color: #FC644D;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-weight: bold;
  padding: 2px 13px;
  margin-top: 5px;
  margin-right: 10px;
}
.demo-contacts-hint div:last-child {
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.dots {
  float: left;
  font-size: 25px;
  font-weight: bold;
  margin-top: 18px;
  margin-left: 10px;
  margin-right: 10px;
}
#show-user-privacy-edit-modal {
  margin-bottom: 15px;
}
.privacy-additional-link {
  font-weight: bold;
}
.pay-banner {
  cursor: pointer;
  padding-bottom: 20px;
}
.pay-banner img {
  width: 100%;
}
.pay-option.active {
  border: 1px solid #2E8AFB;
}
.pay-old-price {
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
}
.pay-promo {
  color: #1156fb;
  font-size: 22px;
  font-weight: 700;
}
.pay-option .pay-profit {
  color: #9f191f;
  font-size: 16px;
  font-weight: 700;
}
.pay-option .pay-profit.pay-default {
  color: #1156fb;
  font-size: 16px;
  font-weight: 700;
}
.pay-stick {
  position: absolute;
  top: 0;
  left: 20px;
  background: #1156fb;
  width: 46px;
  height: 68px;
  color: #fff;
  font-size: 20px;
  line-height: 65px;
}
.pay-stick::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  border: 23px solid transparent;
  border-bottom: 13px solid #fff;
}
.pay-option.pay-banner .pay-info {
  padding: 0 50px;
  font-size: 14px;
  margin-top: 0;
}
.badge-primary {
  color: #fff;
  background-color: #007bff;
}
.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}
.badge-success {
  color: #fff;
  background-color: #28a745;
}
.badge-danger {
  color: #fff;
  background-color: #dc3545;
}
.badge-warning {
  color: #212529;
  background-color: #ffc107;
}
.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}
.badge-dark {
  color: #fff;
  background-color: #343a40;
}
.btn-blue-with-empty {
  color: #2196f3 !important;
  background: none;
  margin: 0 10px;
  font-weight: 600;
  border: 2px solid #2196f3;
  border-radius: 50px !important;
}
.btn-blue-with-empty:hover {
  border: 2px solid #1f91f3;
}
.profile-img .camera-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
.w-w1.profile-template-8:hover .camera-img,
html:not(.ismobile) .profile-img:hover .camera-img {
  transform: scale(0.8);
  opacity: 0.8;
}
.w-w1.profile-template-8 .profile-full-name,
.w-w1.profile-template-8 .profile-description {
  display: inline-block;
}
@media (min-height: 600px) {
  .block-flex.signup .min-block .full-width {
    height: 600px !important;
  }
}
#aside-smartphone-sidebar .contact-button,
#sua-template .contact-button {
  margin: 10px 4px;
}
@media (max-width: 325px) {
  #sua-template .contact-button {
    margin: 10px 2px;
  }
}
@media (max-width: 380px) {
  #create-widget-modal .contact-button {
    margin: 10px 4px;
  }
}
.preview-short-name {
  display: none;
}
@media (max-width: 340px) {
  a[href="#widget-preview-7"] .preview-full-name {
    display: none;
  }
  a[href="#widget-preview-7"] .preview-short-name {
    display: inline;
  }
}
#lid-subscription-confirmed-page {
  margin: 0 auto;
}
#lid-subscription-confirmed-page img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  transition: 0.4s;
}
#lid-subscription-confirmed-page h1 {
  font-size: 22px;
  font-weight: bold;
  color: #333;
}
#lid-subscription-confirmed-page p {
  font-size: 15px;
  color: #707070;
  margin: 5px 20px;
}
#lid-subscription-confirmed-page p strong {
  color: #333;
}
#lid-subscription-confirmed-page .username {
  color: #707070;
  font-size: 20px;
  margin: 20px 0 40px 0;
  text-transform: uppercase;
}
#lid-subscription-confirmed-page .subscriber-mail {
  color: #1156fb;
  font-size: 19px;
  margin: 15px 0;
}
#lid-subscription-confirmed-page .logo-color1,
#lid-subscription-confirmed-page .logo-color2 {
  fill: #333;
}
.widget-type-preview-hint button.add-widget-button {
  display: block;
  margin: 15px auto 0;
  padding: 8px 40px;
  border-radius: 40px;
  color: var(--primary-color) !important;
}
.modal .logo svg {
  height: 30px;
}
#black-friday-2019 .modal-content {
  background-color: #1A1A1A;
}
#black-friday-2019 .close {
  color: #707070;
  font-size: 34px;
  top: 4px;
}
#black-friday-2019 .modal-header {
  padding: 19px 0;
}
#black-friday-2019 .action-logo {
  padding: 20px 0 5px;
}
#black-friday-2019 .action-logo img {
  max-width: 100%;
}
@media (max-width: 320px) {
  #black-friday-2019 .action-logo img {
    max-width: 80%;
  }
}
#black-friday-2019 .modal-body {
  color: #fff;
  background-color: #0d0d0d;
  padding: 0 26px 20px;
  margin-bottom: 30px;
}
#black-friday-2019 .modal-body:before {
  content: ' ';
  position: absolute;
  display: block;
  left: 0;
  top: -20px;
  width: 100%;
  height: 20px;
  background: url(../img/actions/black-friday/bf-bg-top.png) top;
}
#black-friday-2019 .modal-body:after {
  content: ' ';
  position: absolute;
  display: block;
  left: 0;
  bottom: -25px;
  width: 100%;
  height: 25px;
  background: url(../img/actions/black-friday/bf-bg-bottom.png) bottom;
}
.bf-top {
  font-size: 31px;
  font-weight: 600;
  line-height: 31px;
}
.bf-mid {
  font-size: 110px;
  font-weight: 600;
  line-height: 110px;
}
.bf-mid sup {
  font-size: 35px;
  font-weight: 600;
  top: -1.5em;
}
.bf-bottom {
  font-size: 15px;
  line-height: 22px;
}
#black-friday-2019 .modal-footer {
  display: block;
  text-align: center;
  padding: 10px 26px 19px;
  color: #555;
  font-size: 10px;
}
.btn:not(.btn-float).btn-bf-2019,
.btn-bf-2019 {
  font-size: 17px;
  color: #fff;
  background-color: #C70E31 !important;
  padding: 10px 27px;
  width: 269px;
  max-width: 87%;
  border-radius: 27px;
}
.modal-footer .btn.btn-bf-2019,
.btn.btn-bf-2019:not(.btn-float),
.btn-bf-2019 {
  flex: none;
  margin-bottom: 15px;
  box-shadow: 0 1px 15px rgba(255, 72, 98, 0.4) !important;
  transition: box-shadow 0.2s ease-in-out;
}
.modal-footer .btn-bf-2019:hover,
.btn.btn-bf-2019:not(.btn-float):hover,
.btn-bf-2019:hover {
  box-shadow: 0 1px 15px rgba(255, 72, 98, 0.6) !important;
}
.btn-bf-2019.btn-bordered:not(.btn-float) {
  background: none !important;
  border: 1px solid #C70E31;
  color: #C70E31 !important;
  box-shadow: none !important;
}
.bf-2019 body {
  background: #1A1A1A;
}
.bf-2019 #header {
  background: none !important;
  position: relative;
}
.bf-2019 .header {
  justify-content: center;
}
.bf-2019 .h-logo svg {
  height: 30px;
}
.bf-2019 .h-logo a {
  display: flex;
}
.bf-2019 .layer {
  display: flex;
  justify-content: center;
  padding: 0;
}
.bf-2019 .content {
  margin: 0 5px 5px;
  padding: 10px 20px 20px;
  max-width: 350px;
  width: 100%;
}
.bf-2019 .content .content {
  border: 0;
}
.bf-2019 .pay-stick {
  background: #C70E31;
  left: 10px;
}
.bf-2019 .pay-stick::after {
  border-bottom: 13px solid #0d0d0d;
}
.bf-2019 .pay-option {
  padding: 15px 20px;
  font-size: 15px;
  background-color: #0d0d0d;
  border: 2px solid transparent;
}
.bf-2019 .pay-option.active {
  border: 2px solid #C70E31;
}
.bf-2019 .pay-info {
  color: #fff;
  font-weight: 400;
  line-height: 17px;
  padding: 0 47px;
}
.bf-2019 .pay-promo {
  color: #fff;
}
.bf-2019 .pay-promo span {
  color: #555555;
}
.bf-2019 .pay-price {
  color: #fff;
  padding-bottom: 14px;
}
.bf-2019 .pay-price sup {
  color: #fff;
  margin-left: 6px;
  font-size: 26px;
  font-weight: 400;
  top: -0.7em;
}
.bf-2019 .pay-price-info {
  font-size: 15px;
}
.bf-2019 .pay-old-price {
  font-size: 13px;
}
.bf-2019 .pay-option .pay-price:after {
  display: none;
}
.bf-2019 .pay-discount {
  margin-top: 0;
}
.bf-2019 .notes {
  font-size: 10px;
  color: #555;
}
.bf-2019 .notes a {
  color: #8a8a8a;
}
#change-user-timezone {
  margin-top: 20px;
  padding: 0;
}
#change-user-timezone .form-group {
  margin-top: 20px;
}
.alert {
  position: fixed !important;
  border-radius: 10px;
  bottom: unset !important;
  right: 30px !important;
  top: 30px;
  padding-left: 55px;
  background-repeat: no-repeat;
  background-size: 36px;
  background-position: 10px;
}
html:not(.ismobile) .alert {
  width: 350px !important;
}
html.ismobile .alert {
  width: 300px !important;
  right: calc(50% - 150px) !important;
  top: 30px;
}
.alert-success {
  background-image: url("/img/success.svg");
}
.alert-error,
.alert-danger {
  background-image: url("/img/error.svg");
}
.alert-info {
  background-image: url("/img/info.svg");
  background-color: white;
  color: black;
}
.breadcrumb > li + li:before {
  content: '\f2fb';
  font-family: 'Material-Design-Iconic-Font';
}
#qr-code-modal .modal-dialog {
  width: 300px;
  margin-top: calc((100vh - 440px) / 2);
}
#qr-code-modal .modal-body {
  padding: 10px;
}
.qr-code-button img {
  width: 16px;
}
#sua-partner .promo-code {
  margin-bottom: 10px;
  margin-top: 10px;
}
#sua-partner .promo-code .qr-code-button {
  float: right;
}
#sua-referral .qr-code-button img {
  width: 14px;
  vertical-align: top;
  margin-top: 5px;
}
#qr-code-upload-link {
  padding: 8px 26px;
  border-radius: 25px;
  margin-top: 15px;
}
#qr-code-upload {
  padding: 15px 10px;
}
#qr-code-upload > label {
  color: black;
}
.settings-focus-element .qr-code-button {
  margin-right: -2px;
}
.menu-item .badge {
  background-color: #1156fb !important;
  border-radius: 10px !important;
  font-size: 10px;
  padding: 5px 10px;
  max-height: 18px;
}
#widget-item-extended {
  position: relative;
}
html:not(.ismobile) .product-nav-prev,
html:not(.ismobile) .product-nav-next {
  position: fixed;
  top: 200px;
  z-index: 10;
  font-size: 28px;
  line-height: 35px;
  color: #676767;
  background-color: #ffffff;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  text-align: center;
}
html:not(.ismobile) .product-nav-prev::before {
  content: '\f2fa';
  font-family: 'Material-Design-Iconic-Font';
  color: #676767;
  font-size: 28px;
  left: 0;
  margin-left: -2px;
}
html:not(.ismobile) .product-nav-next::before {
  content: '\f2fb';
  font-family: 'Material-Design-Iconic-Font';
  color: #676767;
  font-size: 28px;
  right: 0;
  margin-right: -2px;
}
html:not(.ismobile) .product-nav-prev {
  left: 0;
  margin-left: -50px;
}
html:not(.ismobile) .product-nav-next {
  right: 0;
  margin-right: -50px;
}
.ismobile .product-nav-prev {
  background-image: url(../img/arrow-left.svg);
  left: 0;
  margin-left: -5px;
}
.ismobile .product-nav-next {
  background-image: url(../img/arrow-right.svg);
  right: 0;
  margin-right: -5px;
}
.ismobile #modal-view-product .product-nav-prev {
  margin-left: -15px;
}
.ismobile #modal-view-product .product-nav-next {
  margin-right: -15px;
}
html:not(.ismobile) .page-widget-item-extended .product-nav-prev,
html:not(.ismobile) .page-widget-item-extended .product-nav-next {
  position: absolute;
}
html:not(.ismobile) .page-widget-item-extended .product-nav-prev {
  left: 0;
  margin-left: 120px;
}
html:not(.ismobile) .page-widget-item-extended .product-nav-next {
  right: 0;
  margin-right: 120px;
}
.ismobile .product-nav-prev,
.ismobile .product-nav-next {
  position: fixed;
  top: 200px;
  z-index: 10;
  color: white;
  font-size: 52px;
  font-weight: 700;
  line-height: 52px;
  width: 35px;
  height: 52px;
  border-radius: 50%;
  text-align: center;
}
.icon-menu {
  position: relative;
}
.menu-text {
  position: relative;
}
.icon-feedback-in-menu {
  background-color: #ff6850;
  border-radius: 10px;
  padding: 4px 8px;
  font-size: 10px !important;
  font-weight: 700;
  top: 0;
  margin-left: 5px;
}
.unread-feedback-count {
  background-color: #ff6850;
  border-radius: 10px;
  padding: 3px 6px;
  margin-bottom: 1px;
  font-weight: 700;
  margin-left: 5px;
  height: 18px;
  max-height: 18px;
}
#page-demo {
  margin-top: 20px;
}
@media (max-width: 325px) {
  #page-demo {
    margin-left: -10px;
  }
}
.record-input {
  height: 0;
  overflow: hidden;
}
#email-tg img {
  width: 100px;
  margin: 15px auto;
}
#email-tg a {
  margin: 25px auto;
}
#email-tg p {
  margin-top: 35px;
  margin-bottom: 40px;
}
#email-tg {
  margin-top: calc((100vh - 520px) / 2);
}
#email-tg.small-top {
  margin-top: calc((100vh - 670px) / 2);
}
.page-list-link {
  color: inherit !important;
  margin: 10px;
  display: block;
}
.page-list-link p {
  padding-top: 10px;
  margin: 0;
}
.page-list-item-title {
  font-size: 16px;
  font-weight: bold;
  overflow-x: hidden;
}
.page-list-item-description {
  opacity: 0.7;
}
.page-list-item-description span {
  font-weight: bold;
}
.page-more-details {
  display: none;
}
.page-more-details.show {
  display: block;
}
#menu-item-domain ~ .telegram-notice-banner {
  margin-top: 40px;
}
.telegram-notice-banner {
  width: 100%;
  height: 160px;
  margin-top: 40px;
  padding: 0 10px;
}
#user-settings-form .telegram-notice-banner {
  padding: 0;
}
.telegram-notice-banner-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #ffffff;
  position: relative;
  text-align: center;
  padding: 10px 15px;
  width: 100%;
  border-radius: 10px;
  background-color: #29A1D3;
  max-width: 290px;
  margin: auto;
}
.telegram-notice-banner-content-icon {
  display: inline-block;
  padding: 0 5px;
}
.telegram-notice-banner-content-icon svg {
  width: 20px;
  height: 20px;
}
.telegram-notice-banner-content-icon .worker-color1 {
  fill: white;
}
.telegram-notice-banner-content p {
  margin: 0;
  text-align: center;
}
.telegram-notice-banner-content p.telegram-notice-banner-content-title {
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 10px;
}
.telegram-notice-banner-content p.telegram-notice-banner-content-text,
.telegram-notice-banner-content a.telegram-notice-banner-content-button,
#sua-menu .nav .telegram-notice-banner-content a.telegram-notice-banner-content-button {
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
}
.telegram-notice-banner {
  margin-bottom: 20px;
}
#sua-menu .nav .telegram-notice-banner {
  margin-bottom: 0;
}
.telegram-notice-banner-content a.telegram-notice-banner-content-button,
#sua-menu .nav .telegram-notice-banner-content a.telegram-notice-banner-content-button {
  background-color: #128BBE;
  padding: 12px 7px;
  margin: 15px auto 0;
  border-radius: 20px;
  font-weight: 700;
  width: 230px;
}
#tg-auth-code-box {
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px #CECECE;
  border-radius: 6px;
  padding: 10px;
}
#tg-auth-code-box span {
  font-size: 16px;
}
#email-tg p#tg-auth-code-box {
  margin: 0;
}
#email-tg .text-before {
  margin-bottom: 20px;
}
#email-tg .text-after {
  margin-top: 20px;
}
#tg-auth-code-box a {
  margin: 0;
}
#tg-auth-code-box #notice-copy-tg-code {
  margin-left: 10px;
}
.view-page-info {
  display: none;
  justify-content: center;
  font-size: 15px;
  opacity: 0.5;
  font-family: 'NotoSans-Regular', sans-serif !important;
}
.view-page-info.show {
  display: flex!important;
}
#edit-page-list-fields {
  margin-top: 15px;
}
.page-list-link hr {
  margin: 5px 0;
}
.has-new-order-count {
  background-color: var(--primary-color);
  border-radius: 10px;
  padding: 3px 5px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
}
.border-red {
  border: 1px solid red !important;
}
#catalog-information .control-label {
  font-weight: 400;
  color: #959595;
  font-size: 11px;
}
.yclients-logo {
  height: 100%;
  border-bottom-left-radius: inherit;
  border-top-left-radius: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -2px;
  right: 80%;
  background-color: #328fe4;
  border-right: solid 2px #e0a800;
  display: flex;
  align-items: center;
}
.yclients-logo img {
  height: 17px;
  margin-left: 12px;
}
.yclients-text {
  margin-left: 20px;
}
.yclients-button {
  margin-bottom: 10px;
}
.yclients-button .yclients-color {
  fill: white;
}
#adaptive-color-block {
  position: relative;
}
#adaptive-color-block .form-group {
  position: absolute;
  width: 100%;
  top: 70px;
  z-index: 1;
}
.text-block-text.adaptive-color,
.text-block-text.adaptive-color span {
  color: inherit!important;
}
.text-block-text:not(.adaptive-color),
.text-block-text:not(.adaptive-color) span {
  color: black;
}
.text-block-text:not(.adaptive-color) span span {
  color: inherit;
}
.owl-carousel .owl-item img.owl-ignore {
  width: initial;
}
.datepicker table thead tr th {
  color: #0a0a0a;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: none !important;
}
.datepicker table td.day:before {
  content: none !important;
}
.datepicker table tbody tr td:first-child {
  padding-left: 0 !important;
}
.datepicker table tbody tr:last-child td {
  padding-bottom: 0 !important;
}
.datepicker table tbody tr td:last-child {
  padding-right: 0 !important;
}
.datepicker-months .month,
.datepicker-years .year,
.timepicker-minutes .minute,
.timepicker-hours .hour {
  border-radius: 3px !important;
}
.datepicker,
.datetimepicker {
  padding: 15px;
}
.up-z-index-modal-backdrop .sidebar-custom-backdrop {
  z-index: 101;
}
.tariff {
  padding: 20px;
  border: 1px solid #f2f2f2;
  border-radius: 10px;
  margin-bottom: 10px;
}
.tariff.active {
  border: 1px solid #0a6ebd;
}
.plan {
  padding: 20px;
  border: 1px solid #f2f2f2;
  border-radius: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}
.plan.active {
  border: 1px solid #0a6ebd;
}
.no-wrap {
  white-space: nowrap;
}
.button-yandex-direct-info {
  color: #8a8a8a;
  font-size: 10px;
  margin-top: 15px;
  text-align: center;
}
#sua-catalog .title {
  color: #5E5E5E;
  font-size: 18px;
  text-align: center;
  padding-bottom: 10px;
}
.alert-danger {
  z-index: 10;
}
.domain-rf-notification a,
.domain-rf-notification a:hover {
  color: white;
  font-weight: 600;
}
.owl-lazy-container .preloader {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
}
.fg-line input::-webkit-input-placeholder {
  color: grey !important;
}
.fg-line input::-moz-placeholder {
  color: grey !important;
}
.fg-line input:-moz-placeholder {
  color: grey !important;
}
.fg-line input:-ms-input-placeholder {
  color: grey !important;
}
.show-required-field div.required label:after {
  color: #f6675d;
  content: " *";
}
.user-requisite-icon-download {
  margin-top: 10px;
  padding-left: 16px;
}
#generate-user-documents-modal .choice-type a {
  width: 100%;
  margin-bottom: 10px;
}
#generate-user-documents-modal .choice-type .block-info {
  margin-top: 0;
}
#generate-user-documents-modal .block-btn-save-and-generate {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#generate-user-documents-modal .parent-block-info {
  margin-top: 0;
}
.widget.modal-preview .show-pro {
  display: none;
}
.page-more-details .page-list-item-description {
  opacity: 1!important;
}
.page-list-item-description:not(.more-details) {
  display: none;
}
.page-list-item-description:not(.more-details).show {
  display: block!important;
}
.internal-page-view.view-page-info.show {
  justify-content: left;
}
.menu-mailing-wrapper .title {
  color: #5E5E5E !important;
}
.menu-mailing-wrapper .title {
  color: #5E5E5E;
}
.site-button .btn.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
#edit-external-analytics-form img {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 20px;
}
#edit-external-analytics-form p {
  margin-bottom: 0;
}
label[for="external-analytics-web-visor"] {
  text-align: left;
  padding-left: 10px;
  font-size: 14px;
}
.sidebar-menu-title {
  color: #171717;
  text-align: center;
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 5px;
}
.request-poster {
  background: transparent linear-gradient(98deg, #118FFB 0%, #457EFF 23%, #7420E9 77%, #8613E8 100%) 0 0 no-repeat;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 25px;
  font-size: 19px;
  color: white;
  font-weight: bold;
}
#vip-tariff-request-modal .modal-header {
  padding: 0;
}
#vip-tariff-request-modal .modal-header button {
  border: none;
  background: none;
  position: absolute;
  right: 10px;
  top: 10px;
}
.request-text {
  margin: 40px 0;
}
#vip-tariff-request-modal .modal-footer button {
  max-width: 190px !important;
  margin: auto;
}
.charge-direct-balance-input-box {
  display: flex;
}
.charge-direct-balance-input-box .form-group {
  width: 100%;
  margin-right: 10px;
}
.charge-direct-balance-input-box .currency-label {
  height: 35px;
  display: flex;
  align-items: flex-end;
}
.gallery-item-editor-control-btn {
  padding: 5px 11px;
  font-size: 26px !important;
  line-height: 26px;
  border: 1px solid var(--primary-color);
}
.gallery-item-editor-control-btn-text {
  font-size: 16px !important;
}
.gallery-item-editor-thumbs-wrapper {
  position: relative;
}
.gallery-item-editor-thumbs-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0.3;
  display: none;
}
.gallery-editor-saving .gallery-item-editor-thumbs-cover {
  display: block;
}
.gallery-item-editor-wrapper {
  position: relative;
  padding: 3px;
}
.gallery-item-editor-image-wrapper {
  padding-bottom: 75%;
  height: 0;
  width: 100%;
}
.gallery-item-editor-image {
  width: 100%;
  height: 100%;
  max-height: 40vh;
}
.gallery-item-editor-thumbs {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.gallery-item-editor-thumbs a {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  margin: 2px;
  height: 50px;
  width: 50px;
  background-color: #edecec;
}
.gallery-item-editor-thumbs a.active {
  outline: 1px solid var(--primary-color) !important;
  outline-offset: 1px;
}
.gallery-item-editor-preview {
  position: relative;
  overflow: hidden;
}
.gallery-item-editor-thumb {
  max-width: 50px;
  max-height: 50px;
}
.gallery-item-editor-controls .btn-group {
  border-radius: 5px;
  box-shadow: none;
  margin: 2px;
}
.gallery-editor-cover {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}
.gallery-editor-initializing .gallery-editor-initializing-cover,
.gallery-editor-saving .gallery-editor-saving-cover {
  display: flex;
}
.gallery-editor-footer .btn,
.gallery-editor-footer[data-state="only"] .btn.gallery-editor-btn-delete {
  display: none;
}
.gallery-editor-footer .btn.gallery-editor-btn-delete,
.gallery-editor-footer[data-state="only"] .gallery-editor-btn-cancel,
.gallery-editor-footer[data-state="only"] .gallery-editor-btn-apply,
.gallery-editor-footer[data-state="first"] .gallery-editor-btn-cancel,
.gallery-editor-footer[data-state="first"] .gallery-editor-btn-next,
.gallery-editor-footer[data-state="last"] .gallery-editor-btn-prev,
.gallery-editor-footer[data-state="last"] .gallery-editor-btn-apply,
.gallery-editor-footer[data-state="middle"] .gallery-editor-btn-prev,
.gallery-editor-footer[data-state="middle"] .gallery-editor-btn-next {
  display: block;
}
.catalog-popup-item-actions {
  list-style: none;
  padding: 0;
  z-index: 3;
  margin: 0;
  position: absolute;
  right: 10px;
  top: 10px;
}
.catalog-popup-item-actions a:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.modal.prevent-from-close {
  pointer-events: none;
}
.modal.prevent-from-close .modal-dialog {
  pointer-events: all;
}
.ya-first {
  color: #f00;
}
.modal.from-bottom .modal-dialog {
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.3);
}
.modal-backdrop-opacity-0 .modal-backdrop {
  opacity: 0;
}
#edit-widget-style-corner-container {
  display: flex;
  padding-top: 15px;
  position: relative;
}
#edit-widget-style-corner-container hr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.lds-ring {
  position: relative;
  width: 21px;
  height: 21px;
  z-index: 1;
  margin: 0 auto;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 21px;
  height: 21px;
  /*margin: 4px;*/
  border: 3px solid;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #252525 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.default-template .contact-link.external-link .lds-ring div {
  border-top-color: #fff;
}
.default-template .light-color.contact-button .contact-link.external-link .lds-ring div {
  border-top-color: #252525;
}
.spinner-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: black;
  z-index: 3;
  opacity: 0.5;
  border-radius: inherit;
}
.spinner-container .lds-ring {
  top: calc(50% - 14px);
}
.spinner-container .lds-ring div {
  border-top-color: #fff !important;
}
.worker-button .lds-ring div {
  border-top-color: #fff !important;
  width: 23px;
  height: 23px;
  margin-left: 7px;
}
.light-color.worker-buttons-wrapper .worker-button .lds-ring div {
  border-top-color: #252525 !important;
}
.bg-white {
  background-color: #fff;
}
.form-block {
  padding-bottom: 15px;
}
.form-title {
  text-align: left;
  font-weight: 700;
}
.has-fb-pixel,
.has-vk-pixel,
.has-ya-metric,
.has-google-analytics {
  display: none;
}
.has-fb-pixel.active,
.has-vk-pixel.active,
.has-ya-metric.active,
.has-google-analytics.active {
  display: block;
}
.check-counters .scrollable-tabs {
  display: none;
}
.check-counters.has-counters .scrollable-tabs {
  display: block;
}
.check-counters:not(.has-counters) .tab-content {
  padding-top: 0;
}
.check-counters .tab-pane {
  padding-top: 0;
}
.modal.check-counters.has-counters .modal-content {
  padding-top: 50px;
  padding-bottom: 55px;
}
.modal.check-counters.has-counters .modal-content .tab-content {
  padding-top: 0;
  padding-bottom: 0;
}
.checkbox-m-0 .checkbox {
  margin: 0 !important;
}
.catalog-btn-go-orders {
  max-width: 320px;
  margin: 30px auto 0 auto;
}
.add-to-cart-notification .success-send-form {
  display: flex;
  text-align: center;
  margin: 30px 20px 10px 20px;
}
.add-to-cart-notification .success-send-form-text {
  display: block !important;
  color: black;
}
.add-to-cart-notification .success-send-form .success-send-form-text {
  color: #ffffff;
}
.more-reason {
  display: none;
}
.block-danger {
  margin: 15px 0 18px;
  padding: 10px;
  font-size: 13px;
  border: 1px solid #f5c6cb;
  background-color: #f8d7da;
  color: #721c24;
  border-radius: 5px;
}
#upload-image-widget-background {
  position: relative;
  height: 35px;
}
#upload-image-widget-background label {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border: 1px gray solid;
  border-radius: 5px;
  padding: 5px;
}
#widget-image-input {
  display: none;
  height: 35px;
}
.field-edit-widget-style-background-image {
  margin-top: 15px;
}
#upload-image-widget-background img {
  width: 35px;
  height: 35px;
  margin: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  object-fit: cover;
}
.shopping-cart {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 15px;
  z-index: 10;
  padding: 10px 15px;
  background-color: var(--primary-color);
  color: white;
  border-radius: 10px;
  width: 100%;
  max-width: 340px;
  position: fixed;
  bottom: 25px;
  left: 50vw;
  transform: translateX(-50%);
  box-shadow: 0 8px 35px 0 rgba(0, 0, 0, 0.23);
}
.issafari .shopping-cart {
  bottom: calc(65px + env(safe-area-inset-bottom));
}
.catalog-subtitle-description .shopping-cart {
  bottom: 0;
}
html:not(.ismobile) .shopping-cart {
  left: calc(50vw - 9px);
}
.ismobile .has-invite-to-action .shopping-cart:not(.example-cart-catalog) {
  width: 65%;
  transform: none;
  left: 25px;
}
@media (max-width: 340px) {
  .ismobile .has-invite-to-action .shopping-cart {
    width: 70%;
    left: 10px;
  }
  .ismobile .invite-to-action-widget-wrapper,
  .issafari.ismobile .invite-to-action-widget-wrapper {
    right: 10px;
  }
}
.shopping-cart .zmdi {
  width: 30px;
}
.shopping-cart .icon-cart {
  font-size: 30px;
  text-align: left;
}
.shopping-cart .icon-to-cart {
  font-size: 40px;
  text-align: right;
}
.shopping-cart > span {
  flex-grow: 1;
  text-align: center;
  margin: 0 10px;
}
.notification-in-menu {
  background-color: #ff6850;
  border-radius: 10px;
  padding: 3px 6px;
  margin-bottom: 1px;
  font-weight: 700;
  margin-left: 5px;
}
.info-by-price .price-header-value {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.discount-and-total .discount {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.discount-and-total .discount .discount-value {
  color: #FC644D;
  font-weight: 700;
}
.discount-and-total .total {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #1156FB;
  margin-top: 3px;
}
.discount-and-total .total .total-value {
  font-weight: 700;
}
.yandex-money-block-copy-link {
  display: flex;
  justify-content: center;
  font-size: 16px;
}
.yandex-money-block-copy-link a {
  color: grey;
  margin-left: 5px;
  font-size: 18px;
}
.btn.yandex-money-setting-notify {
  margin-top: 15px;
  padding: 8px 25px;
  border-radius: 25px;
}
.daterangepicker {
  color: #676a6c !important;
}
.daterangepicker .ranges {
  margin: 4px !important;
}
.daterangepicker td.available {
  color: #676a6c !important;
}
.daterangepicker td.available.active {
  color: white !important;
}
.example-cart-catalog {
  left: auto !important;
  transform: none;
  position: absolute;
  width: 265px;
  bottom: 60px;
  display: flex;
  align-items: center;
  max-width: 340px;
  box-shadow: 0 8px 35px 0 rgba(0, 0, 0, 0.23);
}
.template-preview:not(.w-w-w1) .example-cart-catalog {
  margin-left: 15px;
}
.ismobile .template-preview .example-cart-catalog {
  width: 270px;
  bottom: 10px;
}
.display-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.slider-value {
  width: 30px;
}
.sp-replacer {
  border-radius: 50%;
}
.sp-replacer .sp-preview {
  background: none;
  width: 30px;
  height: 30px;
  margin-right: 0;
  border-radius: 50%;
}
.sp-replacer .sp-dd {
  display: none;
}
.spectrum-group .input-group-sp.input-group-addon {
  min-width: 45px !important;
  text-align: left;
}
.spectrum-group.input-group-html5 .input-group-addon:first-child {
  border-right: none !important;
}
.spectrum-input.form-control {
  border-bottom: none !important;
  padding: 7px;
}
.sp-preview-inner {
  border-radius: 50%;
}
.font-settings-container {
  margin: 0 -11px;
}
.font-settings-wrapper {
  margin: 0 3px;
  border: 1px solid #c2c2c2;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: 0;
}
.font-settings {
  padding: 8px;
}
.font-settings-header {
  margin-top: 10px;
  border-color: #c2c2c2 !important;
}
.font-settings-header .btn,
.font-settings-header .btn:hover,
.font-settings-header .btn:focus {
  background-color: #f9f9f9;
  text-align: left !important;
}
.font-settings-header:first-child {
  margin-top: 0;
}
.font-settings-header .accordion-status {
  top: 10px;
}
.pay-1-rub-pro .tariff-name-and-icon {
  color: #1156FB;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.pay-1-rub-pro .tariff-name-and-icon .icon-tariff {
  font-size: 27px;
  margin-right: 5px;
}
.pay-1-rub-pro .tariff-name-and-icon .tariff-name {
  font-size: 38px;
  text-transform: uppercase;
  font-weight: 700;
}
.category-feature-unit {
  font-weight: 700;
  width: 30px;
}
.draggable {
  cursor: grab;
}
#profile.page-m-b-0 #widgets-list .widget-wrapper:last-child .widget {
  margin-bottom: 0;
}
.footer-signature {
  color: black;
}
.footer-signature label.has-star {
  display: inline;
}
.issafari #main-header .header-fixed .header__scrollbar-fix .sidebar a .icon-menu .icon-feedback-in-menu {
  padding-bottom: 0;
}
.ismobile #main-header .header-fixed .header__scrollbar-fix .sidebar {
  padding-right: 10px;
}
#offer-opportunities-video .modal-header {
  padding: 15px 10px;
}
#offer-opportunities-video .modal-header .close {
  font-size: 27px;
  top: 5px;
  right: 10px;
}
#offer-opportunities-video .modal-body {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 10px 10px 10px;
}
#offer-opportunities-video .modal-body iframe {
  min-width: 100%;
}
.header-layer-footer {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.header-layer-footer .container-wrapper {
  flex: 1;
}
.field-change-is-show-requisite.has-success label,
.field-change-is-show-requisite.has-error label {
  color: #5e5e5e !important;
}
#subscription-timer.timer {
  margin-top: 5px;
  margin-bottom: 7px;
}
#widget-margin-bottom-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 20px;
  position: relative;
}
#widget-margin-bottom-group hr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.overflow-anchor-none {
  overflow-anchor: none;
}
.dragscroll.dragging .products-menu-item span {
  pointer-events: none;
  cursor: default;
}
#sidebar-menu-back {
  height: 56px;
}
.blocks-with-space-between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.choosen-color i.zmdi-close {
  margin-top: 6px;
}
.map-address-parent-iframe {
  line-height: 0;
}
.widget-form-track {
  position: absolute;
}