﻿/***********/
/* CT Menu */
/***********/

.MainHeader {
    box-shadow: rgba(0,0,0,0.16) 0px 3px 6px;
}

    .MainHeader .mega-menu-item {
        font-family: 'Plus Jakarta Sans - Semi Bold' !important;
        letter-spacing: 1.8px !important;
    }

        .MainHeader .mega-menu-item.mega-has-icon {
            float: right !important;
        }

            .MainHeader .mega-menu-item.mega-has-icon:nth-child(2n+2) {
                margin-right: 84px !important;
            }

    /* First Element of menu into MainHeader*/
    .MainHeader li.mega-menu-item-object-page.mega-align-bottom-left.mega-menu-item-type-post_type {
        padding-right: 0px !important;
        padding-left: 32px !important;
    }
        /* Other Element of menu into MainHeader*/
        .MainHeader li.mega-menu-item-object-page.mega-align-bottom-left.mega-menu-item-type-post_type + li.mega-menu-item-object-page.mega-align-bottom-left.mega-menu-item-type-post_type {
            padding-right: 0px !important;
        }

    /* Other Element of menu into MainHeader */
    .MainHeader li.mega-menu-item-object-page.mega-align-bottom-left.mega-item-align-right.mega-menu-item-type-post_type {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }




    /* Sub menu Grid */

    /*#mega-menu-wrap-primary-menu,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu ul.mega-sub-menu, 
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item, 
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-row, 
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-column,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu span.mega-menu-badge {*/



    .MainHeader .mega-menu-grid > .mega-sub-menu .mega-menu-row {
        position: relative !important;
        height: 100% !important;
        width: 100% !important;
        display: flex !important;
        align-content: center !important;
        flex-wrap: wrap !important;
        background: url("/wp-content/uploads/2022/12/Bottom_Points-2-1.svg") no-repeat left bottom !important;
        background-size: 1918px 170px !important;
    }


    .MainHeader .mega-menu-row .mega-menu-item .mega-custom-icon::before {
        float: left !important;
    }

    .MainHeader .mega-menu-row .mega-menu-item .ctSubMenuTitle {
        margin-left: 116px;
        font: normal 20px 'Plus Jakarta Sans - Extra Light' !important;
        color: white;
        text-transform: none !important;
        margin-bottom: 16px;
    }

    .MainHeader .mega-menu-row .mega-menu-item .ctSubMenuDescription {
        margin-left: 116px;
        font: normal 16px 'Plus Jakarta Sans - Extra Light' !important;
        color: white;
        text-transform: none !important;
        margin-bottom: 16px;
    }
/* End Sub menu Grid */




/* MOBILE*/
@media only screen and (max-width: 1460px) {

    /*.MainHeader:after {
        content:'MOBILE';
        display:inline-block;
        position:absolute;
        top:0px;
        left:0px;
        background-color:gainsboro;
        color:dimgray;
        font:normal 16px Calibri;
        padding:2px;
        z-index:100;
        pointer-events:none;
    }*/

    .MainHeader #mega-menu-primary-menu > li.mega-menu-item {
        min-height: 80px;
        line-height: 20px;
    }

        .MainHeader #mega-menu-primary-menu > li.mega-menu-item .mega-menu-link {
            padding-left: 16px !important;
        }

    /* Popup Sub Menu DialogMaster = > Outbound + Inbound */
    .MainHeader #mega-menu-wrap-primary-menu #mega-menu-primary-menu {
        height: calc(100% - 100px) !important;
        position: fixed !important;
        padding-left: 0px !important;
        box-sizing: border-box;
        overflow: auto;
        padding-bottom: 170px !important;
    }

    body.mega-menu-primary-menu-mobile-open {
        overflow: hidden !important;
    }


    .MainHeader .mega-menu-grid > .mega-sub-menu .mega-menu-row {
    }

    #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
        float: none !important;
    }

    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
        border: 0;
        padding: 0px !important;
        border-radius: 0;
    }

    .MainHeader .mega-menu-item.mega-has-icon {
        float: none !important;
    }

        .MainHeader .mega-menu-item.mega-has-icon:nth-child(2n+2) {
            margin-right: 0px !important;
        }

    xxx.MainHeader .mega-sub-menu {
        position: relative !important;
        padding-left: 40px !important;
        padding-bottom: 30px !important;
    }

    .MainHeader li.mega-menu-item-object-page.mega-align-bottom-left.mega-menu-item-type-post_type {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
        /* Other Element of menu into MainHeader*/
        .MainHeader li.mega-menu-item-object-page.mega-align-bottom-left.mega-menu-item-type-post_type + li.mega-menu-item-object-page.mega-align-bottom-left.mega-menu-item-type-post_type {
            padding-right: 0px !important;
        }

    /* Other Element of menu into MainHeader*/
    .MainHeader li.mega-menu-item-object-page.mega-align-bottom-left.mega-item-align-right.mega-menu-item-type-post_type {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    /* Sub menu Grid */
    .MainHeader .mega-menu-row .mega-menu-item .ctSubMenuTitle {
        font: normal 16px 'Plus Jakarta Sans - Extra Light' !important;
    }

    .MainHeader .mega-menu-row .mega-menu-item .ctSubMenuDescription {
        font: normal 12px 'Plus Jakarta Sans - Extra Light' !important;
    }

    .MainHeader a.mega-menu-logo img.mega-menu-logo-mobile {
        margin-left: 24px !important;
        margin-top: 24px !important;
    }

    .MainHeader a.mega-menu-logo img.mega-menu-logo-mobile {
        width: 191px !important;
        height: 56px !important;
    }

 }

    /* End Sub menu Grid */

    .MainHeader #mega-menu-primary-menu > li.mega-wpml-ls-item > a > .mega-indicator {
        color: #00ADDC !important;
        font-size: 15px !important;
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Creator: CorelDRAW 2021.5 --%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='43px' height='23px' version='1.1' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd'%0AviewBox='0 0 1540 830' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:xodm='http://www.corel.com/coreldraw/odm/2003'%3E%3Cg id='Plan_x0020_1'%3E%3Cmetadata id='CorelCorpID_0Corel-Layer'/%3E%3Cpolyline id='Tracé_32' fill='none' fill-rule='nonzero' stroke='%2300ADDC' stroke-width='110' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.9256' points='60,60 770,770 1480,60 ' data-name='TracÃ© 32'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
        background-position: right center !important;
        background-repeat: no-repeat !important;
        background-size: 16px 8px !important;
        width: 26px !important;
        min-width: 26px;
        margin-left: 0px !important;
    }

    .MainHeader #mega-menu-primary-menu .mega-indicator::after {
        content: '' !important;
    }

    .MainHeader #mega-menu-primary-menu .mega-indicator {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Creator: CorelDRAW 2021.5 --%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='43px' height='23px' version='1.1' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd'%0AviewBox='0 0 1540 830' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:xodm='http://www.corel.com/coreldraw/odm/2003'%3E%3Cg id='Plan_x0020_1'%3E%3Cmetadata id='CorelCorpID_0Corel-Layer'/%3E%3Cpolyline id='Tracé_32' fill='none' fill-rule='nonzero' stroke='%23FEFEFE' stroke-width='110' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.9256' points='60,60 770,770 1480,60 ' data-name='TracÃ© 32'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
        background-position: right center !important;
        background-repeat: no-repeat !important;
        background-size: 16px 7px !important;
        width: 26px !important;
        min-width: 26px;
    }

    .MainHeader #mega-menu-primary-menu > li.mega-wpml-ls-item > a > .wpml-ls-native {
        font-family: 'Plus Jakarta Sans - Regular' !important;
        font-weight: normal !important;
        text-transform: uppercase;
        color: #00ADDC !important;
        font-size: 15px !important;
    }

    .MainHeader #mega-menu-primary-menu > li.mega-wpml-ls-menu-item .mega-menu-link {
        color: #00ADDC !important;
    }

    .MainHeader .mega-menu-row .mega-menu-item .ctSubMenuDescription {
        max-width: 500px !important;
    }

    .MainHeader .mega-menu-grid > .mega-sub-menu .mega-menu-row {
        background: none !important;
    }

    .MainHeader #mega-menu-wrap-primary-menu #mega-menu-primary-menu {
        background-color: rgb(0, 43, 72) !important;
        dec24-background-image: url("/wp-content/uploads/2022/12/Bottom_Points-2-1.svg") !important;
        background-repeat: no-repeat !important;
        background-position: left bottom !important;
        background-size: 1918px 170px !important;
    }
}

/* DESKTOP */
@media only screen and (min-width: 1460px) {

    /*.MainHeader:after {
        content: 'DESKTOP';  
        display: inline-block;
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: gainsboro;
        color: dimgray;
        font: normal 16px Calibri;
        padding: 2px;
        z-index: 100;
        pointer-events: none;
    }*/

    .MainHeader .mega-menu-grid > .mega-sub-menu .mega-menu-row {
        background: none !important;
    }



    /* Popup Sub Menu DialogMaster => Outbound+Inbound */
    .MainHeader #mega-menu-wrap-primary-menu #mega-menu-primary-menu .mega-menu-grid > ul.mega-sub-menu {
        height: calc(100% - 100px) !important;
        position: fixed !important;
        padding-left: 0px !important;
        box-sizing: border-box;
        background-color: rgb(0, 43, 72) !important;
        background-image: url("/wp-content/uploads/2022/12/Bottom_Points-2-1.svg") !important;
        background-repeat: no-repeat !important;
        background-position: left bottom !important;
        background-size: 1918px 170px !important;
    }

    /* Icons at right on Main Menu */
    /* Button on right (icon+label) */
    .MainHeader .mega-item-align-right.mega-icon-top.mega-has-icon {
        float: right !important;
    }
    /* Icon */
    .MainHeader .mega-icon-top.mega-has-icon a::before {
        margin-top: 20px !important;
        margin-bottom: -2px !important;
    }
    /* Label of button on right */
    .MainHeader .mega-icon-top.mega-has-icon .mega-title-below {
        color: #00ADDC !important;
        font-family: 'Plus Jakarta Sans - Regular' !important;
        font-weight: normal !important;
        text-transform: uppercase;
        font-size: 11px !important;
        letter-spacing: 0px;
    }

    .MainHeader .wpml-ls-statics-shortcode_actions li:first-child .wpml-ls-native {
        color: white !important;
    }

    .MainHeader #mega-menu-primary-menu .mega-indicator::after {
        content: '' !important;
    }

    .MainHeader #mega-menu-primary-menu .mega-indicator {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Creator: CorelDRAW 2021.5 --%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='43px' height='23px' version='1.1' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd'%0AviewBox='0 0 1540 830' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:xodm='http://www.corel.com/coreldraw/odm/2003'%3E%3Cg id='Plan_x0020_1'%3E%3Cmetadata id='CorelCorpID_0Corel-Layer'/%3E%3Cpolyline id='Tracé_32' fill='none' fill-rule='nonzero' stroke='%23FEFEFE' stroke-width='110' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.9256' points='60,60 770,770 1480,60 ' data-name='TracÃ© 32'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
        background-position: right center !important;
        background-repeat: no-repeat !important;
        background-size: 16px 7px !important;
        width: 26px !important;
        min-width: 26px;
    }

    .MainHeader #mega-menu-primary-menu > li.mega-wpml-ls-item {
        position: absolute !important;
        right: 20px !important;
    }

        .MainHeader #mega-menu-primary-menu > li.mega-wpml-ls-item > a > .mega-indicator {
            color: #00ADDC !important;
            font-size: 15px !important;
            background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Creator: CorelDRAW 2021.5 --%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='43px' height='23px' version='1.1' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd'%0AviewBox='0 0 1540 830' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:xodm='http://www.corel.com/coreldraw/odm/2003'%3E%3Cg id='Plan_x0020_1'%3E%3Cmetadata id='CorelCorpID_0Corel-Layer'/%3E%3Cpolyline id='Tracé_32' fill='none' fill-rule='nonzero' stroke='%2300ADDC' stroke-width='110' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.9256' points='60,60 770,770 1480,60 ' data-name='TracÃ© 32'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
            background-position: right center !important;
            background-repeat: no-repeat !important;
            background-size: 16px 8px !important;
            width: 26px !important;
            min-width: 26px;
            margin-left: 0px !important;
        }



        .MainHeader #mega-menu-primary-menu > li.mega-wpml-ls-item > a > .wpml-ls-native {
            font-family: 'Plus Jakarta Sans - Regular' !important;
            font-weight: normal !important;
            text-transform: uppercase;
            color: #00ADDC !important;
            font-size: 15px !important;
        }

    .MainHeader a.mega-menu-logo img.mega-menu-logo-mobile {
        width: 191px !important;
        height: 56px !important;
    }

}
/* DESKTOP */
