/*-----------------------------
    Template menu hamburger css
    Author: Claudio Aschieri
    Date: 27/02/2020
-------------------------------*/

/*.menu-hamburger { margin-right: 30px;  } */
.menu-hamburger-list { position: fixed; margin-top: -30px; right:40px}
.header-right-wrap { position: fixed; right:40px; }

.navicon {
  width: 100%;
  background: transparent;
  margin: 0 auto;
  position: relative;
  height: 30px;
  width: 50px;
  display: block;
  z-index: 99;
  transition: linear 0.5s all;
}

.navicon::before { box-shadow: #EEEEEE 0 14px 0 0; position: absolute; }

.navicon::after {  position: absolute;   top: 28px; }

.navicon::before, .navicon::after {
    background: #CECECE;
    font-weight:bold;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    content: "";
    height: 4px;
    left: 0;
    -webkit-transition: 0.8s ease;
    transition: 0.8s ease;
    width: 30px;
}

.navicon--active { margin-top: 0px; transition: linear 0.5s all;   }

.navicon--active:after {    top: 15px;    transform: rotate(315deg);  }

.navicon--active:before {
    box-shadow: transparent 0 0 0 0;
    top: 15px;
    transform: rotate(225deg);
}

.toggle {
    display: block;
    /*margin-right: 30px;*/
    /*float: right;*/
    /*margin: 20px auto;*/
    /*width: 30%;*/
    padding: 15px;
    display: block;
    opacity: 0;
    transition: ease-in 0.3s all;
    /*ransform: translateY(-20%);*/
    min-width: 160px;
    background-color: rgba(0, 0, 0, .4); 
}

.toggle--active {
    display: block;
    opacity: 1;
    transition: ease-in 0.3s all;
    transform: translateY(0);
}

.toggle__menu { margin-bottom: 25px; }

   /*
.toggle__menu:hover {
    color: #db5523;
    border-bottom: 2px solid #db5523;
    transition: linear 0.5s all;
    transform: scale(1.15);
    font-weight: 700;
}*/

.toggle__menu li { display: block;}

.toggle__menu li a {
    text-decoration: none;
    color: #ffffff;
    display: block;
    text-align: right;
    font-size: 15px;
    border-bottom: 2px solid transparent;
    transition: linear 0.5s all;
    font-weight: bold;

}

.toggle__menu li a span {    text-transform: lowercase;     }



/* PER SMARTPHONE E ALTRI DEVICE */

@media (max-width: 767px) {
    
    .header-padding-2 .container-fluid { padding-right: 0}
    .header-right-wrap { margin-top: 50px;  }
    .menu-hamburger-list {position: relative; right: 0 }
    .header-right-wrap { position: relative; right:auto;}
    .toggle__menu li a { text-align: center; }
    .toggle {float: none; margin-right: 0;}
    .xsmall-button > a  { padding: 11px 15px 12px; }
    /*.header-search { display: none; }*/
	
	.toggle__menu li a {

	   background: rgba(41, 41, 41, 0.86);

}
}


@media (min-width: 768px) and (max-width: 991px) {

    .header-right-wrap { margin-right: 40px; margin-top: 50px;    }
    .toggle { margin-right: 70px; }
}