a.logo {display:block;border: 0px;cursor:pointer;}  
.logo img {display:block;} 
.logo .img1 {position:relative;display:block;}
.logo .img2 {position:relative;display:block;}
.nav{position:fixed;display:block;top:0px;left:0px;width: 0vw;height:100vh;border:0px;text-align:left;padding:0px 0px;padding-right: 0px;margin:0;padding-top:0px;box-sizing: border-box;z-index:2000;overflow: hidden;}
.open.nav{width: 100vw;}
.nav a {margin-top: 0px;text-decoration: none;z-index: 20;}
.nav ul, .nav li{margin: 0;padding: 0;list-style-type: none;}

.nav ul li{list-style-type: none;display: block;margin: 0px;padding-bottom: 0px;}
.nav li ul {display: block;}
.nav li ul li a, .nav li ul li div{position:relative;display:block;width:100%;font-size: 20px;text-align: right;color:var(--bianco);font-weight: 200;padding: 8px 70px;cursor:pointer;box-sizing:border-box;transition: all 0.4s ease-out;}

.nav li ul li a:hover {color:var(--colBase)!important}

.nav li ul li a i{margin-left:5px;}
.nav li ul li .sel{font-weight:600}
.nav li ul li .sel:before{content:"";position:absolute;display:block;top:50%;right:-8px;transform: translateY(-50%);width:16px;height:16px;border-radius: 50px;background-color:var(--bianco);z-index:10;}
.nav li ul li .sel.hvr-sweep-to-right-line:hover:before{-webkit-transform: scaleX(0)!important;transform: scaleX(0)!important;}
.nav li ul li .sel:hover{}
.nav li ul li .selected{}

.dropdown{position:relative;}
.dropdown .active{display:block!important;}
.dropdown-menu-last{left: auto!important;right: 0px;}
.dropdown-menu li a{}
.dropdown-menu li a:hover{color:#ef7823!important;}
.nav li ul li ul{position: relative;display:block;margin-top: -5px;margin-bottom: 5px;}
.nav li ul li ul li a{font-size:16px;padding: 3px 70px;color:var(--colBase)}/*dropdown-menu*/
.nav li ul li .open{width:400px;opacity:1;overflow:visible;}
.nav li ul li .open:after{width:400px;opacity:1}
.nav li ul li .open li {padding-left:0px;opacity:1}/*dropdown-menu*/

.navUC.nav{min-height:100px;}
.boxNav{position:absolute;display:block;top:0px;right:-401px;width:400px;height:100vh;opacity:1;z-index:10;background-color:rgba(0,0,0,0.8);transition: opacity 300ms linear 0ms, left 200ms linear 350ms}
.open.boxNav{right:15px;opacity:1;}
#ulMenu{
    display: block;
    position: absolute;
    top: 140px;
    right: 70px;
    width: calc(100% - 70px);
    }
.SocialTop, .SocialBottom{position:absolute;display:block;}
.navSocial{position:relative;display:block;}
.navSocial a{position:relative;display:block;float:left;width:26px;}

.navLingua li{list-style-type: none;}
.navLingua ul{padding:0px;margin:0px;display:none;} 

#btnMenu{position: absolute;display:block;top:20px;right:23px;font-size: 33px;color:var(--colBase);z-index:3100;cursor:pointer;}
#btnMenu .label{position: relative;display:inline-block;font-size: 16px;padding-left: 0px;vertical-align: middle;font-weight: 500;}
#btnMenu img{position: relative;display:inline-block;width:33px;}
#btnMenu .img2{position: relative;display:inline-block;width: 33px;vertical-align: middle;}
.btnSelNav:after{content: "";position:absolute;display:block;top:-20px;right:45px;width:1px;height:350px;border-right:1px solid var(--bianco);z-index:10;transition: all 0.4s ease-out;}
.open.btnSelNav:after{height:430px;}

.supMenu{position:absolute;display:block;top:0px;width:100%;background-color:#ededed;}
.supMenu .sx, .supMenu .dx{position:relative;display:block;float:left;width:49%;}
.supMenu .sx{float:left;text-align:left;}
.supMenu .dx{float:right;text-align:right;}
.supMenu .btn{position:relative;display:inline-block;padding: 10px 2vw;color:var(--nero);font-size:14px;text-align:center;margin:0px -2px;}
.supMenu .btn i{padding-right:5px;}
.supMenu .btnA i{color:var(--colBase);}
.supMenu .btnB {background-color:var(--bianco);}
.supMenu .btnB i{color:var(--nero)}
.supMenu .btnC {background-color:#a8a8a8;color:var(--bianco);}
.supMenu .btnC i{color:var(--bianco);}

.subNav{position:relative;border:0px;padding:0px;    margin: 0px;text-align:center;z-index:100;}
.subNav a {margin-top: 0px;text-decoration: none;z-index: 20;}
.subNav ul, .nav li{margin: 0;padding: 0;list-style-type: none;display:inline-block;vertical-align: middle;}
.subNav ul li{list-style-type: none;}
.subNav li ul li a{position:relative;display:block;font-size:14px;color:var(--nero);cursor:pointer;}

.subNav ul li ul {display: none;color:var(--nero);}
.subNav ul li ul li {float:none;position:relative;display:block;}
.subNav ul ul ul {}
.subNav li ul li ul li a{color:var(--bianco);}

.ombra2{box-shadow: 0px 0px 10px #000;}
.header{position:fixed;display:block;top:0px;left:0px;width:100%;padding:0px;padding-top: 0px;z-index:1000;border-bottom: 1px solid var(--bianco);background-color:var(--nero)}
.BoxHeader{position:relative;width: 100%;max-width: 100vw;height:90px;margin:0 auto;border:0px;padding:0px;z-index:10;text-align: left;transition: all 0.4s ease-out;/* background: #ff9900; */}
.BoxHeaderUC.BoxHeader{min-height:100px;}
.header2{}
.logo {position:absolute;top: 50%;left:0px;transform: translate(0%,-50%);width:255px;color:var(--bianco);border: 0px;cursor:pointer;z-index:250;background-size:contain;background-position: center;background-repeat: no-repeat;transition: all 0.4s ease-out;background-color: #fff;height: 100%;width: 320px;}
.logo2.logo{background-color:transparent;}
a.logo img {width: 255px;height: auto;z-index:10;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10;}
.logoUC {position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:350px;color:var(--bianco);border: 0px;cursor:pointer;z-index:150;}
.logoUC img {width: 100%;z-index:10;}

.menuMask{position:absolute;display:none;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0);z-index:998;}
	.mask2.menuMask{/*background-color:rgba(255,255,255,0.6);*/}

.barraTop{position:absolute;display:block;top:0px;right: 0px;width: calc(100% - 180px);padding:4px 0px;z-index:200;}
.barraTop:after{content:'';position:absolute;display:block;top:0px;right: 0px;width: 100%;height:30px;background-color:#3B2366;z-index:100;-webkit-clip-path: polygon(0px 0%, 100% 0%, 100% 100%, 60px 100%);clip-path: polygon(0px 0%, 100% 0%, 100% 100%, 60px 100%);z-index:0;}


.menu{position: absolute;top:104px;right: 15px;display: block;text-align: right;z-index:100;vertical-align:middle;padding:0px 0px;padding-top:7px;}
.menu .btnSocial{position:relative;display:block;width: 40px;height: 40px;color:var(--bianco);margin: 0px 0px;margin-left: 0px;vertical-align: middle;/* background-color:var(--nero); */}
	.menu .btnSocial i, .menu .btnSocial span{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-size: 20px;padding-top: 1px;}
   .menu .btnSocial .flag{width:100%;overflow: hidden;}
    .menu .btnSocial .flag img{position:relative;display:block;width:100%;}
    .menu .btnSocial:hover{color:var(--bianco);}
	.menu .btnLingua{position:relative;display: block;font-size: 14px;border:1px solid var(--bianco);width: 30px;height: 30px;padding-top: 4px;color:var(--bianco);margin:0px 0px;margin-left: 4px;margin-top: 20px;vertical-align: middle;border-radius: 50px;text-align: center;}
.menu:after{content:"";position:absolute;display:block;top: -13px;left: -14px;width: 69px;height: calc(100% + 42px);background-color:var(--nero);z-index:-1;transition: all 0.4s ease-out;}
.headerHome .menu .btnLingua{}
    .menuFlag.menu{right:90px;height:18px;}
    .menuFlag.menu .btnSocial{display:block;width:25px;}
	.menuFlag.menu .box{position:absolute;display:none;top:100%;left:0px;width:100%;padding-top:10px;background: #242021;}
	.menuFlag.menu .btnSocial .flag{width:100%;overflow: hidden;position: relative;top: 0;left: 0;transform: translate(0,0);}
    .menuFlag.menu .box .btnSocial{margin-bottom:10px;}
    .menuFlag.menu .icon{position: absolute;display: block;top: 50%;transform: translateY(-50%);right: -14px;color:var(--bianco);}

.menuLingue{position:relative;display:inline-block;font-size:14px;color:var(--bianco);margin-left: 15px;vertical-align: middle;border-left: 1px solid #aecbda;}
.menuLingue .open{position:relative;display:block;font-size:14px;color:var(--bianco);padding:1px 10px;vertical-align: middle;cursor:pointer;}
.menuLingue .open .flag{position:relative;display:inline-block;width:16px;margin-top: -2px;margin-right:5px;vertical-align: middle;}
.menuLingue .tendina{position:absolute;display:none;top:25px;left:0px;width:100%;font-size:14px;color:var(--bianco);z-index:1000;    background-color: #3B2366;}
.menuLingue .tendina a{position:relative;display:block;font-size:14px;color:var(--bianco);padding:5px 10px;/* padding-left: 20px; */vertical-align: middle;width: 100%;text-align: left;}
.menuLingue .tendina a .flag{position:relative;display:inline-block;width:16px;margin-top: -2px;margin-right:5px;vertical-align: middle;}

.searchForm{display: block;text-align:right;vertical-align: middle;position: absolute;top: 50%;right: 180px;transform: translateY(-50%);z-index: 10;width: 165px;}
.searchForm input{display: inline-block;vertical-align: middle;width: 130px;border:0px;border-bottom:1px solid var(--colBase);padding:5px 0px;background-color: transparent;color:var(--colBase);font-size:14px;}
.searchForm button{display: inline-block;vertical-align: middle;border:0px;background-color: transparent;color:var(--colBase);/* padding: 5px 0px; */font-size: 18px;padding-top: 6px;margin-left: 0px;padding-left: 0px;}
.searchForm button i{/* font-size: 14px; */}
.searchForm input::placeholder {color:var(--colBase);}


.subNav li ul li a {font-size: 14px;text-align:left;/*padding: 5px 0px;*/padding: 5px 0px 5px 10px;color:var(--nero);transition: all 0.4s ease-out;}
	.subNav li ul li i {font-size: 14px;text-align:right;float: right;padding-right: 10px;padding-top: 4px;}
	.subNav li ul li ul li a {width: 75%;font-size: 14px;text-align:left;padding: 5px 0px 5px 5px;margin-left:20px;border-bottom: 0px;color:var(--nero);box-sizing:border-box;}
	.subNav .borderLabel{bottom:0px;width:0px;height:1px;border-bottom: 1px solid #fff;z-index:1;}
	.subNav li ul li a:hover {color: #ef7823!important;}
	.subNav li ul li ul li a:hover .borderLabel{width:100%;border-bottom: 1px solid #ef7823;}
	.subNav li ul li ul li ul li a {padding-left:15px;text-transform: none;box-sizing:border-box}
	.subNav li ul li ul li .selected {color: #ef7823!important;}
	.subNav li ul li ul li .selected .borderLabel{width:100%!important;border-bottom: 1px solid #ef7823!important;}
	
	.cartTop{display:block;top: calc(50% - 5px);right:110px;transform: translateY(-50%);text-align: right;z-index:700;}
	.cartTop .open{position:relative;display:inline-block;padding:16px 10px;font-size:24px;color:var(--bianco);cursor:pointer;}
	.cartTop .open .nr{position:absolute;display:block;top: 19px;right: -15px;border-radius: 2px;font-size:9px;text-align:center;padding:2px 6px;color:var(--bianco);background-color:var(--colBase2);z-index:10;}
    .cartTop .open .nr:before{content:"";position:absolute;display:block;top: calc(50% + 1px);left: -2px;transform: translateY(-50%) rotate(-45deg);width: 6px;height:6px;background-color:var(--colBase2);z-index:-1;}
    .cartTop .openSearch{padding-left:26px;font-size:16px;}
    .cartTop .btnLogin{color:var(--bianco)!important;font-size:24px!important;padding: 8px 10px!important;}
	.headerHome .cartTop a.open{color:var(--bianco);}
    .cartTop .open:hover,.cartTop .open:hover i{color:#3B2366}
    
    
	.headerHome .cartTop a.open{}
    .cartTop .open:hover,.cartTop .open:hover i{color:#3B2366}

.headerHome{background-color:transparent!important}
.headerHome, .headerHome #btnMenu{}
.headerHome .BoxHeader{}
.headerHome .logo{}
.headerHome .nav li ul li a,.headerHome .menu .btnSocial{}
.headerHome .nav .selected{}
.headerHome .nav li ul li ul{}
.headerHome .nav li ul li ul li a, .headerHome .nav li ul li .sel{}
.headerHome .fixTop.btnBase2{}
.headerHome .logo{}
.headerHome #btnMenu, .headerHome .menu .btnSocial, .headerHome .searchForm input, .headerHome .searchForm button,.headerHome .searchForm input::placeholder, .headerHome .cartTop a.open{}
.headerHome  .searchForm input{}
.headerHome .nav li ul li a,.headerHome .menu .btnSocial ,.headerHome #btnMenu{}
.headerHome .nav .selected{}
.headerHome .nav li ul li ul{}
.headerHome .nav li ul li ul li a{}
.headerHome .menu:after{background-color:transparent;}

.bollaFix{position:fixed;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;top: 15%;right: 2%;width: 200px;height: 200px;border-radius:100px;transition: all 0.4s ease-out;z-index: 10000;border:1px solid #000;}
.white.bollaFix{border:1px solid #fff;}
.bollaFix:before{content:"";position:absolute;display:block;top: 4px;left: 4px;width: calc(100% - 8px);height: calc(100% - 8px);border-radius:100px;background-color: #e2b797;z-index: -1;transition: all 0.4s ease-out;}
.bollaFix .titolo{position:absolute;display:block;top:50%;left:50%;transform: translate(-50%,-50%);z-index:10;color:var(--nero);font-size: 22px;text-align:center;font-weight: 600;width: 100%;line-height: 1.2;}
.bollaFix .titolo .occhiello{display:block;font-size: 18px;color:var(--bianco);font-weight: 500;line-height: 1.3}
.bollaFix .titolo .sottotitolo{display:block;font-size: 20px;color:var(--nero);line-height: 1.4}
.bollaFix .titolo .sottotitolo span{font-size: 18px;color:var(--bianco);font-weight: 500;}
.bollaFix .titolo .occhiello:before, .bollaFix .titolo .sottotitolo:before{content:"";position:absolute;display:block;left:50%;transform: translateX(-50%);width: 60%;height: 2px;background-color: rgba(0,0,0,0.5);z-index:1;}
.bollaFix .titolo .occhiello:before{top: -10px;}
.bollaFix .titolo .sottotitolo:before{bottom: -10px;}
.bollaFix:hover:before{background-color: #896F5B;}

.close.pointer.capitoli{right:-120px;}
.pointer.capitoli{position:fixed;display:block;top:50%;right:20px;transform: translateY(-50%);z-index:1000;transition: all 0.4s ease-out;}
.pointer.capitoli .item{position:relative;display:block;background-color:transparent;opacity: 1;width: 20px;height: 20px;margin: 3px 0px;}
.pointer.capitoli .item:before {content:"";position:absolute;display:block;top:50%;left:50%;transform: translate(-50%,-50%);width: 5px;height: 5px;border-radius:50px;background-color:var(--grigio2);z-index:10;}
.pointer.capitoli .active.item:after {content:"";position:absolute;display:block;top: -2px;left: -2px;width: 20px;height: 20px;border-radius:50px;border: 2px solid var(--grigio2);z-index:10;}

.close.list.capitoli{bottom:-160px;}
.list.capitoli{position:fixed;display:block;bottom:60px;left:0px;width:320px;z-index:1000;background-color:var(--colBase);padding:10px 0px;transition: all 0.4s ease-out;}
.list.capitoli .label{position:relative;display:block;font-size: 16px;color:var(--bianco);padding:10px 50px;text-align:left;cursor:pointer;}
.list.capitoli .label i{float:right;    font-size: 26px;}
.list.capitoli .box{position:relative;display:none;background-color:transparent;opacity: 1;width:auto;padding-left:65px;padding-right:65px;}
.list.capitoli .box .item{position:relative;display:block;width:auto;font-size:16px;text-align:left;padding:5px 0px;color:var(--azzurro1);cursor:pointer;transition: all 0.4s ease-out;}
.list.capitoli .box .item:hover{color:var(--grigio2);}
.list.capitoli .box .active.item{color:var(--grigio2);}

@media (min-width: 1025px) {
    
}

@media (min-width: 941px) and (max-width: 1024.99px) {
    .logo{width:250px;}
}

@media (max-width: 940.99px) {
    .logo2.logo{left:20px;}
	#btnMenu, .openCartM{display:block;top: 10px;right: 15px;}
    #btnMenu img{width:24px;}
    #btnMenu .label{font-size:12px;}
    .supMenu{height:30px;background-color:var(--bianco);}
    .supMenu .sx{display:none;}
    .supMenu .dx{width:100%;}
    .supMenu .btn{padding:5px 5px;width:50%;}
	.header{position: relative;height:70px;padding-top:0px;background-color:var(--nero)!important;}
	.BoxHeader {height:100%!important;}
    .headerHome{background-color:var(--nero)!important;}
	.headerHome .nav li ul li a, .headerHome .cartTop a.open {color:var(--bianco);}
	.headerHome .nav .selected{}
    .headerHome .cartTop a.open{color:var(--nero);}
	.cartTop{right:90px;top: 50%;transform: translateY(-50%);}
    
	.logo {width:35%!important;}
	a.logo img {width: 90%;z-index:10;}
	.logoUC {height: auto;width:60%;}
    .logoUC img {height: auto;width: 100%;z-index:10;}
	
	.nav{display:none;width:100%;text-align:right;padding: 0px 0px;box-sizing: border-box;position: fixed;z-index: 3000;background: #333;height:100vh;top: 0px;left: 0px;}
    .open.nav{display:block;}
	.nav li ul {display: block;}
	.nav ul li{display:block;padding-bottom: 10px;}
	.nav li ul li a, .nav li ul li div{width:100%;font-size:16px;text-transform: uppercase;text-align:center;padding:0px 0px;color:var(--bianco);}
    .nav li ul li ul {position: relative;display: block;top: 0%; left: 0px;z-index: 2000;border-left: 0px;text-align: center;box-shadow: 0px 0px 0px rgba(0,0,0,0);background-color: rgba(0,0,0,0.1);}
    .nav li ul li ul li{display:block;float: none!important;margin:0px;box-sizing: border-box;}/*dropdown-menu*/
    .nav li ul li ul li a, .nav li ul li ul li div {font-size: 14px;padding: 0px 0px;text-align: center;width: 100%;border: 0px!important;color:#fff!important;text-transform: inherit;}
    .nav li ul li ul li a{padding-top:20px;}
	.nav li ul li a:hover {color:#eb1d1d;}
	.nav li ul li a i{}
    .nav li ul li .sel{color:var(--bianco);}
    .nav li ul li .sel:before{display:none;}
	
	.dropdown-menu li a{color:var(--nero)!important;}
	.dropdown-menu li a:hover{color:#ef7823!important;}
	#ulMenu{display: block;position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    width: 100%;}
    
    .menu{top:71px;right:10px;}
    .menu .btnLingua{margin-left:-2px;}
    .menu .btnSocial{width:24px;height:24px;}
    .menu .btnSocial i{font-size:18px;}
    
    .barraTop{position:relative;display:block;top:0px;right: 0px;width: 100%;padding:4px 0px;z-index:200;}
.barraTop:after{content:'';position:absolute;display:block;top:0px;right: 0px;width: 100%;height:100%;background-color:#3e80a2;z-index:100;-webkit-clip-path: polygon(0px 0%, 100% 0%, 100% 100%, 0px 100%);clip-path: polygon(0px 0%, 100% 0%, 100% 100%, 0px 100%);z-index:0;}

    .menu .btnText {font-size: 16px;padding:5px;border-right: 0px solid #aecbda;}
    .menu .btnText2.btnText{margin-right:0px;margin-bottom:0px;}
    .menu .space{display:block;margin-bottom:10px;}
    .searchForm{width: 100%;top: 35px;transform: translateY(0);right: auto;text-align: center;}
    .searchForm input{display: inline-block;vertical-align: middle;width: 80%;padding:5px 0px;background-color: transparent;font-size:14px;}

    .bollaFix{display:none;}
    .btnSelNav:after{height:230px;right:35px;}
    
}
.burger {
  position: relative;
  cursor: pointer;
  -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  height: 30px;
  width: 22px;display: inline-block;
    vertical-align: middle; }

.burger .bar {
  position: absolute;
  height: 6px;
  left: calc(50% - 3px);
  width: 6px;border-radius: 50px;
  background-color: var(--bianco);
  -webkit-transition: width 120ms linear, all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: width 120ms linear, all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: width 120ms linear, all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .burger .top_bar.bar {
    top: 0; }
  .burger .middle_bar.bar {
    top: 12px; }
  .burger .bottom_bar.bar {
    bottom: 0; }
  .edge .burger .middle_bar.bar, .burger .edge .middle_bar.bar {
    top: 45%; }

.burger {
  z-index: 99999; }
  .burger:hover .top_bar, .burger.hover .top_bar,#btnMenu:hover .burger .top_bar {
    width: 100%; }
  .burger:hover .middle_bar, .burger.hover .middle_bar,#btnMenu:hover .burger .middle_bar {
    width: 70%; }
  .burger:hover .bottom_bar, .burger.hover .bottom_bar,#btnMenu:hover .burger .bottom_bar {
    width: 40%; }
  .burger.on {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);margin-top: -16px;margin-left: -24px; }
    .burger.on .bar {
      background-color: white;
      width: 100% !important; }
    .burger.on .top_bar {
      -webkit-transform: rotate(-135deg);
      -moz-transform: rotate(-135deg);
      transform: rotate(-135deg);
      top: 11px;
      left: 0px;
      width: 160%!important;
      height: 3px;
      }
    .burger.on .middle_bar {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      transform: scale(0); }
    .burger.on .bottom_bar {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      transform: rotate(-45deg);
      bottom: 14px;
      height: 3px;
      width: 160%!important;
      left: 0px;
      }

  @media (min-width: 768px) and (max-width: 1023px) {
      .burger{width:20px;height:16px;}
}
  @media (max-width: 767px) {
      }
  @media (min-width: 768px) {
    .burger_container {
      padding-left: 35px;
      padding-top: 30px;
      height: 80px; } }