/* CSS Document */
/* 

##     ##    ###    #### ##    ##    ##     ## ######## ##    ## ##     ## 
###   ###   ## ##    ##  ###   ##    ###   ### ##       ###   ## ##     ## 
#### ####  ##   ##   ##  ####  ##    #### #### ##       ####  ## ##     ## 
## ### ## ##     ##  ##  ## ## ##    ## ### ## ######   ## ## ## ##     ## 
##     ## #########  ##  ##  ####    ##     ## ##       ##  #### ##     ## 
##     ## ##     ##  ##  ##   ###    ##     ## ##       ##   ### ##     ## 
##     ## ##     ## #### ##    ##    ##     ## ######## ##    ##  #######  

*/

.mainmenu-bar { opacity: 0;  }
.mainmenu-bar.opacity1 { opacity: 1;transition: all .3s} 


.main-nav { padding: 0; }
.main-nav .nav .nav-item { position: relative; }
.main-nav .icon-text { display: none; margin-left: 10px; }
/* TRANSFORM TOGGLE ICON */ 
.main-nav .navbar-toggler { position: relative; width: 25px; height: 25px; margin-right:20px; cursor: pointer; border-color: transparent }
.main-nav .navbar-toggler:focus { outline: none; }
.main-nav .navbar-toggler span, .main-nav .navbar-toggler span:before, .main-nav .navbar-toggler span:after { position: absolute; left: 0; cursor: pointer; /*border-radius: 0px;*/ height: 2px; width: 25px; background: #ede8d7; display: block; content: ''; }
.main-nav .navbar-toggler span:before { top: -8px; }
.main-nav .navbar-toggler span:after { bottom: -8px; }
.main-nav .navbar-toggler span, .main-nav .navbar-toggler span:before, .main-nav .navbar-toggler span:after { transition: all 500ms ease-in-out; }
.main-nav .navbar-toggler.active span { background-color: transparent; }
.main-nav .navbar-toggler.active span:before, .main-nav .navbar-toggler.active span:after { top: 0; }
.main-nav .navbar-toggler.active span:before { transform: rotate(45deg); }
.main-nav .navbar-toggler.active span:after { transform: rotate(-45deg); }
/*MAIN MENU*/
.sm-clean { background-color: transparent; }
.sm-clean a,.sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active { margin: 0 0px; padding: 4px 12px!important;         padding-right: 1.5rem !important; font-family: 'Brandon Printed Two';-webkit-font-smoothing: antialiased; font-size: 16px; font-weight: 400; color: #fff; text-decoration: none; }
 @media (max-width: 1200px) {
	.sm-clean a,.sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active { font-size: 14px; padding: 3px 10px!important; } 
}
.sm-clean a > i { font-weight:300;}
.sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.active, .sm-clean a.highlighted {  background-color:#e30613; color: #fff!important;   }
.sm-clean a:hover > i.fa { transform: rotate(180deg); }
.sm-clean a.current { }
.sm-clean a.disabled { }
/*SOTTOMENU*/
.sm-clean li ul {  border-radius: 0 !important; -webkit-animation: fadeIn 0.7s; background-color:#ede8d7;  }
.sm-clean ul a,.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {   font-size: 14px; color:#444; padding: 6px 25px!important; margin: 0;}

 @media (max-width: 1200px) {
	.sm-clean ul a,.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {   font-size: 12px; color:#444; padding: 5px 10px!important; margin: 0;}
}
 
.sm-clean ul a:hover, .sm-clean ul a.highlighted{background-color:#CEC7B2; color: #444!important; }
.sm-clean li ul li a { }
.sm-clean li ul li a.has-submenu { color:#444 !important;  }
.sm-clean li ul li a.has-submenu.highlighted i { transform: rotate(-90deg); transition: transform ease .3s;  }

@media (min-width: 768px) {
.sm-clean a span.sub-arrow { display: none !important; }
.sm-clean a >i { position: absolute; right: 12px;  top: 21%;display: inline-block !important; transition: all 500ms ease-in-out;}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1023px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  .sm-clean li { float: none;}
	.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted { font-size: 20px; padding: 15px 10px !important; }
}

@media (max-width: 767px) {
.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted { font-size: 20px; padding: 15px 15px !important; }
.sm-clean a span.sub-arrow {  background-color: transparent; border-color: transparent !important; margin-top: -17px; margin-right: 0 !important; color: #fff; }
.sm-clean a span.sub-arrow:before { font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";    content: '\f067';    font-size: 14px;	font-weight:300; }
    
.sm-clean ul li  a span.sub-arrow {  color: #333;}

.sm-clean a.highlighted span.sub-arrow:before { content: '\f068'; }
.sm-clean > li > a { padding: 15px 15px !important }
    	.sm-clean ul a,.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {   padding: 10px 10px!important; }
/*SOTTOMENU*/
.sm-clean ul { padding: 0; border-radius: 0 !important; background-color: #464A4C; border-color: transparent; box-shadow: 0 5px 9px rgba(0, 0, 0, 0.1); }
.sm-clean > li > ul::before, .sm-clean > li > ul::after { display: none; }
.sm-clean > li > ul { margin-left: 0 !important; }
.sm-clean ul a span.sub-arrow {  }
.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted { background-color: transparent !important;  font-size: 14px; font-weight: 300; }
.sm-clean ul a:hover, .sm-clean ul a.highlighted { background-color: rgba(255,255,255,0.1) !important; color: #fff !important; }
.sm-clean ul a.active { background-color: rgba(255,255,255,0.1) !important; color: #fff !important; }
.sm-clean ul ul { top: -1px !important; left: -2px !important; margin-top: 0 !important; }
.sm-clean ul li a { padding-left: 10px !important; }
.sm-clean ul li a i { position: absolute; right: 13px; }
.sm-clean ul ul li:last-child a { border-bottom: 1px solid rgba(210,210,210,0) !important; }
}
/* RESPONSIVE MOBILE iphone 6+ */

@media screen and (max-width: 736px) {
.sm-clean ul { border-color: transparent !important; }
.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted { }
.navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu { margin: 0; }
}

/*@media (max-width: 768px){
.navbar-expand-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
}*/

/* DA WIDE DESKTOP A RESPONSIVE IPHONE 6+ (landscape) */
@media only screen and (max-width: 3000px) and (min-width: 736px) {
.main-nav.compatto .navbar-nav { float: none!important; margin-top: 7.5px; }
.main-nav.compatto .navbar-toggler { display:block;     position: absolute;    right: 0;}
.main-nav.compatto .navbar-collapse.collapse {flex-basis: inherit; display:none !important;  }
.main-nav.compatto .navbar-collapse.collapse.show {  display: flex !important;  }
.main-nav.compatto #menuprincipale { position: absolute; margin:0; right: 40px; }
 
}