/* FONTS */
@font-face {
    font-family: 'allison_scriptregular';
    src: url('../font/allison_script-webfont.woff2') format('woff2'),
         url('../font/allison_script-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'photograph_signatureregular';
    src: url('../font/photograph_signature-webfont.woff2') format('woff2'),
         url('../font/photograph_signature-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }


  body::-webkit-scrollbar {display: none;}
  html{scrollbar-width: none; overflow: -moz-scrollbars-none;}
  body {-ms-overflow-style: none; overflow: -moz-scrollbars-none; scrollbar-width: none!important;}

/* POPUP */
.pum-container.pum-responsive.pum-responsive-normal{padding: 0; margin-left: auto!important; width: fit-content!important; margin-right: auto!important; left: 0!important; right: 0!important; max-width: 30%!important;}
.pum-container a{display: flex; flex-direction: column; align-items: center;}
.pum-container.pum-responsive.pum-responsive-normal img{margin-bottom: 0;}
  

/* GENERALI */
body{overflow-x: hidden;}
.contenitore-flex {display: flex; flex-direction: row; flex-wrap: wrap;}
.fcol{flex-direction: column;}
.contenitore-boxato { max-width: 70%; margin: 100px auto; position: relative;}
.grecaptcha-badge{display: none!important;}
.post, .page, .page-content, .entry-content, .entry-summary{margin: 0!important;}
.no-overflow{overflow: hidden;}
input:focus, select:focus, textarea:focus, button:focus {outline: none!important;}
.un-mezzo{flex-basis: 50%;}
.intero{flex-basis: 100%;}
.testo-boxato{max-width: 600px; margin: 75px auto;}
.tcenter{text-align: center;}
.sezione-semplice{margin: 125px auto;}
.mobile-ok{display: none;}
.mobile-ko{display: block;}
div#ui-datepicker-div { z-index:1000!important; }

h2.titolo-std{font-family: 'Zilla Slab', serif; font-weight: normal; font-size: 20px; line-height: 24px; text-transform: uppercase; color: #3c3c3b; }
h2.titolo-std span{color: #d79a2b;} 

/* PRELOADER */
.sws-preloader{background-size: 30%!important;}

/* COVID */
.overlay .form-prenotazione.covid p.testo-boxato{width: 100%;}
.form-prenotazione  p.testo-boxato.prenotazione{
  margin-top: 20px;
}

/* FASCIA LATERALE */
.fascia-laterale{position: fixed; background: #3c3c3b; left: 0; right: auto; width: 94px; height: 100vh; z-index: 999; display: flex; flex-direction: column;}
img.logo-fascia{max-width: 68px; }
img.ico-prenota{max-width: 40px; width: 100%; cursor: pointer; position: absolute; right: -20px; top: 190px;}
.fascia-laterale p.hamburger.bottone-prenota{font-family: 'Zilla Slab', serif; font-weight: normal; font-size: 16px; line-height: 1; text-transform: uppercase; color: #d79a2b; cursor: pointer; position: absolute; transform: rotate(270deg); top: 200px; right: 0; right: 0px;}
.fascia-laterale a.link-home{display: flex; flex-direction: column; margin: 50px auto; align-items: center; justify-content: center; width: 100%;}

img.ico-news{max-width: 40px; width: 100%; cursor: pointer; position: absolute; right: -20px; top: 280px;}
.fascia-laterale a.link-news{font-family: 'Zilla Slab', serif; font-weight: normal; font-size: 16px; line-height: 1; text-transform: uppercase; color: #a3a983; cursor: pointer; position: absolute; transform: rotate(270deg); top: 280px; right: 0; text-decoration: none; margin: 13px;}

img.ico-lavora{max-width: 40px; width: 100%; cursor: pointer; position: absolute; right: -20px; top: 360px;}
.fascia-laterale a.link-lavora{font-family: 'Zilla Slab', serif; font-weight: normal; font-size: 16px; line-height: 1; text-transform: uppercase; color: #a3a983; cursor: pointer; position: absolute; transform: rotate(270deg); top: 350px; right: 0; text-decoration: none; margin: 13px; text-align:center;}

/* OVERLAY */
/* .overlay.bg-1{background-image: url('https://www.ristorantenolli.it/wp-content/uploads/2020/03/prenota-bg-1.jpg');   background-size: auto; background-repeat: repeat; background-position: top left; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; opacity: 0;}
.overlay.bg-2{background-image: url('https://www.ristorantenolli.it/wp-content/uploads/2020/03/prenota-bg-2.jpg');   background-size: auto; background-repeat: repeat; background-position: top left; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; opacity: 0;} */
.bg-overlay{height: 100%; position: absolute; top: 0; left: 94px; z-index: 1; width: 100%;}
.bg-overlay img{ object-fit: cover; height: 100%;  -webkit-transition: opacity 0.1s; transition: opacity 0.5s; opacity: 0; z-index: -1; position: absolute; top: 0; left: 0; width: 100%;}

.overlay.bg-1 .bg-overlay img:nth-child(1){opacity: 1;}
.overlay.bg-2 .bg-overlay img:nth-child(2){opacity: 1;}

.overlay-hugeinc.open.bg-1, .overlay-hugeinc.open.bg-2{opacity: 1;}
.overlay .overlay-close{z-index: 9999; position: absolute; right: 40px; top: 40px; background-color: #fff; width: 40px; height: 40px; border-radius: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer;}
.overlay .overlay-close svg{max-width: 15px;}
.overlay  a.bottone-carta-menu{background-color: #fff; color: #3c3c3b!important;}

/* FORM PRENOTAZIONE */
.contenitore-form-prenotazione{position: absolute; z-index: 99; left: 0; right: 0; width: 100%; max-width: 500px; margin: 0px auto; top: 50%; transform: translateY(-50%); text-align: center;}
.form-prenotazione h2{font-family: 'Zilla Slab', serif; font-weight: 600; color: #fff; text-transform: uppercase; text-decoration: underline; font-size: 15px; line-height: 17px;}
.form-prenotazione p.testo-boxato{margin: 0px auto;}
.overlay .form-prenotazione p.testo-boxato{color: #fff; width: 540px; max-width: 540px;}
.overlay .wpcf7{margin: 25px auto;}
.form-prenotazione p.testo-boxato a{color:#fff!important; text-decoration:underline!important;}

.sezione-form-prenotazione p.testo-boxato{width: 520px; max-width: 520px;}
.sezione-form-prenotazione p.testo-boxato a{color: #3c3c3b!important; }


.fascia-form-contatti .un-mezzo{display: flex; justify-content: flex-start; align-items: center; flex-direction: column;}
.fascia-form-contatti .intero{display: flex;}
.fascia-form-contatti h2{font-weight: bold;}

.wpcf7{max-width: 600px; margin: 75px auto;}
.wpcf7 label{width: 100%; font-family: 'Zilla Slab', serif; font-weight: normal; color: #fff; text-transform: uppercase;  font-size: 16px; line-height: 17px; margin: 30px 0 0 0;}
.wpcf7 .wpcf7-form{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.wpcf7-form .un-mezzo{flex-basis: 48%; justify-content: space-between;  margin: 15px 0;}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="number"], input[type="tel"], input[type="range"], .wpcf7 input[type="date"], .wpcf7 input[type="month"], .wpcf7 input[type="week"], .wpcf7 input[type="time"], .wpcf7 input[type="datetime"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="color"], textarea{width:100%; margin-top:10px;  font-family: 'Zilla Slab', serif; font-weight: normal; color: #fff!important;  font-size: 15px; line-height: 17px;background-color: transparent!important; border: 1px solid #fff!important; border-radius: 0;}
.wpcf7 input[type="date"]{max-height: 25px;}

.wpcf7-textarea, .wpcf7-text, .wpcf7-email, .wpcf7-date{font-family: 'Zilla Slab', serif; font-weight: normal; color: #fff!important;  font-size: 15px; line-height: 17px; background-color: transparent!important; border: 1px solid #fff!important; border-radius: 0;}
.wpcf7-submit{font-family: 'Montserrat', sans-serif; color: #fff!important; font-weight: normal!important; line-height: 19px!important; font-size: 16px!important; text-transform: uppercase; background-color: #000!important; border: 0!important; border-radius: 0!important; margin: 0 auto; left: 0; right: 0; position: absolute;}

.wpcf7 select{width: 100%; margin-top: 10px; border: none; background-color: #fff!important; padding: 6px;     height: 38px; border-radius: 0;}

.wpcf7 .intero p{font-family: 'Zilla Slab', serif; font-weight: normal; color: #fff!important;  font-size: 15px; line-height: 17px;}
.riga-policy{margin: 50px 0; display: flex; vertical-align: middle; line-height: 1; width: 100%; justify-content: center;}
.riga-policy p{margin: -1px 0 0 0; font-family: 'Zilla Slab', serif; font-weight: normal; color: #fff!important;  font-size: 15px; line-height: 17px;}
.riga-policy a{font-family: 'Zilla Slab', serif; font-weight: normal; color: #fff!important;  font-size: 15px; line-height: 17px;}

.bottone-invio-form{margin-top: 10px;}
.bottone-invio-form .wpcf7-submit{background-color: #fff!important; color: #3c3c3b!important; font-family: 'Zilla Slab', serif; font-weight: 300!important;  text-transform: uppercase;  font-size: 15px!important; line-height: 17px!important;}

span.wpcf7-not-valid-tip{font-size: 12px;}
span.wpcf7-list-item{margin-left: 0; margin-right: 5px;}

div.wpcf7-response-output{border: 0!important;  padding: 0!important; font-family: 'Zilla Slab', serif; font-weight: normal; color: #fff!important;  font-size: 15px; line-height: 17px; text-transform: uppercase; position: relative; top: 20px; margin:20px auto;}

.site-header.clone {position: fixed; top: 0; left: 0; right: 0; transform: translateY(-200%); transition: 0.1s transform cubic-bezier(.3,.73,.3,.74); z-index: 999;}
body.down .site-header.clone {transform: translateY(0);}

/* INTRO */
section.intro{justify-content: center; align-items: center; padding: 50px 0 100px 0; position: relative; background-image: url('https://www.ristorantenolli.it/wp-content/uploads/2020/03/nolli-bg-intro.png'); background-repeat-x: no-repeat; background-repeat-y: repeat; background-repeat: repeat-y; background-position: top right; background-size: auto; text-align: center;}
img.logo-intro{max-width: 150px;}
section.intro h2.titolo-std{margin: 125px auto;}
.composizione-foto{position: relative; width: 50%; text-align: center;}
.composizione-foto img{ image-rendering: optimizeQuality;}
.composizione-foto .scritta-composizione-foto:nth-of-type(1){position: absolute; left: 0px; top: 50%; transform: rotate(270deg);}
.composizione-foto .scritta-composizione-foto:nth-of-type(2){position: absolute; right: 0px; top: 50%; transform: rotate(270deg);}
.composizione-foto .scritta-composizione-foto:nth-of-type(3){position: absolute; right: 0px; left:0; bottom: -10%; }
.scritta-composizione-foto p{margin: 0; font-family: 'photograph_signatureregular'; font-weight: normal; font-size: 48px; line-height: 1; color: #3c3c3b;}

section.intro h2.titolo-std.typewriter{margin: 300px auto 0 auto; }
span.firma{font-family: 'allison_scriptregular'; font-size: 48px; line-height: 58px; font-weight:normal; color: #d79900; margin: 0 auto;}

span.bottone-prenota, a.bottone-carta-menu{background-color: #3c3c3b; padding: 10px 40px; text-decoration: none; text-transform: uppercase; font-family: 'Zilla Slab', serif; font-weight: normal; color: #fff!important; font-size: 15px; line-height: 17px;     margin: 75px auto; cursor: pointer;}

.contenitore-link-menu{margin-top: 10px;}
.menu-online{
    background-color: #3c3c3b; padding: 10px 40px; text-decoration: none; text-transform: uppercase; font-family: 'Zilla Slab', serif; font-weight: normal; color: #fff!important; font-size: 15px; line-height: 17px;     margin: 15px auto;     min-width: 200px;}


/* SEZIONE GALLERY 1 */
.sezione-gallery-1{padding: 175px 0 250px 0; background-image: url('https://www.ristorantenolli.it/wp-content/uploads/2020/03/prenota-bg-1.jpg'); align-items: center;}
.sezione-gallery-1 h2.titolo-std{text-align: center; color: #fff; }


.contenitore-gallery-1, .contenitore-gallery-2, .lSSlideOuter{position: relative; overflow: visible; width: 100%; max-width: 100%;}
.contenitore-gallery-1 .lSSlideOuter li img{max-width: 69%;}

.contenitore-gallery-1  > .lSSlideOuter:first-of-type{max-width:calc(70vw + 94px)!important; margin-top: 220px; margin-right: auto; margin-left: 0; overflow: visible; text-align: right;}
.contenitore-gallery-1 > .lSSlideOuter:last-of-type{position: absolute; top: 180px; right: auto; max-width:calc(70vw + 94px)!important; z-index: 1; margin-left: 0; margin-right: auto; left: 0; overflow: visible;}
.contenitore-gallery-1 > .lSSlideOuter:last-of-type > .lSSlideWrapper{overflow: visible!important;}
.contenitore-gallery-1 .lSSlideOuter:nth-child(2) > .lSSlideWrapper.usingCss .lSFade > * {}
.gallery-1-small{overflow: visible;}
.lSSlideWrapper .gallery-1-small.lSFade > li{position: absolute; max-width: 59%; text-align: right; margin: 0; right: -20%; left: auto; overflow: visible;}

.contenitore-gallery-1 .lSSlideOuter:first-of-type li:nth-child(1).active img{ transform: scale3d(1.1, 1.1, 1);  transition: all ease; } /*animazione*/

.contenitore-gallery-1 .controlli-gallery{max-width:calc(70vw + 94px)!important; margin-left: 0; margin-right: auto; text-align: right; margin-top: 30px; z-index: 99; position: relative;}
.controlli-gallery svg:last-child{margin-left: 10px;}
.controlli-gallery svg{max-width: 37px; cursor: pointer;}
 

.lSSlideWrapper.usingCss .lSFade > * {
    text-align: right;
    opacity: 0;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
/* reduced speed */
    -webkit-transition-duration: 10s;
    transition-duration: 10s;
/* **reduced speed** */
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit;
    transition-timing-function: inherit;
}
.lSSlideWrapper.usingCss .lSFade > *.active,  .lSSlideWrapper.usingCss .lSFade > *.active > li:first-of-type{
    opacity: 1;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
}

.lSSlideWrapper .lSFade, .lSSlideWrapper{overflow: visible!important;}

.gallery-1 p, .gallery-2 p, .gallery-3 p{font-family: 'photograph_signatureregular'; font-size: 2.5vw; font-weight: normal; line-height: 1; color: #fff; position: relative; will-change: opacity;}
.gallery-1 li:nth-child(1)  p.desc-1{position: absolute; left: 15vw; width: fit-content; width: -moz-fit-content!important;}
.gallery-1 li:nth-child(1)  p.desc-1::after{content: ""; position: absolute; top: -3vw; width: 10vw; background-color: #fff; height: 1px; transform: rotate(140deg); left: 6vw;}
.gallery-1 li:nth-child(1)  p.desc-2{position: absolute; right: -16vw; top: 17vw; text-align: left;}
.gallery-1 li:nth-child(1)  p.desc-2::before{content: ""; position: absolute; top: -60px; width: 12vw; background-color: #fff; height: 1px; transform: rotate(220deg); right: 100%;}

.gallery-1 li:nth-child(2)  p.desc-1{position: absolute; left: 20%;}
.gallery-1 li:nth-child(2)  p.desc-2{position: absolute; right: -20%; top: 50%;}

.sezione-semplice .testo-boxato{margin:0 auto;}


/* SEZIONE GALLERY 2 */
.sezione-gallery-2{padding: 175px 0 250px 0; background-image: url('https://www.ristorantenolli.it/wp-content/uploads/2020/04/nolli-texture-sezione-menu.jpg'), url('https://www.ristorantenolli.it/wp-content/uploads/2020/04/nolli-bg-piatti.png'); background-repeat: repeat-y, no-repeat; background-position: top left, center right; background-size: 13vw, auto;  align-items: center; position: relative;}

.contenitore-gallery-2 .lSSlideOuter li img{max-width: 49%;}

.contenitore-gallery-2  > .lSSlideOuter:first-of-type{max-width:calc(60vw + 94px)!important; margin-top: 220px; margin-right: auto; margin-left: 0; overflow: visible; text-align: right;}
.contenitore-gallery-2 > .lSSlideOuter:last-of-type{position: absolute; top: 180px; right: auto; max-width:calc(60vw + 94px)!important; z-index: 1; margin-left: 0; margin-right: auto; left: 0; overflow: visible;}
.contenitore-gallery-2 > .lSSlideOuter:last-of-type > .lSSlideWrapper{overflow: visible!important;}
.contenitore-gallery-2 .lSSlideOuter:nth-child(2) > .lSSlideWrapper.usingCss .lSFade > * {}
.gallery-2-small{overflow: visible;}
.lSSlideWrapper .gallery-2-small.lSFade > li{position: absolute; max-width: 49%; text-align: right; margin: 0; right: -10%; left: auto; overflow: visible;}

.contenitore-gallery-2 .controlli-gallery{max-width:calc(60vw + 94px)!important; margin-left: 0; margin-right: auto; text-align: right; margin-top: 30px; z-index: 99; position: relative;}
.contenitore-gallery-2 .controlli-gallery .cls-left-1, .contenitore-gallery-2 .controlli-gallery .cls-right-1{fill:#3c3c3b;}
.contenitore-gallery-2 .controlli-gallery .cls-left-2, .contenitore-gallery-2 .controlli-gallery .cls-right-2{fill:#fff;}


.gallery-2 p{color: #3c3c3b; position: relative;}

.gallery-2 li:nth-child(1) p.desc-1{position: absolute; left: 22vw; top: 35vw; width: fit-content; width: -moz-fit-content!important; }
.gallery-2 li:nth-child(1) p.desc-1::after{content: ""; position: absolute; top: -7vw; width: 21vw; background-color: #3c3c3b; height: 1px; transform: rotate(140deg); left: 2vw;}
.gallery-2 li:nth-child(2) p.desc-1{position: absolute; right: -21vw; top: 30vw; width: fit-content; width: -moz-fit-content!important; }
.gallery-2 li:nth-child(2) p.desc-1::after{content: ""; position: absolute; top: -5vw; width: 20vw; background-color: #3c3c3b; height: 1px; transform: rotate(30deg); right: 9vw;}
.gallery-2 li:nth-child(3) p.desc-1{position: absolute; left: 17vw; top: -7vw; width: fit-content; width: -moz-fit-content!important; }
.gallery-2 li:nth-child(3) p.desc-1::after{content: ""; position: absolute; top: 8vw; width: 21vw; background-color: #3c3c3b; height: 1px; transform: rotate(30deg); left: 6vw;}
.gallery-2 li:nth-child(4) p.desc-1{position: absolute; left: 15vw; top: 35vw; width: fit-content; width: -moz-fit-content!important; }
.gallery-2 li:nth-child(4) p.desc-1::after{content: ""; position: absolute; top: -8vw; width: 25vw; background-color: #3c3c3b; height: 1px; transform: rotate(140deg); left: 4vw;}
.gallery-2 li:nth-child(5) p.desc-1{position: absolute; left: 17vw; top: -7vw; width: fit-content; width: -moz-fit-content!important; }
.gallery-2 li:nth-child(5) p.desc-1::after{content: ""; position: absolute; top: 8vw; width: 21vw; background-color: #3c3c3b; height: 1px; transform: rotate(30deg); left: 6vw;}
.gallery-2 li:nth-child(6) p.desc-1{position: absolute; left: 17vw; top: -7vw; width: fit-content; width: -moz-fit-content!important; }
.gallery-2 li:nth-child(6) p.desc-1::after{content: ""; position: absolute; top: 8vw; width: 21vw; background-color: #3c3c3b; height: 1px; transform: rotate(30deg); left: 6vw;}
.gallery-2 li:nth-child(7) p.desc-1{position: absolute; right: -28vw; top: 30vw; width: fit-content; width: -moz-fit-content!important; }
.gallery-2 li:nth-child(7) p.desc-1::after{content: ""; position: absolute; top: -5vw; width: 27vw; background-color: #3c3c3b; height: 1px; transform: rotate(25deg); right: 9vw;}
.gallery-2 li:nth-child(8) p.desc-1{position: absolute; left: 22vw; top: 35vw; width: fit-content; width: -moz-fit-content!important; }
.gallery-2 li:nth-child(8) p.desc-1::after{content: ""; position: absolute; top: -7vw; width: 21vw; background-color: #3c3c3b; height: 1px; transform: rotate(140deg); left: 2vw;}
.gallery-2 li:nth-child(9) p.desc-1{position: absolute; left: 17vw; top: -7vw; width: fit-content; width: -moz-fit-content!important; }
.gallery-2 li:nth-child(9) p.desc-1::after{content: ""; position: absolute; top: 8vw; width: 21vw; background-color: #3c3c3b; height: 1px; transform: rotate(30deg); left: 6vw;}
.gallery-2 li:nth-child(10) p.desc-1{position: absolute; left: 22vw; top: 35vw; width: fit-content; width: -moz-fit-content!important; }
.gallery-2 li:nth-child(10) p.desc-1::after{content: ""; position: absolute; top: -7vw; width: 21vw; background-color: #3c3c3b; height: 1px; transform: rotate(140deg); left: 2vw;}
.gallery-2 li:nth-child(11) p.desc-1{position: absolute; left: 17vw; top: -7vw; width: fit-content; width: -moz-fit-content!important; }
.gallery-2 li:nth-child(11) p.desc-1::after{content: ""; position: absolute; top: 8vw; width: 21vw; background-color: #3c3c3b; height: 1px; transform: rotate(30deg); left: 6vw;}
.gallery-2 li:nth-child(12) p.desc-1{position: absolute; left: 22vw; top: 35vw; width: fit-content; width: -moz-fit-content!important; }
.gallery-2 li:nth-child(12) p.desc-1::after{content: ""; position: absolute; top: -7vw; width: 21vw; background-color: #3c3c3b; height: 1px; transform: rotate(140deg); left: 2vw;}
.gallery-2 li:nth-child(13) p.desc-1{position: absolute; right: -21vw; top: 30vw; width: fit-content; width: -moz-fit-content!important; }
.gallery-2 li:nth-child(13) p.desc-1::after{content: ""; position: absolute; top: -5vw; width: 20vw; background-color: #3c3c3b; height: 1px; transform: rotate(30deg); right: 9vw;}
.gallery-2 li:nth-child(14) p.desc-1{position: absolute; left: 22vw; top: 35vw; width: fit-content; width: -moz-fit-content!important; }
.gallery-2 li:nth-child(14) p.desc-1::after{content: ""; position: absolute; top: -7vw; width: 21vw; background-color: #3c3c3b; height: 1px; transform: rotate(140deg); left: 2vw;}


.gallery-2 li:nth-child(1)  p.desc-2{position: absolute; right: -20%; top: 50%; text-align: left;}
.gallery-2 li:nth-child(1)  p.desc-2::before{content: ""; position: absolute; top: -60px; width: 12vw; background-color: #3c3c3b; height: 1px; transform: rotate(220deg); right: 100%;}


/* .gallery-2 li:nth-child(3)  p.desc-1{position: absolute; left: 20%;}
.gallery-2 li:nth-child(2)  p.desc-2{position: absolute; right: -20%; top: 50%;}

*/

.cornice{width: 200px; height: 14px; background-color: #3c3c3b; position: absolute;}

.cornice:nth-child(1){ top: 9%;}
.cornice:nth-child(2){left: 15vw; transform: rotate(90deg); top: 50%;}
.cornice:nth-child(3){right: 12vw; transform: rotate(90deg); top: 50%;}
.cornice:nth-child(4){ bottom: 4%;}

.sezione-gallery-2 + .sezione-semplice{ background-image: url('https://www.ristorantenolli.it/wp-content/uploads/2020/04/nolli-texture-sezione-menu.jpg'); background-repeat: no-repeat; background-position: top left; background-size: 13vw;}
.sezione-gallery-2 + .sezione-semplice{margin-top: -10px; text-align: center; padding: 100px 0 0 0;     max-height: 430px; overflow-y: visible; text-align: center; flex-wrap: nowrap;}
.sezione-gallery-2 + .sezione-semplice p.testo-boxato{margin:25px auto 0 auto;}

h2.typewriter{opacity: -1; transform: scale3d(2.0, 2.0, 1);  transition: all ease; position: relative;     width: fit-content; margin-left: auto; margin-right: auto; width: -moz-fit-content!important; display: table;}
h2.typewriter::after{content: ""; background: #fff; height: 1px; width: 100%; bottom: -2px; position: absolute; left: 0; display: block; transform: scaleX(0); transform-origin: 0 50%; transition: transform .5s cubic-bezier(.25,.46,.45,.94);}
h2.typewriter.dark::after{background-color: #3c3c3b;}
h2.typewriter.animate::after{transform: scale(1);}
h2.typewriter-empty{max-width: 250px;  margin: 30px auto; text-decoration: underline;}
h2.typewriter span{visibility: visible;}
h2.prova span:nth-child(-n+3){color: #d79a2b; }
img.texure-gallery-2{max-width: 40%; margin: 0 0 50px 0; margin-left: -20%;}


/* SEZIONE MENU CARTA */

.sezione-menu-carta{align-items: center; justify-content: center; margin: 310px auto 125px auto; background-image: url('https://www.ristorantenolli.it/wp-content/themes/nolli/svg/nolli-bg-menu.svg'); background-size: 110%;background-repeat: no-repeat;}
.sezione-menu-carta .contenitore-menu-carta{margin-right: 30px;}



/* SEZIONE GALLERY 3 */
.sezione-gallery-3{padding: 175px 0 250px 0;  position: relative;}

.contenitore-gallery-3 .lSSlideOuter li img{max-width:79%;}
.contenitore-gallery-3  > .lSSlideOuter:first-of-type{max-width:calc(75vw + 94px)!important; margin-top: 140px; margin-right: auto; margin-left: 0; overflow: visible; text-align: right;}

.contenitore-gallery-3 > .lSSlideOuter:last-of-type > .lSSlideWrapper{overflow: visible!important;}
.contenitore-gallery-3 .lSSlideOuter:nth-child(2) > .lSSlideWrapper.usingCss .lSFade > * {}


.contenitore-gallery-3 .controlli-gallery{max-width:calc(75vw + 94px)!important; margin-left: 0; margin-right: auto; text-align: right; margin-top: 30px; z-index: 99; position: relative;}
.contenitore-gallery-3 .controlli-gallery .cls-left-1, .contenitore-gallery-3 .controlli-gallery .cls-right-1{fill:#3c3c3b;}
.contenitore-gallery-3 .controlli-gallery .cls-left-2, .contenitore-gallery-3 .controlli-gallery .cls-right-2{fill:#fff;}


.gallery-3 p{color: #3c3c3b; position: relative;}
.gallery-3 li:nth-child(1)  p.desc-1{position: absolute; left: 15vw; width: fit-content; width: -moz-fit-content!important;}
.gallery-3 li:nth-child(1)  p.desc-1::after{content: ""; position: absolute; top: -3vw; width: 10vw; background-color: #3c3c3b; height: 1px; transform: rotate(140deg); left: 6vw;}
.gallery-3 li:nth-child(1)  p.desc-2{position: absolute; right: -13vw; top: 7vw; text-align: left; transform: rotate(270deg);}
.gallery-3 li:nth-child(1)  p.desc-2::before{content: ""; position: absolute; top: -82px; width: 8vw; background-color: #3c3c3b; height: 1px; transform: rotate(230deg); right: 83%;}

.gallery-1 li:nth-child(2)  p.desc-1{position: absolute; left: 20%;}
.gallery-1 li:nth-child(2)  p.desc-2{position: absolute; right: -20%; top: 50%;}


/* SEZIONE PRENOTA */
.sezione-form-prenotazione{ margin: 310px auto 125px auto; background-image: url('https://www.ristorantenolli.it/wp-content/uploads/2020/04/nolli-bg-prenota.jpg'); padding: 175px 0; background-repeat: repeat; background-size: contain;}
.sezione-form-prenotazione .contenitore-form-prenotazione{position: relative; z-index: 99; left: 0; right: 0; width: 100%; max-width: 500px; margin: 0px auto; text-align: center; transform: translate(0); top: 0;}
.sezione-form-prenotazione .form-prenotazione h2{ color: #3c3c3b; }


.sezione-form-prenotazione .wpcf7 label{color: #3c3c3b;}


.sezione-form-prenotazione .wpcf7 input[type="text"], .sezione-form-prenotazione .wpcf7 input[type="email"], .sezione-form-prenotazione .wpcf7 input[type="number"], .sezione-form-prenotazione input[type="tel"], .sezione-form-prenotazione input[type="range"], .sezione-form-prenotazione .wpcf7 input[type="date"], .sezione-form-prenotazione .wpcf7 input[type="month"], .sezione-form-prenotazione .wpcf7 input[type="week"], .sezione-form-prenotazione .wpcf7 input[type="time"], .sezione-form-prenotazione .wpcf7 input[type="datetime"], .sezione-form-prenotazione .wpcf7 input[type="datetime-local"], .sezione-form-prenotazione .wpcf7 input[type="color"], .sezione-form-prenotazione textarea{ color: #3c3c3b!important;  border: 1px solid #3c3c3b!important;}
.wpcf7 input[type="date"]{max-height: 25px;}

.sezione-form-prenotazione .wpcf7-textarea, .sezione-form-prenotazione .wpcf7-text, .sezione-form-prenotazione .wpcf7-email, .sezione-form-prenotazione .wpcf7-date{color: #3c3c3b!important;  border: 1px solid #3c3c3b!important; }
.sezione-form-prenotazione .wpcf7-submit{color: #fff!important; background-color: #3c3c3b!important; border: 0!important; border-radius: 0!important;}

.sezione-form-prenotazione .wpcf7 select{ background-color: #fff!important; }

.sezione-form-prenotazione .wpcf7 .intero p{color: #3c3c3b!important;  }
.sezione-form-prenotazione .riga-policy p{color: #3c3c3b!important; margin-top: -1px;}
.sezione-form-prenotazione .riga-policy a{color: #55554a!important; }

.bottone-invio-form{margin-top: 10px;}
.sezione-form-prenotazione .riga-policy a{color: #55554a!important; }
.sezione-form-prenotazione .bottone-invio-form .wpcf7-submit{background-color: #3c3c3b!important; color: #fff!important;}

span.wpcf7-not-valid-tip{font-size: 12px;}
span.wpcf7-list-item{margin-left: 0; margin-right: 5px;}

.sezione-form-prenotazione div.wpcf7-response-output{color: #3c3c3b!important; }


/* SEZIONE MAPPA */
.sezione-mappa{text-align: center; position: relative; margin: 175px auto; background-image: url('https://www.ristorantenolli.it/wp-content/themes/nolli/svg/nolli-bg-menu.svg'); background-size: 110%;background-repeat: no-repeat; background-position: center; align-items: center;}
.sezione-mappa .contenitore-mappa{position: relative; margin: 75px auto;}
.sezione-mappa .contenitore-mappa::before{width: 200px; height: 14px; background-color: #3c3c3b; position: absolute; left: -20vw;transform: rotate(90deg); top: 50%; content: '';}
.sezione-mappa .contenitore-mappa::after{width: 200px; height: 14px; background-color: #3c3c3b; position: absolute; right: -20vw; transform: rotate(90deg); top: 50%; content: '';}


/* SEZIONE CHIUSURA */
.sezione-chiusura{align-content: center; justify-content: center; background-image: url('https://www.ristorantenolli.it/wp-content/uploads/2020/07/texture_in-corso.jpg'); background-position: bottom center;  background-repeat-x: repeat; background-repeat-y: no-repeat; background-repeat: repeat-x; min-height: 20vw; margin: 175px auto 175px auto; text-align: center;}
.sezione-chiusura picture{margin-top: -15vw;}
span.endquote{font-family: 'photograph_signatureregular'; font-weight: normal; font-size: 2.5vw; line-height: 1; color: #3c3c3b; margin:150px auto 20px auto;; text-align: center;}


/* SINGOLA NEWS */
.single-post section.intro {background-image: none; margin: 50px 0 0 0; padding:0;}  
.contenitore-template-news{max-width: 950px; margin:20px auto;}
.contenitore-news{padding: 40px 30px; background-color: #e6e6e6;}
.contenitore-news p a{color: #3c3c3b!important;}
.post-thumbnail {margin-bottom: 50px;}
.post-thumbnail img{max-height: 39vh; max-width: 100%; width:100%; object-fit: cover;} 
.contenitore-titolo{padding: 30px; text-align: center;}
.contenitore-titolo h1, .contenitore-titolo h2, .contenitore-titolo h1 a{font-family: 'Zilla Slab', serif; font-weight: normal; font-size: 21px; line-height: 26px; text-transform: uppercase; color: #fff!important; margin:0 auto; border-bottom: 1px solid #fff; width: fit-content ; width: -moz-fit-content!important; text-decoration: none!important; display: table;}
.contenitore-titolo h1 a{border-bottom: 0!important;}
.contenitore-titolo h1 a:hover{color: #fff!important;}

.contenitore-titolo.Menu, .Menu > .contenitore-titolo{background-color: #d79900;     background-image: url(https://www.ristorantenolli.it/wp-content/uploads/2020/07/texture_news.jpg);}
.contenitore-titolo.Eventi, .Eventi > .contenitore-titolo{ background-image: url(https://www.ristorantenolli.it/wp-content/uploads/2020/04/nolli-bg-green.png); background-position: center;}

span.posted-on{margin-bottom: 30px; display: none;} /* DATA ARTICOLO */
.posted-on span{font-family: 'Zilla Slab', serif; font-weight: normal; font-size: 21px; line-height: 26px; text-transform: uppercase; color: #3c3c3b; text-decoration: underline; }

.gallery{position: relative;}
.gallery img{margin: 0; object-fit: cover; object-position: center; width: 100%; height: 31vh;}
.gallery-item{position: relative;}
.gallery-columns-3 .gallery-item{width: 31%; margin: 10px auto; }
.gallery-columns-3 .gallery-item:nth-child(3n+2){margin: 10px 3.5%;}

.single-post span.bottone-prenota{margin: 45px auto 30px auto;}
a.all-news{background-color: #3c3c3b; padding: 10px 40px; text-decoration: none; text-transform: uppercase; font-family: 'Zilla Slab', serif; font-weight: normal; color: #fff!important; font-size: 15px; line-height: 17px; margin: 100px auto; }
.contenitore-template-news a.all-news{margin: 50px auto;}

/* PAGINA NEWS */
.blog section.intro {background-image: none; margin: 50px 0 0 0; padding:0;} 
.blog .contenitore-template-news > div{margin: 50px auto 150px auto;}

.filter-button-group{max-width: 950px; margin:20px auto; text-align: center; align-items: center; justify-content: center;}

.filter-button-group button{border: 0; border-radius: 50%; background: #3c3c3b; font-family: 'Zilla Slab', serif; font-weight: normal; font-size: 21px; line-height: 1;  margin: 0; text-decoration: underline!important; width: 10vw;height: 10vw; margin: 0 10px; max-width: 180px; max-height: 180px; color: #fff;}
.filter-button-group button.butt-tutti{background-color: transparent;     background-image: url(https://www.ristorantenolli.it/wp-content/themes/nolli/svg/news_grigio.svg);}
.filter-button-group button.butt-menu{background-color: transparent;     background-image: url(https://www.ristorantenolli.it/wp-content/themes/nolli/svg/news_giallo.svg);}
.filter-button-group button.butt-eventi{ background-color: transparent;     background-image: url(https://www.ristorantenolli.it/wp-content/themes/nolli/svg/news_verde.svg);}
 
/* FOOTER */
.site-info{background-color: #3c3c3b; padding: 40px 0; align-items: center; justify-content: center; position: relative;}
.recapiti{text-align: center;}
.recapiti p, .recapiti a{color: #fff; font-family: 'Zilla Slab', serif; font-weight: normal; font-size: 17px; line-height: 24px; text-transform: uppercase; margin: 0; text-decoration: none!important;}
.site-info a:visited{color: #fff!important;}
.recapiti a:hover{color: #fff!important;}
.social-footer{display: flex; flex-direction: row; flex-wrap: nowrap; width: fit-content; width: -moz-fit-content!important; position: absolute; right: 50px;}
.social-footer a{width: 100%; max-width: 36px; display: flex; margin: 0 5px;}
.social-footer a img{width: 48px;}
.credits {
    background: #000;
    color: #fff;
    padding: 10px 2.5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: flex;
    z-index: 99;
    position: relative;
  }
  
  @media screen and (min-width: 481px) and (max-width: 820px), screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), screen and (min-width: 834px) and (orientation: portrait) {
    .credits {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
  }
  
  @media screen and (max-width: 480px) {
    .credits {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      z-index: 9;
    }
  }
  
  .credits svg,
  .credits a {
    max-width: 230px !important;
    width: 100% !important;
    height: 32px !important;
  }
  
  .credits a:first-child {
    font-family: 'Zilla Slab', serif;
    color: #fff !important;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none !important;
    max-width: -webkit-fit-content !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
    margin: 0 10px 0 0;
    height: auto;
    line-height: 1;
    display: flex;
    align-items: center;
  }
  
  @media screen and (max-width: 480px) {
    .credits a:first-child {
      margin: 0;
      font-size: 15px;
    }
  }
  
  .credits .cls-credits {
    fill: #fff;
  }


/* LOOP NEWS */
a.link-home{display: contents; flex-direction: row; justify-content: center; align-items: center; }
.sezione-loop-news{text-align: center; align-items: center; justify-content: center; margin: 175px auto;}
.titolo-loop-news{max-width: 951px; background-color: #d79900; padding: 30px; width: 100%;  background-image: url(https://www.ristorantenolli.it/wp-content/uploads/2020/07/texture_news.jpg);}
.titolo-loop-news h2{color: #fff; font-family: 'Zilla Slab', serif; font-weight: normal; font-size: 21px; line-height: 26px; text-transform: uppercase; margin: 0;}
.contenitore-loop-news .lSSlideOuter{position: relative; overflow: visible; width: 100%; max-width: 951px; margin: 75px auto;}
.contenitore-loop-news{position: relative; overflow: visible; width: 100%; max-width: 100%;}

.sezione-loop-news .un-terzo{flex-basis: 40%;}
.sezione-loop-news .due-terzi{flex-basis: 60%; align-items: flex-start; justify-content: center; padding: 0 50px; text-align: left;}
.sezione-loop-news .due-terzi p{margin: 30px 0 50px 0; max-width: 100%;}
.sezione-loop-news .due-terzi a:first-of-type{font-family: 'Zilla Slab', serif; font-weight: normal; font-size: 17px; line-height: 24px; text-transform: uppercase; margin: 0; text-decoration: underline!important; color: #3c3c3b!important;}
.sezione-loop-news .un-terzo .post-thumbnail{margin-bottom: 0; object-fit: cover; display: flex;}
.sezione-loop-news .un-terzo .post-thumbnail img {object-fit: cover; object-position: center; width: 100%; height: 31vh;}

.sezione-loop-news a.all-news{margin: 0;}

.sezione-loop-news .lSAction > a{width: 52px; height: 52px;}
.sezione-loop-news .lSAction > .lSPrev{background-image: none; content: url('https://www.ristorantenolli.it/wp-content/themes/nolli/svg/arrow-left-dark.svg'); opacity: 1; left: -12vw;}

.lSAction > .lSNext{background-image: none; content: url('https://www.ristorantenolli.it/wp-content/themes/nolli/svg/arrow-right-dark.svg'); opacity: 1; right: -12vw;}

.sezione-loop-news  .lSSlideOuter ::before { width: 200px; height: 14px; background-color: #3c3c3b; position: absolute; left: -10vw; transform: rotate(90deg); top: 50%; content: '';}

.sezione-loop-news  .lSSlideOuter ::after { width: 200px; height: 14px; background-color: #3c3c3b; position: absolute; right: -10vw; transform: rotate(90deg); top: 50%; content: '';}

/* PAGINA COOKIE */
.riga-intera-cookie{max-width: 80%; margin: 100px auto;} 
.page-id-3 .entry-title{display: none;}
.cli-plugin-main-link{margin-left: 10px;}
.cli-plugin-button, .cli-plugin-button:visited, .medium.cli-plugin-button, .medium.cli-plugin-button:visited{margin: 0 10px;}

/* BOTTONE PRENOTA */
.quandoo-button{
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 99;
  background-color: #3c3c3b!important;
  background-image: url('https://www.ristorantenolli.it/wp-content/themes/nolli/svg/nolli-texture-mobile-prenota.svg');
  padding: 10px 40px;
  text-decoration: none;
  text-transform: uppercase!important;
  font-family: 'Zilla Slab', serif!important;
  font-weight: normal;
  color: #fff !important;
  font-size: 15px;
  line-height: 17px;
  border-radius: 0!important;
  display: none!important;
}

.quandoo-button.not-fixed{
  position: relative;
}

.btn-prenota,
.menu-mobile a:nth-child(1){
  display: none!important;
}