:root{
  --coldark:#000; 
  --col555:#555555;
  --opacitymenu:0.8;
  --backdropfilter:4px;
}
 * {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

a, button, button:focus, button:active, input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea, select, input[type="checkbox"] {text-decoration:none !important; outline:none !important; box-shadow: none !important;}


body{padding:0; margin: 0; background: #dededb; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 1em;}

.fixed{position:fixed; z-index: 1000; top:0; background-color: rgba(255, 255, 255, 0.7); backdrop-filter: blur(4px)}


.icon-bar {
  border: 0 !important;
  width: 36px; 
  height: 2px;
  display: block;
  transition: all 0.2s;
  margin-top: 8px
}
/*
.navbar-toggler{width: 38px; height: 38px; border-radius: 19px !important; background: #757574 !important; color: #fff !important; border: 0; text-align: center; padding:0 !important; font-size: 0.6em; text-transform: uppercase;}
.navbar-toggler .collapsed {border: 0 !important;}
.navbar-toggler:focus {box-shadow: none;}
.navbar-toggler:hover{background: #000 !important; }
*/

.navbar-toggler {
  border: none;
  background: transparent !important;
  margin-top:0px !important; margin-bottom: 4px !important
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
  background-color:  var(--coldark);
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
  background-color:  var(--coldark);
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
  background-color: var(--col555);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
  background-color: var(--col555);
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
  background-color: var(--col555);
}

#artigiani-xs{display: none}

.navbar{background: none !important}
.navbar-brand svg{ width: 120px; height: 120px}
.scroll svg{ width: 60px; height: 60px}
.navbar-brand span {font-weight: 300; font-size: 1.4em}
.nav-link{font-weight: 500; font-size: 1.1em; text-transform: uppercase;}
.nav-link:link, .nav-link:visited {color:var(--col555)}
.nav-link:hover {color:var(--coldark)}
.btn-lingua{width: 38px; border-radius: 19px !important; background: #757574 !important; color: #fff !important; border: 0; text-align: center; padding: 8px !important; font-size: 0.9em; text-transform: uppercase;}
.btn-lingua:hover {background: var(--coldark) !important;}
#lingua-xs{display: none}

.compass-container {width: 100%; text-align: center; margin-top: 60px; margin-bottom: 60px}
.compass-container div {max-width: 80%; margin: auto; height: 100px; background: url('../imgs/dot-333.svg') repeat-x; background-size: 1px 1px; background-position: center;}
.compass-container svg{width: 100px; height: 100px}

.footer{padding:0 !important}
.footer-left, .footer-right {padding-top: 24px; padding-bottom: 24px}
.footer-left{background-color: #404040; color: #fff; font-size: 0.8em; font-weight: 500; padding-top: 40px; padding-bottom: 40px; padding-left: 20px}
.footer-left svg{width: 60px; height: 60px;}
.footer-left a{color:#fff !important; text-decoration: underline !important;}
.slogan-footer{padding-left: 10px; font-weight: 100; font-size: 1.2em}
.footer-right{background-color: #fafafa; background-image: url('../imgs/tronco.svg'); background-repeat: no-repeat; background-position: left center; padding-right: 20px; display: flex; align-items: center; justify-content:end }
.contatti-footer a {font-weight: 300}
.contatti-footer a:link, .contatti-footer a:visited, .social-footer a:link, .social-footer a:visited {color:var(--coldark);} 
.contatti-footer a:hover, .social-footer a:hover {color: #666;}
.social-footer{flex: 1; text-align: center}
.social-footer i {font-size: 2em}
.fa-facebook-f {margin-right: 20px}
.follow{font-size: 0.8em; margin-bottom: 10px}
.footer-mobile{display: none}

h1{font-size: 2.6em; text-transform: uppercase; padding: 16px; color:var(--coldark);}

.privacy{font-size: 0.9em}
.privacy ol li, .privacy-txt ul li {margin-bottom: 20px}
.privacy a {text-decoration: underline !important; color:var(--coldark);}

.p404{text-align: center; min-height: 600px}
.p404 a{color:var(--coldark); text-decoration: underline !important;}

@media (max-width: 1120px) {
  .navbar-brand span{font-size: 1.2em}
}

@media (max-width: 767px) {
  h1{font-size: 1.6em; }
  #artigiani-xs{display: block; width: 100%; text-align: center; font-size: 0.8em; font-weight: 500; color: #fff; background-color: var(--coldark);}
  .navbar-brand svg{ width: 50px; height: 50px}
  .navbar-brand span {display: none}
  .nav-item{text-align: center}
  .nav-link{font-size: 1.5em;}
  #lingua{display: none;}
  #lingua-xs{display: inline-block; margin-left: auto}
  #lingua-xs .btn-lingua {margin-right: 12px}
  .footer-right{display: none}
  .footer-mobile{display: block; background-color: #fafafa; background-image: url('../imgs/tronco-right.svg'); background-repeat: no-repeat; background-position: right center; display: flex; align-items: center; justify-content:start; padding-left:20px; padding-top:20px }
  .p404{text-align: center; min-height: 450px}
  .compass-container {margin-top: 30px; margin-bottom: 30px}
}

@media (max-width: 575px) {
  .p404{text-align: center; min-height: 300px}
}