/* ------------ NEW CSS LAYOUTS ----------- */

.website .top_menu {
    --menu-background-color: rgba(var(--theme-color-1-rgbv), 1);
    --menu-background-secondary-color: rgba(var(--theme-color-2-rgbv), 1);
    --menu-background-accent-color: rgba(var(--theme-color-3-rgbv), 1);
    --menu-background-mobile-color: var(--menu-background-color);
    --menu-submenu-max-num-of-columns: 6;
    --menu-ecommerce-color: black;
    transition: opacity .2s;
}

.website .top_menu .ecommerce-cart {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1;
    gap: 5px;
    padding: 0 30px 0 10px;
}

.website[data-menuposition="drawer_menu"] .top_menu .ecommerce-cart{
    right: 45px;
    position: fixed;
    top: calc(26px + var(--editor-menu-height) + var(--stick-top-section-height));
}

.website[data-menuposition="full_menu"] .top_menu .ecommerce-cart{
    right: 45px;
    position: fixed;
    top: calc(19px + var(--editor-menu-height) + var(--stick-top-section-height));
}
.website[data-menuposition="middle_menu"] .top_menu .ecommerce-cart{
    right: 10px;
    padding-right: 15px;
    position: fixed;
    padding-top: 20px;
}
.website[data-menuposition="center_logo_menu"] .top_menu .ecommerce-cart,
.website[data-menuposition="middle_transparent_menu"] .top_menu .ecommerce-cart,
.website[data-menuposition="side_menu"] .top_menu .ecommerce-cart{
    right: 10px;
    padding-right: 15px;
    position: fixed;
    top: calc(17px + var(--editor-menu-height) + var(--stick-top-section-height));
}
.website[data-menuposition="simple_menu"] .top_menu .ecommerce-cart{
  order:2
}

.website .top_menu .ecommerce-cart[data-cart-type="cart"] .cart-icon path,
.website .top_menu .ecommerce-cart[data-cart-type="box"] .cart-icon path{
    fill: var(--menu-ecommerce-color);
}
.website .top_menu .ecommerce-cart[data-cart-type="suitcase"] .cart-icon path{
    stroke: var(--menu-ecommerce-color);
}

.website.show-menu .top_menu .ecommerce-cart{
    display: none;
}

.website .top_menu .ecommerce-cart .ecommerce-cart-num {
    color:var(--menu-ecommerce-color);
}


/* to reduce the CLS for pagespeed, on mobile hide the menu initially */
@media only screen and (max-width: 600px) {
    html:not([style*=--]) .top_menu { /* show menu once the menu JS functions have init (when they add CSS vars to the HTML tag) */
        opacity: 0!important;
    }

    .website .top_menu .ecommerce-cart {
        right: 30px;
        padding-right: 15px;
        position: fixed;
        top: calc(18px + var(--editor-menu-height) + var(--stick-top-section-height));
    }
}



/* Text Side */

.website article .text-side {
    position: relative;
    text-align: center;
    padding: 10px 0px 10px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;

}

.website section[data-container="boxed"] article .text-side {
    background-color: var(--theme-color-dark);
    padding: 40px;
}


/* Pic Side */
.website section article .pic-side {
    position: relative;
    min-height: inherit;
    height: 100%;
    width: 100%;
    flex-grow: 1;
}

.website section article .pic-side a {
    min-height: inherit
}


.website article .pic-side img.pic {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    min-height: inherit;
    left: 0px;
    top: 0px;
    object-fit: cover;
    object-position: center center;
}

.website section[data-layoutborder="10"] article.section-item {
    border: 0px transparent solid;
    box-sizing: border-box;
}

.website section[data-layoutborder="50"] article.section-item {
    border: 50px transparent solid;
    box-sizing: border-box;
}

.website section[data-layoutborder="100"] article.section-item {
    border: 100px transparent solid;
    box-sizing: border-box;
}

@media only screen and (max-width: 680px) {
    .website section[data-layoutborder="10"] article.section-item {
        border: 0px transparent solid;
    }

    .website section[data-layoutborder="50"] article.section-item {
        border: 25px transparent solid;
    }

    .website section[data-layoutborder="100"] article.section-item {
        border: 50px transparent solid;
    }
}


/* Middle */

.website section[data-layoutclass="middle-center"] article.section-item .pic-side,
.website section[data-layoutclass="middle-left"] article.section-item .pic-side,
.website section[data-layoutclass="middle-right"] article.section-item .pic-side {
    position: absolute;
    width: 100%;
    min-height: 100%;
    left: 0px;
    top: 0px;
}

.website section[data-layoutclass="middle-center"] article.section-item .pic-side img.pic,
.website section[data-layoutclass="middle-left"] article.section-item .pic-side img.pic,
.website section[data-layoutclass="middle-right"] article.section-item .pic-side img.pic {
    position: absolute;
}

.website section[data-layoutclass="middle-left"] article.section-item .text-side {
    align-self: flex-start;
    margin-left: 10%;
}

.website section[data-layoutclass="middle-right"] article.section-item .text-side {
    align-self: flex-end;
    margin-right: 10%;

}

.website section[data-layoutclass="middle-center"] article.section-item .text-side {
    width: 100%;
}


/* Bottom */

.website section[data-layoutclass="bottom-left"] article.section-item,
.website section[data-layoutclass="bottom-right"] article.section-item,
.website section[data-layoutclass="bottom-center"] article.section-item {
    flex-direction: column
}

.website section[data-layoutclass="bottom-left"] article.section-item {
    align-items: flex-start;
}

.website section[data-layoutclass="bottom-right"] article.section-item {
    align-items: flex-end;
}

.website section[data-layoutclass="bottom-left"] article.section-item .text-side,
.website section[data-layoutclass="bottom-right"] article.section-item .text-side,
.website section[data-layoutclass="bottom-center"] article.section-item .text-side {
    flex-grow: 50;
}

.website section[data-verticalalign="top"][data-layouttype="multi"] article.section-item .text-side div[data-elementtype="BODY"] {
    flex-grow: 1;
}

.website section[data-layoutclass="bottom-left"] article.section-item .pic-side,
.website section[data-layoutclass="bottom-right"] article.section-item .pic-side,
.website section[data-layoutclass="bottom-center"] article.section-item .pic-side {
    height: 0px;
    min-height: inherit;
}

.website section[data-layoutclass="bottom-left"] article.section-item .pic-side img.pic,
.website section[data-layoutclass="bottom-right"] article.section-item .pic-side img.pic,
.website section[data-layoutclass="bottom-center"] article.section-item .pic-side img.pic {
    height: 0px;
    min-height: inherit;
}

/* Top */

.website section[data-layoutclass="top-left"] article.section-item,
.website section[data-layoutclass="top-center"] article.section-item,
.website section[data-layoutclass="top-right"] article.section-item {
    flex-direction: column-reverse;
}

.website section[data-layoutclass="top-left"] article.section-item .text-side,
.website section[data-layoutclass="top-right"] article.section-item .text-side,
.website section[data-layoutclass="top-center"] article.section-item .text-side {
    flex-grow: 50;
}

.website section[data-layoutclass="top-left"] article.section-item {
    align-items: flex-start;
}

.website section[data-layoutclass="top-right"] article.section-item {
    align-items: flex-end;
}

.website section[data-layoutclass="top-left"] article.section-item .pic-side,
.website section[data-layoutclass="top-right"] article.section-item .pic-side,
.website section[data-layoutclass="top-center"] article.section-item .pic-side {
    height: 0px;
    min-height: inherit;

}

.website section[data-layoutclass="top-left"] article.section-item .pic-side img.pic,
.website section[data-layoutclass="top-right"] article.section-item .pic-side img.pic,
.website section[data-layoutclass="top-center"] article.section-item .pic-side img.pic {
    height: 0px;
    min-height: inherit;
}

/* Right */

.website section[data-layoutclass="right-left"] article.section-item,
.website section[data-layoutclass="right-center"] article.section-item,
.website section[data-layoutclass="right-right"] article.section-item {
    flex-direction: row;
    justify-content: start;
}

.website section[data-layoutclass="right-left"] article:not([data-no-children="true"]).section-item .pic-side,
.website section[data-layoutclass="right-center"] article:not([data-no-children="true"]).section-item .pic-side,
.website section[data-layoutclass="right-right"] article:not([data-no-children="true"]).section-item .pic-side {
    max-width: 50%;
}

.website section[data-layouttype="multi"][data-layoutclass="right-left"] article.section-item .pic-side img.pic,
.website section[data-layouttype="multi"][data-layoutclass="right-center"] article.section-item .pic-side img.pic,
.website section[data-layouttype="multi"][data-layoutclass="right-right"] article.section-item .pic-side img.pic {
    height: 0px;
    min-height: inherit;
}

.website section[data-layouttype="multi"][data-layoutclass="right-left"] article.section-item .pic-side a,
.website section[data-layouttype="multi"][data-layoutclass="right-center"] article.section-item .pic-side a,
.website section[data-layouttype="multi"][data-layoutclass="right-right"] article.section-item .pic-side a {
    height: 0px;
    min-height: inherit;
}

@media only screen and (max-width: 880px) {
    .website section[data-layoutclass="right-left"] article.section-item,
    .website section[data-layoutclass="right-center"] article.section-item,
    .website section[data-layoutclass="right-right"] article.section-item {
        flex-direction: column;
    }

    .website section[data-layoutclass="right-left"] article.section-item .pic-side img.pic,
    .website section[data-layoutclass="right-center"] article.section-item .pic-side img.pic,
    .website section[data-layoutclass="right-right"] article.section-item .pic-side img.pic {
        height: 0px;
        min-height: inherit;
    }

    .website section[data-layoutclass="right-left"] article.section-item .pic-side,
    .website section[data-layoutclass="right-center"] article.section-item .pic-side,
    .website section[data-layoutclass="right-right"] article.section-item .pic-side {
        height: 0px;
        min-height: inherit;
        min-width: 100% !important;
        max-width: inherit !important;
    }
}

.website section[data-layoutclass="right-right"] article.section-item .text-side {
    flex: 1 1 50%;

}

.website section[data-layoutclass="right-center"] article.section-item .text-side {
    flex: 1 1 50%;
}


.website section[data-layoutclass="right-left"] article.section-item .text-side {
    flex: 1 1 50%;

}


/* Left */

.website section[data-layoutclass="left-left"] article.section-item,
.website section[data-layoutclass="left-center"] article.section-item,
.website section[data-layoutclass="left-right"] article.section-item {
    flex-direction: row-reverse;
    justify-content: end;
}

.website section[data-layoutclass="left-left"] article:not([data-no-children="true"]).section-item .pic-side,
.website section[data-layoutclass="left-center"] article:not([data-no-children="true"]).section-item .pic-side,
.website section[data-layoutclass="left-right"] article:not([data-no-children="true"]).section-item .pic-side {
    max-width: 50%;
}


@media only screen and (max-width: 880px) {
    .website section[data-layoutclass="left-left"] article.section-item,
    .website section[data-layoutclass="left-center"] article.section-item,
    .website section[data-layoutclass="left-right"] article.section-item {
        flex-direction: column-reverse;
    }


    .website section[data-layoutclass="left-left"] article.section-item .pic-side img.pic,
    .website section[data-layoutclass="left-center"] article.section-item .pic-side img.pic,
    .website section[data-layoutclass="left-right"] article.section-item .pic-side img.pic {
        height: 0px;
        min-height: inherit;
    }

    .website section[data-layoutclass="left-left"] article.section-item .pic-side,
    .website section[data-layoutclass="left-center"] article.section-item .pic-side,
    .website section[data-layoutclass="left-right"] article.section-item .pic-side {
        min-width: 100% !important;
        max-width: inherit !important;
        height: 0px;
        min-height: inherit;

    }
}


.website section[data-layoutclass="left-right"] article.section-item .text-side {
    flex: 1 1 50%;
}

.website section[data-layoutclass="left-center"] article.section-item .text-side {
    flex: 1 1 50%;
}


.website section[data-layoutclass="left-left"] article.section-item .text-side {
    flex: 1 1 50%;
}


/* Section Header */
.website article.section-header {
    box-sizing: content-box !important;
}


/* ------ NEW MENU LAYOUTS -----------*/

menu.top_menu h1,
menu.top_menu h2,
menu.top_menu h3,
menu.top_menu h4,
menu.top_menu ul,
menu.top_menu li {
    padding: 0px;
    margin: 0px;
}

menu ul {
    list-style-type: none;
}

menu li {
    list-style-type: none;
}


menu.top_menu .buttons {
    display: inline-block;
    padding: 0px 10px 0 10px;
    margin: 0px;
    white-space: nowrap;

}

menu.top_menu .buttons a div {
    margin: 2px !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

menu.top_menu {
    display: flex;
    align-items: center;
    width: 100%;
    position: fixed;
    z-index: 999;
    flex-direction: row;
    padding: 0px;
    margin: 0px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Arial, Helvetica;
    box-sizing: border-box;
}

menu.top_menu .links {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
}

menu.top_menu .links li {
    padding: 10px;
    position: relative;
}

.identity {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

menu .identity .icon {
    padding: 0;
    height: 40px;
    min-width: 0;
    width: auto;
}

menu .identity .logotype {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
}


menu.top_menu .submenu {
    display: none;
    position: absolute;
    z-index: 999;
    padding: 10px;
    padding-top: 10px;
    transform: translateX(-20px);
    box-shadow: 1px 4px 5px 0px #0000000a;
    background-color: var(--menu-background-color);
}

.website menu.top_menu .submenu li {
    width: 100% !important;
    box-sizing: border-box;
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-right: 1px solid rgba(100, 100, 100, 0.1);
}

.website[data-menucalculator="active"]:not([data-menuposition="side_menu"]):not([data-menuposition="drawer_menu"]):not([data-menuposition="full_menu"]) menu .links > li > .submenu,
.website:not([data-menuposition="side_menu"]):not([data-menuposition="drawer_menu"]):not([data-menuposition="full_menu"]) menu.top_menu .links > li:hover > .submenu {
    display: grid;
    grid-template-rows: repeat(var(--menu-submenu-max-num-of-columns, 6), auto);
    gap: 0px;
    grid-auto-flow: column;
    grid-auto-columns: auto;
}


/* Menu Layouts */
.website section[data-layouttype="menu"][data-menualign="left"] {
    z-index: 998;
    background-color: transparent !important;
}

menu .buttons:empty,
menu .identity .logotype:empty {
    display: none;
}

.website section[data-layouttype="menu"][data-menualign="center"] .text-side {
    flex-direction: column;
}

/* ////////   middle_menu   //////////// */
.website[data-menuposition="middle_menu"] .top_menu {
    margin-top: var(--stick-top-section-height);
    position: relative;
    flex-direction: column;
    background-color: var(--menu-background-color) !important;
}

.website[data-menuposition="middle_menu"] section[data-position="stick-top"]{
    z-index: 999;
}

.website[data-menuposition="middle_menu"] .top_menu .identity {
    flex-direction: column;
}

.website[data-menuposition="middle_menu"] .top_menu .identity .logotype {
    align-items: center;
}

.website[data-menuposition="middle_menu"] .top_menu .links li,
.website[data-menuposition="middle_menu"] .top_menu .identity .logotype h1,
.website[data-menuposition="middle_menu"] .top_menu .identity .logotype h4,
.website[data-menuposition="middle_menu"] .top_menu .identity .logotype h2,
.website[data-menuposition="middle_menu"] .top_menu .identity .logotype h3 {
    text-align: center;
}


.website .top_menu .identity .logotype h1,
.website .top_menu .identity .logotype h4,
.website .top_menu .identity .logotype h2,
.website .top_menu .identity .logotype h3 {
    padding: 1px !important;
    margin: 1px !important;
}


.website[data-menuposition="middle_menu"] .top_menu .links li {
    padding: 5px 10px 5px 10px !important;
}

.website[data-menuposition="middle_menu"] .top_menu .links .submenu {
    min-width: 100px;
}




/* ////////   center_logo_menu   //////////// */
.website[data-menuposition="center_logo_menu"] .top_menu {
    margin-top: var(--stick-top-section-height);
    position: relative;
    flex-direction: column;
    justify-content: center;
    background-color: var(--menu-background-color) !important;
}


.website[data-menuposition="center_logo_menu"] section[data-position="stick-top"]{
    z-index: 999;
}

.website[data-menuposition="center_logo_menu"] .top_menu .identity {
    flex-direction: column;
    position: relative;
    z-index: 999!important;
}

.website[data-menuposition="center_logo_menu"] .top_menu .buttons {
    z-index: 996;
}

.website[data-menuposition="center_logo_menu"] .top_menu .links:hover {
    z-index: 998;
}


.website[data-menuposition="center_logo_menu"] .top_menu .links {
    position: absolute;
    transform: translateX(var(--compensation-to-middle));
}

.website[data-menuposition="center_logo_menu"] .top_menu .identity .logotype {
    align-items: center;
}

.website[data-menuposition="center_logo_menu"] .top_menu .links > li[isMiddle='true'] {
    margin-right: var(--identity-width)!important;
}

.website[data-menuposition="center_logo_menu"] .top_menu .links li,
.website[data-menuposition="center_logo_menu"] .top_menu .identity .logotype h1,
.website[data-menuposition="center_logo_menu"] .top_menu .identity .logotype h4,
.website[data-menuposition="center_logo_menu"] .top_menu .identity .logotype h2,
.website[data-menuposition="middlcenter_logo_menue_menu"] .top_menu .identity .logotype h3 {
    text-align: center;
}


.website .top_menu .identity .logotype h1,
.website .top_menu .identity .logotype h4,
.website .top_menu .identity .logotype h2,
.website .top_menu .identity .logotype h3 {
    padding: 1px !important;
    margin: 1px !important;
}


.website[data-menuposition="center_logo_menu"] .top_menu .links li {
    padding: 5px 10px 5px 10px !important;
}

.website[data-menuposition="center_logo_menu"] .top_menu .links .submenu {
    min-width: 100px;
}

/* ////////   middle_transparent_menu   //////////// */
.website[data-menuposition="middle_transparent_menu"]{
    margin-top: var(--stick-top-section-height);
}

.website[data-menuposition="middle_transparent_menu"] .top_menu {
    position: fixed;
    top: calc(var(--editor-menu-height) + var(--stick-top-section-height) );
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    background-color: transparent !important;
    transition: all 0.8s cubic-bezier(0, 0.98, 0.58, 1);
}

body[scroll-status="scrolled"] .website[data-menuposition="middle_transparent_menu"] .top_menu {
    background-color: var(--menu-background-secondary-color) !important;
}

body[scroll-status="scrolled"] .website[data-menuposition="middle_transparent_menu"] section[data-position="stick-top"]{
    z-index: 1000;
}

body[scroll-status="scrolled"] .website[data-menuposition="middle_transparent_menu"] .top_menu {
    transform: translateY(var(--identity-height)) !important;
}

.website[data-menuposition="middle_transparent_menu"] .top_menu::after {
    display: block;
    position: absolute;
    opacity: 0.7;
    min-height: 100px;
    height: 100%;
    top: 0px;
    left: 0px;
    width: 100%;
    content: '';
    z-index: -1;
    pointer-events: none;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.65) 9.4%, rgba(0, 0, 0, 0.6) 17.6%, rgba(0, 0, 0, 0.5) 24.8%, rgba(0, 0, 0, 0.41) 31.2%, rgba(0, 0, 0, 0.37) 37%, rgba(0, 0, 0, 0.325) 42.4%, rgba(0, 0, 0, 0.275) 47.5%, rgba(0, 0, 0, 0.224) 52.5%, rgba(0, 0, 0, 0.176) 57.6%, rgba(0, 0, 0, 0.13) 63%, rgba(0, 0, 0, 0.086) 68.8%, rgba(0, 0, 0, 0.05) 75.2%, rgba(0, 0, 0, 0.024) 82.4%, rgba(0, 0, 0, 0.008) 90.6%, rgba(0, 0, 0, 0) 100%);
}

.website[data-menuposition="middle_transparent_menu"] .top_menu .identity {
    flex-direction: column;
    padding-top: 20px;
    overflow: hidden;
    transform: translateY(0px);
    transition: all 0.5s ease-out;
    width: 100%;
    text-align: center;
}

.website[data-menuposition="middle_transparent_menu"] .top_menu .identity .logotype {
    align-items: center;
}

.website[data-menuposition="middle_transparent_menu"] .top_menu .links li,
.website[data-menuposition="middle_transparent_menu"] .top_menu .identity .logotype h2,
.website[data-menuposition="middle_transparent_menu"] .top_menu .identity .logotype h3 {
    text-align: center;
}

.website[data-menuposition="middle_transparent_menu"] .top_menu .submenu {
    transform: translateX(-22px) translateY(4px);
}


.website[data-menuposition="middle_transparent_menu"] .top_menu .links li {
    transition: all 0.5s ease-out;
    padding: 5px 10px 5px 10px !important;
}


/* ////////   side_menu   //////////// */
.website[data-menuposition="side_menu"]{
    margin-top: var(--stick-top-section-height);
}

.website[data-menuposition="side_menu"] .top_menu {
    position: fixed;
    display: inline-block;
    flex-direction: column;
    width: 250px;
    height: 100%;
    top: 0px;
    overflow: auto;
    background-color: var(--menu-background-color) !important;
    padding-bottom: 20px;
}


.website[data-menuposition="side_menu"] .top_menu .buttons {
    white-space: normal;
    padding-top: 30px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    top: var(--side-menu-space);
    text-align: center;

}

.website[data-menuposition="side_menu"] .top_menu .buttons a {
    width: 100%;
    display: block;
    text-align: center;
}

.website[data-menuposition="side_menu"] .top_menu .buttons a div {
    max-width: 163px;
}

body[data-ineditor="true"] .website[data-menuposition="side_menu"] .top_menu {
    top: calc(var(--editor-menu-height));
    height: calc(100% - var(--editor-menu-height));
}

.website[data-menuposition="side_menu"] .bottom_footer,
.website[data-menuposition="side_menu"] section {
    left: 250px;
    width: calc(100% - 250px);
    margin-right: 0px;
    margin-left: 0px;
}

.website[data-menuposition="side_menu"] .top_menu .identity {
    flex-direction: column;
    align-items: center;
    padding-top: 30px;
    flex-grow: 0;
}

.website[data-menuposition="side_menu"] .top_menu .logotype {
    align-items: center;
    text-align: center;
}

.website[data-menuposition="full_menu"] .top_menu .links,
.website[data-menuposition="side_menu"] .top_menu .links {
    flex-direction: column;
    flex-grow: 1;
    margin-top: 40px !important;
}

.website[data-menuposition="side_menu"] .top_menu .links {
    overflow: hidden;
}

.website[data-menuposition="full_menu"] .top_menu .links li,
.website[data-menuposition="side_menu"] .top_menu .links li {
    text-align: center;
}

.website[data-menuposition="full_menu"] .top_menu .links li .submenu,
.website[data-menuposition="side_menu"] .top_menu .links li .submenu {
    position: relative;
    background-color: transparent !important;
    transform: translateX(0px) !important;
    opacity: 1;
    box-shadow: none;
    left: 0px !important;
    border-right: 1px solid rgba(100, 100, 100, 0);
}

.website[data-menuposition="side_menu"] menu.top_menu .submenu li {
    border-right: 1px solid rgba(100, 100, 100, 0);
}

.website[data-menuposition="full_menu"] .top_menu span.menu-parent,
.website[data-menuposition="side_menu"] .top_menu span.menu-parent {
    position: relative;
}

.website[data-menuposition="full_menu"] .top_menu li.menu-open span.menu-parent span.expand-icon,
.website[data-menuposition="full_menu"] .top_menu li.menu-closed span.menu-parent span.expand-icon,
.website[data-menuposition="side_menu"] .top_menu li.menu-open span.menu-parent span.expand-icon,
.website[data-menuposition="side_menu"] .top_menu li.menu-closed span.menu-parent span.expand-icon {
    display: inline-block;
    width: 29px;
    height: 29px;
    padding: 0px;
    position: relative;
}

.website[data-menuposition="full_menu"] .top_menu li.menu-open span.menu-parent span.expand-icon,
.website[data-menuposition="full_menu"] .top_menu li.menu-closed span.menu-parent span.expand-icon {
    position: absolute;
    transform: translate(-40px, 0px)
}

.website[data-menuposition="full_menu"] .top_menu li.menu-closed span.menu-parent span.expand-icon::before,
.website[data-menuposition="side_menu"] .top_menu li.menu-closed span.menu-parent span.expand-icon::before {

    content: "";
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    border-bottom: 2px solid var(--menu-background-accent-color);
    width: 14px;
    height: 13px;
    left: 8px;
}

.website[data-menuposition="full_menu"] .top_menu li.menu-closed span.menu-parent span.expand-icon::after,
.website[data-menuposition="side_menu"] .top_menu li.menu-closed span.menu-parent span.expand-icon::after {

    content: "";
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    border-right: 2px solid var(--menu-background-accent-color);
    height: 14px;
    top: 7px;
    left: 14px;
    width: 0px;
}

.website[data-menuposition="full_menu"] .top_menu li.menu-open span.menu-parent span.expand-icon::before,
.website[data-menuposition="side_menu"] .top_menu li.menu-open span.menu-parent span.expand-icon::before {
    content: "";
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    border-bottom: 2px solid var(--menu-background-accent-color);
    width: 14px;
    height: 13px;
    left: 8px;
}

.website[data-menuposition="full_menu"] .top_menu .menu-parent,
.website[data-menuposition="side_menu"] .top_menu .menu-parent {
    display: flex;
    align-items: center;
    justify-content: center;
}

.website[data-menuposition="full_menu"] .top_menu .menu-parent {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.website[data-menuposition="full"] .submenu,
.website[data-menuposition="side_menu"] .submenu {
    transition: opacity 1s cubic-bezier(0.04, -0.03, 0, 1.01);
}


.website[data-menuposition="side_menu"] .menu-open .menu-parent,
.website[data-menuposition="side_menu"] .menu-closed .menu-parent {
    transform: translate(-8px, 0px);
}


.website[data-menuposition="full_menu"] .menu-closed .submenu,
.website[data-menuposition="side_menu"] .menu-closed .submenu {
    display: none;
    visibility: hidden;
    height: 0px;
    opacity: 0;
    padding: 0px;
}

.website[data-menuposition="full_menu"] .menu-open .submenu,
.website[data-menuposition="side_menu"] .menu-open .submenu {
    display: block;
    visibility: visible;
    opacity: 1;
}


/* ////////   full_menu   //////////// */

.website[data-menuposition="full_menu"]{
    margin-top: var(--stick-top-section-height);
}

.website[data-menuposition="full_menu"] {
    padding-top: 60px;
}

.website[data-menuposition="full_menu"].show-menu{
    padding-top: 0;
}

.website[data-menuposition="full_menu"] .hamburger {
    position: fixed;
    top: 11px;
    right: 10px;
    z-index: 999999;
    background-color: transparent !important;
}

.website[data-menuposition="full_menu"] .top_menu .buttons {
    flex-direction: column;
    top: 0px;
    left: 0px;
    position: absolute;
    height: 60px;
    display: flex;
    align-items: baseline;
    justify-content: center;

    width: 100%;
    max-width: calc(100% - 70px);
    overflow: hidden;

    background-color: transparent !important;
}

.website[data-menuposition="full_menu"][menu-shrink="true"] .top_menu .buttons {
    padding: 0px !important;
    margin: 0px !important;
    padding-left: 10px !important;
}

.website[data-menuposition="full_menu"][menu-shrink="true"] .top_menu .buttons div {
    font-size: 9px !important;
    letter-spacing: 0 !important;
    margin: 2px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.website[data-menuposition="full_menu"] .top_menu .buttons::after {
    content: "";
    width: 100%;
}

.website[data-menuposition="full_menu"] .top_menu .buttons a {
    position: relative;
    display: inline-block;
    width: auto !important;
}
.website[data-menuposition="full_menu"] .hamburger {
    top: calc(12px + var(--editor-menu-height) + var(--stick-top-section-height));
}

.website[data-menuposition="full_menu"].show-menu .hamburger {
    top: calc(12px + var(--editor-menu-height));
}

.website[data-menuposition="full_menu"] .open_close {
    background-color: transparent !important;
    height: 40px;
    width: 40px;
}

.website[data-menuposition="full_menu"] .open_close:after {
    content: '';
    top: 10px;
    right: 8px;
    position: absolute;
    width: 25px;
    height: 12px;
    border-top: 2px solid #cacaca;
    border-bottom: 2px solid #cacaca;
    transition: transform 1s cubic-bezier(0.04, 0.99, 0.07, 1);
    z-index: 9999;
}

.website[data-menuposition="full_menu"] .open_close:before {
    content: '';
    top: 17px;
    position: absolute;
    right: 8px;
    width: 25px;
    height: 2px;
    background: #cacaca;
    transition: transform 1s cubic-bezier(0.04, 0.99, 0.07, 1);
    z-index: 9999;
}


.website[data-menuposition="full_menu"] .top_menu {
    position: fixed;
    flex-direction: column;
    width: 100vw;
    max-width: 100vw;
    height: 60px;
    top: calc(0px + var(--editor-menu-height) + var(--stick-top-section-height));
    padding: 0vw;
    transition: height 1s cubic-bezier(0.04, 0.99, 0.07, 1);
    opacity: 1;
    background-color: var(--menu-background-color) !important;
    justify-content: stretch;
    overflow: hidden;

}

.website[data-menuposition="full_menu"] .top_menu .identity {
    transition: opacity 500ms cubic-bezier(0.04, 0.99, 0.07, 1);
    opacity: 0;
    padding-top: 15vh;
    flex-grow: 1;
    display: block;
    text-align: center;
    background-color: transparent !important;
}

.website[data-menuposition="full_menu"].show-menu .top_menu {
    right: 0px;
    opacity: 1;
    background-color: var(--menu-background-color) !important;
    height: calc(100vh - var(--editor-menu-height));
    top: 0px !important;
    overflow: auto;
    direction: ltr;
}

body[data-ineditor="true"] .website[data-menuposition="full_menu"].show-menu .top_menu {
    top: var(--editor-menu-height) !important;
}

.website[data-menuposition="full_menu"].show-menu .top_menu .identity {
    opacity: 1;
}

.website[data-menuposition="full_menu"].show-menu .top_menu .links {
    opacity: 1;
    margin-top: 20px !important;
    margin-bottom: 150px !important;
}


.website[data-menuposition="full_menu"].show-menu .open_close:after {
    transform: rotate(45deg);
    height: 0px;
    top: 17px;
    border-top: 0px solid white;

}

.website[data-menuposition="full_menu"].show-menu .open_close:before {
    transform: rotate(-45deg);
}


.website[data-menuposition="full_menu"] .top_menu .identity {
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
}

.website[data-menuposition="full_menu"] .top_menu .logotype {
    align-items: center;
    text-align: center;
}


.website[data-menuposition="full_menu"] .top_menu .links {
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    max-width: 800px;
    transition: opacity 500ms cubic-bezier(0.04, 0.99, 0.07, 1);
    opacity: 0;
    display: block;
    background-color: transparent !important;
}


.website[data-menuposition="full_menu"] .top_menu .links li {
    text-align: left;
    font-size: 18px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 60px !important;
    padding-right: 30px !important;
    box-sizing: content-box;
    background-color: transparent !important;
    line-height: 1.5em;
    border-bottom: 1px solid #80808026;
    box-sizing: border-box;
    overflow: hidden;
    box-sizing: content-box;
}

.website[data-menuposition="full_menu"] .top_menu .links li .submenu {
    display: block;
    position: relative;
    background-color: transparent !important;
    transform: translateX(0px) !important;
    opacity: 1;
    box-shadow: none;
}

.website[data-menuposition="full_menu"] .top_menu .submenu {
    background-color: transparent !important;
    left: 0px !important;
}

.website[data-menuposition="full_menu"] .top_menu .submenu li {

    line-height: 1.5em;
    border-bottom: 0px solid #80808026;

    padding-left: 10px !important;
    padding-right: 5px !important;

    margin-bottom: 0px!important;
    padding-top: 7px!important;
    padding-bottom: 7px!important;
}


/* ////////   drawer_menu   //////////// */
.website[data-menuposition="drawer_menu"]{
    margin-top: var(--stick-top-section-height);
}

.website[data-menuposition="drawer_menu"] .hamburger {
    position: fixed;
    top: 20px;
    right: 10px;
    z-index: 999999
}

.website[data-menuposition="drawer_menu"] .top_menu .buttons {
    white-space: normal;
    padding-top: 30px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;

}

.website[data-menuposition="drawer_menu"] .top_menu .buttons a {
    width: 100%;
    display: block;
    text-align: center;
}


.website[data-menuposition="drawer_menu"] .top_menu .buttons {
    white-space: normal;
    padding-top: 30px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    top: var(--side-menu-space);

}

.website[data-menuposition="drawer_menu"] .top_menu .buttons a {
    width: 100%;
    display: block;
    text-align: center;
}


body[data-ineditor="true"] .website[data-menuposition="drawer_menu"] .hamburger {
    top: calc(20px + var(--editor-menu-height));
}

.website[data-menuposition="drawer_menu"] .open_close {
    background-color: transparent;
    height: 40px;
    width: 40px;
}

.website[data-menuposition="drawer_menu"] .open_close:after {
    content: '';
    top: 10px;
    right: 8px;
    position: absolute;
    width: 25px;
    height: 12px;
    border-top: 2px solid #cacaca;
    border-bottom: 2px solid #cacaca;
    transition: transform 1s cubic-bezier(0.04, 0.99, 0.07, 1);
    z-index: 9999;
}

.website[data-menuposition="drawer_menu"] .open_close:before {
    content: '';
    top: 17px;
    position: absolute;
    right: 8px;
    width: 25px;
    height: 2px;
    background: #cacaca;
    transition: transform 1s cubic-bezier(0.04, 0.99, 0.07, 1);
    z-index: 9999;
}


.website[data-menuposition="drawer_menu"] .top_menu {
    position: fixed;
    display: inline-block;
    flex-direction: column;
    width: 400px;
    max-width: 100vw;
    height: calc(100% - var(--editor-menu-height));
    right: -400px;
    padding: 0vw;
    transition: right 1s cubic-bezier(0.04, 0.99, 0.07, 1);
    top: 0px;
    background-color: var(--menu-background-color) !important;

}


body[data-ineditor="true"] .website[data-menuposition="drawer_menu"] .top_menu {
    top: calc(var(--editor-menu-height));
}


.website[data-menuposition="drawer_menu"] .top_menu .identity {
    transition: opacity 500ms cubic-bezier(0.04, 0.99, 0.07, 1);
    opacity: 0;
    padding-top: 10vh;
}

.website[data-menuposition="drawer_menu"] .top_menu .links {
    transition: opacity 500ms cubic-bezier(0.04, 0.99, 0.07, 1);
    opacity: 0;
    flex-grow: 1;
    margin-top: 30px !important;
}

.website[data-menuposition="drawer_menu"].show-menu .top_menu .identity {
    opacity: 1;
}

.website[data-menuposition="drawer_menu"].show-menu .top_menu .links {
    opacity: 1;
}

.website[data-menuposition="drawer_menu"].show-menu .top_menu {
    right: 0px;
    overflow: auto;
}


.website[data-menuposition="drawer_menu"].show-menu .open_close:after {
    transform: rotate(45deg);
    height: 0px;
    top: 17px;
    border-top: 0px solid white;

}

.website[data-menuposition="drawer_menu"].show-menu .open_close:before {
    transform: rotate(-45deg);
}


.website[data-menuposition="drawer_menu"] .top_menu .identity {
    flex-direction: column;
    align-items: center;
    flex-grow: 0;
}

.website[data-menuposition="drawer_menu"] .top_menu .logotype {
    align-items: center;
    text-align: center;
}


.website[data-menuposition="drawer_menu"] .top_menu .links {
    flex-direction: column;
}

.website[data-menuposition="drawer_menu"] .top_menu .buttons {
    padding-bottom: 10vh;
}

.website[data-menuposition="drawer_menu"] .top_menu .links li {
    text-align: center;
    background-color: transparent;
}

.website[data-menuposition="drawer_menu"] .top_menu .links > li {
    text-align: center;
    background-color: transparent !important;
}

.website[data-menuposition="drawer_menu"] .top_menu .links li .submenu {
    display: block;
    position: relative;
    box-shadow: none;
    transform: none !important;
    background-color: transparent !important;
    left: 0px !important;
}


.website[data-menuposition="drawer_menu"] menu.top_menu .submenu li {
    border-right: 1px solid rgba(100, 100, 100, 0)
}


/* ////////   top_menu   //////////// */
.website[data-menuposition="top_menu"] .top_menu {
    margin-top: var(--stick-top-section-height);
    position: relative;
    background-color: var(--menu-background-color) !important;
}

.website[data-menuposition="top_menu"] section[data-position="stick-top"]{
    z-index: 999;
}

.website[data-menuposition="top_menu"] .top_menu .links li,
.website[data-menuposition="top_menu"] .top_menu .identity .logotype h2,
.website[data-menuposition="top_menu"] .top_menu .identity .logotype h3 {
    text-align: left;
    white-space: nowrap !important;
    width: min-content !important;
}


.website[data-menuposition="top_menu"] .top_menu .identity .logotype {
    min-width: 100px;
}


.website[data-menuposition="top_menu"] .top_menu .buttons {
    white-space: normal;
}

.website[data-menuposition="top_menu"][menu-collapse="true"] .top_menu .buttons {
    display: flex;
    position: absolute;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 50px;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0px;
}

.website[data-menuposition="top_menu"][menu-collapse="true"] .top_menu {
    padding-top: 50px;
}

.website[data-menuposition="top_menu"][menu-collapse="true"] .top_menu .buttons div {
    flex-grow: 1;
    height: 100%;
}

.website[data-menuposition="top_menu"][menu-collapse="true"] .top_menu .buttons div {

    box-sizing: border-box;
    margin: 0px !important;
    max-width: inherit;
    width: 100%;
}

.website[data-menuposition="top_menu"] .top_menu .links li {
    padding: 10px !important;
}

.website[data-menuposition="top_menu"] .top_menu .links .submenu li {
    width: auto !important;
    text-align: left;
    padding-right: 15px !important;
    padding-left: 15px !important;
}


/* ////////   simple_menu   //////////// */

.website[data-menuposition="top_menu_fixed"][menu-collapse="true"] .top_menu,
.website[data-menuposition="simple_menu"] .top_menu {
    position: relative;
    background-color: var(--menu-background-secondary-color) !important;
    flex-wrap: wrap;
    padding-left: 0px;
    padding-right: 0px;
}

.website[data-menuposition="simple_menu"] .top_menu {
    margin-top: var(--stick-top-section-height);
}

.website[data-menuposition="simple_menu"] section[data-position="stick-top"]{
    z-index: 999;
}

.website[data-menuposition="top_menu_fixed"][menu-collapse="true"] .top_menu {
    position: fixed;
}

.website[data-menuposition="top_menu_fixed"][menu-collapse="true"] .top_menu .links li,
.website[data-menuposition="top_menu_fixed"][menu-collapse="true"] .top_menu .identity .logotype h2,
.website[data-menuposition="top_menu_fixed"][menu-collapse="true"] .top_menu .logotype h3,
.website[data-menuposition="simple_menu"] .top_menu .links li,
.website[data-menuposition="simple_menu"] .top_menu .identity .logotype h2,
.website[data-menuposition="simple_menu"] .top_menu .identity .logotype h3 {
    text-align: left;
    white-space: nowrap !important;
    width: min-content !important;
}

.website[data-menuposition="top_menu_fixed"][menu-collapse="true"] .top_menu .identity .logotype,
.website[data-menuposition="simple_menu"] .top_menu .identity .logotype {
    min-width: 100px;
}

.website[data-menuposition="top_menu_fixed"][menu-collapse="true"] .top_menu .links li,
.website[data-menuposition="simple_menu"] .top_menu .links li {
    padding: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    position: relative;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.website[data-menuposition="top_menu_fixed"][menu-collapse="true"] .top_menu .links li::after,
.website[data-menuposition="simple_menu"] .top_menu .links li::after {
    content: "";
    width: 0%;
    height: 2px;
    left: 0%;
    position: absolute;
    bottom: 0px;
    background-color: var(--menu-background-accent-color);
    transition: all 0.2s ease-out;
}

.website[data-menuposition="top_menu_fixed"][menu-collapse="true"] .top_menu .links li:hover::after,
.website[data-menuposition="simple_menu"] .top_menu .links li:hover::after {
    width: 100%;
    left: 0%;
}

.website[data-menuposition="top_menu_fixed"][menu-collapse="true"] .top_menu .links .submenu li::after,
.website[data-menuposition="simple_menu"] .top_menu .links .submenu li::after {
    display: none;
}

.website[data-menuposition="top_menu_fixed"][menu-collapse="true"] .top_menu .identity,
.website[data-menuposition="simple_menu"] .top_menu .identity {
    order: 1;
    padding-left: 10px;
}

.website[data-menuposition="top_menu_fixed"][menu-collapse="true"] .top_menu .links,
.website[data-menuposition="simple_menu"] .top_menu .links {
    order: 3;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: center;
    background-color: var(--menu-background-color) !important;
}

.website[data-menuposition="top_menu_fixed"][menu-collapse="true"] .top_menu .buttons,
.website[data-menuposition="simple_menu"] .top_menu .buttons {
    white-space: normal;
    order: 2;
    padding-right: 10px;
    display: flex;
    align-items: center;
}

.website[data-menuposition="top_menu_fixed"][menu-collapse="true"] menu.top_menu .submenu,
.website[data-menuposition="simple_menu"] menu.top_menu .submenu {
    transform: translateX(-22px) translateY(20px) !important;
}

.website[data-menuposition="top_menu_fixed"][menu-collapse="true"] .top_menu .submenu li,
.website[data-menuposition="simple_menu"] menu.top_menu .submenu li {
    width: 100% !important;
    box-sizing: border-box;
    padding-right: 50px !important;
    padding-left: 30px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;

}


/* ////////   top_menu_fixed   //////////// */
.website[data-menuposition="top_menu_fixed"] .top_menu {
    position: fixed;
    background-color: var(--menu-background-color) !important;
    top: calc(var(--editor-menu-height) + var(--stick-top-section-height));
}

.website[data-menuposition="top_menu_fixed"] {
    margin-top: calc(var(--menu-height) * -1 + var(--stick-top-section-height));
}


.website[data-menuposition="top_menu_fixed"] .top_menu .identity .logotype {
    min-width: 100px;
}

.website[data-menuposition="top_menu_fixed"] .top_menu .identity [data-elementtype=ICON] {
    transition: max-height 1s cubic-bezier(0.04, 0.99, 0.07, 1);
    max-height: 200px !important;
}

body[scroll-status="scrolled"] .website[data-menuposition="top_menu_fixed"] .top_menu .identity [data-elementtype=ICON] {
    max-height: 60px !important;
}

.website[data-menuposition="top_menu_fixed"] .top_menu .links {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}


.website[data-menuposition="top_menu_fixed"] .top_menu .links li,
.website[data-menuposition="top_menu_fixed"] .top_menu .identity .logotype h2,
.website[data-menuposition="top_menu_fixed"] .top_menu .identity .logotype h3 {
    white-space: nowrap !important;
    width: min-content !important;
    text-align: left;
}

.website[data-menuposition="top_menu_fixed"] .top_menu .links .submenu li {
    width: auto !important;
    text-align: left;
    padding-right: 15px !important;
    padding-left: 15px !important;
}


.website[data-menuposition="top_menu_fixed"] .top_menu .buttons {
    white-space: normal;
}

.website[data-menuposition="top_menu_fixed"] .top_menu .buttons div {
    white-space: nowrap;
}

.website[data-menuposition="top_menu_fixed"] .top_menu .links li {
    padding: 10px !important;
}

/* ////////  all presets with logo visiblilty on mobile   //////////// */

.website[data-menuposition="full_menu"][data-menulogovisiblemobile="true"]{
    padding-top: max(60px, calc(var(--dynamic-menu-logo-height) + var(--dynamic-buttons-height)));
}

.website[data-menuposition="full_menu"][data-menulogovisiblemobile="true"] .top_menu {
    transition: min-height 1s cubic-bezier(0.04, 0.99, 0.07, 1);
    width: 100%
}

.website[data-menuposition="full_menu"][data-menulogovisiblemobile="true"]:not(.show-menu) .top_menu {
    height: auto;
    min-height: max(60px, calc(var(--dynamic-menu-logo-height) + var(--dynamic-buttons-height)));
}

.website[data-menuposition="full_menu"][data-menulogovisiblemobile="true"].show-menu .top_menu {
    max-height: 0;
    min-height: calc(100vh - var(--editor-menu-height));
    overflow-x: hidden;
    overflow-y: overlay;
}

.website[data-menuposition="full_menu"][data-menulogovisiblemobile="true"]:not(.show-menu) .top_menu .links {
    opacity: 0;
    max-height:0px!important;
    margin-top: auto!important;
}

.website[data-menuposition="full_menu"][data-menulogovisiblemobile="true"] .top_menu .links {
    opacity: 1;
    order: 2;
}

.website[data-menuposition="full_menu"][data-menulogovisiblemobile="true"] .top_menu .identity a{
    display: inline-flex;
}

.website[data-menuposition="full_menu"][data-menulogovisiblemobile="true"] .top_menu .identity .logotype {
    display: none;
}

.website[data-menuposition="full_menu"][data-menulogovisiblemobile="true"] .top_menu .identity {
    opacity: 1!important;
    padding-top: 0!important;
    order: 0;
    max-height: var(--dynamic-menu-logo-height);
}

.website[data-menuposition="full_menu"][data-menulogovisiblemobile="true"] .top_menu .identity [data-elementtype=ICON] {
    max-height: 50px!important;
    margin: 0!important;
    padding-top: 15px;
}

.website[data-menuposition="full_menu"][data-menulogovisiblemobile="true"] .top_menu .buttons {
    position: relative;
    height: auto;
    max-width: inherit!important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    order: 1;
    overflow: visible;
    min-height: 60px;
}

.website[data-menuposition="full_menu"][data-menulogovisiblemobile="true"] .top_menu .buttons a{
    display: inline-flex;
}

.website[data-menuposition="full_menu"][data-menulogovisiblemobile="true"] .top_menu .buttons:after {
    content: unset;
}

.website[data-menuposition="full_menu"][data-menulogovisiblemobile="true"] .top_menu .buttons:empty{
    display: none;
}

.website[data-menuposition="full_menu"][data-menulogovisiblemobile="true"] .top_menu .buttons div[data-elementtype^="BUTTON"]{
    font-size: 9px!important;
}

.website[data-menuposition="full_menu"][menu-shrink="true"] .top_menu .buttons {
    padding: 0px !important;
    margin: 0px !important;
    padding-left: 0px !important;
}

/* ////////   fix_menu   //////////// */

.website[data-menuposition="fix_menu"], .website[data-menuposition="fix_menu_bright"]{
    margin-top: var(--stick-top-section-height);
}

.website[data-menuposition="fix_menu"] .top_menu, .website[data-menuposition="fix_menu_bright"] .top_menu {
    position: fixed;
    top: calc(var(--editor-menu-height) + var(--stick-top-section-height));
    background-color: transparent !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.website[data-menuposition="fix_menu_bright"] .top_menu .identity .logotype,
.website[data-menuposition="fix_menu"] .top_menu .identity .logotype {
    min-width: 100px;
}

.website[data-menuposition="fix_menu_bright"] .top_menu .identity img,
.website[data-menuposition="fix_menu"] .top_menu .identity img {
    max-height: 200px;
    transition: max-height 1s cubic-bezier(0.04, 0.99, 0.07, 1);
}

body[scroll-status="scrolled"] .website[data-menuposition="fix_menu"] .top_menu .identity img,
body[scroll-status="scrolled"] .website[data-menuposition="fix_menu_bright"] .top_menu .identity img {
    max-height: 60px;
    transition: max-height 1s cubic-bezier(0.04, 0.99, 0.07, 1);
}


.website[data-menuposition="fix_menu_bright"] .top_menu .identity .logotype h2,
.website[data-menuposition="fix_menu_bright"] .top_menu .identity .logotype h3,
.website[data-menuposition="fix_menu"] .top_menu .identity .logotype h2,
.website[data-menuposition="fix_menu"] .top_menu .identity .logotype h3 {
    padding: 2px !important;
    margin: 0px !important;
    line-height: 1 !important;
}

.website[data-menuposition="fix_menu_bright"] .top_menu .submenu,
.website[data-menuposition="fix_menu"] .top_menu .submenu {
    transform: translateX(-22px) translateY(4px)
}


.website[data-menuposition="fix_menu_bright"] .top_menu .links li,
.website[data-menuposition="fix_menu"] .top_menu .links li {
    padding: 5px 10px 5px 10px !important;
    white-space: nowrap;
}

.website[data-menuposition="fix_menu_bright"] .top_menu::after,
.website[data-menuposition="fix_menu"] .top_menu::after {
    display: block;
    position: absolute;
    opacity: 0.7;
    min-height: 100px;
    height: 100%;
    top: 0px;
    left: 0px;
    width: 100%;
    content: '';
    z-index: -1;
    pointer-events: none;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.65) 9.4%, rgba(0, 0, 0, 0.6) 17.6%, rgba(0, 0, 0, 0.5) 24.8%, rgba(0, 0, 0, 0.41) 31.2%, rgba(0, 0, 0, 0.37) 37%, rgba(0, 0, 0, 0.325) 42.4%, rgba(0, 0, 0, 0.275) 47.5%, rgba(0, 0, 0, 0.224) 52.5%, rgba(0, 0, 0, 0.176) 57.6%, rgba(0, 0, 0, 0.13) 63%, rgba(0, 0, 0, 0.086) 68.8%, rgba(0, 0, 0, 0.05) 75.2%, rgba(0, 0, 0, 0.024) 82.4%, rgba(0, 0, 0, 0.008) 90.6%, rgba(0, 0, 0, 0) 100%);

}

.website[data-menuposition="fix_menu_bright"] .top_menu::after {
    background-image: linear-gradient(rgba(256, 256, 256, 0.8) 0%, rgba(256, 256, 256, 0.7) 20%, rgba(256, 256, 256, 0) 100%);
}

body[scroll-status="scrolled"] .website[data-menuposition="fix_menu"] .top_menu {
    background-color: rgba(0, 0, 0, 0.5) !important;
}


body[scroll-status="scrolled"] .website[data-menuposition="fix_menu_bright"] .top_menu::after {
    background-image: linear-gradient(rgba(256, 256, 256, 0.5) 0%, rgba(256, 256, 256, 0) 100%);
    opacity: 0.7;
}

.website[data-menuposition="fix_menu_bright"] .top_menu {
    background-color: rgba(256, 256, 256, 0);
    transition: background-color 0.5s linear;
}

.website[data-menuposition="fix_menu"] .top_menu {
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 0.5s linear;
}

body[scroll-status="scrolled"] .website[data-menuposition="fix_menu_bright"] .top_menu {
    background-color: rgba(256, 256, 256, 0.8) !important;
}

body[scroll-status="scrolled"] .website[data-menuposition="fix_menu"] .top_menu {
    background-color: rgba(0, 0, 0, 0.4);

}

/* ////////   transparent_menu   //////////// */
.website[data-menuposition="transparent_menu"] .top_menu {
    display: none !important;
}

/* ////////   footer   //////////// */
.website menu.bottom_footer {
    box-sizing: border-box;
}


.website[data-footerposition="hidden_footer"] menu.bottom_footer {
    display: none !important;
}

.website[data-footerposition="horizontal_footer"] .bottom_footer {
    flex-direction: row;
    background-color: var(--menu-background-color) !important;
}

.website[data-footerposition="vertical_footer"] .bottom_footer {
    flex-direction: column;
    align-items: center;
    background-color: var(--menu-background-color) !important;
}


menu.bottom_footer {
    display: flex;
    position: relative;
    padding: 0px;
    margin: 0px;
    align-items: center;
    overflow: hidden;
    flex-wrap: wrap;
}



menu.bottom_footer .pic-side,
menu.bottom_footer .links,
menu.bottom_footer .text-side,
menu.bottom_footer .identity {
    position: relative;
    flex-grow: 1;
    align-items: center;
    display: flex;
    flex-direction: row;
    padding: 20px;
    box-sizing: border-box;
}

menu.bottom_footer .pic-side {
    padding: 0px;
}

menu.bottom_footer .links,
menu.bottom_footer .text-side {
    position: relative;
    flex-grow: 1;
    align-items: center;
    display: flex;
    flex-direction: row;
    min-width: 140px;
    height: fit-content;
    padding: 10px;

}

.website[data-footerposition="horizontal_footer"] menu.bottom_footer .text-side {
    border-left: 1px solid #80808070;
}

menu.bottom_footer .links {
    min-width: inherit;
    justify-content: center;
    max-width: 100%;
    flex-wrap: wrap;
}


menu.bottom_footer .identity {
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
}

menu.bottom_footer .links {
    align-items: baseline;
    height: fit-content;
}

menu.bottom_footer .links:empty,
menu.bottom_footer .buttons:empty,
menu.bottom_footer .logotype:empty,
menu.bottom_footer .identity:empty,
menu.bottom_footer .text-side:empty {
    display: none;
}


menu.bottom_footer .links > li {
    margin: 20px;
    font-weight: bold;
}

menu.bottom_footer .links > li .submenu {
    padding: 10px 0 0 0;
    font-weight: normal;
}

menu.bottom_footer[data-horizontalalign="center"] .links > li, menu.bottom_footer[data-horizontalalign="center"] .links > li .submenu > li {
    text-align: center;
}
menu.bottom_footer[data-horizontalalign="left"] .links > li, menu.bottom_footer[data-horizontalalign="left"] .links > li .submenu > li {
    text-align: left;
}
menu.bottom_footer[data-horizontalalign="right"] .links > li, menu.bottom_footer[data-horizontalalign="right"] .links > li .submenu > li {
    text-align: right;
}

.website[data-footerposition="vertical_footer"] menu.bottom_footer .pic-side {
    width: 100%;
}

menu[data-footerposition="horizontal_footer"] .pic-side img.pic {
    width: 100%;
}

.website[data-footerposition="vertical_footer"] menu.bottom_footer {
    padding-top: 20px;
    padding-bottom: 0px;
}

.website[data-footerposition="vertical_footer"] menu.bottom_footer .identity {
    order: 1;
    align-items: center;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;

}

.website[data-footerposition="vertical_footer"] menu.bottom_footer .identity .logotype {
    align-items: center;
    text-align: center;
}

.website[data-footerposition="vertical_footer"] menu.bottom_footer .text-side {
    order: 3;
    text-align: center;
    flex-direction: column;
    padding: 10px;
    margin: 10px;
}

.website[data-footerposition="vertical_footer"] menu.bottom_footer .buttons {
    order: 4;
    text-align: center;
}

.website[data-footerposition="vertical_footer"] menu.bottom_footer .links {
    order: 5;
    padding-bottom: 20px !important;
}

.website[data-footerposition="vertical_footer"] menu.bottom_footer .pic-side {
    order: 6;
}


/* HORIZONTAL FOOTER */

.website[data-footerposition="horizontal_footer"] menu.bottom_footer {
    flex-wrap: nowrap;
    padding: 20px;
}

.website[data-footerposition="horizontal_footer"] menu.bottom_footer .identity {
    flex-grow: 0;
    padding: 10px;
    min-width: 100px;
}

.website[data-footerposition="horizontal_footer"] menu.bottom_footer .text-side {
    flex-direction: column;
    align-items: start;
    flex-grow: 1;
}

.website[data-footerposition="horizontal_footer"] menu.bottom_footer .buttons {
    display: flex;
    flex-direction: column;
    flex-grow: 0;
}

.website[data-footerposition="horizontal_footer"] menu.bottom_footer .links {

    flex-grow: 1;
}

.website[data-footerposition="horizontal_footer"] menu.bottom_footer .pic-side {
    align-self: stretch;
}

.website[data-footerposition="horizontal_footer"] menu.bottom_footer .pic-side {
    align-self: stretch;
}

.website[data-footerposition="horizontal_footer"] menu.bottom_footer .pic-side iframe {
    height: 100%;
}

@media only screen and (max-width: 800px) {
    menu.bottom_footer {
        flex-wrap: wrap !important;
    }
}