/*colori*/
/*rosso: #611e15*/
/*blu:  #59626b*/
/*beige: #d2c5be*/



body{
  font-family: 'Bellefair-Regular';
  color: #611e15;
  font-size:26px;
  line-height:38px;
  background-color: #d2c5be;
}
@media (max-width:767px){
  body{
    font-size:24px;
    line-height:35px;
  }
}
@media (max-width:450px){
  body{
    font-size:20px;
    line-height:30px;
  }
}
p{
  margin-bottom:38px;
}
body a{
  color:#611e15;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
body a:hover, body a:active{
  color:#59626b;
}
.page-wrapper{
  width:100%;
  overflow: hidden;
}
@media (max-width:767px){
  .page-wrapper{
    padding-left:40px;
  }
}
h1{
  font-size: calc(40px + (98 - 40) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(50px + (100 - 50) * ((100vw - 300px) / (1920 - 300)));
  margin-bottom:40px;
}
h2{
  font-size: calc(40px + (98 - 40) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(50px + (100 - 50) * ((100vw - 300px) / (1920 - 300)));
  margin-bottom:40px;
}
.page-main h2{
  font-size: calc(35px + (80 - 35) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(45px + (90 - 45) * ((100vw - 300px) / (1920 - 300)));
}
h3{
  font-size: calc(20px + (66 - 20) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(40px + (100 - 40) * ((100vw - 300px) / (1920 - 300)));
  margin-bottom:40px;
}
@media (min-width:1920px){
  h3{
    font-size:66px;
    line-height: 100px;
  }
}
.titolo1, .page-main .titolo1{
  font-size: calc(20px + (66 - 20) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(25px + (70 - 25) * ((100vw - 300px) / (1920 - 300)));
  margin-bottom:40px;
}
@media (min-width:1920px){
  .titolo1, .page-main .titolo1{
    font-size:66px;
    line-height: 70px;
  }
}
.paragrafo-home{
  margin-bottom:80px;
}
.wp-block-buttons{
  margin:40px 0;
}
.bg-beige{
  /*background-color:#d2c5be;*/
}
.sezione-base{
  position:relative;
  z-index: 4;
}
.sezione-base .bg-image{
  top:0;
  left: 0;
  position:absolute;
  width:100%;
  height:100%;
  background-position: center top;
  box-sizing:border-box;
  overflow: hidden;
}
.sezione-base .bg-image + div, .sezione-base .container{
  position:relative;
  z-index: 5;
}
.bg-bordeaux{
  background-color:#611e15;
  color:#d2c5be;
  position:relative;
  overflow: hidden;
}
.bg-image div{
  width:100%;
  height:100%;
  height: 120%;
  position:absolute;
  /*top:60px;*/
}
.bg-bordeaux .bg-image{
  top:60px;
  /*margin:4vw 0;*/
  left: 0;
}
.bg-bordeaux .wrapper-fregi{
  top:0;
}
.bg-bordeaux .zig-zag{
  background-image:url(../img/bg-zig-zag-r.png);
  height: 93.5%;
  background-position:center top;
  width: 110%;
  left: -5%;
}
@media(max-width: 767px){
  .bg-bordeaux .zig-zag{
    width: 120%;
    left: -10%;
    background-size: 100%;
  }
}
/*rombo rosso più chiaro*/
/*.bg-bordeaux .rombi{
  background-image:url(../img/bg-rombi-r.png);
  height: 130%;
}*/

/*Rombo virato sul blu*/
.bg-bordeaux .rombi{
  background-image:url(../img/rombo-blu-su-rosso.png);
  background-repeat: repeat;
  background-position: center top;
  height: 130%;
  width: 106%;
  left: -3%;
}
@media(max-width: 767px){
  .bg-bordeaux .rombi{
    width: 120%;
    left: -10%;
    background-size: 60px;
  }
}
.bg-bordeaux .fregi{    
  background-image:url(../img/fregio-passignano-rosso.svg);
  background-size:80%;
  background-position:center -200px;
  background-repeat: repeat-y;
}
@media(max-width: 767px){
  .bg-bordeaux .fregi{
    background-position: center 20px;
  }
}
.bg-bordeaux .bg-fregi .fregi1{
  background-image:url(../img/fregi-rossi-sx.svg);
  background-position:left -200px;
  background-repeat: repeat-y;
  width: 25%;
  background-size:100% auto;
  left:0;
  position:absolute;
}
.bg-bordeaux .bg-fregi .fregi2{
  background-image:url(../img/fregi-rossi-dx.svg);
  background-position:left -200px;
  background-repeat: repeat-y;
  width: 25%;
  background-size:100% auto;
  right:0;
  position:absolute;
}
.bg-blu{
  background-color:#59626b;
  color:#d2c5be;
  position: relative;
}
.bg-blu .fregi{
  background-image:url(../img/fregio-passignano-blu.svg);
  background-size:80%;
  background-position:center top;
  background-repeat: repeat-y;
}
.sezione-base .bg-fregi{
  display: none;
}
.sezione-base .fregi + .bg-fregi{
  display:block;
  overflow: hidden;
}
.bg-blu .bg-fregi .fregi1{
  background-image:url(../img/fregi-blu-sx.svg);
  background-position:left top;
  background-repeat: repeat-y;
  width: 25%;
  background-size:100% auto;
  left:0;
  position:absolute;
}
.bg-blu .bg-fregi .fregi2{
  background-image:url(../img/fregi-blu-dx.svg);
  background-position:left top;
  background-repeat: repeat-y;
  width: 25%;
  background-size:100% auto;
  right:0;
  position:absolute;
}
.sezione-base .righe{
  background-image:url(../img/bg-righe.svg);
  background-size:40%;
  background-position:center top;
  background-repeat: repeat;
}
.bg-blu .zig-zag{
  background-image:url(../img/bg-zig-zag-b.png);
  height: 120%;
  background-position:center top;
}
@media(max-width: 767px){
  .bg-blu .zig-zag{
    width: 120%;
    left: -10%;
    background-size: 100%;
  }
}


.lazy {
    background-image: none!important;
    background-color: #F1F1FA;
    opacity: 0;
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms;
}
.loaded {
    opacity: 1;
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms;
}
img[loading]{
    opacity: 0;
    transition: opacity 400ms;
}
img[loading].loaded, img[loading].loadstarted, img.swiper-lazy-loaded.loaded, img.swiper-lazy.loaded {
    opacity: 1;
}

.slide-title, .slick-slide h3{
  font-size: calc(25px + (42 - 25) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(30px + (50 - 30) * ((100vw - 300px) / (1920 - 300)));
  color:#611e15;
}
@media (min-width:1500px){
  .container-big{
    max-width:1400px;
  }
}
.full-width{
  max-width:100%;
}

.section-header{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  clip: rect(0, auto, auto, 0);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.section-header_wrapper{
  width: 100%;
  height: 100vh;
  max-height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
@media (max-width:767px){
  .frame-wrapper{
    display:none;
  }
}
.logo-sito{
  position: absolute;
  top: 40px;
  left:40px;
  width:44px;
  height: 270px;
  pointer-events: auto;
  /*background-color:#fff;*/
}
@media (max-width:767px){
  .logo-sito{
    top:10px;
    left: 10px;
    width:30px;
  }
}
.logo-sito svg{
  fill:#611e15;
  width:44px;
  height: auto;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
@media (min-width:767px){
  .logo-sito a:hover svg, .logo-sito a:focus svg{
    width:48px;
  }
}
@media (max-width:767px){
  .logo-sito svg{
    width:30px;
  }
}
.logo-sito .payoff{
  display: block;
  transform: rotate(270deg);
  text-transform: uppercase;
  position: absolute;
  top: 266px;
  left: -3px;
  width: 195px;
  transform-origin: top left;
  font-size: 17px;
  line-height: 44px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.logo-sito a, .logo-sito a:hover, .logo-sito a:focus{
  color:#611e15;
}
.logo-sito a:hover .payoff, .logo-sito a:focus .payoff{
  top:275px;
}
@media (max-width:767px){
  .logo-sito .payoff{
    line-height:30px;
    top:240px;
  }
  .logo-sito a:hover .payoff, .logo-sito a:focus .payoff{
    top:250px;
  }
}
.hamburger-icon{
  position: absolute;
  top: 40px;
  right: 40px;
  /*width: 50px;*/
  width: 58px;
  height: 30px;
  cursor:pointer;
  pointer-events:auto;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
/*.hamburger-icon:hover, .hamburger-icon:focus{
  right: 43px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}*/
.hamburger-icon .line{
  height: 4px;
  position:absolute;
  left: 4px;
  width:50px;
  border-radius: 4px;
  background-color: #611e15;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
@media (max-width: 767px){
  .hamburger-icon{
    top:15px;
    right: 4vw;
    width: 48px;
  }
  .hamburger-icon .line{
    width: 36px;
    left: 6px;
    height: 3px;
  }
}
.hamburger-icon:hover .line, .hamburger-icon:focus .line{
  width:58px;
  left: 0;
}
.hamburger-icon .line1{
  top:7px;
}
.hamburger-icon .line2{
  bottom:7px;
}

.close-icon{
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  cursor:pointer;
  /*pointer-events:auto;*/
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.close-icon .line{
  height: 2px;
  position:absolute;
  width:100%;
  border-radius: 4px;
  background-color: #d2c5be;
  top:19px;
  transform-origin: center center;
}
.close-icon:hover, .close-icon:focus{
  transform:scale(1.2);
}
.close-icon .line1{
  transform:rotate(45deg);
}
.close-icon .line2{
  transform:rotate(-45deg);
}

.menu-bottom-right{
  position: absolute;
  bottom:40px;
  right:40px;
}
.menu-bottom-right .social{
  list-style:none;
  padding:0;
  margin:0;
  line-height:25px;
  margin-bottom:5px;
}
.menu-bottom-right .social li, footer .social li{
  width:25px;
  height:25px;
  display: inline-block;
  margin:0 5px;
}
.menu-bottom-right .social li a{
  display:block;
  width:100%;
  height: 100%;
  pointer-events:auto;
  -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.menu-bottom-right .social li a:hover, .menu-bottom-right .social li a:focus{
  transform:scale(1.15);
}
@media (max-width:767px){
  .menu-bottom-right{
    display:none;
    bottom:20px;
    right:15px;
  }
  .home-opening .menu-bottom-right{
    display: block;
  }
}
/*.social .instagram{
  background-image:url(../img/instagram.svg);
  background-size:contain;
}*/
.social svg{
  height:100%;
  width:auto;
  fill:#611e15;
}


.menu-bottom-left{
  position: absolute;
  bottom:40px;
  left:40px;
  color:#611e15;
  -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
@media (max-width: 767px){
  .menu-bottom-left{
    left: 12px;
  }
}

.menu-bottom-left a, .menu-bottom-left a:hover, .menu-bottom-left a:focus{
  color:#611e15; 
}
.menu-bottom-left:hover, .menu-bottom-left:focus{
  bottom:50px;
}
@media (max-width:767px){
  .menu-bottom-left {
    bottom:30px;
  }
  .menu-bottom-left:hover, .menu-bottom-left:focus{
    bottom:40px;
  }
}
.prenota svg{
  /*width:100%;*/
  /*height:auto;*/
  fill:#611e15;
}
.prenota a{
  display:block;
  width:20px;
  pointer-events:auto;
}
.prenota a:hover{
  text-decoration:none;
}

.prenota span{
  display: block;
  transform: rotate(270deg);
  text-transform: uppercase;
  /*position: absolute;*/
  top: 266px;
  left: -3px;
  width: 85px;
  transform-origin: center center;
  font-size: 17px;
  line-height: 17px;
  height: 85px;
}
#en-US .prenota span{
  width: 55px;
  height: 55px;
}

.frame{
  position: fixed;
  z-index: 10;
  /*background-color:#000;*/
  overflow: hidden;
}
header{
  position:relative;
  /*position:fixed;*/
  z-index: 10;
  z-index: 4;
  pointer-events: none;
}
header .logo-sito{
  pointer-events: auto;
}

section .section-header{
  z-index: 12;
  pointer-events:none;
}
.home .page-wrapper section:first-child .section-header .menu-bottom-right,
.home .page-wrapper section:first-child .section-header .menu-bottom-left{
  background-color: #d2c5be;
}
.home .page-wrapper section:first-child .section-header .menu-bottom-left{
  padding-bottom:15px;
  bottom:25px;
}
.home .page-wrapper section:first-child .section-header .menu-bottom-left:hover{
  /*padding-bottom:15px;*/
  bottom:35px;
}
footer .section-header{
  pointer-events: none;
}
header .frame{
  /*z-index: 10;*/
}

.frame .first:before, .frame .second:before{
  content:'';
  /*background-color:#000;*/
}
.frame *, .frame .first:before, .frame .second:before{
  background-color:#611e15;
}
.bg-bordeaux .frame *, .bg-bordeaux .frame .first:before, .bg-bordeaux .frame .second:before, .bg-bordeaux .hamburger-icon .line{
  background-color:#d2c5be;
}
.bg-bordeaux .logo-sito, .bg-bordeaux .menu-bottom-left a{
  color:#d2c5be;
}
.bg-bordeaux .logo-sito .payoff{
  /*text-shadow:1px 0 0 #611e15, -1px 0 0 #611e15, 0 1px 0 #611e15, 0 -1px 0 #611e15, 1px 1px #611e15, -1px -1px 0 #611e15, 1px -1px 0 #611e15, -1px 1px 0 #611e15*/
}
.bg-bordeaux .logo-sito a, .bg-bordeaux .logo-sito a:hover, .bg-bordeaux .logo-sito a:focus{
  color:#d2c5be;
}
.bg-bordeaux .logo-sito svg,
.bg-bordeaux .logo-sito img, .bg-bordeaux .social svg, .bg-bordeaux .prenota svg{
  fill:#d2c5be;
}
.bg-blu .frame *, .bg-blu .frame .first:before, .bg-blu .frame .second:before, .bg-blu .hamburger-icon .line{
  background-color:#d2c5be;
}
.bg-blu .logo-sito, .bg-blu .menu-bottom-left a{
  color:#d2c5be;
}
.bg-blu .logo-sito a, .bg-blu .logo-sito a:hover, .bg-blu .logo-sito a:focus{
  color:#d2c5be;
}
.bg-blu .logo-sito .payoff{
  /*text-shadow:1px 0 0 #59626b, -1px 0 0 #59626b, 0 1px 0 #59626b, 0 -1px 0 #59626b, 1px 1px #59626b, -1px -1px 0 #59626b, 1px -1px 0 #59626b, -1px 1px 0 #59626b*/
}
.bg-blu .logo-sito svg, .bg-blu .social svg, .bg-blu .prenota svg{
  fill:#d2c5be;
  /*stroke: #59626b;
  stroke-width: 1px;*/
  /*filter: drop-shadow(3px 5px 2px rgba(89, 98, 107, 1));*/
}
/*.bg-blu .logo-sito svg path { outline: 3px solid #59626b; }*/

@media (max-width:767px){
  .mobile-header{
    position: fixed;
    top: 0;
    height: 60px;
    width: 100%;
    background:#d2c5be;
  }
}


/*frame top*/
.frame-top{
  top:0;
  left: 0;
  height: 20px;
  width:100%;
}
.frame-top .first{
  position: absolute;
  left:-15px;
  bottom:0;
  width:50%;
  height: 100%;
  /*background-color:#000;*/
}
.frame-top .second{
  /*margin-left: -10px;*/
  position: absolute;
  right:-15px;
  bottom:0;
  width:50%;
  height: 100%;
  /*background-color:#000;*/
}
.frame-top .first:before{
  width:50px;
  height:20px;
  right:-20px;
  transform:rotate(-45deg);
  position: absolute;
  top: 0;
}
.frame-top .second:before{
  width:50px;
  height:20px;
  left:-20px;
  transform:rotate(45deg);
  position: absolute;
  top: 0;
}
/*frame top fine*/


/*frame bottom*/
.frame-bottom{
  bottom:0;
  left: 0;
  height: 20px;
  width:100%;
}
.frame-bottom .first{
  /*margin-left: -10px;*/
  position: absolute;
  left:-15px;
  bottom:0;
  width:50%;
  height: 100%;
  /*background-color:#000;*/
}
.frame-bottom .second{
  /*margin-left: -10px;*/
  position: absolute;
  right:-15px;
  bottom:0;
  width:50%;
  height: 100%;
  /*background-color:#000;*/
}
.frame-bottom .first:before{
  width:50px;
  height:20px;
  right:-20px;
  transform:rotate(45deg);
  position: absolute;
  top: 0;
}
.frame-bottom .second:before{
  width:50px;
  height:20px;
  left:-20px;
  transform:rotate(-45deg);
  position: absolute;
  top: 0;
}
/*frame bottom fine*/


/*frame left*/
.frame-left{
  top:0;
  left: 0;
  width: 20px;
  height:100%;
}
.frame-left .first{
  /*margin-left: -10px;*/
  position: absolute;
  top:-15px;
  left:0;
  width:100%;
  height: 50%;
  /*background-color:#000;*/
}
.frame-left .second{
  /*margin-left: -10px;*/
  position: absolute;
  bottom:-15px;
  left:0;
  width:100%;
  height: 50%;
  /*background-color:#000;*/
}
.frame-left .first:before{
  width: 20px;
  height: 50px;
  bottom: -20px;
  transform: rotate(45deg);
  position: absolute;
  right: 0;
}
.frame-left .second:before{
  width:20px;
  height:50px;
  top:-20px;
  transform:rotate(-45deg);
  position: absolute;
  right: 0;
}
/*frame left fine*/


/*frame right*/
.frame-right{
  top:0;
  right: 0;
  width: 20px;
  height:100%;
}
.frame-right .first{
  /*margin-left: -10px;*/
  position: absolute;
  top:-15px;
  left:0;
  width:100%;
  height: 50%;
  /*background-color:#000;*/
}
.frame-right .second{
  /*margin-left: -10px;*/
  position: absolute;
  bottom:-15px;
  left:0;
  width:100%;
  height: 50%;
  /*background-color:#000;*/
}
.frame-right .first:before{
  width: 20px;
  height: 50px;
  bottom: -20px;
  transform: rotate(-45deg);
  position: absolute;
  right: 0;
}
.frame-right .second:before{
  width:20px;
  height:50px;
  top:-20px;
  transform:rotate(45deg);
  position: absolute;
  right: 0;
}
/*frame right fine*/


.hamburger{
  width: 100%;
  opacity: 0;
  position: fixed;
  /* position: absolute; */
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  /* height: 100%; */
  z-index: -1;
  background: #611e15;
  background-color: #611e15;
  /* background-image: url(../img/bg-hamburger.jpg); */
  background-image: url(../img/bg-rombi-r.png);
  /*background-size: cover;*/
  background-position: bottom right;
  background-repeat: repeat;
  overflow: hidden;
  overflow-y: auto;
  padding: 3vw 3vw 3vw;
}
.hamburger-wrapper{
  position:relative;
  height:100%;
  align-items:center;
}
@media (max-width:991px){
  .hamburger-wrapper{
    justify-content: center;
  }
}
@media (max-width:767px){
  .hamburger-wrapper{
    padding:40px 0;
    height: auto;
    min-height: 100%;
  }
}

.hamburger-wrapper:before{
  content:'';
  width:130%;
  height:130%;
  position:absolute;
  top:-50%;
  left: -50%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#611e15+0,611e15+19,611e15+100&1+26,0+75 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(97,30,21,1) 0%, rgba(97,30,21,1) 19%, rgba(97,30,21,1) 26%, rgba(97,30,21,0) 75%, rgba(97,30,21,0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(97,30,21,1) 0%,rgba(97,30,21,1) 19%,rgba(97,30,21,1) 26%,rgba(97,30,21,0) 75%,rgba(97,30,21,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(97,30,21,1) 0%,rgba(97,30,21,1) 19%,rgba(97,30,21,1) 26%,rgba(97,30,21,0) 75%,rgba(97,30,21,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#611e15', endColorstr='#00611e15',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.hamburger.animate__animated, .hamburger.animation-ended {
  opacity: 1;
  z-index: 100;
}
.hamburger ul{
  list-style: none;
  padding:0;
  margin:0;
}
.hamburger a{
  color:#d2c5be;
  transform:scale(1);
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.hamburger a:hover, .hamburger a:focus{
  text-decoration: none;
  color:#d2c5be;
}

.hamburger .menu-left{
  width:100%;
  font-size:20px;
  text-transform: uppercase;
  margin:20px 0;
}
@media (min-width:1400px){
  .hamburger .menu-left{
    margin-left:10%;
  }
}
@media (min-width:992px){
  .hamburger .menu-left{
    flex-basis:30%;
  }
}
.hamburger .menu-left li{
  /*padding:30px 0;
  margin-bottom:20px;
  height: 20px;*/
  position:relative;
}
.hamburger .menu-left li a{
  padding:10px 0;
}
.hamburger .menu-left li a{
  /*position:absolute;
  top:0%;
  left:0%;*/
  display:inline-block;
  /*-webkit-transform:translateZ(0);*/
  /*transform:scale(1) translateZ(0) translateX(-0) translateY(-0%);*/
  font-size:18px;
  line-height:1em;
 /* -webkit-transition:transform 400ms;
  transition:transform 400ms;*/
}
.hamburger .menu-left li a:hover, .hamburger .menu-left li a:focus{
  /*transform:scale(1);*/
  transform:scale(1.2) translateZ(0) translateX(7%) translateY(0);
  color:#fff;
}
@media(min-width: 992px){
  .hamburger .menu-left{
    margin: 0;
    margin-left:10%;
  }
  .hamburger .menu-left li{
    padding:30px 0;
    height: 20px;
    margin-bottom:20px;
  }
  .hamburger .menu-left li a{
    position:absolute;
    top:0%;
    left:0%;
    font-size:20px;
  }
}


.hamburger .menu-right{
  width: 100%;
  font-size:30px;
  /*text-transform: uppercase;*/
}
@media (min-width:992px){
  .hamburger .menu-right{
    flex-basis:40%;
  }
}
.hamburger .menu-right li{
  /*padding:50px 0;*/
  /*margin-bottom:20px;*/
  /*height: 20px;*/
  position:relative;
}
.hamburger .menu-right li a{
  padding:10px 0;
}
.hamburger .menu-right li a{
  /*position:absolute;
  top:0%;
  left:0%;*/
  display:inline-block;
  /*-webkit-transform:translateZ(0);*/
  /*transform:scale(1) translateZ(0) translateX(-0) translateY(-0%);*/
  font-size:25px;
 /* -webkit-transition:transform 400ms;
  transition:transform 400ms;*/
  line-height: 1em;
}
.hamburger .menu-right li a:hover, .hamburger .menu-right li a:focus{
  /*transform:scale(1);*/
  transform:scale(1.5) translateZ(0) translateX(16.5%) translateY(0px);
  transform: scale(1.2) translateZ(0) translateX(7%) translateY(0);
  color: #fff;
}
@media (min-width:450px){
  .hamburger .menu-right li a{
    font-size:30px;
  }
}
@media(min-width: 992px){
  .hamburger .menu-right li{
    padding:50px 0;
    height: 20px;
    margin-bottom:20px;
  }
  .hamburger .menu-right li a{
    position:absolute;
    top:0%;
    left:0%;
    font-size:40px;
  }
}

.hamburger .immagini{
  flex-basis:30%;
  font-size:30px;
  position: relative;
  display: flex;
  align-items: center;
}
.hamburger .immagini img{
  opacity: 0;
  position: absolute;
  max-width:400px;
  width: 100%;
  /*transition-delay: 1000ms;*/
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
.hamburger .immagini img.show{
  opacity:1;
  /*transition-delay: 1000ms;*/
  -webkit-transition: opacity 800ms ease-in-out 200ms;
  -moz-transition: opacity 800ms ease-in-out 200ms;
  -ms-transition: opacity 800ms ease-in-out 200ms;
  -o-transition: opacity 800ms ease-in-out 200ms;
  transition: opacity 800ms ease-in-out 200ms;
}
.hamburger .social svg{
  fill:#d2c5be;
}
.hamburger .menu-bottom-right{
  bottom:0;
  right:0;
}
.language-switcher{
  position: absolute;
  top: 0;
  right:0;
  font-size:20px;
}
@media (max-width:767px){
  .language-switcher{
    top:auto;
    bottom:4vw;
    font-size: 18px;
  }
}
.language-switcher ul{
  list-style:none;
  margin:0;
  padding:0;
}
.language-switcher ul li{
  text-transform: uppercase;
  display:inline-block;
  margin:0 5px;
  opacity: 0.7;
  -webkit-transition: opacity 400ms ease-in-out;
  -moz-transition: opacity 400ms ease-in-out;
  -ms-transition: opacity 400ms ease-in-out;
  -o-transition: opacity 400ms ease-in-out;
  transition: opacity 400ms ease-in-out;
}
.language-switcher ul li.current-lang{
  opacity:1;
}
.language-switcher ul li:hover, .language-switcher ul li:focus{
  opacity:1;
}

.home-opening{
  width:100%;
  height: 100vh;
  position:relative;
  /*overflow: hidden;*/
  /*overflow-x :hidden;*/
}
.home-opening .wrapper{
  display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    position:relative;
    z-index: 5;
}
.home-opening .logo{
  text-align: center;
}
.home-opening .logo-text{
  text-align:center;
  font-size:28px;
  color:#731a18
}
.home-opening .logo svg{
  fill:#731a18;
  text-align: center;
  width:90px;
  height: auto;
}
.home-opening .bg-wrapper{
  position: absolute;
  top: 0;
  left:0;
  width:100%;
  height:100%;
  z-index: 3;
}
.fregio{
  position: absolute;
  width:100%;
  height:100%;
}
.fregio svg{
  position: absolute;
}
.home-opening .fregio.f1 svg{
  width: 70%;
    top: 50%;
    margin-top: -35%;
    left: 50%;
    margin-left: -35%;
    -webkit-animation: wave 20s infinite linear;
    -moz-animation: wave 20s infinite linear;
    animation: wave 20s infinite linear;
}
@media (max-width: 767px){
  .home-opening .fregio.f1 svg{
    width: 100%;
    top: 50%;
    margin-top: -50%;
    left: 50%;
    margin-left: -50%;
    -webkit-animation: wavemobile 20s infinite linear;
    -moz-animation: wavemobile 20s infinite linear;
    animation: wavemobile 20s infinite linear;
  }
}
.home-opening .fregio.f2 svg{
  width: 21%;
    bottom: 0;
    margin-bottom: -9%;
    left: 1%;
    /*margin-left: -35%;*/
   /* -webkit-animation: wave 10s 0.1s infinite linear;
    -moz-animation: wave 10s 0.1s infinite linear;
    animation: wave 10s 0.1s infinite linear;*/
     -webkit-animation: lighthouse 18s 0.1s infinite alternate ease-in-out;
    -moz-animation: lighthouse 18s 0.1s infinite alternate ease-in-out;
    animation: lighthouse 18s 0.1s infinite alternate ease-in-out;
}
.home-opening .fregio.f3 svg{
  width: 10%;
    bottom: 2%;
    /*margin-bottom: -10%;*/
    right: 5%;
    /*margin-left: -35%;*/
    -webkit-animation: updown 15s 0.1s infinite alternate-reverse ease-in-out;
    -moz-animation: updown 15s 0.1s infinite alternate-reverse ease-in-out;
    animation: updown 15s 0.1s infinite alternate-reverse ease-in-out;
}

section{
  padding:6vw 4vw;
}

.slider-wrapper{
  position:relative;
  padding:0 60px;
}
.slider-wrapper .arrows{
  /*position:absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;*/
}
.slider-wrapper .slick-arrow{
  position: absolute;
  top:50%;
  width: 25px;
  height: 90px;
}
@media (max-width:767px){
  .slider-wrapper .slick-arrow{
    width:16px;
    height: 50px;
  }
  .slider-wrapper{
    padding:0 30px;
  }
}
.slider-wrapper .slick-arrow:before{
  background-repeat: no-repeat;
  background-size:contain;
  position:  absolute;  
  width:  100%;
  height:  100%;
}
.slider-wrapper .slick-prev{
  left:-60px;
  margin-top:-45px;
}
.slider-wrapper .slick-prev:before{
  content:'';
  background-image:url(../img/freccia-sx-r.png);
}
.slider-wrapper .slick-next{
  right:-60px;
  margin-top:-45px;
}
.slider-wrapper .slick-next:before{
  content:'';
  background-image:url(../img/freccia-dx-r.png);
}
@media (max-width:767px){
  .slider-wrapper .slick-prev{
    left:-30px;
  }
  .slider-wrapper .slick-next{
    right:-30px;
  }
}
.main-slider .wrap-content{
  padding:0 15px 0 15px;
  display: flex;
  align-items: center;
  margin-bottom:40px;
  left: 80px;
  opacity: 0;
  transition: all 500ms ease-in-out 300ms;
}
@media (max-width: 991px){
  .main-slider .wrap-content{
    padding:0 0 0 15px;
  }
}
@media (max-width: 767px){
  .main-slider .wrap-content{
    padding:15px 15px 0 15px;
  }
}
.main-slider .slick-active .wrap-content{
  left: 0;
  opacity: 1;
  transition-delay: 400ms;
}
@media (min-width:768px){
  .main-slider .slick-active .flex-row-reverse .wrap-content{
  text-align: right;
  }
}
.main-slider .slick-slide img{
  margin:0 auto;
  opacity: 0;
  position:relative;
  top:100px;
  transition: all 500ms ease-in;
}
.aos-animate .main-slider .slick-slide img{
  opacity: 1;
  transition: all 500ms ease-in-out;
  top: 0;
}
.slick-slide h3{
  font-size: calc(18px + (42 - 18) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(24px + (65 - 24) * ((100vw - 300px) / (1920 - 300)));
  color:#611e15;
}
@media (min-width: 1920px){
  .slick-slide h3{
    font-size:42px;
    line-height: 65px;
  }
}
.main-slider .slick-dots{
  display: flex;
  width:80%;
  margin:0 auto;
  left:10%;
  bottom:30px;
}
.main-slider .slick-dots li{
  -ms-flex: 1 1 auto!important;
  flex: 1 1 auto!important;
  padding: 10px 0;
  height: auto;
}
.main-slider .slick-dots button{
  background-color:#fff;
  width: 100%; 
  text-indent:-9999px;
  height: 6px;
  padding: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.main-slider .slick-dots .slick-active button,
.main-slider .slick-dots li:hover button{
  background-color:#611e15;
}


.slider-immagini .slick-arrow{
  background-color:#59626b;
  width:60px;
  height: 50%;
  margin-top: 0%;
}
@media (max-width:767px){
  .slider-immagini .slick-arrow{
    /*background-color:#59626b;*/
    width:30px;
    /*height: 50%;*/
    /*margin-top: 0%;*/
  }
}
.slider-immagini .slick-arrow:before{
  background-size: auto;
  background-position: center;
}
@media (max-width:767px){
  .slider-immagini .slick-arrow:before{
    background-size: contain;
    width: 60%;
    height: 100%;
    left: 20%;
  }
}
.slider-immagini .slick-prev:before{
  background-image:url(../img/freccia-sx-b.png);
}
.slider-immagini .slick-next:before{
  background-image:url(../img/freccia-dx-b.png);
}
/*.slider-immagini .wrap-card-image{
  display: inline-block;
}
.slider-immagini .wrap-card-content{
  display: none;
}*/
.slider-immagini{
  width:80%;
  margin:4vw auto;
}
@media (max-width:1080px){
  .slider-immagini{
    width:100%;
  }
}
.slider-immagini .wrap-card-image img{
  width:100%;
  height:auto;
}

.slider-immagini{
  width:38vw;
}


.masonry-home{
  margin-bottom:25px;
}
.masonry-home .wp-block-image{
  margin:0;
}
.masonry-home .wp-block-column{
  display: flex;
  flex-direction: column;
}
.masonry-home .wp-block-column figure,
.masonry-home .wp-block-column img{
  width:100%;
  height: auto;
}
.masonry-home:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child){
  margin-left: 25px;
}
.masonry-home .wp-block-column.masonry-small{
  flex-grow: 0.8;
}
.masonry-home h3{
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  display: flex;
  font-size: 26px;
  line-height: 1.5em;
}
.masonry-altezze .wp-block-image{
  padding-bottom: 65%;
  position:relative;
}
.masonry-altezze .wp-block-column.masonry-small .wp-block-image{
  padding-bottom:81%;
}
.masonry-altezze .wp-block-image figure{
  display: block;
  width:100%;
  height:100%;
  position:absolute;
}
.masonry-altezze .wp-block-image figure img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.masonry-home  figure{
  overflow: hidden;
}
.masonry-home .wp-block-column figure img{
  -webkit-transition: transform 2000ms linear;
  -moz-transition: transform 2000ms linear;
  -ms-transition: transform 2000ms linear;
  -o-transition: transform 2000ms linear;
  transition: transform 2000ms linear ;
}
.masonry-home .wp-block-column figure:hover img{
  transform: scale(1.2);
  -webkit-transition: transform 10000ms linear;
  -moz-transition: transform 10000ms linear;
  -ms-transition: transform 10000ms linear;
  -o-transition: transform 10000ms linear;
  transition: transform 10000ms linear ;
}
@media (max-width: 767px){
  .masonry-home:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child){
    margin-left: 0;
  }
  .masonry-home.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column,
  .masonry-home.wp-block-column{
    flex-basis: 50%!important;
  }
  .masonry-home.wp-block-columns .wp-block-column:first-child{
    flex-basis: 100%!important;
  }
  .masonry-home .wp-block-column{
    margin:5px 0;
  }
  .masonry-home .wp-block-column img{
    margin:0 5px;
  }
  .masonry-home{
    margin-bottom:0;
  }
}


/*blocchi sovrapposti*/
section.sovrapposizione-top{
  padding-top:0;
}
section.sovrapposizione-top .container{
  /*margin-top:-10vw;*/
}
section.sovrapposizione-top .container > div:first-child,
section.sovrapposizione-top .container > *{
  /*-webkit-transform: translateY(-50%);
  transform: translateY(-50%); 
  margin-top:0; */
  /*margin-top:-19vw;*/
  top:-19vw;
  position: relative;
}
section.sovrapposizione-top .container > div .slick-slider{
  margin-top:0;
}
section.sovrapposizione-top .container{
    margin-bottom:-19vw;
  }
section.sovrapposizione-padding-bottom .container{
  padding-bottom:19vw;
}

@media (max-width:1300px){
  .slider-immagini{
    width:50vw;
  }
  section.sovrapposizione-top .container > div:first-child,
  section.sovrapposizione-top .container > *{
    /*margin-top:-25vw;*/
    top:-25vw;
  }
  section.sovrapposizione-top .container{
    margin-bottom:-25vw;
  }
  section.sovrapposizione-padding-bottom .container{
    padding-bottom:25vw;
  }
}
@media (max-width:767px){
  .slider-immagini{
    width:100%;
  }
  section.sovrapposizione-top .container > div:first-child,
  section.sovrapposizione-top .container > *{
    /*margin-top:-40%;*/
    /*top:-40%;*/
    top: -30vw;
  }
  section.sovrapposizione-top .container{
    margin-bottom:-40%;
  }
  section.sovrapposizione-padding-bottom .container{
    padding-bottom:40%;
  }
}
/*Fine blocchi sovrapposti*/


.wp-block-button a, .wp-block-button__link{
  border-radius: 0px;
  font-size: 15px;
  text-transform: uppercase;
  /* letter-spacing: 1px; */
  background-color: #59626a;
  color: #d2c5be;
  line-height: 20px;
  padding: 20px 30px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.bg-blu .wp-block-button a, .bg-blu .wp-block-button__link{
  background-color:#611e15;
}
.wp-block-button a:hover, .wp-block-button__link:hover,
.wp-block-button a:focus, .wp-block-button__link:focus{
  background-color: #d2c5be;
  color: #59626a;
  text-decoration: none;
}
.wp-block-button a:hover, .wp-block-button__link:hover,
.wp-block-button a:focus, .wp-block-button__link:focus{
  background-color: #611e15;
  color: #d2c5be;
  text-decoration: none;
}
.bg-bordeaux .wp-block-button a:hover, .bg-bordeaux .wp-block-button__link:hover,
.bg-bordeaux .wp-block-button a:focus, .bg-bordeaux .wp-block-button__link:focus,
.bg-blu .wp-block-button a:hover, .bg-blu .wp-block-button__link:hover,
.bg-blu .wp-block-button a:focus, .bg-blu .wp-block-button__link:focus{
  background-color: #d2c5be;
  color: #59626a;
  text-decoration: none;
}


.testata-pagina{
  padding:6vw 9vw;
  height: 100vh;
  position: relative;
}
@media (max-width:767px){
  .testata-pagina{
    height:auto;
    padding:100px 20px 100px 15px;
  }
}
.testata-pagina .row{
  align-items:center;
  height: 100%;
}
.testata-pagina .testo{
  line-height:2em;
}
.testata-pagina .immagini{
  height:100%;
}
.testata-pagina .immagini .row > .col1{
  height:100%;
  justify-content: right;
  align-items: center;
  text-align: revert;
  display: flex;
}
.testata-pagina .col1 img{
  object-fit: contain;
  object-position: right;
  max-width: 100%;
  max-height: 100%;
}
.testata-pagina .col2 .img1{
  width:100%;
}
.testata-pagina .col2 .img2{
  width:70%;
}
@media (max-width:767px){
  .testata-pagina .col2 .img2{
    width: 85%;
    padding-top:0;
  }
  .testata-pagina .col2{
    padding-left: 0;
  }
}
.testata-pagina .immagini img{
  padding:15px 0;
}
.scroll-down{
  background-image:url(../img/scroll-down.png);
  background-repeat: no-repeat;
  background-position:center center;
  cursor:pointer;
  width: 60px;
  height: 40px;
  position:absolute;
  bottom:2vw;
  left: 50%;
  z-index: 5;
  margin-left:-30px;
  -moz-animation: scrollDownBounce 3s infinite;
  -webkit-animation: scrollDownBounce 3s infinite;
  animation: scrollDownBounce 3s infinite;
}

.wp-block-gallery{
  margin:0 -7px;
}
.wp-block-gallery img{
  max-width:100%;
  width:100%;
  margin:0;
}
.wp-block-gallery .wp-block-image{
  width:50%!important;
  /*padding:7px;*/
  border:7px solid transparent;
  overflow: hidden;
  /*position:relative;*/
}
.wp-block-gallery.has-nested-images figure.wp-block-image, .wp-block-gallery.has-nested-images{
  display:block;
}
.wp-block-gallery.has-nested-images figure.wp-block-image img{
  width:100%;
  margin:0;
}
.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) img{
  margin-bottom:0;
}
.wp-block-gallery .wp-block-image img{
  -webkit-transition: transform 2000ms linear;
  -moz-transition: transform 2000ms linear;
  -ms-transition: transform 2000ms linear;
  -o-transition: transform 2000ms linear;
  transition: transform 2000ms linear ;
}
.wp-block-gallery .wp-block-image:hover img{
  transform: scale(1.2);
  -webkit-transition: transform 10000ms linear;
  -moz-transition: transform 10000ms linear;
  -ms-transition: transform 10000ms linear;
  -o-transition: transform 10000ms linear;
  transition: transform 10000ms linear ;
}

.page-main .page-bg{
  background-image:url(../img/rombo.png);
  width:100%;
  height: 2512px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.page-main .container > *{
  margin-bottom:2vw;
  padding-top:4vw;
}
#main-content{
  z-index: 1;
  position:relative;
}
@media (max-width:767px){
  #main-content{
    padding-top:50px;
  }
}
.home #main-content{
  z-index: 4;
  position:relative;
}


.chiusura-pagina{
  padding:2vw 4vw 3vw;
  position:relative;
  z-index: 5;
}
.container-riquadri{
  margin:0 auto;
  text-align:center;
}
.container-riquadri .riguadro {
  width:220px;
  height: 220px;
  max-width:25%;
  display:inline-block;
  vertical-align: top;
  border:8px solid #811c10;
  margin:5px;
}
.container-riquadri .menu{
  background-color:#811c10;
  color:#d2c5bd;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.container-riquadri .menu a{
  color:#d2c5bd;
  height: 100%;
  width: 100%;
  display: block;
  vertical-align: middle;
  text-align:center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container-riquadri .menu a:hover, .container-riquadri .menu a:focus{
  text-decoration: none;
}
.container-riquadri .menu:hover, .container-riquadri .menu:focus{
  transform:scale(1.1);
}
.container-riquadri .riquadro1{
  background-image:url(../img/piastrella.jpg);
  background-size:cover;
}
.container-riquadri .riquadro2{
  background-image:url(../img/sfondo-riquadro.jpg);
  background-size:cover;
}
@media (max-width:767px){
  .container-riquadri .riquadro1, .container-riquadri .riquadro2{
    display:none;
  }
  .container-riquadri .menu{
    width:100%;
    max-width:100%;
    height: 100px;
  }
}

footer{
  padding:80px 0 80px;
  font-size:16px;
  line-height: 24px;
  background-image: url(../img/bg-rombi-r.png);
  background-position:center top;
  position:relative;
  z-index: 4;
  overflow: hidden;
}
@media(max-width: 767px){
  footer{
    background-size: 100%;
  }
}
footer:before{
  content:'';
  width:150%;
  height:150%;
  position:absolute;
  top:-50%;
  left: -50%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#611e15+0,611e15+19,611e15+100&1+26,0+75 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(97,30,21,1) 0%, rgba(97,30,21,1) 19%, rgba(97,30,21,1) 26%, rgba(97,30,21,0) 75%, rgba(97,30,21,0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(97,30,21,1) 0%,rgba(97,30,21,1) 19%,rgba(97,30,21,1) 26%,rgba(97,30,21,0) 75%,rgba(97,30,21,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(97,30,21,1) 0%,rgba(97,30,21,1) 19%,rgba(97,30,21,1) 26%,rgba(97,30,21,0) 75%,rgba(97,30,21,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#611e15', endColorstr='#00611e15',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
footer .logo{
  fill:#d2c5be;
  width:44px;
  height: auto;
  margin-bottom:20px;
}
footer p{
  margin-bottom:16px;
}
footer ul{
  padding: 0;
  margin:0;
  list-style: none;
  text-transform: uppercase;
}
footer ul li{
  margin-bottom:10px;
}
footer a{
  color:#d2c5be;
}
footer a:hover, footer a:active{
  color:#fff;
  text-decoration: none;
}






.wp-block-group{
  width:100%;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px){
  .wp-block-group {
      max-width: 540px;
  }
}

@media (min-width: 768px){
  .wp-block-group {
      max-width: 720px;
  }
}

@media (min-width: 992px){
  .wp-block-group {
      max-width: 960px;
  }
}
@media (min-width: 1200px){
  .wp-block-group{
      max-width: 1140px;
  }
}

header{}
/*.home-opening{z-index: 4;}*/
.sezione-base{}
.bg-wrapper{}

@media (max-width:767px){
  .section-header{
    display: none;
  }
  .home #main-content{
    z-index: 0;
  }
}
  @media (max-width: 576px){
  .container, .container-sm {
       max-width: 100%; 
  }
}


/*movimento sfondo sezioni*/
.sezione-base .bg-image .fregi{
  -webkit-animation: wave 20s infinite linear;
  -moz-animation: wave 20s infinite linear;
  animation: wave 20s infinite linear;
}
.sezione-base.bg-bordeaux .bg-image .fregi{
  -webkit-animation: wave 20s infinite linear;
  -moz-animation: wave 20s infinite linear;
  animation: wave 20s infinite linear;
}
.sezione-base.bg-blu .bg-image .fregi{
  -webkit-animation: antiwave 20s infinite linear;
  -moz-animation: antiwave 20s infinite linear;
  animation: antiwave 20s infinite linear;
}
.sezione-base .bg-image .rombi{
  -webkit-animation: wave 50s infinite linear;
  -moz-animation: wave 50s infinite linear;
  animation: wave 50s infinite linear;
}
.sezione-base .bg-image .zig-zag{
  -webkit-animation: rightleft 40s infinite alternate linear;
  -moz-animation: rightleft 40s infinite alternate linear;
  animation: rightleft 40s infinite alternate linear;
}
/*.sezione-base .bg-image .righe{
  -webkit-animation: rightleft 50s infinite alternate ease-in-out;
  -moz-animation: rightleft 50s infinite  alternate ease-in-out;
  animation: rightleft 50s infinite  alternate ease-in-out;
}*/
.sezione-base .bg-image{
  /*overflow: visible;*/
}


.error404 .page-main{
  padding-top: 4vw;
}