html {
scroll-behavior: smooth;
}
body{
margin:0;
padding: 0;
font-family: "elza-text", sans-serif;
font-weight: 400;
font-style: normal;
font-display:swap
}
p{
font-family: "elza-text", sans-serif;
font-weight: 400;
font-style: normal;
font-display:swap
}
b, strong{
font-family: "elza-text", sans-serif;
font-weight: 600;
font-style: normal;
font-display:swap
}
.normalidad{
font-family: "normalidad-wide", sans-serif;
font-weight: 400;
font-style: normal;
font-display:swap
}
.normalidadBold{
font-family: "normalidad-wide", sans-serif;
font-weight: 700;
font-style: normal;
font-display:swap
}
.center{
text-align: center;
}
.left{
text-align: left;
}
.right{
text-align: right;
} .vh{
display: table;
width: 100%;
}
.mh{
display: table-cell;
vertical-align: middle;
width: 100%;
height: 114px;
position: relative;
}
header{
background-color: #000;
position: fixed;
height: 114px;
top: 0;
width: 100%;
z-index: 100;
transition: all .3s ease;
}
header.hide {
top: -114px;
}
.marchio {
padding-left: 15px;
height: 100%;
}
.ascolto{
position: relative;
}
.miniText {
color: #fff;
text-transform: uppercase;
font-size: 12px;
text-align: center;
display: block;
width: 100%;
}
header .button {
margin-left: 16px;
}
header .button a {
padding: 0px;
margin: 0px;
}  .menu-mainmenu-container{
display: inline-block;
margin-right: 32px;
}
header ul {
padding: 0px;
list-style: none;
margin: 0px;
display: inline-block;
width: 100%;
top: -7px;
position: relative;
}
header ul li{
display: inline;
}
header ul li a{
font-family: "normalidad-wide", sans-serif;
font-weight: 400;
font-style: normal;
color: #fff;
text-transform: uppercase;
font-size: 16px;
opacity: 0.7;
text-decoration: none;
margin-left: 19px;
transition: 0.2s all ease-in-out
}
header ul li a:hover, .current-menu-item a{
opacity: 1;
}
.ascolto {
padding: 7px 14px;
background-color: rgba(255, 255, 255, 0.45);
transition: 0.2s all ease-in-out;
border-radius: 4px;
text-decoration: none;
display: inline-block;
border: 1px solid #fff;
}
.ascolto:hover{
background-color: rgba(255, 255, 255, 0.3);
}  .button_container {
cursor: pointer;
height: 27px;
position: absolute;
right: 25px;
top: 45px;
transition: 0.3s all ease-in-out;
width: 35px;
z-index: 100;
}
.button_container span {
background: #fff none repeat scroll 0 0;
border: medium none;
cursor: pointer;
height: 2px;
left: 0;
position: absolute;
top: 0;
transition: 0.3s all ease-in-out;
width: 100%;
transition: 0.2s all ease-in-out
}
.button_container span:nth-of-type(2) {
top: 11px;
}
.button_container span:nth-of-type(3) {
top: 22px;
}
.button_container .bottombottom {
font-size: 10px;
font-weight: bold;
height: 0 !important;
letter-spacing: 1.6px;
text-transform: uppercase;
top: 33px !important;
}
.overlaymenu {
height: 100%;
left: 0;
opacity: 0;
overflow: hidden;
position: fixed;
top: 0;
visibility: hidden;
width: 100%;
transition: 0.3s all ease-in-out;
z-index: 18 !important;
background: #000
}
.overlaymenu nav {
text-align: center;
top: 200px;
position: relative;
display: block;
font-size: 30px;
}
.overlaymenu ul {
display: inline-block;
height: 100%;
list-style: outside none none;
margin: 0 auto;
padding: 0;
position: relative;
}
.overlaymenu ul li {
display: inline-block;
opacity: 0;
position: relative;
transition: 0.3s all ease-in-out;
width: 100%;
}
.overlaymenu.open ul li {
opacity: 1
}
.overlaymenu ul li a {
color: #fff;
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
opacity: 1;
margin-bottom: 5px;
font-weight: 300;
letter-spacing: 1px;
font-size: 28px;
font-family: "normalidad-wide", sans-serif;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
margin-left: 0px
}
.button_container.active .topp {
background: #fff none repeat scroll 0 0;
transform: translateY(11px) translateX(0px) rotate(45deg);
}
.button_container.active .middle {
background: #fff none repeat scroll 0 0;
opacity: 0;
}
.mainmenuresponsive a {
font-size: 18px;
width: 100%;
display: inline-block;
}
.button_container.active .bottom {
background: #fff none repeat scroll 0 0;
transform: translateY(-11px) translateX(0px) rotate(-45deg);
}
.button_container.active .bottombottom {
color: #fff;
}
.overlaymenu.open {
height: 100%;
opacity: 1;
visibility: visible;
z-index: 2
}
.mainmenuresponsive {
width: 100%;
margin: 0 auto;
text-align: center;
}
.mainmenuresponsive a{
font-size: 18px;
}
.verticalresp{
display: table;
width: 100%;
}
.middleresp{
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100vh
}
.logoresp {
height: auto;
margin: 0 auto 40px;
display: block;
width: 70%;
}
.menuresp {
display: none;
}  .textHero {
color: #FFF;
text-align: center;
font-size: 28px;
font-family: "normalidad-wide", sans-serif;
font-style: normal;
font-weight: 400;
line-height: 100%;
margin: 0px auto 20px;
width: 60%;
}
.vHero{
display: table;
width: 100%;
position: relative;
z-index: 1
}
.mHero{
display: table-cell;
width: 100%;
height: 530px;
vertical-align: middle;
text-align: center;
}
.hero{
position: relative;
background-position: center;
background-size: cover;
margin-top: 110px
}
.overlayHero{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.4);
}
.button{
display: flex;
padding: 8px 24px;
justify-content: center;
align-items: center;
border-radius: 8px;
background: #EEA8A1;
color: #000;
text-align: center;
font-size: 16px;
font-family: "normalidad-wide", sans-serif;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
}
.contattiHero{
height: 120px;
border-top: 1px solid #fff;
display: inline-block;
width: 100%;
position: relative;
z-index: 1
}
.column{
float: left;
width: 33.33%;
text-align: center;
color: #fff
}
.titleColumn{
font-family: "normalidad-wide", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
}
.textColumn{
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 100%;
}  .uno{
background-color: #fff;
color: #000;
padding: 160px 0px 160px;
text-align: center;
}
.titleHome{
font-family: "normalidad-wide", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 42px;
text-transform: uppercase;
margin: 0px;
}
h2.subheadHome {
margin: 0px;
text-transform: uppercase;
font-size: 16px;
font-weight: 400
}
.textUno p{
color: #000;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.buttonW{
padding: 8px 32px;
justify-content: center;
align-items: center;
border-radius: 8px;
background: #fff;
color: #000;
text-align: center;
font-size: 16px;
font-family: "normalidad-wide", sans-serif;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
border: 1px solid #fff;
transition: 0.2s all ease-in-out;
opacity: 1
}
.buttonW:hover{
opacity: 0.6
}
.imgoriz{
height: 360px;
background-position: center;
background-size: cover;
position: relative;
}
.imgvert{
height: 710px;
background-position: center;
background-size: cover;
position: relative;
margin-top: 110px;
z-index: 1
}
.timbro {
position: absolute;
bottom: -19%;
left: -12%;
}
.frase {
font-size: 34px;
font-family: "normalidad-wide", sans-serif;
font-style: normal;
font-weight: 400;
line-height: 110%;
margin-top: 130px;
margin-bottom: 0px;
}
.visual b{
font-family: "normalidad-wide", sans-serif !important;
font-style: normal;
font-weight: 700;
}
.visual{
margin-top: -180px;
position: relative;
}
.backBlock{
height: 100px;
width: 100%;
background-color: #000;
position: absolute;
bottom: 0;
left: 0;
right: 0
}
.due{
background: #000;
padding: 72px 0px
}
.titleSection{
font-family: "normalidad-wide", sans-serif;
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 120%;
text-transform: uppercase;
margin: 0px;
}
.textSection{
font-size: 22px;
line-height: 150%;
}
.white{
color: #fff
}
p.titleBanner.normalidad {
font-size: 32px;
line-height: 100%;
margin: 0px;
margin-bottom: 24px;
font-weight: 600;
}
.miniHero {
display: inline-block;
width: 100%;
position: relative;
background-position: center;
background-size: cover;
margin-top: 110px;
}
.overlayMiniHero{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.4);
}
.titlePage{
font-size: 40px;
margin-top: 250px;
text-transform: uppercase;
font-family: "normalidad-wide", sans-serif;
font-weight: 700;
color: #fff;
position: relative;
z-index: 1
}
.secondtitle{
font-size: 48px;
margin-top: 72px;
margin-bottom: 32px;
text-transform: uppercase;
}
.textPage p{
font-size: 20px;
line-height: 150%;
}
.cardServizio {
padding: 8px;
background: #EEA8A1;
}
.imgServ {
height: 380px;
background-size: cover;
background-position: center;
}
.nameServ{
text-align: center;
font-size: 20px;
color: #000
}
.contServizi{
margin-top: 48px;
}
.tre{
background-color: #F6F0EF;
padding: 144px;
text-align: center;
}
.singleRecensione {
background: #fff;
border-radius: 16px;
padding: 32px 24px 24px;
position: relative;
}
.slick-slider {
margin:0 -15px;
}
.slick-slide {
margin-right:15px;
margin-left:15px;
}
p.name {
font-size: 13px;
}
.stelline {
margin: 0 auto;
display: table !important;
}
.recensioni{
margin-top: 48px;
}
.buttonB{
padding: 8px 32px;
justify-content: center;
align-items: center;
border-radius: 8px;
background: #000;
color: #fff;
text-align: center;
font-size: 16px;
font-family: "normalidad-wide", sans-serif;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
border: 1px solid #000;
transition: 0.2s all ease-in-out;
opacity: 1
}
.buttonB:hover{
opacity: 0.7
}
.leftBanner{
position: relative;
background-position: center;
background-size: cover;
height: 550px;
}
.overlayBanner{
background: linear-gradient(270deg, #EEA8A1 0%, rgba(238, 168, 161, 0.00) 100%);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.vb{
display: table;
width: 100%;
}
.mv{
display: table-cell;
vertical-align: middle;
width: 100%;
height: 550px;
}
.bannerArmocromia{
display: table;
width: 100%;
}
.leftBanner, .rightBanner{
float: left;
width: 50%;
}
.rightBanner{
background-color: #EEA8A1;
padding: 0px 64px;
}
p.titleBanner.normalidad {
font-size: 40px;
line-height: 100%;
margin: 0px;
margin-bottom: 24px;
font-weight: 600;
text-transform: uppercase;
}
.design a {
margin: 20px 0px;
display: inline-block;
}
p.titleVideo.normalidad {
font-size: 40px;
text-align: center;
font-weight: 600;
margin-top: 72px;
}
.textBanner{
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.instagram{
background: #000;
padding: 50px 0px;
color: #fff
}
.instagramSection a {
color: #fff;
}
.titleInstagram.normalidad {
font-size: 48px;
line-height: 100%;
margin: 0px;
}
.titleInstagram.normalidad b{
font-family: "normalidad-wide", sans-serif;
font-weight: 700;
font-style: normal;
}
.contTitleVideo b{
font-family: "normalidad-wide", sans-serif;
font-weight: 700;
font-style: normal;
}
.video{
display: inline-block;
width: 100%;
padding: 72px 40px;
}
.leftVideo{
width: 40%;
float: left;
}
.rightVideo{
float: left;
width: 60%;
}
.video iframe, .videoChi iframe{
width: 100%;
height: 600px
}
.video p, .videoChi p.normalidad {
font-size: 48px;
line-height: 100%;
margin: 0px 0px 32px 0px;
font-family: "normalidad-wide", sans-serif;
font-weight: 400;
font-style: normal;
}
.contTitleVideo{
border: 1px solid #000;
padding: 72px 40px;
}
.vV{
display: table;
width: 100%;
}
.mV{
display: table-cell;
width: 100%;
height: 600px;
vertical-align: middle;
}
.parlano{
background: #F6F0EF;
padding: 72px 0px;
text-align: center;
}
.titleParlano{
text-align: center;
font-size: 48px;
font-family: "normalidad-wide", sans-serif;
font-style: normal;
font-weight: 400;
line-height: 100%;
text-transform: uppercase;
margin: 0px;
}
.textFoo p {
font-family: "normalidad-wide", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 17px;
line-height: 130%;
margin: 0px auto;
width: 70%;
}
.textFoo p b{
font-family: "normalidad-wide", sans-serif;
font-weight: 700;
font-style: normal;
}
h4.title-widget {
margin-top: 0px;
font-family: "normalidad-wide", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 100%;
text-transform: uppercase;
margin-bottom: 20px;
}
.footerone p, .footerthree p{
margin: 0px;
}
.socialFoo {
margin-top: 20px;
}
.socialFoo a {
margin: 0px 5px;
display: inline-block;
opacity: 1;
transition: 0.2s all ease-in-out
}
.socialFoo a:hover {
opacity: 0.7
}
.line {
background: #F6F0EF;
height: 1px;
opacity: 0.5;
}
.design p {
font-size: 14px;
margin: 20px 0px;
}
.design p a {
color: #F6F0EF
}
.logo img {
height: 100px;
}
.loghi, .loghi2{
margin-top: 48px;
}
.testochi{
width: 85%;
}
.primaSezione{
margin: 72px 0px
}
.primaSezione h3 {
font-family: "normalidad-wide", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 100%;
text-transform: uppercase;
margin-bottom: 20px;
}
.imgSottoTesto{
display: inline-block;
width: 100%;
margin-top: 30px;
}
img.imgVert {
display: block;
margin: 0 auto;
margin-bottom: 50px;
width: 100%;
}
.testochi p{
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.videoChi {
padding: 144px 40px;
background-color: #F6F0EF;
display: inline-block;
width: 100%;
}
.testoVideo{
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.contTitleVideoDue {
padding: 0px 0px 0px 40px;
}
.sezioneNera{
background: #000;
color: #fff;
display: table;
width: 100%;
}
.leftNera, .rightNera{
float: left;
width: 50%;
}
.rightNera{
position: relative;
background-position: center;
background-size: cover;
height: 800px;
}
.overlayNera{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(118deg, #000 0%, rgba(0, 0, 0, 0.25) 100%);
}
.vNEra{
display: table;
width: 100%;
}
.mNEra{
display: table-cell;
vertical-align: middle;
height: 800px;
padding-left: 40px
}
.textNera{
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.headingInstagram{
background: #000;
padding: 32px 0px;
}
.contInstagram{
background-color: #000;
padding-bottom: 40px;
}
div#sbi_load {
margin-top: 32px !important;
}
.imgGallery {
height: 600px !important;;
background-position: center;
background-size: cover;
}
.gallery {
height: 600px !important;
}
.moduloArmo {
padding: 40px;
background: #F6F0EF;
width: 60%;
margin: 30px auto 80px;
}
p.label {
margin-top: 0px;
margin-bottom: 10px;
}
p.fifield {
margin-top: 0px;
margin-bottom: 16px;
}
.fifield input, .fifield textarea {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
}
p.fifielddue input {
width: 50%;
padding: 10px;
text-transform: uppercase;
background: #000;
color: #fff;
}
a.buttonBig {
margin-top: 72px;
display: inline-block;
background: #EEA8A1;
color: #000;
padding: 20px 40px;
text-transform: uppercase;
text-decoration: none;
font-size: 24px;
border-radius: 16px;
width: 100%;
text-align: center;
font-weight: 600;
}
.contattiBox {
font-size: 22px;
margin-bottom: 40px;
}
.contattiBox p {
font-size: 30px;
}
p.normalidadBold.titleContatti {
text-transform: uppercase;
margin-top: 0px;
margin-bottom: 0px;
}
p.textContatti {
margin-top: 8px;
}
p.textContatti a {
color: #000;
font-weight: 600;
}
.contContatti {
padding: 40px 0px;
border-top: 1px solid;
margin-top: 20px;
}
.contContatti iframe {
width: 100%;
height: 400px
}
.loghirec {
display: inline-block;
width: 100%;
}
.loghirec img {
display: inline;
width: 15%;
margin: 0px 20px;
border-radius: 5px
}
.singleLogo img {
width: 100%;
}
img.AscoltoImg {
width: 80%;
}
.testoGrande.normalidad img {
height: 50px;
width: auto;
margin-top: 30px;
}
.contComeFunziona .AscoltoImg, .moduloContatti .AscoltoImg {
width: 40%;
margin-top: 20px;
}
p.titleLista img {
width: 60%;
}
.textColumn a, footer a{
color: #fff;
}
img.imgOriz {
width: 100%;
}
.pum p.labeldue {
font-size: 10px;
margin-top: 0px
}
.pum .wpcf7-list-item {
margin: 0px !important
}
.pum p.fifield {
margin-top: 0px;
margin-bottom: 10px;
}
.pum  p.fifielddue input {
width: 70%;
}
.pum h3 {
font-size: 18px;
text-transform: uppercase;
margin: 0px 0px 20px 0px;
}
.pum h4 {
font-size: 13px;
text-transform: uppercase;
margin-top: 0px;
margin-bottom: 0px
}
.paginator.center ul {
padding: 0px;
list-style: none;
margin-top: 50px;
margin-bottom: 0px;
display: inline-block;
}
.paginator.center li {
display: inline-block !important;
width: inherit !important;
margin: 0px 5px;
}
.paginator.center li img {
width: 45px;
height: 45px;
}
.contBanner a {
border: 1px solid #fff;
padding: 20px 20px;
width: 100%;
background: rgba(255, 255, 255, 0.4);
color: #000;
font-size: 18px;
font-weight: 700;
}
.textRec p {
font-size: 24px;
line-height: 130%;
}
form.wpcf7-form.init {
padding: 24px;
background: #EEA8A1;
border-radius: 24px;
}
span.wpcf7-list-item {
margin: 0px;
font-size: 14px;
}
.acf-gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 16px;
margin-bottom: 40px;
}
.galleryPortfolio {
margin: 40px 0px;
}
.acf-gallery-item {
position: relative;
width: 100%;
aspect-ratio: 4 / 3; overflow: hidden;
border-radius: 8px;
}
.acf-gallery-item img {
width: 100%;
height: 100%;
object-fit: cover; object-position: center;
display: block;
cursor: zoom-in;
}  p.nameListino.normalidad {
color: #fff;
background: #000;
margin: 64px 0px 0px;
padding: 40px;
font-size: 48px;
font-weight: 700;
}
.contListino1{
display: inline-block;
width: 100%;
}
.contListino2{
display: inline-block;
width: 100%;
margin-bottom: 96px;
}
.contListino {
display: table;
width: 100%;
position: relative;
}
.listService {
float: left;
width: 50%;
background: #F6F0EF;
padding-left: 40px;
}
.imgServizio {
float: left;
width: 50%;
height: 100%;
background-position: center;
background-size: cover;
display: flex;
position: absolute;
left: 50%;
right: 0;
bottom: 0;
top: 0;
}
.leftRow{
float: left;
width: 65%;
}
.rightRow{
float: left;
width: 35%;
background-color: #EEA8A1
}
.rowsServizio {
display: flex;
align-items: center;
height: 100%;
flex-flow: row wrap;
border-bottom: 1px solid;
}
.rowsServizio:last-child {
border-bottom: 0px solid;
}
p.priceService.normalidad {
padding: 40px 0px;
font-weight: 700;
font-size: 22px;
text-align: center;
}
.nameService{
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%;
}
.textService{
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.mt{
margin-top: 32px
}  .intestazioneAscolto{
margin: 72px 0px;
}
.testoGrande p{
font-size: 48px;
line-height: 110%;
margin: 0px;
}
.testoGrande b, .testoGrande strong{
font-size: 48px;
line-height: 110%;
font-weight: 700;
font-family: "normalidad-wide", sans-serif;
}
.secondoAscolto{
display: table;
}
.leftS{
height: 1000px;
background-position: center;
background-size: cover;
float: left;;
width: 40%;
}
.rightS{
background: #F6F0EF;
padding: 0px 40px;
float: left;;
width: 60%;
}
.contRightS{
display: table;
width: 100%;
}
.mRightS{
display: table-cell;
width: 100%;
height: 1000px;
vertical-align: middle;
}
.titleRightS{
font-size: 32px;
font-weight: 700;
line-height: 110%;
}
.testoRightS{
font-size: 22px;
font-weight: 400;
line-height: 120%;
}
.titleLista{
font-size: 30px;
font-weight: 600;
line-height: 150%;
}
.linelist{
display: table;
width: 100%;
margin-top: 20px;
}
.number{
float: left;
border-radius: 50%;
background: #EEA8A1;
text-align: center;
padding: 8px;
height: 48px;
width: 48px;
font-size: 22px;
font-weight: 600;
margin-right: 32px;
}
.contAsco{
float: left;
width: 80%;
}
.titleNumber{
font-size: 30px;
font-weight: 600;
line-height: 150%;
margin-top: 0px;
margin-bottom: 0px;
}
.textNumber{
font-size: 16px;
font-weight: 400;
line-height: 120%;
margin: 0px
}
.mRightS .buttonB{
margin-top: 40px
}  .contComeFunziona{
background: #EEA8A1;
padding: 144px 0px;
}
.contComeFunziona .cardServizio{
background: #FFF;
color: #000;
}
.titleComeF{
text-align: center;
font-size: 40px;
font-weight: 400;
line-height: 110%;
margin: 0px 0px 80px 0px;
}
.titleComeF b{
font-weight: 700;
font-family: "normalidad-wide", sans-serif;
}
.contCardSe{
padding: 24px;
}
.nameServ2{
text-align: center;
font-size: 32px;
line-height: 120%;
margin: 0px;
}
.subTitleServ{
text-align: center;
font-size: 20px;
font-weight: 400;
line-height: 120%;
margin: 0px;
}
.textAsc{
height: 144px;
}
.textAsc p{
text-align: center;
font-size: 16px;
line-height: 150%;
margin: 32px 0px 0px 0px
}
.buttonAsco{
margin-top: 80px !important;
margin: 0 auto;
}
.contRisultati iframe {
height: 300px;
width: 100%;
margin-top: 20px;
}
.contRisultati{
padding: 144px 0px;
display: inline-block;
width: 100%;
}
.titleRisultati{
text-align: center;
font-size: 40px;
line-height: 110%;
margin: 0px 0px 32px 0px
}
.textRisultati{
text-align: center;
font-size: 22px;
font-weight: 400;
line-height: 150%;
margin: 0px;
}  footer{
background: #000;
color: #fff
}
img.marchioFoo {
padding: 24px;
width: 250px;
display: block;
margin: 30px auto 0px;
}
.contFoo {
margin: 56px 0px;
display: inline-block;
width: 100%;
}  #back-to-top {
background: #EEA8A1;
bottom: 40px;
color: #fff;
cursor: pointer;
display: none;
position: fixed;
right: 15px;
text-align: center;
z-index: 9999;
opacity: 0.7;
padding: 7px;
text-decoration: none;
border-radius: 50%;
width: 35px;
height: 35px;
}   @media only screen and (min-width : 1025px) and (max-width : 1198px) {
} @media (min-width: 768px) and (max-width: 1024px) {
} @media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
.frase {
font-size: 30px;
letter-spacing: -1px;
}
.imgServ {
height: 260px;
}
.due {
padding: 100px 0px;
}
.textBanner {
font-size: 18px;
line-height: 130%;
}
.leftBanner {
width: 40%;
}
.rightBanner {
width: 60%;
}
.tre {
padding: 144px 40px;
}
.loghirec img {
width: 20%;
}
.rightVideo, .leftVideo {
width: 50%;
}
.imgGallery, .gallery, .mV {
height: 450px !important;
}
img.imgOriz {
width: 100%;
}
.testoGrande p {
font-size: 35px;
}
.testoRightS {
font-size: 17px;
}
.textAsc {
height: 220px;
}
.menuresp {
display: block;
}
a.ascolto {
margin-top: 40px;
}
.menu-mainmenu-container {
display: inline-block;
margin-right: 0px;
}
a.ascolto img {
width: 80%;
}
.mh .ascolto, .mh > ul {
display: none
}
} @media (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){
.textHero {
width: 80%;
}
.titleHome {
font-size: 32px;
}
.uno {
padding: 100px 0px 356px;
}
.imgoriz {
width: 50%;
margin: 0 auto;
}
.frase {
margin-top: 110px;
text-align: center;
}
.imgvert {
width: 50%;
margin: 60px auto 0px;
}
.due .right {
text-align: left;
}
.contServizi {
display: inline-block;
width: 100%;
}
.contServizi > div {
margin-bottom: 30px
}
.rightBanner {
width: 65%;
}
.leftBanner {
width: 35%;
}
.mv {
height: 450px;
}
.leftBanner {
height: 450px;
}
.tre {
padding: 144px 40px;
}
.leftVideo {
width: 60%;
}
.mV {
height: 450px;
}
.video p, .videoChi p.normalidad {
font-size: 28px;
}
.imgGallery, .gallery {
height: 450px !important;
}
footer {
text-align: center;
}
.rightVideo {
width: 40%;
}
.footerone {
text-align: center;
margin-bottom: 30px;
}
.footerthree {
text-align: center;
margin-top: 40px;
}
.design .col-md-6.right {
text-align: center;
}
.titlePage {
margin-top: 120px;
}
img.imgVert {
display: none;
}
.imgSottoTesto {
width: 70%;
margin-left: 30%;
margin-bottom: 30px;
}
.buttonB {
font-size: 14px;
}
.textService {
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: 150%;
padding-right: 15px;
margin: 0px;
}
p.normalidad.nameService {
margin-bottom: 10px;
}
.testoGrande p {
font-size: 30px;
}
.testoGrande.normalidad img {
height: 30px;
width: auto;
margin-top: 30px;
}
.leftS {
display: none;
}
.rightS {
width: 100%;
}
.imgServ {
height: 260px;
}
.textAsc {
height: auto;
}
.contCardSe {
padding: 15px;
}
a.buttonBig {
margin-top: 0px;
}
.menuresp {
display: block;
}
a.ascolto {
margin-top: 40px;
display: none
}
.menu-mainmenu-container {
display: inline-block;
margin-right: 0px;
}
a.ascolto img {
width: 80%;
}
.mh .ascolto, .mh > ul {
display: none
}
} @media only screen and (min-width: 320px) and (max-width: 767px) {
.loghirec img {
width: 35%;
}
.textRec{
font-size: 14px; 
line-height: 20px;
}
.textHero {
font-size: 20px;
line-height: 130%;
width: 90%;
}
.miniHero, .hero{
margin-top: 114px
}
p.titleVideo.normalidad {
line-height: 100%;
font-size: 30px;
}
h2.secondtitle.normalidad {
text-align: center;
line-height: 100%;
}
.mHero {
height: 400px;
}
iframe {
height: 350px;
}
.contattiHero {
border: none;
margin: 30px auto 0;
background: rgba(255, 255, 255, 0.1);
border-radius: 8px;
width: 80%;
display: table;
height: auto;
}
.titleColumn {
font-size: 13px;
}
.textColumn {
font-size: 13px;
line-height: 120%;
}
p.textColumn {
margin-top: 0px;
}
p.titleColumn {
margin-bottom: 5px;
}
.uno {
padding: 90px 0px;
}
.acf-gallery {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
margin-bottom: 40px;
}
.titleHome {
font-size: 32px;
margin: 0px 0px 15px 0px;
line-height: 100%;
}
.timbro {
left: 10%;
}
.frase {
font-size: 26px;
margin-top: 120px;
margin-bottom: 0px;
text-align: center;
}
.imgvert {
height: 450px;
background-position: center;
background-size: cover;
position: relative;
margin-top: 60px;
z-index: 1;
}
.due {
padding: 100px 0px;
}
.titleSection {
font-size: 25px;
margin-bottom: 14px;
}
.col-md-4.right {
text-align: left;
}
.textSection {
font-size: 19px;
line-height: 120%;
}
.contServizi > div {
margin-bottom: 40px;
}
.imgServ {
height: 200px;
}
.nameServ {
text-align: center;
font-size: 14px;
color: #000;
margin: 10px 0px;
}
.leftBanner, .rightBanner {
width: 100%;
}
.leftBanner {
height: 230px;
}
.overlayBanner {
background: linear-gradient(360deg, #EEA8A1 0%, rgba(238, 168, 161, 0.00) 100%);
}
.rightBanner {
background-color: #EEA8A1;
padding: 0px 34px 40px;
text-align: center;
}
.mv {
height: auto;
}
.textBanner {
font-size: 16px;
}
.buttonB {
padding: 8px 12px;
font-size: 14px;
}
.titleParlano {
font-size: 28px;
}
.tre {
padding: 60px 30px;
}
.leftVideo, .rightVideo {
width: 100%;
float: left;
}
.mV {
height: auto;
}
footer {
text-align: center;
}
.rightVideo {
width: 40%;
}
.footerone {
text-align: center;
margin-bottom: 30px;
}
.footerthree {
text-align: center;
margin-top: 40px;
}
.design .col-md-6.right {
text-align: center;
}
.column {
width: 100%;
}
.titlePage {
font-size: 30px;
margin-top: 70px;
}
.testochi {
width: 100%;
}
.testochi p {
font-size: 18px;
}
img.imgOriz {
width: 100%;
}
img.imgVert {
margin: 20px 0px !important;
}
.videoChi .rightVideo {
width: 100%;
}
.videoChi .gallery, .videoChi .imgGallery{
height: 300px !important;
}
.contTitleVideoDue {
padding: 0px;
text-align: center;
margin-top: 60px;
}
p.nameListino.normalidad {
padding: 20px;
font-size: 28px;
}
.listService {
width: 100%;
}
.imgServizio {
display: none;
}
.rightRow {
float: left;
width: 40%;
background-color: transparent;
}
.leftRow {
width: 60%;
}
.listService {
padding-left: 0px;
}
.nameService {
font-size: 13px;
padding: 15px 20px;
margin: 0px;
border-right: 1px solid;
}
p.textService {
padding: 0px 20px;
display: none;
}
p.priceService.normalidad {
padding: 10px 10px;
font-weight: 700;
font-size: 12px;
text-align: right;
margin: 0px;
}
.testoGrande p {
font-size: 32px;
}
.testoGrande.normalidad img {
height: auto;
width: auto;
}
.leftS {
display: none;
}
.rightS {
background: #F6F0EF;
padding: 0px 30px 60px;
float: left;
width: 100%;
}
.linelist {
margin-bottom: 40px;
}
.contComeFunziona {
padding: 72px 0px;
}
.contComeFunziona .AscoltoImg, .moduloContatti .AscoltoImg {
width: 70%;
}
.titleComeF {
font-size: 30px;
}
.contComeFunziona .imgServ {
height: 330px;
}
.listCard > div {
margin-bottom: 40px;
}
.textAsc {
height: auto;
}
.contCardSe {
padding: 15px;
}
.buttonAsco {
margin-top: 20px !important;
}
.titleRisultati {
font-size: 25px;
}
.contRisultati {
padding: 72px 0px;
}
.moduloContatti {
padding: 0px 15px;
}
.moduloArmo {
width: 100%;
padding: 15px
}
.secondtitle {
font-size: 28px;
margin-top: 32px;
margin-bottom: 0px;
text-transform: uppercase;
}
a.buttonBig {
margin-top: 32px;
}
.contattiBox p {
font-size: 16px;
text-align: center;
}
.menuresp {
display: block;
}
.logoresp {
height: auto;
margin: 0 auto 40px;
display: block;
width: 40%;
}
li.button.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-25 {
margin: 0px;
}
p.titleBanner.normalidad {
font-size: 28px;
line-height: 100%;
margin: 0px;
margin-bottom: 24px;
font-weight: 600;
text-transform: uppercase;
}
a.ascolto {
margin-top: 10px;
margin-bottom: 20px;
width: 80% !important;
}
.ascolto {
background-color: rgba(255, 255, 255, 0.30);
}
.textRec p {
font-size: 15px;
line-height: 130%;
}
.menu-mainmenu-container {
display: inline-block;
margin-right: 0px;
}
a.ascolto img {
width: 80%;
}
.video .rightVideo {
width: 100% !important;
}
.contTitleVideo {
padding: 32px 20px;
text-align: center;
}
.video p, .videoChi p.normalidad {
font-size: 28px;
}
.mh .ascolto, .mh > ul {
display: none
}
}