/********************************************
MENU
********************************************/
.t4-megamenu .navbar-nav>li>a, .t4-megamenu .navbar-nav>li>.nav-link {
    padding: 0 1rem; 
     height: auto; 
     line-height: normal;
}

.mx-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

#t4-header .nav {
  -moz-border-radius: 0.4375em;
  -webkit-border-radius: 0.4375em;
  border-radius: 0.4375em;
  -moz-box-shadow: #4d4d4d 0 -1px 0px 0px inset, rgba(255, 255, 255, 0.0857) 0 -5px 0px 0px inset, #1e1e1e 0 4px 0px 0px inset;
  -webkit-box-shadow: #4d4d4d 0 -1px 0px 0px inset, rgba(255, 255, 255, 0.0857) 0 -5px 0px 0px inset, #1e1e1e 0 4px 0px 0px inset;
  box-shadow: #4d4d4d 0 -1px 0px 0px inset, rgba(255, 255, 255, 0.0857) 0 -5px 0px 0px inset, #1e1e1e 0 4px 0px 0px inset;
  background: #242424;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: inline-block;
  text-align: center;
  padding: 0.375em 0.3125em;
  position: relative;
}
#t4-header .nav:before {
  -moz-border-radius-bottomleft: 0.4375em;
  -webkit-border-bottom-left-radius: 0.4375em;
  border-bottom-left-radius: 0.4375em;
  background: rgba(36, 36, 36, 0.4);
  width: 0.4375em;
  height: 0.4375em;
  bottom: 0;
  left: 0;
}
#t4-header .nav:after {
  -moz-border-radius-bottomright: 0.4375em;
  -webkit-border-bottom-right-radius: 0.4375em;
  border-bottom-right-radius: 0.4375em;
  background: rgba(36, 36, 36, 0.4);
  width: 0.4375em;
  height: 0.4375em;
  bottom: 0;
  right: 0;
}

#t4-header .nav-item {
  -moz-border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  border-radius: 0.3125em;
  -moz-box-shadow: rgba(255, 255, 255, 0.15) 0 1px 0px 0px inset, rgba(255, 255, 255, 0.05) 0 1px 0px 1px inset, rgba(0, 0, 0, 0.7) 0 1px 2px 0px, rgba(9, 9, 9, 0.6) 0 2px 3px 2px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0 1px 0px 0px inset, rgba(255, 255, 255, 0.05) 0 1px 0px 1px inset, rgba(0, 0, 0, 0.7) 0 1px 2px 0px, rgba(9, 9, 9, 0.6) 0 2px 3px 2px;
  box-shadow: rgba(255, 255, 255, 0.15) 0 1px 0px 0px inset, rgba(255, 255, 255, 0.05) 0 1px 0px 1px inset, rgba(0, 0, 0, 0.7) 0 1px 2px 0px, rgba(9, 9, 9, 0.6) 0 2px 3px 2px;
  background-color: #343434;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlNGU0ZSIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+PHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iIzQxNDE0MSIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzNiM2IzYiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+PHN0b3Agb2Zmc2V0PSIzMiUiIHN0b3AtY29sb3I9IiMzODM4MzgiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjMzYzNjM2IiBzdG9wLW9wYWNpdHk9IjAuMTUiLz48c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iIzM1MzUzNSIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+PHN0b3Agb2Zmc2V0PSI0NyUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPjxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjMzIzMjMyIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz48c3RvcCBvZmZzZXQ9IjYxJSIgc3RvcC1jb2xvcj0iIzMwMzAzMCIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmEyYTJhIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(78, 78, 78, 0.15)), color-stop(2%, rgba(65, 65, 65, 0.15)), color-stop(5%, rgba(59, 59, 59, 0.15)), color-stop(32%, rgba(56, 56, 56, 0.15)), color-stop(33%, rgba(54, 54, 54, 0.15)), color-stop(46%, rgba(53, 53, 53, 0.15)), color-stop(47%, rgba(51, 51, 51, 0.15)), color-stop(60%, rgba(50, 50, 50, 0.15)), color-stop(61%, rgba(48, 48, 48, 0.15)), color-stop(100%, rgba(42, 42, 42, 0.15)));
  background-image: -moz-linear-gradient(top, rgba(78, 78, 78, 0.15) 0%, rgba(65, 65, 65, 0.15) 2%, rgba(59, 59, 59, 0.15) 5%, rgba(56, 56, 56, 0.15) 32%, rgba(54, 54, 54, 0.15) 33%, rgba(53, 53, 53, 0.15) 46%, rgba(51, 51, 51, 0.15) 47%, rgba(50, 50, 50, 0.15) 60%, rgba(48, 48, 48, 0.15) 61%, rgba(42, 42, 42, 0.15) 100%);
  background-image: -webkit-linear-gradient(top, rgba(78, 78, 78, 0.15) 0%, rgba(65, 65, 65, 0.15) 2%, rgba(59, 59, 59, 0.15) 5%, rgba(56, 56, 56, 0.15) 32%, rgba(54, 54, 54, 0.15) 33%, rgba(53, 53, 53, 0.15) 46%, rgba(51, 51, 51, 0.15) 47%, rgba(50, 50, 50, 0.15) 60%, rgba(48, 48, 48, 0.15) 61%, rgba(42, 42, 42, 0.15) 100%);
  background-image: linear-gradient(to bottom, rgba(78, 78, 78, 0.15) 0%, rgba(65, 65, 65, 0.15) 2%, rgba(59, 59, 59, 0.15) 5%, rgba(56, 56, 56, 0.15) 32%, rgba(54, 54, 54, 0.15) 33%, rgba(53, 53, 53, 0.15) 46%, rgba(51, 51, 51, 0.15) 47%, rgba(50, 50, 50, 0.15) 60%, rgba(48, 48, 48, 0.15) 61%, rgba(42, 42, 42, 0.15) 100%);
  background-size: 4px 4px;
  float: left;
  margin-right: 0.125em;
 /* padding: 0.375em 0.4375em;*/
  padding: 0.375em 0em;
  position: relative;
}
#t4-header .nav-item a {
  -moz-border-radius: 0.45833em;
  -webkit-border-radius: 0.45833em;
  border-radius: 0.45833em;
  text-shadow: #000 0 -1px 0;
  background: rgba(182, 182, 182, 0.018);
  color: rgba(255, 255, 255, 0.85);
display: block;
 /* font-family: 'Fresca', sans-serif;*/
  font-family: 'Orbitron', sans-serif;
  font-size: 13px;
  padding: 0.5em 2.5em 0.5em;
  text-decoration: none;
}
#t4-header .nav-item:hover {
  -moz-box-shadow: rgba(255, 255, 255, 0.05) 0 1px 0px 0px inset, rgba(255, 255, 255, 0.02) 0 1px 0px 1px inset, rgba(9, 9, 9, 0.5) 0 2px 2px 1px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.05) 0 1px 0px 0px inset, rgba(255, 255, 255, 0.02) 0 1px 0px 1px inset, rgba(9, 9, 9, 0.5) 0 2px 2px 1px;
  box-shadow: rgba(255, 255, 255, 0.05) 0 1px 0px 0px inset, rgba(255, 255, 255, 0.02) 0 1px 0px 1px inset, rgba(9, 9, 9, 0.5) 0 2px 2px 1px;
}
#t4-header .nav-item:hover a {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
#t4-header .nav-item:after {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjExIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.5)), color-stop(69%, rgba(255, 255, 255, 0.11)), color-stop(80%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.11) 69%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.11) 69%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.11) 69%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 1px;
  left: 0;
  top: 0;
}

#t4-header li.nav-item.current.active {
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px inset;
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px inset;
  background-color: #2d2d2d;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, #2e2e2e 50%);
  background-size: 2px 2px;
}
#t4-header li.nav-item.current.active a {
  text-shadow: rgba(255, 255, 255, 0.4) 0 0 35px, rgba(76, 190, 255, 0.95) 0 0 25px;
  background: none;
  color: #4cbeff;
}
#t4-header li.nav-item.current.active:before {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IiIgcj0iNTclIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjk4OWQ4IiBzdG9wLW9wYWNpdHk9IjAuNTEiLz48c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIwLjAxIi8+PHN0b3Agb2Zmc2V0PSI1NCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -moz-radial-gradient(center, ellipse cover, rgba(41, 137, 216, 0.51) 0%, rgba(30, 87, 153, 0.01) 53%, rgba(30, 87, 153, 0) 54%, rgba(30, 87, 153, 0) 57%);
  background-image: -webkit-radial-gradient(center, ellipse cover, rgba(41, 137, 216, 0.51) 0%, rgba(30, 87, 153, 0.01) 53%, rgba(30, 87, 153, 0) 54%, rgba(30, 87, 153, 0) 57%);
  background-image: radial-gradient(ellipse cover at center, rgba(41, 137, 216, 0.51) 0%, rgba(30, 87, 153, 0.01) 53%, rgba(30, 87, 153, 0) 54%, rgba(30, 87, 153, 0) 57%);
  -moz-box-shadow: rgba(76, 190, 255, 0.02) 0 0 0px 3px inset;
  -webkit-box-shadow: rgba(76, 190, 255, 0.02) 0 0 0px 3px inset;
  box-shadow: rgba(76, 190, 255, 0.02) 0 0 0px 3px inset;
  top: -0.25em;
  left: 10%;
  width: 80%;
  height: 0.375em;
}
#t4-header li.nav-item.current.active:after {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IiIgcj0iNTclIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjk4OWQ4IiBzdG9wLW9wYWNpdHk9IjAuNTEiLz48c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIwLjAxIi8+PHN0b3Agb2Zmc2V0PSI1NCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -moz-radial-gradient(center, ellipse cover, rgba(41, 137, 216, 0.51) 0%, rgba(30, 87, 153, 0.01) 53%, rgba(30, 87, 153, 0) 54%, rgba(30, 87, 153, 0) 57%);
  background-image: -webkit-radial-gradient(center, ellipse cover, rgba(41, 137, 216, 0.51) 0%, rgba(30, 87, 153, 0.01) 53%, rgba(30, 87, 153, 0) 54%, rgba(30, 87, 153, 0) 57%);
  background-image: radial-gradient(ellipse cover at center, rgba(41, 137, 216, 0.51) 0%, rgba(30, 87, 153, 0.01) 53%, rgba(30, 87, 153, 0) 54%, rgba(30, 87, 153, 0) 57%);
  -moz-box-shadow: rgba(255, 255, 255, 0.05) 0 -5px 0px 0px inset;
  -webkit-box-shadow: rgba(255, 255, 255, 0.05) 0 -5px 0px 0px inset;
  box-shadow: rgba(255, 255, 255, 0.05) 0 -5px 0px 0px inset;
  top: inherit;
  bottom: -0.5em;
  left: 0;
  width: 100%;
  height: 0.5em;
}
#t4-header li.nav-item.current.active:hover {
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px inset;
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px inset;
}
/*
#t4-header button:active:not([disabled]),
[role=button]:active:not([disabled]) {
  box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 5px 3px #999, inset 0 0 30px #aaa;
}
*/
div#t4-header {
    border-bottom: 0px !important;
}
.not-at-top #t4-header.t4-sticky {
     background-color: #212529; 
    box-shadow: 0 3px rgba(0, 0, 0, 0.6);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

a.a2a_dd {
    padding: 4px 8px !important;
}
.tornaindietro {
    padding: 4px 8px !important;
}

/********************************************
SELETTORE LINGUA
********************************************/
.mod-languages {
    width: 150px;
    float: right;
}
div.mod-languages ul li.lang-active {
    background-color: transparent;
    border-bottom: 2px solid #4cbeff;
}
.topcoontattidx {
    text-align: right;
}
.topcoontattidx a {
    color: #4cbeff;
}

/********************************************
LOGO TOP
********************************************/
.logo-img {
    margin-top: 28px;
  padding: 0px;
  /* box-shadow: inset 0 0 20px rgba(0,0,0,0.5); *//* Crea l'effetto incavo/ombra */
  /*position: absolute;*/
  background-color: #fff;
  border-radius: 50%;
  border-style: solid;
 /* border-width: 10px 35px 10px 10px; *//* Spessore: Top Right Bottom Left */
  border-color: #212529;
  /* L'effetto negativo è dato dal contrasto con lo sfondo scuro */
  margin: -50px 10px -100px 20px;
  background-color: #ffffff;
}

/*
#t4-header.fissato {
    position: -webkit-sticky !important;
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
}
#t4-header.fissato {
    background-color: #fff;
  background-color: #ced3db;
    transition:800ms ease-in-out;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.58);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.58);
}*/
/**********************************************
LOGO
**********************************************/
/*
.t4-off-canvas-header .logo-img.reduced {
	max-width: 100%;
  transition:500ms ease-in-out;
}

.logo-img.reduced {
	max-width: 50%;
  transition:500ms ease-in-out;
}
.logo-img {
	max-width: 100%;
  transition:500ms ease-in-out;
}
*/
.t4-off-canvas-header .logo-img.reduced {
	max-width: 100%;
  transition:500ms ease-in-out;
}

.logo-img.reduced {
	max-width: 50%;
  transition:500ms ease-in-out;
}
.logo-img {
	max-width: 100%;
  transition:500ms ease-in-out;
}

/**********************************************
SELETTORE LINGUA
**********************************************/
.mod-languages {
   /* width: 150px;*/
   /* float: left;
    position: fixed;*/
    z-index: 999;
}


/**********************************************
BREADCRUMBS
**********************************************/
div#t4-breadcrumbs nav {
 background-color: #333;
 border-radius: 8px;;
 color: #54befc;
padding: 0px 8px;
  margin-top: 8px;
   -moz-box-shadow: #4d4d4d 0 -5px 0 -1px inset, rgba(255, 255, 255, 0.0857) 0 -5px 0 0 inset, #4d4d4d 0 5px 0px 0px inset;
  -webkit-box-shadow: #4d4d4d 0 -5px 0 -1px inset, rgba(255, 255, 255, 0.0857) 0 -5px 0 0 inset, #4d4d4d 0 5px 0px 0px inset;
  box-shadow: #4d4d4d 0 -5px 0 -1px inset, rgba(255, 255, 255, 0.0857) 0 -5px 0 0 inset, #4d4d4d 0 5px 0px 0px inset;
inset: 0;
  /* Creazione della griglia con gradienti lineari */
  background-image: 
    linear-gradient(to right, #222 1px, transparent 1px),
    linear-gradient(to bottom, #222 1px, transparent 1px);
  background-size: 5px 5px; /* Dimensione delle maglie */
}
div#t4-breadcrumbs nav a{
  color: #54befc;
}
div#t4-breadcrumbs nav a:hover{
  color: #fff;
}


/**********************************************
FOOTER BUTTON
**********************************************/
#t4-footer {
    background-color: #000;
}
#t4-footer a.buttonfooter {
	color: #818181;
	background-image: -webkit-linear-gradient(top, #383838 0%, #1F1F1F 5%, #161616 100%);
    background-image: -moz-linear-gradient(top, #383838 0%, #1F1F1F 5%, #161616 100%);
    background-image: -ms-linear-gradient(top, #383838 0%, #1F1F1F 5%, #161616 100%);
    background-image: -o-linear-gradient(top, #383838 0%, #1F1F1F 5%, #161616 100%);
    background-image: linear-gradient(top, #383838 0%, #1F1F1F 5%, #161616 100%);
    border-radius: 7px;
	box-shadow: 0 0 1px 1px rgb(10,10,10);
    -moz-box-shadow: 0 0 1px 1px rgb(10,10,10);
    -webkit-box-shadow: 0 0 1px 1px rgb(10,10,10);
	cursor: pointer;
	position: relative;
	text-transform: uppercase;
	padding: 4px 32px 4px 16px;
	vertical-align: bottom;
	transition: color .3s ease;
    font-size: 11px;
        margin-top: 8px;
}
#t4-footer a.buttonfooter:hover{
	color: #9E9E9E;
}
#t4-footer a.buttonfooter:active{
	box-shadow: 0 0 1px 1px rgb(10,10,10),
      				inset 0 2px 2px 0px black;
}
#t4-footer a.buttonfooter:before{
	position: absolute;
	content: '';
	right: 15px;
	top: 8px;
	width: 8px;
	height: 8px;
	background: #646464;
	background-image: radial-gradient(top, #616161 0%, #616161 20%, #535353 60%);
	border-radius: 50%;
	box-shadow: 0 0 4px #1C1C17;
	transition: all .3s ease;
}
#t4-footer a.buttonfooter:hover:before{
	background: #FF4F4F;
	box-shadow: 0 0 4px #1C1C17,
  						0 0 5px #FF4242;
}
#t4-footer a.buttonfooter:active:before{
	box-shadow: 0 0 4px #1C1C17,
  						inset 0 2px 2px 0px #CC0000;
}
#t4-footer a.buttonfooter:nth-child(1){
	width: 40%;
	margin-right: 2%;
}
#t4-footer a.buttonfooter:nth-child(2){
	width: 58%;
}

/**********************************************
FOOTER BUTTON ON-OFF
**********************************************/

.sbpower {
    z-index:9999;
    position: relative;
}

.switch {
    float: right;
  display: block;
  background-color: black;
  width: 80px;
  min-width:80px;
  min-height: 100px;
  height: 100px;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2), 0 0 1px 2px black, inset 0 2px 2px -2px white, inset 0 0 2px 15px #47434c, inset 0 0 2px 22px black;
  border-radius: 5px;
  padding: 20px;
  perspective: 700px;
}

.switch input {
  display: none;
}

.switch input:checked + .button {
  transform: translateZ(20px) rotateX(25deg);
  box-shadow: 0 -10px 20px var(--light-color);
}

.switch input:checked + .button .light {
  animation: flicker 0.2s infinite 0.3s;
}

.switch input:checked + .button .shine {
  opacity: 1;
}

.switch input:checked + .button .shadow {
  opacity: 0;
}

.switch .button {
  display: block;
  transition: all 0.3s cubic-bezier(1, 0, 1, 1);
  transform-origin: center center -20px;
  transform: translateZ(20px) rotateX(-25deg);
  transform-style: preserve-3d;
  height: 100%;
  position: relative;
  cursor: pointer;
  background-repeat: no-repeat;
}

.switch .button::before, 
.switch .button::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 50px;
  transform-origin: top;
  transform: rotateX(-90deg);
}

.switch .button::after {
  bottom: 0;
  transform: translateY(50px) rotateX(-90deg);
  box-shadow: 0 50px 8px 0px black, 0 80px 20px 0px rgba(0, 0, 0, 0.5);
}

.switch .light, .switch .dots, .switch .characters, .switch .shine, .switch .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
}

.switch .light {
  opacity: 0;
  background-image: radial-gradient(var(--light-grad-start), var(--light-grad-end) 40%, transparent 70%);
}

.switch .dots {
  background-image: radial-gradient(transparent 30%, var(--dot-color) 70%);
  background-size: 10px 10px;
}

.switch .characters {
  background: linear-gradient(white, white) 50% 20%/5% 20%, radial-gradient(circle, transparent 50%, white 52%, white 70%, transparent 72%) 50% 80%/33% 25%;
  background-repeat: no-repeat;
}

.switch .shine {
  opacity: 0.3;
  background: linear-gradient(white, transparent 3%) 50% 50%/97% 97%, linear-gradient(rgba(255, 255, 255, 0.5), transparent 50%, transparent 80%, rgba(255, 255, 255, 0.5)) 50% 50%/97% 97%;
}

.switch .shadow {
  opacity: 1;
  background: linear-gradient(transparent 70%, rgba(0, 0, 0, 0.8));
}

@keyframes flicker {
  0% { opacity: 1; }
  80% { opacity: 0.8; }
  100% { opacity: 1; }
}

/* Cores vermelha */

.red {
  --light-color: #ff1818;
  --light-grad-start: #ffc97e;
  --light-grad-end: #ff1818;
  --dot-color: rgba(101, 0, 0, 0.7);
  background: linear-gradient(#980000 0%, #6f0000 30%, #6f0000 70%, #980000 100%);
}

.red::before {
  background: linear-gradient(rgba(255, 255, 255, 0.8) 10%, rgba(255, 255, 255, 0.3) 30%, #650000 75%, #320000);
}

.red::after {
  background-image: linear-gradient(#650000, #320000);
}

/**********************************************
ICONE SOCIAL
**********************************************/
/*
.social-list li a {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -khtml-appearance: none;
  box-sizing: initial;
  border: none;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 5rem auto;
  position: relative;
  width: 36px;
  height: 9px;
  padding: 31px 17px;
  border-radius: 10px;
  overflow: hidden;


  text-align: center;
  font: bold 20px arial, sans-serif;
  color: #968f84;
  transition: box-shadow 0.02s cubic-bezier(0.79, 0.03, 0.43, 1);
  box-shadow: inset 0px 0px 0px 0px #44413c, 0px 0px 0px 1.5px #44413c,
    0px 16px 12px 0px #504d471f;
}
.social-list li a:active {
  transition: box-shadow 0.1s cubic-bezier(0, 0, 0, 1);
  box-shadow: inset 0px 0px 6px 0px #44413c, 0px 0px 0px 1.5px #44413c,
    0px 10px 12px 0px #504d471f;
}
.social-list li a:active::before {
  background: linear-gradient(0deg, #dddad3, #b6b0a2);
  transition: transform 0.1s cubic-bezier(0, 0, 0, 1),
    background 0.1s cubic-bezier(0, 0, 0, 1);
}
.social-list li a::before {
  left: 10px;
  top: 12px;
  border-radius: 7px;
  box-shadow: 0px -1px 0px 0px #dedcdc, 0px 2px 0px 0px #9a948c;
  content: "";
  position: absolute;
  z-index: -1;
  width: 50px;
  height: 50px;
  transition: transform 0.01s cubic-bezier(0.79, 0.03, 0.43, 1),
    background 0.02s cubic-bezier(0.79, 0.03, 0.43, 1);
  background: linear-gradient(0deg, #e3e0d9, #c4bfb4);
}
.social-list li a::after {
  left: 0;
  top: 0;
  z-index: -2;
  position: absolute;
  content: "";
  filter: blur(1px);
  border-top: 40px solid #e9e6e0;
  border-bottom: 42px solid #999286;
  border-left: 40px solid #cdc8be;
  border-right: 40px solid #cdc8be;
}
.social-list li a i, .social-list li a span {
    font-size: 32px;
}
.social-list li a:hover, .social-list li a:focus, .social-list li a:active {
    background-color: initial;
    color: var(--color-white);
    opacity: revert-rule;
}*/
.social-list li a {
    background-color: #212529 !important;
    border-radius: 50%;
    color: #ffffff !important;
    display: block;
    height: 36px;
    line-height: 28px;
    text-align: center;
    border: 4px solid #666;
    opacity: .6;
    width: 36px;
    transition: all .2s ease-in-out;
}
.social-list {
    list-style: none;
    margin: -6px 0 0 0;
    padding: 0;
    display: flex;
    align-items: center;
}
/**********************************************
BUTTON FOOTNAV
**********************************************/
.css-button {
    width: 100%;
    margin: 8px;
	color: #FFFFFF;
	font-size: 14px;
	border-radius: 5px;
	border: solid 5px #443d3d;
	/*text-shadow: 1px 1px 0px #a3a3a3;*/
	box-shadow: inset 0px 10px 14px -7px #616174;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	/*font-family: Arial;*/
	background: linear-gradient(180deg, #696969 10%, #443d3d 100%);
	display: inline-flex;
	align-items: center;
	padding: 0;

}
.css-button:hover {
	background: linear-gradient(180deg, #443d3d 10%, #696969 100%);
}
.css-button-text {
	position: relative;
	padding: 8px;
}
.css-button-icon {
	position: relative;
	border-right: 1px solid #ffffff29;
	box-shadow: inset rgb(0 0 0 / 14%) -1px 0 0;
	padding: 9px 10px;
    width: 34px;
    text-align: center;
}
a.css-button {
	color: #fff
}

#t4-footnav .moduletable {
    border: none;
    padding: 8px; 
    border-radius: none; 
    margin: 0;
}
#t4-footnav li {
    color: #fff !important;
}
#t4-footnav {
background-color: #6c757d;
color: #fff;
}
#t4-footnav h3 {
color: #fff !important;
}
div#t4-breadcrumbs {
background-color: #6c757d;
}
/**********************************************
OFF CANVAS
**********************************************/
.t4-offcanvas .t4-off-canvas-header a img {
    max-height: max-content;
    outline: none;
}
.t4-offcanvas .t4-off-canvas-header {
    background-color: #f8f9fa;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: .75rem 3.5rem;
}

/********************************************
T4-MASTHEAD
********************************************/
div#t4-masthead {
    border-top: 4px solid #303030;
    border-bottom: 4px solid #606060;
}
#t4-masthead .t4-masthead-inner {
    padding: 8px;
}
#t4-masthead h1 {
    margin: 8px;
}

/********************************************
SLIDER-01
********************************************/
div#camera_wrap_187, div#camera_wrap_225, div#camera_wrap_224 {
    margin: 0 auto;
}
div#t4-slider-01 {
    background-color: #010101;
    /*border-bottom: 4px solid #303030;*/
}

/********************************************
SLIDER-02
********************************************/
div#t4-slide-02 {
    background-color: #bec1bd; /*o ferro / #434b4d Codice Colore Hex */
    /*border-bottom: 4px solid #303030;*/
    padding: 20px;
    border-bottom: 4px solid #878b86;

}
/********************************************
SLIDER-03
********************************************/
div#t4-slider-03 {
    background-color: #010101;
    /*border-bottom: 4px solid #303030;*/
    padding: 20px;
    border-top: 4px solid #303030;

}

/********************************************
PHOCA MAPS
********************************************/
.phocamaps-box {
    border-radius: 20px !important;
    border-top: 8px solid #333;
    border-left: 8px solid #333;
    border-bottom: 8px solid #555;
    border-right: 8px solid #555;
    background-color: #444;
}
div#phocaMapPlgPM1 {
    border-radius: 20px !important;
    border: 8px solid #444;
    background-color: #444;
}



/**********************************************************
OFFLINE
***********************************************************/
.form-wrap .offline-header {
    background-color: #1e0003 !important;
    border-radius: 8px 8px 0 0;
    color: #fff;
    padding: 2rem 2rem 2.5rem;
    position: relative;
}
body.offline .form-wrap h1 {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 1rem;
}
body.offline {
  background: url(../../../../images/background-001.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100%;
  overflow: auto;
}
.form-wrap {
    background-color: #fff;
    border: 1px solid #e9ecef;
    -webkit-box-shadow: 3px 5px 7px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 5px 7px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    margin: 12px;
}
.riconoscimenti-offline {
    width: 100%;
    text-align: right;
    padding: 4px 16px;
}


/*********** JD SIMPLE CONTACT FORM */
.formjdscf .form-control {
    max-width: 100%;
    margin: 4px 0;
}
.jd-simple-contact-form .form-control {
    max-width: initial;
}



.jd-simple-contact-form .custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 0;
}


.jd-simple-contact-form .custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
.jd-simple-contact-form .custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 20px;
}
.jd-simple-contact-form label.d-block {
    margin-top: 20px;
}
.jd-simple-contact-form .btn-block {
    display: block;
    width: 100%;
}
.jd-simple-contact-form .custom-file-label::after {
    content: "Browse" !important;
    float: right;
    border-left: 1px solid #ccc;
    padding-left: 20px;
}
.jd-simple-contact-form .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 0.75rem);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0;
}
div#jdscf_recaptcha_105 {
    margin: 0 auto;
    width: 304px;
}
.recaptchadescription {
    text-align: center;
}
.jd-simple-contact-form .form-check-inline .form-check-input {
   /* position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0;*/
    height: 25px;
    width: 200px;
}
.jd-simple-contact-form .form-check-inline {
    display: inline-flex;
    align-items: initial;
  align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}
.form-check.form-check-inline {
    padding-top: 20px;
}
.form-check.form-check-inline:hover {
    cursor: pointer;
}

.jd-simple-contact-form label.form-check-label {
    font-size: 12px;
}
.jd-simple-contact-form input, button, select, optgroup, textarea {
    margin: 4px;
}
.jd-simple-contact-form .form-check-inline .form-check-input {
   /* position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0;*/
    width: 50px !important;
  min-width: 50px !important;
    height: 50px;
}
.jd-simple-contact-form .form-check-inline .form-check-input {
    width: 50px !important;
    min-width: 50px !important;
    height: 50px;
    border-color: #ced4da;
}
.moduletable.formjdscf {
    /*background-color: #adb5bd;*/
    background-color: transparent;
    min-height: 550px !important;
}
.moduletable.formconcorsojdscf {
   background: #2A7B9B;
background: linear-gradient(145deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
min-height: 550px !important;
}
.moduletable.formjdscf i.fa.fa-paper-plane {
    /* position: absolute; */
    /* float: left; */
    margin-top: -100px;
    color: #575c60;
}
h5.jd-simple-contact-description-title.card-title img {
    /* position: absolute; */
    /* float: left; */
    margin-top: -120px;
    color: #575c60;
    vertical-align: text-top !important;
    width: 200px;
    height: 200px;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
}
/****************** reCaptcha */
div#jdscf_recaptcha_177 {
    margin: 0 auto;
    width: 304px;
}
div#jdscf_recaptcha_216 {
    margin: 0 auto;
    width: 304px;
}
.recaptchadescription {
    text-align: center;
  width: 100%;
}

p.customassaggiamiaimycaptcha {
    font-size: 12px;
    font-style: italic;
}

/********************************************
SKILLSET
********************************************/
.skillset.default {
    position: relative;
    padding-top: 0px; 
    padding-bottom: 0px; 
    background-size: cover;
    ound-position: center center;
    background-attachment: fixed;
}
.skillset.default .skill .icon, .skillset.default .skill .counting, .skillset.default .skill .description {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}

/********************************************
BUTTON OFF
********************************************/
.banner-off {
	max-width: 100%;
  transition:500ms ease-in-out;
}




/********************************************
DIVISORIO INGRANAGGI
********************************************/
.containergear {
  width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  margin-top: 200px;
}

span.rot {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-color: #e2e2e2;
  height: 2px;
  margin: 0 16px;
}

.gear {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODk2IiBoZWlnaHQ9IjEwMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxnPiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPiAgPHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjQwMiIgd2lkdGg9IjU4MiIgeT0iLTEiIHg9Ii0xIi8+IDwvZz4gPGc+ICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+ICA8cGF0aCBmaWxsPSIjYWFhYWFhIiBpZD0ic3ZnXzEiIGQ9Im00NDcuOTM4LDM1MGMtODkuNDA3LDAgLTE2MS45MzgsNzIuNTMxIC0xNjEuOTM4LDE2MmMwLDg5LjM3NSA3Mi41MzEsMTYyLjA2MiAxNjEuOTM4LDE2Mi4wNjJjODkuNDM4LDAgMTYxLjQzOCwtNzIuNjg4IDE2MS40MzgsLTE2Mi4wNjJjLTAuMDAxLC04OS40NjkgLTcyLjAwMSwtMTYyIC0xNjEuNDM4LC0xNjJ6bTMyNC42ODcsMjU1LjA2MmwtMjkuMTg4LDcwLjMxMmw1Mi4wNjIsMTAyLjI1bDYuODc1LDEzLjVsLTcyLjE4OCw3Mi4xODhsLTExOC40MzYsLTU1LjkzN2wtNzAuMzEyLDI4Ljg3NWwtMzUuNjg4LDEwOS4yNWwtNC41NjIsMTQuNWwtMTAyLjAzMiwwbC00NC4xNTYsLTEyMy4zMTJsLTcwLjMxMiwtMjlsLTEwMi40MDQsNTEuOTM4bC0xMy41LDYuNzVsLTcyLjE1NiwtNzIuMTI1bDU1Ljg3NSwtMTE4LjVsLTI4Ljk2OSwtNzAuMjVsLTEwOS4wNjUsLTM1LjYyNmwtMTQuNDY5LC00LjY4N2wwLC0xMDEuOTY5bDEyMy40MDYsLTQ0LjIxOWwyOC45NjksLTcwLjE4OGwtNTEuOTA2LC0xMDIuNDY5bC02Ljg0NCwtMTMuNDM4bDcyLjA2MiwtNzIuMDYybDExOC41OTQsNTUuODQ0bDcwLjIxOSwtMjkuMDMxbDM1LjY1NiwtMTA5LjE4OGw0LjU5NCwtMTQuNDY4bDEwMiwwbDQ0LjE4OCwxMjMuNDY5bDcwLjEyNSwyOS4wMzFsMTAyLjQzNywtNTEuOTY5bDEzLjYyNSwtNi44NDRsNzIuMTI1LDcyLjA2MmwtNTUuODc1LDExOC40MDZsMjguODc1LDcwLjM0NWwxMDkuMzc1LDM1LjY1NmwxNC4zNzUsNC41OTRsMCwxMDEuOTM4bC0xMjMuMzc1LDQ0LjM3NHoiLz4gPC9nPjwvc3ZnPg==);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: 0.65s ease-out;
  -o-transition: 0.65s ease-out;
  transition: 0.65s ease-out;
}
.gear1 {
  width: 40px;
  height: 40px;
}
.gear2 {
  width: 28px;
  height: 28px;
  margin: 0 0 14px -2px;
}


/********************************************
RACK
********************************************/
.settori.btn-3 {
    background-color: #2a3e50;
    color: #fff;
    font-size: 14px;
}
.settori {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    /* cursor: pointer; */
    padding: 10px 10px;
    display: inline-block;
    margin: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 0;
    border-radius: 8px;
}
/* {
    background-color: #e6e6e6;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-radius: 8px;
    position: relative;
}*/

/***********************************
RACK MATERIALI LAVORATI */
.rackmateriali {
    position: relative;
}
.rackmateriali .rackvititopsx {
    background-color: #312c29;
    width: 40px;
    height: 20px;
    border-radius: 20px;
    position: absolute;
    top: 28px;
    left: 30px;
    border-top: 2px solid #696460;
    border-bottom: 2px solid #e3dedb;
}
.rackmateriali .rackvititopdx {
   background-color: #312c29;
    width: 40px;
    height: 20px;
    border-radius: 20px;
    position: absolute;
    top: 28px;
    right: 30px;
        border-top: 2px solid #696460;
    border-bottom: 2px solid #e3dedb;
}
.rackmateriali .rackvitibottomsx {
    background-color: #312c29;
    width: 40px;
    height: 20px;
    border-radius: 20px;
    position: absolute;
    bottom: 28px;
    left: 30px;
        border-top: 2px solid #696460;
    border-bottom: 2px solid #e3dedb;
    
}
.rackmateriali .rackvitibottomdx {
    background-color: #312c29;
    width: 40px;
    height: 20px;
    border-radius: 20px;
    position: absolute;
    bottom: 28px;
    right: 30px;
            border-top: 2px solid #696460;
    border-bottom: 2px solid #e3dedb;
}
/***********************************
RACK SETTORI DI INTERVENTO */
.racksettoridiintervento {
    position: relative;
}
.racksettoridiintervento .rackvititopsx {
    background-color: #312c29;
    width: 40px;
    height: 20px;
    border-radius: 20px;
    position: absolute;
    top: 28px;
    left: 30px;
    border-top: 2px solid #696460;
    border-bottom: 2px solid #e3dedb;
}
.racksettoridiintervento .rackvititopdx {
   background-color: #312c29;
    width: 40px;
    height: 20px;
    border-radius: 20px;
    position: absolute;
    top: 28px;
    right: 30px;
        border-top: 2px solid #696460;
    border-bottom: 2px solid #e3dedb;
}
.racksettoridiintervento .rackvitibottomsx {
    background-color: #312c29;
    width: 40px;
    height: 20px;
    border-radius: 20px;
    position: absolute;
    bottom: 28px;
    left: 30px;
        border-top: 2px solid #696460;
    border-bottom: 2px solid #e3dedb;
    
}
.racksettoridiintervento .rackvitibottomdx {
    background-color: #312c29;
    width: 40px;
    height: 20px;
    border-radius: 20px;
    position: absolute;
    bottom: 28px;
    right: 30px;
            border-top: 2px solid #696460;
    border-bottom: 2px solid #e3dedb;
}

.logosbrack {
   border-radius: 8px 25px; /* two values */
   background-color: #252525;
   width: 100px;
   height: 50px;
   display: inline-blocK;
   text-align: center;
   vertical-align: middle;
}
.logosbrack img {
   margin-top: 10px;
   width: 50px;
}
.racktitle {
    padding: 20px;
}
.racktitle h4{
    width: auto;
}
.contenitorerack {
    background-image:url('../../../../images/_di-servizio/texture-backgrond-rack.jpg');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center;
    border-top: 2px solid #e6e5e1;
    border-bottom: 2px solid #686560;
    padding: 20px 50px 50px 50px;
    border-radius: 10px;
}


h3.mwall-title a, h3.mwall-title span {
    font-size: 14px;
    line-height: 24px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    word-wrap: break-word;
    text-decoration: none;
}
h3.mwall-title {
    line-height: 24px;
    margin: 0;
    padding: 10px 15px;
    text-align: center;
}
/*
.cardlavorazioni .mwall-columns .content-bottom .mwall-item-inner {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-height: 100%;
    background-color: #000 !important;
    background: rgba(0, 0, 0, 0.5) !important; 
}*/

/********************************************
OVERLAY BUTTON ON OFF
********************************************/
.overlay {
    position: fixed; /* Mantiene il div fisso sullo schermo */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Nero con 80% di opacità */
    z-index: 999; /* Assicura che sia sopra tutto */
    display: none; /* Inizialmente nascosto */
    transition-duration: 5s; /* Velocità di comparsa */
    transition-timing-function: ease-in-out;
}
.logoinoverlay {
  display: flex;
  justify-content: center; /* Centra orizzontalmente */
  align-items: center;     /* Centra verticalmente */
  height: 100vh;           /* Esempio: altezza del viewport */
}

/********************************************
CUSTOM MODULETABLE
********************************************/
.moduletable {
    border: initial;
    padding: 1rem;
    border-radius: .25rem;
    margin: 1rem auto;
}
div#t4-rack-superiore {
    padding: 20px;
}


/**********************************************************
OFFLINE
***********************************************************/

.form-wrap .offline-header {
    background-color: #010101 !important;
    border-radius: 8px 8px 0 0;
    color: #fff;
    padding: 2rem 2rem 2.5rem;
    position: relative;
    display: block;
}
body.offline {
  background: url(../../../../images/_di-servizio/griglia-2.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100%;
  overflow: auto;
}
.form-wrap {
    background-color: #fff;
    border: 1px solid #e9ecef;
    -webkit-box-shadow: 3px 5px 7px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 5px 7px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    margin: 12px;
    text-align: center;
}
.riconoscimenti-offline {
    width: 100%;
    text-align: right;
    padding: 4px 16px;
}

/**********************************************************
RESPONSIVO E ADATTIVO
***********************************************************/
@media (max-width: 920px) {
    .logo-img {
    max-width: 50%;
    transition: 500ms ease-in-out;
}

}
@media (max-width: 520px) {
    .logo-img {
        max-width: 30%;
        transition: 500ms ease-in-out;
    }
}
div#t4-header {
    border-bottom: 0px !important;
    position: sticky !important;
    position: -webkit-sticky !important;
    top: 0 !important;
}
.t4-offcanvas .t4-off-canvas-header a img {
    max-height: max-content;
    max-width: 100%;
    outline: none;
}

.off-canvas .mod-languages {
    width: auto !important;
    float: right;
}


.logo_bg {
    background-image: url(../../../../images/_di-servizio/loghi-studio-guidotti-bggrafica.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 65px;
    width: 125px;
    margin: 0 auto;
}
.logo_bg:hover {
    background-image: url(../../../../images/_di-servizio/loghi-studio-guidotti-bggrafica-hover.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 65px;
    /* width: 30px; */
}

.topdatasx  {
  font-family: "Doto", sans-serif;
  font-optical-sizing: auto;
  /*font-weight: <weight>;*/
  font-style: normal;
  color: #0adbff;
  font-variation-settings:
    "ROND" 0;
}

/********************************************
SLIDER CK
********************************************/
.sliderhomesb .camera_prevThumbs, .sliderhomesb .camera_nextThumbs, 
.sliderhomesb .camera_prev, .sliderhomesb .camera_next, 
.sliderhomesb .camera_commands, .sliderhomesb .camera_thumbs_cont {
    background: transparent !important;
}

/********************************************
CUSTOM WALL
********************************************/
.mwall-item-tags ul {
  background-color: #010101;
  padding: 4px;
  margin: 0;
  }

/********************************************
FIX BUTTON FOOTER
********************************************/  
#t4-footnav a.css-button {
    margin: 8px 0px 8px 0px !important;

}


/********************************************
ANIMATION ICON CONTATTI
********************************************/ 
@-webkit-keyframes wrench {
  0% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  8% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  10% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  18% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  20% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  28% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  30% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  38% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  40% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  48% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  50% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  58% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  60% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  68% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  75% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes wrench {
  0% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  8% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  10% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  18% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  20% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  28% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  30% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  38% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  40% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  48% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  50% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  58% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  60% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  68% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  75% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.faa-wrench.animated,
.faa-wrench.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-wrench {
  -webkit-animation: wrench 2.5s ease infinite;
  animation: wrench 2.5s ease infinite;
  transform-origin-x: 90%;
  transform-origin-y: 35%;
  transform-origin-z: initial;
}
/* SHAKE */
/*
.faa-shake.animated,
.faa-shake.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-shake {
  -webkit-animation: wrench 2.5s ease infinite;
  animation: wrench 2.5s ease infinite;
}
*/

/********************************************
CUSTOM BODY HOME E CONTATTI
********************************************/ 
.homesbtorneriameccanica #t4-main-body {
   /* display: none;*/
   /* visibility: hidden;*/
background: url(../../../../images/_di-servizio/griglia-2.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100%;
  overflow: auto;
}
.homesbtorneriameccanica #t4-main-body p {
   /* display: none;*/
    visibility: hidden;

}
.contattisbtorneriameccanica #t4-main-body {
   /* display: none;*/
   /* visibility: hidden;*/
background: url(../../../../images/_di-servizio/griglia-2.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100%;
  overflow: auto;
}
.contattisbtorneriameccanica #t4-main-body p {
   /* display: none;*/
    visibility: hidden;

}
/********************************************
FIX
********************************************/ 
#t4-header {
    position: -webkit-sticky !important;
    position: sticky;
    top: 0;
    z-index: 9999;
}
.t4-off-canvas-body .mod-languages {
    width: initial; 
    float: none; 
    width: 100%;
    text-align: center;
}