@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
/*   CSS PER COOKIE   */
#cookieChoiceInfo{font-size:15px; font-weight:bold; margin:0 auto; padding:15px 0; text-align:center; width:100%; z-index:9999999999; background-color:#000; color:#fff; font-family:inherit; border-top:1px solid #0c3f66; position:fixed; bottom:0px;}
#cookieChoiceInfo a{color:#fff; cursor:pointer; display:inline-block; padding:5px 10px 6px; position:relative; text-decoration:underline;}
#cookieChoiceDismiss{background-color:#fff; font-size:15px; font-weight:bold; line-height:1; color:#000 !important; cursor:pointer; display:inline-block; margin:auto 0px; padding:10px 30px 13px 30px !important; position:relative; text-decoration:none !important;}
#cookieChoiceDismiss:hover{background-color:#ccc; color:#000 !important; }

/*   CSS GENERICI   */

*{box-sizing:border-box;}
input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.invia-form, a{transition:all 0.3s ease;}
input, textarea, input[type="submit"]{border-radius:0px;}
/*   CSS GENERICI   */
a,img,h1,h2,h3,h4,h5,h6{font-family: 'Montserrat', sans-serif; margin:0px; padding:0px; border:0px; text-decoration:none; font-weight:normal;}
body{padding:0px 0px 0px 0px; margin:0px; font-family: 'Montserrat', sans-serif; font-size:100%; color:#222222; background:#fff;}
hr{border:0px; border-top:1px solid #A0A0A0; width:160px; margin:30px auto;}
.pagina-404{text-align:center; padding:80px 0;}
.pagina-404 a{color:#dc0000;}
.pagina-404 img{max-width:100%}
.gallery a{cursor:zoom-in;}
.grecaptcha-badge {display: none;}

/*    CSS MENU TOP    */
.logo{float:left;  max-width: calc(100% - 92px); width:117px; margin:10px; }
header nav{padding:0px !important; }

.popup{background:rgba(0,0,0,0.7); width:100%; height:100vh; position: fixed; top:0px; left:0px; display:none; z-index: 99999999999999999999; transition:all 0.6s ease;}
.con-pop a img{float:right; margin-bottom:5px;}
.con-pop{width:90%; max-width:600px; margin:auto; margin-top:10vh;}

@media screen and (min-width:1316px){ 
    .logo{margin-left:159px;}
    .cta-header{float: right; margin-left: 20px;}
    header {width: 100%; border-bottom:1px solid #2217F9;}
    #mostraporte, #mostramobile{display:none;}
    header nav ul{list-style:none; float:left; margin:0px; display:cover; float:right;  padding-top: 15px;}
    header nav ul li{display:inline-block; margin-left:0px; vertical-align: middle;}
    header nav ul li a{color:#161b58; padding:24px 4px 24px 4px; margin:0 8px; display:block; cursor:pointer;  font-weight:400; font-size:1em; }
    header nav ul li a:hover{color:#9093ba;}
    #nav-mobile{width:calc(100% - 310px); text-align:right;}
    header nav ul li ul li{display:block; }
    header nav li ul{display:none;margin:0;padding:0}
    ul{ color:#000;line-height:20px;}
    ul ul a{padding-top:5px;}
    header nav li:hover ul{display:block; padding:3px 20px 3px 20px; margin:-2px 0 0 -2px; text-align:left; position:absolute; background:#fff; border-radius:20px; z-index:9999; min-width:260px; box-shadow:7px 7px 20px #ccc;}
    header nav li ul a{border-top: 1px dashed #6eecf0; font-size:0.8em; margin:0px; padding:15px 5px; min-width:140px; color:#2c3280; border-bottom:0px; text-transform:uppercase;}
    
    #ul-arredamento{padding:0 20px 20px 20px;}
    #ul-arredamento div:first-of-type{margin-right: 30px; padding-right: 5px;}
    #ul-soluzioni, #ul-servizi, #ul-pareti, #ul-soluzioni, #ul-metallici{padding:0 20px 10px 20px}
    header nav li ul li:first-of-type a{border-top:0px;}
    header nav li ul a:hover{color:#757575;  border-bottom:0px;}
    header nav li ul div{float:left; width:220px; padding:5px 5px 0 5px;}
    .big-menu{margin-left:-60px !important;}
    .subm{background:url(../img/arrow-down.png) right center no-repeat; padding-right:11px;}
    .btn-to-shop{background: #198c0d url(../img/ico-shop.png) center right no-repeat; padding:13px 68px 13px 20px; border:1px solid #fff; }
    .btn-to-shop:hover{background-color:#166c0d;}
    
    header nav.contenitore{display: flex; align-items: center; justify-content: center; padding:10px 0 !important;}
            header nav ul.menu-left, header nav ul.menu-right{float:none; padding-left:0px; height:94px;}
            .logo-centrato{padding:0 50px 0;}
}

/*  CSS GALLERIA IMMAGINI */
/* Pulsanti filtro */
.filters {
    text-align: center;
    margin-bottom: 20px;
}

.filter-button {
    display: inline-block;
    padding: 10px 20px;
    margin: 5px;
    font-size: 1em;
    cursor: pointer;
    border: none;
    background: #000000;
    color: white;
    border-radius: 5px;
    transition: background 0.3s;
}

.filter-button:hover {
    background: #1911b4;
}

.filter-button.active {
    background: #1911b4;
}

/* Galleria masonry */
.masonry {
    column-count: 4;
    column-gap: 15px;
}

.masonry-item {
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}

.masonry img {
    width: 100%;
    border-radius: 5px;
}

/* Responsività */
@media (max-width: 992px) {
    .masonry {
        column-count: 3;
    }
}

@media (max-width: 768px) {
    .masonry {
        column-count: 2;
    }
}

@media (max-width: 576px) {
    .masonry {
        column-count: 2;
    }
}

/*  CSS GRIGLIA    */

.contenitore{width:96%; max-width:1400px; margin:auto;}
.cont-sm{width:93%; max-width:1000px; margin:auto;}
.cont-md{width:93%; max-width:1100px; margin:auto;}
.cont-xs{width:93%; max-width: 900px; margin: auto;}
.cont-xxs{width:93%; max-width: 800px; margin: auto;}
.box-mezzo{width:50%;  float:left; padding:15px;}
.box-terzo{width:calc(100%/3); padding:15px; float:left;}
.box-dueterzi{width:calc(100%/3 *2); padding:15px; float:left;}
.box-quarto{width:25%; padding:15px; float:left;}
.box-quinto{width:20%; padding:15px; float:left;}
.box-quattroquinti{width:80%; float:left;}
.box-sesto{width:calc(100%/6); padding:15px; float:left;}
.box-settimo{width:calc(100%/7); padding:10px; float:left;}

.due-terzi{width:calc(100% / 3 * 2);float:left;}
.un-terzo{width:calc(100% / 3);float:left;}

.quattro-quinti{width:calc(80%);float:left;}
.margine-big{margin:105px auto 90px;}
.top-nom{margin-top:30px;}

p a{color:#000;}
p a:hover{color:#000; text-decoration:underline;}
/*  GESTIONE FONT   */

h1{font-size:3.5em; font-weight:400; padding:0 0 10px 0; color:#1911b4; font-family: 'Montserrat'; line-height:1em;}
h2{font-size:2.625em; font-weight:400; padding:0; color:#1911b4; font-family: 'Montserrat'; line-height:1.2em; text-align:center;}
h3{font-size:1.563em; font-weight:400; padding:0 0 0px 0; color:#000000; font-family: 'Montserrat'; line-height:1.2em; text-align:center;}
h4{font-size:1.6em; font-weight:400; padding:0; color:#000; font-family: 'Montserrat', sans-serif; line-height:1em; text-transform:uppercase;}
h5{font-size:1.4em; font-weight:400; padding:0 0 20px 0; color:#000000; font-family: 'Montserrat', sans-serif; line-height:1.2em;}
h6{font-size:1.250em; font-weight:500; padding:0; margin:0px; color:#000; font-family: 'Montserrat', sans-serif; line-height:1.2em; text-transform:uppercase;}
p{font-size:1.125em; font-family: 'Montserrat', sans-serif; font-weight:400; line-height:1.3em; color:#000000;}
.cont-sm ul{font-size:1.125em; font-family: 'Montserrat', sans-serif; font-weight:400; line-height:1.3em; color:#636363; padding-left:23px;}
.cont-sm ul li{margin-bottom:7px;}


/*  CSS FORM CONTATTI   */
.formhome{background:url(../img/bg-form.jpg) center center no-repeat; padding:80px 20px; margin-top:20px;}
.formhome form{max-width:850px; margin:auto}


.inputText_contatti{font-size:1em; border:0px; border-radius: 14px; background-color: rgb(238, 249, 254); color:#000; padding:17px 20px; width:100%; margin-bottom:14px; font-family: 'Montserrat', sans-serif; }
.inputText_contatti2{font-size:1em; border:0px; border-radius: 14px; background-color: rgb(238, 249, 254); color:#000; padding:17px 20px; width:100%; resize:none; height:160px; font-family: 'Montserrat', sans-serif; margin-bottom:20px; }
::placeholder{color:#000; opacity:0.7;}
.inputleft{float:left; width:calc(50% - 7px);}
.inputright{float:right; width:calc(50% - 7px);}
.invia-form{border-radius:50px !important; background:#1911b4 url(../img/invia.png) right center no-repeat; border:0px; color:#fff; padding:15px 90px 15px 50px;font-family: 'Montserrat', sans-serif; font-size:1.3em; cursor:pointer; font-weight:500; margin:auto; display:table; margin-top:15px; max-width: 100%;}

.invia-form:hover{background:#42a9d7 url(../img/invia.png) right center no-repeat; color:#fff;}
.privacyacc{color:#000; font-size:0.9em;}
.privacyacc:hover{text-decoration:underline;}
.antispam span{display:block; float:left; text-align:right; width:46%; }
.antispam input{width:50%; float:right;}
.cont-ok{margin:100px 50px; font-size:50px; color:green; text-align:center; font-weight:bold;}
.cont-ko{margin:100px 50px; font-size:50px; color:red; text-align:center; font-weight:bold;}
textarea{font-family: 'Montserrat', sans-serif;}

.text-pre-form{text-align: center; margin-bottom: 40px;}
.text-pre-form p{font-size: 1.3em; margin:0px;}
.telform {background:url(../img/ico-tel-form.png) left center no-repeat; color:#1c6722; font-size:4em; font-weight:800; display:table; padding: 8px 0 8px 90px; margin: 15px auto;}
.telform:hover{color:#368228;}


.btn-laterale{background:#666; color:#fff; padding:17px 50px 17px 80px; position:fixed; right:0px; top:350px; transform:rotate(-90deg); font-weight:700; margin-right:-146px; border:2px solid #fff; font-size:1.1em; cursor:pointer;}
.btn-laterale:hover{background:#c00a05 ;}


.cont-briciole .briciole{list-style:none; margin:0;  padding:0 0 10px 0px; font-size:0.8em; color:#a3a3a3; text-align:left;}
.briciole li{display:inline;}
.briciole li a{color:#a3a3a3;}
.briciole li a:hover{color:#8a8a8a;}
.pg-interne{margin-bottom:80px;}
.si-mobile{display:none;}
#btnpro02{display:none;}
#btnriv02{display:none;}
/* FRECCE PER MENU */
.ico-arrow.black{position:absolute; right:20px; margin: 0px; margin-top:1px; box-sizing: border-box; background: url('../img/down-arrow-black.svg'); height: 20px; width: 20px; background-repeat: no-repeat; }
a:hover .ico-arrow.black{position:absolute; right:20px; margin: 0px; margin-top:1px; box-sizing: border-box; background: url('../img/down-arrow-black.svg'); height: 20px; width: 20px; background-repeat: no-repeat; }
.ico-arrow.white{position:absolute; right:20px; margin: 0px; margin-top:1px;box-sizing: border-box; background: url('../img/down-arrow-white.svg'); height: 25px; width: 25px; background-repeat: no-repeat; }
.ico-arrow.black.left{position:absolute; right:20px; margin: 0px; margin-top:1px; box-sizing: border-box; background: url('../img/left-arrow-black.svg'); height: 25px; width: 25px; background-repeat: no-repeat; }
.ico-arrow.white.left{position:absolute; right:20px; margin: 0px; margin-top:-2px; box-sizing: border-box; background: url('../img/left-arrow-white.svg'); height: 25px; width: 25px; background-repeat: no-repeat; }


/* MEGA MENU */
.megamenu{ width:100%;  margin:auto; position: fixed; top:90px; z-index: 999; display:none;}
.megamenu .contenitore{background:#fff; padding:15px 5px; box-shadow: 0px 6px 5px 0 rgba(0, 0, 0, 0.3);  padding:10px 20px;}
.megamenu a.col-quarto{width:calc(100% / 7); padding:0 5px; margin:0px; font-size:13px; text-transform:uppercase; margin-bottom:5px;}

.megamenu .box-quinto img{display:table; margin:20px auto 25px auto; max-width:80%;}
.megamenu .box-quinto{text-align:center; border:1px solid #fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.megamenu p{margin:15px 0 20px 0; padding:0px; font-size:1.5em; text-transform:uppercase;}
.megamenu p a:hover{text-decoration:none;}
.megamenu a.box-quinto{color:#000;}

.megamenu .box-quinto:nth-child(6),.megamenu .box-quinto:nth-child(11){border-right:1px solid #fff;}
.megamenu .box-quinto:nth-child(n+7){border-bottom:2px solid #fff ;}

#btn-top, .barramobile{display:none;}
.btn-top{width:110px; position:fixed; right:0px; bottom:70px; z-index:999; opacity:0.6; transition:all 0.3s ease;}
.btn-top:hover{opacity:1;}
#btn-01, #btn-02{display:none;}
/* CUSTOM */
.contenitore ul{line-height: 25px;}
.pg-home h1{font-size:2.5em;}
.home-mobile{display:none;}
.testata-home {padding-top: 30px;}
.title-home {float: left;max-width: 50%;padding: 80px 50px 0 150px;}
.pg-home .testata-home{background:url(../img/bg-home.jpg) center center/cover; padding:190px 10px 80px; margin-bottom:80px;}
.foto-dx{float:right; max-width:50%;}
.pg-home .title-home{max-width: 650px;padding: 20px 25px 36px;background:rgba(255,255,255,0.8); border:1px solid #fff; float:none;}

.par-big{color:#3976df; font-size:1.875em; font-weight:bold; padding:0px; margin:0px;}
.par-intro{font-size:1.250em; margin-bottom:20px;}
.pg-home .par-intro{margin-bottom:50px;}
.bottom-full{font-size:0.938em; background:#1911b4; color:#fff; border-radius:25px; padding:13px 35px; font-weight:600;}
.bottom-full:hover{background:#42a9d7; }
.bottom-full-big{font-size:1.1em; background:#1911b4; color:#fff; border-radius:35px; padding:22px 90px; font-weight:500; margin-top:30px; display:table;}
.bottom-full-big:hover{background:#42a9d7; }
.bottom-clear{font-size:0.938em;  color:#000000; border-radius:25px; padding:13px 25px; font-weight:600;} 
.bottom-clear:hover{text-decoration:underline;}
.par-centrato{font-size:1.250em; color:#323232; max-width:850px; padding:0 20px; margin:auto; text-align:center; line-height:1.3em; margin-top:20px;}

.cont-trasporto{background:url(../img/bg-trasporto.png) center center / contain; background-repeat:no-repeat; max-width:1200px; padding:20px; margin:80px auto;}

.box-trasporto{width:33%; text-align:center;}
.box-trasporto img{margin:auto; max-width:100%; margin-bottom:30px;}
.trasp-01{margin:auto;}
.trasp-02{float:left;}
.trasp-03{float:right;}
.fascia-trasporto{background-size:100%; padding-bottom:100px;}

.fascia-perche img, .realizzazioni img{max-width:95%; margin:0 auto 10px; display:block;}
.fascia-perche .box-quarto p{text-align:center;}
.fascia-perche .par-centrato{margin-bottom:30px;}
.fascia-perche{max-width:1700px; margin:0 auto 180px;}
.realizzazioni .box-quarto {padding: 0px !important;}
.foto-metodo{float:left; max-width:50%;}
.txt-metodo{float:right; width:50%; margin-top:130px;}
.txt-metodo div{padding:20px; max-width: 730px; margin-bottom:20px;}
.bg-azzurro{background:#1911b4;}
.bg-azzurro p, .bg-azzurro h4{color:#fff;}
.btn-big-center{font-size:1.250em; background:#1911b4; color:#fff; border-radius:45px; padding:22px 100px; font-weight:600; margin:auto; display:table; margin-bottom:120px;}

.metodo-interna .btn-big-center{font-size:1.250em; background:#1911b4; color:#fff; border-radius:45px; padding:15px 40px; line-height:1.1em; font-weight:400; margin:auto; display:table; margin-top:30px; margin-bottom:120px; text-align:center;}
.btn-big-center:hover{background:#42a9d7;}
.fascia-onda{ padding-top:40px; padding-bottom:150px;}
.fascia-onda  h2{margin-bottom:90px;}
.fascia-onda div.box-mezzo{padding-top:100px; padding-left:30px;}
.fascia-onda img.box-mezzo{padding:0 40px 0 0;}
.fascia-onda div.box-mezzo h4{font-size:1.875em; margin-bottom:40px; line-height:1.2em;}
.fascia-onda div.box-mezzo p{margin-bottom:40px; font-size:1.250em;}
.fascia-onda div.box-mezzo img{float:left;}
.fascia-onda div.box-mezzo a{font-size:1em; background:#1911b4; color:#fff; border-radius:25px;padding: 15px 43px; font-weight:500; margin: 43px 0 0 30px; float:left;}
.fascia-onda div.box-mezzo a:hover{background:#42a9d7;}
.carusel{padding:90px 0 0 0px;}
.carusel div img{padding:5px; width:100%; margin-bottom:10px;}
.carusel div h5{text-align:center; }
.carusel-p{padding:90px 0px 0 0px;}
.carusel-p div img{padding:5px; width:100%; margin-bottom:10px;}
.carusel-p div h5{text-align:center; }

.dicono-noi{margin-top:160px;}
.dicono-noi h2{margin-bottom:70px;}
.cont-rec{padding:20px 20px 40px 20px; }
.box-recensione {
  border-radius: 34px;
  background-color: #fff;
  box-shadow: 0px 2px 15px 2.16px rgba(0, 0, 0, 0.08);
  padding:70px 35px;
}
.box-recensione p{min-height:150px;}

.con-form h5{text-align:center; margin-bottom:20px; margin-top:2px;}
.con-form{border-radius: 34px; background-color: rgb(255, 255, 255);box-shadow: 0px 2px 21.84px 2.16px rgba(0, 0, 0, 0.08); padding:50px 30px;}
.txt-form{padding:150px 70px 0 30px;}

footer{background:#1911b4; padding-top:50px; margin-top:30px;}
footer .box-quarto{margin-bottom:60px; border-right:1px solid #eef9fe; padding: 15px 30px; min-height:350px;}
footer .box-quarto.ultimo-box{border-right:0px;}
footer .ultimo-box h6{margin-bottom:20px; color:#fff;}
footer .ultimo-box  img{margin-right:8px;}
footer p{font-size:1em; color:#fff;}
footer p a, footer p a:hover{color:#fff;}
footer h6{margin-top:20px; color:#fff;}
footer h6 a{color:#fff;font-weight: 500;}
footer ul{list-style:none; padding:0px;}
footer ul a{color:#fff; font-size:1em; }
footer ul li{padding:3px 0 3px 0px;}
.firma a, .firma a:hover{color:#000;}
.firma{background:#fff; padding:20px 20px; color:#000; text-align: center; margin:0px; font-size:1em;}
.det-prodotto{margin-top:50px; margin-bottom:120px;}

/* PAGINA PRODOTTO */
.pg-prodotto .title-home .box-terzo {margin-bottom:20px;}
.pg-prodotto .title-home .box-terzo img{display:table; margin:auto;}
.pg-prodotto .title-home .box-terzo h4{text-align:center; text-transform:none; font-size:1.1em; line-height:1.2em; font-weight:600; margin:25px 0 15px;}
.pg-prodotto .title-home .box-terzo.secondo-box{border-left:1px solid #159fda; border-right:1px solid #159fda;}
.pg-prodotto .foto-dx{float: left;width:45%; margin-left:3%; margin-top: 50px;}
.pg-prodotto .testata-home{margin-bottom:130px;}
.trasporto-aereo{background:url(../img/trasporto-aereo.png) left center no-repeat; background-size:124px; padding:40px 0 40px 160px; margin-bottom:20px;}
.trasporto-navale{background:url(../img/trasporto-navale.png) left center no-repeat; background-size:124px; padding:40px 0 40px 160px; margin-bottom:20px;}
.trasporto-gomma{background:url(../img/trasporto-su-gomma.png) left center no-repeat; background-size:124px; padding:40px 0 40px 160px;}
.trasporto-aereo h3, .trasporto-navale h3, .trasporto-gomma h3{text-align:left; font-size:1.375em; margin-bottom:5px;}
.trasporto-aereo p, .trasporto-navale p, .trasporto-gomma p{margin:0px;}
.det-prodotto .box-mezzo:nth-child(1){padding-right:40px; }
.det-prodotto .box-mezzo:nth-child(1) p{text-align:justify;}
.det-prodotto .box-mezzo:nth-child(2){padding-left:40px;}
.det-prodotto .box-mezzo:nth-child(2) p{font-size:1em;}
.det-prodotto ul{font-size: 1.125em; line-height: 1.8em;}
.metodo-interna{padding-top: 30px;background-position: top center; padding-bottom: 100px;}
.metodo-interna h2{margin-bottom:60px;}
.metodo-interna p{font-size:1em;}
.metodo-interna .box-terzo h4{font-size:1.563em; padding-top:25px;}
.metodo-interna .box-terzo:nth-child(2) h4{padding-top:0px;}
.metodo-interna .due-terzi h2{text-align:left; margin-bottom:0px; margin-top:100px;}
.metodo-interna .due-terzi  p{padding-right:60px;}
.fitok-interna{background:url(../img/bg-certificato.png) center center no-repeat; text-align:center; padding:80px;}



.box-accessorio{display:flex;   align-items: center; justify-content: center; margin-bottom:50px;}
.box-accessorio .due-terzi{padding-left:50px;}
.form-interno{margin:auto; width:70%; float:none;}
.form-bar{display:none;}
@media screen and (max-width:1820px){  
    .pg-home h1 br{display:none;}
    .title-home { float: left; max-width: 50%; padding: 80px 50px 0 61px;}
    .logo{margin-left:70px;}
    .par-intro {font-size: 1.150em; margin-bottom: 40px;}
    .par-intro-bs {font-size: 1.150em; margin-bottom: 0px;}
}
@media screen and (max-width:1450px){ 
    .pg-home h1 {font-size: 2.4em;}
    .par-big {font-size: 1.6em;}
    .foto-metodo{display:none;}
    .metodo-interna .box-terzo{float: none; width: 100%;}
    .txt-metodo{float: none; width: 100%; margin-top: 60px;}
    .metodo-interna .contenitore, .txt-metodo div{margin: auto;max-width: 730px;}
    .metodo-interna .contenitore.box-accessorio{max-width: 100%}
    .metodo-interna .contenitore.box-accessorio .box-terzo {width: calc(100%/3); float:left;}
    .metodo-interna .contenitore.box-accessorio .due-terzi{margin-bottom:40px;}
    .txt-form {padding: 10px 30px 20px 30px;width: 90%;float: none;margin: auto;max-width: 800px;}
    .con-form{margin: auto; float: none; width: 100%; max-width: 900px;}
}
@media screen and (max-width:1315px){  
    
    header{padding-bottom:10px;width:100%; border-bottom:1px solid #2217F9;}
     /* CSS MENU MOBILE  */
    #no-mobile2, #no-mobile{display:none !important;}        
    #mostraporte span, #mostramobile span{background: url('../img/left-arrow-black.svg'); height:20px; width:20px; display:block; position: absolute; right: 20px; margin-top:-19px;}
    #nascondiporte span, #nascondimobile span{background: url('../img/down-arrow-black.svg');  height:20px; width:20px; display:block; position: absolute; right: 20px; margin-top:-16px;}
    .link-veloci{display:none;}
    header nav.contenitore{padding: 0 35px 10px !important; margin:0px; width:100%;}
    nav #nav-mobile{overflow: auto; max-height: calc(100vh - 90px); list-style:none; padding:0px; margin:0px; width:100%; display:none;  box-shadow:7px 7px 20px #ccc; position:fixed; top:74px; right:20px; z-index:9999; border-radius:20px; background:#fff; max-width:350px; width:calc(100% - 40px)}
    .cta-header{display:none;}
    nav #nav-mobile li{display:block; width:100%; margin:0px; padding:0px;}
    nav #nav-mobile li a{display:block; background:#fff; color:#000; padding:15px 25px; width:100%; border-top: 1px dashed #6eecf0; margin:0px; font-size:0.9em; border-bottom:0px; font-weight:600; text-align:left; color: #757575;}
    nav #nav-mobile li:first-of-type a {border-top: 0px;}
    nav #nav-mobile ul li:first-of-type a{border-top: 1px dashed #6eecf0;}
    nav #nav-mobile li ul{display:none; padding:0px;}
    nav #nav-mobile li ul li a{background:#f9f9f9; color:#000; font-weight:normal;}
    #btn-01, #btn-02{ width: 61px;padding: 0; display:none; position: fixed;top: 0px; right: 0px; z-index:9999;}
    #btn-01{display:block;} 
    .header-top {padding-top: 15px;}
    .no-mobile{display:none !important;}
    .si-mobile{display:block;}
    .logo{margin: 6px 0 0 70px;}
    .fatfooter .box-quarto{width:50%; min-height: 320px;}
    .big-menu li b{display:block; color:#fff; }
    header nav.contenitore{padding:0 0px 10px 35px !important}
    #ul-prodotti .contenitore{width:100%;  background:#fff; padding-top:15px;}
    #ul-prodotti p{display:none}
    nav #nav-mobile li a.box-quinto{text-align:center; width:calc(100%/5); font-size: 0.8em; background:#fff; border-bottom:0px; margin-bottom:15px;}
    nav #nav-mobile li a.box-quinto:hover{color:#000;}
    nav #nav-mobile li a.box-quinto img{width:100%; margin-bottom:5px}
    nav #nav-mobile li a.btn-to-shop {background: #198c0d url(../img/ico-shop.png) center right no-repeat; color:#fff;}
    
    footer .box-quarto {width: 50%;}
    footer .box-quarto:nth-child(2){border-right:0px;}
    #btn-top{display:none !important;}
    .due-terzi { width: 100%; float:none;}
    .fitok-interna{background:none;}
    .metodo-interna .btn-big-center{margin-bottom: 60px;}
    .metodo-interna{padding-bottom: 30px;}
    .fitok-interna{padding: 30px 50px;}
    .formhome{padding: 30px 20px; margin-top: 0px;}
    .link-macro-mobile .subm{width:70% !important; float:left;}
    #item-prodotti{width: 30% !important; float:right !important; background:none !important; display:block; height:47px;}
    .link-macro-mobile{border-top: 1px dashed #6eecf0;}
    .link-macro-mobile a{border:0px !important;}
    .pulizia-mobile{clear:both;}
}  
@media screen and (max-width:1150px){  
    .title-home {float: none; max-width: 80%;}
    .pg-home h1 br{display:inline;}
    .pg-home .foto-dx{display:none;}
    .pg-home .title-home{max-width: 80%;}
    
    .par-big {font-size: 2.2em;}
    h2 {font-size: 2.3em;}
}
@media screen and (max-width:1100px){  
    .fascia-perche{margin: 0 auto 90px;}
    .title-home {max-width: 100%;}
    .pg-home h1 br{display:none;}
    .box-quarto {width: 50%; padding: 15px 30px;}
    .fascia-onda img.box-mezzo {padding: 0 0px 0 0;width: 30%;}
    .fascia-onda div.box-mezzo {padding-top: 0px;padding-left: 30px; width: 70%;}
    .pg-prodotto .foto-dx { float: none;width: 94%;margin-left: 3%;margin-top: 60px;max-width: 100%;}
    .det-prodotto .box-mezzo{width:100%;}
    .det-prodotto .box-mezzo:nth-child(1) {padding-right: 20px;}
    .box-accessorio {display: block;}
    .metodo-interna .contenitore.box-accessorio .box-terzo {width: auto;float: none;max-width: 380px;}
    .box-accessorio .due-terzi {padding-left: 0px;}
}
@media screen and (max-width:860px){    
    .contenitore .box-mezzo{width:100%;}
    .box-trasporto {width: 90%; margin:auto; float:none; margin-bottom:60px;}
    .cont-trasporto{background:none;}
    .box-trasporto img{max-width:85%;}
    h2{font-size: 1.8em; max-width: 90%; margin: auto;}
    .btn-big-center{padding: 22px 40px;}
    .carusel-p h5{font-size:1em;}
    .txt-form {padding: 10px 0px 20px 0px;}
    h1 {font-size: 2.1em;}
    .pg-prodotto .title-home .box-terzo h4 br{display:none;}
    p {font-size: 1em !important;}
    .metodo-interna .due-terzi p { padding-right: 30px;padding-left: 30px;}
    .metodo-interna .contenitore.box-accessorio .due-terzi p{padding:0px;}
    .pg-home .testata-home{padding: 310px 0 0 0;
margin-bottom: 80px;
background-size: contain;
background-repeat: no-repeat;
background-position: top center;}
    .pg-home .title-home {
  max-width: 100%;
}
}
@media screen and (max-width:700px){ 
    .home-mobile{display:block;}
    .pg-home .testata-home{padding: 25px 0 0 0; background:none}
    .firma{padding-bottom:80px;}
    .title-home{padding: 50px 30px 0 30px;}
    .logo{margin-left:35px;}
    .par-big {font-size: 2em;margin-top: 4px;}
    .fascia-trasporto{padding-bottom:10px;}
    .box-quarto {width: 100%; padding: 15px 30px;}
    .fascia-onda img.box-mezzo{display:none;}
    .fascia-onda div.box-mezzo {width: 100%;}
    .fascia-onda{padding-bottom: 100px;}
    .inputright, .inputleft {float: none; width: 100%;}
    .controlspam{margin-top: 20px;}
    .bottom-full-big{padding: 22px 40px;}
    .carusel .slick-dots li {width: 15px !important;}
    .carusel .slick-dots li button { width: 15px !important;}
    .carusel{padding-top:40px;}
    .det-prodotto {margin-bottom:50px;}
    
    .form-bar {
  display: block;
  height: 54px;
  position: fixed;
  background-color: #0073AA;
  width: 100%;
  bottom: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  color: white !important;
  box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
  z-index: 60;
}
    .form-bar .box-mezzo {
  width: 50%;
  float: left;
  padding: 0px !important;
}
    .contattaci-bar {
        background-color: #55CD6C;}
    .form-bar a {
  color: white !important;
  font-size: 14px;
  display: block;
  padding: 11px 0 0px !important;
width: 100%;
font-weight: bold;
line-height: 17px;
}
    .chiamaci-mobile {
        background-color: #0073AA;}
    
}
@media screen and (max-width:610px){  
    footer .box-quarto {width: 100%; border-right:0px; border-bottom:1px solid #fff; min-height:auto; margin-bottom: 0px;}
    footer .box-quarto.ultimo-box{margin-bottom:60px; border-bottom:0px;}
    .pg-prodotto .title-home .box-terzo img{max-width: 60%;}
    .pg-prodotto .title-home .box-terzo h4{font-size: 0.8em;}
    
}
@media screen and (max-width:550px){    
    .title-home .bottom-full, .title-home .bottom-clear{display:none;}
    .pg-home h1 {font-size: 2em;}
    .pg-home .par-intro{margin-bottom:0px;}
}
    
@media screen and (min-width:1316px){
    #btn-01, #btn-02{display:none !important;}
    nav #nav-mobile{display:block !important;}
} 
.spztop{margin-top:90px;}
.spzbottom{margin-bottom:90px;}
.pulizia{clear:both;}
.nontivedo{display:none;}