/*
body { font-size :var(--e-global-typography-90842bf-font-size ); font-family: var(--e-global-typography-90842bf-font-family ), Sans-serif;}
*/
body { scroll-padding-top:200px !important; scroll-margin-top:200px !important}

.icon-menu {
    display: none;
    z-index: 999;
    transition: ease right .5s;
    position: fixed;
    top: 50%;
    width: calc(100vw - 110px);
    height: auto;
    font-size: 85%;
    transform: translateY(-50%);
    padding: 0;
    margin: 0;
    right:  calc((100vw - 110px) * -1);
    display: block;
}

.icon-menu.in {
    right: 0
}

.icon-menu ul {
    list-style: none;
    width: 50px;
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
}

.content-holder {
    position: absolute;
    left: 65px;
    top: 0;
    right: 0;
    background: #fff;
    height: 100%;
    overflow: auto;
    padding: 25px;
    min-height: 300px;
    max-height: 50vH;
    box-shadow: 5px 7px 17px rgba(0, 34, 65, .145);
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}


.content-holder .content {
    display: none;
}

.content-holder .content.visible {
    display: block;
}

.content-holder a {
    color: #fff;
}

.icon-menu li {
    height: 50px;
    /* width: 50px; */
    position: relative;
    float: left;
    padding: 0;
    margin: 0 10px 5px 0;
    text-align: center;
    overflow: visible;
    display: block;
    white-space: nowrap;
    transition: transform ease .5s;
}

.icon-menu li .listicon {
    height: 50px;
    width: 50px;
    position: absolute;
    left: 0px;
    top: 0;

    line-height: 50px;
}


.icon-menu li:before {
    content: '';
    left: 0px;
    top: 0;
    bottom: 0;
    right: calc(100% - 50px);
    position: absolute;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    background-color:var(--highlight);
    transition: all ease .3s;
    z-index: -1;
    box-shadow: 5px 7px 17px rgba(0, 34, 65, .145);

}

.icon-menu li:hover:before {
    right: 0;
    background-color: var( --e-global-color-1b73d75 ) !important;
	color:#fff;
}

.icon-menu li:hover {
    transform: translateX(calc(-100% + 115px));
}

.icon-menu li:hover a {
    color:#fff;
	transform: none !important
}

.icon-menu li:hover .listicon {
    color:#fff;
}

.icon-menu li a {
    line-height: 50px !important;
    color: #fff;
    display: block;
    font-size: 17px;
    white-space: nowrap;
    padding: 0 75px 0 65px;
}

.icon-menu li i {
    font-size: 20px;
    color: #fff; line-height: 50px;
}

.icon-menu li:hover i {
   color:#fff;
}

.icon-menu li.active:before {
    background-color: var(--e-global-color-cc76846);
}

.icon-menu li.active .listicon i,
.icon-menu li.active a {
    color: #fff;
}

.icon-menu li a:hover {
	transform: none !important
}

.closeToggle {
    position: absolute;
    top: 15px;
    right: 25px;
    line-height: 30px;
    height: 50px;
    color:var(--e-global-color-cc76846);
    z-index: 2
}

@media (min-width: 768px) {
    .icon-menu {
        z-index: 999;
        transition: ease right .5s;
        position: fixed;
        top: 50%;
        width: 390px;
        height: auto;
        font-size: 85%;
        transform: translateY(-50%);
        padding: 0;
        margin: 0;
        right: -335px;
        display: block;
    }
}


 .mobilenav {
        top: 0;
        bottom: 0;
        min-width: 140px;
        z-index: 99;
        padding: 10px;
	 padding-top: 50px !important;
	 	 padding-bottom: 50px !important;

        position: fixed;
        height: 100%;
        overflow: auto;
        border-right: 1px solid #999;
        transition: right ease .3s;
        text-align: left;
        width: 450px;
        right: -450px;
        background-color: var( --e-global-color-primary );
	  background-color: var( --highlight);
        box-shadow: inset 3px 0 5px rgba(0, 0, 0, 0);
	    /*display: flex;
    align-items: stretch;
    /*flex-direction: column;*/
	     justify-content: center;
    }
.mobilenav .elementor-shortcode { margin: 50px 0;}
.mobilenav ul.mobilemenu, .mobilenav ul.mobilemenu li ul { display: block; list-style:none; margin:0; padding:0;}
.mobilenav ul.mobilemenu > li {
	 border-bottom: 1px solid rgba(255,255,255,.25);  
}
.mobilenav ul.mobilemenu > li:first-child { border-top: 1px solid rgba(255,255,255,.25) }
.mobilenav ul.mobilemenu li ul.sub-menu { display: none; width:100%;}
.mobilenav ul.mobilemenu li { position: relative; display: block;}
.mobilenav ul.mobilemenu li a { font-size:14px; padding:10px 15px; display: block; color: #fff}
.mobilenav ul.mobilemenu li a:hover { color: var( --e-global-color-accent )}


.mobilenav ul.mobilemenu li.current-menu-item a { background-color: #fff;}

.mobilenav ul.mobilemenu li ul.sub-menu { padding-left:15px; }
.mobilenav ul.mobilemenu li ul.sub-menu a { font-size:12px;}

.mobilenav ul.mobilemenu li.menu-item-has-children:after { content:''; position: absolute; right: 5px; top:13px;  width: 6px; height: 6px; border-left: 1px solid rgba(255,255,255,.75); border-bottom: 1px solid rgba(255,255,255,.75); transform-origin: center; transform: rotate(-45deg) }
.mobilenav ul.mobilemenu li.menu-item-has-children.parent-clicked:after { transform: rotate(135deg); border-color:  var( --e-global-color-accent ) }
.mobilenav ul.mobilemenu li.menu-item-has-children.parent-clicked > a { color: var( --e-global-color-accent ) }

.mobilenav ul.mobilemenu li.current-menu-parent ul.sub-menu,
.mobilenav ul.mobilemenu li.parent-clicked ul.sub-menu { display: block}
.mobilenav ul.mobilemenu li.parent-clicked { border-bottom-color: rgba(255,255,255,.75)}
div[data-elementor-type="wp-page"],
.elementor-location-single, .elementor-location-footer, .elementor-location-header > div  { transition: transform ease .3s}


 .menuicon {
        z-index: 99999;
        position: relative;
        display: block;
        padding: 12px 7px;
        height: 40px;
        width: 40px;
        margin: 0px;
        top: 0px;
        right: 0;
	         background: var(--e-global-color-primary);
	 background: var(--highlight);
	 border-radius: 50%;
	 border:2px solid var(--e-global-color-primary);
	 	 border:2px solid var(--highlight);

    }

    .menui {
        transition: transform ease 0.3s;
        margin-top: 8px;
        position: absolute;
    }

    .top-menu {
        top: 2px;
        width: 22px;
        height: 2px;
        border-radius: 0;
        background-color: #fff;
    }

    .mid-menu {
        top: 9px;
        width: 22px;
        height: 2px;
        border-radius: 0;
        background-color: #fff;
    }

    .bottom-menu {
        top: 16px;
        width: 22px;
        height: 2px;
        border-radius: 0;
        background-color: #fff;
    }

body.menuopen .menuicon { background-color: #fff;}
    body.menuopen .top-menu {
         background: var(--e-global-color-primary);
	 background: var(--highlight);
        top: 9px !important;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    body.menuopen .mid-menu {
        opacity: 0;
    }

    body.menuopen .bottom-menu {
        background: var(--e-global-color-primary);
	 background: var(--highlight);
        top: 9px !important;
        -webkit-transform: rotate(-225deg);
        transform: rotate(-225deg);
    }

body.menuopen div[data-elementor-type="wp-page"],
body.menuopen .elementor-location-header > div,
body.menuopen .elementor-location-footer,
body.menuopen .elementor-location-single  { transform: translatex(-450px);}

@media (max-width: 768px) {
body.menuopen div[data-elementor-type="wp-page"],

    body.menuopen .elementor-location-header > div,
body.menuopen .elementor-location-footer,
body.menuopen .elementor-location-single {
        transform: translateX(-325px);
        -webkit-transform: translateX(-325px);
        -moz-transform: translateX(-325px);
        -ms-transform: translateX(-325px);
        -o-transform: translateX(-325px);
        transform: translateX(-325px);
    }
body.menuopen div[data-elementor-type="wp-page"],

    body.menuopen .elementor-location-header > div,
body.menuopen .elementor-location-footer,
body.menuopen .elementor-location-single {
        transform: translateY(0) translateX(-325px);
        -webkit-transform: translateY(0) translateX(-325px);
        -moz-transform: translateY(0) translateX(-325px);
        -ms-transform: translateY(0) translateX(-325px);
        -o-transform: translateY(0) translateX(-325px);
        transform: translateY(0) translateX(-325px);
    }

    .mobilenav {
        max-width: 325px
    }
}


@media (max-width: 576px) {
body.menuopen div[data-elementor-type="wp-page"],

    body.menuopen .elementor-location-header > div,
body.menuopen .elementor-location-footer,
body.menuopen .elementor-location-single {
        transform: translateX(-280px);
        -webkit-transform: translateX(-280px);
        -moz-transform: translateX(-280px);
        -ms-transform: translateX(-280px);
        -o-transform: translateX(-280px);
        transform: translateX(-280px);
    }


    .mobilenav {
        max-width: 280px;
        padding: 15px;
    }
}
body.menuopen { overflow: hidden;}
body.menuopen .mobilenav { right:0;}