html {
scroll-behavior: smooth;
overflow-x: hidden; }
body {
overflow-x: hidden; }
@media (max-width: 992px) {
.container {
max-width: 100% !important; } }
.img-responsive {
max-width: 100%;
height: auto; }
body {
font-family: 'Cardo', serif; }
.titolo {
font-family: 'Libre Baskerville', serif; }
@media (max-width: 992px) {
.titolo {
text-align: center; } }
@media (max-width: 992px) {
.testo {
text-align: center; } }
.testo p {
font-size: 22px;
line-height: 30px;
font-weight: 400; }
.hr {
width: 110px;
height: 4px;
background: #A1C1D1;
margin-top: 35px;
margin-bottom: 45px; }
#site-navigation {
font-family: 'Roboto Condensed', sans-serif;
font-size: 17px;
line-height: 20px;
text-transform: uppercase;
color: #33565E;
font-size: 400; }
#site-navigation .container {
max-width: 1400px; }
@media (max-width: 767px) {
#site-navigation .nav-container-logo {
margin-left: auto;
margin-right: auto; } }
#site-navigation .logo {
width: 200px; }
@media (max-width: 1450px) {
#site-navigation .container {
max-width: 100%; } }
#site-navigation a {
padding-right: 10px;
padding-left: 10px; }
@media (max-width: 1450px) {
#site-navigation a {
padding-right: 5px;
padding-left: 5px;
font-size: 15px; } }
@media (max-width: 1200px) and (min-width: 992px) {
#site-navigation a {
text-align: center;
vertical-align: middle; } }
@media (max-width: 991px) {
#site-navigation a {
text-align: center;
font-size: 24px;
line-height: 29px; } }
.slick-slider {
margin-bottom: 0px; }
.slick-slider .slick-dots {
bottom: 30px; }
.slick-slider .slick-dots button {
border-radius: 20px;
border: 2px solid #E1E7EB;
background: #E1E7EB; }
.slick-slider .slick-dots button:before {
content: ''; }
.slick-slider .slick-dots .slick-active button {
background: transparent; }
.slick-slider .slick-item {
background-size: cover;
background-position: center;
padding-top: 120px;
padding-bottom: 120px;
position: relative;
color: white;
font-family: 'Libre Baskerville', serif; }
.slick-slider .slick-item .titolo { font-size: 65px;
margin-bottom: 15px;
font-weight: bold; }
@media (max-width: 992px) {
.slick-slider .slick-item .titolo {
font-size: 45px; } }
.slick-slider .slick-item .icon-paint {
max-width: 105px;
margin: 0 auto;
margin-top: 15px;
margin-bottom: 45px; }
.slick-slider .slick-item .testo {
font-size: 24px;
line-height: 28px;
font-weight: 400; }
#chi-siamo-container { padding-bottom: 90px; }
#chi-siamo-container .slick-gallery-chi-siamo {
padding: 0px 50px; }
@media (max-width: 992px) {
#chi-siamo-container .slick-gallery-chi-siamo {
width: 90%;
margin-left: auto;
margin-right: auto; } }
#chi-siamo-container .slick-gallery-chi-siamo .slick-gallery-item img {
margin: 0 auto !important; }
#chi-siamo-container .slick-gallery-chi-siamo .slick-dots {
width: calc( 100% - 100px);
bottom: -60px; }
#chi-siamo-container .titolo {
color: #33565E;
font-size: 60px;
line-height: 72px;
font-weight: 600;
font-size: 60px;
line-height: 72px; }
@media (max-width: 992px) {
#chi-siamo-container .titolo {
font-size: 30px;
line-height: 36px;
text-align: center; } }
#chi-siamo-container .testo {
color: #94A5A9;
font-size: 22px;
line-height: 30px;
font-weight: 400; }
#chi-siamo-container .testo p {
font-size: 22px;
line-height: 30px;
font-weight: 400; }
#chi-siamo-container .slick-prev, #chi-siamo-container .slick-next {
width: 50px;
height: auto;
z-index: 1; }
#box-servizi-container .box {
padding: 60px 90px;
text-align: center; }
@media (max-width: 1200px) {
#box-servizi-container .box {
padding: 60px 30px; } }
#box-servizi-container .box .icona {
max-height: 64px;
width: auto; }
#box-servizi-container .box .titolo {
margin-bottom: 15px;
margin-top: 15px;
color: white;
font-size: 36px;
font-weight: bold; }
@media (max-width: 1200px) {
#box-servizi-container .box .titolo {
font-size: 24px; } }
#box-servizi-container .box .testo {
color: white; }
#box-servizi-container .box .testo p {
font-size: 18px;
line-height: 21.6px; }
#tinteggiatura-container {
background-size: cover;
background-position: center center;
padding-top: 90px;
padding-bottom: 90px;
position: relative; }
#tinteggiatura-container .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.7);
width: 100%;
height: 100%; }
@media (min-width: 992px) {
#tinteggiatura-container .overlay {
display: none; } }
#tinteggiatura-container .titolo {
font-size: 60px;
line-height: 72px;
color: #33565E; }
@media (max-width: 992px) {
#tinteggiatura-container .titolo {
font-size: 30px;
line-height: 36px;
text-align: center; } }
#tinteggiatura-container .testo {
color: #94A5A9; }
#tinteggiatura-container h3 {
color: #33565E;
font-family: 'Libre Baskerville', serif;
font-weight: 600; }
#testo-centrato-container {
padding-top: 75px;
padding-bottom: 75px; }
#testo-centrato-container .titolo {
color: #33565E;
font-size: 60px;
line-height: 72px;
font-weight: 600; }
@media (max-width: 992px) {
#testo-centrato-container .titolo {
font-size: 30px;
line-height: 36px; } }
#testo-centrato-container h3 {
color: #33565E;
font-family: 'Libre Baskerville', serif;
font-weight: 600; }
#testo-centrato-container .testo {
color: #94A5A9; }
#testo-centrato-container .testo a {
color: #33565E; }
#decorazioni-container {
padding-top: 75px; }
#decorazioni-container .titolo {
color: #33565E;
font-size: 60px;
line-height: 72px;
font-weight: 600; }
@media (max-width: 992px) {
#decorazioni-container .titolo {
font-size: 30px;
line-height: 36px; } }
#decorazioni-container h3 {
color: #33565E;
font-family: 'Libre Baskerville', serif;
font-weight: 600;
margin-bottom: 30px; }
#decorazioni-container .testo {
color: #94A5A9; }
#decorazioni-container .testo a {
color: #33565E; }
#decorazioni-container .count {
color: #848484;
font-size: 21px;
line-height: 30px;
margin-bottom: 15px; }
#decorazioni-container .row { }
#decorazioni-container .row .box-container {
top: 30px;
position: relative;
z-index: 1;
background: #507B84;
padding-top: 75px;
padding-right: 75px;
padding-bottom: 75px;
width: 60%; }
@media (max-width: 992px) {
#decorazioni-container .row .box-container {
width: 100%;
padding: 30px; } }
#decorazioni-container .row .box-container .testo {
color: white; }
#decorazioni-container .row .box-container .titolo {
text-transform: uppercase;
color: white;
font-size: 36px;
line-height: 43px; }
@media (max-width: 992px) {
#decorazioni-container .row .box-container .titolo {
font-size: 30px;
line-height: 36px; } }
@media (min-width: 991px) {
#decorazioni-container .row .box-container.left {
margin-left: -100%;
padding-left: 75px;
padding-right: calc( 10% + 75px); }
#decorazioni-container .row .box-container.right {
margin-left: -10%;
padding-left: calc( 10% + 75px); } }
#decorazioni-container .row .img-container {
width: 50%;
position: relative;
z-index: 2;
background-size: cover;
background-position: center center; }
@media (max-width: 992px) {
#decorazioni-container .row .img-container {
width: 100%;
min-height: 450px;
margin-bottom: -30px; } }
@media (min-width: 991px) {
#decorazioni-container .row .img-container.shadow {
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75); }
#decorazioni-container .row .img-container.right {
margin-left: 50%; } }
#esterni-cappotti-container {
background: #E5E5E5;
background-repeat: no-repeat;
background-position-x: right;
background-size: contain; }
@media (max-width: 992px) {
#esterni-cappotti-container {
background-size: cover; } }
#esterni-cappotti-container h3 {
color: #33565E;
font-family: 'Libre Baskerville', serif;
font-weight: 600;
margin-bottom: 30px; }
@media (max-width: 992px) {
#esterni-cappotti-container h3 {
text-align: center; } }
#esterni-cappotti-container .titolo {
font-weight: 600;
font-size: 60px;
line-height: 72px;
color: #33565E; }
@media (max-width: 992px) {
#esterni-cappotti-container .titolo {
font-size: 30px;
line-height: 36px; } }
#esterni-cappotti-container .padding {
padding-top: 90px;
padding-bottom: 90px;
background: #E5E5E5; }
@media (min-width: 992px) {
#esterni-cappotti-container .padding {
padding-right: 30px; } }
#esterni-cappotti-container .box {
padding-bottom: 15px;
padding-top: 15px; }
#esterni-cappotti-container .box .titolo {
font-size: 24px;
line-height: 29px;
font-weight: 600;
color: #A1C1D1;
text-transform: uppercase; }
@media (max-width: 992px) {
#esterni-cappotti-container .box .titolo {
font-size: 20px;
line-height: 25px; } }
#esterni-cappotti-container .box .testo p {
font-size: 22px;
line-height: 30px;
color: #94A5A9;
font-weight: 400;
margin-bottom: 10px; }
@media (max-width: 992px) {
#esterni-cappotti-container .box .testo p {
font-size: 18px;
line-height: 26px; } }
@media (max-width: 992px) {
#esterni-cappotti-container .icona {
text-align: center;
margin-top: 30px;
margin-bottom: 30px; } }
#esterni-cappotti-container .icona img {
max-width: 125px;
height: auto; }
#slick-gallery-container {
padding-top: 50px; padding-bottom: 130px; }
#slick-gallery-container .titolo {
font-size: 60px;
line-height: 72px;
color: #33565E;
font-weight: 600; }
@media (max-width: 992px) {
#slick-gallery-container .titolo {
font-size: 30px;
line-height: 36px; } }
#slick-gallery-container .slick-gallery-item {
text-align: center; }
#slick-gallery-container .slick-gallery-item img {
margin: 0 auto !important;
text-align: center;
padding: 7.5px;
cursor: pointer; }
#slick-gallery-container .slick-dots {
bottom: -60px; }
#slick-gallery-container .btn-success {
background-color: #507B84;
border-color: #507B84;
border-radius: 30px;
font-size: 24px;
line-height: 38px;
padding: 5px 30px;
text-transform: uppercase;
color: white;
margin-top: 80px;
font-family: 'Libre Baskerville', serif;
letter-spacing: 1px;
font-weight: 600; }
#punti-forza-container {
background-color: #EDF0F3;
background-repeat: no-repeat;
background-position-x: right;
background-size: contain; }
@media (max-width: 992px) {
#punti-forza-container {
background-size: cover;
background-position-x: center; } }
@media (min-width: 992px) {
#punti-forza-container .row {
margin-left: -30px !important; }
#punti-forza-container .row .box {
padding-right: 30px !important; } }
#punti-forza-container .titolo {
font-size: 60px;
line-height: 72px;
font-weight: 600;
color: #33565E; }
@media (max-width: 992px) {
#punti-forza-container .titolo {
font-size: 30px;
line-height: 36px; } }
#punti-forza-container .testo {
font-size: 22px;
line-height: 30px;
font-weight: 400;
color: #94A5A9;
margin-bottom: 60px; }
#punti-forza-container .descrizione {
padding-left: 10px;
padding-right: 10px; }
#punti-forza-container .descrizione .testo {
margin-bottom: 30px;
margin-top: 15px;
font-size: 18px;
line-height: 22px;
font-style: italic;
color: #A1C1D1; }
#punti-forza-container .box {
background-color: #EDF0F3;
padding-top: 90px;
padding-bottom: 90px; }
#punti-forza-container .icona {
height: 44px;
width: auto; }
#processo-lavorazione-container {
padding-top: 90px;
padding-bottom: 90px; }
#processo-lavorazione-container .titolo {
color: #33565E;
font-size: 60px;
line-height: 72px;
font-weight: 600; }
@media (max-width: 992px) {
#processo-lavorazione-container .titolo {
font-size: 30px;
line-height: 36px; } }
#processo-lavorazione-container .nopadding {
padding-left: 0px;
padding-right: 0px; }
#processo-lavorazione-container .nopadding .row {
padding: 20px; }
#processo-lavorazione-container .nopadding .row .titolo {
font-size: 24px;
line-height: 29px;
font-weight: 600;
color: #33565E; }
#processo-lavorazione-container .nopadding .row .testo {
color: #94A5A9; font-size: 20px;
line-height: 26px;
font-style: italic; }
@media (min-width: 767px) {
#processo-lavorazione-container .nopadding:nth-child(1) { border-right: 1px solid #94A5A9; }
#processo-lavorazione-container .nopadding:nth-child(2) { border-right: 1px solid #94A5A9; }
#processo-lavorazione-container .nopadding:nth-child(3) { }
#processo-lavorazione-container .nopadding:nth-child(4) {
border-right: 1px solid #94A5A9; }
#processo-lavorazione-container .nopadding:nth-child(5) {
border-right: 1px solid #94A5A9; } }
#processo-lavorazione-container .icona {
max-width: 85px;
height: auto; }
@media (max-width: 992px) {
#processo-lavorazione-container .icona {
margin-bottom: 10px; } }
@media (max-width: 992px) {
#processo-lavorazione-container .col-md-4 {
text-align: center; } }
#contatti-container {
background-color: #A1C1D1;
background-repeat: no-repeat;
background-position-x: left;
background-size: cover;
overflow: hidden; }
@media (max-width: 992px) {
#contatti-container {
background-size: cover;
background-position-x: center; } }
#contatti-container .contact_form {
padding: 90px 60px;
background-color: #A1C1D1;
position: relative; }
@media (max-width: 992px) {
#contatti-container .contact_form {
padding: 90px 30px; } }
#contatti-container .contact_form:after {
content: "";
position: absolute;
top: 0;
right: -99%;
width: 100%;
height: 100%;
background: inherit;
display: block; }
#contatti-container .contact_form .titolo {
margin-bottom: 30px;
font-size: 40px;
line-height: 50px;
font-weight: bold;
color: #33565E; }
@media (max-width: 992px) {
#contatti-container .contact_form .titolo {
font-size: 30px;
line-height: 40px; } }
#contatti-container .contact_form input[type="text"], #contatti-container .contact_form input[type="email"], #contatti-container .contact_form input[type="tel"], #contatti-container .contact_form textarea {
width: 100%;
background: transparent;
border: 0px solid black;
border-bottom: 1px solid white;
font-size: 21px;
line-height: 48px;
color: #33565E;
margin-bottom: 30px; }
#contatti-container .contact_form input[type="text"] ::placeholder, #contatti-container .contact_form input[type="email"] ::placeholder, #contatti-container .contact_form input[type="tel"] ::placeholder, #contatti-container .contact_form textarea ::placeholder {
color: #33565E; }
#contatti-container .contact_form input::placeholder, #contatti-container .contact_form textarea::placeholder {
color: #33565E; }
#contatti-container .contact_form .wpcf7-not-valid-tip {
color: black; }
#contatti-container .contact_form .wpcf7-validation-errors, #contatti-container .contact_form .wpcf7-acceptance-missing, #contatti-container .contact_form .wpcf7-response-output {
border: 2px solid white; }
#contatti-container .contact_form .btn-success {
background-color: #507B84;
border-color: #507B84;
border-radius: 30px;
font-size: 24px;
line-height: 38px;
padding: 5px 30px;
text-transform: uppercase;
color: white;
font-family: 'Libre Baskerville', serif;
letter-spacing: 1px;
font-weight: 600; }
#contatti-container .contact_form input[type="checkbox"] {
height: 20px;
width: 20px; }
#contatti-container .contact_form .privacy {
color: #33565E;
font-size: 15px;
line-height: 21px;
margin-bottom: 30px; }
#contatti-container .contact_form .privacy span {
vertical-align: middle; }
#contatti-container .contact_form p {
margin-bottom: 0px; }
#contatti-container .contact_form .wpcf7-list-item {
margin: 0px; }
#footer-container {
padding-top: 110px;
padding-bottom: 110px; }
#footer-container .icona {
height: 55px;
width: auto; }
#footer-container .titolo {
margin-top: 25px;
margin-bottom: 15px;
font-size: 24px;
line-height: 29px;
color: #33565E;
font-weight: 600; }
#footer-container .testo p {
color: #94A5A9;
font-size: 19px;
line-height: 26px; }
#footer-container .testo p a {
color: #94A5A9;
text-decoration: none;
font-style: italic; }
@media (min-width: 768px) {
#footer-container .box:nth-child(2) {
border-right: 1px solid #94A5A9;
border-left: 1px solid #94A5A9; } }
#footer-bottom-container {
background: #A1C1D1;
padding-top: 25px;
padding-bottom: 25px; }
#footer-bottom-container .testo {
font-family: 'Chivo', sans-serif;
font-size: 12px;
line-height: 18px;
font-weight: 400;
color: #33565E; }
@media (max-width: 992px) {
#footer-bottom-container .testo {
text-align: center !important;
padding-top: 5px;
padding-bottom: 5px; } }
#footer-bottom-container .testo a {
color: #33565E;
text-decoration: none; }
#privacy-policy-container {
padding-top: 90px;
padding-bottom: 90px; }
#privacy-policy-container .titolo {
margin-bottom: 45px;
color: #33565E;
font-weight: bold; }
#privacy-policy-container h2 {
margin-bottom: 30px; }
#privacy-policy-container h2, #privacy-policy-container h3, #privacy-policy-container h4, #privacy-policy-container h5, #privacy-policy-container h6 {
font-family: 'Libre Baskerville', serif;
color: #33565E;
font-weight: 600; }
#privacy-policy-container p {
font-size: 22px;
line-height: 30px;
font-weight: 400; }
#privacy-policy-container table {
margin-bottom: 30px; }
#privacy-policy-container table, #privacy-policy-container tr, #privacy-policy-container td {
border: 1px solid #94A5A9; }
#privacy-policy-container td {
padding: 10px; }