/* CSS Document */
/* 

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

*/
.divider-vertical {border-right:1px solid rgba(255,255,255,.4); margin: 0 25px;padding: 50px 0;-webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear;}
.header.navbar-fixed.navbar-small .divider-vertical {padding: 32px 0;-webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear;}

.main-prenota { display: flex;    width: 155px; }
.main-prenota a {color: #fff; font-size: 16px;}
.main-prenota a:hover .numero {background-color: #ca4146; color: #ffffff;-webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }

.main-prenota .numero {padding: 0 5px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.main-prenota .icona{ font-size: 32px; color: #ca4146; margin-right: 5px;}
.main-prenota small{ font-size: 12px;}


.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:2px; 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: 1px; width: 25px; background: #fff; 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 { padding: 5px 14px!important; font-size: 16px!important; font-weight: 400!important; color: #fff!important; text-decoration: none; border-radius: 0!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 { color: #fff !important; background-color: #ca4146; }
.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:#464A4C;  }
.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted { background-color:#313436;}
.sm-clean li ul li a { color:#fff;}
.sm-clean li ul li a.has-submenu { color:#fff !important;  }
.sm-clean li ul li a.has-submenu.highlighted i { transform: rotate(-90deg); transition: transform ease .3s;  }

@media (max-width: 1200px) {
	.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active { padding: 5px 6px!important;    font-size: 14px!important;}
}

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

@media (max-width: 768px) {
.divider-vertical { display: none;}
.main-prenota { display: none;}
	
.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {}
	
.sm-clean a span.sub-arrow { right:-5px; background-color: transparent; border-color: transparent !important; margin-top: -17px; margin-right: 0 !important; }
.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 a.highlighted span.sub-arrow:before { content: '\f068'; }
.sm-clean > li > a { padding: 5px 6px!important;    font-size: 14px!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 { right:0;}
.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; color: #ccc !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; }
 
}