a.logo {cursor:pointer;}  
.logo img {display:block;} 
.logo .img1 {position:relative;display:block;}
.logo .img2 {position:relative;display:block;}
.containerMenu{position:relative;display:block;width:100%;box-sizing: border-box;z-index:1;display: flex;justify-content: flex-end;transition: all 0.4s ease-out;}

.nav{position: relative;display:block;width: fit-content;border:0px;text-align: center;padding:0px 0px;padding-right: 270px;margin:0;box-sizing: border-box;z-index:2000;padding-left: 5px;background-color: var(--grigio2);/* border-radius: 50px; */}
.nav:after{content:"";position:absolute;top: 0px;left: -28px;background-color: var(--grigio2);width: 80px;height: 80px;z-index:0;clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);}

.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,.btnDrop{position:relative;display:block;width:100%;font-size: 16px;font-size: clamp(12px, calc(0.41vw + 7.2px), 16px);text-align: left;color: var(--nero);font-weight: 500;padding: 0px 0.5vw;;cursor:pointer;box-sizing:border-box;transition: all 0.4s ease-out;height: 80px;display: flex;justify-content: center;align-items: center;text-transform: uppercase;}

.nav li ul li a:hover,.btnDrop:hover {}

.nav li ul li a i, .btnDrop i{margin-left:5px;}
.nav li ul li .sel{color: var(--colBase);}
.nav li ul li .sel:before{background-color:#e30613}
.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 a:hover{color: var(--bianco);}
.nav li ul li .sel:after{
  content:"";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: var(--colBase);
  z-index: -1;
  transition: all 0.4s ease-out;
  clip-path: polygon(10% 0, 90% 0, 100% 100%, 100% 100%, 0 100%, 0 100%);
  }
  .nav li ul li a:hover:after{background-color: var(--nero);}
  .nav li ul li .sel:hover:after{ background-color: var(--colBase);}
  .nav li ul li .selected{
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 40px;
    height: 15px;
    background-color: var(--colBase);
    transform: translateX(-50%);
    z-index: -1;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  }

.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: absolute;display:none;top: 100%;left: 0px;width:200%;padding-top:0px;z-index: 2000;text-align: center;padding: 0px 10px;overflow:hidden;transition: all 0.2s ease-out;    background-color: var(--grigio1);text-align: left;}
.nav li ul li ul li a{display:block;height:auto;padding:10px 10px 10px 0;margin:10px 0;}/*dropdown-menu*/
.nav li ul li ul li a:hover{color: var(--colBase)!important;background-color: var(--grigio1)!important;}
.nav li ul li ul li a:after{display:none;}
.nav li ul li ul li a span{display:block;}/*dropdown-menu*/
.nav li ul li ul li a img{position: r;display: inline-block;/* top: 50%; *//* left: 0px; *//* transform: translateY(-50%); */width: 48px;margin-left: -8px;/* padding-right:20px; */vertical-align: middle;}/*dropdown-menu*/
.nav li ul li .open{opacity:1;overflow:visible;}
.nav li ul li .open li {padding-left:0px;opacity:1}/*dropdown-menu*/
.nav li ul li ul li .alt{background-color:var(--colBase);color:var(--bianco)}

.navUC.nav{min-height:100px;}
.boxNav{position: relative;display:block;width: 100%;opacity:1;z-index:10;transition: opacity 300ms linear 0ms, left 200ms linear 350ms;padding-top: 0px!important;padding-right: 10px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;}
.open.boxNav{left:0px;opacity:1;height: 100vh;padding-right: 0!important;}
#ulMenu{
    display: flex;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    }
  
    #supMenu{position:absolute;top:0;right: 90px;display: flex;justify-content: flex-end;align-items: center;gap: 10px;background-color: var(--grigio1);padding: 0px 20px;}
    #supMenu a{height:auto;padding: 10px;font-size:14px;margin: 0;}
    #supMenu:after{content:"";position:fixed;top:0;left:0;width:100vw;height: 40px;background-color: var(--grigio1);display: block;}
.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: none;top:50%;transform:translateY(-50%);right:6vw;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;}

.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%;background-color: var(--bianco);padding:0px;padding-top: 0px;z-index:1000;}

.BoxHeader{position:relative;width: 100%;max-width: 100vw;margin:0 auto;border:0px;padding:0px;z-index:10;text-align: left;transition: all 0.4s ease-out;display: flex;align-items: center;justify-content: flex-end;}
.BoxHeaderUC.BoxHeader{min-height:100px;}
.header2{}
.logo {position:absolute;top: 50%;left:2vw;transform: translateY(-50%);width:14%;max-width:184px;color:var(--bianco);border: 0px;cursor:pointer;z-index:250;transition: all 0.4s ease-out;}
.open.logo{filter:invert(1) brightness(5)}
.logo img {width: 100%;z-index:10;height: auto;}
.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: 50%;right: 0px;transform: translateY(-50%);display: flex;justify-content: flex-end;align-items: center;text-align: right;z-index:2100;vertical-align:middle;padding:0px 0px;background-color: var(--colBase);/* border-top-left-radius: 50px; *//* border-bottom-left-radius: 50px; */height: 80px;padding-left: 10px;padding-right: 20px;}
.menu:after{content:"";position:absolute;top: 0px;left: -28px;background-color: var(--colBase);width: 80px;height: 80px;z-index: -1;clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);}

.menu .btnSocial{position:relative;display: block;width: 28px;height: 28px;color: var(--bianco);margin-left: 0px;vertical-align: middle;/* background-color:var(--nero); */}
.menu .btnContatti {
  display: inline;
  position: relative;
  color: var(--colBase);
  font-size: 16px;font-size: clamp(12px, calc(0.41vw + 7.2px), 16px);
  padding: 5px 21px;
  font-weight: 600;
  background-color: var(--bianco);
  border-radius: 50px;
  margin-right: 10px;
}
	.menu .btnSocial i, .menu .btnSocial span{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-size: 18px;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(--nero);}
	.menu .btnLingua{position:relative;display:inline-block;font-size:14px;border:1px solid #555;padding:5px 5px;color:#555;margin:0px 0px;margin-left: 20px;vertical-align: middle;}
.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:absolute;display:block;top:0;right: 2vw;font-size:14px;color: var(--nero);vertical-align: middle;z-index: 2100;font-weight: 400;background-color: var(--grigio1);padding: 0 10px;text-align: center;}
.menuLingue .open{position:relative;display:block;font-size: 14px;padding: 10px 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: 39px;left:0px;width:100%;font-size:14px;z-index:1000;background-color: var(--grigio1);}
.menuLingue .tendina a{position:relative;display:block;font-size:14px;padding: 5px 10px 5px 20px;/* 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:none;top: 54%;right: 155px;transform: translateY(-50%);text-align: right;z-index:220;}
	.cartTop a.open{display:inline-block;padding:16px 10px;font-size:20px;color:var(--nero);cursor:pointer;}
	.cartTop .nr{position:absolute;display:block;top:12px;right:-1px;border-radius:50px;font-size:9px;text-align:center;padding:2px 6px;color:var(--bianco);background-color:#c90000;z-index:10;}
    
    
	.headerHome .cartTop a.open{color:var(--bianco);}
    .cartTop .open:hover,.cartTop .open:hover i{color:#3B2366}


.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{border-bottom:0px;}
.headerHome .logo{}
.headerHome #btnMenu, .headerHome .menu .btnSocial, .headerHome .searchForm input, .headerHome .searchForm button,.headerHome .searchForm input::placeholder, .headerHome .cartTop a.open{}
.headerHome  .searchForm input{border-bottom:1px solid var(--bianco);}
.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{}

.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) {
}

@media (max-width: 940.99px) {
   
	#btnMenu, .openCartM{display:block;top: 46%;}
    #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;}
	.BoxHeader {height:100%!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:55px;top: 50%;transform: translateY(-50%);}
    
	.logo {width:40%!important;left:6vw;top: 50%;transform: translateY(-50%);}
	a.logo img {width: 100%;z-index:10;}
	.logoUC {height: auto;width:60%;}
    .logoUC img {height: auto;width: 100%;z-index:10;}
    .containerMenu{position: fixed;display:block;width:100%;box-sizing: border-box;z-index:1;display: flex;justify-content: center;align-items: center;background: var(--colBase);height: 100vh;width: 100vw;top: 0;left: 101vw;flex-direction: column;}
.open.containerMenu{left:0;}
    .nav{
      width: 100%;
      padding: 0;
      background-color: transparent;
  }
    .open.nav{display:block;}
	.nav li ul {display: block;}
	.nav ul li{display:block;padding-bottom: 0px;}
	.nav li ul li a, .btnDrop{width:100%;font-size:14px;text-transform: uppercase;text-align:left;padding: 10px 0px;height: 40px;color:var(--bianco);margin: 0;}

    .nav li ul li ul {position: relative;display: none;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);width: 100%;padding: 0;}
    .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 {font-size: 14px;padding: 0px 0px;text-align: center;width: 100%;border: 0px!important;color:#fff!important;text-transform: inherit;margin: 10px 0;}
    
    .nav li ul li .sel{color:var(--bianco);border-bottom: 1px solid #fff;}
	.nav li ul li .selected{
    display:none;
}
.nav li ul li .sel:after{display:none;}

.nav:after{display:none;}
.nav li ul li ul li .alt {
  background-color: var(--bianco);
  color: var(--colBase)!important;padding:5px 0;
}
	
	
	.dropdown-menu li a{color:var(--nero)!important;}
	.dropdown-menu li a:hover{color:#ef7823!important;}
  .boxNav{opacity:1;padding-right: 0!important;}
	#ulMenu{
    display: block;
    }


	#supMenu{top: calc(50% + 240px);width: 100%;display: block;background-color: transparent;right: auto;left: 0;}
  #supMenu:after{display:none;}
    .menu .btnSocial{width:24px;height:24px;}
    .menu .btnSocial i{font-size:18px;}
    .menu:after{display:none;}
    
    .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{position:relative;display:block;top:0;width:100%;text-align: center;}
    .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;}
    .menu .btnContatti{display:block;width:50vw;margin:30px auto;text-align:center}


    .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;}
    .menuLingue{top: 16px;background-color: var(--bianco);right: calc(6vw + 30px);}
}
.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: 19px;
  width: 22px;display: inline-block;
    vertical-align: middle; }

.burger .bar {
  position: absolute;
  height: 2px;
  right: 0;
  width: 100%;
  background-color: #0c2132;
  -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: 46%; }
  .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); }
    .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: 9px; }
    .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: 9px; }

  @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; } }