/*
Theme Name:  Altavalle Serramenti & interiors. Child for Twenty Sixteen.
Author:  Fanzago ADV
Author URI:  https://www.fanzago.it
Template:  twentysixteen
Version:  1.0
License:  GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html                 
*/


@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

/* font-family: "Albert Sans", sans-serif; */
/* font-family: "Jost", sans-serif; */


body {font-family: "Albert Sans", sans-serif; color:#000000; padding:0px; margin:0px; font-weight:400; font-size:20px; line-height:24px;}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after {display:none;}
html {scroll-behavior: smooth;}
.clear {clear: both;}
.site {margin:0px;}
.site-main {margin-bottom:0px;}
.site-content {padding:0px; margin:0px; word-wrap: normal!important;}
.site-inner {max-width:100%!important;}
.edit-link {display:none;}
p {padding:0px; margin:0px;}
strong {font-weight:600;}
input {font-family: 'Roboto', sans-serif;}
a {color:currentColor; text-transform:none; cursor:pointer!important;}
a:hover {color:currentColor;}
a:visited {color:currentColor;}
a:active {text-decoration:none!important;}
a:focus {outline:none; outline-style:none; text-decoration:none;}
.float-left {float:left;}
.float-right {float:right!important;}
.input-left {float:left; width:49%;}
.input-right {float:right; width:49%;}

.pos-relative {position:relative;}
.content-def {width:100%; padding:100px 10%;}
.content-def h1 {font-size:60px; line-height: 54px; text-transform: uppercase; font-family: "Jost", sans-serif; font-weight: 700; margin-bottom: 30px;}

.grecaptcha-badge {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

/* WIDTH */
.w10 {width:10%!important;}
.w20 {width:20%!important;}
.w30 {width:30%!important;}
.w33 {width:33%!important;}
.w40 {width:40%!important;}
.w50 {width:50%!important;}
.w60 {width:60%!important;}
.w70 {width:70%!important;}
.w80 {width:80%!important;}
.w90 {width:90%!important;}
.w100 {width:100%!important;}

/* TEXT-ALIGN */
.align-center {text-align:center;}
.align-left {text-align:left;}
.align-right {text-align:right;}
.align-justify {text-align:justify;}

/* stili testo */
.c-orange {color:#e15311;}
.c-white {color:#fff;}
.uppercase {text-transform:uppercase;}
h3 {font-size:60px; line-height:54px; text-transform:uppercase; font-family: "Jost", sans-serif; font-weight:700; margin-bottom:30px;}
h4 {font-size:30px; line-height:32px; font-weight:300;}
.parag-big {font-size:20px; line-height:24px;}

/* PADDING */
.p-l-5 {padding-left:5%;}
.p-r-5 {padding-right:5%;}
.p-t-5 {padding-top:5%;}
.p-b-5 {padding-bottom:5%;}
.p-l-10 {padding-left:10%;}
.p-r-10 {padding-right:10%;}
.p-t-10 {padding-top:10%;}
.p-b-10 {padding-bottom:10%;}

/* MARGIN */
.m-l-2 {margin-left:2%;}
.m-r-2 {margin-right:2%;}
.m-t-2 {margin-top:2%;}
.m-b-2 {margin-bottom:2%;}
.m-l-5 {margin-left:5%;}
.m-r-5 {margin-right:5%;}
.m-t-5 {margin-top:5%;}
.m-b-5 {margin-bottom:5%;}
.m-l-10 {margin-left:10%;}
.m-r-10 {margin-right:10%;}
.m-t-10 {margin-top:10%;}
.m-b-10 {margin-bottom:10%;}

/* BOTTONI */
button {background-color:transparent!important;}
button:hover, button:focus {background-color:transparent;}
.btn span {padding:10px; font-size:20px; cursor:pointer;}
.btn span img {width:40px; height:35px; margin-right:20px;}
.btn-orange {color:#fff; background-color: rgba(225, 83, 17, 1); transition: background-color 0.5s ease;}
.btn-orange:hover {background-color: rgba(225, 83, 17, 0.8);}
.btn-black {color:#fff; background-color:#000000;}
.btn-white {color:#000; border:solid 1px #000;}
.btn-white-or {color:#e15311; border:solid 1px #e15311;}
.btn-orange-out {color:#fff; border:solid 1px #e15311; background-color: rgba(225, 83, 17, 0); transition: background-color 0.5s ease;}
.btn-orange-out:hover {background-color: rgba(225, 83, 17, 0.5);}

/* BTN PULSE */
.pulse {display:block; width:30px; height:30px; border-radius:50%; cursor:pointer; box-shadow: 0 0 0 rgba(255,255,255, 0.8); animation: pulse 2s infinite;}
.pulse img {width:30px!important; height:30px!important;}
.pulse:hover {animation:none;}

@keyframes pulse {
  0% {box-shadow: 0 0 0 0 rgba(255,255,255, 0.8);}
  70% {box-shadow: 0 0 0 10px rgba(255,255,255, 0);}
  100% {box-shadow: 0 0 0 0 rgba(255,255,255, 0);}
}
/* BTN PULSE */

/* LIGHT BOX */
.modal {
  display: none; /* Nascondi la modal di default */
  position: fixed; /* Posiziona la modal fissa sullo schermo */
  z-index: 1; /* Posiziona la modal sopra altri elementi */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto; /* Abilita lo scroll se il contenuto è troppo grande */
  background-color: rgb(0,0,0); /* Imposta il colore di sfondo */
  background-color: rgba(0,0,0,0.4); /* Imposta la trasparenza dello sfondo */
}

.modal-content {
  margin: 15% auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

.close {
  color: white;
  position: absolute;
  top: 15px;
  right: 35px;
  font-size: 40px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #f00;
  cursor: pointer;
}



/* FLEXBOX */
.rowrevers {flex-direction:row-reverse;}
.rowdefault {flex-direction:row;}

@media (min-width: 2000px) {
    .thumb-gallery {height:500px;}
    .thumb-cat-archivio {height:500px; width:90%; margin-left:10%;}
    .txt-contatti {background: url("images/contattaci.png") no-repeat center bottom / 400px auto;}
}

@media (max-width: 2000px) {
    .thumb-gallery {height:250px;}
    .thumb-cat-archivio {height:350px; width:80%; margin-left:20%;}
    .txt-contatti {background: url("images/contattaci.png") no-repeat right bottom / 400px auto;}
}

/* ------------------------------ HEADER ------------------------------ */
.row-header {width:100%; background-color:#fff; padding:30px 10%; display:flex; justify-content: space-between; align-items:center;}
.right-menu {display:flex; column-gap:50px;}
.logo-header {width:30%;}
.logo-header img {width:100%; max-width:330px;}
.btn-header {display:flex; align-items:center; column-gap:30px;}
.menu-header img {width:40px; height:40px;}
.content-overlay-menu {width:100%; height: calc(100vh); display:flex; align-items: stretch;}
.left-menu {width:50%;}
.right-prodotti {width:50%; background-color:#ededed;}
.logo-overlay-menu {margin-top:100px;}
.logo-overlay-menu img {width:100%; max-width:200px;}
.main-navigation .primary-menu > li {float:none;}
.menulast {margin-bottom:100px;}
.swiper-prodotti-menu .swiper-slide {height: calc(100vh); background-size:cover; background-position:center;}
.swiper-backface-hidden .swiper-slide {display: flex; align-items: center; justify-content: center;}
.box-prodotti-menu {width:40%; padding:70px; backdrop-filter:blur(10px); background-color: rgba(0, 0, 0, 0.2); text-align:center; }
.name-cat-menu {color:#fff; text-transform:uppercase; font-size:30px; line-height:32px; font-weight:500;}
.thumb-prodotti-menu img {margin-bottom:50px; width:100%; max-width:200px;}
.arr-menu {width:100%; position:absolute; bottom:10%; right:0px; display:flex; justify-content: center; column-gap:50px; z-index:999;}
.arr-prev-menu {width:25px; height:45px; background: url("images/freccia-sinistra-slider.png") no-repeat center center / cover; margin-bottom:40px;}
.arr-next-menu {width:25px; height:45px; background: url("images/freccia-destra-slider.png") no-repeat center center / cover;}
.sub-menu {margin:10px 0px 30px 0px!important; border-left:solid 1px #e15311;}
.sub-menu li a {font-size:20px!important; font-weight:300!important; letter-spacing:2px;}
.sub-menu li {min-height:auto!important; padding:5px 20px;}


/* ------------------------------ FOOTER ------------------------------ */
.row-main-footer {width:100%; background-color:#000; padding:250px 10% 35px 10%; color:#fff;}
.col-info-footer {display:flex; justify-content:space-between; column-gap: normal; align-items: center; margin-bottom:90px; font-size:24px; line-height:26px; flex-wrap:wrap; row-gap:30px;}
.col-info-footer img {width:100%; max-width:370px;}
.credits {text-align:center; font-size:15px; line-height:18px;}
#logo-footer {order:2;}
#address-footer {order:1;}
#contatti-footer {order:3}


/* ------------------------------ HOMEPAGE ------------------------------ */
.row-slider {width:100%; height: calc(100vh - 143px); } 
.row-slider .swiper {display:flex;}
.swiper-sliderhome {display:flex; justify-content:center; align-items:center; position:relative; height: calc(100vh - 143px); width:100%;}
.swiper-sliderhome .swiper-wrapper {position:absolute; z-index:0; top:0px; left:0px; }
.swiper-sliderhome .swiper-slide {width:100%; background-size:cover; background-position:center center; height: calc(100vh - 143px);}
.over-slide {max-width:80%; min-width:800px; padding:80px; text-align:center; position:relative; z-index:1; backdrop-filter: blur(10px); background-color: rgba(0, 0, 0, 0.1);}
.over-slide h1 {font-size:20px; line-height:24px; font-weight:400;}
.over-slide h2 {font-size:75px; line-height:78px; font-family: "Jost", sans-serif; text-transform:uppercase; font-weight:700; text-shadow: 0 0 6px #a1a1a1;}
.arrow-scroll {margin-top:30px;}
.arrow-scroll img {width:37px; height:31px;}
.bounce {animation: bounce 2s infinite;}

.row-txt-img {width:100%; display:flex; align-items:center;}
.txt-left {width:50%; padding:100px 10%;}
.txt-left p {font-size:20px; line-height:24px;}
.img-right {background-size:cover; background-position:center center; background-attachment:fixed;}

/* prodotti */
.row-prodotti {width:100%; padding:150px 10%; background-color:#f5f5f5;}
.loop-prodotti {width:100%; display:flex; justify-content:space-between; flex-wrap: wrap;}
.tit-prodotti {width:100%; font-size:24px; line-height:26px; text-align:center!important; font-weight:400; position:absolute; z-index:2; top:20px; color:#000; text-transform:none; font-family: "Albert Sans", sans-serif; }
.tit-prodotti img {width:40px; height:22px;}
.tit-prodotti-back {font-family: "Jost", sans-serif; text-transform:uppercase; font-weight:700; text-align:left; font-size:2vw; line-height:2vw; color:#fff; position:relative; z-index:0;}
.box-prodotti {width:20%;}
.thumb-prodotti img {border: solid 6px #ffffff;  transition: border-color 0.3s ease-in-out; /* Aggiunta della transizione */}
.thumb-prodotti img:hover {border: solid 6px #e15311;}
.tit-prodotti-accessori {font-size:24px; line-height:32px; color:#b5b5b5; text-transform:uppercase; font-family: "Jost", sans-serif;}
.row-loop-cat-accessori {width:100%; padding:0px 10% 150px 10%; text-align:center;}

/* arredo legno */
.row-arredo-legno {width:100%; background-size:cover; background-position:center; background-attachment: fixed; display:flex; background-blend-mode: multiply; background-color:rgba(0, 0, 0, 0.6); position:relative;}
.txt-gallery {width:50%; padding:200px 10%; color:#fff; display:flex; align-items:center;}
.txt-gallery p {font-size:20px; line-height:24px;}

/* qualità */
.row-quality {width:100%; padding:200px 10%;}
.row-quality p {font-size:20px; line-height:24px;}

/* precisione */
.row-precisione {width:100%; padding:200px 10% 200px 40%; display: flex; justify-content: flex-end;}
.row-precisione p {font-size:20px; line-height:24px;}

/* Form contatti pagine interne */
.txt-contatti {width:50%; padding:250px 10%;}
.row-form-contatti {width:100%; background-color:#f5f5f5; display:flex; justify-content:space-between; align-items:center;}
.form-finestra {width:820px; height:980px; padding:250px 150px 200px 230px; background: url("images/finestra-form.png") no-repeat center right / 820px 980px;}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea {background: #ffffff; border: 1px solid #e15311; border-radius:0px; color: #e15311; margin:0px 0px 10px 0px;}
.form-finestra ::placeholder {color: #e15311; font-family: "Albert Sans", sans-serif;}
textarea {height:100px; color: #e15311; font-family: "Albert Sans", sans-serif;}
button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"]:hover, input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus {font-family: "Albert Sans", sans-serif; font-weight:300; background-color:#000; margin-top:20px;}
.legal {font-size:16px; line-height:18px; margin-top:30px;}


/* ------------------------------ CHI SIAMO ------------------------------ */
.bkg-header {height: calc(100vh - 143px); width:100%; position:absolute; z-index:0; background-size:cover; background-repeat:no-repeat; background-position:center;}
.row-ciclo {width:100%; text-align:center; padding:150px 5%;}
.icone-ciclo {display:flex; justify-content:center; column-gap:10px; margin-top:100px; flex-wrap:wrap;}
.box-step {margin-bottom:80px; display:flex; justify-content:center; flex-wrap:wrap; width:20%;}
.box-step h5 {width:100%; font-size:24px; line-height:26px; text-align:center; font-weight:300;}
.icon-step {width:200px; height:200px; background-color:#f0f0f0; display:flex; align-items:center; justify-content:center; border-radius:50%; margin-bottom:20px;}
.icon-step img {width:100px; height:100px;}
.icon-step img:hover {transform: scale(1.1); transition: .5s ease all;}
.arr-step {width:30px; height:37px; margin-top:70px;}
.arr-step img {width:30px; height:37px;}
.carosello-gallery {height:800px;}
.carosello-gallery .swiper {height:800px;}
.swiper-gallery-page .swiper-slide {width:500px; height:500px!important; background-position:center; background-size:cover; position:relative;}
.tit-prodotto-swipe {width:90%; position:absolute; bottom:0px; left:0px; color:#fff; text-transform:uppercase; font-size:24px; background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); padding:20px 5%;}
.tit-prodotto-swipe img {width:30px; height:30px; float:right;}
#metodo {background: url(images/sezione-serramento.jpg) no-repeat left center / 45% auto;}
.arr-gallery-vert {position:absolute; right:5%; top:50%; margin-top:-45px;}
.arr-prev-gallery-vert {width:45px; height:25px; background: url("images/freccia-up-slider.png") no-repeat center center / cover; margin-bottom:40px;}
.arr-next-gallery-vert {width:45px; height:25px; background: url("images/freccia-down-slider.png") no-repeat center center / cover;}



/* ------------------------------ PRODOTTI ------------------------------ */
h1.tit-prodotto {font-size:75px; line-height:78px; font-family: "Jost", sans-serif; text-transform:uppercase; font-weight:700; text-shadow: 0 0 6px #a1a1a1;}
.breadcrumbs {font-size:20px; line-height:24px; margin-top:50px;}
.row-desc-prodotto {width:100%; padding:100px 10%; text-align:center;}
.row-desc-prodotto h2 {font-size:50px; line-height:44px; text-transform:uppercase; font-family: "Jost", sans-serif; font-weight:700; margin-bottom:30px; color:#e15311;}
.row-desc-prodotto h3 {font-size:40px; line-height:42px; font-weight:500; font-family: "Jost", sans-serif; text-transform:none; margin-top:30px;}
.loop-tipologie {width:100%; padding:0px 10%;}
.blocco-tipologia-prod {width:100%; display:flex; justify-content: space-between; align-items:center; column-gap:10%; margin:10% 0px;}
.text-prod {font-size:18px; line-height:20px; width:45%;}
.img-prod {width:45%;}
.text-prod h4 {text-transform:uppercase; font-weight:500; margin-bottom:20px;}
.row-gallery {width:100%; padding:50px 10%; display:flex; justify-content:center; column-gap:2%; flex-wrap: wrap; row-gap:30px;}
.thumb-gallery {width:32%; background-size:cover; background-position:center; transition: opacity 0.3s ease; opacity: 1;}
.thumb-gallery:hover {opacity: 0.8;}
.row-finiture {width:100%; background-size:cover; background-position:center; background-attachment: fixed; display:flex; background-blend-mode: multiply; background-color:rgba(0, 0, 0, 0.6); position:relative;}
.swiper-gallery-finiture .swiper-slide {width:300px; height:300px!important; background-position:center; background-size:cover;}
.txt-gallery-finiture {width:60%; padding:200px 10%; color:#fff;}
.txt-gallery-finiture p {font-size:20px; line-height:24px;}
.subtit-italic {font-size:14px; line-height:16px; font-style: italic; text-transform:none!important; margin-top:5px;}


/* ------------------------------ ARCHIVIO PRODOTTI ------------------------------ */
.row-cataloghi {width:100%; padding:125px 10%; text-align:center; background: url("images/bkg-cataloghi-prodotti-altavalleserramenti.jpg") no-repeat center center / cover; color:#fff; background-attachment: fixed;}
.loop-cataloghi {width:100%; display:flex; justify-content:center; gap:30px; flex-wrap: wrap; margin-top:40px;}
.row-loop-categorie {width:100%; display:flex; justify-content:center; gap:100px 4%; padding:0px 10% 150px 10%; flex-wrap: wrap;}
.box-cat-archivio {width:48%;}
.thumb-cat-archivio {background-color:#000000; background-size:cover; background-position:center; transition: opacity 0.3s ease; opacity: 1;}
.thumb-cat-archivio:hover {opacity: 0.9;}
.icon-cat-archivio {position:absolute; bottom:20px; left:0px; width:180px; height:180px; border-radius:90px; background-color:rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.4); box-shadow: 0 0 5px 1px rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; background-size:cover; background-position:center; z-index:9;}
.icon-cat-archivio img {width:auto; height:140px;}

.loop-prodotti-arch {width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.tit-prodotti-arch {width:100%; font-size:30px; line-height:34px; font-weight:500; position:absolute; z-index:2; top:20px; color:#000; text-transform:none; font-family: "Albert Sans", sans-serif; padding-left:30px;}
.tit-prodotti-arch img {width:40px; height:22px;}
.tit-prodotti-back-arch {font-family: "Jost", sans-serif; text-transform:uppercase; font-weight:700; text-align:left; font-size:2vw;  line-height:2vw; color:#f2f1f1; position:relative; z-index:0;}
.box-prodotti-arch {width:30%;}


/* ------------------------------ FINITURE ------------------------------ */
.loop-finiture {width:100%; padding:50px 0px; display:flex; justify-content:space-evenly; flex-wrap:wrap; gap:50px 2%;}
.box-finitura {width:15%; text-align:center; margin-bottom:50px;}
.thumb-finitura {margin-bottom:30px;}
.thumb-finitura img {width:100%;}
.box-finitura h4 {font-size:22px; line-height:26px; font-weight: 500; text-transform: none; font-family: "Albert Sans", sans-serif;}


@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}




@media (max-width: 909px) {
    body {text-align:center; font-size:18px; line-height:22px;}
    .content-def {padding:50px 5%;}
    .content-def h1 {font-size:40px; line-height: 34px;}
	
	/* padding */
	.p-l-5 {padding-left:0%;}
	.p-r-5 {padding-right:0%;}
	.p-l-10 {padding-left:0%;}
	.p-r-10 {padding-right:0%;}
	
	/* width */
	.w10 {width:50%!important;}
	.w20 {width:50%!important;}
	.w30 {width:50%!important;}
	.w33 {width:50%!important;}
	.w40 {width:100%!important;}
	.w50 {width:100%!important;}
	.w60 {width:100%!important;}
	.w70 {width:100%!important;}
	.w80 {width:100%!important;}
	.w90 {width:100%!important;}
	.w100 {width:100%!important;}
    
    h3 {font-size:40px; line-height:34px;}
    h4 {font-size:24px; line-height:26px;}
    .parag-big {font-size:18px; line-height:22px;}
    
    /* TEXT-ALIGN */
    .align-left {text-align:center;}
    .align-right {text-align:center;}
    .align-justify {text-align:center;}
    
    /* ------------------------------ HEADER ------------------------------ */
    .btn-header {display:none;}
    .left-menu {width:100%;}
    .right-prodotti {display:none;}
    .row-header {padding:10px 5%;}
    .logo-header {width:50%;}
    .sub-menu {position:relative; margin:20px 0px 30px 0px!important; border:none; padding-top:20px!important;}
    .sub-menu::before {content: ""; position: absolute; top: 0; left:50%; margin-left:-20px; width:40px; height:2px; background-color:#e15311;}
    .overlay nav {padding:0px 5%!important; height:80%;}
    .logo-overlay-menu {margin-top:50px;}
    
    /* ------------------------------ FOOTER ------------------------------ */
    .row-main-footer {padding:50px 5%;}
    .col-info-footer {margin-bottom:50px; font-size:22px; line-height:24px; justify-content: center;}
    #logo-footer {order:1;}
    #address-footer {order:2;}
    #contatti-footer {order:3}
    
    
    /* ------------------------------ HOMEPAGE ------------------------------ */
    .row-txt-img {display:block;}
    .txt-left {width:100%; padding:50px 5%;}
    .txt-left p {font-size:18px; line-height:22px;}
    .img-right {background-attachment:scroll;}    
    .row-slider {height:auto; min-height:500px; } 
    .swiper-sliderhome {height:auto; min-height:500px;}
    .swiper-sliderhome .swiper-slide {height:auto; min-height:500px;}
    .over-slide {padding:40px; background-color: rgba(0, 0, 0, 0.3); min-width:auto;}
    .over-slide h1 {font-size:18px; line-height:22px;}
    .over-slide h2 {font-size:55px; line-height:58px;}
    .arrow-scroll img {width:27px; height:21px;}
    .bkg-header {height:auto; min-height:500px;}
    
    /* prodotti */
    .row-prodotti {padding:50px 5%; }
    .tit-prodotti-back {font-size:40px; line-height:34px;}
    .box-prodotti {width:48%; margin-bottom:50px;}
    
    
    /* qualità */
    .row-quality {padding:100px 5%;}
    .row-quality p {font-size:18px; line-height:22px;}
    .row-arredo-legno { background-attachment: scroll; display:block;}
    .txt-gallery {width:100%; padding:100px 5%; display: block;}
    .txt-gallery p {font-size:18px; line-height:22px;}
	
	/* ------------------------------ CHI SIAMO ------------------------------ */
	.row-ciclo {padding:80px 5%;}
	.icone-ciclo {margin-top:50px;}
	.box-step {width:40%; margin-bottom:0px; display:block;}
	.box-step h5 {font-size:22px; line-height:24px;}
	.icon-step {left:50%; margin-left:-100px; position:relative;}
	.arr-step {width:100%; height:37px; margin:30px 0px;}
	.arr-step img {width:30px; height:37px; transform:rotate(90deg)}
    .carosello-gallery {height:auto; padding:0px 5% 50px 5%;}
    .carosello-gallery .swiper {height:auto;}
    .swiper-gallery-page .swiper-slide {width:300px; height:300px!important;}
    .arr-gallery-vert {display:none;}

    /* precisione */
	.row-precisione {width:100%; padding:100px 5%;}
	.row-precisione p {font-size:18px; line-height:22px;}
 
    
    
    /* ------------------------------ PRODOTTI ------------------------------ */
    h1.tit-prodotto {font-size:55px; line-height:58px;}
    .breadcrumbs {font-size:18px; line-height:22px; margin-top:30px;}
    .row-desc-prodotto {padding:50px 5% 0px 5%;}
    .row-desc-prodotto h2 {font-size:30px; line-height:44px;}
    .row-desc-prodotto h3 {font-size:20px; line-height:22px;}
    .loop-tipologie {padding:0px 5%;}
    .blocco-tipologia-prod {display:block; margin:5% 0px;}
	.text-prod {font-size:18px; line-height:22px;}
    .text-prod {width:100%; margin-bottom:50px;}
    .img-prod {width:100%; margin-bottom:80px;}
    .row-gallery {padding:30px 5%;}
    .thumb-gallery {width:20%!important; margin:10px 0px;}
    .row-finiture {display:block; background-attachment:scroll;}
    .txt-gallery-finiture {width:100%; padding:50px 5%;}
    .tit-prodotti-accessori {font-size:20px; line-height:28px;;}
    
    /* Form contatti pagine interne */
    .txt-contatti {width:100%; padding:50px 5%;}
    .row-form-contatti {display:block;}
	
	/* ------------------------------ ARCHIVIO PRODOTTI ------------------------------ */
	.row-cataloghi {background-attachment:scroll;}
    .row-loop-categorie {display:block; padding:0px 5% 150px 5%;}
    .box-prodotti-arch {width:100%; margin:50px 0px;}
    .tit-prodotti-back-arch {font-size:30px; line-height:30px;}
    .box-cat-archivio {width:100%; margin:0px 0px 100px 0px;}
    
    /* ------------------------------ FINITURE ------------------------------ */
    .loop-finiture {padding:50px 5%; gap:0px 2%;}
    .box-finitura {width:30%;}
    .box-finitura h4 {font-size:18px; line-height:22px;}

	
}


@media (max-width: 767px) {
    body {font-size:16px; line-height:20px;}
    h3 {font-size:30px; line-height:30px;}
    
	/* width */
	.w10 {width:100%!important;}
	.w20 {width:100%!important;}
	.w30 {width:100%!important;}
	.w33 {width:100%!important;}
    .parag-big {font-size:16px; line-height:20px;}
    
    /* ------------------------------ HOMEPAGE ------------------------------ */
    .row-slider {height:auto; min-height:300px; } 
    .swiper-sliderhome {height:auto; min-height:300px;}
    .swiper-sliderhome .swiper-slide {height:auto; min-height:300px;}
    .over-slide {padding:30px;}
    .over-slide h1 {font-size:16px; line-height:20px;}
    .over-slide h2 {font-size:30px; line-height:30px;}
    /* prodotti */
    .box-prodotti {width:100%; margin-bottom:50px;}
    /* qualità */
    .row-quality p {font-size:16px; line-height:20px;}
	
	/* ------------------------------ CHI SIAMO ------------------------------ */
	.row-ciclo {padding:50px 5%;}
	.box-step {width:100%;}
	.box-step h5 {font-size:16px; line-height:20px;}
	
	.row-precisione p {font-size:16px; line-height:20px;}
    
     /* ------------------------------ PRODOTTI ------------------------------ */
    h1.tit-prodotto {font-size:35px; line-height:38px;}
    .row-desc-prodotto h2 {font-size:24px; line-height:20px;}
    .row-desc-prodotto h3 {font-size:20px; line-height:24px;}
    .row-gallery {}
    .thumb-gallery {width:100%!important; height:350px;}
    .text-prod {font-size:16px; line-height:20px;}
    
    /* Form contatti pagine interne */
    .form-finestra {width:100%; height:auto; padding:50px 5%; background:none;}
    .legal {font-size:14px; line-height:16px;}
    
    /* ------------------------------ FINITURE ------------------------------ */
    .box-finitura {width:45%;}
	
}


@media (max-width: 480px) {

}