.site-header {
    --size-width-logo: 280px;
    --size-height-logo: 68px;
    --rounded-header: 120px;
    --size-icon-extra: 42px;
    --duration: .4s;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10;
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
         -o-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
    -webkit-border-bottom-left-radius: var(--rounded-header);
       -moz-border-radius-bottomleft: var(--rounded-header);
            border-bottom-left-radius: var(--rounded-header);
}

.site-header.sticky-active {
    --size-height-logo: 48px;
}

.site.site-no-banner .site-header,
.site.site-has-banner .site-header.sticky-active,
.site.site-has-banner .site-header:not(.sticky-active):hover {
    /* linear-gradient(-90deg, rgba(59,73,79,1) 0%, rgba(39,54,71,1) 100%); */
    background: #BC0000;
} 

.site.site-has-banner .site-header:not(.sticky-active):not(.toggle-onactive):not(:hover) {
    background: var(--transparent)
}

.site-header.sticky-down:not(.toggle-onactive):not(.sticky-clicked) {
    -webkit-transform: translateY(-webkit-calc(var(--height-header)* -1));
    -moz-transform: translateY(-moz-calc(var(--height-header)* -1));
    -ms-transform: translateY(calc(var(--height-header)* -1));
    -o-transform: translateY(calc(var(--height-header)* -1));
    transform: translateY(calc(var(--height-header)* -1));
}

.site-header .navbar-header {
    height: var(--height-header);
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.site-header .navbar-header>.container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
}

.site-header .site-branding a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.site-header .site-branding img {

    width: var(--size-width-logo);

    height: var(--size-height-logo);

    -o-object-fit: contain;

       object-fit: contain;

    -o-object-position: left;

       object-position: left;

    -webkit-transition: var(--duration);

    -o-transition: var(--duration);

    -moz-transition: var(--duration);

    transition: var(--duration);

}

.site-header .main-navigation {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

       -moz-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}

.site-header .menu {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-flow: row wrap;

       -moz-box-orient: horizontal;

       -moz-box-direction: normal;

        -ms-flex-flow: row wrap;

            flex-flow: row wrap;

    -webkit-box-align: center;

    -webkit-align-items: center;

       -moz-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    padding-left: 0;

}

.site-header .menu-item,

.site-footer li {

    list-style: none;

}

.site-header .menu .menu-item {

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

       -moz-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-flow: row wrap;

       -moz-box-orient: horizontal;

       -moz-box-direction: normal;

        -ms-flex-flow: row wrap;

            flex-flow: row wrap;

    margin-top: 0px;

}



.site-header .menu-item:not([class*="btn-"]) a {

    font-weight: 800;

}



.site-header .menu>.menu-item:not([class*="btn-"]) > a {

    color: var(--white-50);

}



.site-header .menu>.menu-item-has-children>a {

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

       -moz-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-ordinal-group: 2;

    -webkit-order: 1;

       -moz-box-ordinal-group: 2;

        -ms-flex-order: 1;

            order: 1;

    height: 100%;

}



.menu .current-menu-item>a {

    --white-50: var(--white);

}



.site-header .sub-menu>.menu-item>a {

    display: block;

    text-align: left;;

}



.menu-item-has-children>.icon-submenu {

    width: 20px;

    height: 20px;

    -webkit-box-ordinal-group: 3;

    -webkit-order: 2;

       -moz-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;

    cursor: pointer;

}



.menu-item-has-children>.icon-submenu {

    width: 10px;

    height: 9px;

    -webkit-box-ordinal-group: 3;

    -webkit-order: 2;

    -moz-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2;

    cursor: pointer;

    background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99997 5.85013C4.82075 5.85013 4.64155 5.7817 4.50492 5.64513L0.205141 1.34531C-0.0683805 1.07179 -0.0683805 0.628322 0.205141 0.354911C0.478552 0.0815 0.921933 0.0815 1.19548 0.354911L4.99997 4.15963L8.80449 0.355044C9.07801 0.0816329 9.52135 0.0816329 9.79474 0.355044C10.0684 0.628455 10.0684 1.07192 9.79474 1.34545L5.49503 5.64526C5.35832 5.78186 5.17913 5.85013 4.99997 5.85013Z' fill='white'/%3E%3C/svg%3E") center / contain no-repeat;

    opacity: 0.5;

}



.menu-item-has-children:hover>.icon-submenu,

.menu-item-has-children.current-menu-item>.icon-submenu {

    opacity: 1;

}



.site-header .menu-item-has-children .sub-menu {

    -webkit-box-ordinal-group: 4;

    -webkit-order: 3;

       -moz-box-ordinal-group: 4;

        -ms-flex-order: 3;

            order: 3;

    margin-top: 0px;

}



.site .hamburger-menu {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-flow: row wrap;

       -moz-box-orient: horizontal;

       -moz-box-direction: normal;

        -ms-flex-flow: row wrap;

            flex-flow: row wrap;

    -webkit-box-pack: end;

    -webkit-justify-content: flex-end;

       -moz-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end;

    -webkit-align-content: space-between;

        -ms-flex-line-pack: justify;

            align-content: space-between;

    width: 42px;

    height: 42px;

    padding: 0px;

    cursor: pointer;

    -webkit-transition: var(--transition);

    -o-transition: var(--transition);

    -moz-transition: var(--transition);

    transition: var(--transition);

    background: url(/wp-content/themes/whello/assets/images/icon-hamburger-menu.svg) center/contain no-repeat;

}



.hamburger-menu span {

    display: block;

    width: 100%;

    height: 3px;

    background-color: var(--black);

    -webkit-transform: rotate(0deg) translate(0px);

       -moz-transform: rotate(0deg) translate(0px);

        -ms-transform: rotate(0deg) translate(0px);

         -o-transform: rotate(0deg) translate(0px);

            transform: rotate(0deg) translate(0px);

    -webkit-transition: var(--transition);

    -o-transition: var(--transition);

    -moz-transition: var(--transition);

    transition: var(--transition);

}



.hamburger-menu span:not(:last-child) {

    margin-bottom: 8px;

}



.hamburger-menu span:nth-child(2) {

    width: -webkit-calc(100% - 10px);

    width: -moz-calc(100% - 10px);

    width: calc(100% - 10px);

}



.hamburger-menu span:last-child {

    width: -webkit-calc(100% - 4px);

    width: -moz-calc(100% - 4px);

    width: calc(100% - 4px);

}



.toggle-onactive .hamburger-menu span:first-child {

    -webkit-transform: rotate(45deg) translate(8px, 8px);

       -moz-transform: rotate(45deg) translate(8px, 8px);

        -ms-transform: rotate(45deg) translate(8px, 8px);

         -o-transform: rotate(45deg) translate(8px, 8px);

            transform: rotate(45deg) translate(8px, 8px);

}



.toggle-onactive .hamburger-menu span:nth-child(2) {

    -webkit-transform: translateX(50%);

       -moz-transform: translateX(50%);

        -ms-transform: translateX(50%);

         -o-transform: translateX(50%);

            transform: translateX(50%);

    opacity: 0;

}



.toggle-onactive .hamburger-menu span:last-child {

    -webkit-transform: rotate(-45deg) translate(8px, -8px);

       -moz-transform: rotate(-45deg) translate(8px, -8px);

        -ms-transform: rotate(-45deg) translate(8px, -8px);

         -o-transform: rotate(-45deg) translate(8px, -8px);

            transform: rotate(-45deg) translate(8px, -8px);

    width: 100%;

}



html.noprevent-scroll {

    overflow: hidden;

}



/* STICKY MENUBAR */

.sticky-menubar {

    position: fixed;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 9;

    padding: 10px;

    -webkit-box-shadow: var(--shadow);

       -moz-box-shadow: var(--shadow);

            box-shadow: var(--shadow);

    background-color: var(--white);

    opacity: 0;

    visibility: hidden;

}



.site-menubar {

    --gap-menu-bar: 17.5px;

}



.site-menubar .vc_row {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

       -moz-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    margin-left: -webkit-calc(var(--gap-menu-bar) * -1);

    margin-left: -moz-calc(var(--gap-menu-bar) * -1);

    margin-left: calc(var(--gap-menu-bar) * -1);

    margin-right: -webkit-calc(var(--gap-menu-bar) * -1);

    margin-right: -moz-calc(var(--gap-menu-bar) * -1);

    margin-right: calc(var(--gap-menu-bar) * -1);

}



.site-menubar .vc_row>.wpb_column {

    width: auto;

}



.site-menubar .vc_row>.wpb_column>.vc_column-inner {

    padding-left: var(--gap-menu-bar);

    padding-right: var(--gap-menu-bar);

}



.lang-item > a {

    position: relative;

    font-size: 0;

}



.lang-item > a:before {

    display: inline-block;

    font-size: var(--text-base);

    text-transform: uppercase;

    color: var(--white);

}



.lang-item > a:hover:before {

    color: var(--red-dark);

}



.lang-item > a:hover {

    background-color: var(--white);

}



.lang-item > a[hreflang='en-GB']:before {

    content: 'EN';

}



.lang-item > a[hreflang='id-ID']:before {

    content: 'ID';

}



.wpb_single_image.icon-search,

.lang-item > a {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

       -moz-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

       -moz-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    border: 1px solid var(--white);

    -webkit-border-radius: var(--rounded-full);

       -moz-border-radius: var(--rounded-full);

            border-radius: var(--rounded-full);

    cursor: pointer;

    min-width: var(--size-icon-extra);

    min-height: var(--size-icon-extra);

    width: var(--size-icon-extra);

    height: var(--size-icon-extra);

    padding: 10px 5px;

}



.wpb_single_image.icon-search * {

    width: 18px;

    height: 18px;

}



.wpb_single_image.icon-search:hover {

    background-color: var(--white);

}



.wpb_single_image.icon-search:hover img {

    display: none;

}



.wpb_single_image.icon-search:hover {

    background: var(--white) url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_124_649)'%3E%3Cpath d='M17.795 16.8053L13.4021 12.4126C14.494 11.0995 15.1519 9.41337 15.1519 7.57617C15.1519 3.39865 11.7533 0 7.57599 0C3.39856 0 0 3.39865 0 7.57617C0 11.7534 3.39856 15.1518 7.57599 15.1518C9.41309 15.1518 11.0993 14.494 12.4124 13.4021L16.8053 17.795C16.942 17.9317 17.1211 18 17.3002 18C17.4792 18 17.6584 17.9317 17.7951 17.795C18.0684 17.5217 18.0684 17.0786 17.795 16.8053ZM1.39966 7.57617C1.39966 4.17043 4.17033 1.39966 7.57599 1.39966C10.9815 1.39966 13.7521 4.17043 13.7521 7.57617C13.7521 10.9816 10.9815 13.7521 7.57599 13.7521C4.17033 13.7521 1.39966 10.9816 1.39966 7.57617Z' fill='%23B12635'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_124_649'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center/18px no-repeat;

}



/* search header */

.search-wrapper {

    position: fixed;

    top: -webkit-calc(var(--height-header) + var(--height-wpadminbar));

    top: -moz-calc(var(--height-header) + var(--height-wpadminbar));

    top: calc(var(--height-header) + var(--height-wpadminbar));

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 11;

    background: var(--transparent);

        backdrop-filter: blur(10px);

        -webkit-backdrop-filter: blur(10px);

}



.search-wrapper,

.overlay-search {

    display: inline-block;

    width: 100vw;

    height: 100vh;

}



.search-wrapper:not(.active) {

    display: none;

}



.search-section {

    position: absolute;

    display: inline-block;

    max-width: 599px;

    width: -webkit-calc(100% - 40px);

    width: -moz-calc(100% - 40px);

    width: calc(100% - 40px);

    right: var(--padding-container);

    height: auto;

    top: 0;

    z-index: 12;

}



.search-form {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    position: relative;

}



.search-form input[type="search"] {

    width: 100%;

    background-color: var(--white);

    border: 1px solid #9f9f9f69;

    padding: 25px 150px 25px 27px;

    font-weight: 800;

    font-size: var(--text-md);

}



.search-form input[type="search"]::-webkit-input-placeholder {

    color: var(--grey-20);

}



.search-form input[type="search"]:-moz-placeholder {

    color: var(--grey-20);

}



.search-form input[type="search"]::-moz-placeholder {

    color: var(--grey-20);

}



.search-form input[type="search"]:-ms-input-placeholder {

    color: var(--grey-20);

}



.search-form input[type="search"]::-ms-input-placeholder {

    color: var(--grey-20);

}



.search-form input[type="search"]::placeholder {

    color: var(--grey-20);

}



.search-form button[type="submit"] {

    --lineheight-s: 1.2;

    position: absolute;

    top: 50%;

    right: 10px;

    -webkit-transform: translateY(-50%);

       -moz-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

         -o-transform: translateY(-50%);

            transform: translateY(-50%);

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content;

    height: auto;

    background-color: var(--red);

    color: var(--white);

    font-weight: 800;

    font-size: var(--text-base);

    line-height: var(--lineheight-s);

    padding: 14px 60px 14px 24px;;

}



.search-form button[type="submit"]:after {

    position: absolute;

    content: '';

    top: 50%;

    right: 24px;

    width: 20px;

    height: 20px;

    -webkit-transform: translateY(-50%);

       -moz-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

         -o-transform: translateY(-50%);

            transform: translateY(-50%);

    -webkit-transition: var(--duration);

    -o-transition: var(--duration);

    -moz-transition: var(--duration);

    transition: var(--duration);

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M14.172 9.278L8.808 3.914L10.222 2.5L18 10.278L10.222 18.056L8.808 16.642L14.172 11.278H2V9.278H14.172Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;

}



.search-form button[type="submit"]:hover:after {

     -webkit-transform: translate(3px, -50%);

        -moz-transform: translate(3px, -50%);

         -ms-transform: translate(3px, -50%);

          -o-transform: translate(3px, -50%);

             transform: translate(3px, -50%);   

}



.search-form .wh-autocomplete {

    position: absolute;

    top: 100%;

    left: 0;

    right: 0;

    width: 100%;

    height: 220px;

    overflow: hidden;

    overflow-y: scroll;

    background-color: var(--white);

    list-style: none;

    font-size: 14px;

    z-index: 1;

    padding: 13.5px 0;

    border: 1px solid var(--gray-400);

    border-top: 0;

}



.search-form .wh-autocomplete::-webkit-scrollbar {

    width: 4px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    background-color: var(--gray-400);

}



.search-form .wh-autocompletes::-webkit-scrollbar-thumb {

    background-color: var(--gray-400);

    -webkit-border-radius: 10px;

    border-radius: 10px

}



.search-form .wh-autocomplete::-webkit-scrollbar-thumb {

    background-color: var(--red);

}



.search-form .clear-search {

    position: absolute;

    left: 0;

    height: 100%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 24px;

    padding: 14px;

    cursor: pointer;

    opacity: .6;

    -webkit-transition: var(--duration);

    -o-transition: var(--duration);;

    -moz-transition: var(--duration);;

    transition: var(--duration);;

}



.search-form.filled input[type="search"] {

    padding-left: 40px;

}



.search-form ul.wh-autocomplete li+li {

    margin-top: 0;

}



.search-form ul.wh-autocomplete li {

    padding: 13.5px 20px 13.5px 27px;

}



.search-form ul.wh-autocomplete li a {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

       -moz-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

       -moz-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    color: var(--black);

    font-weight: 800;

    line-height: var(--lineheight-s);

    font-size: var(--text-md);

}



.search-form ul.wh-autocomplete li span.title {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -moz-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

}



.search-form ul.wh-autocomplete li span.type {

    font-weight: 500;

    display: inline-block;

    font-size: var(--text-xs);

    padding: 5px 8px;

    -webkit-border-radius: var(--rounded-sm);

    -moz-border-radius: var(--rounded-sm);

    border-radius: var(--rounded-sm);

    background-color: var(--red);

    color: var(--white);

}



.wh-autocomplete .title {

    -webkit-line-clamp: 1;

}



/* >= DESKTOP & LAPTOP */

@media all and (min-width: 1300px) {

    .admin-bar .site-header {

        top: 48px;

    }



    .site-header .site-branding {

        margin-right: 36px;

    }



    .site-header .hamburger-menu {

        display: none;

    }



    .site-header .menu .menu-item {

        width: auto;

        margin-bottom: 0;

    }



    .site-header .main-navigation {

        position: relative;

        width: auto;

        margin-left: auto;

    }



    .site-header .main-navigation,

    .site-header .main-navigation .main-navbar,

    .site-header .main-navigation .menu,

    .site-header .menu>.menu-item-has-children {

        height: 100%;

    }



    .site-header .menu>.menu-item-has-children>a {

        width: 100%;

        padding-right: 20px;

    }



    .menu-item .menu-item-has-children>.icon-submenu {

        opacity: 0;

    }



    .menu-item-has-children>.icon-submenu {

        position: absolute;

        top: 50%;

        left: 100%;

        z-index: 1;

        -webkit-transform: translate(-100%, -50%);

           -moz-transform: translate(-100%, -50%);

            -ms-transform: translate(-100%, -50%);

             -o-transform: translate(-100%, -50%);

                transform: translate(-100%, -50%);

        -webkit-transition: var(--duration);

        -o-transition: var(--duration);

        -moz-transition: var(--duration);

        transition: var(--duration);

    }



    .menu-item-has-children:hover>.icon-submenu {

        -webkit-transform: translate(-100%, -50%) rotate(-180deg);

           -moz-transform: translate(-100%, -50%) rotate(-180deg);

            -ms-transform: translate(-100%, -50%) rotate(-180deg);

             -o-transform: translate(-100%, -50%) rotate(-180deg);

                transform: translate(-100%, -50%) rotate(-180deg);

    }



    .sub-menu>.menu-item-has-children>.icon-submenu {

        left: auto;

        right: 0;

    }



    .site-header .menu-item-has-children .sub-menu {

        width: 200px;

        padding: 15px 0;

    }



    .site-header .menu-item-has-children .sub-menu {

        position: absolute;

        z-index: 2;

        opacity: 0;

        border: 1px solid var(--white-50);

        -webkit-box-shadow: var(--shadow-secondary);

           -moz-box-shadow: var(--shadow-secondary);

                box-shadow: var(--shadow-secondary);

        -webkit-border-radius: 0 0 15px 15px;

           -moz-border-radius: 0 0 15px 15px;

                border-radius: 0 0 15px 15px;

        visibility: hidden;

        background-color: var(--white);

        -webkit-transition: var(--transition);

        -o-transition: var(--transition);

        -moz-transition: var(--transition);

        transition: var(--transition);

    }



    .menu>.menu-item-has-children>.sub-menu {

        top: 100%;

        left: 50%;

        -webkit-transform: translate(-50%, 10px);

           -moz-transform: translate(-50%, 10px);

            -ms-transform: translate(-50%, 10px);

             -o-transform: translate(-50%, 10px);

                transform: translate(-50%, 10px);

    }



    .sub-menu>.menu-item-has-children>.sub-menu {

        top: -10px;

        left: 100%;

        -webkit-transform: translateX(10px);

           -moz-transform: translateX(10px);

            -ms-transform: translateX(10px);

             -o-transform: translateX(10px);

                transform: translateX(10px);

    }



    .site-header .menu-item-has-children:hover>.sub-menu,

    .site-header .menu-item-has-children.menu-item-active>.sub-menu {

        opacity: 1;

        visibility: visible;

    }



    .menu>.menu-item-has-children:hover>.sub-menu,

    .menu>.menu-item-has-children.menu-item-active>.sub-menu {

        -webkit-transform: translate(-50%, 0);

           -moz-transform: translate(-50%, 0);

            -ms-transform: translate(-50%, 0);

             -o-transform: translate(-50%, 0);

                transform: translate(-50%, 0);

    }



    .sub-menu>.menu-item-has-children:hover>.sub-menu,

    .sub-menu>.menu-item-has-children.menu-item-active>.sub-menu {

        -webkit-transform: translateX(0);

           -moz-transform: translateX(0);

            -ms-transform: translateX(0);

             -o-transform: translateX(0);

                transform: translateX(0);

    }



    .site-header .menu-item-has-children .sub-menu:after,

    .site-header .menu-item-has-children .sub-menu:before {

        content: '';

        position: absolute;

        top: 0;

        z-index: 2;

        display: block;

        width: 0;

        height: 0;

        -webkit-transform: translate(-50%, -100%);

           -moz-transform: translate(-50%, -100%);

            -ms-transform: translate(-50%, -100%);

             -o-transform: translate(-50%, -100%);

                transform: translate(-50%, -100%);

    }



    .site-header .menu-item-has-children .sub-menu:after,

    .site-header .menu-item-has-children .sub-menu:before {

        left: 50%;

        display: none;

    }



    .site-header .menu-item-has-children .sub-menu:before {

        border-left: 11px solid var(--transparent);

        border-right: 11px solid var(--transparent);

        border-bottom: 11px solid var(--gray-300);

    }



    .site-header .menu-item-has-children .sub-menu:after {

        border-left: 10px solid var(--transparent);

        border-right: 10px solid var(--transparent);

        border-bottom: 10px solid var(--white);

    }



    .sub-menu>.menu-item-has-children>.sub-menu:before,

    .sub-menu>.menu-item-has-children>.sub-menu:after {

        -webkit-transform: rotate(-90deg) translate(-25px, -100%);

           -moz-transform: rotate(-90deg) translate(-25px, -100%);

            -ms-transform: rotate(-90deg) translate(-25px, -100%);

             -o-transform: rotate(-90deg) translate(-25px, -100%);

                transform: rotate(-90deg) translate(-25px, -100%);

    }



    .sub-menu>.menu-item-has-children>.sub-menu:before {

        left: -6px;

        border-bottom-color: var(--white-50);

    }



    .sub-menu>.menu-item-has-children>.sub-menu:after {

        left: -4px;

    }



    .site-header .sub-menu>.menu-item>a {

        width: 100%;

        padding: 5px 20px;

        color: rgba(59,73,79, 0.5);

    }



    .site-header .sub-menu>.menu-item>a:hover,

    .site-header .sub-menu>.menu-item.current-menu-item>a {

        color: var(--blue-dark);

    }



    .site-header .menu>.menu-item-has-children.menu-item-active>a,

    .site-header .menu >.menu-item:not([class*="btn-"]):hover>a {

        color: var(--white);

    }



    .site-header .site-menubar {
        margin-left: 30px;
    }



}







/* >= LARGE DESKTOP */

@media all and (min-width: 1600px) {

    .site-header .menu>.menu-item:not(:last-child) {

        margin-right: 35px;

    }

}







/* >= DESKTOP & LAPTOP && < LARGE DESKTOP */

@media all and (min-width: 1300px) and (max-width: 1599px) {

    .site-header {

        --size-height-logo: 60px;

    }



    .site-header .menu>.menu-item:not(:last-child) {

        margin-right: 25px;

    }

}







/* <= LARGE TABLET */

@media all and (max-width: 1299px) {

    html[lang] {

        margin-top: 0 !important;

    }



    #wpadminbar {

        display: none;

    }



    



    .site-header:not(.toggle-onactive) {

        --rounded-header: 28px;

    }



    .site-header.toggle-onactive {

        --rounded-header: 0px;

    }



    .site .hamburger-menu {

        margin-left: 15px;

    }



    .site-header .main-navigation {

        position: absolute;

        top: 100%;

        left: 0;

        width: 100%;

        height: -webkit-calc(100vh - 100%);

        height: -moz-calc(100vh - 100%);

        height: calc(100vh - 100%);

        opacity: 0;

        visibility: hidden;

        background-color: var(--white);

        -webkit-transform: translateY(-10px);

           -moz-transform: translateY(-10px);

            -ms-transform: translateY(-10px);

             -o-transform: translateY(-10px);

                transform: translateY(-10px);

        -webkit-transition: var(--transition);

        -o-transition: var(--transition);

        -moz-transition: var(--transition);

        transition: var(--transition);

        background: -webkit-gradient(linear, right top, left top, from(rgba(59, 73, 79, 1)), to(rgba(39, 54, 71, 1)));

        background: -webkit-linear-gradient(right, rgba(59, 73, 79, 1) 0%, rgba(39, 54, 71, 1) 100%);

        background: -moz-linear-gradient(right, rgba(59, 73, 79, 1) 0%, rgba(39, 54, 71, 1) 100%);

        background: -o-linear-gradient(right, rgba(59, 73, 79, 1) 0%, rgba(39, 54, 71, 1) 100%);

        background: linear-gradient(-90deg, rgba(59, 73, 79, 1) 0%, rgba(39, 54, 71, 1) 100%);

    }



    .site-header .main-navigation {

        -webkit-box-align: start;

        -webkit-align-items: flex-start;

           -moz-box-align: start;

            -ms-flex-align: start;

                align-items: flex-start;

                -webkit-box-orient: vertical;

                -webkit-box-direction: normal;

                -webkit-flex-direction: column;

                   -moz-box-orient: vertical;

                   -moz-box-direction: normal;

                    -ms-flex-direction: column;

                        flex-direction: column;

    }



    .site-header.toggle-onactive .main-navigation {

        opacity: 1;

        visibility: visible;

        -webkit-transform: translateY(0);

           -moz-transform: translateY(0);

            -ms-transform: translateY(0);

             -o-transform: translateY(0);

                transform: translateY(0);

    }



    .site-header .main-navigation .main-navbar {

        width: 100%;

        padding: 24px 24px 40px;

        max-height: -webkit-calc(100vh - 80px);

        max-height: -moz-calc(100vh - 80px);

        max-height: calc(100vh - 80px);

        overflow: hidden auto;

    }



    .site-header .menu {

        padding-left: 0;

    }



    .main-navigation .menu-item:not(:last-child) {

        margin-bottom: 16px;

    }



    .site-header .menu>.menu-item-has-children>a {

        width: auto;

        margin-right: 5px;

    }



    .site-header .sub-menu>.menu-item>a {

        color: var(--white-50);

    }



    .menu-item-has-children>.icon-submenu {

        position: relative;

    }



    .main-navigation .menu-item-has-children>.sub-menu {

        width: 100%;

        max-height: 0;

        padding-left: 16px;

        margin-top: 0;

        opacity: 0;

        visibility: hidden;

        -webkit-transition: var(--transition);

        -o-transition: var(--transition);

        -moz-transition: var(--transition);

        transition: var(--transition);

    }



    .main-navigation .menu-item-has-children:not(.menu-item-active)>.sub-menu {

        overflow: hidden;

    }



    .main-navigation .menu-item-has-children.menu-item-active>.sub-menu {

        max-height: 10000px;

        padding: 16px 0 8px 16px;

        opacity: 1;

        visibility: visible;

    }



    .site-menubar {

        --gap-menu-bar: 7.5px;

        margin-left: auto;

    }



    .site-menubar-mobile {

        width: 90%;

    }



    .site-menubar-mobile .row-site-menu-extend > .wpb_column:not(:last-of-type) {

        display: none;

    }



    .site-menubar-mobile .row-site-menu-extend > .wpb_column:last-of-type {

        display: inline-block !important;

        padding-left: 24px;

    }

}

@media all and (max-width: 600px) {
    .search-form button[type="submit"] {
        font-size: 0;
        padding: 28px 35px;
        width: 70px;
        height: 56px;
    }

        .site-header {
    
            --size-width-logo: 180px;
    
            --size-height-logo: 44px;
    
        }
}