@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

.mfn-ui {

    --mfn-ui-text-color: #7987a2;
    --mfn-ui-text-color-2: #9ea8bb;
    --mfn-ui-heading: #304050;

    --mfn-ui-toolip: #304050;
    --mfn-ui-toolip-color: #fff;

    --mfn-ui-dropdown-bg: #fff;
    --mfn-ui-dropdown-border: #eceff5;
    --mfn-ui-dropdown-link: #7987a2;
    --mfn-ui-dropdown-link-hover: #304050;
    --mfn-ui-dropdown-link-hover-bg: #fbfbfc;
    --mfn-ui-dropdown-resolution-bg: #f4f4f7;

    --mfn-ui-contextmenu-bg: #fff;
    --mfn-ui-contextmenu-header-bg: #304050;
    --mfn-ui-contextmenu-header-color: #fff;
    --mfn-ui-contextmenu-border: #eceff5;
    --mfn-ui-contextmenu-link: #7987a2;
    --mfn-ui-contextmenu-link-hover: #304050;
    --mfn-ui-contextmenu-link-hover-bg: #fbfbfc;
    --mfn-ui-contextmenu-delete-link: #DB5754;
    --mfn-ui-contextmenu-delete-bg: rgba(219,87,84,.1);

}

.mfn-ui-dark {

    --mfn-ui-text-color: #7F7D84;
    --mfn-ui-text-color-2: #69676F;
    --mfn-ui-heading: #bdbcc6;

    --mfn-ui-toolip: #171618;
    --mfn-ui-toolip-color: #fff;

    --mfn-ui-dropdown-bg: #363538;
    --mfn-ui-dropdown-header-bg: #2d2c2f;
    --mfn-ui-dropdown-header-color: #fff;
    --mfn-ui-dropdown-border: #4a484d;
    --mfn-ui-dropdown-link:#bdbcc5;
    --mfn-ui-dropdown-link-hover: #dedee2;
    --mfn-ui-dropdown-link-hover-bg: #414043;
    --mfn-ui-dropdown-resolution-bg: rgba(0,0,0,.2);

    --mfn-ui-contextmenu-bg: #363538;
    --mfn-ui-contextmenu-header-bg: #2d2c2f;
    --mfn-ui-contextmenu-header-color: #fff;
    --mfn-ui-contextmenu-border: #4a484d;
    --mfn-ui-contextmenu-link: #bdbcc5;
    --mfn-ui-contextmenu-link-hover: #dedee2;
    --mfn-ui-contextmenu-link-hover-bg: #414043;
    --mfn-ui-contextmenu-delete-link: #DB5754;
    --mfn-ui-contextmenu-delete-bg: rgba(219,87,84,.1);

}

body { margin: 0; padding: 0; }
html{height: auto;}
body:hover #Content,
body.hover #Content { position: relative; z-index: 2; }
body:hover #Header_wrapper,
body.hover #Header_wrapper { position: relative; z-index: 1; } 

*::-moz-selection {
	color: inherit !important;
}
*::selection {
	color: inherit !important;
}

.mfn-ui .mfn-header,
.mfn-ui .mfn-header h5,
.mfn-ui .mfn-header h6,
.mfn-ui .mfn-contextmenu,
.mfn-ui .mfn-section-start,
.mfn-ui .mfn-section-start h2,
.mfn-ui .mfn-section-new,
.mfn-ui .mfn-section-new h5,
.mfn-ui .mfn-loading h2,
.mfn-ui .mcb-wrap.divider .mcb-wrap-inner:after { font-family: 'Poppins', sans-serif; letter-spacing: 0; }

.mfn-ui .mfn-modalbox, .mfn-ui .mfn-modalbox h2, .mfn-ui .mfn-modalbox h3, .mfn-ui .mfn-modalbox h4, .mfn-ui .mfn-modalbox h5, .mfn-ui .mfn-modalbox h6 { font-family: 'Poppins', sans-serif; }

/* NEW LUK */
.vb-item.mcb-column div .btn-section-add{
  display: none !important;
}
.woocommerce div.product form.cart .variations{display: none;}
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image { overflow: hidden; }
.column_button .button { pointer-events: none; }
/* FOR WOO  */
.comments-placeholder{ background-color: #f1f1f1; display: block; padding: 30px 15px; text-align: center; }
.mcb-section .mcb-wrap .column_product_images .images{ opacity:1 !important; }
.mcb-section .mcb-wrap .column_product_images:hover .images { z-index: 2; } /* Fix for On Sale label */

/* END WOO  */

.column_call_to_action .mfn-header .mfn-size-change{
  display: none !important;
}

.column_hover_color:hover .hover_color_bg{
  background-color: inherit!important;
  border-color: inherit!important;
}

body.hover .mcb-section{
  background-attachment: initial !important;
}

.mfn-dh-before{
  bottom: 50%;
}

.mfn-dh-after{
  top: 50%;
}
.mfn-drag-helper{
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
    height: 50%;
}
.empty .mfn-drag-helper{
  height: 100%;
}

.mfn-drag-helper.ui-droppable-active.mfn-vb-dragover{
  z-index: 20;
  height: 900px;
  width: 200vw;
  left: -50vw;
}
.empty .mfn-drag-helper.ui-droppable-active.mfn-vb-dragover{
  top: 0;
  bottom: 0;
}
/*body.hover{ overflow: hidden; }*/


/* OLD LUKAS */
.mcb-wrap-new{
  min-height: 90px;
}
/*.mfn-vb-dragger{
  display: block;
  position: fixed;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 12px;
  line-height: 26px;
  color: #777;
  text-align: center;
  width: 150px;
  max-width: 150px;
  height: 26px;
  margin: 0;
  max-height: 26px;
  left: 0;
  z-index: 999;
  list-style-type: none;
  z-index:10;width:auto!important;height:auto!important;padding:8px 25px 8px 40px;background-color:#489c6d;color:#fff;border-radius:3px
}*/
.mfn-vb-dragger{
    display: block;
    position: fixed;
    z-index:10;width:auto!important;height:auto!important;padding:8px 25px 8px 40px;background-color:#489c6d;color:#fff;border-radius:3px;
}
.mfn-vb-drag-section { background-color:#489c6d; }
.mfn-vb-drag-wrap { background-color:#9da2a9; }
.mfn-vb-drag-item { background-color:#72a5d8; }

.mfn-vb-sort-placeholder-section{
  background-color: #489c6d;
  height: 10px;
  display: block;
  max-width: 100%;
}
.mfn-vb-sort-placeholder-wrap{
  background-color: #9da2a9;
  height: 10px;
  display: block;
  float: left;
  box-sizing: border-box;
  max-width: 100%;
}
.mfn-vb-sort-placeholder-widget{
  background-color: #72a5d8;
  height: 10px;
  display: block;
  float: left;
  box-sizing: border-box;
  max-width: 100%;
  animation-name: placeholderAnim;
  animation-duration: 0.2s;
}
@keyframes placeholderAnim {
  0%   { height: 0; }
  100% { height:  10px; }
}
.mcb-wrap .ui-sortable{
  top: 0;
  position: relative;
  min-height: 100px;
}
.ui-droppable-active-show{
  outline: 1px dashed #d46f81;
  display: block;
  height: auto;
}


.mcb-column .mcb-column-inner > div:not(.mfn-header, .blockquote, .mfn-inline-editor), 
#Header_wrapper #Top_bar,
#Header_wrapper .mfn-rev-slider rs-fullwidth-wrap, 
#Header_creative, 
#Footer .widgets_wrapper,
#Footer .footer_copy, 
.image_links a, 
.off-canvas-sidebar{
	pointer-events: none;
}


/* Hidden sidebar */
.mfn-ui.sidebar_hidden .mfn-header { display: none !important; }
.mfn-ui.sidebar_hidden .mcb-section:hover,
.mfn-ui.sidebar_hidden .mcb-wrap:hover .mcb-wrap-inner,
.mfn-ui.sidebar_hidden .mcb-column:hover .mcb-column-inner { outline: 0; box-shadow: 0 0 0 0; }
.mfn-ui.sidebar_hidden .mcb-section:hover .btn-section-add,
.mfn-ui.sidebar_hidden .mcb-wrap .btn-item-add { display: none; }
.mfn-ui.sidebar_hidden .mcb-section.mfn-current-editing,
.mfn-ui.sidebar_hidden .mcb-wrap.mfn-current-editing .mcb-wrap-inner,
.mfn-ui.sidebar_hidden .mcb-column.mfn-current-editing .mcb-column-inner { outline: 0; box-shadow: 0 0 0 0; }
.mfn-ui.sidebar_hidden .mcb-column .mcb-column-inner .column_attr { outline: none !important; }
.mfn-ui.sidebar_hidden .mcb-column .mcb-column-inner:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;  }
.mfn-ui.sidebar_hidden .mfn-main-slider a.btn-edit-slider,
.mfn-ui.sidebar_hidden #Footer a.btn-edit-footer { display: none; }

.mfn-contextmenu{ position: fixed; top: 100px; left: 100px; display: none; width: 200px; font-size: 14px; box-sizing: border-box; padding: 10px; background-color: var(--mfn-ui-contextmenu-bg); border: 1px solid var(--mfn-ui-contextmenu-border); box-shadow: 0px 1px 2px rgba(31,30,47,0.1), 0px 0px 20px rgba(31,30,47,0.03); border-radius: 3px; z-index: 9999; overflow: hidden; }
.mfn-contextmenu .mfn-context-header{ background-color: var(--mfn-ui-contextmenu-header-bg); color: var(--mfn-ui-contextmenu-header-color); margin: -10px -10px 10px; padding: 7px 15px; letter-spacing: 0; font-size:14px;line-height:26px;font-weight:600 }
.mfn-contextmenu ul{ list-style-type: none; padding: 0; margin: 0; }
.mfn-contextmenu ul li a{display:flex;align-items:center;position:relative;padding:5px 10px;color:var(--mfn-ui-contextmenu-link)!important;border-radius:3px;white-space:nowrap;text-decoration:none;cursor:pointer;break-inside:avoid}
.mfn-contextmenu ul li a.mfn-context-inactive{ opacity: 0.35; }
.mfn-contextmenu ul li a:not(.mfn-context-inactive):hover{color:var(--mfn-ui-contextmenu-link-hover);background-color:var(--mfn-ui-contextmenu-link-hover-bg)}
.mfn-contextmenu ul li a .mfn-icon{display:inline-block;width:20px;height:20px;border-radius:3px;text-indent:-9999px;margin-right:5px;opacity:1;background-repeat:no-repeat;background-size:22px;background-position:center center}
.mfn-contextmenu ul li.mfn-contextmenu-copystyle,
.mfn-contextmenu ul li.mfn-contextmenu-navigator { border-top: 1px solid var(--mfn-ui-contextmenu-border); margin-top: 6px; padding-top: 6px; }
.mfn-contextmenu ul li.mfn-contextmenu-delete { border-top: 1px solid var(--mfn-ui-contextmenu-border); margin-top: 6px; padding-top: 6px; }
.mfn-contextmenu ul li.mfn-contextmenu-delete a { color: var(--mfn-ui-contextmenu-delete-link) !important; }
.mfn-contextmenu ul li.mfn-contextmenu-delete a:hover { background-color:var(--mfn-ui-contextmenu-delete-bg); }

.mfn-contextmenu ul li.mfn-contextmenu-copy a:after { content: "Ctrl + C"; }
.mfn-contextmenu ul li.mfn-contextmenu-paste a:after { content: "Ctrl + V"; }
.mfn-contextmenu ul li.mfn-contextmenu-navigator a:after { content: "Ctrl + I"; }
.mfn-mac .mfn-contextmenu ul li.mfn-contextmenu-copy a:after { content: "⌘ + C"; }
.mfn-mac .mfn-contextmenu ul li.mfn-contextmenu-paste a:after { content: "⌘ + V"; }
.mfn-mac .mfn-contextmenu ul li.mfn-contextmenu-navigator a:after { content: "⌘ + I"; }
.mfn-contextmenu ul li.mfn-contextmenu-copy a:after,
.mfn-contextmenu ul li.mfn-contextmenu-paste a:after,
.mfn-contextmenu ul li.mfn-contextmenu-navigator a:after { position: absolute; opacity: .4; right: 10px; top: 50%; font-size: 11px; transform: translateY(-50%); }

.mfn-ui .mfn-header .mfn-option-dropdown .dropdown-wrapper a.mfn-dropdown-item.mfn-disabled{
  opacity: 0.3;
}

.mfn-ui .column_placeholder .mfn-header .mfn-element-edit{
  display: none;
}
.hover_box .hover_box_wrapper{
  width: 100%;
}
.mfn-widget-placeholder{
  text-align: center;
  padding: 70px 30px;
  display: block;
  background-color: #DDE3E9;
  line-height: 0;
}
.mfn-widget-placeholder img {
    max-height: 100px;
}
.mfn-widget-placeholder.mfn-wp-product-reviews img {
    max-height: 90px;
}
.mfn-ui .mcb-section:first-child .mfn-option-dropdown .dropdown-wrapper a.mfn-dropdown-item.mfn-section-move-up{
  display: none;
}
.mfn-ui .mcb-section:last-child .mfn-option-dropdown .dropdown-wrapper a.mfn-dropdown-item.mfn-section-move-down{
  display: none;
}

.blink{overflow: auto !important; box-shadow: 0px 0px 5px 1px #72a5d8!important}

.mfn_tmp_info{
  font-size: 12px; 
  line-height: 1.4em; 
  display: block; 
  color: #ff0000;
}

.column_map_basic iframe{
  width: 100%;
  display: block;
}

/* Responsive Visibility */

@media only screen and (min-width: 960px) {
	.mfn-ui .hide-desktop{opacity:.5!important;display:block!important;filter: grayscale(var(--value, 100%));}
    .mfn-ui .hide-desktop.mcb-section:after,
    .mfn-ui .hide-desktop.mcb-wrap .mcb-wrap-inner:after,
    .mfn-ui .hide-desktop.mcb-column .mcb-column-inner:after{ content: "";position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; visibility: visible; background-image: linear-gradient(45deg, #35edca 3.57%, transparent 3.57%, transparent 50%, #35edca 50%, #35edca 53.57%, transparent 53.57%, transparent 100%); background-size: 14.00px 14.00px; }
    .mfn-ui .hide-desktop.mcb-section:after { z-index: 31; }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .mfn-ui .hide-tablet{opacity:.5!important;display:block!important;filter: grayscale(var(--value, 100%));}
    .mfn-ui .hide-tablet.mcb-section:after,
    .mfn-ui .hide-tablet.mcb-wrap .mcb-wrap-inner:after,
    .mfn-ui .hide-tablet.mcb-column .mcb-column-inner:after{ content: "";position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; visibility: visible; background-image: linear-gradient(45deg, #35edca 3.57%, transparent 3.57%, transparent 50%, #35edca 50%, #35edca 53.57%, transparent 53.57%, transparent 100%); background-size: 14.00px 14.00px; }
    .mfn-ui .hide-tablet.mcb-section:after { z-index: 31; }
}
@media only screen and (max-width: 767px) {
    .mfn-ui .hide-mobile{opacity:.5!important;display:block!important;filter: grayscale(var(--value, 100%));}
    .mfn-ui .hide-mobile.mcb-section:after,
    .mfn-ui .hide-mobile.mcb-wrap .mcb-wrap-inner:after,
    .mfn-ui .hide-mobile.mcb-column .mcb-column-inner:after{ content: "";position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; visibility: visible; background-image: linear-gradient(45deg, #35edca 3.57%, transparent 3.57%, transparent 50%, #35edca 50%, #35edca 53.57%, transparent 53.57%, transparent 100%); background-size: 14.00px 14.00px; }
    .mfn-ui .hide-mobile.mcb-section:after { z-index: 31; }
}


/* Buttons */

.mfn-ui .mfn-btn { display: inline-flex;  align-items: center; vertical-align: middle; border: 0; cursor: pointer; border-radius: 3px; padding: 8px 25px; font-size: inherit; line-height: 26px; margin: 0 2px 15px; font-weight: 500; text-decoration: none; -webkit-appearance: none;  }
.mfn-ui .mfn-btn.btn-only-icon { padding: 8px 10px; }
.mfn-ui .mfn-btn .btn-wrapper { display: flex; }
.mfn-ui .mfn-btn .mfn-icon { display: inline-block; width: 26px; height: 26px; background-repeat: no-repeat; }
.mfn-ui .mfn-btn.btn-icon-left .mfn-icon { margin-right: 10px; }
.mfn-ui .mfn-btn.btn-icon-right .mfn-icon { margin-left: 10px; }

.mfn-ui .mfn-btn.btn-wide { padding-left: 50px; padding-right: 50px; }

.mfn-ui .mfn-btn.btn-small { padding: 8px 15px;; font-size: 13px; line-height: 24px; }
.mfn-ui .mfn-btn.btn-small.btn-only-icon { padding: 15px 10px; }
.mfn-ui .mfn-btn.btn-small .mfn-icon { width: 24px; height: 24px; }

.mfn-ui .mfn-btn.btn-large { padding: 15px 50px; font-size: 15px; line-height: 28px; }
.mfn-ui .mfn-btn.btn-large.btn-only-icon { padding: 15px 10px; }
.mfn-ui .mfn-btn.btn-large .mfn-icon { width: 28px; height: 28px; }

  .mfn-ui .mfn-btn { background-color: #edf1f5; color: #304050; }
  .mfn-ui .mfn-btn:hover { background-color:#e0e8ef; color: #304050; }

  .mfn-ui .mfn-btn-green { background-color: #489c6d; color: #fff; }
  .mfn-ui .mfn-btn-green:hover { background-color:#388a5c; color: #fff; }

  .mfn-ui .mfn-btn-blue { background-color: #72a5d8; color: #fff; }
  .mfn-ui .mfn-btn-blue:hover { background-color:#5388be; color: #fff; }

  .mfn-ui .mfn-btn-navy { background-color: #283746; color: #fff; }
  .mfn-ui .mfn-btn-navy:hover { background-color:#202e3c; color: #fff; }

  .mfn-ui .mfn-btn-red { background-color: #e16666; color: #fff; }
  .mfn-ui .mfn-btn-red:hover { background-color:#ca4e4e; color: #fff; }

  .mfn-ui .mfn-btn-blank { background-color: transparent; color: #304050; }
  .mfn-ui .mfn-btn-blank:hover { background-color:#e0e8ef; color: #304050; }

  .mfn-ui .mfn-btn-blank2 { background-color: transparent; color: #9ca5ae; }
  .mfn-ui .mfn-btn-blank2:hover { background-color:#f9fbfc; color: #9ca5ae; }



/* Option buttons */

.mfn-ui a.mfn-option-btn { display: block; float: left; height: 26px; margin-left: 2px; color: #304050; background-color: #f9f9f9; border-radius: 3px; }
.mfn-ui a.mfn-option-btn:first-child { margin-left: 0; }
.mfn-ui a.mfn-option-btn:hover{ background-color:#f4f4f4;}
.mfn-ui a.mfn-option-btn .mfn-icon { display: block; float: left; width: 26px; height: 26px; background-size: 22px; background-position: center; background-repeat: no-repeat; }
.mfn-ui a.mfn-option-btn .text { display: block; float: left;  height: 26px; line-height: 26px; font-size: 12px; }
.mfn-ui a.mfn-option-btn.mfn-option-text { padding: 0 10px; }
.mfn-ui a.mfn-option-btn.btn-icon-left { padding-left: 5px; }
.mfn-ui a.mfn-option-btn.btn-icon-right { padding-right: 5px; }
.mfn-ui span.mfn-option-sep { width: 1px; background: #ebeef1; margin: 0 10px; }

.mfn-ui a.mfn-option-btn.btn-medium { height: 30px; }
.mfn-ui a.mfn-option-btn.btn-medium .mfn-icon { width: 30px; height: 30px; background-size: 22px; }
.mfn-ui a.mfn-option-btn.btn-medium .text { height: 30px; line-height: 30px; font-size: 14px; font-size: 13px; }
.mfn-ui a.mfn-option-btn.btn-medium.mfn-option-text { padding: 0 12px; }
.mfn-ui a.mfn-option-btn.btn-medium.btn-icon-left { padding-left: 6px; }
.mfn-ui a.mfn-option-btn.btn-medium.btn-icon-right { padding-right: 6px; }

.mfn-ui a.mfn-option-btn.btn-large { height: 36px; }
.mfn-ui a.mfn-option-btn.btn-large .mfn-icon { width: 36px; height: 36px; background-size: 26px; }
.mfn-ui a.mfn-option-btn.btn-large .text { height: 36px; line-height: 36px; font-size: 14px; }
.mfn-ui a.mfn-option-btn.btn-large.mfn-option-text { padding: 0 15px; }
.mfn-ui a.mfn-option-btn.btn-large.btn-icon-left { padding-left: 7px; }
.mfn-ui a.mfn-option-btn.btn-large.btn-icon-right { padding-right: 7px; }

.mfn-ui .mfn-option-dropdown { display: block; float: left; position: relative; margin-left: 2px; z-index: 1; cursor:initial}
.mfn-ui .mfn-option-dropdown .dropdown-wrapper { position:absolute;top:100%;right:0; display: none; min-width:200px;box-sizing:border-box;padding:15px;background-color:var(--mfn-ui-dropdown-bg);border:1px solid var(--mfn-ui-dropdown-border);border-radius:3px; }
.mfn-ui .mfn-option-dropdown.dropdown-large .dropdown-wrapper { width:300px; transform: translateX(calc(-50% + 13px)); right: auto; }
.mfn-ui .mfn-option-dropdown.dropdown-megamenu .dropdown-wrapper { width:540px; right: auto; column-count: 3; column-gap: 5px; }
.mfn-ui .mfn-option-dropdown:hover .dropdown-wrapper { display: block;}
.mfn-ui .mfn-option-dropdown .dropdown-wrapper h6 { margin-bottom: 10px; color: var(--mfn-ui-heading); font-weight: 600; }
.mfn-ui .mfn-option-dropdown .dropdown-wrapper a.mfn-dropdown-item{display:flex; align-items: center; padding:5px 10px;color:var(--mfn-ui-dropdown-link) !important;border-radius:3px;white-space:nowrap; text-decoration: none; cursor: pointer; }
.mfn-ui .mfn-option-dropdown .dropdown-wrapper a:hover.mfn-dropdown-item{color:var(--mfn-ui-dropdown-link-hover) !important;background-color:var(--mfn-ui-dropdown-link-hover-bg)}
.mfn-ui .mfn-option-dropdown .dropdown-wrapper a.mfn-dropdown-item.active { color:var(--mfn-ui-dropdown-link-hover) !important; }
.mfn-ui .mfn-option-dropdown .dropdown-wrapper .mfn-dropdown-divider{height:0; margin: 6px 0; overflow:hidden;border-top:1px solid var(--mfn-ui-dropdown-border)}
.mfn-ui .mfn-option-dropdown .dropdown-wrapper p { margin-bottom: 12px}
.mfn-ui .mfn-option-dropdown .dropdown-wrapper p .label { color: #304050; }
.mfn-ui .mfn-option-dropdown .dropdown-wrapper p .custom_class { color: #606d86; display: inline-block; margin: 1px; background: #f3f7fc; padding: 2px 5px; border-radius: 3px; }
.mfn-ui .mfn-option-dropdown .dropdown-wrapper .mfn-icon { display: inline-block; width: 20px; height: 20px; border-radius: 3px; text-indent: -9999px; margin-right: 5px; opacity: 1; background-repeat: no-repeat; background-size: 22px; background-position: center center; }
.mfn-ui .mfn-option-dropdown .dropdown-wrapper .mfn-icon.inactive { opacity: .5; }
.mfn-ui .mfn-option-dropdown .dropdown-wrapper .background-image { width: 100%; height: 120px; border: 1px solid #ebedef; margin-bottom: 15px; background:url(../img/transparency.png);; border-radius: 3px;}
.mfn-ui .mfn-option-dropdown .dropdown-wrapper .inner-grid { display: flex; }
.mfn-ui .mfn-option-dropdown .dropdown-wrapper .inner-grid .column { flex-grow: 1; }
.mfn-ui .mfn-option-dropdown .dropdown-wrapper .inner-grid .column p { display: flex; align-items: center; margin-bottom: 6px; }
.mfn-ui .mfn-option-dropdown .dropdown-wrapper .inner-grid .column p.background-color .color-preview { width: 20px; height: 20px; border-radius: 3px; margin-right: 5px; }

  .mfn-ui a.mfn-option-btn { color: #304050; background-color: #f9f9f9; }
  .mfn-ui a.mfn-option-btn:hover{ background-color:#f4f4f4;}

  .mfn-ui a.mfn-option-green { background-color: #e0f8ea; }
  .mfn-ui a.mfn-option-green:hover { background-color: #edfff4; }

  .mfn-ui a.mfn-option-grey { background-color: #edeef1; }
  .mfn-ui a.mfn-option-grey:hover { background-color: #f7f8fa; }

  .mfn-ui a.mfn-option-blue { background-color: #e2ecf9; }
  .mfn-ui a.mfn-option-blue:hover { background-color: #eef5fe; }

  .mfn-ui a.mfn-option-navy { background-color: #283746; color: #fff; }
  .mfn-ui a.mfn-option-navy:hover { background-color:#202e3c; color: #fff; }

  .mfn-ui a.mfn-option-blank { background-color: transparent; color: #304050; }
  .mfn-ui a:hover.mfn-option-blank { background-color:#f4f4f4; color: #304050; }


body:not(.mfn-modern-nav) .mfn-header a.mfn-element-menu { display: none; }

  

/* Tooltip */
.mfn-ui [data-tooltip] {  position: relative; text-decoration: none; }
.mfn-ui [data-tooltip]:hover:before, [data-tooltip]:focus:before { opacity: 1; transform: translate(-50%, -10px); }
.mfn-ui [data-tooltip]:hover:after, [data-tooltip]:focus:after { opacity: 1; transform: translate(-50%, -10px) rotate(45deg); }
.mfn-ui [data-tooltip]:before { content: attr(data-tooltip); position: absolute; z-index: 2; text-indent: 0; bottom: 100%; left: 50%; padding: 6px 12px; color: var(--mfn-ui-toolip-color); background-color: var(--mfn-ui-toolip); font-size: 12px; line-height: 20px; opacity: 0; transform: translate(-50%, 0); pointer-events: none; border-radius: 3px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); white-space: nowrap; }
.mfn-ui [data-tooltip]:after { position: absolute; z-index: 3; display: block; bottom: 100%; left: 50%; content: ''; width: 10px; height: 10px; border-radius: 2px; background-color: var(--mfn-ui-toolip); margin-bottom: -4px; transform: translate(-50%, 0) rotate(45deg); opacity: 0; pointer-events: none; }

.mfn-ui [data-tooltip][data-position="right"]:before { transform: translate(0, -50%); left: 100%; bottom: auto; right: auto; top: 50%; }
.mfn-ui [data-tooltip][data-position="right"]:hover:before,[data-tooltip][data-position="right"]:focus:before { transform: translate(10px, -50%); }
.mfn-ui [data-tooltip][data-position="right"]:after { transform: translate(-5px, -5px) rotate(45deg); left: 100%; bottom: auto; right: auto; top: 50%; }
.mfn-ui [data-tooltip][data-position="right"]:hover:after,[data-tooltip][data-position="right"]:focus:after { transform: translate(60%, -5px) rotate(45deg); }


/* Loading */
.mfn-ui .mfn-loading{ text-align: center; padding: 120px 50px; color: #7987a2; font-size: 14px; line-height: 26px; box-sizing: border-box; }
.mfn-ui .mfn-loading h2{margin-bottom:30px; color: #304050; font-size: 24px; line-height: 30px; font-weight: 400;}
.mfn-ui .mfn-loading .loading { display: inline-block; position: relative; margin-bottom: 30px; width: 135px; height: 40px; }
.mfn-ui .mfn-loading .loading span { width: 12px; height: 12px; border-radius: 50%; position: absolute; bottom: 50%; left: 0; display: block; background-color: #a8c0d9; animation: Loading 1.5s infinite ease-in-out; }
.mfn-ui .mfn-loading .loading span:nth-of-type(2) { left: 30px; animation-delay: .2s; }
.mfn-ui .mfn-loading .loading span:nth-of-type(3) { left: 60px; animation-delay: .4s; }
.mfn-ui .mfn-loading .loading span:nth-of-type(4) { left: 90px; animation-delay: .6s; }
.mfn-ui .mfn-loading .loading span:last-of-type { left: 120px; animation-delay: .8s; }

@keyframes Loading {
    0% { height: 12px; transform: translateY(0); background-color: #a8c0d9; }
    50% { height: 12px; transform: translateY(20px); background-color: #a8c0d9; }
    100% { height: 12px; transform: translateY(0); background-color: #a8c0d9; }
}

/* Start creating */
.mfn-ui .mfn-section-start{ text-align: center; padding: 120px 50px; color: #7987a2; font-size: 14px; line-height: 26px; box-sizing: border-box; }
.mfn-ui .mfn-section-start .welcome-pic { display: inline-block; width: 120px; }
.mfn-ui .mfn-section-start h2{margin-bottom:30px; color: #304050; font-size: 24px; line-height: 30px; font-weight: 400;}
.mfn-ui .mfn-section-start a.view-tutorial{color:#304050;opacity:.4}
.mfn-ui .mfn-section-start a:hover.view-tutorial{opacity:1}
.mfn-ui .mfn-section-start .mfn-btn { display: inline-flex; background-color: #489c6d; color: #fff; align-items: center; vertical-align: middle; border: 0; cursor: pointer; border-radius: 3px; padding: 15px 50px; font-size: 15px; line-height: 28px; margin: 0 2px 15px; font-weight: 500; text-decoration: none; -webkit-appearance: none;  }
.mfn-ui .mfn-section-start .mfn-btn:hover { background-color:#388a5c; color: #fff; }
.mfn-ui .mfn-section-start .mfn-btn .btn-wrapper { display: flex; }
.mfn-ui .mfn-section-start .mfn-btn .mfn-icon { margin-right: 10px; display: inline-block; width: 28px; height: 28px; background-image:url(../svg/options/add-light.svg); }


/* Start section */
.mfn-ui .mfn-section-new{display:none;text-align:center;padding:80px 40px 70px; color: #7987a2; font-size: 14px; line-height: 26px; width: 100%; }
.mfn-ui .mcb-section.empty .mfn-section-new{display:block}
.mfn-ui .mfn-section-new h5 { color: #304050; font-size: 16px; line-height: 28px; font-weight: 500;  letter-spacing: 0; }
.mfn-ui .mfn-section-new .wrap-layouts{margin-bottom:30px}
.mfn-ui .mfn-section-new .wrap-layouts .wrap-layout{display:inline-block;cursor:pointer;width:50px;height:40px;border:2px dotted #6c7783;margin:0 10px;position:relative;border-radius:3px}
.mfn-ui .mfn-section-new .wrap-layouts .wrap-layout span{position:absolute;top:0;border-left:2px dotted #6c7783;height:100%;margin-left:-1px}
.mfn-ui .mfn-section-new .wrap-layouts .wrap-layout:hover{border-color:#304050;border-style:solid}
.mfn-ui .mfn-section-new .wrap-layouts .wrap-layout:hover span{border-color:#304050;border-left-style:solid}
.mfn-ui .mfn-section-new .wrap-layouts .wrap-12 span:nth-child(1){left:50%}
.mfn-ui .mfn-section-new .wrap-layouts .wrap-13 span:nth-child(1){left:33%}
.mfn-ui .mfn-section-new .wrap-layouts .wrap-13 span:nth-child(2){left:66%}
.mfn-ui .mfn-section-new .wrap-layouts .wrap-14 span:nth-child(1){left:25%}
.mfn-ui .mfn-section-new .wrap-layouts .wrap-14 span:nth-child(2){left:50%}
.mfn-ui .mfn-section-new .wrap-layouts .wrap-14 span:nth-child(3){left:75%}
.mfn-ui .mfn-section-new .wrap-layouts .wrap-13-23 span:nth-child(1){left:33%}
.mfn-ui .mfn-section-new .wrap-layouts .wrap-23-13 span:nth-child(1){left:66%}
.mfn-ui .mfn-section-new .wrap-layouts .wrap-14-12-14 span:nth-child(1){left:25%}
.mfn-ui .mfn-section-new .wrap-layouts .wrap-14-12-14 span:nth-child(2){left:75%}
.mfn-ui .mfn-section-new [data-tooltip]:before{letter-spacing:1px}
.mfn-ui .mfn-section-new .mfn-btn { display: inline-flex; background-color: #489c6d; color: #fff; align-items: center; vertical-align: middle; border: 0; cursor: pointer; border-radius: 3px; padding: 8px 25px; font-size: inherit; line-height: 26px; margin: 0 2px 15px; font-weight: 500; text-decoration: none; -webkit-appearance: none;  }
.mfn-ui .mfn-section-new .mfn-btn:hover { background-color:#388a5c; color: #fff; }
.mfn-ui .mfn-section-new .mfn-btn .btn-wrapper { display: flex; }
.mfn-ui .mfn-section-new .mfn-btn .mfn-icon { margin-right: 10px; display: inline-block; width: 26px; height: 26px; background-image:url(../svg/options/add-light.svg); }

/* Start wrap */
.mfn-ui .mfn-wrap-new{display:block;text-align:center}
.mfn-ui .mfn-wrap-new .mfn-btn { margin-bottom: 0; }
.mfn-ui .empty .mfn-wrap-new { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; }

/* Section */
.mfn-ui .mcb-section{}
.mfn-ui .mcb-section:hover{z-index: 30;}
.mfn-ui .mcb-section.has-video:hover { overflow: visible; }
.mfn-ui .mcb-section:hover .section_wrapper {z-index: 29;}

  /* Add section */
  .mfn-ui .mcb-section .btn-section-add{font-family: 'Poppins', sans-serif;opacity:0;width:30px;height:30px;text-indent:-9999px;background-color:#489c6d; background-image:url(../svg/options/add-light.svg);border-radius:100%;position:absolute;z-index:31;left:calc(50% - 15px);background-repeat:no-repeat;background-size:22px 22px;background-position:center}
  .mfn-ui .mcb-section:hover .btn-section-add{opacity:1}
  .mfn-ui .mcb-section .btn-section-add:hover{background-color:#388a5c}
  .mfn-ui .mcb-section .btn-section-add.prev{top:10px}
  .mfn-ui .mcb-section .btn-section-add.next{bottom:10px}
  .mfn-ui .mcb-section:hover .btn-section-add.prev{top:-15px}
  .mfn-ui .mcb-section:hover .btn-section-add.next{bottom:-15px}
  .mfn-ui .mcb-section.add-row-before:before, .mfn-ui .mcb-section.add-row-after:after{content:"";width:100%;height:0;position:absolute;left:0;z-index:1;box-shadow:0 0 4px 2px rgba(72,156,109,0.1)}
  .mfn-ui .mcb-section.add-row-before:before{top:-1px;border-top:2px dashed #489c6d}
  .mfn-ui .mcb-section.add-row-after:after{bottom:-1px;border-bottom:2px dashed #489c6d}

  .mfn-ui .mcb-section.hide .mcb-section-inner { opacity:.3}
  .mfn-ui .mcb-section:not(.hide) .dropdown-wrapper .mfn-icon-show{display:none}
  .mfn-ui .mcb-section.hide .dropdown-wrapper .mfn-icon-hide{display:none}

  .mfn-ui .mcb-section:not(.hide) .dropdown-wrapper .label-show-section{display:none}
  .mfn-ui .mcb-section.hide .dropdown-wrapper .label-hide-section{display:none}

  .mfn-ui .mcb-section:hover { box-shadow: 0px 0px 0px 2px #bddfcc inset; }
  .mfn-ui .mcb-section .section-header { display: none; position: absolute; left: 0; bottom: 100%; width: 100%; justify-content: space-between; background: none; }
  .mfn-ui .mcb-section:hover .section-header { display: flex; /*z-index: 39;*/ }


  .mfn-ui .mcb-section .section-header:hover { background-color: #d7f4e3; z-index: 30; }

    /* Add wrap */
    .mfn-ui .mcb-wrap .btn-item-add{font-family: 'Poppins', sans-serif;opacity:0;width:30px;height:30px;text-indent:-9999px;background-color:#72a5d8; background-image:url(../svg/options/add-light.svg);border-radius:100%;position:absolute;z-index:31;left:calc(50% - 15px);bottom:-15px;background-repeat:no-repeat;background-size:22px 22px;background-position:center}
    .mfn-ui .mcb-wrap:hover .btn-item-add{opacity:1;}
    .mfn-ui .mcb-section .btn-item-add:hover{background-color:#5b8ec2;}

    /* Edit Slider */
    .mfn-ui .mfn-main-slider a.btn-edit-slider{font-family: 'Poppins', sans-serif;opacity:0;width:46px;height:46px;text-indent:-9999px;background-color:#5e35b1; background-image:url(../svg/others/revslider.svg);border-radius:100%;position:absolute;z-index:31;left:50%;top:50%;transform:translate(-50%,-50%);background-repeat:no-repeat;background-size:30px;background-position:center}
    .mfn-ui .mfn-main-slider a.btn-edit-slider:hover { background-color:#50299d; }
    .mfn-ui .mfn-main-slider:hover a.btn-edit-slider { opacity:1;}

    /* Edit Footer */
    .mfn-ui #Footer a.btn-edit-footer{font-family: 'Poppins', sans-serif;opacity:0;width:46px;height:46px;text-indent:-9999px;background-color:#304050; background-image:url(../svg/options/edit-light.svg);border-radius:100%;position:absolute;z-index:31;left:50%;top:50%;transform:translate(-50%,-50%);background-repeat:no-repeat;background-size:30px;background-position:center}
    .mfn-ui #Footer a.btn-edit-footer:hover { background-color:#253240; }
    .mfn-ui #Footer:hover a.btn-edit-footer { opacity:1;}

    /* First section 
    .header-modern:not(.template-slider) .mcb-section:first-child,
    .header-creative:not(.template-slider) .mcb-section:first-child,
    .header-fixed:not(.template-slider) .mcb-section:first-child,
    .header-transparent:not(.template-slider) .mcb-section:first-child,
    .header-simple:not(.template-slider) .mcb-section:first-child,
    .header-semi:not(.template-slider) .mcb-section:first-child { transition: margin .1s ease-in-out; }
    .header-modern:not(.template-slider) .mcb-section:first-child:hover,
    .header-creative:not(.template-slider) .mcb-section:first-child:hover,
    .header-fixed:not(.template-slider) .mcb-section:first-child:hover,
    .header-transparent:not(.template-slider) .mcb-section:first-child:hover,
    .header-simple:not(.template-slider) .mcb-section:first-child:hover,
    .header-semi:not(.template-slider) .mcb-section:first-child:hover { margin-top: 44px; }
    */

    .header-modern:not(.template-slider) .mcb-section:first-child,
    .header-creative:not(.template-slider) .mcb-section:first-child,
    .header-fixed:not(.template-slider) .mcb-section:first-child,
    .header-transparent:not(.template-slider) .mcb-section:first-child,
    .header-simple:not(.template-slider) .mcb-section:first-child,
    .header-semi:not(.template-slider) .mcb-section:first-child,
    .page-template-template-blank .mcb-section:first-child {  margin-top: 44px; }


    .header-modern:not(.template-slider) .mcb-section:first-child .section-header,
    .header-creative:not(.template-slider) .mcb-section:first-child .section-header,
    .header-fixed:not(.template-slider) .mcb-section:first-child .section-header,
    .header-transparent:not(.template-slider) .mcb-section:first-child .section-header,
    .header-simple:not(.template-slider) .mcb-section:first-child .section-header,
    .header-semi:not(.template-slider) .mcb-section:first-child .section-header,
    .page-template-template-blank .mcb-section:first-child .section-header{
      display: flex; z-index: 29;
    }

    .woocommerce.single-product .tabs_wrapper .mfn-builder-content .mcb-section:first-child,
    .woocommerce.single-product .accordion_wrapper .mfn-builder-content .mcb-section:first-child { margin-top: 44px; }

    .woocommerce.single-product .tabs_wrapper .mfn-builder-content .mcb-section:first-child .section-header,
    .woocommerce.single-product .accordion_wrapper .mfn-builder-content .mcb-section:first-child .section-header { display: flex; z-index: 29; }

    .mfn-ui .sections_group .mcb-section.hidden-mfn-header .section-header{
      display: none;
    }

/* Wrap */
.mfn-ui .mcb-wrap > .mcb-wrap-inner { outline: 1px dashed transparent; outline-offset: -1px; }
.mfn-ui .mcb-wrap:hover { z-index: 31; }
.mfn-ui .mcb-wrap:hover .mcb-wrap-inner { outline-color: #b1b3b5; box-shadow: 0px 0px 4px 2px rgba(97,100,102,0.05); }
.mfn-ui .mcb-wrap .wrap-header { display: none; border-radius: 3px 3px 0 0; position: absolute; left: -1px; top: 0; transform: translateY(-100%); width: max-content; z-index: 2; }
.mfn-ui .mcb-wrap:hover .wrap-header { display: flex; }
.mfn-ui .mcb-wrap .mcb-wrap-inner { z-index: 1; }
.mfn-ui .mcb-wrap.divider { height: 16px; min-height: 16px; background-color: rgba(255,192,203,.3); background-image: url(../img/divider.png); background-size: 14px; outline: none; }
.mfn-ui .mcb-wrap.divider .mcb-wrap-inner { min-height: 16px; }
.mfn-ui .mcb-wrap.divider .mcb-wrap-inner:after { content: "DIVIDER"; color: #e397a5; display: block; font-size: 11px; line-height: 16px; letter-spacing: 3px; position: absolute; left: 50%; top: 0; transform: translateX(-50%);  }
.mfn-ui .mcb-wrap.divider .mcb-wrap-inner .mfn-wrap-new { display: none; }



/* Items */
.mfn-ui .mcb-column { position: relative; min-height: 25px; z-index: 3; }
.mfn-ui .mcb-column-inner{ position: relative; }
.mfn-ui .mcb-column-inner img{ -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
.mfn-ui .mcb-column:hover { z-index: 30; }
.mfn-ui .mcb-column:hover > .mcb-column-inner { outline: 2px solid #9abae4; outline-offset: -2px; box-shadow: 0px 0px 4px 2px rgba(153,176,216,0.05); }
.mfn-ui .column_blog_slider:hover { overflow: hidden; }
.mfn-ui .mcb-column:hover h1,
.mfn-ui .mcb-column:hover h2,
.mfn-ui .mcb-column:hover h3,
.mfn-ui .mcb-column:hover h4,
.mfn-ui .mcb-column:hover h5,
.mfn-ui .mcb-column:hover h6 { overflow: hidden; }
.mfn-ui .mcb-column .item-header { display: none; z-index: 3; border-radius: 0 0 3px 0; position: absolute; left: 0; top: 0; width: max-content; }
.mfn-ui .mcb-column:hover .item-header { display: flex; }
.mfn-ui .mcb-column.column_placeholder .placeholder { height: 45px; background-image: url(../img/placeholder.png); background-size: 14px; background-color: rgba(0,0,0,.01); }

    /* Dimensions -> Width: Inline */
    .mfn-ui .mcb-column.mfn-item-inline .item-header a.mfn-size-decrease,
    .mfn-ui .mcb-column.mfn-item-inline .item-header a.mfn-size-increase { display: none; }
    .mfn-ui .mcb-column.mfn-item-inline .item-header a.mfn-size-label .mfn-element-size-label { position: relative; width: 32px; text-indent: -9999px; }
    .mfn-ui .mcb-column.mfn-item-inline .item-header a.mfn-size-label .mfn-element-size-label:after { content: "Inline"; display: inline-block; position: absolute; left: 0; top: 0; text-indent: 0; }

    /* Column shortcodes disabled */
    .mfn-ui .mcb-column-inner .column_attr a { cursor: not-allowed; }


/* Tooltips */
body:not(.mfn-modern-nav) .mfn-header a.mfn-option-btn[data-tooltip]:before,
body:not(.mfn-modern-nav) .mfn-header a.mfn-option-btn[data-tooltip]:after { display: none; }


/* loading */
.mcb-column.loading {}
.mcb-column.loading .mcb-column-inner:before { content: ""; display: flex; background: rgba(114, 165, 216, .2); width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.mcb-column.loading .mcb-column-inner:after { content: ""; opacity: .5; display: block; position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -10px; width: 20px; height: 20px; background-image: url(../svg/others/loading.svg) !important; background-repeat: no-repeat; background-position: center; background-size: 20px; background-color: transparent; }
.mcb-column.loading .mcb-column-inner:after { animation: rotation 2s infinite linear; }

@keyframes rotation {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(359deg);
    }
}

/* mfn-current-editing */
.mcb-section.mfn-current-editing { box-shadow: 0px 0px 0px 2px #bddfcc inset; }
.mcb-wrap.mfn-current-editing .mcb-wrap-inner { outline: 1px dashed #b1b3b5; outline-offset: -1px; }
.mcb-column.mfn-current-editing  .mcb-column-inner { outline: 2px solid #9abae4; outline-offset: -2px; }


/* -------------------- Moder nav -------------------- */
.mfn-modern-nav .mcb-section .mfn-header,
.mfn-modern-nav .mcb-wrap .mfn-header,
.mfn-modern-nav .mcb-column .mfn-header  { display: flex; border-radius: 18px; width: 34px; height: 34px; opacity: 0; transition: all 0.3s ease-in-out; }
.mfn-modern-nav .mcb-section:hover > .mfn-header,
.mfn-modern-nav .mcb-wrap:hover .mcb-wrap-inner > .mfn-header,
.mfn-modern-nav .mcb-column:hover .mcb-column-inner > .mfn-header { opacity: 1; }
.mfn-modern-nav .mfn-header.mfn-element-menu-opened  { width: auto; }

.mfn-modern-nav .mcb-section .section-header { left: 15px; top: 50%; transform: translateY(-50%); bottom: auto; background-color: #489c6d; }
.mfn-modern-nav .mcb-section .section-header:hover { background-color: #37835A; }
.mfn-modern-nav .mcb-section:hover .section-header { z-index: 32; }
.mfn-modern-nav .mcb-wrap .mfn-header  { left: 10px; top: 10px; transform: unset; background-color: #46464C !important; z-index: 31; }
.mfn-modern-nav .mcb-column .mfn-header  { left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #72a5d8 !important; }

.mfn-modern-nav .mfn-header a.mfn-option-btn { border-radius: 15px; background-color: transparent; color: #fff; }
.mfn-modern-nav .mfn-header a.mfn-option-btn:hover { background-color: rgba(0,0,0,.04); }
.mfn-modern-nav .mfn-header a.mfn-option-btn:not(.mfn-element-menu) .mfn-icon { opacity: .6; }
.mfn-modern-nav .mfn-header a.mfn-option-btn:hover .mfn-icon { opacity: 1; }
.mfn-modern-nav .mcb-section a.mfn-option-btn { height: 26px; }
.mfn-modern-nav .mcb-section a.mfn-option-btn .mfn-icon { width: 26px; height: 26px; background-size: 22px; }
.mfn-modern-nav .mcb-section a.mfn-option-btn.mfn-option-text { padding: 0 10px 0 5px; }
.mfn-modern-nav .mcb-section a.mfn-option-btn .text { height: 26px; line-height: 26px; font-size: 12px; }

.mfn-modern-nav .mfn-header a.mfn-element-menu { width: 34px; height: 34px; position: absolute; left: 0; top: 0; border-radius: 100%; }
.mfn-modern-nav .mfn-header a.mfn-element-menu .mfn-icon { width: 34px; height: 34px; background-size: 24px; }
.mfn-modern-nav .mcb-wrap .mfn-header a.mfn-element-menu  { background-color: #46464C; }
.mfn-modern-nav .mcb-wrap .mfn-header a:hover.mfn-element-menu  { background-color: #343439; }
.mfn-modern-nav .mcb-column .mfn-header a.mfn-element-menu  { background-color: #72a5d8; }
.mfn-modern-nav .mcb-column .mfn-header a:hover.mfn-element-menu  { background-color: #528AC2; }

.mfn-modern-nav .mfn-header a.mfn-option-btn:not(.mfn-element-menu) { display: none; }
.mfn-modern-nav .mfn-header.mfn-element-menu-opened a.mfn-option-btn.mfn-element-menu { display: none; }
.mfn-modern-nav .mfn-header.mfn-element-menu-opened a.mfn-option-btn:not(.mfn-element-menu):not(.mfn-size-change) { display: block; }

.mfn-modern-nav .mfn-header a.mfn-option-btn.mfn-size-decrease,
.mfn-modern-nav .mfn-header a.mfn-option-btn.mfn-size-increase { display: none; background: rgba(0,0,0,.06); }
.mfn-modern-nav .mfn-header a:hover.mfn-option-btn.mfn-size-decrease,
.mfn-modern-nav .mfn-header a:hover.mfn-option-btn.mfn-size-increase { background: rgba(0,0,0,.08); }
.mfn-modern-nav .mfn-header.mfn-size-change-show a.mfn-size-change { display: block; }
.mfn-modern-nav .mfn-header a.mfn-option-btn.mfn-size-label { cursor: pointer; }

.mfn-modern-nav .mfn-header.mfn-size-change-show a.mfn-option-btn.mfn-size-label { background: rgba(0,0,0,.06); border-radius: 0; margin-left: 0; }
.mfn-modern-nav .mfn-header.mfn-size-change-show a.mfn-option-btn.mfn-size-decrease { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.mfn-modern-nav .mfn-header.mfn-size-change-show a.mfn-option-btn.mfn-size-increase { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0; }

.mfn-modern-nav .mcb-wrap .mfn-header a.mfn-item-add,
.mfn-modern-nav .mfn-header a.mfn-element-edit:not(.mfn-element-menu) { display: none !important; }

.mfn-modern-nav .column_placeholder .mfn-header .mfn-element-edit{ display: block; }

.mfn-modern-nav .mfn-header .mfn-size-decrease { order: 1; }
.mfn-modern-nav .mfn-header .mfn-size-label { order: 2; }
.mfn-modern-nav .mfn-header .mfn-size-increase { order: 3; }
.mfn-modern-nav .mfn-header .mfn-element-drag { order: 4; }
.mfn-modern-nav .mfn-header .mfn-module-clone { order: 5; }
.mfn-modern-nav .mfn-header .mfn-element-delete { order: 6; }

.mfn-modern-nav .mfn-icon-cog { background-image: url(../svg/options/cog-light.svg); }
.mfn-modern-nav .mfn-icon-clone { background-image: url(../svg/options/clone-light.svg); }
.mfn-modern-nav .mfn-icon-delete { background-image: url(../svg/options/delete-light.svg); }
.mfn-modern-nav .mfn-icon-drag { background-image: url(../svg/options/drag-light.svg); }
.mfn-modern-nav .mfn-icon-inc { background-image: url(../svg/options/inc-light.svg); }
.mfn-modern-nav .mfn-icon-dec { background-image: url(../svg/options/dec-light.svg); }
.mfn-modern-nav .mfn-icon-add { background-image: url(../svg/options/add-light.svg); }

/* Modern nav anim */

.mfn-modern-nav .mfn-header a.mfn-element-menu { transition-duration: .05s; }

/* Modern nav: hover + current editing */
.mfn-modern-nav .mcb-section:hover,
.mfn-modern-nav .mcb-section.mfn-current-editing { box-shadow: 0px 0px 0px 3px #bddfcc inset; }
.mfn-modern-nav .mcb-column:hover .mcb-column-inner,
.mfn-modern-nav .mcb-column.mfn-current-editing .mcb-column-inner { outline: 3px solid #9abae4; outline-offset: 0; border-radius: 3px; }


/* -------------------- / Moder nav -------------------- */



.mcb-column.column_how_it_works{
    overflow: visible;
}
.column.column_divider{
min-height: 35px; background-color: rgba(255,192,203,.1); background-image: url(../img/divider.png); background-size: 14px;
}



/* Header */

.mfn-ui .mfn-header { display: flex; font-size: 14px; align-items: center; background:#f9f9f9; padding: 4px; box-sizing: border-box; z-index: 20; }
.mfn-ui .mfn-header .header-label { display: block; float: left; padding:0 20px; line-height: 26px; color: #304050; }
.mfn-ui .mfn-header .header-label .header-label-hashtag { display:inline-block; background:#c7eed7; border-radius:3px;margin:0 7px;line-height:26px;padding:0 7px;font-size:11px;text-transform:uppercase}
.mfn-ui .mfn-header.header-large .header-label { line-height: 36px; }

  .mfn-ui .mfn-header { background-color:#f9f9f9;  }
  .mfn-ui .mfn-header.mfn-header-green { background-color: #d7f4e3; border-bottom: 1px solid #d3f1e0; }
  .mfn-ui .mfn-header.mfn-header-grey { background-color: #e6e8eb; }
  .mfn-ui .mfn-header.mfn-header-blue { background-color: #dde8f7; }




/* Templates list */
.mfn-ui ul.mfn-items-list { margin: 0 0 20px; }
.mfn-ui ul.mfn-items-list li { display: inline-block; text-align: center; margin: 0; }
.mfn-ui ul.mfn-items-list li a { display: block; margin: 5px; padding: 20px; box-sizing: border-box; color: #304050; text-align: center; text-decoration: none; background-color: rgba(114, 165, 216, 0.04); border-radius: 3px; }
.mfn-ui ul.mfn-items-list li a h5 { margin-bottom: 5px; }
.mfn-ui ul.mfn-items-list li a p { color: #7987a2; margin: 0; }
.mfn-ui ul.mfn-items-list li a:hover { background-color: rgba(114, 165, 216, 0.07); }
.mfn-ui ul.mfn-items-list li.active a  { box-shadow: inset 0 0 0 2px rgba(114, 165, 216, 1); }



/* Modal */

body.mfn-modal-open{overflow:hidden} /* Dodac do body */

.mfn-ui .mfn-modal { display: none; box-sizing: content-box; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(25,37,48,.9); z-index: 9991;  }
.mfn-ui .mfn-modal.show { display: block; }
.mfn-ui .mfn-modalbox { position: fixed; left: 50%; top: 50%; width: 1200px; height: 650px; margin-left:-600px;margin-top:-325px; z-index: 9992; border-radius: 3px; background-color: #fff; border: 1px solid #eceff5;  color: #7987a2; font-size: 14px; line-height: 26px;  }
.mfn-ui .modal-small .mfn-modalbox { width: 500px; height: 500px; margin-left:-250px;margin-top:-250px; }
.mfn-ui .modal-confirm .mfn-modalbox { width: 400px; height: auto; margin-left:-200px; margin-top: 0; transform:translateY(-50%); }



.mfn-ui .mfn-modalbox .modalbox-header { display: flex; align-items: center; justify-content: space-between; min-height: 50px; padding: 10px 20px; border-bottom: 1px solid #eceff5; }
.mfn-ui .mfn-modalbox .modalbox-content { padding: 20px; overflow: auto; box-sizing: border-box; height: calc(100% - 71px); }
.mfn-ui .has-footer .modalbox-content { height: calc(100% - 154px); }
.mfn-ui .mfn-modalbox .modalbox-footer { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #eceff5; padding: 20px; }
.mfn-ui .mfn-modalbox .modalbox-footer a.mfn-btn { margin: 0; }
.mfn-ui .mfn-modalbox .options-group { margin: 0 10px; }
.mfn-ui .mfn-modalbox .options-group:first-child { margin-left: 0; }
.mfn-ui .mfn-modalbox .options-group:last-child { margin-right: 0; }
.mfn-ui .mfn-modalbox .options-group.right{margin-left:auto}

.mfn-ui .mfn-modalbox .modalbox-title-group { display: flex; align-items: center; }
.mfn-ui .mfn-modalbox .modalbox-title-group .modalbox-icon { display: block; flex-shrink: 0; width: 36px; height: 36px; margin-right: 10px; border-radius: 100%; background-color: #e3f1ff; background-size: 26px; background-position: center; background-repeat: no-repeat; }
.mfn-ui .mfn-modalbox .modalbox-title-group .modalbox-desc {}
.mfn-ui .mfn-modalbox .modalbox-title-group .modalbox-desc .modalbox-title { margin-bottom: 0; color:#304050; font-size: 18px; line-height: 24px; font-weight: 500; }
.mfn-ui .mfn-modalbox .modalbox-title-group .modalbox-desc .modalbox-subtitle { margin-bottom: 0; }

.mfn-ui .mfn-modalbox ul.modalbox-tabs { display: flex; margin: -10px 0; }
.mfn-ui .mfn-modalbox ul.modalbox-tabs li { display: inline-block; margin: 0; cursor:pointer; }
.mfn-ui .mfn-modalbox ul.modalbox-tabs li a{ display: block; position: relative; color:#7987a2; text-decoration: none; padding: 22px 15px; }
.mfn-ui .mfn-modalbox ul.modalbox-tabs li a:after { content: ""; display: none; position: absolute; left: 0; bottom: 0;width: 100%; height: 3px; background: #72a5d8; border-radius: 2px 2px 0 0; }
.mfn-ui .mfn-modalbox ul.modalbox-tabs li:hover a,
.mfn-ui .mfn-modalbox ul.modalbox-tabs li.active a { color:#72a5d8; }
.mfn-ui .mfn-modalbox ul.modalbox-tabs li:hover a:after,
.mfn-ui .mfn-modalbox ul.modalbox-tabs li.active a:after { display: block; }

.mfn-ui .mfn-modalbox ul.modalbox-items { margin: 0 0 15px; }
.mfn-ui .mfn-modalbox ul.modalbox-items li { float: left; margin: 0; width: 10%; }
.mfn-ui .mfn-modalbox ul.modalbox-items li a { display: block; text-align: center; position: relative; margin: 5px; padding: 10px 5px; text-decoration: none; background-color: #fff; border: 1px dashed #d3d5d8; border-radius: 3px; box-sizing: border-box; }
.mfn-ui .mfn-modalbox ul.modalbox-items li a .mfn-icon { display: block; margin: 0 auto; width: 40px; height: 40px; opacity: .4; background-size: 40px; margin-bottom: 5px; background-position: center; background-repeat: no-repeat; }
.mfn-ui .mfn-modalbox ul.modalbox-items li a .title { display: block; color: #304050; font-size: 12px; white-space: nowrap; overflow: hidden; }
.mfn-ui .mfn-modalbox ul.modalbox-items li a:hover { border-color: #72a5d8; border-style: solid; box-shadow: 0px 0px 4px 2px rgba(97,100,102,0.05); }
.mfn-ui .mfn-modalbox ul.modalbox-items li a:hover .mfn-icon { opacity: 1; }

.mfn-ui .mfn-modalbox ul.modalbox-sections { margin: 0; column-count: 3; column-gap: 10px; }
.mfn-ui .mfn-modalbox ul.modalbox-sections li { padding: 10px; margin: 0 0 10px; width: 100%; background-color: #fff; border: 1px dashed #d3d5d8; border-radius: 3px; box-sizing: border-box; display: inline-block; }
.mfn-ui .mfn-modalbox ul.modalbox-sections li:hover { border: 1px dashed #489c6d; box-shadow: 0px 0px 4px 2px rgba(72,156,109,0.1) }
.mfn-ui .mfn-modalbox ul.modalbox-sections li .photo { line-height: 0; }
.mfn-ui .mfn-modalbox ul.modalbox-sections li .photo img { max-width: 100%; width: 100%; }
.mfn-ui .mfn-modalbox ul.modalbox-sections li .desc { display: flex; justify-content: space-between; align-items: center; background-color: #d7f4e3; padding: 7px 7px 7px 10px; border-radius: 0 0 3px 3px; }
.mfn-ui .mfn-modalbox ul.modalbox-sections li .desc h6 { margin: 0; font-weight: 500; }
.mfn-ui .mfn-modalbox ul.modalbox-sections li .desc .mfn-btn-insert { margin-left: auto; }


    /* Confirm */

    .mfn-ui .modal-confirm {}
    .mfn-ui .modal-confirm .modalbox-content { padding: 40px 20px; text-align: center;  }
    .mfn-ui .mfn-modal.modal-confirm .modalbox-content .icon { width: 80px; display: inline-block; margin-bottom: 15px; }
    .mfn-ui .mfn-modal.modal-confirm .modalbox-content h3 { margin-bottom: 10px; color: #304050; font-size: 21px; line-height: 27px; font-weight: 600; }
    .mfn-ui .mfn-modal.modal-confirm .modalbox-content .mfn-btn { margin-bottom: 0; }
    .mfn-ui .mfn-modal.modal-confirm .modalbox-footer { justify-content: center !important; }

    /* Select icon */
    .mfn-ui .modal-select-icon {}
    .mfn-ui .modal-select-icon ul.mfn-items-list li { width: 10%; }
    .mfn-ui .modal-select-icon ul.mfn-items-list li a { padding: 5px !important; }
    .mfn-ui .modal-select-icon ul.mfn-items-list p { font-size: 12px; white-space: nowrap; overflow: hidden; }
    .mfn-ui .modal-select-icon ul.mfn-items-list .mfn-icon { display: block; height: 50px; line-height: 50px; }
    .mfn-ui .modal-select-icon ul.mfn-items-list .mfn-icon > i { color: #304050; font-size: 22px; }
    .mfn-ui .modal-select-icon .modalbox-search { margin-left: auto !important; display: flex; }
    .mfn-ui .modal-select-icon .modalbox-search .form-control { max-width: 180px; }
    .mfn-ui .modal-select-icon .modalbox-search .form-control:first-child { margin-right: 10px; }


  /* ---------- ICONS ---------- */

.mfn-icon-edit { background-image:url(../svg/options/edit.svg); }
.mfn-icon-clone { background-image:url(../svg/options/clone.svg); }
.mfn-icon-clone-light { background-image:url(../svg/options/clone-light.svg); }
.mfn-icon-show { background-image:url(../svg/options/show.svg); }
.mfn-icon-hide { background-image:url(../svg/options/hide.svg); }
.mfn-icon-delete { background-image:url(../svg/options/delete.svg); }
.mfn-icon-delete-red { background-image:url(../svg/options/delete-red.svg); }
.mfn-icon-delete-light { background-image: url(../svg/options/delete-light.svg); }
.mfn-icon-more { background-image:url(../svg/options/more.svg); }
.mfn-icon-drag { background-image:url(../svg/options/drag.svg); }
.mfn-icon-drag-light { background-image:url(../svg/options/drag-light.svg); }
.mfn-icon-card { background-image:url(../svg/options/card.svg); }
.mfn-icon-check-blue { background-image:url(../svg/options/check-blue.svg); }
.mfn-icon-arrow-up { background-image:url(../svg/options/arrow-up.svg); }
.mfn-icon-arrow-down { background-image:url(../svg/options/arrow-down.svg); }
.mfn-icon-arrow-left { background-image:url(../svg/options/arrow-left.svg); }
.mfn-icon-arrow-right { background-image:url(../svg/options/arrow-right.svg); }
.mfn-icon-padding-up { background-image:url(../svg/options/padding-up.svg); }
.mfn-icon-padding-down { background-image:url(../svg/options/padding-down.svg); }
.mfn-icon-padding-horizontal { background-image:url(../svg/options/padding-horizontal.svg); }
.mfn-icon-information { background-image:url(../svg/options/info.svg); }
.mfn-icon-dec { background-image:url(../svg/options/dec.svg); }
.mfn-icon-dec-light { background-image:url(../svg/options/dec-light.svg); }
.mfn-icon-inc { background-image:url(../svg/options/inc.svg); }
.mfn-icon-inc-light { background-image:url(../svg/options/inc-light.svg); }
.mfn-icon-move-up { background-image:url(../svg/options/move-up.svg); }
.mfn-icon-move-down { background-image:url(../svg/options/move-down.svg); }
.mfn-icon-fold { background-image:url(../svg/options/fold.svg); }
.mfn-icon-unfold { background-image:url(../svg/options/unfold.svg); }
.mfn-icon-export { background-image:url(../svg/options/export.svg); }
.mfn-icon-import-before { background-image:url(../svg/options/import-before.svg); } /* dodac */
.mfn-icon-import-after { background-image:url(../svg/options/import-after.svg); } /* dodac */
.mfn-icon-add { background-image:url(../svg/options/add.svg); }
.mfn-icon-add-light { background-image:url(../svg/options/add-light.svg); }
.mfn-icon-close { background-image:url(../svg/options/close.svg); }
.mfn-icon-desktop { background-image:url(../svg/options/desktop.svg); }
.mfn-icon-tablet { background-image:url(../svg/options/tablet.svg); }
.mfn-icon-mobile { background-image:url(../svg/options/mobile.svg); }
.mfn-icon-search { background-image:url(../svg/options/search.svg); }
.mfn-icon-copy { background-image:url(../svg/options/copy.svg); }
.mfn-icon-paste { background-image:url(../svg/options/paste.svg); }
.mfn-icon-cog { background-image:url(../svg/options/cog.svg); }
.mfn-icon-cog-light { background-image:url(../svg/options/cog-light.svg); }
.mfn-icon-navigator {background-image:url(../svg/editor/navigator.svg)}
.mfn-icon-section { background-image:url(../svg/options/section.svg); }
.mfn-icon-wrap { background-image:url(../svg/options/wrap.svg); }
.mfn-icon-item { background-image:url(../svg/options/item.svg); }
.mfn-icon-copy-style { background-image:url(../svg/options/copy-style.svg); }
.mfn-icon-paste-style { background-image:url(../svg/options/paste-style.svg); }
.mfn-icon-reset-style { background-image:url(../svg/options/reset-style.svg); }

.mfn-ui-dark .mfn-contextmenu .mfn-icon-edit { background-image:url(../_dark/svg/options/edit.svg); }
.mfn-ui-dark .mfn-contextmenu .mfn-icon-copy { background-image:url(../_dark/svg/options/copy.svg); }
.mfn-ui-dark .mfn-contextmenu .mfn-icon-paste { background-image:url(../_dark/svg/options/paste.svg); }
.mfn-ui-dark .mfn-contextmenu .mfn-icon-delete { background-image:url(../_dark/svg/options/delete.svg); }
.mfn-ui-dark .mfn-contextmenu .mfn-icon-delete-red { background-image:url(../_dark/svg/options/delete-red.svg); }
.mfn-ui-dark .mfn-contextmenu .mfn-icon-navigator {background-image:url(../_dark/svg/editor/navigator.svg)}
.mfn-ui-dark .mfn-icon-show { background-image:url(../_dark/svg/options/show.svg); }
.mfn-ui-dark .mfn-icon-hide { background-image:url(../_dark/svg/options/hide.svg); }
.mfn-ui-dark .mfn-icon-move-up { background-image:url(../_dark/svg/options/move-up.svg); }
.mfn-ui-dark .mfn-icon-move-down { background-image:url(../_dark/svg/options/move-down.svg); }
.mfn-ui-dark .mfn-icon-import-before { background-image:url(../_dark/svg/options/import-before.svg); }
.mfn-ui-dark .mfn-icon-import-after { background-image:url(../_dark/svg/options/import-after.svg); }
.mfn-ui-dark .mfn-icon-export { background-image:url(../_dark/svg/options/export.svg); }
.mfn-ui-dark .mfn-icon-copy-style { background-image:url(../_dark/svg/options/copy-style.svg); }
.mfn-ui-dark .mfn-icon-paste-style { background-image:url(../_dark/svg/options/paste-style.svg); }
.mfn-ui-dark .mfn-icon-reset-style { background-image:url(../_dark/svg/options/reset-style.svg); }

.mfn-modern-nav .section-header .mfn-icon-section { background-image:url(../_dark/svg/options/section.svg); }
.mfn-modern-nav .wrap-header .mfn-icon-wrap { background-image:url(../_dark/svg/options/wrap.svg); }
.mfn-modern-nav .item-header .mfn-icon-item { background-image:url(../_dark/svg/options/item.svg); }
.mfn-modern-nav .mfn-icon-more { background-image:url(../_dark/svg/options/more.svg); }


/* Animations */
[data-tooltip]:before {
  transition: transform 0.2s ease-out;
}
[data-tooltip]:after {
  transition: transform 0.2s ease-out;
}
a.mfn-btn {
  transition: background-color .2s ease-in-out;
}
.mfn-form-control {
transition: border .2s ease-in-out, color .2s ease-in-out, box-shadow .2s ease-in-out;
}
.mcb-section .btn-section-add {
  transition: opacity .1s ease-in-out, top .1s ease-in-out .1s, bottom .1s ease-in-out .1s;
}
.mcb-section:hover .btn-section-add {
    transition: opacity .2s ease-in-out .2s, background-color .1s ease-in-out, top .2s cubic-bezier(.04,.58,.17,1) .2s, bottom .2s cubic-bezier(.04,.58,.17,1) .2s;
}



/* ---------- RTL ---------- */
.rtl.mfn-ui .mfn-btn.btn-icon-left .mfn-icon { margin-right: 0; margin-left: 10px; }
.rtl.mfn-ui .mfn-btn.btn-icon-right .mfn-icon { margin-left: 0; margin-right: 10px; }

.rtl.mfn-ui a.mfn-option-btn,
.rtl.mfn-ui .mfn-option-dropdown { margin-right: 2px; margin-left: 0; }
.rtl.mfn-ui .mfn-option-dropdown .dropdown-wrapper { right: auto; left: 0; }
.rtl.mfn-ui .editor-header .mfn-option-dropdown .dropdown-wrapper { right: 0; }
.rtl.mfn-ui .mfn-option-dropdown .dropdown-wrapper .mfn-icon { margin-right: 0; margin-left: 5px; }

.rtl.mfn-ui .mcb-wrap .wrap-header { left: auto; right: -1px; }
.rtl.mfn-ui .mcb-column .item-header { left: auto; right: 0; }



.mfn-ui .mcb-column:hover .column_attr > h1[class],
.mfn-ui .mcb-column:hover .column_attr > h2[class],
.mfn-ui .mcb-column:hover .column_attr > h3[class],
.mfn-ui .mcb-column:hover .column_attr > h4[class],
.mfn-ui .mcb-column:hover .column_attr > h5[class],
.mfn-ui .mcb-column:hover .column_attr > h6[class],
.mfn-ui .mcb-column:hover .column_attr > span[class] { vertical-align: top; }





/**
 * 
 * 
 * 
 * NEW HEADER
 * 
 * 
 * */
.mfn-header-tmpl.mfn-ui a.mfn-option-btn .mfn-icon{
  height: 16px;
  width: 16px;
  background-size: 16px;
}
.mfn-header-tmpl.mfn-ui a.mfn-option-btn.btn-large .text{
  height: 16px;
  line-height: 16px;
  font-size: 11px;
}
.mfn-header-tmpl.mfn-ui a.mfn-option-btn{
  height: 16px;
}
.mfn-header-tmpl.mfn-ui .mcb-wrap .wrap-header{
  left: 0;
  top: 16px;
  transform: translateY(0);
}
.mfn-header-tmpl.mfn-ui .mcb-section .section-header{
  bottom: inherit;
  top: 0;
}
.mfn-header-tmpl.mfn-ui .mcb-column{
  min-height: 10px;
}
.mfn-header-tmpl.mfn-ui .mcb-column .item-header{
  left: 0;
  right: 0;
  margin: 0 auto;
  top: inherit;
  bottom: 0;
}
.mfn-header-tmpl #Content{
  padding-top: 0;
}
.mfn-header-tmpl.mfn-ui .mfn-only-sample-content{
  pointer-events: none;
}
.mfn-header-tmpl.mfn-ui .mfn-only-sample-content .mfn-header{
  display: none;
}
.mfn-header-tmpl.mfn-ui .mfn-only-sample-content .mcb-wrap{
  outline: none;
}
.mfn-header-tmpl.mfn-ui .mfn-only-sample-content .ui-droppable{
  display: none;
}
.mfn-header-tmpl.mfn-ui .mfn-only-sample-content .ui-droppable-active-show{
  outline: none;
}
.mfn-header-tmpl.mfn-ui .mfn-vb-sort-placeholder-wrap{
  background-color: #9da2a9;
  height: 10px;
  display: flex;
  float: none;
  width: auto;
}
.mfn-header-tmpl.mfn-ui .mfn-vb-sort-placeholder-widget{
  background-color: #72a5d8;
  height: 10px;
  display: flex;
  float: none;
  box-sizing: border-box;
  max-width: 100%;
  width: auto;
}