@font-face {
  font-family: "Saol Display";
  src: url("https://contorniedintorni.it/wp-content/themes/contorniedintorni-theme/custom/fonts/SaolDisplay-Regular.woff2");
}
@font-face {
  font-family: "Futura Std";
  src: url("https://contorniedintorni.it/wp-content/themes/contorniedintorni-theme/custom/fonts/FuturaStdMedium.woff");
}
/* ! Base Style */
/* ----------------------------------------------------------------------------------- */
body{ background-color:#fff; color:#040617; font-family: "Futura Std", sans-serif; font-weight: 400;letter-spacing: .01em;}
a{text-decoration: underline;color: #ffff}
.overflow{position: relative;}
html{height: 100%; position: relative;}
/* ! Title System */
/* ----------------------------------------------------------------------------------- */
h1, h2{font-family: "Saol Display", serif;}
figure {margin: 0;}
.text-0{font-size: 5rem;line-height: 6.5rem;}
h1, .text-1{font-family: "Saol Display", serif;  color: #211f20; text-transform: uppercase; font-size: 100px; line-height: 1.2em; font-weight: 400;}
.h1-cover{font-family: "Saol Display", serif; line-height: 1;font-weight: 400;margin-bottom: 10vh;}
.text-h1-big{position:relative;font-family: "Saol Display", serif;  color: #211f20; text-transform: uppercase; font-size: 100px; line-height: 1; font-weight: 400;}
@media only screen and (min-width: 960px){
.text-h1-big::before{position: absolute;top: 45px;left: 0;display: block;content: '';flex-grow: 1;height: 1px;min-width: 5vw;background: #8fab3a;transform: translate(-120%,0);}
}
.riga1{position: absolute;}
.riga2{color: #8fab3a; position: absolute;}
h2, .text-2{font-size: 100px; color:#8fab3a; text-transform: uppercase; line-height: 1;font-weight: 400;margin-bottom: 32px;}
.tickerwrapper span{font-family: "Saol Display", serif; font-size: 100px; color:#8fab3a; text-transform: uppercase; line-height: 1;font-weight: 400;}
@media screen and (min-width: 30em){
h2, .text-2{margin-bottom: 24px;}
}
h3, .text-3{font-size: 1.5rem;}
.h3-menu{font-family: "Saol Display", serif;}
h4, .text-4{font-size: 1.3rem;  line-height: 1.4em;}

p{font-size: 16px; margin-bottom: 1rem; line-height: 2;}
main{transform-origin: center top; transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);transition-delay: 0.3s}

.menu-open main{transform: scale(.9);transition-delay: 0s;}

@media (max-width: 768px) {
  main{transform-origin: 180px 0px;}
  h1, .text-0, .text-1{font-size: 48px; line-height: 1.2em;}
  h2{font-size: 28px;}
  .tickerwrapper span{font-size: 60px;}
  .text-h1-big{font-size: 40px;}
  .text-h1-big{margin: 0 20px 24px;}
}
.preloader, .preloader2{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100000;
  opacity: 1;
  pointer-events: none;
  transform-origin: center top;
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.preloader-img{
  position:absolute;
  top:50%;
  right:auto;
  bottom:auto;
  left:50%;
  z-index:5;
  width:50vw;
  max-width:280px;
  transform:translate3d(-50%,-60%,0);
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.preloader-img img {
 display:block;
 width:100%;
 height:auto;
}
.preloader-overlay{
  background: #211f20;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100vw;
    height:100vh;
    pointer-events:none
}
.preloader2{transform: translateY(100%);transition: all 0.5s cubic-bezier(.215, .61, .355, 1); transition-delay:0.5s; z-index:-10}
@media only screen and (min-width: 960px){
.preloader-img {
  max-width: 500px;
}
}
/*.preloader{transition: 1.5s cubic-bezier(.215, .61, .355, 1);position: fixed; z-index: 9999;width: 100%; height:100%; background: #211f20;left:0; top:0;background-image: url(/wp-content/themes/contorniedintorni-theme/custom/img/contorniedintorni-logo-white.svg); background-repeat: no-repeat; background-position: center; background-size: 400px;}*/
html.is-animating .preloader2{transform: translateY(0%);z-index: 100000;}
html.is-rendering .preloader2{transform: translateY(100%);z-index:-10}
.transition-fade {
  transition:1.5s;
  opacity: 1;
}

html.is-animating .transition-fade {
  opacity: 1;
}
/* ! Button system */
/* ----------------------------------------------------------------------------------- */
.button,
.wp-block-button__link,
.wp-block-button__link:visited,
input[type=submit].wpcf7-submit{font-family: "Saol Display", serif; position: relative; font-size: 40px;background: transparent; color:#211f20; padding: 12px 24px 12px 64px; font-weight:300; margin-top:1rem; text-decoration: none; border-radius: 0;}
input[type=submit].wpcf7-submit{padding: 12px 24px; border:1px solid #8fab3a; font-size: 20px; display: block; margin: 0 auto; margin-top: 40px; background: #8fab3a; color: #fff;}

.button::before,
.wp-block-button__link:before{content:" "; background: url(../icons/arrow-forward-outline.svg); height:24px; width: 24px; position:absolute; top:50%; transform: translateY(-50%); filter: invert(1);left: 24px;}

.button:hover{background: #181818; color:#fff;border:1px solid #181818}

.wp-block-button__link:hover,
input[type=submit].wpcf7-submit:hover{background: #fff; color:#181818;border:1px solid #181818; border-radius: 0;}

.button:before:hover{filter: invert(0);}
.wp-block-button__link:hover::before{filter: invert(0);}

.button-arrow{font-family: "Saol Display", serif; position: relative;cursor: pointer;}
.button-arrow:before, .button-label:before, .menu-menu li:before{position: absolute;top: 0;left: 0;display: block;content: '';width: 100%;background: #8fab3a;height: 1px;left: -10px;transition: all .3s ease;}
.button-arrow:after, .button-label:after, .menu-menu li:after{position: absolute;bottom: 0;left: 0;display: block;content: '';width: 100%;background: #8fab3a;height: 1px;left: 10px;transition: all .3s ease;}
.button-label:before, .button-label:after, .menu-menu li:after, .menu-menu li:before{left:0}
.button-arrow:hover:before{transform: scaleX(0); transform-origin: left;}
.button-arrow:hover:after, .button-label:hover:before, .button-label:hover:after{transform: scaleX(0); transform-origin: right;}
/* ! header */
/* ----------------------------------------------------------------------------------- */
.header-top--container{width: 100%;max-width: 1800px;text-align: center;font-size: 22px; margin: 0 auto;}
.header-top{display: flex; justify-content: center;width: 100%;margin: 0 auto; align-items: center;background: #ffe318;padding: .8em 3em;}
.header-inner{position:relative; background: transparent; width: 100%;margin: 0 auto; padding:30px 60px; display:flex; justify-content: space-between;align-items: center;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.menu-open.scroll-down .header-inner{background:#211f20; box-shadow: none; backdrop-filter: none;}
.scroll-down .header-inner{background: linear-gradient(152.98deg,rgba(39,47,60,.65) 14.8%,rgba(39,47,60,.85) 87.76%); box-shadow: 0 4px 24px -1px rgba(0,0,0,.1); backdrop-filter: blur(10px);}
.book-link{display: flex; align-items: center; gap:30px;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.booking-link{text-decoration: none;cursor: pointer;}
.button-label{font-size: 20px; position: relative; padding:5px 0;display: block; line-height: 28px;}
.menu-hidden{display: block; height: 100vh; width: 50%; position: fixed; background-color:#211f20; z-index: 99; transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);overflow: hidden;}
.menu-hidden-left{left:0; transform: translateX(-100%);}
.menu-hidden-right{right:0; transform: translateX(100%);}
.menu-hidden-inner{position: relative;display: flex; justify-content: center; flex-direction: column; height: 100%;}
.menu-hidden-left .menu-hidden-inner{padding: 10vh 0 10vh 15vw;}
.menu-hidden-right .menu-hidden-inner{padding: 10vh 15vw 10vh 0;}
.logo-hidden {position: absolute;top:0; width: 280px;padding-top: 30px;opacity:0; transition: opacity 0s;}
.menu-hidden-left .logo-hidden{left: 100%;transform: translateX(-50%);}
.menu-hidden-right .logo-hidden{left: 0;transform: translateX(-50%);}
.menu-open .menu-hidden-left, .menu-open .menu-hidden-right{transform:translateX(0);}
.menu-open .book-link{transform: translateX(-250%);}
.menu-open .logo-hidden{opacity: 1; transition-delay :1s !important; transition: opacity 2s cubic-bezier(.215, .61, .355, 1);}
.scroll-down.menu-open .logo-hidden{display: none;}
.img-bg-hero-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;z-index: 0;}
@media (max-width: 767px) {
  .menu-open .menu-hidden-left{display:none;}
  .menu-hidden{width: 100%}
  .header-inner{padding: 10px 24px;}
  .header-top--container{font-size: 22px;}
  .navigation-menu{display: none;}
  .header-bottom, .header-top{padding-top: 8px;padding-left: 12px; padding-right: 12px;padding-bottom: 8px;}
  .header-bottom{padding-bottom:17px;}
  .header-top-mobile{padding: .8em 3em;}
  .header__logo img{max-width: 180px;margin: 0 auto; display: block;}
  .header{padding:10px 20px; justify-content: space-between;}
  .header a.header__logo{width: 80%;}
  .header-top{display: none;}
  .header-top-mobile{display: block;}
  .menu-hidden-right .menu-hidden-inner{padding: 64px 36px;}
  .menu-hidden-right .logo-hidden{display: none;}
  .menu-open .book-link{transform: translateX(0);}
  .button-label{font-size: 9.96px;}
  .button-arrow:before, .button-label:before{top: 5px;}
.button-arrow:after, .button-label:after{bottom:5px;}
}
@media (min-width: 769px){
  .header-top{display: block;}
  .header-top-mobile{display: none;}
}
.box-last-job--container--top{position: absolute; bottom:50px; width: 100%; left:0;}
.box-last-job--container{width: 100%;max-width: 1400px; padding:0 50px; margin: 0 auto; display: flex; justify-content: space-between;}
.box-last-job{display: flex; align-items: center; gap:1.5rem;}
.box-last-job img{width: 160px; height: 120px; background-size: cover;}
.scroll--container{display: flex; align-items: flex-end;}
.scrolld {display: flex; align-items: center; gap: 1rem;text-decoration: none; line-height: 0;}
.arrowd img{width: 27px; filter: invert(1); transform: rotate(90deg); padding: 4px; border: 1px solid #211f20;}
.scrolld:hover .arrowd img{filter: invert(0); border: 1px solid #fff; background: #fff;}
.block-100{display: flex; justify-content: center; background: #fff; color:#211f20; position: relative;}
.column-sticky{padding: 0!important;}
.column-sticky .wp-block-column:last-child{margin-top: 80px;}
.column-fixed{margin: 200px auto !important; justify-content: space-between;}
.column-fixed-right{position: sticky; top:64px;}
.column-fixed-right h2{font-size: 60px; font-family: 'Poppins', sans-serif; font-weight: 500; line-height: 1.2;margin-bottom: 40px}
.column-fixed-right p{font-size: 20px; line-height: 1.8;}
.block-ico-text{padding:64px 16px 48px; margin-bottom: 32px;}
.block-ico-text2 > *{font-size: .875rem;line-height: 1.8;text-align: center;}
.block-ico-text2 h3{font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 700; margin: 4px 0;}
.wp-block-social-links.is-style-logos-only .wp-social-link svg{height: 80px; width: 124px; object-fit: contain;}
.img-box-col img{height:390px; object-fit: cover; width: 100%;}
.box-texth2{position: relative;}
.testo-1{position: relative; opacity: 1; width: 100%;}
.testo-2{position: absolute; opacity: 0; top:0; left:0; width: 100%}
.bg-image{background-color: #181818; background-image: linear-gradient(0deg, rgba(24,24,24,1) 0%, rgba(24,24,24,1) 50%, rgba(24,24,24,0) 100%), url(img/wave-back.png); background-repeat: no-repeat; background-position: top center;background-size: 110%;}
#lavori h2{position: absolute; top: 262px;}
#lavori{position: relative;}

@media (max-width: 768px) {
  .box-last-job{display: none;}
}
/* ! Hero-cover */
/* ----------------------------------------------------------------------------------- */
.frame-video{position: absolute; top: 0; left: 0;z-index: -1;}
.frame-video::after, .risto-img-big::after{
  background: rgba(4,6,23,.4) url("/wp-content/themes/contorniedintorni-theme/custom/img/noise.png");
    background-size: auto;
  background-size: auto;
  background-size: 50px;
  content: "";
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: opacity .5s ease;
  width: 100%;}
.video-bg{margin: 0; height: 100%;}
.video-bg video{height: 100%; object-fit: cover;}
.tickerwrapper { /* the outer div */
  position:relative;
  overflow: hidden; 
  }
  ul.list {
  position:relative;
  display:flex;
  width: 100% !important;
  }
  ul.list.cloned {
  position:absolute;
  top:0;
  left:70px;
  width: 100% !important;
  }
  ul.list li {
  width: max-content;
  padding-left:20px;
  list-style-type: none;
  }
  .listitem{margin-bottom: 10vh;}
/* ! Section Intro */
/* ----------------------------------------------------------------------------------- */

.intro{font-size: 24px; line-height: 2;}
.introp p{margin:30px 0;}
.h2big{color: #211f20;display: flex; align-items: center; justify-content: space-between; position: relative; width: 100%; gap: 2rem;}
.h2big::after, .h2big::before {display: block;content: '';flex-grow: 1;height: 1px;min-width: 30px;background: #8fab3a;}

.cucina-block{position: absolute;top: 0; bottom: auto;}
.cucina-block p{font-family: "Saol Display", serif; font-size: 24px;}
.cucinaimg-block{margin-right: 9vw;}
@media only screen and (min-width: 1600px){
.cucina-block{left: 10vw;padding: 5vw 8vw;}
}
@media only screen and (min-width: 1180px){
  .cucina-block{width: 40%; padding-left: 5vw; padding-right: 5vw;}
}
@media (max-width: 768px) {
  .cucina-block{position: relative;padding:30px;}
  .cucina-block p{font-family: "Saol Display", serif; font-size: 18px;}
  .intro{font-size: 20px;}
  .introp p{margin:24px 0;}
}
.restaurant-block .h2big::after, .restaurant-block .h2big::before{height: 0;}
.restaurant-block .button-arrow::before, .restaurant-block .button-arrow::after{background: #fff;}
.restaurant-blockabs{position: absolute; top: 50%;transform: translate(0,-50%);right: 7.5vw; z-index: 9;pointer-events: none;display: flex;flex-direction: column;align-items: center;justify-content: center;margin: 0;transform: translate(0,-50%);text-align: right;}
.restaurant-blockabs p{font-size: 24px; color:#fff;}
.restaurant-blockabs strong{color:#8fab3a;}
.text-abs{font-family: "Saol Display", serif; position: absolute;bottom:0; top:auto}
.half-rest p{font-family: "Saol Display", serif;} 
/* ! Images */
.aspect-ratio{overflow: hidden;}
.aspect-ratio figure, .ratio--3-2 figure, .ratio--16-9 figure, .ratio--5-4 figure, .orientation-portrait figure, .ratio--4-3 figure, .ratio--1-1 figure{position: relative;width: 100%;}
.aspect-ratio figure::before, .ratio--3-2 figure::before, .ratio--16-9 figure::before, .ratio--5-4 figure::before, .orientation-portrait figure::before, .ratio--4-3 figure::before, .ratio--1-1 figure::before{display: block;position: relative;content: "";width: 100%;padding-top: 62.5%;}
.aspect-ratio figure img, .ratio--3-2 figure img, .ratio--16-9 figure img, .ratio--5-4 figure img, .orientation-portrait figure img, .ratio--4-3 figure img, .ratio--1-1 figure img{position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;max-width: 100% !important;object-fit: cover;object-position:center center; transition: clip-path 0.5s ease-in; ;}
.ratio--5-4 figure::before{padding-top: calc((5 / 4) * 100%);}
.ratio--4-5 figure::before{padding-top: calc((4 / 5) * 100%);}
.ratio--16-9 figure::before {padding-top: calc((9 / 16) * 100%);}
.ratio--3-2 figure::before {padding-top: calc((3 / 2) * 100%);}
.ratio--4-3 figure::before{padding-top: calc((4 / 3) * 100%);}
.orientation-portrait figure::before {padding-top: calc((16 / 10) * 100%);}
.ratio--1-1 figure::before {padding-top: 100%;}
@media (max-width: 767px) {
  .aspect-ratio figure::before{padding-top: calc((16 / 10) * 100%);}
  .risto-img-big.ratio--16-9 figure::before{padding-top: 100%;}
  .risto-img-last.ratio--4-3 figure::before {padding-top: calc((4 / 3) * 100%);}
  .ratio--5-4 figure::before {padding-top: calc((5 / 4) * 100%);}
  .ratio--4-5 figure::before {padding-top: calc((4 / 5) * 100%);}
  .risto-img-big.ratio--16-9 figure{height: 100%;}
  .ratio--16-10 figure::before{padding-top: 75%;}
  .restaurant-blockabs p {
    font-size: 18px;
    color: #fff;
  }
}
/* ! Slider */
.splide__list{width: 120%;flex-wrap: nowrap;list-style: none;}
.splide__arrow{top:50%; transform: inherit; border-radius: 0; border-radius: 0; background: #00000080; border: 1px solid #8fab3a;  height: 50px; width: 50px; transform: translateY(-50%);}
.splide__arrow svg {fill: #FFF; height:25px; width: 25px;}
.splide{margin-top: 100px; overflow: hidden;}
.splide__slide{margin-left: 1.1111115%; margin-right: 1.1111115%; width: 23.7777%;}
.splide__arrow--next {right: 40px;}
.splide__arrow--prev {left: 40px;}
.splide__track{overflow: inherit;}
.gslide-title{font-family: 'Inter', sans-serif !important; font-weight: 700 !important;  font-size: 1.3rem;}
@media (max-width: 767px) {
  .splide{margin-top: 0px;}
  .splide__slide{margin-left: 0; margin-right: 0;}
  .splide__arrow--prev {left: 24px;}
  .splide__arrow--next {right: 24px;}
}
/* ! Modale */

.modal{position: relative;}
.modal-open .modal-inner{transform: translateY(0);}
.subtitle-modal{text-align: center;}
.modal-inner{display:flex; justify-content: center; position: fixed;top:0; left:0;width:100vw; height: 100vh;   background: hsla(0, 0%, 0%, 0.85); z-index:100; transition: all 1s cubic-bezier(.92, .02, .83, .21); transform: translateY(-100%); padding: 2rem 0; overflow: hidden;align-items: center;}
.modal-form{position:relative; max-width: 50%; padding: 0; height: 100%; background: #fff;padding: 3rem 3.5rem 3.5rem; display: flex; align-items: center; justify-content: center; height: 50%;}
.modal-form h3{margin-bottom: 1.5rem;}
.icon-hamburger-modal{width: 2.2rem;height: 1.7rem;position: absolute; right: 1.5rem; top: 1.5rem; cursor:pointer;}
.icon-hamburger-modal span {height: 0.22rem;width: 100%; position: absolute; background: #fff; top: 11px; transition: all 0.2s ease-in-out;border-radius: 2px;}
.icon-hamburger-modal span:before,
.icon-hamburger-modal span:after{height: 0.22rem;width: 100%; position: absolute; background: #fff; content: ' '; margin-top: -12px; transition: all 0.3s cubic-bezier(.215, .61, .355, 1); border-radius: 2px;}
.icon-hamburger-modal span:after{margin-top: 12px}
.icon-hamburger-modal span{background: transparent!important;}
.icon-hamburger-modal span:before{transform: rotate(45deg);margin-top: 0; background: #010203; left:0;}
.icon-hamburger-modal span:after{transform: rotate(-45deg);margin-top: 0; background: #010203; left:0;}
.message-modal .wpcf7-form-control-wrap .wpcf7-not-valid-tip{top: -162px;}
@media (max-width: 767px) {
  .modal-inner{padding: 2rem 24px;}
  .modal-open .modal-inner{transform: translateY(0); padding: 2rem 24px; height: 100%;}
  .modal-form{max-width: 100%; padding: 50px 24px; height: auto; align-items: start; overflow: scroll;}
}

/* ! whatsapp */
.link-wa{position: fixed;bottom: 40px;right: 24px;width: 50px;height: 50px;z-index: 9;}
.wa-img img{width:100%; filter: drop-shadow( 0px 2px 20px rgba(0, 0, 0, .2));}
@media (max-width: 767px) {
  .link-wa{display: none;}
}
/* ! Tiles */

.tiles{color:#fff; position: relative;overflow: hidden; display:block}
.tiles img{width: 100%;}
.tiles__label{position: absolute; bottom: 30px; left:30px}
.tiles__content{padding: 20px 0; max-width: 618px;}
.tiles__content h3{font-size: 1.3rem;}
.tiles__content p{margin-top: .75rem;opacity: .6;line-height: 1.4rem;}
.gslide-desc{color:#000;}

@media (max-width: 768px) {
.tiles img{height: 250px;min-width: 348px;width: 100%;max-height: 464px; object-fit: cover;}
.splide__slide{width: 100%;}
}

.logo-footer{max-width: 280px; width:100%; margin: 0 auto;}
.site-info-top{margin-top: calc(2 * 30px); padding-top: calc(1.5 * 30px); padding-bottom: calc(1.5 * 30px);border-top: 1px solid #8fab3a; border-bottom: 1px solid #8fab3a;}
.site-info-top .address{font-style: normal; text-align: center;}
.footer-social{display: flex;flex-direction: column; justify-content: center; align-items: center;}
.list-social{display: flex;margin: 0 auto;padding: 0;gap:1rem;}
.title-footer{font-size: 16px;margin-bottom: 0.5rem; margin-top: 1rem;}
.list-social li{list-style: none;}
.list-social li{margin: 0;}
.list-social li a{background-color: transparent;border-radius: 40px;height: 40px;width: 40px; display: flex; align-items: center; justify-content: center;}
.list-social img{width: 35px;}
.footer-bottom img{width: 16px; height: auto; margin: 0 0.2rem;}
.footer-bottom2 small{margin-bottom: 10px;}
.footer-bottom .col-100{display: flex; flex-direction: column; align-items: center;margin: 2.5rem 0;}
.footer-bottom a{color:#8fab3a}
.footer-bottom2{padding:1.5rem 24px; background-color: #211f20;}
.footer-bottom:last-child .col-50{padding:0}
.footer-bottom2{display: flex;flex-wrap: wrap;}
.footer-bottom2 .col-50{display: flex;}
.footer-bottom2 .col-502{justify-content: end;}
.footer-bottom2 .col-100{margin:0;}
.footer{padding-bottom: 0 !important;}
.footer-bottom2{color: #fff}
@media only screen and (min-width: 1180px){
  .footer{padding: calc(1.5 * 30px); margin-top: calc(1.5 * 30px);}
}
@media only screen and (min-width: 960px){
  .footer {padding-left: 7.8125vw; padding-right: 7.8125vw;}
  }
@media (max-width: 768px) {
  .footer{padding:30px 15px; margin-top:45px;}
  address{font-style: normal; margin-bottom: 32px;}
}
@media (max-width: 768px) {
.page-id-506 main p, .page-id-506 main h4{text-align: center;}
}
/* ! Panel Background */
.panel-background{padding: 25% 0;}

/* ------------------------------------------------------------------------- *
/* ! contatti Section */
/* ------------------------------------------------------------------------- */
.text-form{display:block; font-size: 14px; margin-bottom: 7px; line-height: normal; color: #010203; text-align: left;font-weight: 400;}
.text-form span{font-size: 1rem;}
.text-form2{font-size: 1.4rem;}
.grid-contact{padding: 5rem 0; position: relative; z-index: 1;}
.contact-blk{display:flex; margin-bottom: 24px; flex-flow: row; gap:1rem}
.contact-blk p{margin: 0; width: 100%;}
.contact-blk2{display: flex;gap: 1rem;}
.contact-blk2 p{font-size: 12px;}
.contact-blk label p:first-child{display: none;}
.contact-blk label p:last-child{margin-top: 0.5rem;margin-bottom: 0;}
.contact-blk-left{width: 50%;}
.contact-blk-right{width: 50%;}
.wpcf7-not-valid-tip{font-size: 14px;position: absolute;top: -45px; right: 0;}
.form-hidden{display:none;}
label br{display: none;}
input[type="text"], input[type="email"], input[type="tel"], textarea{width:100% !important; border: 1px solid #010203 !important; padding: 1rem;color: #010203;font-size:1.2rem;}
.contact-p{display: block; text-align: center;font-size: 2.7rem; margin-top: 3rem; color: #fce903; font-size: 1.5rem; line-height: 1.8rem; color: #010203; margin-top: 0.5rem; text-align: left; font-weight: 600;}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type="text"].wpcf7-not-valid, input[type="email"].wpcf7-not-valid, textarea.wpcf7-not-valid, input[type="text"].error, input[type="email"].error, textarea.error {border: 1px solid #900 !important;}
.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {padding: 1rem 0.5rem; width: 100%; border-radius: 0; border: 1px solid #fce903; background: #fff; color: #fff; text-align: center;font-size: 1.2rem; display: block; width:100% !important; border: 1px solid #010203 !important; text-align: center; color: #010203;}
.wpcf7-list-item{display: inherit;margin: inherit;}
.obb {font-size: 0.8rem; padding-bottom: 14rem; margin:0 auto; margin-top: 3rem; text-align: center;z-index: 11; position: relative; color:#fff;}
.obb-ast, .privacy-accept a{color:#010203; text-decoration: underline;}
.privacy-accept{color:#010203;}
.contact__img{overflow: hidden;}
.contact__img img{width:100%; height: 700px; object-fit:cover;}
.block-cdw-contact .cdw-block-content{width: calc(100vw - 52px);}
.block-cdw-contact .cdw-about-sum{margin: 0 0 2.5rem;}
.contact-motivo span:first-child{text-transform: uppercase; width: 100%; display: block; text-align: center; font-size: 1.6rem;}
.contact-motivo{margin-bottom: 20px;}
.text-submit {text-align: center; color: #211f20; text-transform: uppercase; margin-top:0.7rem;}
textarea {height: 150px;}
option{color: #211f20;}
.blk-form .line{margin-top: 3rem; margin-bottom: 3rem;}
.blk-testdrive {width: 100%; text-align: center; background: #00c0e5;}
.text-h4-drive{font-size: 2rem;  font-weight: 700; line-height: 1rem;}
.wpcf7-checkbox label{padding: 0 1rem; display: flex; justify-content: center;
align-items: center;}
[type="checkbox"]{height: 20px; width: 20px;}
.blk-testdrive .wpcf7-list-item-label{padding-left: 0.5rem;font-size: 1.1rem; font-weight: 600;}
.accept-box{margin-bottom: 130px;}
.obb-text{margin-bottom: 0.6rem; display:block;}
.obb label{line-height: 0.9rem}
.accept-box {display: block; margin:0 auto; }
.accept-box:last-of-type{margin-bottom: 0;}
.contact-img{display: flex; flex-flow: row; flex-wrap: wrap;width: 100%; justify-content: space-between; margin: 0 auto;}
.contact-block{width: 42%;margin-top:3rem;}
.contact-block img{width: 14rem;}
.wpcf7-form label.error{font-size: 1rem !important;}
::placeholder{color:#808080; opacity: 1; font-weight: 300;line-height: 1.7rem;}
input[type="text"], input[type="email"], input[type="tel"], .wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required, textarea{padding: 12px; background: #fafafa; border: 1px solid #8fab3a !important; font-size: 20px;}
.wpcf7-form-control-wrap{position: relative;}
.wpcf7-form label.error{position: absolute;padding-left: 0 !important;position: absolute;top: 0;left: 0;}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required:focus-visible{outline: none;}
input[type="text"].wpcf7-not-valid, input[type="email"].wpcf7-not-valid, input[type="tel"].wpcf7-not-valid, textarea.wpcf7-not-valid, input[type="text"].error, input[type="email"].error, textarea.error{border: 0!important; border: 1px solid #ccc !important;}
.contact-pol p{font-size: 12px;}
.contact-pol a{color:#211f20}
[type="checkbox"]{height:12px; width: 12px;}
.privacy-sub{margin-top: 4px;}
@media (min-width: 600px) {
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-color: #ffb900;position: absolute;margin-top: -104px;right: 10px;width: 54%;padding: 7.5px 20px;}
}
@media (min-width:1200px) and (max-width:1599px) {
    .block-form{padding: 8rem 0;}
    input[type="text"], input[type="email"], input[type="tel"], textarea, .wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required{font-size: 1.34rem;}
}
@media (max-width: 600px) {
  textarea{height:200px;}
select{background: none !important; background-color: #fff !important;}
.contact-blk{display:flex; flex-wrap: wrap;}
.contact-block{width: 60%;}
.contact-block img{width: 100%;}
.contact-img{flex-direction: column; align-content: center;}
input[type="text"], input[type="email"], textarea{font-size: 1.2rem;}
.text-form {font-size: 1rem;}
.text-form2 {font-size: 1.2rem;}
.contact-p {font-size: 1.7rem; line-height: 1.9rem;}
.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required, textarea{width: 100% !important;}
.text-h4-drive {font-size: 1.5rem;line-height: 1.5rem;  width: 80%; margin: 1rem auto;}
.contact-blk-left, .contact-blk-right{width: 100%;padding:0;}
.block-l4r-contatti{margin-top: 0 !important;}
.contact-blk{margin-bottom: 30px;}
.conct-block-nomg{margin-bottom: 0px;}
.contact-blk-flex{flex-wrap: nowrap;}
.contact-motivo span:first-child{margin-top:2rem;}
.block-form {padding: 3rem 8px; margin-top: 15rem;}
.text-submit{margin-bottom: 2rem;font-size: 0.9rem;}
.obb{padding-bottom: 7rem;}
.wpcf7-submit{width: 100%;}
}
.gb-grid-wrapper-d934f1cf{width: 100%;}
/* ! Contatti section */
/* --------------------------------------------------------- */
@media (max-width: 767px) {
#contatti .p-2{padding-left:0 !important; padding-right:0!important; padding-bottom: 0 !important;}
#contatti .p-2:last-child{padding-top:0 !important;}
}
.menu-menu{display: flex; list-style-type: none; position: sticky; top:116px; margin-bottom: 30px; justify-content: center; z-index: 99; padding: 20px 20px; background-color: #fff; row-gap: 15px;}
.menu-menu li{margin: 0 7.5px 7.5px; position: relative;}
.menu-menu a{color: #8fab3a; text-decoration: none; padding:5px;display: block;}
.menu-menu a:hover{background-color: #8fab3a; color: #fff;}
@media (max-width: 767px) {
  .menu-menu{top:70px; flex-wrap: nowrap; overflow-x: scroll; justify-content: left;}
  .menu-menu .active{background-color: #8fab3a; color: #fff;}
}
/* ! Thank you  */
/* --------------------------------------------------------- */
.block-img-thankyou::after, .container-blog article.col-100 .box-cat::after{content: " "; position: absolute; bottom:0; left: 0; width: 100%; height: 25% ;background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(0, 0, 0) 100%);; opacity: inherit;}
.text-block-img-thankyou { position: absolute; bottom: 24px; color: #fff; left: 24px;z-index: 1;}
.text-block-img-thankyou p a, .text-block-img-thankyou h2 a{color:#fff;}
.img-quadrata figure, .img-quadrata img{position: absolute; width: 100%;height: 100%;object-fit: cover}

/* ! 404 page  */
/* --------------------------------------------------------- */
.img-bg-404, .img-bg-cat{width: 100%;height: 100vh;max-width: 100%;display: flex;flex-direction: column;position: relative;overflow-x: hidden;overflow-y: hidden;}
.img-bg-404-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;z-index: -1; background-image: url('http://contorniedintorni.it/wp-content/uploads/2023/10/broccoli-con-mirtilli-e-pompelmo.webp'); background-repeat: no-repeat; background-position: left center; background-size: cover;}
.img-bg-cat-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.container-404{width: 100%; height: 100vh; max-width: 90%; display: flex; flex-direction: row; align-items: center; padding-right: 50px; padding-bottom: 0px; padding-left: 50px; margin-top: 168px; margin-right: auto; margin-left: auto;}
.container-404-space{width: 40%;}
.container-404-text{width: 60%;}
.h1-404{font-size: 248px; text-transform: inherit; color: #fff; margin-bottom: 48px;}
.h2-404{font-weight: 400;font-family: "Futura Std", sans-serif; font-size: 48px; color:#fff; text-transform: inherit;margin-bottom: 3.5rem; width: 85%;}
.button-404::after, .button-404::before{display: none;}
.button-404{max-width: max-content; display: inline-flex; align-items: center; font-size: 40px; padding: 15px 20px; color: #fff; background-color: #8fab3a; text-decoration: none;}
.button-404 span:not(:last-child){padding-right: 20px;}
.button-404:hover{background-color: #303c62; color:#fff;}
@media (max-width: 767px) {
  .img-bg-404-bg{height: 100%; background-position: 15% center;}
  .container-404{flex-direction: column; justify-content: center; margin-top: 0; height: 100%;}
  .container-404-space{display:none;}
.container-404-text{width: 100%;}
.h1-404{font-size: 110px;}
.h2-404{font-size: 32px; width: 100%;}
.button-404{font-size: 20px;}
.img-bg-404{height: 75vh;}
}
/* ! Animation */
/* --------------------------------------------------------- */

.fade-in{opacity: 0; transform: translateY(1rem);}
.text-reveal{transform: translateY(1rem);clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.text-revealscroll{transform: translateY(1rem);clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
.reveal-top{clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
.reveal-top2{clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
.reveal-left{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
.reveal-right{clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.reveal-bottom{clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.fade-up{opacity: 0; transform: translateY(5rem);}

.rotate{ animation: rotation 20s linear infinite}

@keyframes rotation {
  0% {  transform: rotate(0deg);}
  100% {  transform: rotate(360deg);}
}

.slide-right{position:relative; right: -1000px}
.slide-left{position:relative; left: -1000px}

.pl-12{padding-left: 12.5% !important;}

@media (max-width: 768px) {
.pl-12{padding:0 !important;}
}

.grecaptcha-badge{display: none;}


.cursor {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #fff;
  mix-blend-mode: difference;
  position: fixed;
  left: 0px;
  top: 0px;
  pointer-events: none;
  z-index: 999999;
  transform: translate( 50vw, -100px );
  transition: all 200ms ease-out;
}

.cursor.hover:not(#wpadminbar li){
  width: 50px;
  height: 50px;
  mix-blend-mode: difference;
  z-index: 999999;
}

@media (max-width: 768px) {

  .cursor,
  .outline{display: none;}

}