#sp-header.header-sticky{
  background-color:#384240!important;
}
#sp-header:not(.header-sticky) .logo{
  align-items:unset;
  padding:22px 0;
  height:150px;
}
#sp-header:not(.header-sticky) .logo a{
  height:100%;
  display:block;
}
.sticky-light-header .logo .logo-image,.header-sticky .logo .logo-image{
  content:unset;
  height:100%;
}
.header-sticky .logo .logo-image{
  content:url(/images/logo/palazzo-excelsior-favicon-bianco.png);
  height:80px;
}
#sp-menu{
  height:100px;
}
.sticky-header-placeholder{
  height:0!important;
}
.sp-megamenu-parent>li{
  padding: 0 15px;
}
.sp-megamenu-parent>li>a,.sp-megamenu-parent>li>span{
  padding:0;
  margin:0;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: inherit !important;
}
#hero{
  height:100vh;
}
html.its_safari .sppb-section{
  background-attachment:scroll!important;
  background-position:50% 50%!important;
}
.fa.fa-long-arrow-right:before{
  content:url(../images/ico-arrow-right.svg);
}
.fa.fa-long-arrow-left:before{
  content:url(../images/ico-arrow-left.svg);
}
div.sp-slider .sp-nav-control .nav-control{
  width:auto;
  background:unset!important;
  border:0px;
}
#datiazienda .datitle,#datiazienda .datext{
  overflow:hidden;
  display:inline-flex;
  white-space:nowrap;
}
#datiazienda .datitle{
  max-width:100px;
  transition:max-width 1s,margin 1.5s;
  margin-right:5px;
}
#datiazienda .datext{
  max-width:0;
  transition:max-width 1.5s;
}
#datiazienda:hover .datitle{
  max-width: 0px;
  margin-right:0px;
}
#datiazienda:hover .datext{
  max-width:1280px;
}
.footer1{
  font-size:0.7em;
  display:flex;
  align-items:center;
  position:relative;
  height:49px;
}
.footer1 .logo{
  display:flex;
  position:absolute;
  right:0px;
}
.logo-cont{
  display:flex;
  align-items:center;
}
.logo-cont+.logo-cont{
  margin-left:15px;
}
.logos a{
  display:flex;
}
.footer1 svg,.footer1 svg #bmgText,.footer1 svg #bmgSym{
  height:25px;
}
.footer1 .logo-cont span:first-child{
  width:auto;
  max-width:0;
  overflow:hidden;
  white-space:nowrap;
  transition:all 1.5s;
}
.footer1 .logo-cont:hover span:first-child{
  width:auto;
  max-width:500px;
}
@media(max-width:1399px){
  .sp-megamenu-parent{
    margin:0px -9px;
  }
  .sp-megamenu-parent>li{
    padding:0 9px;
  }
  .sp-megamenu-parent>li>a,.sp-megamenu-parent>li>span,.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a{
    font-size: 13px!important;
  }
}
@media(max-width:1199px){
  .sp-megamenu-parent.d-lg-block{
    display:none!important;
  }
  #offcanvas-toggler.d-lg-none{
    display:flex!important;
  }

    
}
@media(max-width:991px){
  #sp-header:not(.header-sticky){
    position:relative!important;
    background:#384240!important;
  }
  #sp-header:not(.header-sticky) .logo{
    padding: 9px 0;
    height: 102px;
  }
  #hero{
    height:56vw;
  }
  .footer1 .logo-cont span:first-child{
    width:auto;
    max-width:500px;
  }


  .footer1{
    display:block;
    height: auto;
    padding-bottom: 32px;
  }

    #datiazienda .datitle,
  #datiazienda .datext{
	display:block;
	transition:max-height 0.5s;
  }
  #datiazienda .datitle{
    max-width:unset;
    margin-right:0px;
    max-height:10px;
  }
  #datiazienda .datext{
    max-width:unset;
    max-height:0px;
    white-space:normal;
  }
  #datiazienda:hover .datitle{
    max-width:unset;
    max-height:0px;
  }
  #datiazienda:hover .datext{
    max-width:unset;
    max-height:100px;
  }
}
@media(max-width:767px){
  .footer1{
    display:block;
    padding:25px 0;
    height:auto;
  }
  .footer1 .copy {
    margin-bottom:20px;
  }
  .footer1 .logo{
    display:block;
    position:relative;
    right:unset;
  }
  .logo-cont{
    display:block;
    width:100%;
  }
  .logos a{
    display:inline-block;
  }
  .logo-cont+.logo-cont{
    margin-left:0;
  }
}