@charset "UTF-8";
/* CSS Document */

/* reset form */


/* reset ************************************************************************************************************************************************/
html *{box-sizing:border-box;outline:none}
body{margin:0;padding:0;font-size:1.1em;line-height:1.1em;color:#000;background-color:#fff;font-family: 'Montserrat',sans-serif;letter-spacing:0.2px;}
ul, ol {margin:0;padding:0;list-style:none}
img, a{border:0}
a{color:#000;text-decoration:underline}
a:hover{text-decoration:underline}
img{width: 100%;height:auto;float: none;}
p{padding-top:2%;margin:0;}
ul{margin-top:2%}
ol li {display:inline-block;width:100%;}
input{height:15px}
label{vertical-align:middle}
input, textarea, select{border:none;padding:1%; background: #000; border: 0;border-radius: 0;background-color: #ebebec;vertical-align:middle}
input:focus, select:focus, textarea:focus{ color:#000; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:none;background-color:#f5f4f3}


/* preset */
.row{width:100%;float:left;}
.rowMin{width:100%;padding-left:7.5%;padding-right:7.5%;float:left;}
.rowLight{width:100%;padding-left:3%;padding-right:3%;float:left;}
.w50{width:50%;float:left;}
.w100{width:100%!important;}
.floatR{float:right;}
.marginT{margin-top:2%}
.marginTT{margin-top:4%}
.marginSuperT{margin-top:10%}
.marginB{margin-bottom:2%;}
.marginBB{margin-bottom:4%}
.bold, b, strong{font-weight:700}
.fadeimg {visibility: hidden}
.pRelative{position:relative}
.negT{position:absolute;top:-120px;}
.displayNo{display:none}

.chi-siamo .intervistmobil {display: none!important;}
.contentVideo { width: 50%!important; margin-top:60px!important; float: left!important; margin-left:23%!important}
.mobile {display: none;}
.desktop {display: block;}

/* iubenda ************************************************************************************************************************************************/

.Frase {
  font-size: 20px;
  width: auto;
  max-width: 1400px;
  margin: 0 auto;
  font-weight: 600;
  line-height: 30px;
  background-color: #f09a04;
padding: 20px 180px;
margin-bottom: 30px;
}

.iubenda_fluid_policy.iubenda_embed_policy{text-align: left!important;}
.iubenda_fluid_policy.iubenda_embed_policy .one_line_col h2{font-size: 20px!important;
font-weight: 600!important;background: #eaeaea;margin-top: 4% !important;
padding: 8px;margin-bottom: 3%!important;}

 h2#purposes_data {
  font-size: 20px!important;
  font-weight: 400!important;
  letter-spacing: 1px!important;
  border-bottom: 1px solid #c8c4c4!important;
  padding-bottom: 12px!important;margin-bottom: 20px!important;text-align: left!important;
}

h2#opt_out {
  font-size: 20px!important;
font-weight: 600!important;background: #eaeaea;margin-top: 4% !important;
padding: 8px;margin-bottom: 3%!important;
}
h2#contact_information {
  font-size: 20px!important;
font-weight: 600!important;background: #eaeaea;margin-top: 4% !important;
padding: 8px;margin-bottom: 3%!important;
}
.iubenda_fluid_policy.iubenda_embed_policy p{padding-top: 0!important; line-height: 23px!important; font-size: 14px!important;} 
.iubenda_fluid_policy.iubenda_embed_policy ul{ line-height: 23px!important; font-size: 14px!important;} 
.iubenda_fluid_policy.iubenda_embed_policy ul strong{ font-size: 14px!important;text-transform: uppercase!important;
display: block!important;margin-bottom: 1%!important;
margin-top: 1%!important;} 

.iubenda_fluid_policy.iubenda_embed_policy .iub-subheading.iub-subheading-legal-time h2{margin-top: 2%!important;}

.iubenda_fluid_policy.iubenda_embed_policy ul.unstyled li{ background-color: #f9f9f9!important;margin-bottom: 30px;
padding: 9px!important; border-bottom:1px solid #DADADA }
 .iubenda_fluid_policy.iubenda_embed_policy ul.unstyled li h3{ color: #606060!important; text-transform: uppercase;font-size: 14px;margin-top: 0!important} 



.iub_content legal_pp .one_line_col h2{font-size: 20px!important;
font-weight: 600!important;background-color: antiquewhite!important;margin-top: 4% !important;
padding: 8px;margin-bottom: 3%!important;}

 .iubenda_fluid_policy.iubenda_embed_policy li h4{ color: #606060!important; text-transform: uppercase;font-size: 14px;margin-top:2%!important} 

/* slider clienti ************************************************************************************************************************************************/
.suga-container {width: 100%}
.suga-slider-wrap {overflow: hidden}
.suga-slider-group {margin:0px}
.suga-slide {float: left;position: relative;margin-left: 0;width: 220px;padding: 0 40px}

.cont-loghi {width: 100%;float: left; }
.cont-loghi .loghi-wrap{overflow: hidden;width: 100%;}
.cont-loghi .loghi-wrap .loghi-group{margin:0px}
.cont-loghi .loghi-wrap .loghi-group li{float: left;position: relative;margin-left: 0;width: 220px;padding: 0 40px;display: inline-block}


li.active a {color:#f0ad4e;}

/* generale ************************************************************************************************************************************************/
.row{width:100%;float:left}
.wrap .top{width: 100%;float:left;position:relative;}
.wrap .top .cont-alto{width: 100%;top: 0;left: 0;z-index: 9;padding: 0 0px 17px 0px;position: fixed;background-color: #fff;display: flex;justify-content: center;-webkit-box-shadow: 0px 3px 12px 0px rgb(0 0 0 / 30%);-moz-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);box-shadow: 0px 3px 12px 0px rgb(0 0 0 / 30%);height: 140px;}
.wrap .top .cont-alto .logo{width: 100%;float:left;text-align: center;padding: 25px 0;border-bottom: 1px solid;}
.wrap .top .cont-alto .logo img{width:25%;max-width: 170px;}
.wrap .top .cont-alto ul.menu{width: 100%;float: none;margin:0;text-align: center;padding-top: 13px;display: inline-block;}
.wrap .top .cont-alto ul.menu li{display: inline-block;text-transform:uppercase;float: none;font-size: .7em;letter-spacing: 2px}
.wrap .top .cont-alto ul.menu li a{color: #020202;text-decoration:none;padding: 17px 40px;float: none;font-size: 300;transition: 0.3s;}
.wrap .top .cont-alto ul.menu li a:hover {color:#f0ad4e;}
.wrap .top .cont-alto ul.menu-bis{position: absolute;right: 100px;top:30px;padding: 0;margin-top: 0; z-index: 99;}
.wrap .top .cont-alto ul.menu-bis li{display:inline;text-transform:uppercase;float: none;font-size: .65em;letter-spacing: 2px;}
.wrap .top .cont-alto ul.menu-bis li a{color: #9E9E9E;text-decoration:none;padding: 7px 0 7px 18px;float: none;}
.wrap .top .cont-alto ul.menu-bis li a.contatti{/*border: 1px solid #9E9E9E;*/transition: 0.3s;}
.wrap .top .cont-alto ul.menu-bis li a:hover {color:#f0ad4e;}
.wrap .top .cont-alto ul.menu-bis li a.contatti:hover {}
.wrap .top .cont-alto ul.menu-lingue{position: absolute;left: 100px;top:40px;padding: 0;margin-top: 0;z-index: 99}
.wrap .top .cont-alto ul.menu-lingue li{display:inline;text-transform:uppercase;float: none;font-size: .7em;letter-spacing: 2px;}
.wrap .top .cont-alto ul.menu-lingue li a{color: #9E9E9E;text-decoration:none;padding: 7px 25px 7px 0;float: none;}
.wrap .top .cont-alto ul.menu-lingue li a.active{color: #000}
.wrap .top .cont-alto ul.menu-lingue li a.active:hover{color: #000}
.wrap .top .cont-alto ul.menu-lingue li a:hover {color:#000;}

.wrap .top .cont-alto ul.menu-lingue-2 {width:auto; position: absolute;left: 100px;top:40px;padding: 0;margin-top: 0;z-index: 99; text-align:left;}
.wrap .top .cont-alto ul.menu-lingue-mobile {width:auto; position: absolute;right: 10px;top:22px;padding: 0;margin-top: 0;z-index: 99; text-align:left;}

.wrap .top .cont-alto #click{padding: 17px 40px;color: #020202;cursor:pointer;text-transform:uppercase;text-align:center;transition: 0.3s;}
.wrap .top .cont-alto #click:hover{color:#f0ad4e;}
.wrap .top .cont-alto #close{width: 98%;height: 25px;background: url("img/close.svg") no-repeat top right;cursor:pointer;margin-top: 2%;}
.wrap .top .cont-alto #menu {z-index:99; height:100%; width:0; position:fixed; top:0; left:0; background-color:rgb(0,0,0); background-color:rgba(0,0,0, 0.9); overflow-x:hidden; transition: 0.5s}
.wrap .top .cont-alto #menu ul {position:relative;list-style:none;padding:0;width: 100%;}
.wrap .top .cont-alto #menu li {color: #f09a04;padding: 2% 5%;font-size: 1em;width: 33%;display: inline-block;text-transform: uppercase;font-weight: 200;letter-spacing: 1.3px;}
.wrap .top .cont-alto #menu li ul{width: 100%;float: left;padding: 15px 0;}
.wrap .top .cont-alto #menu li ul li{width: 100%;float: left;text-transform: none;font-size: .8em;color: #fff;padding: 5px 0;}
.wrap .top .cont-alto #menu li ul li a{color: #fff; text-decoration: none}
.wrap .top .cont-alto #menu li ul li a:hover{transition: opacity .25s ease-in-out;opacity: .5;}
.wrap .top .cont-alto #menu-servizi {z-index:99; height:100%; width:0; position:fixed; top:0; left:0; background-color:rgb(0,0,0); background-color:rgba(0,0,0, 0.9); overflow-x:hidden; transition: 0.5s}
.wrap .top .cont-alto #close-servizi{width: 98%;height: 25px;background: url("img/close.svg") no-repeat top right;cursor:pointer;margin-top: 2%;}
.wrap .top .cont-alto #menu-servizi h3{color: #f09a04;font-size: 1em;display: inline-block;text-transform: uppercase;font-weight: 200;letter-spacing: 1.3px;width: 33%;padding: 3.5% 5% 1% 5%;margin: 0;position: relative;}
.wrap .top .cont-alto #menu-servizi ul {position:relative;list-style:none;padding:0;width: 100%;margin-top: 0;}
.wrap .top .cont-alto #menu-servizi li {color: #f09a04;padding: 0 5%;font-size: 1em;width: 33%;display: inline-block;text-transform: uppercase;font-weight: 200;letter-spacing: 1.3px;vertical-align: top;}
.wrap .top .cont-alto #menu-servizi li ul{width: 100%;float: left;padding: 15px 0;}
.wrap .top .cont-alto #menu-servizi li ul li{width: 100%;float: left;text-transform: none;font-size: .8em;color: #fff;padding: 5px 0;}
.wrap .top .cont-alto #menu-servizi li ul li a{color: #fff; text-decoration: none}
.wrap .top .cont-alto #menu-servizi li ul li a:hover{transition: opacity .25s ease-in-out;opacity: .5;}
.wrap .top .cont-alto .menu-mobile{display: none}
.wrap .top .cont-alto .menu-mobile-right{display: none}
.wrap .top .cont-alto .cont-menu-fisso{max-width: 1600px;position: relative;padding: 0 100px;}


.wrap .top .slider-top .flexslider {width: 100%}
.wrap .top .slider-top .flexslider > .slides {overflow: hidden}
.wrap .slider-top .flexslider .slides > li{background-repeat:no-repeat;background-size:cover;min-height: 700px;background-position: center;}
.wrap .top .slider-top .flexslider li.slide1{background-image: url("../img/slide1b.jpg")}
.wrap .top .slider-top .flexslider li.slide2{background-image: url("../img/slide2.jpg")}
.wrap .top .slider-top .flexslider li.slide3{background-image: url("../img/slide3.jpg")}
.wrap .top .foto-top{position: relative;width: 100%;float: left;background-repeat: no-repeat;background-size: cover;min-height: 450px;background-position: center;margin-top: 140px;}
.wrap .top .foto-top.about{background-image: url("../img/foto-top/about.jpg")}
.wrap .top .foto-top.rassegna-stampa{background-image: url("../img/foto-top/rassegna-stampa.jpg")}
.wrap .top .foto-top.clienti{background-image: url("../img/foto-top/clienti.jpg")}
.wrap .top .foto-top.retail{background-image: url("../img/foto-top/industrie/retail.jpg")}
.wrap .top .foto-top.contatti{background-image: url("../img/foto-top/contatti.jpg")}
.wrap .top .foto-top.pacchetti{background-image: url("../img/foto-top/pacchetti.jpg")}
.wrap .top .foto-top.mod-store-locator{background-image: url("../img/foto-top/prodotti/store-locator.jpg")}
.wrap .top .foto-top.faq{background-image: url("../img/foto-top/faq.jpg")}
.wrap .top .foto-top.case-history{background-image: url("../img/foto-top/case-history.jpg")}
.wrap .top .foto-top.cosa-e{background-image: url("../img/foto-top/cosa-e.jpg")}
.wrap .top .foto-top .testi-top {position: absolute;padding: 0 10%;width: 100%;text-align: center;color: #fff;top: 50%;transform: translateY(-50%)}
.wrap .top .foto-top .testi-top h1{width: 100%;float: left;color: #fff;font-size: 3em;line-height: 1em;letter-spacing: 3px;font-weight: 600;text-transform: uppercase;margin: 0 0 20px 0;}
.wrap .top .foto-top .testi-top h2{width: 100%;float: left;color: #fff;font-size: .8em;text-transform: uppercase;font-weight: 200;line-height: 1.1em;margin: 0;text-align: center;}
.wrap .top .foto-top .testi-top .back{}
.wrap .top .foto-top .testi-top .back a{text-decoration:none;color: #fff;text-transform: uppercase;padding: 7px 15px;border: 1px solid #fff;margin-top: 100px;display: inline-block;font-size: .7em;letter-spacing: 2px;font-weight: 200;}
.wrap .top .foto-top .testi-top .back a:hover{color:#f0ad4e}
.wrap .top .foto-top .testi-top .domanda{background-color: #f09905;width: 70%;display: inline-block;max-width: 500px;margin-top: 50px;padding: 25px 60px;}
.wrap .top .foto-top .testi-top .domanda h2{color: #000;font-size: 1em;width: 100%;float: left;padding: 0 0 15px 0;font-weight: 600;}
.wrap .top .foto-top .testi-top .domanda p{color: #000;font-size: .8em;}
.wrap .top .foto-top .testi-top .domanda img{width: 33px;margin-top: 20px;}
.wrap .top .foto-top .testi-top .domanda img:hover{transition: opacity .25s ease-in-out;opacity: .5;cursor: pointer;}
.wrap .slider-top{margin-top:140px}
.wrap .slider-top .flexslider .slides li .testi-slider{width:100%;padding: 0 15%;position:absolute;top:50%;transform: translateY(-50%);}
.wrap .slider-top .flexslider .slides li .testi-slider h1{text-align: center;text-transform: uppercase;font-size: 3em;color: #fff;line-height: 1em;letter-spacing: 3px;font-weight: 200;}
.wrap .slider-top .flexslider .slides li .testi-slider h1 strong{font-weight:600}
.wrap .slider-top .flexslider .slides li .testi-slider h2{text-align: center;text-transform: uppercase;font-size: 3em;color: #fff;line-height: 1em;letter-spacing: 3px;font-weight:200;margin: 0 0 20px 0;}
.wrap .slider-top .flexslider .slides li .testi-slider h2 strong{font-weight: 600;}
.wrap .slider-top .flexslider .slides li .testi-slider .google p{text-align:center;color:#fff;font-size: 1em;font-weight: 300;padding:0px 0 30px 0;float: left;width: 100%;line-height: 1.5em;}
.wrap .slider-top .flexslider .slides li .testi-slider .google h2{font-size: 1.7em;color:#f09a04;font-weight: 600;margin-bottom: 4px;}
.wrap .slider-top .flexslider .slides li .testi-slider .google .sx{width: 50%;float: left;border-right: 1px solid #fff;text-align:right;padding: 30px 50px 30px 50px;}
.wrap .slider-top .flexslider .slides li .testi-slider .google .sx h2{text-align:right}
.wrap .slider-top .flexslider .slides li .testi-slider .google .sx p{text-align:right;padding: 0;}
.wrap .slider-top .flexslider .slides li .testi-slider .google .dx{width: 50%;float: left;text-align:left;padding: 30px 50px 30px 50px;}
.wrap .slider-top .flexslider .slides li .testi-slider .google .dx h2{text-align:left}
.wrap .slider-top .flexslider .slides li .testi-slider .google .dx p{text-align: left;padding: 0;}
.wrap .center{text-align: center;padding-top: 80px;}
.wrap .center.pacchetti{background-color:#ebebec}
.wrap .center h2{width:100%;float:left;text-transform:uppercase;font-weight: 200;text-align: center;font-size: 2.5em;letter-spacing: 3px;line-height: 1em;margin: 80px 0 70px 0;}
.wrap .center p.base {width: 100%;float: left;font-size: .75em;font-weight: 300;line-height: 1.7em;text-align: left;}
.wrap .center .blocco1{background-color: #f09b0e;padding: 0 12% 80px 12%;text-align: center;}/* background-color: #ebebec; prima di essere spostato in alto************************************************************************************************************************************************/
.wrap .center .blocco1 .sx{width: 50%;float: left;padding-right: 50px;}
.wrap .center .blocco1 .dx{width: 50%;float: left;padding-right: 50px;}
.wrap .center .blocco1 p{width:100%;float: left;padding: 0;font-size: .85em;font-weight: 300;line-height: 1.7em;margin-bottom: 20px;text-align: center}
.wrap .center .blocco1 h3{width:100%;float: left;font-size: 1.7em;text-transform: uppercase;font-weight: 200;line-height: 1.1em;margin: 0;text-align: center}
.wrap .center .blocco1 img{width: 50px;text-align: center;display: inline-block;float: none;margin: 30px 0 0 0;}
.wrap .center .blocco2 {width:100%;float: left}
.wrap .center .blocco2 ul.plus{width:100%;float:left;margin: 0;padding: 0 100px;max-width: 1600px;margin: 0 auto;float: none;}
.wrap .center .blocco2 ul.plus li{width:100%;float:left;margin-bottom: 70px;}
.wrap .center .blocco2 ul.plus li:last-child{margin-bottom:80px;}
.wrap .center .blocco2 ul.plus li.sx{position: relative;}
.wrap .center .blocco2 ul.plus li.sx p{width: 52%;float: right;padding: 0;font-size: .85em;font-weight: 300;line-height: 1.7em;margin-bottom: 20px;text-align: left;position: absolute;top: 70px;right: 0;}
.wrap .center .blocco2 ul.plus li.sx .titolo{width: 45%;float: left;background-color:#ebebec;padding: 60px 50px;position:relative;}
.wrap .center .blocco2 ul.plus li.dx{position: relative;}
.wrap .center .blocco2 ul.plus li.dx p{width: 52%;float: left;padding: 0;font-size: .85em;font-weight: 300;line-height: 1.7em;margin-bottom: 20px;text-align: right;position: absolute;top: 70px;}
.wrap .center .blocco2 ul.plus li.dx .titolo{width: 45%;float: right;background-color:#ebebec;padding: 60px 50px;position:relative;}
.wrap .center .blocco2 ul.plus li .titolo img{width: 35%;float: left;}
.wrap .center .blocco2 ul.plus li .titolo h3{position: absolute;top: 50%;transform: translateY(-50%);margin: 0;line-height: 1em;text-transform: uppercase;font-weight: 200;letter-spacing: 3px;font-size: 1.7em;right: 50px;width: 50%;text-align: right;}
.wrap .center .dicono-di-noi{background-image: url("../img/home-clienti.jpg");background-repeat: no-repeat;background-size: cover;padding: 0 50px 50px 50px;background-position: center;}
.wrap .center .dicono-di-noi h2{color: #fff}
.wrap .center .dicono-di-noi .flexslider {width: 100%;min-height: 450px;}
.wrap .center .dicono-di-noi .flexslider > .slides {overflow: hidden}
.wrap .center .dicono-di-noi .flexslider .slides li .testi-slider{width:100%;padding: 0 15%;float: none;text-align: center;}
.wrap .center .dicono-di-noi .flexslider .slides li .testi-slider p{width:100%;float:left;text-align:center;text-transform:uppercase;color:#fff;font-weight: 200;font-style: italic;letter-spacing: 3px;font-size: 1em;line-height: 1.5em;}
.wrap .center .dicono-di-noi .flexslider .slides li .testi-slider .cliente {float: none;text-align: center;width: auto;display: inline-block;margin-top: 70px;}
.wrap .center .dicono-di-noi .flexslider .slides li .testi-slider .cliente img{float: left;width: 130px;display: inline;text-align: center;}
.wrap .center .dicono-di-noi .flexslider .slides li .testi-slider .cliente p.nome{float: left;width: auto;display: inline;font-style: normal;font-size: .75em;font-weight: 500;letter-spacing: 2px;margin-top: 60px;padding: 0 0 0 30px;}
.wrap .center .gmb-crm{width: 100%;padding: 0 100px;max-width: 1600px;margin: 0 auto;float: none;}
.wrap .center .gmb-crm .dx{width: 50%;padding-left: 5%;float: left;margin-top: 80px; margin-bottom: 6%}
.wrap .center .gmb-crm .sx{width: 50%;padding-right: 5%;float: left;margin: 80px 0;}
.wrap .center .gmb-crm  h3 {text-transform: uppercase;font-weight: 200;letter-spacing: 3px;font-size: 1.7em;width:100%;text-align:left;margin: 0;line-height: 1.2}
.wrap .center .gmb-crm img{width: 65%;float: left;margin: 40px 0;}
.wrap .center .gmb-crm p {width: 100%;float: left;font-size: .85em;font-weight: 300;line-height: 1.7em;text-align:left;padding: 0;}
.wrap .center .blog{width: 100%;float: left;padding: 50px 12%;margin: 0;background-color: #EBEBEC;}
.wrap .center .blog h3{text-transform: uppercase;letter-spacing: 2px;font-size: .75em;text-align: center;font-weight: 400;margin-bottom: 5px;}
.wrap .center .blog .articolo-blog{width:100%;float:left;border-top: 1px solid #000;border-bottom: 1px solid #000;padding: 50px 0;}
.wrap .center .blog .articolo-blog img{width: 47%;float: left;padding-right: 7%;}
.wrap .center .blog .articolo-blog .dx{width: 53%;float: left;}
.wrap .center .blog .articolo-blog .dx span{text-transform: none;padding: 5px 25px;background-color: #f09b0e;letter-spacing: 2px;font-size: .75em;font-weight: 400;color: #fff;width: 100%;float: left;}
.wrap .center .blog .articolo-blog .dx h2{text-transform: uppercase;font-weight: 200;letter-spacing: 3px;font-size: 1.7em;width: 100%;text-align: left;margin: 0;margin: 50px 0 30px 0;}
.wrap .center .blog .articolo-blog .dx p{width: 100%;float: left;font-size: .85em;font-weight: 300;line-height: 1.7em;text-align: left;padding: 0;}
.wrap .center .blog .articolo-blog a{float: left;margin: 30px 0;color: #000;text-decoration: none;padding: 10px 25px;letter-spacing: 2px;font-size: .75em;border: 1px solid #000;height: 45px}
.wrap .center .blog .articolo-blog a:hover {transition: opacity .25s ease-in-out;opacity: .5;cursor: pointer}
.wrap .center .clienti{}
.wrap .center .clienti ul{width: 100%;float: left;padding: 0 8%;margin: 0;}
.wrap .center .clienti ul li{width: 14.2%;float: left;padding: 1.5%;}
.wrap .center .clienti h2{margin: 80px 0 30px 0}
.wrap .center .titolo-testata{text-align: center;margin-bottom: 30px;}
.wrap .center .titolo-testata img{max-width: 170px;}
.wrap .center .testate{}
.wrap .center .testate ul{width: 100%;float: none;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.wrap .center .testate ul li{width: 21%;float: left;margin: 2%;position: relative;transition: all 0.25s;}
.wrap .center .testate ul li a{}
.wrap .center .testate ul li h2{margin: 0;font-size: .9em;letter-spacing: 1px;margin-bottom: 20px;font-weight: 400;}
.wrap .center .testate ul li h2 a{text-decoration: none;color: #000}
.wrap .center .testate ul li h2:hover {transition: opacity .25s ease-in-out;opacity: .5;}
.wrap .center .testate ul li span:hover {transition: opacity .25s ease-in-out;opacity: .5;}
.wrap .center .testate ul li span{font-size: .75em;padding: 30px 0 5px 0;width: 100%;float: left;color: #9E9E9E;}
.wrap .center .testate ul li .threeone{position: absolute;width: 16%;left: 42%;bottom: 40px;}
.wrap .center .testate ul li:hover {}
.wrap .center .testate ul li:hover img.piu {transition: all 0.65s;transform: rotateY(360deg);}
.wrap .center .modulo1.articolo  .testo span{font-size: .75em;padding: 30px 0 5px 0;width: 100%;float: left;color: #9E9E9E;text-align: left;padding-top: 0;}
.wrap .center .modulo1.articolo  .testo h3{text-transform: uppercase}
.wrap .center .dicono ul{width: 100%;padding: 0 100px;max-width: 1600px;margin: 0 auto;float: none;}
.wrap .center .dicono ul li{width: 100%;float: left;padding: 0 0 100px 0;}
.wrap .center .dicono ul li img{width: 10%;}
.wrap .center .dicono ul li .cliente{width: 22%;float: right;padding-top: 40px;}
.wrap .center .dicono ul li .cliente img{max-width: 100px;text-align: left;float: left;width: 50%;}
.wrap .center .dicono ul li .cliente h3{text-align: left;float: left;width: 100%;text-transform: uppercase;font-size: .7em;}
.wrap .center .dicono ul li p{float: left;text-align: right;width: 61%;font-weight: 200;font-size: .85em;font-style: italic;line-height: 1.7;padding-top: 40px;}
.wrap .center .dicono ul li.sx .cliente{float:left;}
.wrap .center .dicono ul li.sx .cliente img{float: right;}
.wrap .center .dicono ul li.sx .cliente h3{text-align: right;}
.wrap .center .dicono ul li.sx p{float: right;text-align: left;}

.citazioni-wrap{width: 100%; padding: 0px 100px 80px 100px; max-width: 1600px;margin: 0 auto;float: none;}
.citazione{width: 100%; float: left; padding: 0 0 100px 0; margin-top: 40px;}
.citazione img{width: 10%;}
.citazione .cliente{width: 22%;float: right;padding-top: 40px;}
.citazione .cliente img{max-width: 100px;text-align: left;float: left;width: 50%;}
.citazione .cliente h3{text-align: left;float: left;width: 100%;text-transform: uppercase;font-size: .7em;}
.citazione p{float: left;text-align: right;width: 61%;font-weight: 200;font-size: .85em;font-style: italic;line-height: 1.7;padding-top: 40px;}
.citazione-sx .cliente{float:left;}
.citazione-sx .cliente img{float: right;}
.citazione-sx .cliente h3{text-align: right;}
.citazione-sx p{float: right;text-align: left;}

.wrap .center.pacchetti ul.lista-pacchetti {margin: 0px auto;padding: 0px 100px 80px 100px; max-width: 1600px;float: none;display: inline-block}
.wrap .center.pacchetti ul.lista-pacchetti li{width: 30.6%;display: inline;background-color: #fff;float: left;padding: 40px;margin-right: 4%;}
.wrap .center.pacchetti ul.lista-pacchetti li:last-child{margin-right: 0}
.wrap .center.pacchetti ul.lista-pacchetti li.platinum{background-color:#FAD085}
.wrap .center.pacchetti ul.lista-pacchetti li h3{width: 100%;float: left;font-size: 1.7em;text-transform: uppercase;font-weight: 400;line-height: 1.1em;text-align: center;}
.wrap .center.pacchetti ul.lista-pacchetti li span{width: 100%;float: left;font-size: .75em;font-weight: 300;line-height: 1.7em;text-align: center;margin-bottom: 20px;}
.wrap .center.pacchetti ul.lista-pacchetti li h4{width: 100%;float: left;text-align: left;text-transform: uppercase;font-size: .8em;margin: 25px 0 20px 0;}
.wrap .center.pacchetti ul.lista-pacchetti li ul{width: 100%;float: left;border-bottom: 1px solid;min-height: 270px;list-style: url("../img/pacchetti/flag.svg");padding: 0 0 0 10px;}
.wrap .center.pacchetti ul.lista-pacchetti li ul li{width: 50%;float: left;text-align: left;padding: 0;margin: 0;line-height: 1.1em;min-height: 32px;font-size: .75em;font-weight: 400;background: none;display: list-item;}
.wrap .center.pacchetti ul.lista-pacchetti li ul.optional{min-height: 130px;}
.wrap .center.pacchetti ul.lista-pacchetti li a{font-weight: 400;color: #000;text-decoration: none;display: inline-block;margin: 40px 0 40px 0;padding: 10px 45px;letter-spacing: 2px;font-size: .75em;border: 1px solid #000;height: 45px;}




.contatti .wrap form{width: 100%;float: left; margin-bottom: 80px}
.contatti .wrap .center ul.form{width: 100%;margin: 0 auto;max-width: 800px;}
.contatti .wrap .center ul.form li{width: 100%;float: left;border-top: 1px solid #000;padding: 4px 0 8px 0;}
.contatti .wrap .center ul.form li input{width: 100%;float: left;padding: 30px 0 10px 0;background-color: #fff;font-size: 1.3em;font-family: 'Montserrat',sans-serif;}
.contatti .wrap .center ul.form li label{text-align: left;text-transform: uppercase;width: 100%;float: left;font-size: .6em;color: #000;font-style: italic;}
.contatti .wrap .center ul.form li textarea{width: 100%;float: left;padding: 30px 0 10px 0;background-color: #fff;font-size: 1.3em;font-family: 'Montserrat',sans-serif;}
.contatti .wrap .center ul.form li.required{border-top:0px;text-align: right;font-size: .6em;padding: 20px 0;}
.contatti .wrap .center ul.form li.informativa{
    padding: 30px 0;
}
.contatti .wrap .center ul.form li.informativa a{width: 50%;float: right;font-size: .7em;margin-bottom: 1.5%;text-align: right;color: #000;text-decoration: underline;}
.contatti .wrap .center ul.form li.informativa input{width:auto;float:left;margin-left: 0;margin-right: 10px;padding: 0;}
.contatti .wrap .center ul.form li.informativa span{width:auto;float:left;font-size: .7em;margin-bottom:1.5%;}
.contatti .wrap .center form button {-webkit-appearance: none;background-color: #ffffff;border: 1px solid #000;height: 45px;padding: 10px 35px;letter-spacing: 2px;font-size: .75em;}
.contatti .wrap .center form button:hover {transition: opacity .25s ease-in-out;opacity: .5;cursor: pointer}



/* FAQ************************************************************************************************************************************************/

.col{width: 100%;margin: 0 auto;max-width: 800px;}
.tabs {overflow: hidden;}
.tab {width: 100%;color: white;overflow: hidden;border-top: 1px solid #000;}
.tab input {position: absolute;opacity: 0;z-index: -1;}
.tab-label {display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;padding: 30px 10px 30px 0;cursor: pointer;color: #000;text-align: left;}
.tab-label:hover {background: #f5f4f4;}
.tab-label::after {content: "\276F";width: 1em;height: 1em;text-align: center;-webkit-transition: all 0.35s;  transition: all 0.35s;font-size: .8em;color: #de921c;}
.tab-content {max-height: 0;padding: 0 1em;color: #2c3e50;background: white;-webkit-transition: all 0.35s;transition: all 0.35s;text-align: left}
.tab-close {display: -webkit-box;display: flex;-webkit-box-pack: end;justify-content: flex-end;padding: 1em;font-size: 0.75em;background: #2c3e50;cursor: pointer;}
.tab-close:hover {background: #1a252f;}
input:checked + .tab-label {}
input:checked + .tab-label::after {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
input:checked ~ .tab-content {max-height: 100vh;padding: 15px 15px 15px 0;font-size: .75em;font-weight: 300;line-height: 1.7em;margin-bottom: 20px;text-align: left;}


/* hover rassegnastampa************************************************************************************************************************************************/
.grid {position: relative;list-style: none;text-align: center;width: 100%;padding: 0 100px;	max-width: 1226px;margin: 0 auto;float: none;}
.grid figure {position: relative;float: left;overflow: hidden;margin: 10px 3%;max-height: 360px;width: 27%;text-align: center;cursor: pointer;min-height: 250px;}
.grid figure img {position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 0.8;}
.grid figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {position: absolute;top: 0;left: 0;	width: 100%;height: 100%;}
.grid figure.effect-oscar {background: -webkit-linear-gradient(45deg, #908f8ed1 0%,#aaaaafd6 40%,#5a5a5ad1 100%);background: linear-gradient(45deg, #908f8ed1 0%,#aaaaafd6 40%,#5a5a5ad1 100%)}
.grid figure.effect-oscar figcaption {padding: 3em;background-color:#ebebec;-webkit-transition: background-color 0.35s;	transition: background-color 0.35s;}
.grid figure.effect-oscar figcaption::before {position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;border: 1px solid #fff;content: '';}
.grid figure.effect-oscar h2 {margin: 10px 0 10px 0 !important;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);font-size: 1.5em !important;line-height: 1.6em !important;	color: #000;}
.grid figure.effect-oscar p{font-size: 60px;font-weight: 200;padding-top: 20px;float: left;text-align: center;width: 100%;}
.grid figure.effect-oscar figcaption::before,figure.effect-oscar p{opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);transform: scale(0);}
.grid figure.effect-oscar:hover h2 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);color:#fff}
.grid figure.effect-oscar:hover figcaption::before,figure.effect-oscar:hover p {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.grid figure.effect-oscar:hover figcaption {background-color: rgba(58,52,42,0);}
.grid figure.effect-oscar img {opacity: 0.9;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
.grid figure.effect-oscar:hover img {opacity: 0.4;}





/* hover testata ***********************************************************************************************************************************************/
.grid.testata {position: relative;list-style: none;text-align: center;width: 100%;padding: 0 100px;max-width: 1600px;margin: 0 auto;float: none;}
.grid.testata figure {position: relative;float: left;overflow: hidden;margin: 0;max-height: 360px;text-align: center;cursor: pointer;width: 100%;}
.grid.testata figure img {position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 0.8;}
.grid figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grid.testata figure figcaption::before,.grid figure figcaption::after {pointer-events: none;}
.grid.testata figure figcaption,.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.grid.testata figure.effect-oscar {background: -webkit-linear-gradient(45deg, #040404d1 0%,#232222d6 40%,#080808d1 100%);background: linear-gradient(45deg, #040404d1 0%,#232222d6 40%,#080808d1 100%)}
.grid.testata figure.effect-oscar figcaption {padding: 3em;background-color: rgb(19 18 18 / 22%);-webkit-transition: background-color 0.35s;transition: background-color 0.35s;}
.grid.testata figure.effect-oscar figcaption::before {position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;border: 1px solid #fff;content: '';}
.grid.testata figure.effect-oscar h2 {margin: 10px 0 10px 0 !important;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);font-size: 1.5em !important;line-height: 1.6em !important;	color: #000;}
.grid.testata figure.effect-oscar p{font-size: 60px;font-weight: 200;padding-top: 70px;float: left;text-align: center;width: 100%;}
.grid.testata figure.effect-oscar figcaption::before,figure.effect-oscar p{opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);transform: scale(0);}
.grid.testata figure.effect-oscar:hover h2 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);color:#fff}
.grid.testata figure.effect-oscar:hover figcaption::before,figure.effect-oscar:hover p {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.grid.testata figure.effect-oscar:hover figcaption {background-color: rgba(58,52,42,0);}
.grid.testata figure.effect-oscar img {opacity: 0.9;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
.grid.testata figure.effect-oscar:hover img {opacity: 0.4;}
.wrap .center .contatti .col-contatti{background-color: #ebebec;display: flex;}
.wrap .center .contatti .col-contatti .sx{width: 50%;float: left;background-image:url("../img/contatti.jpg");background-size:cover;background-repeat:no-repeat;background-position:center}
.wrap .center .contatti .col-contatti .dx{width: 50%;float: none;text-align: center;padding: 50px 100px;}
.wrap .center .contatti .col-contatti .dx ul.form{width: 100%;float: none;margin: 0;max-width: 500px;display: inline-block;}
.wrap .center .contatti .col-contatti .dx ul.form li{width: 100%;float: left;margin-bottom: 8px;}
.wrap .center .contatti .col-contatti .dx ul.form li label{width: 100%;float: left;text-transform: uppercase;font-size: .7em;font-weight: 400;letter-spacing: 1.5px;text-align: left;}
.wrap .center .contatti .col-contatti .dx ul.form li input{width: 100%;float: left;border-bottom: 1px solid #9E9E9E;height: 43px;padding: 10px 0;}
.wrap .center .contatti .col-contatti .dx ul.form li textarea{width: 100%;float: left;border-bottom: 1px solid #9E9E9E;padding: 10px 0;}
.wrap .center .contatti .col-contatti .dx ul.form p {width:100%;float:left;text-align: right;font-size: .7em;}
.wrap .center .contatti .col-contatti .dx ul.form li.informativa {margin: 40px 0;}
.wrap .center .contatti .col-contatti .dx ul.form li.informativa span{float: none;font-size: .7em;font-weight: 400;letter-spacing: 1.5px;text-align: left;width: auto;line-height: 1em;}
.wrap .center .contatti .col-contatti .dx ul.form li.informativa a{width:100%;float:left;color:#000;text-align: center;font-size:.7em;}
.wrap .center .contatti .col-contatti .dx ul.form li.informativa input{margin: 0 10px 0 0;width: auto;height: auto;float: none;}
.wrap .center .contatti .col-contatti .dx form button{-webkit-appearance: none;background-color: #ebebec;border: 1px solid #000;height: 45px;padding: 10px 35px;letter-spacing: 2px;font-size: .75em;}
.wrap .center .contatti .col-contatti .dx form button:hover{transition: opacity .25s ease-in-out;opacity: .5;cursor: pointer}
.wrap .center .modulo1{margin: 0px auto;padding: 0px 100px 80px 100px;max-width: 1600px;float: none;display: inline-block;}
.wrap .center .modulo1 img{width: 50%;float: left;padding-left: 2%;box-sizing: border-box;}
.wrap .center .modulo1 .testo{width: 50%;float: left;padding-right: 2%;}
.wrap .center .modulo1 .testo h3{font-size: 1.5em;margin-top: 0;text-align: left;margin-bottom: 30px; line-height: 30px}
.wrap .center .modulo1 .testo p{width: 100%;float: left;font-size: .85em;font-weight: 300;line-height: 1.7em;text-align: left;padding: 0 0 15px 0;}
.wrap .center .modulo1 .testo .sx{width: 50%;float: left; padding-right: 2%}
.wrap .center .modulo1 .testo .dx{width: 50%;float: left; padding-left: 2%}
.wrap .center .modulo1 .testo .sx h3, .wrap .center .modulo1 .testo .dx h3{/* text-transform: uppercase */}
.wrap .center .modulo1 .testo ul.prod-serv li{width: 100%;float: left}
.wrap .center .modulo1 .testo ul.prod-serv li p{line-height: 1.3;}
.wrap .center .modulo2{margin: 0px auto;padding: 0px 100px 80px 100px;max-width: 1600px;float: none;display: inline-block;}
.wrap .center .modulo2 img{width: 50%;float: left;padding-right: 2%;box-sizing: border-box;}
.wrap .center .modulo2 .testo{width: 50%;float: left;padding-left: 2%;}
.wrap .center .modulo2 .testo h3{font-size: .9em;margin-top: 0;}
.wrap .center .modulo2 .testo p{width: 100%;float: left;font-size: .85em;font-weight:300;line-height: 1.7em;text-align: left;padding: 0 0 15px 0;}
.wrap .center .modulo2 .testo img{margin-top: 20px;width: 55%;padding: 0;}
.wrap .center .modulo3{margin: 0px auto;padding: 0px 100px 80px 100px;max-width: 1600px;float: none;display: inline-block;}
.wrap .center .modulo3 h3{width: 100%;font-size: .9em;margin-top: 0;text-align: left;}
.wrap .center .modulo3 p{width: 100%;float: left;font-size: .85em;font-weight: 300;line-height: 1.7em;text-align: left;padding: 0 0 15px 0;}
.wrap .center.termsTxt ol {counter-reset: item;}
.wrap .center.termsTxt ol li{counter-increment: step-counter;list-style-type: decimal;}
.wrap .center.termsTxt ol li:before{content:none;margin-right: 5px;font-size:100%;font-weight: bold;height: 20px;color:#000;width: 20px;display: block;float: left;text-align: center;margin-left: -30px;}
.wrap .center.termsTxt ol li ol li:before {content: counter(item, lower-alpha) ".";counter-increment: item;font-size: .8em;}
.wrap .center.termsTxt ol ol{margin-top:1%;margin-bottom: 1%;}
.wrap .center.termsTxt ol ol ol{width:95%;margin-left:5%;margin-bottom:1%;margin-top:0}
.wrap .center.termsTxt ol ol li{margin-top:0}
.wrap .center.termsTxt ol ol li:before{width: 4%;margin-left:0;}
.wrap .center.termsTxt ol ol p{margin-left: 0;width: 95%;}

.wrap .center.termsTxt .modulo3 {padding: 0px 100px 40px 100px}




.wrap .center .modulo4{margin: 0px auto;padding: 0px 100px 80px 100px;max-width: 1600px;float: none;display: inline-block;}
.wrap .center .modulo4 img{width: 100%;float: left;box-sizing: border-box;}
.wrap .center .modulo5{margin: 0px auto;padding: 0px 100px 80px 100px;max-width: 1600px;float: none;display: inline-block;}
.wrap .center .modulo5 img{width: 50%;float: left;padding-left: 2%;box-sizing: border-box;}
.wrap .center .modulo5 .testo{width: 50%;float: left;padding-right: 2%;}
.wrap .center .modulo5 .testo h3{font-size: .9em;margin-top: 0;}
.wrap .center .modulo5 .testo p{width: 100%;float: left;font-size: .85em;font-weight: 300;line-height: 1.7em;text-align: left;padding: 0 0 15px 0;}
.wrap .center .modulo5 .testo img{margin-top: 20px;width: 55%;padding: 0;}
.wrap .center .modulo6{margin: 0px auto;padding: 0px 100px 80px 100px;max-width: 1600px;float: none;display: inline-block;}
.wrap .center .modulo6 img.sx{width: 50%;float: left;box-sizing: border-box;padding-right: 2%;}
.wrap .center .modulo6 img.dx{width: 50%;float: left;box-sizing: border-box;padding-left: 2%;}
.wrap .center .modulo7{margin:0px auto;padding: 0px 100px 80px 100px;max-width: 1600px;float: none;display: inline-block;}
.wrap .center .modulo7 img{width: 50%;float: left;padding-right: 2%;box-sizing: border-box;}
.wrap .center .modulo7 .testo{width: 50%;float: left;padding-left: 2%;}
.wrap .center .modulo7 .testo h3{font-size: 1.5em;margin-top: 0;text-align: left;margin-bottom: 30px;line-height: 30px}
.wrap .center .modulo7 .testo p{width: 100%;float: left;font-size: .85em;font-weight: 300;line-height: 1.7em;text-align: left;padding: 0 0 15px 0; }
.wrap .center .modulo1-rassegna{margin: 0px auto;padding: 0px 100px 80px 100px;max-width: 1600px;float: none;display: inline-block;}
.wrap .center .modulo1-rassegna .col1{width: 70%;float: left;}
.wrap .center .modulo1-rassegna .col1 .im1{width: 55%;float: left;}
.wrap .center .modulo1-rassegna .col1 .im2{width: 44%;float: left;padding: 80px 10% 0 10%;}
.wrap .center .modulo1-rassegna .col1 .im3{width: 56%;float: left;padding: 40px 0 0 0;}
.wrap .center .modulo1-rassegna .col1 p{width: 45%;float: left;font-size: .85em;font-weight: 300;line-height: 1.7em;text-align: left;padding: 0 0 40px 40px;}
.wrap .center .modulo1-rassegna .col2{float: right;width: 30%;padding-left: 3%;}
.wrap .center .modulo1-rassegna ul.numbers{width: 100%;float: left;margin: 0;}
.wrap .center .modulo1-rassegna ul.numbers li.number-item{width: 100%;float: left;margin-bottom: 47px;}
.wrap .center .modulo1-rassegna ul.numbers li.number-item img{width: 30px;float: left;}
.wrap .center .modulo1-rassegna ul.numbers li.number-item h3{float: left;margin: 0;text-align: left;color: #FFC107;font-weight: 200;padding-left: 2%;line-height: 1;font-size: 2.3em;}
.wrap .center .modulo1-rassegna ul.numbers li.number-item h3 span{font-weight: 600;color: #f09905;}
.wrap .center .modulo1-rassegna ul.numbers li.number-item h3 strong{font-weight: 200;line-height: 1;font-size: 1em;}
.wrap .center .modulo1-rassegna ul.numbers li.number-item h4{float: left;text-align: left;width: 50%;margin: 0;padding-left: 5%;text-transform: uppercase;font-weight: 400;font-size: .75em;line-height: 1.3;}
.wrap .center .modulo2-rassegna{margin: 0px auto;padding: 0px;float: left;background-color: #efefef;display: table;position: relative;min-height: 660px;}
.wrap .center .modulo2-rassegna .col1{width: 50%;text-align: left;display: table-cell;padding: 100px;}
.wrap .center .modulo2-rassegna .col1 p{width: 80%;float: left;font-size: .85em;font-weight: 300;line-height: 1.7em;text-align: left;padding: 40px 40px 40px 0;}
.wrap .center .modulo2-rassegna .col1 h3{line-height: 1em;text-transform: uppercase;font-weight: 200;letter-spacing: 3px;font-size: 1.7em;right: 50px;width: 80%;text-align: left;margin: 0;}
.wrap .center .modulo2-rassegna .col2{background-image:url("../img/case-history/saporedimare/saporedimare4.jpg");background-repeat: no-repeat;display: table-cell;width: 50%;background-position: center;}
.wrap .center .modulo2-rassegna .smartphone{position: absolute;top: 80px;width: 15%;left: 42.5%;}

.wrap .center .modulo1-prodotti{position: relative;min-height: 660px;margin: 0px auto;padding: 0px 100px 80px 100px;max-width: 1600px;float: none;display: inline-block;}
.wrap .center .modulo1-prodotti .col1{width: 50%;text-align: left;padding: 0 0 100px 0;float: left;}
.wrap .center .modulo1-prodotti .col1 .testo{width: 75%;float: left;}
.wrap .center .modulo1-prodotti .col1 .testo p{width: 100%;float: left;font-size: .85em;font-weight: 300;line-height: 1.7em;text-align: left;padding: 0 0 30px 0;}
.wrap .center .modulo1-prodotti .col1 .testo h3{width: 100%;float: left;margin: 0;font-size: 1.5em;margin-top: 0;text-align: left;margin-bottom: 30px;line-height:30px }
.wrap .center .modulo1-prodotti .col2{background-image:url("../img/prodotti/prodotti1.jpg");background-repeat: no-repeat;width: 50%;float: left;background-position: center;min-height: 650px;}
.wrap .center .modulo1-prodotti .smartphone{position: absolute;top: 80px;width: 15%;left: 42.5%;z-index: 8;}
.wrap .center ul.lista1{width: 100%;float: left;text-align: left;margin: 10px 0 30px 0;}
.wrap .center ul.lista1 li{float: left;display: inline;width: auto;text-align: center;max-width: 120px;padding: 0 10px;}
.wrap .center ul.lista1 li img{width: 50px;}
.wrap .center ul.lista1 li h4{text-transform: uppercase;font-weight: 400;font-size: .7em;max-width: 100px;text-align: center;line-height: 1.2;display: inline-block;margin: 7px 0;}

.wrap .center ul.lista2{width: 100%;float: left;text-align: left;margin: 30px 0 30px 0;}
.wrap .center ul.lista2 li{float: left;display: inline;width: auto;text-align: center;padding: 0 27px 30px 0;}
.wrap .center ul.lista2 li img{width: 40px;}
.wrap .center ul.lista2 li h4{text-transform: uppercase;font-weight: 400;font-size: .7em;max-width: 100px;text-align: center;line-height: 1.2;display: inline-block;margin: 7px 0;}

.wrap .bottom{padding: 50px 100px;max-width: 1600px;margin: 0 auto;float: none;}
.wrap .bottom footer{width: 100%;float: left;padding: 80px 0 0 0;}
.wrap .bottom footer .indirizzo {width: 100%;float:left;padding: 2.5% 0;display: flex;justify-content: space-between;}
.wrap .bottom footer .indirizzo .logoIndirizzo{padding-right: 15px;display: flex;}
.wrap .bottom footer .indirizzo img{width: 100px;float: left;margin-right: 20px;max-width: 100px;}
.wrap .bottom footer .indirizzo p{letter-spacing: 1px;font-size: 0.7em;width: auto;float: left;padding: 0;}
.wrap .bottom footer .indirizzo ul.social{float: right;margin: 0;}
.wrap .bottom footer .indirizzo ul.social li{float: right;}
.wrap .bottom footer .indirizzo ul.social li a{padding: 4px;border: 1px solid #000;float:right}
.wrap .bottom footer .indirizzo ul.social li img{width: 13px;margin: 0;}
.wrap .bottom footer ul.link{border-bottom: 1px solid #000;padding-bottom: 2%;text-align: center;margin-top: 0;}
.wrap .bottom footer ul.link li{font-size: .65em;text-transform: uppercase;display: inline;padding: 0 2.5%;}
.wrap .bottom footer ul.link li a{text-decoration: none;color: #000}
.homepage .wrap .center{padding-top:0px;}
.chi-siamo .wrap .center .modulo3 {}

.white-popup{}
.white-popup .wrap-popup{width: 100%;display: inline-block;}
.white-popup .wrap-popup h3{text-align: center;color: #434445;font-weight: 600;letter-spacing: 2px;font-size: 1.7em;float: left;width: 100%;line-height: 1;text-transform: uppercase;}
.white-popup .wrap-popup .img-big{width: 100%;float: left;display: table-cell;}
.white-popup .wrap-popup .step1{width:100%;float: left;margin: 20px 0;display: table;}
.white-popup .wrap-popup .step2{width:100%;float: left;margin: 20px 0;display: table;}
.white-popup .wrap-popup ul.punti{width: 75%;float: none;padding-left: 8%;box-sizing: border-box;display: table-cell;margin: 0;vertical-align: middle;}
.white-popup .wrap-popup ul.punti li{width: 50%;float: left;margin-bottom: 5px;display: table;}
.white-popup .wrap-popup ul.punti li .icona{width: 55px;height: 55px;/* background-color: #fff; */border-radius: 33px;float: left;margin-right: 10px;display: table-cell;padding: 14px;}
.white-popup .wrap-popup ul.punti li p{font-size: .85em;text-transform: uppercase;font-weight: 300;display: table-cell;vertical-align: middle;width: 100%;padding: 0;margin: 0;line-height: 1.2;}


/* Custom pagine interne ***********************************************************************************************************************************************/
.chi-siamo .wrap .center h2{margin:0 0 70px 0;}
.chi-siamo .wrap .center .modulo1-prodotti {padding: 0px 100px 30px 100px}



/* banner newsletter ***********************************************************************************************************************************************/
.wrap .center .newsletter{padding: 0 50px 50px 50px;background-color:#FCE0B7;display: grid;grid-template-columns: 1fr 3fr 1fr;}
.wrap .center .newsletter h2{color: #000;width: 100%;float: left;text-transform: uppercase;font-weight: 200;text-align: center;font-size: 2.5em;letter-spacing: 3px;
    line-height: 1em;margin: 80px 0 20px 0;}
.wrap .center .newsletter p {width: 100%;float: left;font-size: .85em;font-weight: 300;line-height: 1.7em;padding: 0;text-align: center;}
.wrap .center .newsletter a {float: left;margin: 30px 0 20px 0;color: #000;text-decoration: none;padding: 10px 25px;letter-spacing: 2px;font-size: .75em;border: 1px solid #000;height: 45px}
.wrap .center .newsletter a:hover {transition: opacity .25s ease-in-out;opacity: .5;cursor: pointer}
.wrap .center .newsletter .newsletterImg{display: flex;padding: 30px;justify-content: center;}
.wrap .center .newsletter .cont_newsletter{display: flex;flex-direction: column;justify-content: center;align-items: center;}
/* banner newsletter ***********************************************************************************************************************************************/



@media only screen and (max-width:1400px){
	.wrap .top .cont-alto ul.menu li a {padding: 17px 12px}
	.wrap .top .cont-alto #click {padding: 17px 12px}
	.wrap .top .cont-alto ul.menu-bis li a {padding: 7px 12px}
	.wrap .center .blocco2 ul.plus li.sx .titolo {padding: 50px 30px}
	.wrap .center .blocco2 ul.plus li.dx .titolo {padding: 50px 30px}
	.wrap .center .blocco2 ul.plus li .titolo h3 {font-size: 1.3em}
    .blog .wrapper.section {padding-top: 200px}

}


@media only screen and (max-width:1200px){
	.wrap .top .cont-alto ul.menu li {font-size: .65em}
	.wrap .top .cont-alto ul.menu li a {padding: 17px 12px}
	.wrap .center .blocco2 .sx ul.plus li .titolo {width: 100%;padding: 35px 50px;}
	.wrap .center .blocco2 .dx ul.plus li .titolo {width: 100%;padding: 35px 50px;}
	.wrap .center .blocco2 .sx ul.plus li .titolo h3 {letter-spacing: 2px;font-size: 1.1em}
	.wrap .center .blocco2 .dx ul.plus li .titolo h3 {letter-spacing: 2px;font-size: 1.1em}

}


@media only screen and (max-width:1024px){


	.wrap .top .cont-alto .logo {padding: 30px 0}
	.wrap .slider-top .flexslider .slides li .testi-slider h1 {font-size: 2em;letter-spacing: 2px;}
	.wrap .slider-top .flexslider .slides li .testi-slider h2 {text-align: center;text-transform: uppercase;font-size: 2em;letter-spacing: 2px;}
	.wrap .slider-top .flexslider .slides > li {min-height: 400px}
	.wrap .slider-top .flexslider .slides li .testi-slider {padding: 0 3%}
	.wrap .slider-top .flexslider .slides li .testi-slider .google h2 {font-size: 1.1em;letter-spacing: 1px;}
	.wrap .slider-top .flexslider .slides li .testi-slider .google p {padding: 0 0 15px 0;font-size: .75em}
	.wrap .slider-top .flexslider .slides li .testi-slider .google .sx {padding: 15px 50px 15px 50px}
	.wrap .slider-top .flexslider .slides li .testi-slider .google .dx {padding: 15px 50px 15px 50px}
	.wrap .center h2 {font-size: 2em;margin: 60px 0 50px 0}
	.wrap .center .blocco1 h3 {font-size: 1.4em}
	.wrap .center .blocco2 ul.plus {padding: 0 50px}
	.white-popup {padding: 40px 40px!important}
	.white-popup .wrap-popup h3 {font-size: 1.4em}
	.wrap .center .gmb-crm {padding: 0 50px}
	.wrap .center .gmb-crm h3 {letter-spacing: 1.5px;font-size: 1.3em}
	.wrap .center .blog .articolo-blog .dx h2 {font-size: 1.3em}
	.wrap .center .clienti h2 {font-size: 2em;margin: 60px 0 20px 0}
	.wrap .bottom footer {padding: 40px 0 20px 0;}
	.wrap .bottom footer ul.link {text-align: left}
	.wrap .bottom footer ul.link li {padding: 0 5% 0 0;font-size: 0.6em}
	.wrap .bottom footer .indirizzo img {float: none;display: block}
	.wrap .bottom footer .indirizzo p {padding: 10px 0 10px 0;font-size: .55em;line-height: 1.7;letter-spacing: .5px;}
	.wrap .bottom footer .indirizzo p a {text-decoration: none; color: #000}
	.col {width:100%;padding: 0 100px;max-width: none}
	.wrap .top .foto-top .testi-top h1{font-size: 2em}
	.wrap .top .foto-top {min-height: 400px}
	.tab-label {font-size: .8em}
	.wrap .top .foto-top .testi-top .domanda {padding: 20px 60px}
	.wrap .top .foto-top .testi-top .domanda p {font-size: .7em}
	.wrap .center.pacchetti ul.lista-pacchetti li {width: 100%;margin-bottom: 50px;padding: 20px 40px;}
	.wrap .center.pacchetti ul.lista-pacchetti li ul {min-height: 0px}
	.wrap .center.pacchetti ul.lista-pacchetti li ul.optional {min-height: 0px}
	.wrap .center.pacchetti ul.lista-pacchetti li h4 {margin: 15px 0 20px 0}

	.wrap .center .dicono ul li p {padding-top: 15px;}
	.wrap .center .dicono ul li .cliente {padding-top: 15px}

  .citazione p {padding-top: 15px;}
	.citazione .cliente {padding-top: 15px}

	.contatti .wrap .center ul.form {max-width: none;padding: 0px 100px 80px 100px}
	.grid figure {margin: 10px 1%;width: 31.3%}
	.wrap .center .testate ul li {width: 31%;margin: 1%}
	.grid figure.effect-oscar h2 {font-size: 1.5em !important}
	.grid figure.effect-oscar figcaption {padding: 2.3em}
	.grid figure.effect-oscar figcaption::before, figure.effect-oscar p {opacity: 0;-webkit-transition: none;transition: none;-webkit-transform: none;transform: none;}
	.grid figure img {min-height: 0px}
	.grid figure.effect-oscar p {display: none}
	.grid figure.effect-oscar figcaption::before{border: 0px}
	.grid.testata figure.effect-oscar figcaption::before, figure.effect-oscar p {opacity: 0;-webkit-transition: none;transition: none;-webkit-transform: none;transform: none;}
	.grid.testata figure.effect-oscar p {display: none}
	.grid.testata figure.effect-oscar figcaption::before{border: 0px}
	.wrap .center .modulo1-rassegna .col2 {width: 100%;padding-left: 0}
	.wrap .center .modulo1-rassegna ul.numbers li.number-item {width: 50%}
	.wrap .center .modulo1-rassegna .col1 {width: 100%;padding: 0 0 40px 0;}
	.wrap .center .modulo2-rassegna .col1 h3 {font-size: 1.3em;width: 100%;}
	.wrap .center .modulo2-rassegna .col1 {padding: 20px 100px}
	.wrap .center .modulo2-rassegna .col1 p {width: 100%;}
	.wrap .center .modulo1-prodotti .col1 {width: 100%;padding: 0px 0px 40px 0}
	.wrap .center .modulo1-prodotti .col1 .testo {width: 71%}
	.wrap .center .modulo1-prodotti .smartphone {top: 0px;width: 20%;right: 100px;left: auto;z-index: 8}
	.wrap .center .modulo1-prodotti .col2 {width: 100%; min-height: 400px}
	.wrap .top .foto-top .testi-top .back a {font-weight: 300}
	.wrap .top .cont-alto{height: 140px}
	.wrap .slider-top{margin-top: 140px}
	.wrap .top .foto-top{margin-top: 140px}
	.wrap .center .newsletter h2{font-size: 2em;margin: 60px 0 50px 0;}
	.wrap .bottom footer .indirizzo .logoIndirizzo {flex-direction: column}

}




@media only screen and (max-width:865px){ /* solo smartphone */
	
		
	h2#opt_out {
    font-size: 16px!important;
    
    line-height: 21px;
}
	
	h2#contact_information {
    font-size: 16px!important;
   line-height: 21px;
}
	
	.iubenda_fluid_policy.iubenda_embed_policy .one_line_col h2 {
    font-size: 16px!important;
    line-height: 21px;
}
	h2#purposes_data {
    font-size: 16px!important; line-height: 21px;
    
}
	.iubenda_fluid_policy.iubenda_embed_policy ul.unstyled li h3 {
   
    font-size: 13px;
   
}
	.iubenda_fluid_policy.iubenda_embed_policy h3 {
   
    font-size: 14px;
    
}
	
.contentVideo { width: 100%!important; margin-top:40px!important; float: left!important; margin-left:0%!important}
  .wrap .top .cont-alto ul.menu-lingue-mobile {display: inline-block !important;}

	.wrap .top .cont-alto {margin: 0 0 17px 0;float: left;padding: 0;width: 100%;}
	.wrap .top .cont-alto ul.menu-bis {left: 80px;right: auto;z-index: 99;}
	.wrap .top .cont-alto .menu-mobile{display: block;position: absolute;top: 30px;z-index: 9;}
	.wrap .top .cont-alto ul.menu{display: none}
	.wrap .top .cont-alto ul.menu-bis li{display: none}
	.wrap .top .cont-alto ul.menu-bis li.login{display: block}
	.wrap .top .cont-alto ul.menu-bis li a {padding: 7px 0px;color: #000;font-size: .9em;}
	.wrap .top .cont-alto .logo {border: 0}
	.cont-loghi .loghi-wrap .loghi-group li {width: 180px;}
	.wrap .center h2 {font-size: 1.7em}
	.wrap .center .blocco1 h3 {font-size: 1.2em}
	.white-popup {width: 90%!important}
	.wrap .center .blocco2 ul.plus li {margin-bottom: 50px}
	.wrap .center .blocco2 ul.plus li.sx .titolo {padding: 30px 30px;width: 100%}
	.wrap .center .blocco2 ul.plus li.sx p {width: 100%;margin-top: 20px;text-align: right;position: relative;top:0}
	.wrap .center .blocco2 ul.plus li.dx .titolo {padding: 30px 30px;width: 100%}
	.wrap .center .blocco2 ul.plus li.dx p {width: 100%;margin-top: 20px;text-align: right;position: relative;top:0}
	.wrap .center .dicono-di-noi .flexslider .slides li .testi-slider {padding: 0}
	.wrap .center .dicono-di-noi .flexslider .slides li .testi-slider p{letter-spacing: 2px;font-size: .9em;font-weight: 300;}
	.wrap .center .gmb-crm .sx {width: 100%;margin: 70px 0 70px 0;;padding: 0}
	.wrap .center .gmb-crm .dx {width: 100%;padding-left: 0;margin: 0 0 70px 0}
	.wrap .center .blog {padding: 50px 7%}
	.wrap .center .blog .articolo-blog img {width: 43%}
	.wrap .center .blog .articolo-blog .dx {width: 57%}
	.wrap .center .clienti h2 {font-size: 1.7em}
	.wrap .center .contatti .col-contatti .sx{display: none}
	.wrap .center .contatti .col-contatti .dx{width: 100%}
	.wrap .bottom {padding: 50px 70px}
	.col {padding: 0 70px}
	.wrap .center .modulo1 {padding: 0px 70px 50px 70px}
	.wrap .center .modulo2 {padding: 0px 70px 50px 70px}
	.wrap .center .modulo3 {padding: 0px 70px 50px 70px}
	.wrap .center .modulo4 {padding: 0px 70px 50px 70px}
	.wrap .center .modulo5 {padding: 0px 70px 50px 70px}
	.wrap .center .modulo6 {padding: 0px 70px 50px 70px}
	.wrap .center .modulo7 {padding: 0px 70px 50px 70px}
	.wrap .center.pacchetti ul.lista-pacchetti {padding: 0px 70px 80px 70px}
	.wrap .center .dicono ul {padding: 0 70px}
	.wrap .center .dicono ul li .cliente {width: 50%;float: left;padding-top:30px}
	.wrap .center .dicono ul li img {width: 12%;float: right;margin: 0;padding: 0}
	.wrap .center .dicono ul li p {float: left;text-align: left;width: 100%}
	.wrap .center .dicono ul li.sx .cliente h3 {text-align: left}
	.wrap .center .dicono ul li.sx .cliente img {float: left}
	.wrap .center .dicono ul li p {font-size: .75em}

  .citazioni-wrap {padding: 0px 100px 80px 100px;}
	.citazione .cliente {width: 50%;float: left; padding-top:30px}
	.citazione img {width: 12%;float: right;margin: 0;padding: 0}
	.citazione p {float: left;text-align: left;width: 100%}
	.citazione-sx .cliente h3 {text-align: left}
	.citazione-sx .cliente img {float: left}
	.citazione p {font-size: .75em}

	.contatti .wrap .center ul.form {padding: 0px 70px 80px 70px}
	.grid {padding: 0 60px}
	.grid figure {min-height: 200px}
	.grid figure.effect-oscar h2 {font-size: 1em !important}
	.grid figure.effect-oscar figcaption {padding: 2.3em}
	.grid figure.effect-oscar figcaption::before, figure.effect-oscar p {opacity: 0;-webkit-transition: none;transition: none;-webkit-transform: none;transform: none;}
	.grid figure img {min-height: 0px}
	.grid figure.effect-oscar p {display: none}
	.grid figure.effect-oscar figcaption::before{border: 0px}
	.grid.testata {padding: 0 60px}
	.grid.testata figure {min-height: 0px}
	.wrap .center .testate ul li {width: 30%;margin: 2% 1.5%;min-height: 350px;}
	.wrap .center .modulo1.articolo .testo{width: 100%; padding-right: 0}
	.wrap .center .modulo1.articolo img {width: 100%;padding-left: 0}
	.wrap .center .modulo1-rassegna {padding: 0px 70px 80px 70px;}
	.wrap .center .modulo1-rassegna ul.numbers li.number-item {width: 100%;margin-bottom: 25px}
	.wrap .center .modulo1-rassegna .col2 {margin-bottom: 30px}
	.wrap .center .modulo1-rassegna .col1 .im1 {width: 100%;margin-bottom: 30px}
	.wrap .center .modulo1-rassegna .col1 p {width: 100%;padding: 0}
	.wrap .center .modulo2-rassegna .col1 {padding: 50px 70px;width: 75%;display: block}
	.wrap .center .modulo2-rassegna {display: block}
	.wrap .center .modulo2-rassegna .col2{width: 100%;display: block;float: left;height: 350px;}
	.wrap .center .modulo2-rassegna .smartphone {top: 50px;width: 20%;right: 70px;left: auto;}
	.wrap .center .modulo1 .testo {width: 100%;padding-right: 0}
	.wrap .center .modulo1 img {width: 100%;padding-left: 0;padding-top: 40px;}
	.wrap .center .modulo1 .testo p {padding: 0 0 20px 0}
	.wrap .center .modulo1-prodotti, .chi-siamo .wrap .center .modulo1-prodotti {padding: 0px 70px 80px 70px}
	.wrap .center ul.lista1 li {width: 19%;margin: 0 2%}
	.wrap .center .modulo1-prodotti .smartphone {right: 70px}
	.wrap .center.termsTxt .modulo3 {padding: 0px 70px 40px 70px}
  .wrap .top .cont-alto ul.menu-lingue {left: auto;right: 0;top: 38px;}
	.wrap .top .cont-alto ul.menu-lingue li {font-size: .65em;letter-spacing: 1px}
	.wrap .top .cont-alto ul.menu-lingue li a{padding: 7px 0px 7px 10px;}
	.wrap .top .cont-alto{height: 90px;}
	.wrap .slider-top{margin-top: 90px}
	.wrap .top .foto-top{margin-top: 90px}
	.wrap .top .cont-alto .cont-menu-fisso {margin: 0 20px;padding: 0}
	.wrap .top .cont-alto .cont-menu-fisso .dl-menuwrapper .dl-menu {margin: 30px 0 0 0}
  .wrap .top .cont-alto .cont-menu-fisso .dl-menuwrapper-lingue .dl-menu {margin: 30px 0 0 0}
	.chi-siamo .citazioni-wrap{padding: 50px 7%;}
	.wrap .center .newsletter{grid-template-columns: 1fr;}
	.wrap .center .newsletter h2{margin-top: 0}
	.wrap .center .newsletter .newsletterImg img{width: 150px}

  .wrap .top .cont-alto .menu-mobile-right{display: block;position: absolute;top: 30px;z-index: 9;}

  .dl-menuwrapper-lingue .dl-menu.dl-menuopen {margin-top: 60px !important;}

}

@media only screen and (max-width: 700px){ /* tablet e smartphone portrait */
	
.Frase {
  font-size: 15px;
  width: auto;
  max-width: 1400px;
  margin: 0 auto;
  font-weight: 600;
  line-height: 18px;
  background-color: #f09a04;
padding: 10px;
margin-bottom: 30px;
}
	
	
	.iubenda_fluid_policy.iubenda_embed_policy h1 {
    font-size: 20px;
    line-height: 24px;
}
	.iubenda_fluid_policy.iubenda_embed_policy p {
    padding-top: 0!important;
    line-height: 23px!important;
    font-size: 13px!important;
}
	
	h2#purposes_data {
    font-size: 14px!important;
    line-height: 19px;
    margin-top: 13px;
}
	.iubenda_fluid_policy.iubenda_embed_policy .one_line_col h2 {
    font-size: 14px!important;
    line-height: 19px;    margin-top: 40px!important;
    margin-bottom: 20px!important;
}
	h2#opt_out {
    font-size: 14px!important;
    line-height: 19px;    margin-top: 40px!important;
    margin-bottom: 20px!important;
}
	
	h2#contact_information {
    font-size: 14px!important;
    line-height: 19px;    margin-top: 40px!important;
    margin-bottom: 20px!important;
}
	
	
	.modulo2 .intervista {display: none;}
	
	.mobile {display: block;}
	.desktop {display: none;}
	
	.wrap .top .cont-alto .logo img {width: 35%}
	.wrap .top .cont-alto {margin: 0;height: 70px;}
	.wrap .slider-top{margin-top: 70px}
	.wrap .top .foto-top{margin-top: 70px}
	.wrap .top .cont-alto .logo {padding: 20px 0}
	.wrap .top .cont-alto ul.menu-bis {right: 5px;top: 20px;display: none}
	.wrap .top .cont-alto ul.menu-bis li {font-size: .6em}
	.wrap .top .cont-alto .menu-mobile {top: 20px;}
	.dl-menuwrapper button {width: 25px!important}
	.dl-menuwrapper button:after {box-shadow: 0 6px 0 #000, 0 12px 0 #000 !important; height: 2px !important}
	.wrap .slider-top .flexslider .slides li .testi-slider h1 {font-size: 1.3em}
	.wrap .slider-top .flexslider .slides li .testi-slider .google h2{font-size: 1em}
	.wrap .slider-top .flexslider .slides li .testi-slider .google .sx h2 {text-align: center}
	.wrap .slider-top .flexslider .slides li .testi-slider .google p {padding: 0 0 10px 0;text-align: center;font-size: .8em;line-height: 1.5;}
	.wrap .slider-top .flexslider .slides li .testi-slider .google .sx {width: 100%; padding: 15px 30px 15px 30px;border-right: 0px}
	.wrap .slider-top .flexslider .slides li .testi-slider .google .sx p{text-align: center}
	.wrap .slider-top .flexslider .slides li .testi-slider .google .dx {width: 100%;padding: 15px 20px 15px 20px;}
	.wrap .slider-top .flexslider .slides li .testi-slider .google .dx p{text-align: center}
	.wrap .slider-top .flexslider .slides li .testi-slider .google .dx h2 {text-align: center}
	.flex-control-nav {bottom: 20px !important}
	.wrap .slider-top .flexslider .slides li .testi-slider h2{font-size: 1.5em;line-height: 1.2;}
	.cont-loghi .loghi-wrap .loghi-group li{padding: 0 10px !important; width: 110px !important}
	.wrap .center h2{font-size: 1.2em;margin: 40px 0 30px 0;letter-spacing: 2px;}
	.wrap .center .blocco1 {padding: 0 8% 40px 8%;}
	.wrap .center .blocco1 p {font-size: .8em;letter-spacing: .5px}
	.white-popup .wrap-popup h3 {font-size: 1.2em}
	.white-popup {padding: 40px 25px!important}
	.white-popup .wrap-popup ul.punti {padding-left: 3%}
	.white-popup .wrap-popup ul.punti li {width: 100%}
	.white-popup .wrap-popup ul.punti li p {font-size: .8em}
	.white-popup .wrap-popup ul.punti li .icona {width: 50px;height: 50px;padding: 12px;}
	.wrap .center .blocco2 ul.plus {padding: 0 8%}
	.wrap .center .blocco2 ul.plus li .titolo h3{font-size: .8em;right: 20px;line-height: 1.2em;}
	.wrap .center .blocco2 ul.plus li.sx .titolo, .wrap .center .blocco2 ul.plus li.dx .titolo {padding: 20px 20px}
	.wrap .center .blocco2 ul.plus li.sx p, .wrap .center .blocco2 ul.plus li.dx p {font-size: .8em;letter-spacing: .5px}
	.wrap .center .blocco2 ul.plus li {margin-bottom: 25px}
	.wrap .center .blocco2 ul.plus li:last-child {margin-bottom: 25px}
	.wrap .center .dicono-di-noi {padding: 0 8% 20px 8%}
	.wrap .center .dicono-di-noi .flexslider .slides li .testi-slider p {font-size: .8em}
	.wrap .center .dicono-di-noi .flexslider .slides li .testi-slider .cliente {margin-top: 20px}
	.wrap .center .dicono-di-noi .flexslider .slides li .testi-slider .cliente img {display: none}
	.wrap .center .dicono-di-noi .flexslider .slides li .testi-slider .cliente p.nome {width: 100%;padding: 0px;margin-top: 20px;}
	.wrap .center .dicono-di-noi .flexslider {min-height: 300px}
	.wrap .center .gmb-crm {padding: 0 8%}
	.wrap .center .gmb-crm .sx {margin: 50px 0 50px 0}
	.wrap .center .gmb-crm img {width: 100%; margin: 25px 0}
	.wrap .center .gmb-crm p {font-size: .8em;letter-spacing: .5px}
	.wrap .center .gmb-crm .dx {margin: 0 0 50px 0}
	.wrap .center .blog {padding: 30px 8%}
	.wrap .center .blog .articolo-blog {padding: 20px 0;border-bottom: 0px}
	.wrap .center .blog .articolo-blog img {width: 100%;padding: 0}
	.wrap .center .blog .articolo-blog .dx{width: 100%; margin-top: 30px}
	.wrap .center .blog .articolo-blog .dx h2 {font-size: 1.2em;margin: 20px 0 30px 0;}
	.wrap .center .blog .articolo-blog .dx span{text-align: left}
	.wrap .center .blog .articolo-blog .dx p {font-size: .8em;letter-spacing: .5px}
	.wrap .center .blog .articolo-blog a{width: 100%;height: 45px;padding: 10px 25px;margin: 30px 0 0 0;}
	.wrap .center .clienti h2 {font-size: 1.2em;margin-top: 50px}
	.homepage .wrap .center .clienti ul li {width: 25%;padding: 0 1.5%;}
	.wrap .center .contatti .col-contatti .dx {width: 100%;padding: 50px 8%}
	.wrap .center .contatti .col-contatti .dx ul.form li label {font-size: .65em}
	.wrap .center .contatti .col-contatti .dx ul.form li.informativa a {font-size: .6em}
	.wrap .center .contatti .col-contatti .dx form button {height: 45px;padding: 10px 25px;width: 100%}
	.wrap .center .contatti .col-contatti .dx ul.form li.informativa span {font-size: .6em}
	.wrap .center .contatti .col-contatti .dx ul.form p{font-size: .6em}
	.wrap .bottom {padding: 50px 8%}
	.wrap .bottom footer .indirizzo img {margin: 0 0 10px 0;}
	.wrap .bottom footer ul.link li {font-size: 0.55em;letter-spacing: .5px;}
	.wrap .bottom footer .indirizzo p {padding: 0px 0 10px 0}
	.dl-menuwrapper .dl-menu {margin: 12px 0 0 0 !important}
	.dl-menuwrapper .dl-menu.dl-menuopen {left: -4% !important;width: 108% !important; padding: 20px 0 !important;}
	.dl-menuwrapper li a {padding: 15px 30px !important;font-size: 13px !important}
	.col {padding: 0 8%}
	.wrap .top .foto-top .testi-top {padding: 0}
	.wrap .top .foto-top .testi-top .domanda {margin-top: 0px;padding: 20px 20px;}
	.wrap .center {padding-top: 50px}
	.wrap .top .foto-top {min-height: 300px}
	.wrap .top .foto-top .testi-top h1 {font-size: 1.5em}
	.wrap .top .foto-top .testi-top .domanda h2 {font-size: .8em;line-height: 1.2;}
	.wrap .center .modulo1 {padding: 0px 8% 30px 8%}
	.wrap .center .modulo2 {padding: 0px 8% 30px 8%}
	.wrap .center .modulo3 {padding: 0px 8% 30px 8%}
	.wrap .center .modulo4 {padding: 0px 8% 30px 8%}
	.wrap .center .modulo5 {padding: 0px 8% 30px 8%}
	.wrap .center .modulo6 {padding: 0px 8% 30px 8%}
	.wrap .center .modulo7 {padding: 0px 8% 30px 8%}
	.wrap .center .modulo1 .testo p, .wrap .center .modulo2 .testo p, .wrap .center .modulo3 p, .wrap .center .modulo4 .testo p, .wrap .center .modulo5 .testo p,.wrap .center .modulo6 .testo p, .wrap .center .modulo7 .testo p {font-size: .8em;letter-spacing: .5px}
	.wrap .center .modulo1 .testo h3, .wrap .center .modulo2 .testo h3, .wrap .center .modulo3 h3, .wrap .center .modulo4 .testo h3, .wrap .center .modulo5 .testo h3,.wrap .center .modulo6 .testo h3, .wrap .center .modulo7 .testo h3{font-size: 1em;line-height: 23px;}
	.wrap .center .modulo1 .testo {width: 100%;padding: 0}
	.wrap .center .modulo1 img {width: 100%;padding-left: 0}
	.wrap .center .modulo2 img {width: 100%;padding-right: 0;margin-bottom: 0px;}
	.wrap .center .modulo2 .testo{width: 100%;padding-left:0;}
	.wrap .center .modulo2 .testo p {padding: 30px 0 30px 0}
	.wrap .center .modulo2 .testo img {margin-top: 0;width: 100%}
	.wrap .center .modulo3 p{padding: 0px}
	.wrap .center .modulo5 .testo {width: 100%;padding-right:0;}
	.wrap .center .modulo5 .testo p{padding: 0 0 30px 0;}
	.wrap .center .modulo5 .testo img {margin-top: 0;width: 100%;padding: 0; margin-bottom: 30px}
	.wrap .center .modulo5 img {width: 100%;padding-left: 0}
	.wrap .center .modulo7 img {width: 100%;padding-right: 0}
	.wrap .center .modulo7 .testo {width: 100%;padding-left: 0;margin-top: 30px}
	.wrap .top .foto-top .testi-top {padding: 0 3%}
	.wrap .center.pacchetti ul.lista-pacchetti {padding: 0px 8% 30px 8%}
	.wrap .center.pacchetti ul.lista-pacchetti li {padding: 20px 30px}
	.wrap .center.pacchetti ul.lista-pacchetti li h3 {font-size: 1.2em}
	.wrap .center.pacchetti ul.lista-pacchetti li ul{padding-bottom: 20px}
	.wrap .center.pacchetti ul.lista-pacchetti li ul li {width: 100%; min-height: 25px;}
	.wrap .center.pacchetti ul.lista-pacchetti li a{width: 100%}
	.wrap .center.pacchetti ul.lista-pacchetti li span {font-size: .8em;letter-spacing: .5px}
	.wrap .center .clienti ul li {width: 33.3%}
	.wrap .center .dicono ul {padding: 0 8%}
	.wrap .center .dicono ul li .cliente {width: 100%;padding-top: 0px}
	.wrap .center .dicono ul li img {width: 25%;float: left}
	.wrap .center .dicono ul li p {font-size: .8em;letter-spacing: .5px;font-weight: 300;}

  .citazioni-wrap {padding: 0px 100px 80px 100px;}
	.citazione .cliente {width: 100%; padding-top: 0px}
	.citazione img {width: 25%;float: left}
	.citazione p {font-size: .8em;letter-spacing: .5px;font-weight: 300;}

	.contatti .wrap .center ul.form {padding: 0px 8% 80px 8%}
	.contatti .wrap .center ul.form li.informativa a {width: 100%;text-align: left;margin-bottom: 20px}
	.contatti .wrap .center form button {width: 84%;margin: 0 8% 0px 8%}
	.grid {padding: 0 8%}
	.grid figure {margin: 10px 0;width: 100%;min-height: 150px;}
	.grid figure.effect-oscar h2 {transform: none;margin: 0!important;text-align: center}
	.grid figure.effect-oscar figcaption::before {position: relative}
	.grid figure.effect-oscar img {width: 150px;display: inline-block}
	.wrap .center .testate ul li {width: 100%;margin: 0 0 10% 0}
	.grid.testata figure.effect-oscar img {width: 100%;display: block}
	.grid.testata {padding: 0 8%}
	.wrap .center .modulo1-rassegna {padding: 0px 8% 40px 8%}
	.wrap .center .modulo1-rassegna ul.numbers li.number-item h4 {font-size: .65em}
	.wrap .center .modulo1-rassegna ul.numbers li.number-item h3 {font-size: 2em}
	.wrap .center .modulo1-rassegna .col1 .im2 {width: 100%;float: left;padding: 40px 10% 0 10%}
	.wrap .center .modulo1-rassegna .col1 .im3 {width: 100%}
	.wrap .center .modulo2-rassegna .col1 {padding: 50px 8%;width: 100%}
	.wrap .center .modulo2-rassegna .smartphone {position: relative;top: 0;width: 46%;right: 0;left: auto;margin-left: 27%;padding-bottom: 50px;}
	.wrap .center .modulo2-rassegna .col2 {background-size: contain}
	.wrap .center .modulo1 .testo .sx {width: 100%;padding-right: 0;padding-bottom: 30px;}
	.wrap .center .modulo1 .testo .dx {width: 100%;padding-left: 0}
	.wrap .center .modulo1-prodotti, .chi-siamo .wrap .center .modulo1-prodotti {padding: 0px 8% 40px 8%}
	.wrap .center .modulo1-prodotti .col1 .testo {width: 100%}
	.wrap .center ul.lista1 li {width: 45%;margin: 2%;max-width: none}
	.wrap .center .modulo1-prodotti .col1 {padding: 0px 0px 0px 0px}
	.wrap .center .modulo1-prodotti .smartphone {right: auto;position: relative;width: 46%;margin-left: 27%;margin-bottom: 40px}
	.wrap .center .modulo1-prodotti .col2{min-height: 300px;background-size: contain}
	.wrap .center .modulo1-prodotti .col1 .testo p{font-size: .8em;letter-spacing: .5px;}
	.wrap .center .modulo1-prodotti .col1 .testo h3 {font-size: .8em}
	.wrap .top .cont-alto #menu li {padding: 2% 10%;width: 100%}
	.wrap .center.termsTxt .modulo3 {padding: 0px 8% 40px 8%}
	.wrap .center.termsTxt .modulo3 p{padding: 0px 0 10px 0;}
	.wrap .center.termsTxt ol ol p {width: 94%;padding: 0 0 20px 0}
	.wrap .top .cont-alto .cont-menu-fisso {margin: 0 10px}
	.wrap .top .cont-alto ul.menu-lingue {top: 20px}
	.wrap .center .newsletter{padding: 0 8% 40px 8%;}
	.wrap .center .newsletter h2{margin:0 0 30px 0;font-size: 1.2em;}
	.wrap .center .newsletter p{font-size: .8em;letter-spacing: .5px;}
	.wrap .center .newsletter a{width: 100%;}

  .wrap .top .cont-alto .menu-mobile-right {top: 20px;}
  /* .dl-menuwrapper-lingue button {width: 25px!important} */
	/* .dl-menuwrapper-lingue button:after {box-shadow: 0 6px 0 #000, 0 12px 0 #000 !important; height: 2px !important} */
  .dl-menuwrapper-lingue .dl-menu {margin: 12px 0 0 0 !important}
	.dl-menuwrapper-lingue .dl-menu.dl-menuopen {left: -4% !important;width: 108% !important; padding: 20px 0 !important; margin-top: 42px !important;}
	.dl-menuwrapper-lingue li a {padding: 15px 30px !important;font-size: 13px !important}
}

.scroll-to-top--zoom.scroll-to-top--is-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: transform .25s ease,opacity .25s ease,visibility 0s linear 0s;
}
.scroll-to-top--bottom-right.scroll-to-top--zoom {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.scroll-to-top.scroll-to-top--bottom-right {
    bottom: 80px;
    right: 0;
}
.scroll-to-top {
    margin: 10px;
    z-index: 1000;
}
.scroll-to-top--zoom {
    -webkit-transform: scale(.2);
    transform: scale(.2);
    transition: transform .25s ease,opacity .25s ease,visibility 0s linear .25s;
}
.scroll-to-top--is-active {
    opacity: 1 !important;
    visibility: visible !important;
}
.scroll-to-top {
    position: fixed;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-tap-highlight-color: transparent;
}

.scroll-to-top:hover .scroll-to-top__btn {
  border: 3px solid gray;
}


.scroll-to-top .scroll-to-top__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    width: 3.25em;
    height: 3.25em;
    border: 3px solid #ebebec;
    border-radius: 50%;
    pointer-events: initial;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    -webkit-box-shadow: 0 0 2px transparent;
    box-shadow: 0 0 2px transparent;
    transition: background-color .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.scroll-to-top .scroll-to-top__btn {
    width: 52px;
    height: 52px;
    border: 3px solid #ebebec;
    border-radius: 999px;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 5%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 5%);
}
.scroll-to-top--theme-white .scroll-to-top__btn {
    background-color: #fff !important;
}

.scroll-to-top .scroll-to-top__btn .scroll-to-top__icon {
    width: 16px;
    height: 16px;
}

.scroll-to-top--theme-white .scroll-to-top__btn:active .scroll-to-top__icon, .scroll-to-top--theme-white .scroll-to-top__btn:focus .scroll-to-top__icon, .scroll-to-top--theme-white .scroll-to-top__btn:hover .scroll-to-top__icon, .scroll-to-top--theme-white .scroll-to-top__icon {
    fill: #000;
}

.scroll-to-top .scroll-to-top__icon {
    z-index: 1;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-style: normal;
    width: 1em;
    height: 1em;
    line-height: 1;
    color: #fff;
}


.scroll_to_customers {
  color: #020202;
  text-decoration: none;
  text-transform: uppercase;
  font-size: .8em;
  letter-spacing: 2px;
  padding: 17px 40px;
  float: none;
  font-size: 300;
  transition: 0.3s;
}

.termsfeed-com---nb .cc-nb-text {
    font-size: 13px!important;
    margin: 0 0 1.25rem 0;
}
.termsfeed-com---palette-light.termsfeed-com---nb {
    background-color: #fff!important;
    color: #111;
}.termsfeed-com---nb-interstitial {
    right: 3vw;
    bottom: 3vh!important;top: auto!important;
    left: 3vw;
    max-width: 100%;
    position: fixed;
}.termsfeed-com---palette-light .cc-nb-reject {
    color: #fff;
    background-color: #626262 !important;
}
.termsfeed-com---palette-light .cc-nb-okagree {
    color: #fff;
    background-color: black!important;
}

.termsfeed-com---nb-interstitial-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.6)!important;
    z-index: 9999999999;
}
.termsfeed-com---reset div {
    display: block;
    text-align: center;
}
.termsfeed-com---nb .cc-nb-main-container {
    padding: 2rem!important;
}

.termsfeed-com---nb .cc-nb-okagree, .termsfeed-com---nb .cc-nb-reject, .termsfeed-com---nb .cc-nb-changep {
    font-weight: normal!important;
    font-size: 12px!important;
    margin-right: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}