@charset "UTF-8";

html, body { height: auto;  min-height: 100vh;}
body {font-family: Jost; font-style: normal; font-size: 15px; line-height: 1.5; font-weight: 400;   position: relative;}

blockquote { font-style: italic;  padding: 3rem;  font-size: 1.09rem;  position: relative;  border-left: 3px solid;}
ul, ol, pre, blockquote {margin-bottom: 2.3125rem;}
button {background-color: transparent; border-color: transparent;}

section { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; position: relative; word-wrap: break-word;}

a.mbr-iconfont:hover {text-decoration: none;}
a { font-style: normal; font-weight: 400;  cursor: pointer;  transition: color 0.6s;}
a, a:hover {text-decoration: none; color:#ffffff;}

.ds-section-title {font-style: normal; line-height: 1.3;}
.ds-section-subtitle {line-height: 1.3;}

h1, h2, h3, h4, h5, h6, .display-1, .display-2, .display-4, .display-5, .display-7, span, p,
a {line-height: 1; word-break: break-word; word-wrap: break-word;  font-weight: 400;}
p {margin-top: 0; margin-bottom: 1rem;}

.hidden { visibility: hidden;}

/*! Base colors */
.white {color: #ffffff;/*white*/}
.ciano {color: #009fe3;/*ciano*/}
.black {color: #111111;/*black*/}
.dark-gray {color: #4a4a49;/*dark-gray*/}
.light-gray{color: #bbbbbb;/*light-gray*/}
.orange{color:#e67e22;/*orange*/}

.bg-white {background-color: #ffffff;}
.bg-ciano{background-color: #009fe3;}
.bg-black {background-color: #000000;}
.bg-dark-gray{background-color: #4a4a49;}
.bg-orange{background-color: #e67e22;}

/* Stile per la sezione a schermo intero */
.full-viewport {
  width: 100vw;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.container /*riga*/{
  max-width: 1336px;
  width: 100%;
  padding-right: 40px;
  padding-left: 40px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  -webkit-flex-wrap: wrap;
  box-sizing: border-box;}

.row{ }

img.biancoenero {
filter: grayscale(80%);
-webkit-filter: grayscale(80%);
-moz-filter: grayscale(80%);
-ms-filter: grayscale(80%);
-o-filter: grayscale(80%);
filter: gray; /* Fix per Explorer */
}

.service-list {
  padding-block: 0.3rem;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: 0;
  padding-inline: 0;
  list-style: none;
  }

.service-list li {
  padding: 1rem;
  border-style: solid;
  border-color: white;
  border-radius: 0.3rem;
  font-family: 'Jost', sans-serif;
  font-size: 100%;
  line-height: 1;
}

/*FONT*/
.display-1 {font-family: 'Jost', sans-serif; font-size: 450%; line-height: 1.1;}
.display-2 {font-family: 'Jost', sans-serif; font-size: 350%; line-height: 1.1;}
.display-3 {font-family: 'Jost', sans-serif; font-size: 200%; line-height: 1.1;}
.display-4 {font-family: 'Jost', sans-serif; font-size: 120%; line-height: 1.7;}
.display-5 {font-family: 'Jost', sans-serif; font-size: 100%; line-height: 1.5;}

/*! Text-aligns */
.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}

/*! Font-weight  */
.ds-light {font-weight: 200;}
.ds-regular {font-weight: 400;}
.ds-semibold {font-weight: 500;}
.ds-bold {font-weight: 700;}

.list-none {list-style: none;  padding-left: 0;}