@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap');


/** * V A R I A B I L I
    ==================================================================================*/

    :root {
        
        --font:         'Poppins';
 
        
        --main:         #447164;
        --verdino:      #D0E0D0;
        
        --nero:         #000;
        --bianco:       #fff; 
        
        --p:            #1f1f1f; 
        --over:         #2D3033;

    }


    /** * STRUTTURA
    ==================================================================================*/


    body            		{ font-family: var(--font), sans-serif;  font-size: 16px; font-weight: 500;  background-color: #F8F7F3;  }
    

    .container-fluid        { padding: 0; height: 100%; }

    .site-title             { background-image: url("../img/logo.svg"); text-indent: -9999px; display: block; }   
    .site-description       { display: none; }

    .site-title:hover       { animation: spin 16s linear infinite;}

    header                  { padding: 0; position: relative; }

    footer                  {  display: block; padding: 40px 0; margin-top: 80px; position: relative; }

    .free                   { }
    .free img               { width:70px; height:auto; margin: 40px auto; display: block; }

    #azienda, #servizi, #terapie                { margin: 80px 0; }

    #mapid          { display: block; width: 100%; height: 600px; margin:80px 0 0 0;}


    #wa             { width: 50px; font-size: 35px; color: var(--main); line-height: 100%;}
    #btn-visita     { font-size: 18px; width: fit-content;}

    #claim      { margin:80px 0; padding: 80px; }

    .logotipo   { position: fixed; top: 350px; left: 105px; }
    
    .logo-footer    { width: 100px; height: auto; }



    .wp-block-separator { border: none;border-top: 1px solid; background-color: var(--main); margin: 50px 0;}  

    .wrap{padding:1rem 0; }

    .cat {
        border: 0.5px solid #ccc;
        border-radius: 8px;
        margin-bottom: 8px;
        overflow: hidden;
        background: var(--bianco);
    }

    .cat-header {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 14px 18px;
        cursor: pointer;
        user-select: none
    }

    .cat-header:hover {
        background: #eee;
    }

    .dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        flex-shrink: 0
    }

    .cat-name {
        font-size: 15px;
        font-weight: 500;
        color: var(--main);
        flex: 1
    }

    .count {
        font-size: 12px;
        color: var(--verdino);

        padding: 2px 9px
    }

    .chevron {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
        transition: transform 0.2s;
        color: var(--main)
    }

    .chevron.open {
        transform: rotate(180deg)
    }

    .cat-body {
        border-top: 0.5px solid var(--nero);
        display: none
    }

    .cat-body.open {
        display: block
    }

    .servizio {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 18px 10px 40px;
        border-bottom: 0.5px solid var(--nero)
    }

    .servizio:last-child {
        border-bottom: none
    }

    .tick {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--nero);
        flex-shrink: 0
    }

    .servizio-nome {
        font-size: 14px;
        color: var(--nero)
    }


    /** * LISTA SERVIZI   ==================================================================================*/

    ul#lista-servizi        { list-style-type: none; padding: 0 !important; }
    ul#lista-servizi li     { background-color: #fff; padding: 20px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; margin: 0 0 20px 0; }
    ul#lista-servizi li a   { }
   


    /** * CAROUSEL
    ==================================================================================*/

    #servizi                { background-color:var(--verdino); padding: 40px 40px 40px 250px; position: relative;}

    .dottore                { position: absolute; left: -150px; bottom: 0; width: 450px; height: auto; z-index: 2;}

    .services               { padding: 20px 0px;}
    .services .owl-stage    { margin: 15px 0; display: flex; display: -webkit-flex;}

    .services .item       { background-color:#fff;  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius: 8px; padding: 20px;  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),                 box-shadow 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .services .item h3 a  { text-decoration: none; color: var(--main); }
    .services .item p     { font-size: 14px; line-height: 150% }

    .owl-theme .owl-nav     { margin-top: 0 !important; text-align: right !important; }

    .owl-theme .owl-nav [class*='owl-']     { color: var(--nero) !important; font-size: 40px !important; background: transparent !important; }

    .owl-next:hover i, .owl-prev:hover i    { color:var(--giallo); transform: scale(1.4); }
    .owl-next:focus, .owl-prev:focus        { outline: none; }

    .services .item     { margin: 0 15px 60px; width: 320px; height: 400px; display: flex; display: -webkit-flex; }

    .item-desc          { display: flex; flex-direction: column; height: 100%;}
    .item-desc .btn     { margin-top: auto; width: fit-content;}

  .services .item:hover {
    transform: translateY(-5px);
    box-shadow: rgba(30, 160, 90, 0.18) 0px 12px 28px 0px;
}


    /** * scroll ------------------------------------------------------------------- */
    
    .scroll h5, #backToTop h5 { font-family: var(--out); }

    .scroll                 { transform: rotate(-90deg); position: fixed; bottom: 100px; left: 50px; }
    .scroll h5              { font-size: 10px; font-weight: 400; letter-spacing: 2px; }

    #backToTop              { transform: rotate(-90deg); position: absolute; bottom: 140px; left: -350px; }
    #backToTop h5           { font-size: 10px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; }
    
    a.back-to-top           { text-decoration: none; }

    /** * IMMAGINE TESTA
    ==================================================================================*/

    .img-title-single-page { overflow: hidden; position: relative; max-height: 500px; margin: 40px 0;}
    
    #title h1           { color: var(--giallo); letter-spacing: 2px; margin: 0; position: absolute; text-transform: uppercase; top: 50%; left: 40px; transform: translateY(-50%); width: 100%; z-index: 2}

    .img-testata        { position: relative }
    .img-opacity        { background-color: rgba(0, 83, 149, 0.5); height:100%; position: absolute; top: 0; width: 100%; z-index: 1 }

    .opahome        { background-color: rgba(0, 83, 149, 0.5);  position: absolute; top: 0; width: 100%; z-index: 1 }

    
    /** * PREVENTIVO
    ==================================================================================*/
    
    .preventivo { padding: 40px 80px; background-color: var(--verdino);   }
    .preventivo h2, .preventivo p, .preventivo a, .preventivo input { color: var(--main) !important; }
  

    /** * PORTFOLIO
    ==================================================================================*/
    
        #portfolio ol       { list-style: none; font-family: var(--font); line-height: 36px; }
        #portfolio ol li    { color: #7E3F2E; font-size: 2em; }    

    /** * CONTATTI
    ==================================================================================*/
    
        #cont h3            { font-size: 36px; line-height: 120%; }
        #cont a             { color: var(--giallo); text-decoration-thickness: 0.8px; text-underline-offset: 5px; }


    /** * GESTIONE BOTTONI
    ==================================================================================*/

    .btn        { font-size: 0.8em;  font-weight: 400; }

    .btn-primary        { background-color:var(--main); color: #fff !important; border-color: var(--main); text-transform: uppercase; font-size: 11px; }
    .btn-primary:hover  { background-color:var(--verdino);  color: var(--main); border-color: var(--verdino);  }    

    .btn-outline-primary        { color: var(--main); border-color: var(--main); text-transform: uppercase; font-size: 11px; }
    .btn-outline-primary:hover  { background-color:var(--main);  color: var(--bianco); border-color: var(--main);  }

    .dettagli .btn-outline-light          { font-size: 13px; }
    .dettagli .btn-outline-light:hover    { background-color: transparent !important; font-size: 13px; }

    .btn-outline-light { color: var(--bianco) !important; border-color: var(--bianco); text-transform: uppercase; letter-spacing: 2px; font-size: 14px; font-weight: 500; }    
    .btn-outline-light:hover { color: var(--bianco); border-color: var(--bianco); text-transform: uppercase; letter-spacing: 2px; font-size: 14px; }

    /** * NAVIGAZIONE POST
    ==================================================================================*/

    .post-nav-link {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 1.2rem 1.5rem;
        border: 1px solid var(--verdino);
        border-radius: 6px;
        text-decoration: none;
        color: inherit;
        transition: background 0.2s, border-color 0.2s;
        min-height: 80px;
    }

    .post-nav-link:hover {
        background: var(--verdino);
        border-color: var(--main);
        color: inherit;
        text-decoration: none;
    }

    .post-nav-link.disabled {
        border: 1px solid transparent;
        pointer-events: none;
    }

    .next-post {
        align-items: flex-end;
        text-align: right;
    }

    .prev-post {
        align-items: flex-start;
        text-align: left;
    }

    .nav-arrow {
        font-size: 1.4rem;
        line-height: 1;
        color: #6c757d;
    }

    .nav-label {
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        color: var(--nero);
        margin: 4px 0 2px;
    }

    .nav-title {
        font-size: 0.95rem;
        font-weight: 500;
        color: var(--main);
    }


    /** * MENU
    ==================================================================================*/
   
    #toggle         { display: block; width: 30px; z-index: 13000 !important; }  

    .header-items   { position: absolute; top: 45px; right: 10px; z-index: 13000;}
    .header-items   { display: flex; align-items: center; flex: 1; text-align: right; justify-content: flex-end;}

    .icona          { font-size: 24px; color: #fff; margin: 0 20px;}
    a.icona:hover   { color:var(--giallo); }


    .button_container {
      position: absolute;
      right: 40px;
      height: 27px;
      width: 30px;
      cursor: pointer;
      z-index: 100;
      transition: opacity .25s ease;
    }

    .button_container:hover { opacity: .7; }

    .button_container.active .top {
      -webkit-transform: translateY(9px) translateX(0) rotate(45deg);
              transform: translateY(9px) translateX(0) rotate(45deg);
      background: #FFF;
    }
    .button_container.active .middle {
      opacity: 0;
      background: #FFF;
    }
    .button_container.active .bottom {
      -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
              transform: translateY(-9px) translateX(0) rotate(-45deg);
      background: #FFF;
    }
    .button_container span {
      background: var(--main); ;
      border: none;
      height: 3px;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      transition: all .35s ease;
      cursor: pointer;
    }

    .button_container span:nth-of-type(2) { top: 9px; } 
    .button_container span:nth-of-type(3) { top: 18px; }


    .overlay {
      position: fixed;
      background: #DCEADC; 
      top: 0;
      left: 300px;
      width: calc(100% - 300px);
      height: 0%;
      opacity: 0;
      visibility: hidden;
      overflow: hidden;
 
    }

    .overlay.open {
        opacity: 1;
        visibility: visible;
        height: 100vh;
        overflow: hidden;
        z-index: 12000;
    }

    .overlay p  { color:var(--bianco); line-height: 24px; margin-bottom: 0;  }

    .menumain          { width:50vw; display: block; margin: 95px 0 0 40px;}

    ul.nav             { display:flex; flex-direction:row; justify-content:flex-start; line-height: 45px; }
    ul.nav li          { list-style:none;  flex:1; }
    ul.nav li a        { color: var(--main); font-size: 36px; font-weight: 400; font-family: var(--font), 'serif'; text-transform: uppercase; text-decoration: none;  }    
    ul.nav li a:hover        { color: var(--main); text-decoration: underline;  }    



    .nav-bar-mobile     { display: none; top: 350px; padding: .5rem 2.5rem; }
    
    #address            { position: absolute; bottom: 40px; left: 40px; color: var(--main);   }
    #address a, #address p          { color:var(--main); }

    /** * page animation
    ==================================================================================*/

    .reveal         { position: relative; transform: translateY(150px); opacity: 0; transition: 1s all ease; }
    .reveal.active  { transform: translateY(0); opacity: 1; }



    /** *   T I P O G R A F I A
    ==================================================================================*/
    
    a, i                  { transition: all .5s; }

    html 				  { text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;} 
    body 				  { *zoom: 1; text-align: left; overflow-x: hidden; -ms-word-wrap: break-word; word-wrap: break-word; }

    h1, h2, h3,h4, h5, h6    { font-family: var(--font), 'serif'; color: var(--main); font-weight: 700; font-style: normal; letter-spacing: 1px;   }

    .sottotitolo          { font-size: 12px; font-family: var(--out), 'sans-serif'; color:var(--giallo); }

    h1#titolone           { display: block; white-space: nowrap; font-weight: 800; line-height: 1;  }


    h2                    { font-size: clamp(1.13rem, calc(0.900rem + 1.125vw), 2.25rem);  }
    section h2            { text-transform: uppercase; margin-bottom: 30px; }
    .works h3             { text-transform: uppercase; font-weight: 200; margin-top: 20px; font-size: 18px; letter-spacing: 2px;}

    a#wa:hover            {  color: var(--verdino); }


    p                     { font-family: var(--testo), sans-serif; color: #1f1f1f; margin-bottom: 20px; font-weight: 500; line-height: 31px; }
    .azienda p            { font-size: 18px; text-transform: uppercase; letter-spacing: 2px;  line-height: 30px; }

    a:link                { color: var(--nero); }

    ul, ol                { font-family: var(--testo), sans-serif;  margin-bottom: 20px; font-weight: 500; line-height: 31px; }

    .title h2             { color: var(--nero); letter-spacing: 3px; margin: 0; z-index: 2; font-size:36px; } 
    .title h6             { color: var(--nero); margin: 10px 0 0 0; font-weight:normal; letter-spacing:1px; } 
    

    footer p              { color: var(--nero); font-size: 15px; line-height:  24px; margin-bottom: 0px; }
    footer h2             { color: var(--main); font-size: 1.6em; text-transform: uppercase; margin:40px 0 10px 0; font-weight: 700; letter-spacing: 4px; }
    footer h3             { font-size: 1.3em; text-transform: uppercase; font-weight: 500;  }
    footer a              { color: var(--giallo); }
    footer a:hover        { color: var(--nero); }

    footer ul.menu        { margin-top: 30px;}


    .footwid ul                { margin:0; padding: 0; list-style-type: none; }
    .footwid ul li             { padding:0; line-height: 24px; }
    .footwid ul li a           { font-size: 15px; font-weight: 500;  color:var(--nero);  }
    .footwid ul li a:hover     { color:var(--giallo); text-decoration: none;  }

    .widget ul                { margin:20px 0;; padding: 0; list-style-type: none; }
    .widget ul li             { border-bottom: 1px solid #eee;  padding: 10px 0; }
    .widget ul li a           { font-size: 14px; font-weight: 400; color: var(--nero); }
    .widget ul li a:hover     { color:#222; }


    ul.sitemap          { columns: 2; -webkit-columns: 2; -moz-columns: 2; list-style-type: none; padding: 0; margin: 40px 0;  column-gap: 40px;}
    ul.sitemap li       { line-height: 31px; }
    ul.sitemap li a     { color: #1F1F2D; }

    h4#motto    { font-family: var(--out), 'serif'; font-weight: 300; text-transform: uppercase; font-size: clamp(1rem, 1.0625rem + 1.4vw, 2.8125rem); letter-spacing: 10px; } 

    #claim h2      { font-size: 26px; letter-spacing: 2px; line-height: 30px; margin: 20px 0 !important;  }

    #azienda h5  { color: #E9E9E9; font-size: 70px; -webkit-text-stroke: 1px #ccc; }

    /** * QUOTE ------------------------------------------------------------------- */


    .blockquote { position: relative; font-weight: 800; color: var(--nero); padding: 30px 0; width: 100%; max-width: 90%; z-index: 1; margin: 80px auto; align-self: center; border-top: solid 1px; border-bottom: solid 1px; }

    .blockquote h1 { position: relative; color: var(--nero); font-size: 36px; font-weight: 800; line-height: 1; margin: 0; }

    .blockquote:after { position: absolute; content: "”"; color: rgba(0, 83, 149, 1); font-size: 10rem; line-height: 0; bottom: -43px; right: 30px; }


    /** * CONTATTI ------------------------------------------------------------------- */

    #contatti a         { text-underline-offset: 0.7em;  text-decoration-color: var(--verdino);   text-decoration-thickness: 1px;   }
    #contatti a:hover   { color: var(--main); text-decoration-color: var(--main); }
    #contatti i         { font-size: 24px; }

    /** * LAVORI ------------------------------------------------------------------- */
    
    .lavori h3      { font-weight: 600; letter-spacing: 1px; font-size: 30px; }

    

    /** *   F O R M
    ==================================================================================*/

    span.wpcf7-list-item    { margin: 0;}

    .form-group .wpcf7-list-item{ margin:0;}
    .form-group .wpcf7-list-item label{ display:flex; align-items:flex-start; gap:8px;}
    .form-group input[type="checkbox"]{ margin-top:3px;}
    .form-group .wpcf7-list-item-label{ font-size:13px; line-height:1.3;}

    /** * G U T E N B E R G
    ==================================================================================*/

    .alignwide          { margin: 32px calc(25% - 25vw); max-width: 100vw;}
    .alignwide img      { max-width: 1600px; display: inline; }
    
    .alignleft,.alignright  { margin-bottom: 20px;    width: 40%; }
    .alignleft              { float: left;	margin: 5px 40px 30px 0; }

    .alignfull              { margin: 50px calc(50% - 50vw); max-width: 100vw; width: 100vw;}

    .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2 {  font-size: 28px; color: #fff; font-weight: 200; letter-spacing: 4px; text-transform: uppercase; }

    .wp-block-cover, .wp-block-cover-image { min-height: 500px; }


    /** * MENU
    ==================================================================================*/
    
    .navbar         { padding: 0 !important;  }
    .navbar-light .navbar-nav .nav-link { color: var(--giallo); font-weight: 400; letter-spacing: 1px; }

    .nav-link { font-family: var(--font), 'serif'; font-style: normal; font-size: 15px; text-transform: uppercase; letter-spacing: 1px;  }

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: var(--nero); }
    
    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: var(--nero); font-weight: 700; }




/** *   R E S P O N S I V E
    ==================================================================================*/
    

    @media all and (max-width: 986px) {
        
        #title, #single, #cont       { padding: 0 20px;}
        
        #wa             { position: absolute; right:100px; }
        #menu-icon      { display:block; }
        
        h4#motto        { text-align: center; padding: 0 20px; letter-spacing: 5px; } 
        #btn-visita     { margin: 20px 0 0 0; }
        
        .dottore        { display: none; }
        
        p               { font-size: 15px; line-height: 150%;}
        
        #titolone       { margin-top: 40px;}
        
        #cont h3         { font-size: 21px; line-height: 120%; text-align: center;}

        
        
    }

    /** * ==================================================================================*/

    @media (min-width: 986px) {

        #wa             { position: absolute; right:100px; }
        #btn-visita     { position: absolute; right:200px; }
        
        ul#lista-servizi        { column-count: 2; column-gap: 30px;  width: 90%; }
        #single        { padding-right: 80px;}

         
    }   


    /** * ==================================================================================*/

    @media (max-width: 480px) {
          
        body, html              { overflow-x: hidden; }
        
        header                  { margin:20px 0 80px 0; }
         
        .site-title             { background-size: cover; height: 150px; width: 151px; margin: 20px auto; }
        .site-title a           { display: block; height: 150px; width: 151px; } 
        
        .logotipo               { display: none; }
        
        .overlay                { left: 0 !important; width:100%; }
        
        #azienda img                { margin-bottom: 20px; }
        #azienda h3, #azienda p     { padding: 0 20px; }
        #servizi                    { padding: 40px 20px; }
        #terapie                    { padding: 0 20px; }
        
        .preventivo             { padding: 40px;}
        
        .gutter-20              { padding: 0 20px; }
        .dettagli               { bottom: 40px;  }
        .directional_nav        { display: none; }
        
        .items                  { height: 600px;}
        
        .hero                   { padding: 0 20px;}
        
        #wa                     { bottom: 200px; left: 10px;}

        .slider_section         { margin-top: 40px; }
        
        h3.sub-text             { margin-top: 40px; }
        
        .lavoro                 { margin: 20px 0 80px 0; }
        .lavoro img             { margin-bottom: 40px; }
        
        
        
        /** * MENU -------------------------------------------------------------- */
       
        .button_container       { bottom: 200px !important; }
        
        .menunav                { padding-bottom: 40px; background-color: transparent; }
        .navbar-toggler         { margin:0 auto 20px auto; border-color:transparent !important; }
        .navbar-nav             { text-align: center; margin-bottom: 40px; }
        .navbar-nav li          { border-bottom: 1px solid #ededed;  }
        .navbar-light .navbar-nav .nav-link     { color:var(--nero); }
        
        #address                { bottom: 200px; }
        

        /** * ------------------------------------------------------------------- */
        
        .dropdown-menu          { border: none; text-align: center;}
        .dropdown-menu li a     { font-size: 12px; font-weight: 400 !important;}
        
        .banner                 { min-height:400px; }
        .banner h2              { font-size: 24px; line-height: 32px;  }
        
        #banner-centro          { background-size:cover; position: relative; }
        #banner-centro h2       { font-size: 24px; max-width: 80vw; }
        #banner-centro h4       { font-size: 18px; max-width: 80vw; }
        
        .pagina                 { padding: 20px;}      
        .singolo                { padding: 80px 40px;}
        
        #crumbs                 { display: none; }
        
        .cont                   { padding: 20px 0; }
        .cont a                 { display: block; width: 100%; margin-right: 0; }
        
         footer                 { text-align: center; }
        
        .title                  { line-height:20px; padding: 0 20px; height: calc( 100vh - 300px ); }
        .title h2               { font-size:40px; text-align: center;} 
        
        .scroll                 { display: none !important; }
        .slidex h2              { font-size: 18px; line-height: 150%; }
        
        footer                 { margin-top: 0px;}
        footer img             { width:150px; height: auto; margin-bottom: 40px;}
        
       
        .slide_viewer               { height: 260px; } 
        .slide                      { height: 260px; }
        .tassello, .dettagli p      { display: none; }


      }

    /** * ==================================================================================*/

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

        .site-title             { background-size: cover; height: 65px; width: 300px; margin: 20px 0; }   
        .site-title a           { display: block; height: 65px; width: 300px; }
        
        .banner                 { height:50vh; position: relative; display: flex; align-items: center; }
        .banner h2              { font-size: 30px; font-weight: 700; line-height: 36px;  }
        
    
      }

    /** * ==================================================================================*/

    @media (min-width: 769px) and (max-width: 980px) {
        
       .wrapper                { padding-left:300px; }
        
        #logo                   { position: fixed;  left: 40px;}
        
        header  { padding-top: 80px;}
         
        .site-title             { background-size: cover; height: 200px; width: 150px; margin: 20px 0; }   
        .site-title a           { display: block; height: 85px; width: 300px; }
        .navbar-nav             { margin-top: 95px;   }
        .title                  { height: 80px; line-height:80px; padding: 0 20px;}
        #banner-centro          { background-size:cover; position: relative; }
        #banner-centro h2       { font-size: 24px; max-width: 80vw; }
        #banner-centro h4       { font-size: 18px; max-width: 80vw; }

    }

    /** * ==================================================================================*/

    @media (min-width: 980px) and (max-width: 1200px) {
        
        .site-title             { background-size: cover; height: 150px; width: 151px; margin: 20px auto; }
        .site-title a           { display: block; height: 150px; width: 151px; } 
        
        .wrapper                { padding-left:230px; }
        
        #logo                   { position: fixed;  left: 40px;}
        
        header                  { padding: 50px 0; }
        #btn-visita             { right: 165px !important; }
        
        h4#motto                { font-size: 25px; letter-spacing: 5px;}
        
        .overlay                { left: 230px; width: calc(100% - 230px);}
        
        
    }

    /** * ==================================================================================*/
    
    @media (min-width: 1200px) {
        
        .wrapper                { padding-left:400px; }
        
        #logo                   { position: fixed;  left: 40px;}
        #contatti               { margin: 80px 0;}
        
        header                  { padding: 80px 0; }

        .site-title             { background-size: cover; width: 202px; height: 200px;  margin: 20px auto; }   
        .site-title a           { display: block; width: 202px; height: 200px; }
        
        .nav-link               { padding:18px !important;  }

        #banner-centro          { background-size: cover; padding: 40px 0; position: relative;   }
        #banner-centro          { height: 650px; }
        #banner-centro h2       { font-size: 45px; max-width: 30vw; }
        #banner-centro h4       { font-size: 24px; max-width: 30vw; }


        .singolo               { padding: 80px 0;}
        
        .title                 {  }
        .title h2              { font-size:50px; font-weight: 700; } 
        
        #credits               { text-transform: uppercase;  padding-right: 80px; }
        #credits p, #credits a { font-size: 12px; }
        
        footer i  { margin-right: 40px;}
        
        h4#motto    { padding-right: 400px;} 
        
        .hero                   { height: calc( 100vh - 190px ); width: 100%; min-height: 600px; }
        .fisio                  { height: calc( 100vh - 220px ); width: auto; min-height: 600px;  }

    }  



    /** *  THIS IS THE END   ==================================================================================*/