@charset "UTF-8";
/*variabili*/
* {
  box-sizing: border-box;
}

/*typography*/
h1 {
  font-size: 1.5em;
}

h2 {
  font-size: 1.2em;
}
h2.titolostretto{
    max-width: 18em;
    margin-left: auto;
    margin-right: auto;
}

h3{
  font-size: 1.1em;
}
h4{
  font-size: 1em;
}

p, li {
  font-size: 2rem;
}

img.aligncenter{
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* Larger than desktop */
@media (min-width: 1000px) {
  h1 {
    font-size: 2em;
  }
  h2 {
    font-size: 1.5em;
  }
  h2.punti{
    color:#ef8931;
  }
  h2.inverso{
    background-color:#ef8931;
  }
  h3{
    font-size: 1.3em;
  }
  h4{
    font-size: 1.2em;
  }
  p {
    font-size: 1em;
    margin-bottom: 1.5rem;
  }
  .testo {
    text-align: justify;
  }
}

/*struttura*/
body {
  font-family: 'Ubuntu', sans-serif;
  font-size: 16pt;
  font-weight: 300;
  text-align: center;
  margin: 0;
  padding: 0px;
  background-color: #282c2b;
  color: #fff;
}

body {
  background-image: url(../i/bg-body.png);
  background-position: 100% 20%;
  background-repeat: no-repeat;
}

#wrap {
  position: relative;
}

#header-content > a:hover{
  background-color: transparent;
}
#header {
  height: 50px;
  background: #9c9f9d;
  width: 100%;
  position: relative;
}

#header-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
  position: relative;
}
#header-content:after {
  content: "";
  display: table;
  position: relative;
  clear: both;
}

#header:after,
#content:after {
  content: "";
  display: table;
  position: relative;
  clear: both;
}

#content {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  text-align: left;
  box-sizing: border-box;
  padding: 1em 1em;
}

/*foot*/
footer {
  background: #9c9f9d url(i/bg2.png) no-repeat 0% 100%;
  width: 100%;
  bottom: 0;
  color: #fff;
  text-align: left;
  bottom: 0;
  left: 0;
  clear: both;
  position: relative;
  z-index: 10;
  min-height: 18em;
  box-sizing: border-box;
  padding: 1em 2em;
}
footer a,
footer a:link,
footer a:visited {
  color: #fff;
  border-bottom: 1px dotted #fff;
}
footer .footer_content {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto 0 auto;
  text-align: left;
}
footer .footer_col {
  margin: 0 auto 0 0;
  display: block;
  padding: 0.5em 0 1em 0;
  border-bottom: #00946c 2px solid;
}
@media (min-width: 550px) {
  footer .footer_col {
    border: none;
  }
}
footer .footer_col p {
  margin: 0;
}
footer .footer_col .policy {
  margin-top: 2em;
  font-size: 0.7em;
}

.credits {
  text-align: center;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  position: relative;
}
.credits p {
  font-size: 1em;
  position: relative;
  top: 1.5em;
  margin: 1em 0 0 0;
}
.credits a {
  color: #fff !important;
}

/*elementi*/
.facebook {
  display: inline-block;
  padding: 0.2em 0.5em 0.2em 0.1em;
  border-radius: 5px;
  line-height: 1em;
}
.facebook:hover, .facebook:active {
  background: #3b5998;
}

div.back {
  text-align: center;
  line-height: 1;
  margin-bottom: 10px;
}

a.back {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
a.back:hover {
  background: none;
}
a.back:before {
  font-family: 'FontAwesome';
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  top: -0.03em;
  left: 0;
  position: relative;
}
@media (min-width: 769px) {
  a.back:before {
    float: left;
    margin-right: 0.5em;
  }
}

html a.approfondimento, html a#trovaInkos,
.approfondimento,
#trovaInkos {
  color: #fff;
  border-color: #fff;
}
html a.approfondimento:hover, html a#trovaInkos:hover, html a.approfondimento:active, html a#trovaInkos:active,
.approfondimento:hover,
#trovaInkos:hover,
.approfondimento:active,
#trovaInkos:active {
  color: #9c9f9d;
  border-color: #9c9f9d;
  background: none;
}

html a.tastoCentrato,
.tastoCentrato {
  display: block;
  width: 185px;
  margin: auto;
}

.tasto strong {
    background-color: #fff;
    padding: 0.3em 0.5em 0.4em;
    border-radius: 3px;
}
.tasto:hover strong {
    background-color: #ef8931;
    color: #fff;
}

a strong,
a {
  color: #ef8931;
  text-decoration: none;
}

a:hover, a:hover strong {
  background: #ef8931;
  color: #fff;
}

h1,h5 {
  color: #00946c;
}

.img-full, .article_image, .members .image {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.article,
.testo {
  max-width: 40em;
  margin: 0 auto;
}

.article h1 {
  font-size: 1.3em;
  line-height: 1em;
}

.article_image {
  max-width: 50%;
  margin: 0 25%;
}

h1.article_title,
.article_text h1 {
  text-align: center;
  line-height: 1em;
  font-size: 1.2em;
  margin: 0 0 0.2em 0;
}
@media (min-width: 550px) {
  h1.article_title,
  .article_text h1 {
    font-size: 1.3em;
  }
}

.article_text {
  margin-bottom: 1em;
}
.article_text .desc {
  text-align: center;
}

@media (min-width: 550px) {
  .article_image {
    max-width: 80%;
    margin: 0 auto;
  }
  .home .article_image {
    width: 270px;
    transition: ease-in-out all 0.2s;
  }
  .home .article_image:hover {
    width: 300px;
    transition: ease-in-out all 0.2s;
  }

  .article_text {
    border-bottom: none;
  }
  .article_text .desc {
    display: block;
    border: 2px solid #00946c;
    border-width: 2px 0 0 0;
    padding-top: 0.5em;
  }
}

body a.a_image,
body a.a_image:hover,
body a.a_image:active {
  background: none;
}

h1.title {
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 0.3em 0;
  font-size: 1.5em;
  line-height: 0.9em;
  color: #9c9f9d;
  overflow: hidden;
}
@media (min-width: 550px) {
  h1.title {
    font-size: 2em;
  }
}

h2 {
  text-align: center;
}

.list {
  background: #8d908e;
  padding: 0.5em;
  border-radius: 5px;
  list-style: none;
}

@media (min-width: 500px) {
  .list {
    padding: 1em;
  }
}
.list ul {
  margin-left: 0;
}
.list li {
  color: #fff;
  position: relative;
  padding: 0 0 0 1em;
  margin-bottom: 1rem;
}
.list li:before {
  font-family: 'FontAwesome';
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  color: #00946c;
  font-size: 0.7em;
  line-height: 2.5em;
}
@media (min-width: 500px) {
  .list li:before {
    line-height: 1.6em;
    font-size: 1em;
  }
}
@media (min-width: 500px) {
  .list li {
    padding: 0 0 0 1.5em;
    margin-bottom: 1em;
  }
}
.list li li {
  list-style: none;
}
.list li li:before {
  font-family: 'FontAwesome';
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  color: #00946c;
  font-size: 0.6em;
  padding: 0.2em 0 0 0.5em;
}
@media (min-width: 500px) {
  .list li li:before {
    line-height: 1.6em;
    font-size: 0.8em;
  }
}
.list.semplice {
  background-color: transparent;
  padding: 0;
}
.list.semplice.ridotta {
  padding-top: 10px;
  font-size: 0.9em;
}

.sitemap ul {
  margin: 0;
  padding: 0;
}

.sitemap li {
  margin: 0;
}

.list_alpha {
  list-style: lower-alpha;
  padding: 0 0 0 2.5em;
}

#logo {
  position: absolute;
  top: auto;
  bottom: -24px;
  left: 20px;
  width: 268px;
}

@media (max-width: 430px) {
  #logo {
    width: 150px;
  }
  #header,
  #header-content{
    height: auto;
  }
  #header-content{
    flex-direction: column;
    align-items: center;
  }

}



.cosafacciamo {
  padding-top: 3em;
  padding-bottom: 3em;
}
.cosafacciamo .text {
  margin-top: 100px;
}

/*navbar*/
#navfooter .nav-menu {
  margin: 0;
  padding: 0;
}
@media (min-width: 500px) {
  #navfooter .nav-menu {
    padding: 1em;
  }
}
#navfooter .nav-menu li {
  list-style: none;
  color: #fff;
  position: relative;
  padding: 0 0 0 1em;
  margin: 0;
}
#navfooter .nav-menu li:before {
  font-family: 'FontAwesome';
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  color: #00946c;
  top: 0.5em;
  line-height: 1;
  font-size: 0.7em;
}





.navbar ul {
  margin: 0;
  list-style: none;
  width: 100%;
  display: block;
  float: right;
  width: 100%;
  text-align: center;
}
.navbar li {
  float: none;
  padding: 0;
  text-align: center;
  margin: 0;
  display: inline-block;
}
.navbar li a {
  line-height: 1.6em;
  display: block;
  color: #fff;
  text-decoration: none;
  background: #9c9f9d;
  text-align: center;
  padding: 0 0.5em;
  font-size: 0.9em;
  white-space: nowrap;
}

.menu-item .sub-menu{
  display: none;
  background-color: #00946c;
  width: auto;
}
.navbar li a:hover,
.menu-item .sub-menu li a:hover {
  background-color: #00ae7f;
}
.navbar li a:active,
.navbar li.current_page_item a,
.navbar li.active a {
  background-color: #00946c;
}
.menu-item:hover .sub-menu {
  display: flex;
  flex-direction: column;
  position: absolute;
  align-items: flex-start;
}
.menu-item .sub-menu li a{
  font-size: 0.8em;
  line-height: 2;
  background-color: transparent;
}



@media (min-width: 768px) {
  #header{
    height: 100px;
  }
  .navbar li a {
    font-size: 1.3em;
  }
}
@media (min-width: 480px) {
  .navbar li a {
    font-size: 1em;
  }
}
@media (min-width: 360px) {
  .navbar {
  }
}
@media (max-width: 430px) {

}
/*comuni*/
a strong, a:link, a:visited {
  color: #ef8931;
  text-decoration: none;
}

a:hover, a:hover strong {
  background: #ef8931;
  color: #fff;
}

h1 {
  color: #00946c;
}

strong {
  color: #00946c;
}

/*chi siamo*/
.members {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0 0 30px 0;
}
.members li {
  list-style: none;
  float: left;
  width: 33.3333%;
  padding: 1em;
  box-sizing: border-box;
  text-align: center;
  margin: 0;
}
.members .image {
  margin-bottom: -1em;
}
.members h3 {
  font-size: 1em;
  margin: 0;
  text-align: center;
}
.members p {
  margin: 0;
  text-align: center;
}

.fa.fa-facebook-square {
  font-size: 1.5em;
  padding-left: 10px;
}

a.fa.fa-facebook-square {
  color: #00946c;
}

a.fa.fa-facebook-square:hover,
a.fa.fa-facebook-square.active {
  color: #8de3c5;
  background-color: transparent;
}

@media only screen and (min-width: 550px) and (max-width: 1024px) {
  .members .image {
    margin-bottom: 0;
  }
}

/*servizi*/
/*iconcina*/
.row.pagServizi {
  margin: 80px 0 30px 0;
}
.row.pagServizi .columns {
  position: relative;
}
.row.pagServizi .article_text {
  background-color: #555;
  padding: 5px;
}
.row.pagServizi h1 {
  margin-top: 30px;
  font-size: 1.1em;
}
@media (min-width: 550px) {
  .row.pagServizi h1 {
    margin-top: 50px;
  }
}
.row.pagServizi .article_image {
  position: absolute;
  margin: 0 0 0 0;
  float: right;
  width: 50px;
  left: 50%;
  -webkit-transform: translate(-50%, -20px);
  transform: translate(-50%, -20px);
}
@media (min-width: 550px) {
  .row.pagServizi .article_image {
    width: 100px;
    -webkit-transform: translate(-50%, -50px);
    transform: translate(-50%, -50px);
  }
}

.ambiti h2 {
  text-align: center;
}

.ambiti ul.list {
  width: 100%;
  max-width: 37em;
  margin: 0 auto;
}

.contenitore_guida img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
@media (orientation: landscape) {
  .contenitore_guida img {
    width: 70%;
  }
}

.contenitore_guida strong {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*video*/
.video {
  margin: 0 -1em 1em -1em;
  text-align: center;
  height: 100%;
  position: relative;
}
.video .copertina_guida,
.video .copertina_video {
  background-position: 50% 50%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9999;
}
.video iframe {
  margin: 0 auto;
  width: 100%;
}
@media (orientation: landscape) {
  .video iframe {
    width: 70%;
  }
}
.video video {
  margin: 0 auto;
  max-width: 100%;
}

.contenitore_guida,
.contenitore_video {
  cursor: pointer;
  line-height: 1;
  position: relative;
}

.contenitore_video.active .copertina_video {
  display: none;
}

.contenitore_video .iframe_container {
  display: none;
}

.contenitore_video.active .iframe_container {
  display: block;
}

.playBtn {
  border: 0;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.playBtn strong {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 1em;
  text-shadow: 0px 0px 5px #000;
}

#cover_certificazione {
  background-image: url(../i/cover-certificazione.jpg);
}

#cover_backupserver {
  background-image: url(../i/cover-backupserver.jpg);
}

#cover_guida {
  background-image: url(../i/cover-guida.jpg);
}
.cover-transizione {
  width: 100%;
  height: auto;
  max-width: 780px;
  margin: 0 auto 1em;
  display: block;
}
/*form contatti*/
form {
  width: 70%;
  margin: 0 auto;
}

#motivo option {
  color: #000;
}
div.wpforms-container-full .wpforms-form label.wpforms-error {
  color: #f40707!important;
}
textarea {
  min-height: 5em;
}

input[type='checkbox'] {
  display: inline-block;
  opacity: 0;
  width: 0;
}

input[type='checkbox'] + label {
  display: block;
  float: left;
  line-height: 2em;
  padding: 0 0.5em;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 1.5rem;
}
input[type='checkbox'] + label:before {
  opacity: 1;
  font-family: 'FontAwesome';
  display: block;
  /* content: ""; */
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  float: left;
  position: relative;
  font-weight: 300;
}

input:checked + label {
  color: #00946c;
  border: 1px solid #00946c;
}
input:checked + label:before {
  /* content: ""; */
}

input[type="submit"] {
  display: block;
  float: none;
  width: 100%;
  font-size: 1em;
}

label, legend {
  font-size: inherit!important;
  font-weight: 600!important;
}
label {
  font-size: 15px !important;
}
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {

  height: 38px!important;
  width: 80%!important;
  padding: 6px 10px!important;
  background-color: #8d908e!important;
  border: 1px solid #D1D1D1!important;
  border-radius: 4px!important;
  box-shadow: none!important;
  box-sizing: border-box!important;
}
input[type="submit"],
input[type="reset"],
input[type="button"] {
  color: #555!important;
  border: 1px solid #bbb!important;
}

div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium,
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium,
div.wpforms-container-full .wpforms-form input[type="email"]{
  color: #fff!important;
  font-size: 16pt;
}
div.wpforms-container-full .wpforms-form .wpforms-field-description {
  font-size: 13pt!important;
  max-width: 75rem!important;
}


div.wpforms-container-full .wpforms-form button[type="submit"]:hover {

  background: #3b8c1d!important;

}
div.wpforms-container-full .wpforms-form button[type="submit"] {
  border: none!important;
  color: #fff!important;
  background: #45b61b!important;
  font-weight: bold!important;
  font-size: 1.5em!important;
  padding: 0.5rem 2rem!important;
  border-radius: 4px!important;
  border-radius: 1px solid #3b8c1d!important;
  text-transform: uppercase!important;
}
div.wpforms-field-container{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%!important;
}
.wpforms-field.wpforms-field-email,
.wpforms-field.wpforms-field-select,
/* fattura elettronica */
#wpforms-form-171 .wpforms-field-container .wpforms-field.wpforms-field-text{
  width: 45%!important;
}
.wpforms-field.wpforms-field-email div,
.wpforms-field.wpforms-field-textarea,
.wpforms-field.wpforms-field-email input,
.wpforms-field.wpforms-field-select select,
.wpforms-field.wpforms-field-textarea textarea,
#wpforms-form-171 .wpforms-field-container .wpforms-field.wpforms-field-text input{
  width: 100%!important;
  max-width: 100%!important;
}

.wpforms-field-row.wpforms-field-medium div{
  width: 100%!important;
  margin-left: 0!important;
}
.wpforms-field-row.wpforms-field-medium div label{
  font-size: 15px !important;
  margin: 0 0 5px !important;
}

.pec .wpforms-field-sublabel.after{
  display: none!important;
}
#wpforms-171-field_15-secondary {
  margin-top: 0.3em;
}
@media (max-width: 1024px) {
  form {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .wpforms-field.wpforms-field-email,
  .wpforms-field.wpforms-field-select,
  #wpforms-form-171 .wpforms-field-container .wpforms-field.wpforms-field-text,
  #wpforms-form-171 .wpforms-field-container .wpforms-field.wpforms-field-text input{
    width: 100%!important;
  }
}
@media (min-width: 550px) {
  input[type="submit"] {
    float: right;
    width: auto;
  }
}

/*cookie choice*/

#CybotCookiebotDialog,
#CybotCookiebotDialogDetail{
  background-color: #00946c!important;
}
#CybotCookiebotDialogBody,
#CybotCookiebotDialogDetailBody{
  max-width: 70rem!important;
  width: 80%!important;
}

#CybotCookiebotDialogPoweredbyImage{
  display: none!important;
}
#CybotCookiebotDialogBodyContent,
#CybotCookiebotDialogBodyButtons{
  padding-left: 0!important;
  margin-left: 0!important;
}
.CybotCookiebotDialogBodyButton{
  padding: 0.8rem !important;
  font-size: 1.5rem !important;
  width: auto !important;
  border-radius: 5px;
  margin: 0 1rem 0 0 !important;
}

#CybotCookiebotDialogBodyButtonDecline{
  background-color: #bb0808 !important;
  border-color: #bb0808 !important;
}
#CybotCookiebotDialogBody p{
  font-size: 12pt!important;
  text-align: left!important;
}

#CybotCookiebotDialogBodyButtonDetails {
  font-size: 1.5rem !important;
  color: #2a2a2a !important;
  text-decoration: underline !important;
}
#CybotCookiebotDialogDetailBody a {
  color: inherit !important;
}

.pulsanteCookies{
  display: block;
  background: #fff;
  padding: 0.5rem 1rem;
  margin: 0 auto 2rem;
  border-radius: 1rem;
  text-align: center;
}


table{
  font-size: 1.1rem;
}


/*guida installatori*/
dt {
  font-weight: bold;
  color: #00946c;
  margin: 1em 0 0 0;
}

dd {
  margin: 0;
}

dd blockquote {
  font-style: normal;
  display: block;
  max-height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  margin: 0;
  cursor: pointer;
  background: none;
  -webkit-transition: all ease 1000ms;
  transition: all ease 1000ms;
}
dd blockquote.active {
  padding: 0.5em;
  border: 1px solid #dddddd;
  max-height: 1000px;
  margin: 0.5em 0;
  background: #777;
  -webkit-transition: all ease 400ms;
  transition: all ease 400ms;
}
@media (min-width: 550px) {
  dd blockquote.active {
    padding: 1em;
  }
}

dd blockquote p {
  margin: 0;
}


/* home */
.home .row.featured,
.row.pagServizi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.home .six.columns,
.pagServizi .six.columns {
  flex-basis: 45%;
  margin: 10px;
}
.six.columns:hover {
  background-color: rgba(255,255,255,0.2);
}
.pagServizi .six.columns {
  margin-bottom: 2em;
}
@media (max-width: 550px) {
  .home .six.columns,
  .pagServizi .six.columns {
    flex-basis: 100%;
  }

  .home .article_image{}