@charset "utf-8";
/* CSS Document */
/*reset html 5*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:16px;
	line-height:1.4em;
    vertical-align:baseline;
    background:transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul {
    list-style:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	color:#C00!important;
}
.impression a{ color:#C00!important;}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
/*conversational form*/
.robot text {white-space: normal !important;}
/* Nasconde il form originale finché non viene avviata la chat */
#my-conversational-form form {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}
#my-conversational-form.cf-ready form {
  visibility: visible;
  opacity: 1;
}
#conversational-form {
  z-index: 1 !important;
  border: 1px solid #222!important;
  border-radius: 10px!important;
}
input, select {vertical-align:middle;}
img{max-width:100%!important;}
/* animazione*/
@keyframes body-color{
 0%{background-color:#011d4d;}
 50%{background-color:#960694;}
 75%{background-color:#f7aa04;}
 100%{background-color:#011d4d;}
}
@keyframes arrow-desktop{
 0%{margin-left:0;}
 50% {margin-left:25px;}
 100% {margin-left:0;}
}
@keyframes arrow-mobile{
 0%{margin-top:0;}
 50% {margin-top:15px;}
 100% {margin-top:0;}
}
@keyframes sottolineatura {
 0% {width:0%;}
 100% {width:72%;}
}
@keyframes sottolineatura-mobile {
 0% {width:0%;}
 100% {width:100%;}
}
.clear{clear:both;}
.vantage h4 {font-size: 25px !important;}
.red{color:red; font-weight:400; font-size:32px;}
.open-g{display:none;}
/*banner cookie*/
#iubenda-cs-paragraph, .iub-p strong{font-size: 14px!important;}
#cookiesck_accept, #cookiesck_decline, #cookiesck_settings{background: #fff!important;border: none!important;}
#cookiesck_options {width: 100px!important;height: 50px!important;}
/*tipografia*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat/montserrat-v30-latin-regular.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat/montserrat-v30-latin-500.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat/montserrat-v30-latin-600.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat/montserrat-v30-latin-700.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat/montserrat-v30-latin-800.woff2') format('woff2');
  font-display: swap;
}
/* sito*/
html, body{ margin:0; padding:0; width:100%; height:100%; position:relative;font-family: 'Montserrat', sans-serif!important;}
a{text-decoration:none!important;}
p{font-size:18px;}
.btn{font-size:1.15rem!important;}
body{background-color:#fff!important; font-family: 'Montserrat', sans-serif;}
body.preventivo  {background-color:#415560!important}
body.manutenzione  {background-color:#034e74!important}
.orange{text-align:center!important; font-size:21px!important; color:#ff6600!important; margin-bottom:10px;}
.impression h3{text-align:left!important; font-size:32px!important; font-weight:700!important; margin-bottom:40px}
.impression h2{margin-top:40px!important; margin-bottom:20px!important; text-align:center;}
#generale{margin-top:0; width:1100px; margin: 22px auto; min-height:100%!important; background-color:#fff; box-shadow: 0 10px 40px rgba(0,0,0,0.2); position:relative; overflow:hidden; padding-bottom:30px;}
.preventivo #generale{margin:0; width:100%; background:url(../images/bg-2017.jpg)no-repeat scroll center -195px !important;}
.manutenzione #generale{margin:0; width:100%; background:url(../images/bg-2018.jpg)no-repeat scroll center -235px !important; padding-bottom:0;}
br.top{ display:none;}
.page-header h1{display:none;}
.page-header{border-bottom:none!important; margin:0!important;}
header{height:auto; width:100%; padding-top:20px; padding-bottom:10px;}
.preventivo header{ color:#222!important;background-image: url(../images/top_background.jpg)!important; padding-bottom:0!important;min-height: 520px;}
#cms header{background-color:#06C; color:#fff!important; height:auto; overflow:auto;}
.manutenzione header{padding-bottom:0; padding-top:0;}
.logo{ width:100%; height:auto; float:none; margin-top:1px; margin-left:auto; text-align:center;}
img.main-logo{border:none; margin:0; height:auto; width:265px;}
.logo-slow{ float:left; width: 227px; margin-top:17.5px; margin-left:8px;}
img.logo-slow{border:none; margin:0;}
/*menu navigazione*/
.mn li{ float: left; padding:0 15px; list-style-type:none; line-height:20px; font-size:20px; margin-top:25px; color:#999; border-right: 1px solid #ddd;}
.mn a{ color:#999!IMPORTANT;}
.top{ width:100%; clear:both;}
.preventivo .top{ width:1100px; margin:0 auto; background-color:#fff; box-shadow: 0px 20px 30px rgba(0,0,0,0.1); background-image: url(../images/top_bg_2017.jpg);background-position-y: -40px; padding-bottom:1px; max-height: 590px;}
.web-landing-due .headline-top{text-align:center;}
.web-landing-due #generale{margin:0; width:100%; padding-bottom:0; animation-name:body-color; animation-duration: 12s; animation-iteration-count: infinite;}
.web-landing-due .top { width:1280px; margin:0 auto; color:#fff; height:100vh;}
.web-landing-due .top p{color:#fff;}
.web-landing-due header{background:url(../images/webdesign.jpg);}
.web-landing-due .top-point{align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.web-landing-due .top-point h3, .web-landing-due .top-point h4{color:#fff!important;}
.web-landing-due .top h3{font-size:35px; font-weight:600; letter-spacing:-1px;;margin-top:10px; margin-bottom:25px; position:relative; text-align:left!important}
.web-landing-due .top h3:before{  content: '';border-bottom: 4px solid #FF0000;position: absolute;bottom: -5px;left: 0; animation-name: sottolineatura ;animation-duration: 3s; animation-iteration-count: infinite;}
.web-landing-due #cf_6{padding:2%; background-color:rgba(255,255,255,0.30); border-radius:8px;}
.web-landing-due .branda{margin-top:50px;}
.web-landing-due #cf_6 a{color: #ff8a00!important;font-weight: 700;}
.web-landing-due .top .call-to-web{font-size: 18px;letter-spacing: 0px; padding:8px;margin-bottom: 44px; margin-left: -40px;margin-top: 15px; border-radius:10px;padding-bottom: 5px;padding-top: 6px; box-shadow:5px 5px 20px 0 rgba(240,133,61,.42); background-color:rgba(240,133,61, 1); text-align:center; }
.web-landing-due .freccia{ width:114px; height:58.5px; overflow:hidden; background-image:url(../images/freccia.png); background-position:top center; animation-name: arrow-desktop ;animation-duration: 3s; animation-iteration-count: infinite;}
.web-landing-due .misura h3{font-size: 32px!important; font-weight: bold!important; letter-spacing: -1px!important;}
.web-landing-due .call-last { background-color: #011d4d;}
.web-landing-due .footer li{padding:0.75%;}
body.web-landing-due {width:100%; height:100%; margin:0!important; padding:0;}
.web-landing-due .com-content-article__body { width:1280px; margin:0 auto; background-color:#fff; margin-top:1%!important;}
.manutenzione .top{ width:1100px; margin:0 auto; background-color:#fff; box-shadow: 0px 20px 30px rgba(0,0,0,0.1); background-image: url(../images/top_bg_2018.jpg); padding-bottom:30px;}
.call-to-web{font-size: 22px;letter-spacing: 0px; padding-left:8px; padding-right:8px;margin-bottom: 44px; margin-left: -10px;margin-top: 15px; border-radius:15px;padding-bottom: 5px;padding-top: 6px; box-shadow:5px 5px 20px 0 rgba(240,133,61,.42); background-color:#FDCD00; text-align:center; }
.read-to-web{font-size: 22px;letter-spacing: 0px; padding-left:8px; padding-right:8px;margin-bottom: 44px; margin-left: -10px;margin-top: 15px; border-radius:15px;padding-bottom: 5px;padding-top: 6px; box-shadow:5px 5px 20px 0 rgba(0,0,0,.22); background-color:rgba(50,50,50, 1); text-align:center; }
.misura .call-to-web{width:50%; margin-left:25%; margin-top:40px; margin-bottom:40px;}
a .call{color:#000!important; border-color:transparent!important; background-color:transparent!important; border:0px!important; font-weight:800;}
a .call:hover, a .read:hover{border:0px!important;}
a .read{color:#fff!important; border-color:transparent!important; background-color:transparent!important; border:0px!important;}
.manutenzione .call-to-web{background-color:#ff6600;}
.gratuito{font-size: 25px;letter-spacing: 0px;}
.btn-lg{text-transform:uppercase!important;}
.preventivo .item-pagepreventivo{ width:1100px; margin:0 auto; background-color:#fff;}
.vantage{ width:1100px; margin:0 auto; height:auto; color:#fff; padding:0;margin-bottom: -20px; }
.vantage p{margin-bottom:0!important;}
.manutenzione .vantage{background-color:#0974ab; padding:2%;}
.vantage h3{text-align:center; margin:0!important;}
.em {margin-top:-10px;}
.vantaggi{margin-left:1%!important; margin-right:1%!important; display:flex;}
.engage{ margin-left:-6.9%; margin-right:-6.9%; background: rgb(255,255,255); background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); padding:3% 7%; margin-bottom:30px;}
blockquote {font-size: 22px;line-height: 36px;}
blockquote p.daje{ text-transform:uppercase; font-weight:600;}
.vg{background-color:#fefefe; border-radius:25px; border: 8px solid rgba(217,220,223,.74); margin:0.75%; width:31.83%!important; box-shadow: 5px 5px 12px 0 rgba(0,0,0,.4); padding:2.5% 1%;}
.vg p{color:#222!important;}
.top h1{ clear:both;font-size:50px; font-weight:bold; letter-spacing:0; padding-top:15px; margin-left:25px; font-family: 'Montserrat', sans-serif; padding-bottom:0px; margin-bottom:0; text-align:center;}
.top h1.joomla{font-size:50px; font-weight:bold; letter-spacing:0; padding-top:45px; margin-left:25px; font-family: 'Montserrat', sans-serif; padding-bottom:0px; margin-bottom:0;}
.preventivo .top h2{font-size:28px; font-weight:700; letter-spacing:1px; padding-top:2px; margin-left:25px; margin-top:8px; text-align:left; margin-bottom:10px; color:#0a6}
.top h2{font-size:25px!important; font-weight:normal; letter-spacing:0; padding-top:2px; margin-left:25px; margin-top:10px; text-align:center; margin-bottom:75px;}
.top h3{font-size:28px!important; font-weight:600; letter-spacing:-1px; padding-top:15px;margin-top:10px; text-align:left!important}
.top p{}
.top strong{font-size:20px; color:red;}
.sx{ background:url(../images/freccia.png) no-repeat; background-position:right bottom;}
#cms .top h1{color:#fff; font-size:70px; padding-top:20px;}
.manutenzione .top .col-md-6{flex: 1 1 auto;}
.manutenzione .top h1{ font-size:33px; padding-top:20px; text-align:left;  margin-left:0;}
.manutenzione .top h2{text-align:left; margin-bottom:19px; margin-left:0;}
.manutenzione .call-to-web {width:60%; margin-left:20%; margin-top:35px;}
.manutenzione .soluzioni li{line-height:50px;}
.mant{font-size:22px; color:#096; padding-right:8px;}
#cms .top h2, #cms .top h3{color:#fff; margin-left:25px;}
.br-mobile{display:none;}
#cms .top h3{font-size:32px;}
#cms .freccia{float: right; margin-top:-35px; margin-right:-30px;}
.richiesta{padding-top:5px;color:#333; margin-left:25px; margin-top:2px; clear:both;}
.manutenzione .container{max-width:1100px; background-color:#fff; padding: 1.5% 0.5%;}
.manutenzione .container h2{ font-weight:800; font-size:35px!important; text-align:center; margin-top:20px; margin-bottom:15px;}
.manutenzione .container h3{ margin-top:15px; margin-bottom:20px; font-weight:bold;}
.interni{ text-align:center;line-height:100px; text-shadow:1px 1px #444;}
.services{text-align:center;}
.preventivo .glyphicon {font-size:38px;margin-bottom:10px;margin-top: 10px; color:#0C3;}
.preventivo .progetto .glyphicon {font-size:30px;color:#c00;}
.vg .glyphicon {color:#fff!important;}
.glyphicon {font-size: 42px;margin-bottom: 10px;margin-top: 5px; text-align:center; color:#c00;}
.big{font-size:43px;}
.preventivo .medium{font-size:26px; float: left; width:7%; text-align:center;}
.small{ font-size:22px!important; color:#c00; margin-right:18px; color:#fff!important;}
.row{margin-right:5%!important; margin-left:5%!important;}
.col-md-4{text-align:center;padding-bottom:15px;}
.col-md-3 img{ max-width:100%;}
.col-md-6 p{ color:#444; margin-bottom:10px; margin-top:10px; font-size:20px;}
.preventivo .metodo{padding:0.5%;}
.preventivo .metodo p{width:100%; clear: both;}
.preventivo span.punti{ font-size:25px;  line-height:50px; color:#777; float: left; width:86%; margin-left:2%;}
.preventivo .progetto span.punti{ font-size:20px!important;  line-height:50px; color:#777; float: left; width:86%;}
.misura{margin-top:-10px; padding-bottom:80px; padding-top:40px}
.creations, .creations-2{text-align:left!important;}
.creations{font-size:3.333em!important; text-transform: uppercase; font-weight:700!important;}
.creations-2{font-size:2.444em!important; font-weight:500!important; line-height:1.1em!important; color:#f27320!important;}
.v-center {display: inline-block!important;vertical-align: middle!important;float:none!important}
.col-md-4 p{text-align:center; font-size:18px; color:#fff; font-weight:normal; margin-top:15px;  }  
.corpo{width:96%; padding:1.5% 2%;}
h2{ font-family: 'Montserrat', sans-serif; font-size:28px!important; line-height:40px!important; margin-top:15px!important; letter-spacing:0px; margin-bottom:25px; }
h3{ font-size:20px!important; line-height:26px!important;font-family: 'Montserrat', sans-serif; letter-spacing:1px; }
.custom h3{text-align:center;}
 h4{font-family: 'Montserrat', sans-serif;  font-size:21px; letter-spacing:0px; color:#c00!important; font-weight:500; margin-bottom:20px;}
.contare p{margin-top:0; margin-bottom:0.9rem!important; font-size:18px!important; line-height:1.5em!important}
span.stop{font-size:32px; font-family: 'Montserrat', sans-serif; text-align:center; }
span.be{font-size:25px;line-height:60px; font-family: 'Montserrat', sans-serif; letter-spacing:2px;}
.spazio{ width:100%; height:25px; clear:both;}
.conversione{ width:100%; height:auto; clear:both; }
.bottom-1{float:left; width:48%; padding:1%;}
.copy{width:100vw; text-align:center; clear:both; position:fixed; bottom:0; left:0; height:auto; background-color:#172428; color:#fff; z-index:100;}
footer ul { width:50%; margin:0 auto;}
.footer li{float: left; width:50%; text-align:center; list-style-type:none; font-size:22px; padding: 0.85% 0;}
.mail{background-color: #FDCD00!important; color:#222!important;}
.mail a{color:#222!important; font-weight:bold; font-size:24px;}
.mail i{color:#222!important;}
.tel a{color:#fff!important;}
.preventivo #k2Container{padding:0%!important; box-shadow:none!important}
.manutenzione #k2Container{padding:0%!important; box-shadow:none!important}
img.portfolio{max-width:100%!important; height:auto; margin:0 auto; border-radius:8px;}
.mod-list li img {width: 300px; height: 208px;}
h3.esempi{margin-top:-10px!important;}
ul.problemi{ text-align:left; width:55%; margin:10px auto;}
ul.soluzioni{ text-align:left; margin:10px auto; list-style-type:none; padding-left:0.02rem!important;}
ul.soluzioni li{ font-size:20px; line-height:25px;}
ul.problemi li{ list-style-image:url(../images/problemi.png); list-style-position:outside; font-size:25px;}
ul.problemi li h2, ul.soluzioni h2{ text-align:left!important; font-size:28px; font-weight:bold; line-height:22px; padding-top:-10px!important;}
.green{font-size:30px; color:#0a6; margin-right:4px; margin-top:6px;}
.form-body{ width:70%; margin:20px auto;}
.form-body h1{font-size:75px; line-height:48px; font-weight:bold; margin-bottom:10px!important;}
.form-body h2{margin-top:5px;}
.preventivo .cf-recaptcha-v3-text-badge {color: #444 !important;}
.preventivo .cf-btn {
  background-color: #FDCD00 !important;
  color: #000 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
.top-spazio{margin-top:-45px;}
._ultimi li{ list-style-type:none; float: left; width:30%; margin:2% 1%; text-align:center;}
.moduleItemTitle{ font-size:26px;}
.btn-warning{background-color:#f27320!important;-webkit-transition: 0.5s ease-out;-moz-transition: 0.5s ease-out;-o-transition: 0.5s ease-out;-ms-transition:0.5s ease-out;transition: 0.5s ease-out;}
.btn-warning:hover{border:2px solid #1b1b1b!important; -webkit-transition: 0.5s ease-out;-moz-transition: 0.5s ease-out;-o-transition: 0.5s ease-out;-ms-transition:0.5s ease-out;transition: 0.5s ease-out;}
p.arrow{ text-align:center; padding:15px; padding-bottom:0; }
.bounces{text-align:center!important;}
.bounce { margin:15px auto!important; width: 60px;height: 60px ; border: 2px solid #fff; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%; animation: bounce 3s infinite; -webkit-animation: bounce 3s infinite;-moz-animation: bounce 3s infinite;-o-animation: bounce 3s infinite;}
.bounced{ color:#fff; font-weight:lighter!important; font-size:30px!important; line-height:45px!important}
.impression h4{text-align:center;}
.call-last{ min-height:200px;  background-color:#172428!important; color:#fff; text-align:center; padding:20px 0;margin-bottom:20px;}
.call-last h3{ font-size:20px!important;}
/* modulo portfolio*/
.mod-articlescategory {padding-left:0!important; display: flex;flex-direction: row;column-count: 3; flex-wrap:wrap;}
.mod-articlescategory li{list-style-type:none; width:31.3%; position: relative; max-height:208px; border:1px solid #ddd; margin:1%; box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.mod-articlescategory li h4{ text-align:center; z-index:10; background-color:rgb(192,0,0); font-size:17px; line-height:45px; color:#fff!important; width:100%; position: absolute;bottom: -25px; box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.form p{}
/*pacchetti*/
.backy{margin: 0 -15px; background-color:#034e74; color:#fff!important; padding:1.5% 0; margin-top:25px; margin-bottom:25px;}
.pacchetto .col-md-3{justify-content:start; align-items:center; display:flex; flex-direction:column;}
.pacchetto i{font-size:43px;}
.pacchetto{padding:25px 0;}
.pacchetto h3{text-align:center; margin-bottom:25px;}
.pacchetto h4{font-size:18px; text-align:center;color:#fff!important; margin-top:8px; text-shadow: 1px 0px 1px #000000}
 /*tabella comparativa*/
/* Create three columns of equal width */
.columns { float: left; width: 33.3%;padding: 8px;}
/* Style the list */
.price {list-style-type: none; border: 1px solid #eee; margin: 0;padding: 0; -webkit-transition: 0.3s; transition: 0.3s;}
/* Add shadows on hover */
.price:hover {box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)}
/* Pricing header */
.price .header { color: white;font-size: 25px;}
/* List items */
.price li {border-bottom: 1px solid #eee;padding: 20px; text-align: center;}
/* Grey list item */
.price .grey { background-color: #eee;font-size: 20px;}
/* The "Sign Up" button */
.button {background-color: #4CAF50; border: none; color: white; padding: 10px 25px;text-align: center; text-decoration: none;font-size: 18px;}
.basic{background: #53CFE9;}
.regular{background: #2ECC71;}
.gold{background: #F75C70;}
/* immagine chi sono*/
.who-i{width:435px; height: auto;}
/*aggiornamenti per bootstrap 5*/
.headline-top {margin-right:1%!important; margin-left:1%!important; display:flex}
.top-point{ margin-left:25px; display:flex}
/*convert forms*/
.btn.btn-primary.costo-pacchetti {background-color: #0974ab;text-transform: uppercase;font-weight: 600;cursor: default;}
.manutenzione .form{align-items:center; justify-content:center; background-color:#eee;}
.manutenzione .cf-control-input input{background-color:#fff!important; color:#444;}
.manutenzione #cf3 {background-color:#0974ab; color:#fff}
.manutenzione .convertforms .cf-label, .manutenzione .cf-control-input-desc{color:#fff!important; font-family:inherit!important; font-size:inherit!important;}
.web-landing-due .convertforms .cf-fields { margin: -5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.web-landing-due .convertforms .cf-control-group { padding: 9px; max-width: 100%; width: 100%;min-width: 120px;-webkit-box-flex: 1;-ms-flex-positive: 1; flex-grow: 1;}
.web-landing-due .convertforms .cf-label { color: #fff!important;font-size: var(--label-size); margin-bottom: 6px; display: block;line-height: 1.3; font-weight: normal;}
.web-landing-due .convertforms .cf-label .cf-required-label {color: var(--color-danger);font-weight: 400;}
.web-landing-due .convertforms .cf-control-input {font-size: var(--input-size);}
.web-landing-due.convertforms button, .convertforms form, .convertforms label, .convertforms .cf-input {height: auto; margin: 0;max-width: 100%; width: 100%;line-height: normal; border-radius: 0;border: none; outline: 0; text-transform: none; font-family: inherit;-webkit-box-shadow: none; box-shadow: none;}
.web-landing-due .cf-control-input input{padding:10px;}
.web-landing-due .convertforms .cf-field-hp { display: none !important;position: absolute !important; left: -9000px !important;}
.web-landing-due .convertforms .cf-checkbox-group, .convertforms .cf-radio-group { display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 2px 0;}
.web-landing-due .convertforms .cf-input[type="checkbox"], .convertforms .cf-input[type="radio"] { width: auto; margin-right:8px;}
.web-landing-due .convertforms *, .convertforms ::before, .convertforms ::after { -webkit-box-sizing: inherit; box-sizing: inherit;}
.preventivo .cf-control-input input{border: 1px solid #444!important; color:#444!important}
#form6_termsofservice4 {
  width: 20px !important;
  height: 20px !important;
  margin-right: 15px !important;
}
.web-landing-due .form-none{display:none;}
/*banner cookie*/
span.cc-header{min-width:100%}
a.cc-link.cc-cookie{color:#fff!important}
.cc-color-override-1672257498 span.cc-close{color:#fff!important;}
.impression .col-md-9 h4 {
  text-align: left;
  color: #000 !important;
  font-weight: 700;
  margin-bottom: 15px;
}
.misura h4 {
  color: #000 !important;
}
@media screen and (max-width:1400px) {
.web-landing-due .top{height:auto;}
}
@media screen and (max-width:1280px) {

}
@media screen and (max-width:1024px) {
.preventivo header {background-image:none !important;padding-bottom: 0 !important;min-height:676px;}
.preventivo #generale, .manutenzione #generale{margin-top:0; width:100%; margin:0; min-height:100%!important; background-color:#fff; box-shadow: 0 10px 40px rgba(0,0,0,0.2); position:relative; overflow:hidden; background-image:none!important;}	
.preventivo .top, .preventivo{ width:100%; margin:0 auto;}
.manutenzione .top, .manutenzione{ width:100%; margin:0 auto;}
.web-landing-due .top, .web-landing-due{ width:100%; margin:0 auto;}
.preventivo .top{background-image: url(../images/top_bg_2017_tablet_1024.jpg); min-height:676px; background-position: 95%;}
.manutenzione .top{background-image: url(../images/top_bg_2018_tablet_1024.jpg); min-height:620px;}
.preventivo .item-pagepreventivo, .manutenzione{ width:100%; margin:0 auto; background-color:#fff;}
br.top{display:block;}
.sx{ background:none;}
footer ul{width:65%;}
.vantage{width:100%; margin:0 auto; height:auto; color:#fff; margin-bottom:-20px;}
.web-landing-due .com-content-article__body{width:100%;}
@media screen and (max-width:810px) {
.preventivo .top {background-image:url(../images/top_bg_2021_tablet_810.jpg); min-height:676px;}
.manutenzione .top{background-image:url(../images/top_bg_2018_tablet_1024.jpg); background-position-x:center;}
.manutenzione .top{background-color: #fff!important;}
br.top{display:none;}
.preventivo .top h1{font-size:40px;}
.manutenzione .top h1{font-size:37px;}
.preventivo .col-md-7{flex: 1 0 auto;}
.sx{ background:none;}
body{background:none;}
ul.problemi, ul.soluzioni{ text-align:left; width:88%; margin:10px auto;}
#cms header .col-md-5{display:none}
header{background-image:none; border-bottom:1px solid #ddd;}
.corpo h2{text-align:center; font-family: 'Oswald', sans-serif; font-size:30px; line-height:60px; letter-spacing:1px; }
.call-to-web, .read-to-web{margin-top:70px;}
span.stop{font-size:35px; font-family: 'Oswald', sans-serif; letter-spacing:1px;}
.corpo h4{font-family: 'Oswald', sans-serif; font-size:30px; letter-spacing:1px;}
.big{font-size:70px;}
.medium {float: none;font-size: 30px;margin-left: 15px;margin-right: 8px;}
.vantage .col-md-4 p{color: #fff;}
.col-md-4 p { color: #444;font-size: 20px;font-weight: lighter; text-align: center;}
.col-md-2{float:left!important; width:20%!important;}
.freccia{display:none}
footer ul{width:100%;}
.call-last{ padding-left:2%; padding-right:2%;}
.logo{text-align:left;}
.impression .col-md-3{text-align:center;}
.impression .col-md-3 img{max-width:80%;}
.impression h3{font-weight:700; line-height:35px;}
.mn li{margin-top:12px;}
.misura h3, .misura h4{text-align:center!important;}
strong{font-size:18px!important; font-weight:800!important;}
.web-landing-due .top h3{font-size:25px!important; color:#fff; padding-top:0!important}
.web-landing-due .top h3:before{animation-name: sottolineatura-mobile ;animation-duration: 3s; animation-iteration-count: infinite; max-width: 92%;}
.web-landing-due .top-point {margin-left: 25px;margin-right: 25px;}
.web-landing-due .freccia{display:block;}
.web-landing-due .call-to-web{text-align:center;}
.web-landing-due header{background:url(../images/top-bg-2021-tablet-810.jpg);}
/* modulo portfolio*/
.mod-articlescategory {padding-left:0!important; display: flex;flex-direction: row;column-count: 2;}
.mod-articlescategory li{list-style-type:none; width:48%; }
}
@media screen and (max-width:641px) {
img{height:auto!important;}
.mn{display:none;}
.logo{text-align:center;}
body.preventivo  {background-color:#fff!important}
.creations{font-size:2.3em!important; text-transform: uppercase; font-weight:700!important; line-height:2.5em;}
.creations-2{font-size:2em!important; font-weight:500!important; line-height:1.1em!important; color:#f27320!important;}
.br-mobile{display:block}
body.manutenzione{ background-color:#fff!important; background-image:none;}
.manutenzione .top{height:auto; min-height:inherit; background-color:#fff; background-image:none;}
.manutenzione .top h1{margin-top:0;}
ul.problemi, ul.soluzioni{ text-align:left; width:98%; margin:10px auto;}
ul.problemi li, ul.soluzioni li{ font-size:18px;}
#cms header{ height:auto;}
.preventivo .top h1 {margin-top:0!important;padding-top:5px!important; font-size:30px; margin-left:12px;}
.preventivo .top h2 {margin-bottom:20px!important; font-size:20px;  margin-left:12px;}
.top-point{ margin-left:20px; display:flex; margin-right:20px;}
.preventivo .col-md-7 { flex:inherit}
.gratuito{display:none;}
.preventivo header{height:100vh;  background-position:bottom;}
.preventivo .top{ background-image:url(../images/top_bg_2021_smartphone_641.jpg)!important; box-shadow:none; display:flex; min-height:100vh; background-size:cover;}
.top h1{font-size:35px; font-weight:bold; letter-spacing:0; padding-top:5px; margin-left:0px; font-family: 'Oswald', sans-serif;  padding-bottom:0px; margin-bottom:0; margin-top:25px;}
.top h2{font-size:32px; font-weight:normal; letter-spacing:0; padding-top:2px; margin-left:0px; margin-top:8px; margin-bottom:30px;}
#cms .top h3{font-size:22px; text-align:center; line-height:30px;}
.call-to-web, .read-to-web{margin-top:15px; margin-bottom:15px;}
.richiesta{padding-top:5px; margin-left:0px;color:#333; margin-top:35px}
.top h3{font-size:25px; font-weight:normal; letter-spacing:-1px; padding-top:0; margin-left:0px;color:#777; margin-top:5px;}
.top h5{font-size:25px; font-weight:normal; letter-spacing:-1px; padding-top:15px; margin-left:0px;color:#777; margin-top:15px; padding-bottom:0; margin-bottom:0;}
.bottom-1{float:none; width:98%; padding:1%;}
.itemFullText h2{text-align:center!important; font-family: 'Oswald', sans-serif; font-size:35px; line-height:32px; letter-spacing:1px; margin-bottom:25px; }
.itemFullText h3{text-align:left; line-height:28px;font-size:26px!important; }
.ottieni{font-size:26px!important;}
.form{padding-left:0!important; padding-right:0!important;}
.medium {float: none;font-size: 25px;margin-left: 0px;margin-right: 8px;}
.custom{border:none!important;}
.preventivo span.punti, .preventivo .progetto span.punti{font-size:20px; width:85%;}
.preventivo .progetto span.punti{line-height:28px; margin-top:8px;}
/*tabella comparativa*/
.columns { width: 100%;}
 #fin-name, #fin-email, #fin-telefono,#progetto { width: 100% !important;margin-bottom: 12px;}
.vantaggi{display:inherit;}
.vg{width:97.5%!important; }
.misura .call-to-web{width:100%; margin-left:0%; margin-top:40px; margin-bottom:40px;}
.call-last{padding-top:20px; padding-bottom:70px; padding-left:15px; padding-right:15px;}
.web-landing-due .top-point{flex-direction: column; align-items: inherit;-webkit-align-items: inherit;justify-content: inherit;-webkit-justify-content: inheriut; padding-bottom:30px;}
.web-landing-due .top, .web-landing-due{  height:auto;}
.web-landing-due .top h3{font-size:22px!important; color:#fff;}
.web-landing-due .top h3:before{ animation-name: sottolineatura-mobile ;animation-duration: 3s; animation-iteration-count: infinite; max-width:100%}
.web-landing-due .top h1{font-size:30px; letter-spacing:1px; margin-top:12px; padding-top:0;}
.web-landing-due .top h2{font-size:23px; margin-bottom:16px;}
.web-landing-due .top h4{font-size:19px!important;}
.web-landing-due .top p{margin-bottom:0.5rem;}
.web-landing-due .soluzioni{text-align:left;}
.web-landing-due .branda{margin-top:10px; margin-bottom:20px;}
.web-landing-due .freccia{ width:100%; height:58.5px; background-image:url(../images/freccia.png); display:block; background-position:bottom center; background-repeat: no-repeat; animation-name: arrow-mobile ;animation-duration: 3s; animation-iteration-count: infinite;}
.web-landing-due .top .call-to-web {margin-left:0; margin-bottom:10px;}
.web-landing-due header{background:url(../images/top-bg-2021-smartphone-641.jpg); background-size:cover; background-position:right center;}
.branda .col-sm-5{height:60px;}
.manutenzione .call-to-web {width: 95%;margin-left: 2.5%;}
}
/*iphone XS - pro*/
@media screen and (max-width:428px) {
p{font-size:18px;}
.preventivo .top h1 {margin-top:20px!important;padding-top:5px!important; font-size:28px; margin-left:12px; margin-right:12px; text-align:center;}
.preventivo .top h2 {margin-bottom:30px!important; font-size:25px!important;  margin-left:12px; margin-right:12px; text-align:center;}
.preventivo .top h3 {margin-top:30px!important; font-size:25px; font-weight:500; text-align:center;}
ul.soluzioni i{margin-top:10px}
ul.soluzioni, .top p{}
.call-to-web, .read-to-web {margin-top: 35px;margin-bottom: 35px;}
footer ul{ width:100%; padding-left:0!important;}
.footer li{  width:100%;}
.mod-articlescategory {padding-left:0!important; display: flex;flex-direction: column;column-count: 1;}
.mod-articlescategory li{list-style-type:none; width:98%; margin: 4% 1%; }
}
/*iphone XS -  no pro*/
@media screen and (max-width:375px) {
p{font-size:18px;}
.preventivo .top h1 {margin-top:20px!important;padding-top:5px!important; font-size:28px; margin-left:12px; margin-right:12px; text-align:center;}
.preventivo .top h2 {margin-bottom:30px!important; font-size:25px;  margin-left:12px; margin-right:12px; text-align:center;}
.preventivo .top h3 {margin-top:20px!important; font-size:25px; font-weight:500; text-align:center;}
ul.soluzioni i{margin-top:10px}
.call-to-web, .read-to-web {margin-top: 15px;margin-bottom: 15px;}
footer ul{ width:100%; padding-left:0!important;}
.footer li{ float:none; width:100%;}
.web-landing-due .top h3{font-size:23px; color:#fff;}
}
/*iphone galaxy s20*/
@media screen and (max-width:384px) {
p{font-size:18px;}
.preventivo .top h1 {margin-top:10px!important;padding-top:5px!important; font-size:28px; margin-left:12px; margin-right:12px; text-align:center;}
.preventivo .top h2 {margin-bottom:30px!important; font-size:25px;  margin-left:12px; margin-right:12px; text-align:center;}
.preventivo .top h3 {margin-top:20px!important; font-size:25px; font-weight:500; text-align:center; color:#000}
ul.soluzioni i{margin-top:10px}
.call-to-web, .read-to-web {margin-top: 15px;margin-bottom: 15px;}
footer ul{ width:100%; padding-left:0!important;}
.footer li{ float:none; width:100%;}
.web-landing-due img.main-logo{width:200px; height:54px;}
}
/*iphone old*/
@media screen and (max-height:670px) {
p{font-size:18px;}
.preventivo .top h1 {margin-top:10px!important;padding-top:5px!important; font-size:28px; margin-left:12px; margin-right:12px; text-align:center;}
.preventivo .top h2 {margin-bottom:10px!important; font-size:22px;  margin-left:12px; margin-right:12px; text-align:center;}
.preventivo .top h3 {margin-top:10px!important; font-size:22px; font-weight:600; text-align:center;}
ul.soluzioni i{margin-top:10px}
.call-to-web, .read-to-web {margin-top: 10px;margin-bottom: 10px;}
footer ul{ width:100%; padding-left:0!important;}
.footer li{ float:none; width:100%;}
}
/*galaxy s9-s10*/
@media screen and (max-height:760px) {
p{font-size:18px;}
.preventivo .top h1 {margin-top:10px!important;padding-top:5px!important; font-size:27px; margin-left:12px; margin-right:12px; text-align:center;}
.preventivo .top h2 {margin-bottom:8px!important; font-size:22px;  margin-left:12px; margin-right:12px; text-align:center;}
.preventivo .top h3 {margin-top:8px!important; font-size:22px; font-weight:600; text-align:center;}
ul.soluzioni i{margin-top:10px}
ul.soluzioni, .top p{}
.call-to-web, .read-to-web {margin-top: 10px;margin-bottom: 8px;}
footer ul{ width:100%; padding-left:0!important;}
.footer li{ float:none; width:100%;}
.web-landing-due .top h3{font-size:22px; color:#fff;}
.manutenzione .top h1{padding-top:0;}
}
/*android old*/
@media screen and (max-height:660px) {
p{font-size:18px;}
.preventivo .top h1 {margin-top:10px!important;padding-top:5px!important; font-size:26px; margin-left:12px; margin-right:12px; text-align:center;}
.preventivo .top h2 {margin-bottom:10px!important; font-size:22px;  margin-left:12px; margin-right:12px; text-align:center; line-height: 24px !important;}
.preventivo .top h3 {margin-top:10px!important; font-size:18px!important; font-weight:600; text-align:center;}
ul.soluzioni i{margin-top:10px}
.call-to-web, .read-to-web {margin-top: 10px;margin-bottom: 7px;}
footer ul{ width:100%; padding-left:0!important;}
.footer li{ float:none; width:100%;}
.manutenzione .top h2{font-size:23px!important;}
}