/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Themes for Foundation Accordion Menus
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* # ~~~~~ mobile acc-theme-light grey ~~~~~ # */
@media screen and (max-width: 40em) {
    .acc-theme-light .menu.vertical li,
    .acc-theme-light .menu.vertical li .submenu li,
    .acc-theme-light .menu.align-right.vertical li,
    .acc-theme-light .menu.align-right.vertical li .submenu li {
        display: block;
        text-align: left;
        background: rgba(0,0,0, 0.8);
        border-bottom: 1px solid #999;
    }
    .acc-theme-light .menu.vertical .ftb-li-first.is-accordion-submenu-item {
        border-top: 1px solid #999;
    }
    .acc-theme-light .menu.vertical .ftb-li-last.is-accordion-submenu-item {
        border-bottom: none;
    }
    .acc-theme-light .submenu-toggle {
        border-left: 1px solid #999;
        min-height: 42px;
    }
    .acc-theme-light .top-bar,
    .acc-theme-light .top-bar ul{
        background: none;
    }
    .acc-theme-light ul.menu > li > a {
        color: #999;
        /*font-weight: bold;*/
        padding-right: .8em !important;
    }
    .acc-theme-light ul.menu li a {
        color: #999;
    }
    .acc-theme-light ul.menu .active a {
        background: rgba(0,0,0, 0.9);
    }
    .acc-theme-light .ftb-mobile-inner{
    }
    .acc-theme-light .menu-icon {
        width: 20px;
    }
    .acc-theme-light .title-bar-title {
        display: none;
        visibility: hidden;
    }
    .acc-theme-light .submenu-toggle::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #999 transparent transparent;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .acc-theme-light .menu-icon::after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background: #222;
        -webkit-box-shadow: 0 7px 0 #222, 0 14px 0 #222;
        box-shadow: 0 7px 0 #222, 0 14px 0 #222;
        content: '';
    }
    .acc-theme-light .menu-icon:hover::after {
        background: #666;
        -webkit-box-shadow: 0 7px 0 #666, 0 14px 0 #666;
        box-shadow: 0 7px 0 #666, 0 14px 0 #666; }
    .blayout-pagets__heroimage_pure .acc-theme-light .menu-icon::after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background: #fefefe;
        -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
        box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
        content: '';
    }
    .blayout-pagets__heroimage_pure .acc-theme-light .menu-icon:hover::after {
        background: #cacaca;
        -webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
        box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }
}
/* # ~~~~~ mobile acc-theme-light white ~~~~~ # */
@media screen and (max-width: 40em) {
    .acc-theme-dark-on-white-border .menu.vertical li,
    .acc-theme-dark-on-white-border .menu.vertical li .submenu li,
    .acc-theme-dark-on-white-border .menu.align-right.vertical li,
    .acc-theme-dark-on-white-border .menu.align-right.vertical li .submenu li {
        display: block;
        text-align: left;
        /*background: rgba(0,0,0, 0.8);*/
        background: #fff;
        border-bottom: 1px solid #999;
    }
    .acc-theme-dark-on-white-border .menu.vertical .ftb-li-first.is-accordion-submenu-item {
        border-top: 1px solid #999;
    }
    .acc-theme-dark-on-white-border .menu.vertical .ftb-li-last.is-accordion-submenu-item {
        border-bottom: none;
    }
    .acc-theme-dark-on-white-border .submenu-toggle {
        border-left: 1px solid #999;
        min-height: 42px;
        height: auto
    }
    .acc-theme-dark-on-white-border .top-bar,
    .acc-theme-dark-on-white-border .top-bar ul{
        background: none;
    }
    .acc-theme-dark-on-white-border ul.menu > li > a {
        color: #333;
        /*font-weight: bold;*/
        padding-right: .8em !important;
    }
    .acc-theme-dark-on-white-border ul.menu .active a {
        background:#f9f9f9;
    }
    .acc-theme-dark-on-white-border .ftb-mobile-inner{
    }
    .acc-theme-dark-on-white-border .menu-icon {
        width: 20px;
    }
    .acc-theme-dark-on-white-border .title-bar-title {
        display: none;
        visibility: hidden;
    }

    .acc-theme-dark-on-white-border .submenu-toggle::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #999 transparent transparent;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .acc-theme-dark-on-white-border .menu-icon::after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background: #999;
        -webkit-box-shadow: 0 7px 0 #999, 0 14px 0 #999;
        box-shadow: 0 7px 0 #999, 0 14px 0 #999;
        content: '';
    }
    .acc-theme-dark-on-white-border .menu-icon:hover::after {
        background: #666;
        -webkit-box-shadow: 0 7px 0 #666, 0 14px 0 #666;
        box-shadow: 0 7px 0 #666, 0 14px 0 #666; }
    .blayout-pagets__heroimage_pure .acc-theme-dark-on-white-border .menu-icon::after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background: #fefefe;
        -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
        box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
        content: '';
    }
    .blayout-pagets__heroimage_pure .acc-theme-dark-on-white-border .menu-icon:hover::after {
        background: #cacaca;
        -webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
        box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }
}
/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
#
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/*Default - is for testing:*/
.accordion-menu li {
    /*background: #ddd;*/
    width: 100%; }
.menu.accordion-menu .active>a {
    color: #AB0108
}
.accordion-menu a {
    padding: 0.7rem 1rem; }

.accordion-menu .is-accordion-submenu a {
    padding: 0.7rem 1rem; }

.accordion-menu .nested.is-accordion-submenu {
    margin-right: 0;
    margin-left: 1rem; }

.accordion-menu.align-right .nested.is-accordion-submenu {
    margin-right: 1rem;
    margin-left: 0; }

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
    position: relative; }
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem; }

.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
    right: 1rem;
    left: auto; }

.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
    right: auto;
    left: 1rem; }

.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }

.is-accordion-submenu-parent {
    position: relative; }

.has-submenu-toggle > a {
    margin-right: 40px; }

.submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer; }
.submenu-toggle::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    top: 0;
    bottom: 0;
    margin: auto; }

.submenu-toggle[aria-expanded='true']::after {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }

.submenu-toggle-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important; }


/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Accordion Common settings:
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.accordion-menu li {
    list-style-type: none;
}
/* # ~~~~~ levels padding ~~~~~ # */
.accordion-menu .is-accordion-submenu {
}
/* sublevel 1:*/
.accordion-menu .is-accordion-submenu a  {
    padding-left: 1.3em;
}
/*sublevel 2:*/
.accordion-menu .is-accordion-submenu li ul a{
    padding-left: 1.6em;
}
/*sublevel 3:*/
.accordion-menu .is-accordion-submenu li ul li ul a{
    padding-left: 1.9em;
}
/*sublevel 4:*/
.accordion-menu .is-accordion-submenu li ul li ul li ul a{
    text-indent: 2.2em;
}
/*sublevel 5:*/
.accordion-menu .is-accordion-submenu li ul li ul li ul li ul a{
    text-indent: 2.5em;
}

/* # ~~~~~ levels bgackground ~~~~~ # */
.accordion-menu .is-accordion-submenu {
    /*background: #222;*/
}
/* sublevel 1:*/
.accordion-menu .is-accordion-submenu li  {
    /*background: #f9f9f9;*/
}
/*sublevel 2:*/
.accordion-menu .is-accordion-submenu ul li {
    /*background: #f2f2f2 ;*/
}
/*sublevel 3:*/
.accordion-menu .is-accordion-submenu ul li ul li{
    /*background: #ECECEC;*/
}
/*sublevel 4:*/
.accordion-menu .is-accordion-submenu li ul li ul li ul a{
    /*background: #444 !important;*/
}
/*sublevel 5:*/
.accordion-menu .is-accordion-submenu li ul li ul li ul li ul a{
    /*background: #444 !important;*/
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Theme Simple
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.acc-simple .accordion-menu li {
    background: none;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
/*.acc-simple .accordion-menu li.ftb-li-last,*/

.acc-simple .accordion-menu li.ftb-li-last.is-accordion-submenu-item {
    border-bottom: 0 !important;
}
.acc-simple .menu > li.is-accordion-submenu-parent {
    /*border-bottom: 1px solid #ccc;*/
}
/*.acc-simple .accordion-menu li.ftb-li-last,*/


.acc-simple .menu.accordion-menu .active>a {
    color: #111
}
.acc-simple .accordion-menu a {
    text-decoration: none;
}

.acc-simple li.has-submenu-toggle {

}
.acc-simple li.has-submenu-toggle a{

}
.acc-simple .submenu-toggle {
    /*height: 30px;*/
}
.acc-simple .submenu-toggle::after {
    /*delete default:*/
    position: absolute;
    border: none;
    font-family: "Font Awesome 5 Pro";
    font-size: 38px;
    line-height: normal;
    z-index: 2;
    content: "\f107";
    /*text-align: center;*/
    width: 40px;
    height: 40px;
    color: #666;
    font-weight: lighter;
    /*top: 50%;*/
    /*transform: translatey(-50%);*/
}
.acc-simple .submenu-toggle[aria-expanded='true']::after {
    content: "\f106";
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    -webkit-transform-origin: inherit;
    -ms-transform-origin:  inherit;
    transform-origin: inherit;
}

/* # ~~~~~ levels bgackground ~~~~~ # */
.acc-simple .accordion-menu .is-accordion-submenu {
    /*background: #222;*/
}
/* sublevel 1:*/
.acc-simple .accordion-menu .is-accordion-submenu li  {
    /*background: #f9f9f9;*/
}
/*sublevel 2:*/
.acc-simple .accordion-menu .is-accordion-submenu ul li {
    /*background: #f2f2f2 ;*/
}
/*sublevel 3:*/
.acc-simple .accordion-menu .is-accordion-submenu ul li ul li{
    /*background: #ECECEC;*/
}
/*sublevel 4:*/
.acc-simple .accordion-menu .is-accordion-submenu li ul li ul li ul a{
    /*background: #444 !important;*/
}
/*sublevel 5:*/
.acc-simple .accordion-menu .is-accordion-submenu li ul li ul li ul li ul a{
    /*background: #444 !important;*/
}


/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Theme squares
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/* # ~~~~~ levels bgackground ~~~~~ # */
.acc-square .accordion-menu .is-accordion-submenu {
    /*background: #222;*/
}
/* sublevel 1:*/
.acc-square .accordion-menu .is-accordion-submenu li  {
    background: #f9f9f9;
}
/*sublevel 2:*/
.acc-square .accordion-menu .is-accordion-submenu ul li {
    background: #ECECEC ;
}
/*sublevel 3:*/
.acc-square .accordion-menu .is-accordion-submenu ul li ul li{
    /*background: #ECECEC;*/
}
/*sublevel 4:*/
.acc-square .accordion-menu .is-accordion-submenu li ul li ul li ul a{
    /*background: #444 !important;*/
}
/*sublevel 5:*/
.acc-square .accordion-menu .is-accordion-submenu li ul li ul li ul li ul a{
    /*background: #444 !important;*/
}
/* # ~~~~~ levels padding ~~~~~ # */
.acc-square .accordion-menu .is-accordion-submenu {
}
/* sublevel 1:*/
.acc-square .accordion-menu a,
.acc-square .accordion-menu .is-accordion-submenu a,
.acc-square .accordion-menu .is-accordion-submenu li ul a,
.acc-square .accordion-menu .is-accordion-submenu li ul li ul a,
.acc-square .accordion-menu .is-accordion-submenu li ul li ul li ul a,
.acc-square .accordion-menu .is-accordion-submenu li ul li ul li ul li ul a {
    padding: 1.5rem;
}
.acc-square .accordion-menu li {
    background: none;
    width: 100%;
    margin-bottom: 1px;
    background: #111
}
.acc-square .accordion-menu > li {
    background: #fff
}
.acc-square .menu.accordion-menu .active>a {
    color: #111
}
.acc-square .accordion-menu a {
    text-decoration: none;
}

.acc-square li.has-submenu-toggle {

}
.acc-square li.has-submenu-toggle a{

}
.acc-square .submenu-toggle {
    height: 65px;
}
.acc-square .submenu-toggle::after {
    /*delete default:*/
    position: absolute;
    border: none;
    font-family: "Font Awesome 5 Pro";
    font-size: 18px;
    line-height: normal;
    z-index: 2;
    content: "\f055";
    text-align: center;

    height: 20px;
    color: #666;
    font-weight: lighter;
    /*top: 50%;*/
    /*transform: translatey(-50%);*/
    left: 10px;
}
.acc-square .submenu-toggle[aria-expanded='true']::after {
    content: "\f056";
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    -webkit-transform-origin: inherit;
    -ms-transform-origin:  inherit;
    transform-origin: inherit;
}


/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Theme colors
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/* # ~~~~~ levels bgackground ~~~~~ # */
.acc-colors .accordion-menu li {
    background: #ECF1F3;
}
.acc-colors .accordion-menu li a {
    background: #F2F5F7;
    transition: all .5s;;
}
.acc-colors .accordion-menu li a:hover {
    background: #E6EDEF;
    transition: all .5s;
}
/* # ~~~~~ sublevel 1 ~~~~~ # */
.acc-colors .accordion-menu li ul li {
    background: #E6EDEF;
}
.acc-colors .accordion-menu li ul li a {
    background: #ECF1F3;
    transition: all .5s;;
}
.acc-colors .accordion-menu li ul li a:hover {
    background: #E0E9EB;
    transition: all .5s;
}
/* # ~~~~~ sublevel 2 ~~~~~ # */
.acc-colors .accordion-menu li ul li ul li {
    background: #E6EDEF;
}
.acc-colors .accordion-menu li ul li ul li a {
    background: #DAE5E7;
    transition: all .5s;;
}
.acc-colors .accordion-menu li ul li ul li a:hover {
    background: #DAE5E7;
    transition: all .5s;
}
/* # ~~~~~ levels padding ~~~~~ # */
.acc-colors .accordion-menu .is-accordion-submenu {
}
/* sublevel 1:*/
.acc-colors .accordion-menu a,
.acc-colors .accordion-menu .is-accordion-submenu a,
.acc-colors .accordion-menu .is-accordion-submenu li ul a,
.acc-colors .accordion-menu .is-accordion-submenu li ul li ul a,
.acc-colors .accordion-menu .is-accordion-submenu li ul li ul li ul a,
.acc-colors .accordion-menu .is-accordion-submenu li ul li ul li ul li ul a {
    padding: 1rem;
}
.acc-colors .accordion-menu li {
    width: 100%;
    /*margin-bottom: 1px;*/
}

.acc-colors .menu.accordion-menu .active>a {
    color: #111
}
.acc-colors .accordion-menu a {
    text-decoration: none;
}

.acc-colors li.has-submenu-toggle {

}
.acc-colors li.has-submenu-toggle > a{
    margin-right: 51px;
}
.acc-colors .submenu-toggle {
    height: 51px;
    width: 51px;
}
.acc-colors .submenu-toggle::after {
    /*delete default:*/
    position: absolute;
    border: none;
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    line-height: normal;
    z-index: 2;
    content: "\f0dd";
    text-align: center;

    height: 31px;
    color: #666;
    font-weight: bold;
    /*top: 50%;*/
    /*transform: translatey(-50%);*/
    left: 20px;
}
.acc-colors .submenu-toggle[aria-expanded='true']::after {
    height: 21px;
    content: "\f0de";
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    -webkit-transform-origin: inherit;
    -ms-transform-origin:  inherit;
    transform-origin: inherit;
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Big Transparent white
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/* # ~~~~~ levels bgackground ~~~~~ # */
.acc-btw .accordion-menu li {
    background: inherit;
    text-align: center !important;
}
.acc-btw .accordion-menu li a {
    background: inherit;
    transition: all .5s;
    display: inline-block !important;
}
.acc-btw .accordion-menu li a:hover {
    background: rgba(0,0,0, 0.2);
    transition: all .5s;
}
/* # ~~~~~ sublevel 1 ~~~~~ # */
.acc-btw .accordion-menu li ul li {
    background: inherit;
}
.acc-btw .accordion-menu li ul li a {
    background: inherit;
    transition: all .5s;;
}
.acc-btw .accordion-menu li ul li a:hover {
    background: rgba(0,0,0, 0.2);
    transition: all .5s;
}
/* # ~~~~~ sublevel 2 ~~~~~ # */
.acc-btw .accordion-menu li ul li ul li {
    background: inherit;
}
.acc-btw .accordion-menu li ul li ul li a {
    background: inherit;
    transition: all .5s;;
}
.acc-btw .accordion-menu li ul li ul li a:hover {
    background: rgba(0,0,0, 0.2);
    transition: all .5s;
}
/* # ~~~~~ levels padding ~~~~~ # */
.acc-btw .accordion-menu .is-accordion-submenu {
}
/* sublevel 1:*/
.acc-btw .accordion-menu a,
.acc-btw .accordion-menu .is-accordion-submenu a,
.acc-btw .accordion-menu .is-accordion-submenu li ul a,
.acc-btw .accordion-menu .is-accordion-submenu li ul li ul a,
.acc-btw .accordion-menu .is-accordion-submenu li ul li ul li ul a,
.acc-btw .accordion-menu .is-accordion-submenu li ul li ul li ul li ul a {
    padding: 2rem;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}
.acc-btw .accordion-menu li {
    width: 100%;
    /*margin-bottom: 1px;*/
}

.acc-btw .menu.accordion-menu .active>a {
    color: lightyellow;
}
.acc-btw .accordion-menu a {
    text-decoration: none;
}

.acc-btw li.has-submenu-toggle {

}
.acc-btw li.has-submenu-toggle > a{
    /*margin-right: 51px;*/
}
.acc-btw .submenu-toggle {
    position: relative;
    display: inline-block;
    float: inherit;
    height: 51px;
    width: 51px;
}
.acc-btw .submenu-toggle::after {
    /*delete default:*/
    position: absolute;
    border: inherit;
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    line-height: normal;
    z-index: 2;
    content: "\f0dd";
    text-align: center;

    height: 31px;
    color: #666;
    font-weight: bold;
    /*top: 50%;*/
    /*transform: translatey(-50%);*/
    /*left: 20px;*/
}
.acc-btw .submenu-toggle[aria-expanded='true']::after {
    height: 21px;
    content: "\f0de";
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    -webkit-transform-origin: inherit;
    -ms-transform-origin:  inherit;
    transform-origin: inherit;
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Fullscreen theme
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/* # ~~~~~ levels bgackground ~~~~~ # */
.acc-full .accordion-menu li {
    background: inherit;
    text-align: left !important;
}
.acc-full .accordion-menu li a {
    background: inherit;
    transition: all .5s;
    display: inline-block !important;
}
.acc-full .accordion-menu li a:hover {
    background: rgba(0,0,0, 0.2);
    transition: all .5s;
}
/* # ~~~~~ sublevel 1 ~~~~~ # */
.acc-full .accordion-menu li ul li {
    background: inherit;
}
.acc-full .accordion-menu li ul li a {
    background: inherit;
    transition: all .5s;;
}h
 .acc-full .accordion-menu li ul li a:hover {
     background: rgba(0,0,0, 0.2);
     transition: all .5s;
 }
/* # ~~~~~ sublevel 2 ~~~~~ # */
.acc-full .accordion-menu li ul li ul li {
    background: inherit;
}
.acc-full .accordion-menu li ul li ul li a {
    background: inherit;
    transition: all .5s;;
}
.acc-full .accordion-menu li ul li ul li a:hover {
    background: rgba(0,0,0, 0.2);
    transition: all .5s;
}
/* # ~~~~~ levels padding ~~~~~ # */
.acc-full .accordion-menu .is-accordion-submenu {
}
/* sublevel 1:*/
.acc-full .accordion-menu a,
.acc-full .accordion-menu .is-accordion-submenu a,
.acc-full .accordion-menu .is-accordion-submenu li ul a,
.acc-full .accordion-menu .is-accordion-submenu li ul li ul a,
.acc-full .accordion-menu .is-accordion-submenu li ul li ul li ul a,
.acc-full .accordion-menu .is-accordion-submenu li ul li ul li ul li ul a {
    padding: 2rem;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    font-size: 200%;
    font-size: 2.0rem;
    border: none;
}
ul.vertical.menu.submenu-2 {
    /*background: rgba(255,255,255, 0.1);*/
    padding-left: 1.5em !important;
}
ul.vertical.menu.submenu-3 {
    /*background: rgba(255,255,255, 0.1);*/
    padding-left: 3em !important;
}
.acc-full .accordion-menu li {
    width: 100%;;
}
.acc-full .accordion-menu > li.li-item-default {
    border-bottom: 1px solid #fff;
}

.acc-full .menu.accordion-menu .active>a {
    color: lightyellow;
}
.acc-full .accordion-menu a {
    text-decoration: none;
}

.acc-full li.has-submenu-toggle {

}
.acc-full li.has-submenu-toggle > a{
    /*margin-right: 51px;*/
}
.acc-full .submenu-toggle {
    position: absolute;
    display: inline-block;
    top: 30px;
    height: 51px;
    width: 51px;
}
.acc-full .submenu-toggle::after {
    /*delete default:*/
    position: absolute;
    border: inherit;
    font-family: "Font Awesome 5 Pro";
    font-size: 40px;
    line-height: normal;
    z-index: 2;
    content: "\f0dd";
    text-align: center;

    height: 50px;
    color: #fff;
    font-weight: bold;
    top: -30px !important;
    /*transform: translatey(-50%);*/
    /*left: 20px;*/
}
.acc-full .submenu-toggle[aria-expanded='true']::after {
    height: 21px;
    content: "\f0de";
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    -webkit-transform-origin: inherit;
    -ms-transform-origin:  inherit;
    transform-origin: inherit;
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Drilldown Themes
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/*common styles:*/
.ddm-theme-default li.active.is-drilldown-submenu-parent > a::after {
    border-color: transparent transparent transparent #fff;
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Theme One - Big Theme
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.ddm-theme-one .drilldown a {
    padding: 1rem;
    padding-right: 2.5em;
    margin-bottom: .2rem;
    background: none;
    font-size: 150%;
    font-size: 1.5rem;
    background: #EDEDED;
    border:none;
    position: relative;
}

.ddm-theme-one .drilldown a:hover {
    /*transform: scale(1.02);*/
}
.ddm-theme-one .drilldown .is-drilldown-submenu-parent>a::after {
    position: absolute;
    top: 0;
    margin-top: 0;
    right: 0;
    display: block;
    height: 100%;
    background: #F0F0F0;
    border: inset 6px;
    content: '';
    border: none;
    font-family: "Font Awesome 5 Pro";
    font-size: 30px;
    text-align: center;
    width: 2em;
    padding-top: .4em;
    border-left: 2px solid #fff;
    content: "\f105";
    color: #999;
    /*color: red;*/
}
.ddm-theme-one .drilldown .js-drilldown-back>a {
    padding-left: 3em;
}
.ddm-theme-one .drilldown .js-drilldown-back>a::before {
    position: absolute;
    left: 0;
    top: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    display: block;
    /*margin-top: -20px;*/
    border-color: transparent #1779ba transparent transparent;
    border-left-width: 0;
    border: none;
    background: #F0F0F0;
    /*display: inline-block;*/
    /*vertical-align: middle;*/
    /*margin-right: .75rem;*/
    border-left-width: 0;
    font-family: "Font Awesome 5 Pro";
    font-size: 30px;
    text-align: center;
    width: 2em;
    height: 100%;
    padding-top: .4em;
    border-right: 2px solid #fff;
    content: "\f104";
    color: #000
}
.ddm-theme-one .menu .active>a {
    background: #ddd;
    color: #000;
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Theme Two - grey Background
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.ddm-theme-two {

}

.ddm-theme-two .drilldown a {
    padding: 1rem;
    margin-bottom: .2rem;
    background: none;
    font-size: 150%;
    font-size: 1.5rem;
    background: #f9f9f9;
    transform: scale(1);
    transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}

.ddm-theme-two .drilldown a:hover {
    transform: scale(1.03);
    background: #F0F0F0;
}
.ddm-theme-two .drilldown .is-drilldown-submenu-parent>a::after {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba;
    border: none;
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    content: "\f105";
    color: #000
}
.ddm-theme-two .drilldown .js-drilldown-back>a::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    margin-top: -20px;
    border-color: transparent #1779ba transparent transparent;
    border-left-width: 0;
    border: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: .75rem;
    border-left-width: 0;
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    content: "\f104";
    color: #000
}
.ddm-theme-two .menu .active>a {
    background: #EAEAEA;
    color: #000;
}


/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Theme Three - border style
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.ddm-theme-three {

}

.ddm-theme-three .drilldown a {
    padding: 1rem;
    margin-bottom: .2rem;
    background: none;
    font-size: 150%;
    font-size: 1.5rem;
    background: #fff;
    border: 1px solid #EAEAEA;
    /*transform: scale(1);*/
    transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}

.ddm-theme-three .drilldown a:hover {
    /*transform: scale(1.03);*/
    background: #EAEAEA;
    border: 1px solid #EAEAEA;
    transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}
.ddm-theme-three .drilldown .is-drilldown-submenu-parent>a::after {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba;
    border: none;
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    content: "\f105";
    color: #333
}
.ddm-theme-three .drilldown .js-drilldown-back>a::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    margin-top: -20px;
    border-color: transparent #1779ba transparent transparent;
    border-left-width: 0;
    border: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: .75rem;
    border-left-width: 0;
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    content: "\f104";
    color: #333
}
.ddm-theme-three .menu .active>a {
    background: #EAEAEA;
    color: #333;
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Theme tr - transparent theme - black
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.ddm-theme-tr .top-bar .is-drilldown {
    background: rgba(0,0,0, 0.9) !important;
    /*background: inherit !important;*/
    /*background: deeppink !important;*/
    background: none;
}

.ddm-theme-tr .drilldown a {
    padding: 1rem;
    margin-bottom: .2rem;
    background: none;
    font-size: 120%;
    font-size: 1.2rem;
    background: #222;
    color: #fff;
}

.ddm-theme-tr .is-drilldown-submenu {
    background: #222;
}
/* sublevel 1:*/
.ddm-theme-tr .is-drilldown-submenu a {
    background: #333 !important;
    /*text-indent: 1em;*/
}
/*sublevel 2:*/
.ddm-theme-tr .is-drilldown-submenu li ul a{
    background: #444 !important;
    /*text-indent: 2em;*/
}
.ddm-theme-tr .drilldown .is-drilldown-submenu-parent>a::after {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem;
    display: block;
    width: 0;
    height: 0;
    border: none;
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    content: "\f105";
    color: #fff;
    z-index: 9;
}
.ddm-theme-tr .drilldown .js-drilldown-back>a::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    margin-top: -20px;
    border: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: .75rem;
    border-left-width: 0;
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    content: "\f104";
    color: #fff
}
.ddm-theme-tr .menu .active>a {
    background: #000;
    color: #ddd;
}
/*when u use in foundation nav.*/

.ftb-mobile-outer.fmo-ddm-theme-tr .top-bar {
    /*background: none*/
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Theme five - picture
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/* # ~~~~~ image in foundation menu  ~~~~~ # */
.ddm-theme-pic .dd-image {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}
.ddm-theme-pic .dd-image img {
    max-height: 56px;
    width: auto;
}
.ddm-theme-pic .drilldown li {
    min-height: 58px !important;
}
.ddm-theme-pic .drilldown a {
    padding: 1rem 1rem 1rem 130px;
    margin-bottom: 2px;
    background: none;
    font-size: 150%;
    font-size: 1.5rem;
    background: #f9f9f9;
    transform: scale(1);
    transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}

.ddm-theme-pic .drilldown a:hover {
    transform: scale(1.03);
    background: #F0F0F0;
}
.ddm-theme-pic .drilldown .is-drilldown-submenu {
    padding-bottom: 2rem;
}
.ddm-theme-pic .drilldown .is-drilldown-submenu-parent>a::after {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba;
    border: none;
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    content: "\f105";
    color: #000
}
.ddm-theme-pic .drilldown .js-drilldown-back>a {
    padding-left: 1rem;
}
.ddm-theme-pic .drilldown .js-drilldown-back>a::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    margin-top: -20px;
    border-color: transparent #1779ba transparent transparent;
    border-left-width: 0;
    border: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: .75rem;
    border-left-width: 0;
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    content: "\f104";
    color: #000
}
.ddm-theme-pic .is-drilldown .menu .active>a {
    background: #EAEAEA;
    color: #000;
}