/* Main-Menu */
.main-menu .menu-logo, .main-menu .menu-social  { display: none; }
.main-menu.active .menu-logo, .main-menu.active .menu-social { display: block; }
.main-menu.active .menu-logo { background-color: #fff; padding: 4px 0 0 16px; }
.main-menu.active .menu-social a::before { display: none; }
.main-menu ul.main-menu-nav { display: flex; align-items: flex-start; list-style: none; font-family: 'Roboto', sans-serif; padding-left: 0; }
.main-menu ul.main-menu-nav>li { position: relative; float: left; width: auto; }
.main-menu ul.main-menu-nav>li a:hover{ color: #348D19 !important; }
.main-menu ul.main-menu-nav>li a::before { display: block; content: ''; width: 80%; height: 2px; background-color: #348D19; position: absolute; bottom: 0; opacity: 0; transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1); }
.main-menu ul.main-menu-nav>li a:hover:before, .main-menu ul.main-menu-nav>li a.active:before  { opacity: 1;}
.main-menu.active ul.main-menu-nav>li a::before { width: 100%; }
.main-menu ul li.dropdown-item>a:after{ width: 15px; height: 15px;text-align: center;float: right;background-color: #343E51;content: "";margin: 5px 0 0 1px;-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="12px" height="12px" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"></path></svg>');mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="12px" height="12px" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"></path></svg>');-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center;mask-position: center; }
.main-menu ul li .dropdown{ display:none; position: absolute; min-width: 200px; }

@media screen and (min-width: 993px) {
    .main-menu ul.main-menu-nav>li a { color: #343E51 !important; text-decoration: none; padding: 10px 10px; display: inline-block; font-size: 14px; font-weight: 600; text-transform: uppercase; height: 100%; position: relative; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 400ms; }
    .main-menu ul li.dropdown-item:hover .dropdown { display: block; position: absolute; margin: 0; padding: 5px 0; min-width: 220px; padding-top: 0 !important; }
    .main-menu ul li.dropdown-item:hover > a { border-radius: 8px 8px 0 0 !important; }
    .main-menu ul li.dropdown-item ul li.dropdown-item:hover > a { border-radius: 8px !important; }
    .main-menu ul li.dropdown-item:hover .dropdown .dropdown { display: none; }
    .main-menu ul li.dropdown-item .dropdown li.dropdown-item:focus, .main-menu ul.main-menu-nav .dropdown ul li a:focus-visible { outline: 0; }
    .main-menu ul li.dropdown-item .dropdown li.dropdown-item:hover .dropdown, .main-menu ul li.dropdown-item .dropdown li.dropdown-item:focus .dropdown { padding-left: 16px; position: absolute; margin: 0; padding-top: 0 !important; min-width: 200px; display: inline-table; top: 0 !important; left: 100%; right: auto; }
    .main-menu ul li.dropdown-item .dropdown .dropdown .dropdown { display: none !important; visibility: hidden; }
    .main-menu ul li.dropdown-item .dropdown ul { list-style: none; background-color: #fff; float: left; padding: 10px; border-radius: 0 8px 8px 8px; box-shadow: 0 3px 3px #4a4a4a4d; }
    .main-menu ul li.dropdown-item ul li a { color: #333 !important; font-weight: 400; text-decoration: none; padding: 5px 0; float: left; width: 100%; border-radius: 0;  font-size: 14px; }
    .main-menu ul.main-menu-nav .dropdown ul li a:hover { color: #333 !important; padding-left: 7px; transition: all 0.15s ease-out; }
    
    /* Animations */
    .dropdown-item .dropdown{ animation: translateDown 200ms 0ms ease-in-out forwards; transform-origin: top center; }
    .dropdown-item .dropdown-item .dropdown { transform-origin: top center !important; animation: translateX 200ms 0ms ease-in-out forwards !important; }
    @keyframes translateDown { 0% { transform: scaleY(0) } 80% { transform: scaleY(1.1) } 100% { transform: scaleY(1) } }
    @keyframes translateX { 0% { opacity: 0; transform: translateX(-60px); } 80% { transform: translateX(-5px); } 100% { opacity: 1; transform: translateX(0px); } }
    
    /* Dropdown + Dropdown */
    .main-menu ul li.dropdown-item ul li .nav-dropdown:after { width: 15px; height: 15px; text-align: center; float: right; background-color: #000; content: ''; margin: 1px 0 0 3px; -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="12px" height="12px" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"></path></svg>'); mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="12px" height="12px" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"></path></svg>'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; }
}

.main-menu ul.main-menu-nav .dropdown ul li { float: left; width: 100%; }
.main-menu ul.main-menu-nav .dropdown ul li a{ padding: 8px 0; }
.main-menu ul li.dropdown-item ul li a, .main-menu ul li.dropdown-item ul li .dropdown ul li a { border-bottom: 1px dotted #eee; }
.main-menu ul li.dropdown-item ul li:last-child a, .main-menu ul li.dropdown-item ul li .dropdown ul li:last-child a { border-bottom: 0 !important; }

/* Dropdown + Dropdown */
.main-menu ul li.dropdown-item ul li a:before, .main-menu ul li.dropdown-item ul li .nav-dropdown ul li a:after{ display: none !important; }
.main-menu ul li.dropdown-item ul li .nav-dropdown ul li:last-child a{ border-bottom: 0 !important; }
.main-menu ul li.dropdown-item .dropdown ul li.dropdown-item { display: inline-block; height: 100%; position: relative; width: 100%; }

/* Responsive Menu */
@media screen and (max-width: 993px) {
    .main-menu { position: relative; display: none; }
    .main-menu.active { display: block; }
    .main-menu-nav { display: none !important; }
    .main-menu.active .main-menu-nav { display: block !important; }
    .main-menu.active{ position: fixed; left: 0; top: 0; margin-top: 0 !important; width: 45%; height: 100vh; display: flex; flex-direction: column; z-index: 14; }
    .main-menu.active .main-menu-nav{ background-color: #fff; float: left; margin-top: 0; padding: 0 20px 40px 20px; width: 100%; height: 100%; overflow: scroll; transform-origin: top center !important; }
    .main-menu.active .main-menu-nav, .menu-close { animation: translateX 400ms 0ms ease-in-out forwards !important; }
    @keyframes translateX { 0% { opacity: 0; transform: translateX(-160px); } 80% { transform: translateX(-5px); } 100% { opacity: 1; transform: translateX(0px); } }
    .main-menu ul.main-menu-nav>li { float: left; width: 100%; }
    .main-menu ul.main-menu-nav>li a{ float: left; width: 100%; text-decoration: none; color: #333; padding: 10px 0; border-bottom: 1px solid #ddd; }
    .main-menu ul.main-menu-nav>li a:hover { float: left; width: 100%; transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1); text-decoration: none; color: #348D19 !important; padding: 10px 0; }
    .main-menu ul li.dropdown-item>a:hover:after{ background-color: #348D19 !important; } 
    .nav-dropdown.opened { color: #348D19 !important; border-bottom: 1px solid #348D19 !important; }
    .main-menu ul.main-menu-nav>li:last-child a{ border-bottom: 0 solid #ddd; }
    .main-menu.active ul li .nav-dropdown.opened + .dropdown ul { list-style: none; float: left; margin-left: 0; padding-left: 7px; }
    .main-menu.active ul li .nav-dropdown.opened + .dropdown ul .dropdown ul { padding-left: 15px; }
    .main-menu.active ul li .nav-dropdown.opened + .dropdown{ display: block; position: relative; margin: 0; padding: 5px 0; min-width: unset; padding-top: 0 !important; float: left; }
    .main-menu.active ul li.dropdown-item:hover + .dropdown + .dropdown{ display: none; } 
    #menu-overlay { background-color: rgba(0,0,0,.3); float: left; display: none; width: 100%; height: 100vh; z-index: 13; position: fixed; top: 0; bottom: 0; left: 0; right: 0; }
    #menu-overlay.show { display: block !important; }
    .menu-open .open { width: 40px; height: 40px; float: right; background-color: #000; -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="40px" height="40px" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-filter-square" viewBox="0 0 16 16"><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"></path><path d="M6 11.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"></path></svg>'); mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="40px" height="40px" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-filter-square" viewBox="0 0 16 16"><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"></path><path d="M6 11.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"></path></svg>'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; transition: all 0.2s ease-out; }
    .mobile-menu-active .menu-open .open, .menu-open .open:hover { -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="40px" height="40px" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-filter-square-fill" viewBox="0 0 16 16"><path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm.5 5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1 0-1zM4 8.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm2 3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5z"></path></svg>'); mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="40px" height="40px" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-filter-square-fill" viewBox="0 0 16 16"><path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm.5 5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1 0-1zM4 8.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm2 3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5z"></path></svg>'); }
    .menu-close .close { width: 38px; height: 38px; float: right; background-color: #000; -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="38px" height="38px" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-x close" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"></path></svg>'); mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="38px" height="38px" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-x close" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"></path></svg>'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; transition: all 0.2s ease-out; }
    .menu-close .close:hover { background-color: #000; -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="30px" height="30px" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z"></path></svg>'); mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="30px" height="30px" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z"></path></svg>'); }
    .main-menu.active ul li.dropdown-item>a.opened:after{ -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" fill="currentColor" class="bi bi-chevron-up" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/></svg>') !important; mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" fill="currentColor" class="bi bi-chevron-up" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/></svg>') !important; }
}

@media screen and (max-width: 500px) { 
    .main-menu.active { width: 70%; }
}

@media screen and (max-width: 400px) {
    .main-menu.active{ width: 100%; }
}