:root {
    --colore-nero: #2f2f2f;
    --colore-grigio: #43525a;
    --colore-bianco: #fff;
    --colore-avio: #bdcbd7;
    --colore-logociano: #62afb7;
    --colore-logorosso: #c1101a;
}

/* homepage */

.homepage .jl-cover {
     --jl-position-translate-x: -50% !important;
}


.asterisco {
    color: var(--colore-logociano);
    border: solid 1px var(--colore-avio);
    padding: 40px 5px 0 5px;
    line-height: 0;
    position: relative;
    top: 30px;
    margin: 0 10px;
}


/* splash screen */

.logo-splash {
    position: absolute;
    z-index: 100;
        width: 140px;
    left: calc(50% - 70px);
        top: 80px;
}


.time-splash {
    position: absolute;
    z-index: 99;
    right: 20px;
    top: 10px;
}


#g-slideshow .splash .jl-cover {
    --jl-position-translate-x: -50%;
}

    @media only all and (max-width: 420px) {
#g-slideshow .jl-heading-large {
    font-size: 2.4rem;
}
      }



#g-navigation .size-80 {
    max-width: 80%;
}

#g-navigation .size-20 {
    max-width: 20%;
}

    @media only all and (max-width: 960px) {
#g-navigation .jl-logo {
    margin-left: 20vw;
}
      }


/* splash pagine generali */

.hero-slideshow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
  z-index: 0;
}


/* menu device mobili */

.jl-modal-full img {
display: none;
}


.jl-modal-full .menu-item-particle {
display: none;
}


.jl-modal-full .jl-nav-default {
padding-top: 30px;
font-size: 2rem;
}

.jl-icon {
 transform: scale(1.5);
}

 #g-navigation .jl-search-toggle {
    padding: 0 20px;
}

/* barra - menu e navigazione */

#g-top {
    margin-top: -25px !important;
}

.jl-sticky {
background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0.5) 5%, rgba(0,0,0,0) 95%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.5) 5%, rgba(0,0,0,0) 95%);
background: linear-gradient(180deg, rgba(0,0,0,0.5) 5%, rgba(0,0,0,0) 95%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}


#g-navigation .jl-logo {
    color: #fff;
    position: static;
    top: 0px;
    border: none !important;
}


.anema .tm-header .jl-navbar {
    border: 4px solid;
    height: 118px;
}


.jl-sticky-fixed .jl-navbar {
    border-color: var(--colore-ciano) !important;
}


.anema .jl-navbar-container {
    padding-bottom: 30px;
}


.jl-navbar .mod-languages ul {

    margin-bottom: 0;
}


.jl-navbar .jl-panel {
    color: var(--colore-nero);
}

.jl-navbar .jl-panel a {
    color: var(--colore-nero);
}


.jl-navbar .jl-panel a:hover {
    color: var(--colore-nero);
}


.jl-navbar .jl-panel .jl-input {
    color: var(--colore-nero);
}


#g-hero .jl-light h3 {
    color: var(--colore-logociano);
}


#g-hero {
    position: unset;
}


.jl-section-large {
    padding-bottom: 20px;
}

/* menu principale */


#g-navigation  .jl-navbar-nav {
    text-transform: uppercase;
}



#g-navigation .jl-navbar-dropdown-nav img {
    max-width: 160px;
    padding-bottom: 10px;
}


#g-navigation .jl-navbar-dropdown-nav div {
    text-transform: uppercase;
    font-weight: 600;
}

#g-navigation .jl-navbar-dropdown-nav .jl-navbar-subtitle {
    text-transform: initial;
    font-weight: 200;
}

#g-navigation .jl-navbar-dropdown-nav .menu-item-particle {
    text-transform: initial;
    font-weight: 100;
    font-size: 10px;
}

#g-navigation .jl-nav li>a {
    flex-direction: column;
    align-items: center;
}


.temp-container {
    max-width: 450px;
}

.temp-chiara, .temp-scura, .temp-arancio {
    color: var(--colore-bianco);
    width: 100px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-weight: 500;
    margin-bottom: 5px;
}

.temp-chiara {
    background: #9f9f9f;
    float: left;
}

.temp-scura {
    background: var(--colore-grigio);
    float: left;
    margin-right: 10px;
}


.temp-spiega {
    border: solid 0px var(--colore-grigio);
    float: left;
      width: 230px;
    height: 50px;
    text-align: left;
    line-height: 50px;
    font-weight: 500;
    padding-left: 5px;
    margin-bottom: 5px;
}


.call-armadi {
    background-color: #fff;
    box-shadow: 0 14px 25px rgba(0,0,0,.1);
padding: 20px 20px;
}



/* footer */

#cf_2, #cf_6 {
    margin-left: auto;
    margin-right: auto;
}


#g-copyright {
border-top: solid 1px var(--colore-grigio);
}


/* menu prodotti */


/* pagine generali */


.pagina-generica  {
padding-top: 50px;
}

.pagina-generica .jl-article .page-header h1  {
color: var(--colore-bianco);
    background-color: var(--colore-nero);
    padding: 20px 40px 20px 100px;
    font-size: 1.4rem;
    width: fit-content;
    text-align: right;
  float: right;
  
}

.pagina-generica div.tableOfContent {
	width: 350px;
    height: 350px;
    float: right;
    border: solid 1px var(--colore-nero);
}


div ul.tableOfContent {
    background-color: inherit;
    padding: 0 10px;
    max-width: 100%;
    text-align: right;
}


ul.tableOfContent li {
    list-style-type: none;
    padding: 0 0 20px 0;
    color: var(--colore-ciano);
}


ul.tableOfContent li.toc-level1 a {
    font-size: 16px;
}

ul.tableOfContent li.toc-level2 a {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
}


li.toc-level1 {
    padding: 0 !important;
}


.drop_h1 {
    color: var(--colore-bianco);
    background-color: var(--colore-nero);
    padding: 10px 100px 10px 20px;
    font-size: 1.4rem;
    width: fit-content;
    text-align: left;
}

.drop_h2 {
    font-size: 1.6rem;
    color: var(--colore-avio);
  border-top: solid 1px var(--colore-grigio);
}


.pagina-generica .com-content-article__body p {
    padding-left: 5%;
}

/* sezioni - pagine */


.view-article .solo-sezione {
    display: none;
}


#g-slideshow .jl-cover {
    --jl-position-translate-x: -60%;
    object-fit: scale-down;
}


.jl-breadcrumb li:last-of-type {
    color: var(--colore-logociano);
}

.jl-light .jl-breadcrumb>:last-child>* {
    color: var(--colore-logociano);
}


no.category-desc.clearfix {
    margin: -250px -40px 40px -40px;
}

.container-anteprima {
    border: solid 1px var(--colore-nero);
}

.anteprima-titolo {
    position: absolute;
    z-index: 2;
    padding: 10px;
    text-align: right;
}

.anteprima-titolo  .jl-margin-top {
    margin-top: 0 !important;
}

.anteprima-immagine {
    position: relative;
    top: 60px;
    right: 30px;
}


.titolo-esteso h1 {
    color: var(--colore-bianco);
   background-color: var(--colore-nero);
padding: 20px 40px 20px 100px;
    font-size: 1.2rem;
    width: fit-content;
    text-align: right;
}


.container-intestazione {
    width: 450px;
    height: 450px;
    float: right;
    border: solid 1px var(--colore-nero);
}

.titolo-intestazione {
    text-align: right;
    padding: 10px 30px;
}

.titolo-intestazione h2 {
font-size: 3rem;
        color: var(--colore-avio);
}


.immagine-head {
    position: relative;
    right: 50px;
    bottom: 50px;
}


.testo-principale {
    width: 70%;
    padding-top: 50px;
}

.dati-tecnici {
    padding-top: 50px;
}


.disegno-tecnico {
    float: left;
        padding-right: 30px;
}


.immagine-principale {
    margin-left: auto;
    margin-right: auto;
}


.dropfiles-single-file .dropfiles-file-link {
    font-family: "Inter";
    font-size: 2rem;
}

.dropfiles-single-file .dropfiles-file-link a {
    font-family: "Inter";
    font-size: 1.5rem;
}

.dropfiles-single-file .dropfiles-file-link a .droptitle {
    font-family: "Inter";
    font-size: 2rem;
}


.video {
    float: right;
    margin: 110px 0 40px 40px;
}

/* classi responsive */

    @media only all and (min-width: 960px) {
#g-navigation .jl-logo {
    position: absolute;
        top: 0px;
}
        }

    @media only all and (max-width: 960px) {     
   .testo-principale {
    width: 100%;
}  
      
      
 .video {
    float: none;
    margin: 80px 0 0 0;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}
      
 
      .titolo-esteso h1 {
    width: inherit;
}
        
   .immagine-head {
    right: 0;
    bottom: 70px;
}
        }