html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .colonne { display: flex; flex-wrap: wrap; width: 100%; } .colonne > div { width: 100%; } .vcenter { align-items: center; } .clearfix:after { content: ""; display: table; clear: both; } .dn { display: none; } .di { display: inline; } .db { display: block; } .dib { display: inline-block; } @media only screen and ( min-width: 768px ) { .ddi { display: inline; } .ddb { display: block; } .ddib { display: inline-block; } .ddn { display: none; } } @media only screen and ( max-width: 767px ) { .dmi { display: inline; } .dmb { display: block; } .dmib { display: inline-block; } .dmn { display: none; } } .trasforma-maiuscolo { text-transform: uppercase; } .trasforma-minuscolo { text-transform: lowercase; } .trasforma-capitalizzato { text-transform: capitalize; } .allinea-sinistra { text-align: left; } .allinea-destra { text-align: right; } .allinea-centro { text-align: center; } .allinea-giustificato { text-align: justify; } body { text-align: center; word-wrap: break-word; } * { box-sizing: border-box; } h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; font-weight: 400; } table { width: 100%; border-collapse: collapse; } table td, table th { border: 1px solid #000; } ul { list-style: disc; } ol { list-style: decimal; } iframe { display: block; max-width: 100%; width: 100%; } blockquote { background: rgba(0,0,0,0.15); } pre { font-family: 'courier new'; background: rgba(0,0,0,0.15); } em, i { font-style: italic; } b, strong { font-weight: bolder; } .colonne > [class*='col-sm'], .colonne > [class*='col-md'], .colonne > [class*='col-lg'], .colonne > [class*='col-xl'] { width: 100%; } @media (min-width: 576px) { .colonne > .col-sm-12 { width: 100%; } .colonne > .col-sm-11 { width: 91.66666667%; } .colonne > .col-sm-10 { width: 83.33333333%; } .colonne > .col-sm-9 { width: 75%; } .colonne > .col-sm-8 { width: 66.66666667%; } .colonne > .col-sm-7 { width: 58.33333333%; } .colonne > .col-sm-6 { width: 50%; } .colonne > .col-sm-5 { width: 41.66666667%; } .colonne > .col-sm-4 { width: 33.33333333%; } .colonne > .col-sm-3 { width: 25%; } .colonne > .col-sm-5th { width: 20%; } .colonne > .col-sm-2 { width: 16.66666667%; } .colonne > .col-sm-1 { width: 8.33333333%; } }@media (min-width: 768px) { .colonne > .col-md-12 { width: 100%; } .colonne > .col-md-11 { width: 91.66666667%; } .colonne > .col-md-10 { width: 83.33333333%; } .colonne > .col-md-9 { width: 75%; } .colonne > .col-md-8 { width: 66.66666667%; } .colonne > .col-md-7 { width: 58.33333333%; } .colonne > .col-md-6 { width: 50%; } .colonne > .col-md-5 { width: 41.66666667%; } .colonne > .col-md-4 { width: 33.33333333%; } .colonne > .col-md-3 { width: 25%; } .colonne > .col-md-5th { width: 20%; } .colonne > .col-md-2 { width: 16.66666667%; } .colonne > .col-md-1 { width: 8.33333333%; } }@media (min-width: 992px) { .colonne > .col-lg-12 { width: 100%; } .colonne > .col-lg-11 { width: 91.66666667%; } .colonne > .col-lg-10 { width: 83.33333333%; } .colonne > .col-lg-9 { width: 75%; } .colonne > .col-lg-8 { width: 66.66666667%; } .colonne > .col-lg-7 { width: 58.33333333%; } .colonne > .col-lg-6 { width: 50%; } .colonne > .col-lg-5 { width: 41.66666667%; } .colonne > .col-lg-4 { width: 33.33333333%; } .colonne > .col-lg-3 { width: 25%; } .colonne > .col-lg-5th { width: 20%; } .colonne > .col-lg-2 { width: 16.66666667%; } .colonne > .col-lg-1 { width: 8.33333333%; } }@media (min-width: 1200px) { .colonne > .col-xl-12 { width: 100%; } .colonne > .col-xl-11 { width: 91.66666667%; } .colonne > .col-xl-10 { width: 83.33333333%; } .colonne > .col-xl-9 { width: 75%; } .colonne > .col-xl-8 { width: 66.66666667%; } .colonne > .col-xl-7 { width: 58.33333333%; } .colonne > .col-xl-6 { width: 50%; } .colonne > .col-xl-5 { width: 41.66666667%; } .colonne > .col-xl-4 { width: 33.33333333%; } .colonne > .col-xl-3 { width: 25%; } .colonne > .col-xl-5th { width: 20%; } .colonne > .col-xl-2 { width: 16.66666667%; } .colonne > .col-xl-1 { width: 8.33333333%; } } .p-md { padding: 18px; } .dentro-p-md > * { padding: 18px; } .colonne.colonne-p-md { padding: 9px !important; } .colonne.colonne-p-md > * { padding: 9px; } .p-lg { padding: 31.5px; } .dentro-p-lg > * { padding: 31.5px; } .colonne.colonne-p-lg { padding: 15.75px !important; } .colonne.colonne-p-lg > * { padding: 15.75px; } .p-xl { padding: 45px; } .dentro-p-xl > * { padding: 45px; } .colonne.colonne-p-xl { padding: 22.5px !important; } .colonne.colonne-p-xl > * { padding: 22.5px; } @media ( min-width: 576px ) { .p-md { padding: 22.5px; } .dentro-p-md > * { padding: 22.5px; } .colonne.colonne-p-md { padding: 11.25px !important; } .colonne.colonne-p-md > * { padding: 11.25px; } .p-lg { padding: 50.63px; } .dentro-p-lg > * { padding: 50.63px; } .colonne.colonne-p-lg { padding: 25.315px !important; } .colonne.colonne-p-lg > * { padding: 25.315px; } .p-xl { padding: 78.75px; } .dentro-p-xl > * { padding: 78.75px; } .colonne.colonne-p-xl { padding: 39.375px !important; } .colonne.colonne-p-xl > * { padding: 39.375px; } } @media ( min-width: 768px ) { .p-md { padding: 27px; } .dentro-p-md > * { padding: 27px; } .colonne.colonne-p-md { padding: 13.5px !important; } .colonne.colonne-p-md > * { padding: 13.5px; } .p-lg { padding: 69.75px; } .dentro-p-lg > * { padding: 69.75px; } .colonne.colonne-p-lg { padding: 34.875px !important; } .colonne.colonne-p-lg > * { padding: 34.875px; } .p-xl { padding: 112.5px; } .dentro-p-xl > * { padding: 112.5px; } .colonne.colonne-p-xl { padding: 56.25px !important; } .colonne.colonne-p-xl > * { padding: 56.25px; } } @media ( min-width: 992px ) { .p-md { padding: 31.5px; } .dentro-p-md > * { padding: 31.5px; } .colonne.colonne-p-md { padding: 15.75px !important; } .colonne.colonne-p-md > * { padding: 15.75px; } .p-lg { padding: 88.88px; } .dentro-p-lg > * { padding: 88.88px; } .colonne.colonne-p-lg { padding: 44.44px !important; } .colonne.colonne-p-lg > * { padding: 44.44px; } .p-xl { padding: 146.25px; } .dentro-p-xl > * { padding: 146.25px; } .colonne.colonne-p-xl { padding: 73.125px !important; } .colonne.colonne-p-xl > * { padding: 73.125px; } } @media ( min-width: 1200px ) { .p-md { padding: 36px; } .dentro-p-md > * { padding: 36px; } .colonne.colonne-p-md { padding: 18px !important; } .colonne.colonne-p-md > * { padding: 18px; } .colonne.colonne-p-md.limita-larghezza-contenuto { padding-left: calc( ( ( 100% - 1200px ) / 2 ) - 18px ) !important; padding-right: calc( ( ( 100% - 1200px ) / 2 ) - 18px ) !important; } .p-lg { padding: 108px; } .dentro-p-lg > * { padding: 108px; } .colonne.colonne-p-lg { padding: 54px !important; } .colonne.colonne-p-lg > * { padding: 54px; } .colonne.colonne-p-lg.limita-larghezza-contenuto { padding-left: calc( ( ( 100% - 1200px ) / 2 ) - 54px ) !important; padding-right: calc( ( ( 100% - 1200px ) / 2 ) - 54px ) !important; } .p-xl { padding: 180px; } .dentro-p-xl > * { padding: 180px; } .colonne.colonne-p-xl { padding: 90px !important; } .colonne.colonne-p-xl > * { padding: 90px; } .colonne.colonne-p-xl.limita-larghezza-contenuto { padding-left: calc( ( ( 100% - 1200px ) / 2 ) - 90px ) !important; padding-right: calc( ( ( 100% - 1200px ) / 2 ) - 90px ) !important; } } @media ( min-width: 1200px ) { .limita-larghezza-contenuto { padding-left: calc( ( 100% - 1200px ) / 2 ) !important; padding-right: calc( ( 100% - 1200px ) / 2 ) !important; } } .h5, h5, .h4, h4 { font-size: 16.8px; } .h3, h3 { font-size: 19.6px; } .h2, h2 { font-size: 22.4px; } .h1, h1 { font-size: 25.2px; } .h0 { font-size: 28px; } @media ( min-width: 576px ) { .h5, h5, .h4, h4 { font-size: 16.8px; } .h3, h3 { font-size: 22.23px; } .h2, h2 { font-size: 27.65px; } .h1, h1 { font-size: 33.08px; } .h0 { font-size: 38.5px; } } @media ( min-width: 768px ) { .h5, h5, .h4, h4 { font-size: 16.8px; } .h3, h3 { font-size: 24.85px; } .h2, h2 { font-size: 32.9px; } .h1, h1 { font-size: 40.95px; } .h0 { font-size: 49px; } } @media ( min-width: 992px ) { .h5, h5, .h4, h4 { font-size: 16.8px; } .h3, h3 { font-size: 27.48px; } .h2, h2 { font-size: 38.15px; } .h1, h1 { font-size: 48.83px; } .h0 { font-size: 59.5px; } } @media ( min-width: 1200px ) { .h5, h5, .h4, h4 { font-size: 16.8px; } .h3, h3 { font-size: 30.1px; } .h2, h2 { font-size: 43.4px; } .h1, h1 { font-size: 56.7px; } .h0 { font-size: 70px; } } html, body { font-size: 18px; line-height: 1.5em; } h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1, .h0 { line-height: 1.2em; } blockquote, pre { padding: 1.5rem; } ul, ol { padding-left: 1.5rem; } table th, table td { padding: 0.333rem; } .distanzia > * + * { margin-top: 1.5rem; } .sfondo-s1 { background-color:#0198f1; }.testo-s1 { color:#0198f1; }.sfondo-s1-light { background-color:#31c8ff; }.testo-s1-light { color:#31c8ff; }.sfondo-c1 { background-color:#c9e5fd; }.testo-c1 { color:#c9e5fd; }.sfondo-c1-light { background-color:#e9f5ff; }.testo-c1-light { color:#e9f5ff; }.sfondo-c2 { background-color:#fdf21e; }.testo-c2 { color:#fdf21e; }.sfondo-sb { background-color:#000000; }.testo-sb { color:#000000; }.sfondo-cw { background-color:#FFFFFF; }.testo-cw { color:#FFFFFF; } body { color: #000000; } h1, h2, h3, h4 { color: #0198f1; } [class*='sfondo-s'] h1, [class*='sfondo-s'] h2, [class*='sfondo-s'] h3, [class*='sfondo-s'] h4 { color: #FFFFFF; } [class*='sfondo-s']:not([class*='testo-']), [class*='sfondo-s'] *:not([class*='testo-']) { color: #FFFFFF; } a { color: #0198f1; } a:hover { color: #31c8ff; } [class*='sfondo-s'] a:not([class*='testo-']) { color: rgba(255,255,255,0.7); } [class*='sfondo-s'] a:hover:not([class*='testo-']) { color: #FFFFFF; } a.btn { background: #0198f1; color: #fdf21e !important; } a.btn:hover { background: #000000; color: #FFFFFF !important; } a.btn-reverse { background: #31c8ff; color: #FFFFFF !important; } a.btn-reverse:hover { background: #31c8ff; color: #FFFFFF !important; } #hn nav ul.l0 li a { color: #000000; } #hn nav ul.l0 li:hover a, #hn nav ul.l0 li a:hover, #hn nav li.active a { color: #0198f1 !important; } @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('https://www.damacolor.com/graphic/fonts/open-sans-v35-latin-regular.woff2') format('woff2'); } @font-face { font-display: swap; font-family: 'Oswald'; font-style: normal; font-weight: 400; src: url('https://www.damacolor.com/graphic/fonts/oswald-v49-latin-regular.woff2') format('woff2'); } body { font-family: "Open Sans", sans-serif; } h1, h2, h3, h4, #hn header, #hn nav, .btn { font-family: "Oswald", sans-serif; text-transform: uppercase; } #hn { background: rgba(255,255,255,0.85); box-shadow: 0px 0px 15px rgba(0,0,0,0.15); } @media (min-width: 992px) { #hn .logo a, #hn .logo a img { width: 210px; height: 44.8px; } #hn header { padding: 10px 20px; } #hn nav ul a { display: block; padding: 11.7px 10px; font-size: 18px; line-height: 18px; } } @media (max-width: 991px) { #hn .logo a, #hn .logo a img { width: 210px; height: 44.8px; } #hn header { padding: 10px 20px; } #hn header .toggler { top: 15px; right: 20px; font-size: 32px; width: 32px; } #hn nav { padding-top: 52px; } #hn nav ul a { padding: 12px 0px; font-size: 20px; line-height: 20px; } } #central { text-align: center; } #central img { max-width: 100%; display: block; } #central iframe { display: block; } @media (max-width: 767px) { #central .flex.fit img { width: 100%; max-width: 500px; margin: 0px auto; } } #main { } #footer-clienti img { width: 100%; max-width: 300px; } #footer { } #footer img { display: block; margin: 0px auto; width: 500px; max-width: 100%; height: auto; } #footer .icon { margin-right: 5px; position: relative; top: 2px; } .btn { display: inline-block; padding: 10px 20px; text-align: center; text-decoration: none; border-radius: 5px; border: none; cursor: pointer; font-size: 20px; transition: all 0.2s ease; } .btn:hover { transform: scale(1.07); } ul.check, ul.check li { list-style: none; } .contact .icon { position: relative; top: 3px; } a.button { display: inline-block; padding: 10px 20px; text-align: left; text-decoration: none; border-radius: 5px; } a.button-pdf { background: #B5444E; color: white; } a.button-exc { background: #788C68; color: white; } a.button .icon { display: inline-block; font-size: 24px; margin: -3px 3px -3px 0px; position: relative; top: 5px; } a.button-pdf:hover { background: #D5646E; } a.button-exc:hover { background: #98AC88; } form .field + .field { margin-top: 20px; } input[type='text'], input[type='password'], input[type='email'], textarea { width: 100%; max-width: 350px; border: 1px solid #ddd; padding: 5px; border-radius: 5px; font-size: 16px; } input[type='text']::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-size: 16px !important; color: #999; } textarea { height: 150px; } form .sent { margin: 20px 0px; padding: 20px; } form .sent.sent-ok { border: 3px solid green; color: green; background: lightgreen; } form .sent.sent-error { border: 3px solid red; color: red; background: pink; } form .field.obb .title:after { content: "*"; color: red; margin-left: 3px; font-weight: bolder; } .page-header { padding-top: 170px; } body.page-home #hp-hero img { display: block; margin: 0px auto; width: 700px; height: auto; max-width: 100%; } body.page-home #hp-hero { text-shadow: 0px 0px 10px rgba(0,0,0,1); }