.r2-open-side-menu-wrapper,
.r2-open-side-menu,
#r2-close-side-menu {
    display: none;
}
.opacityZero{opacity: 0 !important}

@media (min-width: 1200px) {
	.nav .customDropdown > a:hover { 
	background: transparent;
	color:var(--tertiary-color);
	}
    .r2-mainmenu .megamenu {
        display: flex;
    }
    .r2-mainmenu .megamenu,
    .r2-mainmenu ul {
        padding: 0;
        list-style: none;
    }
    .r2-mainmenu .megamenu > li .dropdown-toggle .menu-title {
        display: inline-block;
        vertical-align: middle;
    }
    .r2-mainmenu .megamenu > li .dropdown-toggle .caret {
        margin-left: 10px;
    }
    .r2-mainmenu .megamenu > li > a {
        display: flex;
        align-items: center;
        height: 100%;
    }
    .r2-mainmenu .megamenu li a > i {
         position: absolute;
        right: 30px;
        top: -5px;
        font-size: 35px;
        color: #ddd;
        font-weight: 300;
    }
	
	 .r2-mainmenu .megamenu .li-menu:hover > a > i{color:var(--tertiary-color);}
    .r2-mainmenu .megamenu li.dropdown > .dropdown-menu {
        pointer-events: none;
        display: block;
        min-width: 250px;
        opacity: 0;
        margin-top: 0;
        transition: opacity 0.3s ease 0s;
    }
	
    .r2-mainmenu .megamenu li.dropdown:hover > .dropdown-menu {
        pointer-events: initial;
        display: block;
        opacity: 1;
    }
    .r2-mainmenu .megamenu li.dropdown > .dropdown-menu a {
        display: block;
        padding: 3px 20px;
    }
	
	/** custom dropdown **/
	
	/* .r2-mainmenu .megamenu li.dropdown.customDropdown > a > span.menu-title:before{
		content:"\f0c9";
		font-family: "Font Awesome 5 Pro";
		padding-right: 15px;
		font-size: 20px;
	} */
	.r2-mainmenu .megamenu li.dropdown.customDropdown.copen > .fixedContent{
		float: none;
		position: fixed;
		left: 0;
		top: 0;
		height: 100vh;
		width: 450px;
		overflow-y: auto;
		margin: 0;
		background: #FFF;
		font-size: 14px;
		z-index: 999999999;
		transform: translateX(0);
		opacity:1;
		transition: transform 0.5s ease-in-out;
		padding: 25px 0 25px 0;
		
	}
	.r2-mainmenu .megamenu li.dropdown.customDropdown.copen > a.dropdown-toggle{pointer-events:none}
	.r2-mainmenu .megamenu li.dropdown.customDropdown:not(.copen) > .fixedContent {
		float: none;
		position: fixed;
		left: 0;
		top: 0;
		height: 100vh;
		width: 450px;
		overflow-y: auto;
		margin: 0;
		background: #FFF;
		font-size: 14px;
		z-index: 999999999;
		 transform: translateX(-450px);
		 transition: transform 0.5s ease-in-out;
		opacity:1; 
		padding: 25px;
	}
		
		.r2-mainmenu .megamenu li.dropdown.customDropdown.copen > .fixedContent .dropdown-menu {
			display: block;
			top: 0;
			float: none;
			min-width: 100%;
			position: relative;
			box-shadow: none;
			border-radius: 0;
			border: 0;
		}

	.r2-mainmenu .megamenu li.dropdown.customDropdown.copen > .fixedContent .dropdown-menu.fixedSubContent:not(.subopen) {
		position: fixed;
    top: 0;
    transform: translateX(-450px);
    opacity: 0; /* Valore iniziale per la dissolvenza */
    transition: transform 0.9s ease-in-out, opacity 0.4s ease-in-out;
	}	
	.r2-mainmenu .megamenu li.dropdown.customDropdown.copen > .fixedContent .dropdown-menu.fixedSubContent.subopen {
		float: none;
		position: fixed;
		left: 0;
		top: 0;
		height: 100vh;
		width: 450px;
		overflow-y: auto;
		margin: 0;
		background: #FFF;
		font-size: 14px;
		z-index: 999999999;
		 transform: translateX(0);
		 transition: transform 0.9s ease-in-out;
		opacity:1; 
		padding: 25px 0 25px 0;
	}
	.closing{
	float: none;
		position: fixed;
		left: 0;
		top: 0;
		height: 100vh;
		width: 450px;
		overflow-y: auto;
		margin: 0;
		background: #FFF;
		font-size: 14px;
		z-index: 999999999;

		opacity:1; 
		padding: 25px;	
	}
	
	.fixedSubContent .back-btn{
		position:relative;
		padding: 0 0 0 25px;
	}
	 .fixedContent .headCMenu button#cmenu-close,
	 .fixedSubContent button#cmenu-close{
		/* float:right; */
		position: absolute;
        right: 25px;
        top: -3px;
		background: none;
		border: 0;
		color:var(--tertiary-color);
	}
	.customDropdown  .fixedContent .headCMenu button#cmenu-close i,.fixedSubContent .back-btn #cmenu-close i{font-size:35px;color:#12100b}
	.customDropdown  .fixedContent .headCMenu > span#placeTitle, .fixedSubContent .innerTitle {
		font-size: 20px;
		font-weight: 500;
		color: #454444;
	}
	.fixedSubContent .back-btn > i {
		font-size:25px;
		color: #454444;
		position: relative;
        top: 2px;
        padding-right: 10px;
	}
	.menu-icon {
		display: inline-block;
		height: 35px;
		width: 35px;
		margin-right: 10px; 
	}
	
	.r2-mainmenu .megamenu li.dropdown.customDropdown.copen > .fixedContent .dropdown-submenu > a {
		width: 100%;
		display: block;
		position:relative;
	}
	#main .r2-mainmenu .dropdown-menu > ul > li.parent.dropdown-submenu i {
		float: right;
		font-size: 25px;
		left: 15px;
		position: relative;
		top: 1px;
	}
	.fixedContent span.menu-title, .fixedSubContent .menu-title {
		font-size: 15px;
		font-weight: 400;
		text-transform: initial;
		color:#444444;
	}
	.fixedSubContent.subopen > ul { margin-top: 35px}
	/* .fixedContent .fixedSubContent.subopen span.menu-title {
		font-size: 15px;
		color:var(--main-color);
		    line-height: 2em;
	} */
	.headCMenu{
		padding: 0 0 0 25px;
		position:relative;
	}
	/** custom dropdown **/
	
	.megamenu .li-menu {
		position: relative;
		padding: 10px 0;
	}
	.megamenu .li-menu:after {
		content: "";
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		box-sizing: border-box;
		height: 1px;
		width: 100%;
		background: #ddd;
	}
	.megamenu .dropdown-menu.level1 > ul > li > a{padding-left: 75px}
	.r2-mainmenu .megamenu li.dropdown.customDropdown.copen > .fixedContent .dropdown-menu.fixedSubContent > ul > li > a{padding-left:30px}
	
}

@media (max-width: 1199px) {

	.r2-mainmenu .fixedContent .dropdown-menu{width:auto !important}
    .r2-mainmenu .fixedContent .headCMenu {display:none}
    .r2-open-side-menu-wrapper,
    .r2-open-side-menu {
        display: inline-block;
    }
    #r2-close-side-menu {
        display: block;
        position: sticky;
        top: 0;
        background: var(--submain-color);
        color: #ffffff;
        border: 0;
        padding: 15px 20px;
        width: 100%;
        font-size: 20px;
        text-align: right;
        z-index: 10;
    }
    .r2-mainmenu {
        float: none;
        position: fixed;
        left: 0;
        top: 0;
        height: 100vh;
        width: 320px;
        overflow-y: auto;
        margin: 0;
        /* background:var(--main-color); */
        background:#FFF;
        font-size: 14px;
        z-index: 20;
        transform: translateX(-320px);
    }
    .r2-wrapper {
        transition: transform 0.5s ease-in-out;
    }
    .r2-wrapper::before {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.75);
        z-index: 400;
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s ease-in-out;
    }
    .r2-side-menu-open {
        overflow: hidden;
    }
    .r2-side-menu-open .r2-wrapper {
        transform: translateX(320px);
    }
    .r2-side-menu-open .r2-wrapper::before {
        opacity: 1;
        visibility: visible;
    }
    .r2-mainmenu .megamenu {
        display: block;
        float: none;
        margin: 0;
        padding: 0 0 75px 0;
    }
    .r2-mainmenu .megamenu * {
        display: block;
        position: static;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        float: none;
        margin: 0;
        padding: 0;
        min-width: auto;
        min-height: auto;
        width: auto;
        height: auto;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        font-size: 14px;
        text-align: left;
        text-decoration: none;
        z-index: auto;
        text-transform: uppercase;
    }
    .r2-mainmenu .megamenu .fa,
    .r2-mainmenu .megamenu .fas,
    .r2-mainmenu .megamenu .fal,
    .r2-mainmenu .megamenu .far {
        display: inline-block;
    }
    .r2-mainmenu .megamenu .menu-title br {
        display: none;
    }
    .r2-mainmenu .megamenu ul,
    .r2-mainmenu .megamenu li,
    .r2-mainmenu .megamenu a {
        display: block;
    }
    .r2-mainmenu .megamenu .dropdown-menu {
        display: none;
    }
    .r2-mainmenu .megamenu .open > .dropdown-menu,
	.r2-mainmenu .megamenu .open > .fixedContent .dropdown-menu	{
        display: block;
    }
    .r2-mainmenu .megamenu li {
        display: block;
    }
    .r2-mainmenu .megamenu li {
        border-bottom: 1px solid #ccc;
    }
    .r2-mainmenu .megamenu li:last-child {
        border-bottom: 0;
    }
    .r2-mainmenu .megamenu li a,
    .r2-mainmenu .megamenu li.open a {
        display: flex;
        align-items: center;
        position: relative;
        /* background: var(--main-color); */
        background:#FFF;
        color:  var(--main-color);
        /* padding: 15px 25px; */
        padding: 15px 5px 15px 10px;
        text-shadow: none;
    }
    .r2-mainmenu .megamenu ul ul li  a{padding-left: 20px !important;}
    .r2-mainmenu .megamenu li a:focus,
    .r2-mainmenu .megamenu li a:active,
    .r2-mainmenu .megamenu li a:hover,
    .r2-mainmenu .megamenu li.open a:focus,
    .r2-mainmenu .megamenu li.open a:active,
    .r2-mainmenu .megamenu li.open a:hover {
        outline: 0;
        /* background: var(--tertiary-color); */
        color: var(--tertiary-color);
    }
    .r2-mainmenu .megamenu li a i {
        margin-right: 5px;
    }
    .r2-mainmenu .megamenu .menu-title {
        display: inline-block;
        width: 100%;
    }
    .r2-mainmenu .megamenu .caret {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 50px;
        margin: 0;
        border: 0;
        text-align: center;
        line-height: 50px;
    }
    .r2-mainmenu .megamenu .caret::before {
        content: "+";
        display: block;
        position: relative;
        top: 50%;
        font-family: sans-serif;
        font-size: 28px;
        line-height: 1em;
        text-align: center;
        transform: translatey(-50%);
    }
    .r2-mainmenu .megamenu .open > a > .caret::before,
	.r2-mainmenu .megamenu .open .fixedContent > a > .caret::before	{
        content: "−";
    }
    .r2-mainmenu .megamenu .open {
        background: #fff;
    }
    .r2-mainmenu .megamenu .open > .dropdown-menu,
	.r2-mainmenu .megamenu .open >  .fixedContent .dropdown-menu	{
        border-top: 1px solid var(--tertiary-color);
        border-left: 6px solid #eee;
    }
    .r2-mainmenu .megamenu ul ul	{
   
        border-left: 6px solid var(--tertiary-color);
    }
    
    
	.r2-mainmenu .dropdown-menu.level2.fixedSubContent {border: 0 !important;}
	
	.r2-side-menu-open .r2-mainmenu .megamenu .open > .fixedContent .dropdown-menu.fixedSubContent {
		display: none;
	}
	.r2-side-menu-open .r2-mainmenu .megamenu .open > .fixedContent .dropdown-submenu.open .dropdown-menu.fixedSubContent{display:block}
	.r2-side-menu-open .fixedContent i {font-size: 0}
	.r2-side-menu-open .fixedContent i:after {
		content: "\f067";
		font-size: 15px;
	}
	.r2-side-menu-open .open .fixedContent .dropdown-submenu.open i:after { content: "\f068"}
}