@charset "UTF-8";
/* stylelint-disable order/properties-alphabetical-order */
/* stylelint-enable */
/* CSS RESET */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,900,700,400italic,700italic|Roboto+Condensed:300,700,400|Roboto+Slab:300,400,700);
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;
}

/* HTML5 display-role reset for older browsers */
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 {
  content: '';
  content: none;
}

q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.articolo {
  font-family: "Roboto Slab", serif;
  color: #56636b;
}
.articolo .content article {
  position: relative;
  font-size: 18px;
  line-height: 1.8em;
}
.articolo .content article h2, .articolo .content article h3, .articolo .content article h4, .articolo .content article h5, .articolo .content article h6 {
  font-weight: 700;
  padding: 0.5em 0;
  line-height: 1.4em;
  text-align: left;
}
.articolo .content article h1 {
  color: #007ea4;
  font-size: 2em;
  margin-bottom: 10px;
  line-height: 1.1em;
  font-family: "Roboto Slab", serif;
}
.articolo .content article h2 {
  font-size: 1.6em;
  font-weight: 300;
  color: #007ea4;
}
.articolo .content article .article-abstract {
  font-size: 1em;
  color: #56636b;
  font-weight: 700;
}
.articolo .content article p {
  display: block;
  overflow: initial;
  padding: 0 0 0.5em;
}
.articolo .content article hr {
  margin: 2em 0;
}
.articolo .content article ul {
  list-style: unset;
}
.articolo .content article ul li {
  margin-left: 1em;
  margin-bottom: 0.5em;
  font-size: 18px;
  line-height: 1.8em;
  font-weight: 300;
}
.articolo .content article ol {
  list-style: decimal;
}
.articolo .content article ol li {
  margin-left: 1em;
  margin-bottom: 0.5em;
  font-size: 18px;
  line-height: 1.8em;
  font-weight: 300;
}
.articolo .content article a {
  color: #007ea4;
  text-decoration: none;
  font-weight: 700;
}
.articolo .content article a:hover {
  text-decoration: underline;
}
.articolo .content article strong, .articolo .content article b {
  font-weight: 700;
}
.articolo .content article em, .articolo .content article blockquote {
  font-style: italic;
}
.articolo .content article blockquote, .articolo .content article blockquote p {
  font-size: 18px;
  line-height: 1.8em;
  margin: 0.5em 0;
  text-align: left;
}

.content-main, .content-full, .content-main-large, .controlli .main-user-content {
  font-family: "Roboto Slab", serif;
  color: #56636b;
  font-size: 18px;
  line-height: 1.8em;
}
.content-main h1, .content-main h2, .content-main h3, .content-main h4, .content-main h5, .content-main h6, .content-full h1, .content-full h2, .content-full h3, .content-full h4, .content-full h5, .content-full h6, .content-main-large h1, .content-main-large h2, .content-main-large h3, .content-main-large h4, .content-main-large h5, .content-main-large h6, .controlli .main-user-content h1, .controlli .main-user-content h2, .controlli .main-user-content h3, .controlli .main-user-content h4, .controlli .main-user-content h5, .controlli .main-user-content h6 {
  font-weight: 700;
  padding: 0.5em 0;
  line-height: 1.2em;
  text-align: left;
}
.content-main h1, .content-full h1, .content-main-large h1, .controlli .main-user-content h1 {
  font-size: 1.8em;
  color: #007ea4;
  font-weight: 300;
}
.content-main h2, .content-full h2, .content-main-large h2, .controlli .main-user-content h2 {
  font-size: 1.6em;
  color: #007ea4;
  font-weight: 300;
}
.content-main h3, .content-full h3, .content-main-large h3, .controlli .main-user-content h3 {
  font-size: 1.4em;
}
.content-main h4, .content-full h4, .content-main-large h4, .controlli .main-user-content h4 {
  font-size: 1.2em;
}
.content-main h5, .content-full h5, .content-main-large h5, .controlli .main-user-content h5 {
  font-size: 1.1em;
}
.content-main p, .content-full p, .content-main-large p, .controlli .main-user-content p {
  display: block;
  line-height: 1.5em;
  overflow: initial;
  padding: 0 0 0.5em 0;
}
.content-main ul, .content-full ul, .content-main-large ul, .controlli .main-user-content ul {
  list-style: unset;
}
.content-main ul li, .content-full ul li, .content-main-large ul li, .controlli .main-user-content ul li {
  margin-left: 1em;
  font-size: 18px;
  margin-bottom: 0.5em;
  line-height: 1.8em;
  font-weight: 300;
}
.content-main ol, .content-full ol, .content-main-large ol, .controlli .main-user-content ol {
  list-style: decimal;
}
.content-main ol li, .content-full ol li, .content-main-large ol li, .controlli .main-user-content ol li {
  margin-left: 1em;
  font-size: 18px;
  margin-bottom: 0.5em;
  line-height: 1.8em;
  font-weight: 300;
}
.content-main a, .content-full a, .content-main-large a, .controlli .main-user-content a {
  color: #007ea4;
  text-decoration: none;
}
.content-main a:hover, .content-full a:hover, .content-main-large a:hover, .controlli .main-user-content a:hover {
  text-decoration: underline;
}
.content-main strong, .content-main b, .content-full strong, .content-full b, .content-main-large strong, .content-main-large b, .controlli .main-user-content strong, .controlli .main-user-content b {
  font-weight: 700;
}
.content-main em, .content-main blockquote, .content-full em, .content-full blockquote, .content-main-large em, .content-main-large blockquote, .controlli .main-user-content em, .controlli .main-user-content blockquote {
  font-style: italic;
}
.content-main blockquote, .content-main blockquote p, .content-full blockquote, .content-full blockquote p, .content-main-large blockquote, .content-main-large blockquote p, .controlli .main-user-content blockquote, .controlli .main-user-content blockquote p {
  font-size: 18px;
  line-height: 1.8em;
  margin: 0.5em 0;
  text-align: left;
}

.banner-title {
  text-align: center;
  font-family: "Roboto Slab", serif;
  font-size: 1em;
  line-height: 1.4em;
}
@media screen and (min-width: 768px) {
  .banner-title {
    font-size: 1.2em;
  }
}

.wrapper {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0% 4%;
  position: relative;
}
.wrapper:after {
  clear: both;
  content: "";
  display: table;
}

.wrapper-full {
  max-width: 1260px;
  margin: 0 auto;
  position: relative;
}
.wrapper-full::after {
  clear: both;
  content: "";
  display: block;
}

section {
  max-width: 100% !important;
  padding: 0.7em 0;
}
@media screen and (min-width: 768px) {
  section {
    padding: 1.5em 0;
  }
}
section .title, section .content {
  float: left;
}
section .title, section .info {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  section .title, section .info {
    width: 20%;
    padding-right: 10px;
  }
}
section .content {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 100%;
}
@media screen and (min-width: 1024px) {
  section .content {
    width: 80%;
  }
}
section .more {
  position: relative;
  z-index: 1;
  text-align: center;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  section .more {
    margin-bottom: 1em;
    text-align: left;
  }
}
@media screen and (min-width: 1024px) {
  section .more {
    clear: both;
    margin-bottom: 0;
  }
}
section .more a {
  padding: 0.3em 0.5em;
  border-radius: 0.3em;
  font-family: "Roboto Condensed", sans-serif;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  background-color: #007ea4;
  font-size: 16px;
}
section .more a:hover {
  opacity: 0.8;
}
@media screen and (min-width: 768px) {
  section .more a {
    font-size: 13px;
  }
}
@media screen and (min-width: 1024px) {
  section .more a {
    position: absolute;
    left: 0;
    top: -35px;
  }
}

.grid-container::after {
  clear: both;
  content: "";
  display: block;
}

.col-1-4 {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
.col-1-4 img {
  margin: 0 !important;
}
@media screen and (min-width: 480px) {
  .col-1-4 {
    padding: 10px 0;
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    margin-left: 0;
    width: 25%;
  }
  .col-1-4:nth-child(4n) {
    margin-right: 0;
  }
}

.col-1-3 {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
.col-1-3 img {
  margin: 0 !important;
}
@media screen and (min-width: 480px) {
  .col-1-3 {
    padding: 10px 0;
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px;
  }
  .col-1-3:nth-child(3n+1) {
    margin-right: 0;
  }
}

.col-1-2 {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
.col-1-2 img {
  margin-left: 0 !important;
}
@media screen and (min-width: 480px) {
  .col-1-2 {
    padding: 10px 0;
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
  .col-1-2:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) {
  .two-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
}

@media screen and (min-width: 480px) {
  .three-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
}

.content-main {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .content-main {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
  }
}

aside {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  aside {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
  }
}

.grid-element {
  margin-bottom: 1em;
  background-color: #f7f7f8;
  border-top: 2px solid #f7f7f8;
  position: relative;
}
.grid-element:hover {
  background-color: #efeff1;
}
.grid-element h3 {
  padding: 0.5em;
  font-family: "Roboto Slab", serif;
  font-weight: bold;
  font-size: 0.9em;
  color: #56636b;
  overflow: hidden;
  max-height: 52px;
}
@media screen and (min-width: 480px) {
  .grid-element h3 {
    max-height: 123px;
  }
}
.grid-element h4 {
  padding: 0 0.5em 0.5em;
  font-family: "Roboto Slab", serif;
  font-weight: bold;
  font-size: 13px;
}
.grid-element p {
  display: none;
  padding: 0.5em;
  font-family: "Roboto Slab", serif;
  color: #56636b;
  max-height: 120px;
  overflow: hidden;
}
.grid-element img {
  max-width: 100%;
  max-height: 100%;
}
.grid-element span {
  color: #56636b;
  position: absolute;
  bottom: 0.7em;
  left: 0.7em;
  border-top: 1px dotted #56636b;
  font-size: 0.7em;
  text-transform: uppercase;
  line-height: 1.4em;
}

.cardiologia-border {
  border-top: 2px solid #d25b61;
}

.neuroscienze-border {
  border-top: 2px solid #737661;
}

.alimentazione-border {
  border-top: 2px solid #89ba70;
}

.ginecologia-border {
  border-top: 2px solid #958bb5;
}

.pediatria-border {
  border-top: 2px solid #eabd36;
}

.oncologia-border {
  border-top: 2px solid #d87d36;
}

.fumo-border {
  border-top: 2px solid #d8c096;
}

.generico-border {
  border-top: 2px solid #56636b;
}

.block-grigio {
  background: url(/tpl/images/page-light-gray.png) repeat-y center rgba(0, 0, 0, 0.06);
  color: #56636b;
}
.block-grigio .h2 h2, .block-grigio .h2 h2 a, .block-grigio .h2 h1, .block-grigio .h2 h1 a {
  color: #56636b;
}

.block-scuro {
  background: url(/tpl/images/page-dark-gray.png) repeat-y center #919fa7;
  color: #fff;
}
.block-scuro .title h2, .block-scuro .title h2 a, .block-scuro .title h1, .block-scuro .title h1 a {
  color: #fff;
}
.block-scuro .title-info h2, .block-scuro .title-info h2 a, .block-scuro .title-info h1, .block-scuro .title-info h1 a {
  color: #fff;
}

.block-blu {
  background: url(/tpl/images/page-fuv.png) repeat-y center #007ea4;
  color: #fff;
}
.block-blu .title h2, .block-blu .title h2 a, .block-blu .title h1, .block-blu .title h1 a {
  color: #fff;
}
.block-blu .title-info h2, .block-blu .title-info h2 a, .block-blu .title-info h1, .block-blu .title-info h1 a {
  color: #fff;
}
.block-blu .more a {
  color: #007ea4;
  font-weight: 700;
  background-color: #fff;
}

.block-hp-text-slide {
  text-align: center;
  line-height: 1.3em;
}
@media screen and (min-width: 480px) {
  .block-hp-text-slide {
    font-size: 22px;
  }
}
.block-hp-text-slide p {
  max-width: 800px;
  display: block;
  margin: 0 auto;
}

.titolo-speciale {
  background-color: rgba(0, 0, 0, 0.06);
  padding: 0;
}
.titolo-speciale .bg-oncologia, .titolo-speciale .bg-cardiologia, .titolo-speciale .bg-neuroscienze, .titolo-speciale .bg-alimentazione, .titolo-speciale .bg-pediatria, .titolo-speciale .bg-ginecologia, .titolo-speciale .bg-fumo, .titolo-speciale .bg-fuv, .titolo-speciale .bg-generico {
  padding: 2em 0;
}
.titolo-speciale .titolo-large h1, .titolo-speciale .titolo-large h2 {
  line-height: 1.2em;
  font-family: "Roboto Slab", serif;
  color: #fff;
}
.titolo-speciale .titolo-large h1 {
  font-size: 2em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  margin-bottom: 10px;
  padding-bottom: 4px;
  text-transform: uppercase;
}
.titolo-speciale .titolo-large h2 {
  font-weight: 300;
  font-size: 14px;
}

.grid-00 .grid-element {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  min-height: 82.8px;
}
.grid-00 .grid-element:nth-child(1), .grid-00 .grid-element:nth-child(2) {
  padding-bottom: 30px;
}
.grid-00 .grid-element:nth-child(1) h3, .grid-00 .grid-element:nth-child(2) h3 {
  max-height: 128px;
  font-size: 1.5em;
  padding: 0.3em;
}
.grid-00 .grid-element:nth-child(1) p, .grid-00 .grid-element:nth-child(2) p {
  max-height: 120px;
  display: block;
}
.grid-00 .grid-element:nth-child(3), .grid-00 .grid-element:nth-child(4) {
  padding-left: 130px;
}
.grid-00 .grid-element:nth-child(3) span, .grid-00 .grid-element:nth-child(4) span {
  left: 140px;
}
.grid-00 .grid-element:nth-child(3) h3, .grid-00 .grid-element:nth-child(4) h3 {
  margin-bottom: 2em;
}
.grid-00 .grid-element:nth-child(3) img, .grid-00 .grid-element:nth-child(4) img {
  position: absolute;
  left: 0;
}
.grid-00 .grid-element:nth-child(5) h3, .grid-00 .grid-element:nth-child(6) h3 {
  max-height: 52px;
}
.grid-00 .grid-element:nth-child(5) img, .grid-00 .grid-element:nth-child(6) img {
  display: none;
}
.grid-00 .grid-element:nth-child(7), .grid-00 .grid-element:nth-child(8), .grid-00 .grid-element:nth-child(9), .grid-00 .grid-element:nth-child(10) {
  display: none;
}
@media screen and (min-width: 480px) {
  .grid-00 .grid-element {
    padding-left: 0;
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
  .grid-00 .grid-element:nth-child(2) {
    padding-left: 130px;
    max-height: 82.8px;
  }
  .grid-00 .grid-element:nth-child(2) p {
    display: none;
  }
  .grid-00 .grid-element:nth-child(2) h3 {
    font-size: 18px;
    padding: 0.5em;
    margin-bottom: 0;
  }
  .grid-00 .grid-element:nth-child(2) span {
    left: 140px;
  }
  .grid-00 .grid-element:nth-child(3), .grid-00 .grid-element:nth-child(4) {
    min-height: 300px;
    padding-left: 0;
  }
  .grid-00 .grid-element:nth-child(3) span, .grid-00 .grid-element:nth-child(4) span {
    left: 0.7em;
  }
  .grid-00 .grid-element:nth-child(3) img, .grid-00 .grid-element:nth-child(4) img {
    position: relative;
  }
  .grid-00 .grid-element:nth-child(3) h3, .grid-00 .grid-element:nth-child(4) h3 {
    font-size: 18px;
  }
  .grid-00 .grid-element span {
    left: 0.7em;
  }
  .grid-00 .grid-element img {
    position: relative;
  }
  .grid-00 .grid-element:nth-child(2), .grid-00 .grid-element:nth-child(4), .grid-00 .grid-element:nth-child(6), .grid-00 .grid-element:nth-child(8) {
    margin-right: 0;
  }
  .grid-00 .grid-element:nth-child(1) {
    min-height: 280px;
    padding-left: 0;
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-left: 0;
    width: 100%;
  }
  .grid-00 .grid-element:nth-child(1) h3 {
    font-size: 18px;
    width: 30%;
    margin-bottom: 0;
    max-height: 118px;
  }
  .grid-00 .grid-element:nth-child(1) p {
    display: block;
    width: 30%;
  }
  .grid-00 .grid-element:nth-child(1) img {
    right: 0;
    left: auto;
    position: absolute;
    max-width: 70%;
  }
  .grid-00 .grid-element:nth-child(1) span {
    left: 0.7em;
  }
  .grid-00 .grid-element:nth-child(2) {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-left: 0;
    width: 100%;
    min-height: 82.8px;
    padding-left: 130px;
  }
  .grid-00 .grid-element:nth-child(2) img {
    position: absolute;
    left: 0;
  }
  .grid-00 .grid-element:nth-child(2) span {
    left: 140px;
  }
  .grid-00 .grid-element:nth-child(2) h3 {
    margin-bottom: 2em;
  }
}
@media screen and (min-width: 768px) {
  .grid-00 .grid-element {
    min-height: 280px;
  }
  .grid-00 .grid-element:nth-child(1) {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
  }
  .grid-00 .grid-element:nth-child(1) h3 {
    font-size: 22px;
  }
  .grid-00 .grid-element:nth-child(2) {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    margin-right: 0;
    min-height: 280px;
    padding-left: 0;
  }
  .grid-00 .grid-element:nth-child(2) img {
    position: relative;
  }
  .grid-00 .grid-element:nth-child(2) span {
    left: 0.7em;
  }
  .grid-00 .grid-element:nth-child(3), .grid-00 .grid-element:nth-child(4) {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    min-height: 280px;
    padding-left: 0;
  }
  .grid-00 .grid-element:nth-child(3) img, .grid-00 .grid-element:nth-child(4) img {
    position: relative;
  }
  .grid-00 .grid-element:nth-child(3) span, .grid-00 .grid-element:nth-child(4) span {
    left: 0.7em;
  }
  .grid-00 .grid-element:nth-child(5), .grid-00 .grid-element:nth-child(6), .grid-00 .grid-element:nth-child(7), .grid-00 .grid-element:nth-child(8), .grid-00 .grid-element:nth-child(9), .grid-00 .grid-element:nth-child(10) {
    display: block;
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    min-height: 82.8px;
  }
  .grid-00 .grid-element:nth-child(5) img, .grid-00 .grid-element:nth-child(6) img, .grid-00 .grid-element:nth-child(7) img, .grid-00 .grid-element:nth-child(8) img, .grid-00 .grid-element:nth-child(9) img, .grid-00 .grid-element:nth-child(10) img {
    display: none;
  }
  .grid-00 .grid-element:nth-child(5) h3, .grid-00 .grid-element:nth-child(6) h3, .grid-00 .grid-element:nth-child(7) h3, .grid-00 .grid-element:nth-child(8) h3, .grid-00 .grid-element:nth-child(9) h3, .grid-00 .grid-element:nth-child(10) h3 {
    max-height: 52px;
  }
  .grid-00 .grid-element:nth-child(6), .grid-00 .grid-element:nth-child(8), .grid-00 .grid-element:nth-child(10) {
    margin-right: 0;
  }
}

.grid-01 .grid-element {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  min-height: 82.8px;
  padding-left: 130px;
}
.grid-01 .grid-element span {
  left: 140px;
}
.grid-01 .grid-element h3 {
  margin-bottom: 2em;
}
.grid-01 .grid-element img {
  position: absolute;
  left: 0;
}
@media screen and (min-width: 480px) {
  .grid-01 .grid-element {
    min-height: 300px;
    padding-left: 0;
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
  .grid-01 .grid-element h3 {
    font-size: 18px;
  }
  .grid-01 .grid-element span {
    left: 0.7em;
  }
  .grid-01 .grid-element img {
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  .grid-01 .grid-element {
    min-height: 280px;
  }
  .grid-01 .grid-element:nth-child(1) {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
  }
  .grid-01 .grid-element:nth-child(1) h3 {
    font-size: 22px;
    width: 30%;
    margin-bottom: 0;
  }
  .grid-01 .grid-element:nth-child(1) p {
    display: block;
    width: 30%;
  }
  .grid-01 .grid-element:nth-child(1) img {
    right: 0;
    left: auto;
    position: absolute;
    max-width: 70%;
  }
  .grid-01 .grid-element:nth-child(2) {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
  }
}

.grid-02 .grid-element {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  min-height: 82.8px;
}
.grid-02 .grid-element:nth-child(1), .grid-02 .grid-element:nth-child(2) {
  padding-bottom: 30px;
}
.grid-02 .grid-element:nth-child(1) h3, .grid-02 .grid-element:nth-child(2) h3 {
  max-height: 128px;
  font-size: 1.5em;
  padding: 0.3em;
}
.grid-02 .grid-element:nth-child(1) p, .grid-02 .grid-element:nth-child(2) p {
  max-height: 120px;
  display: block;
}
.grid-02 .grid-element:nth-child(3), .grid-02 .grid-element:nth-child(4), .grid-02 .grid-element:nth-child(5) {
  padding-left: 130px;
}
.grid-02 .grid-element:nth-child(3) img, .grid-02 .grid-element:nth-child(4) img, .grid-02 .grid-element:nth-child(5) img {
  position: absolute;
  left: 0;
}
.grid-02 .grid-element:nth-child(3) span, .grid-02 .grid-element:nth-child(4) span, .grid-02 .grid-element:nth-child(5) span {
  left: 140px;
}
@media screen and (min-width: 480px) {
  .grid-02 .grid-element:nth-child(1), .grid-02 .grid-element:nth-child(2) {
    min-height: 300px;
    padding-left: 0;
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
  .grid-02 .grid-element:nth-child(1) h3, .grid-02 .grid-element:nth-child(2) h3 {
    font-size: 18px;
  }
  .grid-02 .grid-element:nth-child(1) span, .grid-02 .grid-element:nth-child(2) span {
    left: 0.7em;
  }
  .grid-02 .grid-element:nth-child(1) img, .grid-02 .grid-element:nth-child(2) img {
    position: relative;
  }
  .grid-02 .grid-element:nth-child(2) {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .grid-02 .grid-element:nth-child(1), .grid-02 .grid-element:nth-child(2) {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    min-height: 280px;
    padding-left: 0;
  }
  .grid-02 .grid-element:nth-child(1) p, .grid-02 .grid-element:nth-child(2) p {
    display: none;
  }
  .grid-02 .grid-element:nth-child(1) img, .grid-02 .grid-element:nth-child(2) img {
    position: relative;
  }
  .grid-02 .grid-element:nth-child(1) span, .grid-02 .grid-element:nth-child(2) span {
    left: 0.7em;
  }
  .grid-02 .grid-element:nth-child(1) h3, .grid-02 .grid-element:nth-child(2) h3 {
    font-size: 18px;
  }
  .grid-02 .grid-element:nth-child(3), .grid-02 .grid-element:nth-child(4), .grid-02 .grid-element:nth-child(5) {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    margin-right: 0;
    min-height: 82.8px;
    padding-left: 130px;
  }
  .grid-02 .grid-element:nth-child(3) img, .grid-02 .grid-element:nth-child(4) img, .grid-02 .grid-element:nth-child(5) img {
    position: absolute;
    display: block;
    left: 0;
  }
  .grid-02 .grid-element:nth-child(3) span, .grid-02 .grid-element:nth-child(4) span, .grid-02 .grid-element:nth-child(5) span {
    left: 140px;
  }
}

.grid-03 .grid-element {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  min-height: 82.8px;
}
.grid-03 .grid-element:nth-child(1), .grid-03 .grid-element:nth-child(2) {
  padding-bottom: 30px;
}
.grid-03 .grid-element:nth-child(1) h3, .grid-03 .grid-element:nth-child(2) h3 {
  max-height: 128px;
  font-size: 1.5em;
  padding: 0.3em;
}
.grid-03 .grid-element:nth-child(1) p, .grid-03 .grid-element:nth-child(2) p {
  max-height: 120px;
  display: block;
}
.grid-03 .grid-element:nth-child(3) h3, .grid-03 .grid-element:nth-child(4) h3 {
  max-height: 50px;
}
.grid-03 .grid-element:nth-child(3) img, .grid-03 .grid-element:nth-child(4) img {
  display: none;
}
.grid-03 .grid-element:nth-child(5), .grid-03 .grid-element:nth-child(6), .grid-03 .grid-element:nth-child(7) {
  display: none;
}
@media screen and (min-width: 480px) {
  .grid-03 .grid-element:nth-child(2) p {
    display: none;
  }
  .grid-03 .grid-element:nth-child(2) h3 {
    font-size: 0.9em;
  }
  .grid-03 .grid-element:nth-child(3) {
    display: none;
  }
  .grid-03 .grid-element:nth-child(2), .grid-03 .grid-element:nth-child(3), .grid-03 .grid-element:nth-child(4), .grid-03 .grid-element:nth-child(5) {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    padding-bottom: 30px;
  }
  .grid-03 .grid-element:nth-child(2) img, .grid-03 .grid-element:nth-child(3) img, .grid-03 .grid-element:nth-child(4) img, .grid-03 .grid-element:nth-child(5) img {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .grid-03 .grid-element:nth-child(1) {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    min-height: 280px;
    padding-left: 0;
    overflow: hidden;
  }
  .grid-03 .grid-element:nth-child(1) img, .grid-03 .grid-element:nth-child(1) h3 {
    position: absolute;
    display: block;
  }
  .grid-03 .grid-element:nth-child(1) img {
    max-height: initial;
    width: 100%;
  }
  .grid-03 .grid-element:nth-child(1) span {
    display: none;
  }
  .grid-03 .grid-element:nth-child(1) h3 {
    bottom: 0;
    font-size: 22px;
    background-color: #f7f7f8;
    width: 100%;
  }
  .grid-03 .grid-element:nth-child(2), .grid-03 .grid-element:nth-child(3), .grid-03 .grid-element:nth-child(4), .grid-03 .grid-element:nth-child(5), .grid-03 .grid-element:nth-child(6), .grid-03 .grid-element:nth-child(7) {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    min-height: 82.8px;
  }
  .grid-03 .grid-element:nth-child(2) img, .grid-03 .grid-element:nth-child(3) img, .grid-03 .grid-element:nth-child(4) img, .grid-03 .grid-element:nth-child(5) img, .grid-03 .grid-element:nth-child(6) img, .grid-03 .grid-element:nth-child(7) img {
    display: none;
  }
  .grid-03 .grid-element:nth-child(2) h3, .grid-03 .grid-element:nth-child(3) h3, .grid-03 .grid-element:nth-child(4) h3, .grid-03 .grid-element:nth-child(5) h3, .grid-03 .grid-element:nth-child(6) h3, .grid-03 .grid-element:nth-child(7) h3 {
    max-height: 50px;
  }
  .grid-03 .grid-element:nth-child(2) p, .grid-03 .grid-element:nth-child(3) p, .grid-03 .grid-element:nth-child(4) p, .grid-03 .grid-element:nth-child(5) p, .grid-03 .grid-element:nth-child(6) p, .grid-03 .grid-element:nth-child(7) p {
    display: none;
  }
  .grid-03 .grid-element:nth-child(3), .grid-03 .grid-element:nth-child(5), .grid-03 .grid-element:nth-child(7) {
    margin-right: 0;
  }
  .grid-03 .grid-element:nth-child(3), .grid-03 .grid-element:nth-child(4), .grid-03 .grid-element:nth-child(5), .grid-03 .grid-element:nth-child(6), .grid-03 .grid-element:nth-child(7) {
    display: block;
  }
}

.gallery-icon {
  display: block;
  position: absolute;
  top: 5px;
  z-index: 10;
  width: 45px !important;
  height: auto;
  left: 5px !important;
}

.grid-04 .grid-element {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  min-height: 82.8px;
}
.grid-04 .grid-element:nth-child(1), .grid-04 .grid-element:nth-child(2) {
  padding-bottom: 30px;
}
.grid-04 .grid-element:nth-child(1) h3, .grid-04 .grid-element:nth-child(2) h3 {
  max-height: 128px;
  font-size: 1.5em;
  padding: 0.3em;
}
.grid-04 .grid-element:nth-child(1) p, .grid-04 .grid-element:nth-child(2) p {
  max-height: 120px;
  display: block;
}
.grid-04 .grid-element:nth-child(3) img, .grid-04 .grid-element:nth-child(4) img {
  display: none;
}
.grid-04 .grid-element:nth-child(3) h3, .grid-04 .grid-element:nth-child(4) h3 {
  max-height: 52px;
}
.grid-04 .grid-element:nth-child(5), .grid-04 .grid-element:nth-child(6), .grid-04 .grid-element:nth-child(7), .grid-04 .grid-element:nth-child(8) {
  display: none;
}
@media screen and (min-width: 480px) {
  .grid-04 .grid-element:nth-child(1), .grid-04 .grid-element:nth-child(2) {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    padding-bottom: 30px;
  }
  .grid-04 .grid-element:nth-child(1) img, .grid-04 .grid-element:nth-child(2) img {
    display: block;
  }
  .grid-04 .grid-element:nth-child(5), .grid-04 .grid-element:nth-child(6), .grid-04 .grid-element:nth-child(7), .grid-04 .grid-element:nth-child(8) {
    display: block;
  }
  .grid-04 .grid-element:nth-child(5) img, .grid-04 .grid-element:nth-child(6) img, .grid-04 .grid-element:nth-child(7) img, .grid-04 .grid-element:nth-child(8) img {
    display: none;
  }
  .grid-04 .grid-element:nth-child(3), .grid-04 .grid-element:nth-child(4), .grid-04 .grid-element:nth-child(5), .grid-04 .grid-element:nth-child(6), .grid-04 .grid-element:nth-child(7), .grid-04 .grid-element:nth-child(8) {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
  .grid-04 .grid-element:nth-child(2), .grid-04 .grid-element:nth-child(4), .grid-04 .grid-element:nth-child(6), .grid-04 .grid-element:nth-child(8) {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .grid-04 .grid-element:nth-child(1), .grid-04 .grid-element:nth-child(2) {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    min-height: 280px;
    padding-left: 0;
  }
  .grid-04 .grid-element:nth-child(1) p, .grid-04 .grid-element:nth-child(2) p {
    display: none;
  }
  .grid-04 .grid-element:nth-child(1) img, .grid-04 .grid-element:nth-child(2) img {
    position: relative;
  }
  .grid-04 .grid-element:nth-child(1) span, .grid-04 .grid-element:nth-child(2) span {
    left: 0.7em;
  }
  .grid-04 .grid-element:nth-child(1) h3, .grid-04 .grid-element:nth-child(2) h3 {
    font-size: 18px;
  }
  .grid-04 .grid-element:nth-child(3), .grid-04 .grid-element:nth-child(4), .grid-04 .grid-element:nth-child(5), .grid-04 .grid-element:nth-child(6), .grid-04 .grid-element:nth-child(7), .grid-04 .grid-element:nth-child(8) {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    min-height: 82.8px;
  }
  .grid-04 .grid-element:nth-child(3) img, .grid-04 .grid-element:nth-child(4) img, .grid-04 .grid-element:nth-child(5) img, .grid-04 .grid-element:nth-child(6) img, .grid-04 .grid-element:nth-child(7) img, .grid-04 .grid-element:nth-child(8) img {
    display: none;
  }
  .grid-04 .grid-element:nth-child(3) h3, .grid-04 .grid-element:nth-child(4) h3, .grid-04 .grid-element:nth-child(5) h3, .grid-04 .grid-element:nth-child(6) h3, .grid-04 .grid-element:nth-child(7) h3, .grid-04 .grid-element:nth-child(8) h3 {
    max-height: 52px;
  }
  .grid-04 .grid-element:nth-child(4), .grid-04 .grid-element:nth-child(6), .grid-04 .grid-element:nth-child(8) {
    margin-right: 0;
  }
}

.grid-05 .grid-element {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  min-height: 82.8px;
}
.grid-05 .grid-element:nth-child(1), .grid-05 .grid-element:nth-child(2) {
  padding-bottom: 30px;
}
.grid-05 .grid-element:nth-child(1) h3, .grid-05 .grid-element:nth-child(2) h3 {
  max-height: 128px;
  font-size: 1.5em;
  padding: 0.3em;
}
.grid-05 .grid-element:nth-child(1) p, .grid-05 .grid-element:nth-child(2) p {
  max-height: 120px;
  display: block;
}
.grid-05 .grid-element:nth-child(3) h3, .grid-05 .grid-element:nth-child(4) h3 {
  max-height: 60px;
}
.grid-05 .grid-element:nth-child(3) img, .grid-05 .grid-element:nth-child(4) img {
  display: none;
}
.grid-05 .grid-element:nth-child(5), .grid-05 .grid-element:nth-child(6), .grid-05 .grid-element:nth-child(7) {
  display: none;
}
@media screen and (min-width: 480px) {
  .grid-05 .grid-element:nth-child(1), .grid-05 .grid-element:nth-child(2) {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    padding-bottom: 30px;
  }
  .grid-05 .grid-element:nth-child(1) img, .grid-05 .grid-element:nth-child(2) img {
    display: block;
  }
  .grid-05 .grid-element:nth-child(2) {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .grid-05 .grid-element:nth-child(1) p, .grid-05 .grid-element:nth-child(2) p {
    display: none;
  }
  .grid-05 .grid-element:nth-child(1) h3, .grid-05 .grid-element:nth-child(2) h3 {
    font-size: 0.9em;
  }
  .grid-05 .grid-element:nth-child(1), .grid-05 .grid-element:nth-child(3), .grid-05 .grid-element:nth-child(5) {
    display: block;
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    min-height: 82.8px;
    padding-left: 130px;
  }
  .grid-05 .grid-element:nth-child(1) img, .grid-05 .grid-element:nth-child(3) img, .grid-05 .grid-element:nth-child(5) img {
    position: absolute;
    display: block;
    left: 0;
  }
  .grid-05 .grid-element:nth-child(1) span, .grid-05 .grid-element:nth-child(3) span, .grid-05 .grid-element:nth-child(5) span {
    left: 140px;
  }
  .grid-05 .grid-element:nth-child(2), .grid-05 .grid-element:nth-child(4), .grid-05 .grid-element:nth-child(6), .grid-05 .grid-element:nth-child(7) {
    display: block;
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    min-height: 82.8px;
    padding-left: 0;
  }
  .grid-05 .grid-element:nth-child(2) span, .grid-05 .grid-element:nth-child(4) span, .grid-05 .grid-element:nth-child(6) span, .grid-05 .grid-element:nth-child(7) span {
    left: 0.7em;
  }
  .grid-05 .grid-element:nth-child(2) img, .grid-05 .grid-element:nth-child(4) img, .grid-05 .grid-element:nth-child(6) img, .grid-05 .grid-element:nth-child(7) img {
    display: none;
  }
  .grid-05 .grid-element:nth-child(7) {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    min-height: 280px;
    margin-right: 0;
    margin-top: -198px;
  }
  .grid-05 .grid-element:nth-child(7) img {
    display: block;
  }
}
.grid-05 .grid-video img {
  display: block !important;
  position: absolute;
  height: 45px;
  top: 16px;
  left: 0.7em;
}
.grid-05 .grid-video h3 {
  padding-left: 60px;
  padding-top: 22px;
}
@media screen and (min-width: 768px) {
  .grid-05 .grid-video {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    min-height: 82.8px;
    padding-left: 0;
  }
  .grid-05 .grid-video span {
    left: 0.7em;
  }
  .grid-05 .grid-video h3 {
    padding-top: 16px;
  }
  .grid-05 .grid-video img {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .grid-05 .grid-blog {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    min-height: 280px;
    margin-right: 0;
    margin-top: -198px;
  }
  .grid-05 .grid-blog img {
    display: block !important;
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 130px;
  }
}

.grid-06 .grid-element {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  min-height: 82.8px;
}
.grid-06 .grid-element:nth-child(1), .grid-06 .grid-element:nth-child(2), .grid-06 .grid-element:nth-child(3) {
  padding-bottom: 30px;
}
.grid-06 .grid-element:nth-child(1) h3, .grid-06 .grid-element:nth-child(2) h3, .grid-06 .grid-element:nth-child(3) h3 {
  max-height: 128px;
  font-size: 1.5em;
  padding: 0.3em;
}
.grid-06 .grid-element:nth-child(1) p, .grid-06 .grid-element:nth-child(2) p, .grid-06 .grid-element:nth-child(3) p {
  max-height: 120px;
  display: block;
}
.grid-06 .grid-element:nth-child(4), .grid-06 .grid-element:nth-child(5), .grid-06 .grid-element:nth-child(6) {
  display: none;
}
@media screen and (min-width: 480px) {
  .grid-06 .grid-element:nth-child(1), .grid-06 .grid-element:nth-child(2) {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    padding-bottom: 30px;
  }
  .grid-06 .grid-element:nth-child(1) img, .grid-06 .grid-element:nth-child(2) img {
    display: block;
  }
  .grid-06 .grid-element:nth-child(2) {
    margin-right: 0;
  }
  .grid-06 .grid-element:nth-child(3) h3 {
    font-size: 0.9em;
  }
  .grid-06 .grid-element:nth-child(3), .grid-06 .grid-element:nth-child(4), .grid-06 .grid-element:nth-child(5), .grid-06 .grid-element:nth-child(6) {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-left: 0;
    width: 100%;
    min-height: 82.8px;
    padding-left: 130px;
  }
  .grid-06 .grid-element:nth-child(3) p, .grid-06 .grid-element:nth-child(4) p, .grid-06 .grid-element:nth-child(5) p, .grid-06 .grid-element:nth-child(6) p {
    display: none;
  }
  .grid-06 .grid-element:nth-child(3) img, .grid-06 .grid-element:nth-child(4) img, .grid-06 .grid-element:nth-child(5) img, .grid-06 .grid-element:nth-child(6) img {
    position: absolute;
    display: block;
    left: 0;
  }
  .grid-06 .grid-element:nth-child(3) span, .grid-06 .grid-element:nth-child(4) span, .grid-06 .grid-element:nth-child(5) span, .grid-06 .grid-element:nth-child(6) span {
    left: 140px;
  }
}
@media screen and (min-width: 768px) {
  .grid-06 .grid-element:nth-child(1), .grid-06 .grid-element:nth-child(2), .grid-06 .grid-element:nth-child(3) {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    min-height: 280px;
    padding-left: 0;
  }
  .grid-06 .grid-element:nth-child(1) img, .grid-06 .grid-element:nth-child(2) img, .grid-06 .grid-element:nth-child(3) img {
    position: relative;
    display: block;
  }
  .grid-06 .grid-element:nth-child(1) span, .grid-06 .grid-element:nth-child(2) span, .grid-06 .grid-element:nth-child(3) span {
    left: 0.7em;
  }
  .grid-06 .grid-element:nth-child(1) h3, .grid-06 .grid-element:nth-child(2) h3, .grid-06 .grid-element:nth-child(3) h3 {
    font-size: 18px;
  }
  .grid-06 .grid-element:nth-child(1) p, .grid-06 .grid-element:nth-child(2) p, .grid-06 .grid-element:nth-child(3) p {
    display: none;
  }
  .grid-06 .grid-element:nth-child(4), .grid-06 .grid-element:nth-child(5), .grid-06 .grid-element:nth-child(6) {
    display: block;
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    min-height: 82.8px;
    margin-right: 0;
    padding-left: 0;
  }
  .grid-06 .grid-element:nth-child(4) img, .grid-06 .grid-element:nth-child(5) img, .grid-06 .grid-element:nth-child(6) img {
    display: none;
  }
  .grid-06 .grid-element:nth-child(4) span, .grid-06 .grid-element:nth-child(5) span, .grid-06 .grid-element:nth-child(6) span {
    left: 0.7em;
  }
  .grid-06 .grid-element:nth-child(4) h3, .grid-06 .grid-element:nth-child(5) h3, .grid-06 .grid-element:nth-child(6) h3 {
    max-height: 52px;
  }
}

.grid-07 .grid-element {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  min-height: 82.8px;
}
.grid-07 .grid-element:nth-child(1), .grid-07 .grid-element:nth-child(2) {
  padding-bottom: 30px;
}
.grid-07 .grid-element:nth-child(1) h3, .grid-07 .grid-element:nth-child(2) h3 {
  max-height: 128px;
  font-size: 1.5em;
  padding: 0.3em;
}
.grid-07 .grid-element:nth-child(1) p, .grid-07 .grid-element:nth-child(2) p {
  max-height: 120px;
  display: block;
}
.grid-07 .grid-element:nth-child(3), .grid-07 .grid-element:nth-child(4) {
  padding-left: 130px;
}
.grid-07 .grid-element:nth-child(3) img, .grid-07 .grid-element:nth-child(4) img {
  position: absolute;
  left: 0;
}
.grid-07 .grid-element:nth-child(3) span, .grid-07 .grid-element:nth-child(4) span {
  left: 140px;
}
@media screen and (min-width: 480px) {
  .grid-07 .grid-element:nth-child(1), .grid-07 .grid-element:nth-child(2) {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
  .grid-07 .grid-element:nth-child(2) {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .grid-07 .grid-element:nth-child(1), .grid-07 .grid-element:nth-child(2), .grid-07 .grid-element:nth-child(3), .grid-07 .grid-element:nth-child(4) {
    min-height: 280px;
    padding-left: 0;
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
  }
  .grid-07 .grid-element:nth-child(1) p, .grid-07 .grid-element:nth-child(2) p, .grid-07 .grid-element:nth-child(3) p, .grid-07 .grid-element:nth-child(4) p {
    display: none;
  }
  .grid-07 .grid-element:nth-child(1) h3, .grid-07 .grid-element:nth-child(2) h3, .grid-07 .grid-element:nth-child(3) h3, .grid-07 .grid-element:nth-child(4) h3 {
    font-size: 18px;
  }
  .grid-07 .grid-element:nth-child(1) img, .grid-07 .grid-element:nth-child(2) img, .grid-07 .grid-element:nth-child(3) img, .grid-07 .grid-element:nth-child(4) img {
    position: relative;
  }
  .grid-07 .grid-element:nth-child(1) span, .grid-07 .grid-element:nth-child(2) span, .grid-07 .grid-element:nth-child(3) span, .grid-07 .grid-element:nth-child(4) span {
    left: 0.7em;
  }
}

.grid-08 .grid-element {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  min-height: 82.8px;
}
.grid-08 .grid-element:nth-child(1) {
  padding-bottom: 30px;
}
.grid-08 .grid-element:nth-child(1) h3 {
  max-height: 128px;
  font-size: 1.5em;
  padding: 0.3em;
}
.grid-08 .grid-element:nth-child(1) p {
  max-height: 120px;
  display: block;
}
.grid-08 .grid-element:nth-child(1) .video-icon {
  display: block;
  position: absolute;
  width: 45px;
  height: auto;
  z-index: 10;
  right: 50%;
  top: 26%;
  margin-right: -22px;
}
.grid-08 .grid-element:nth-child(2), .grid-08 .grid-element:nth-child(3), .grid-08 .grid-element:nth-child(4) {
  padding-left: 130px;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  padding-left: 60px;
  min-height: 82.8px;
}
.grid-08 .grid-element:nth-child(2) h3, .grid-08 .grid-element:nth-child(3) h3, .grid-08 .grid-element:nth-child(4) h3 {
  padding-top: 16px;
  font-size: 0.9em;
  max-height: 60px;
}
.grid-08 .grid-element:nth-child(2) img, .grid-08 .grid-element:nth-child(3) img, .grid-08 .grid-element:nth-child(4) img {
  display: block;
  position: absolute;
  height: 45px;
  top: 16px;
  left: 0.7em;
}
@media screen and (min-width: 480px) {
  .grid-08 .grid-element:nth-child(1) .video-icon {
    right: 50%;
    top: 42%;
    margin-right: -22px;
  }
}
@media screen and (min-width: 768px) {
  .grid-08 .grid-element {
    padding-left: 60px;
  }
  .grid-08 .grid-element h3 {
    padding-top: 16px;
  }
  .grid-08 .grid-element img {
    display: block;
  }
  .grid-08 .grid-element:nth-child(1) {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
    min-height: 280px;
    padding-left: 0;
  }
  .grid-08 .grid-element:nth-child(1) h3 {
    max-height: 140px;
    font-size: 22px;
    width: 30%;
    margin-bottom: 0;
  }
  .grid-08 .grid-element:nth-child(1) p {
    display: block;
    width: 30%;
  }
  .grid-08 .grid-element:nth-child(1) img {
    right: 0;
    left: auto;
    position: absolute;
    max-width: 70%;
  }
  .grid-08 .grid-element:nth-child(1) .video-icon {
    right: 30%;
  }
  .grid-08 .grid-element:nth-child(2), .grid-08 .grid-element:nth-child(3), .grid-08 .grid-element:nth-child(4) {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    margin-right: 0;
  }
}

.banner-large {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  background-color: transparent;
  padding: 0 !important;
  border-top: none;
  padding-left: 0 !important;
}
.banner-large img {
  max-width: 100% !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
}
@media screen and (min-width: 480px) {
  .banner-large {
    min-height: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .banner-large {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
  }
}

.grid-glossario {
  padding-left: 50px !important;
  background-color: #dadfe2;
}
.grid-glossario h3 {
  text-align: left;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 10px !important;
  letter-spacing: 1.5px;
  padding-left: 0.7em;
}
.grid-glossario h4 {
  text-transform: uppercase;
  color: #56636b;
  word-break: break-all;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  letter-spacing: 1.5px;
  font-weight: 400;
}
.grid-glossario p {
  display: block !important;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  max-height: 78px !important;
}
.grid-glossario .scheda {
  border: none;
}
.grid-glossario .scheda img {
  display: none !important;
}
@media screen and (min-width: 768px) {
  .grid-glossario {
    padding-left: 0em !important;
    text-align: center;
  }
  .grid-glossario h3 {
    padding: 1em 0;
    text-align: center !important;
  }
  .grid-glossario img {
    position: relative;
    display: block;
    margin: 0 auto;
    top: 0;
  }
  .grid-glossario img:nth-child(1) {
    border-bottom: 1px solid #56636b;
    margin-top: 0.5em;
  }
  .grid-glossario .scheda {
    margin: 0 auto;
    width: 90%;
    padding: 0.7em 0.3em;
    border: 1px solid #56636b;
  }
  .grid-glossario .scheda img {
    display: block !important;
  }
}

.grid-blog {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  min-height: 82.8px;
  background-color: #eef1f3;
}
.grid-blog img {
  display: none;
  max-width: 130px;
}
.grid-blog h3 {
  text-transform: uppercase;
  color: #007ea4;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  max-height: 56px;
}
.grid-blog span {
  right: 0.7em;
  left: auto;
}
.grid-blog p {
  display: block;
  padding-right: 70px;
  max-height: 80px;
}
@media screen and (min-width: 768px) {
  .grid-blog {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    min-height: 280px;
    margin-right: 0;
  }
  .grid-blog span {
    left: 0.7em;
    border: none;
  }
  .grid-blog img {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: auto !important;
  }
  .grid-blog p {
    display: block;
    font-style: italic;
    font-size: 15px;
    line-height: 1.2em;
    padding-right: 0.7em;
  }
}

.grid-news .grid-element {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  min-height: 82.8px;
  padding-left: 130px;
}
.grid-news .grid-element img {
  position: absolute;
  left: 0;
}
.grid-news .grid-element span {
  left: 140px;
}
@media screen and (min-width: 768px) {
  .grid-news .grid-element {
    min-height: 160px;
    padding-left: 240px;
  }
  .grid-news .grid-element span {
    left: 250px;
  }
  .grid-news .grid-element p {
    display: block;
  }
  .grid-news .grid-element h3 {
    font-size: 1.3em;
  }
}

.newsletter p, .newsletter #container-newsletter-form {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .newsletter p, .newsletter #container-newsletter-form {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
}
.newsletter p {
  font-family: "Roboto Slab", serif;
  font-style: italic;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .newsletter p {
    margin-bottom: 0;
  }
}
.newsletter form input {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  width: calc(75% - 35px);
  float: left;
  margin-left: 20px;
  margin-right: 0;
}
.newsletter form button {
  width: calc(25% - 25px);
  float: left;
  margin-left: 20px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}

.tool-salute ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
.tool-salute ul li {
  display: inline-block;
  text-align: center;
  min-height: 100px;
  max-width: 110px;
  width: 50%;
}
.tool-salute ul li:hover {
  opacity: 0.8;
}
@media screen and (min-width: 480px) {
  .tool-salute ul li {
    width: 33%;
  }
}
@media screen and (min-width: 768px) {
  .tool-salute ul li {
    width: 110px;
  }
}
.tool-salute h4 {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 10px;
  letter-spacing: 1.5px;
  padding-left: 0.7em;
}
.tool-salute img {
  border-bottom: 1px solid #56636b;
  margin-bottom: 0.5em;
}
.tool-salute .disable {
  opacity: 0.5;
}
.tool-salute .disable:hover {
  opacity: 0.5;
}

.magazine-hp-link ul li {
  display: inline-block;
  text-align: center;
  margin-bottom: 0.5em;
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
}
.magazine-hp-link ul li:hover {
  opacity: 0.8;
  cursor: pointer;
}
.magazine-hp-link ul li:nth-child(2n) {
  margin-right: 0;
}
@media screen and (min-width: 480px) {
  .magazine-hp-link ul li {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px;
  }
}
@media screen and (min-width: 768px) {
  .magazine-hp-link ul li {
    width: calc(20% - 24px);
    float: left;
    margin-left: 20px;
  }
}
.magazine-hp-link ul .magazine-oncologia {
  border-bottom: 2px solid #d87d36;
}
.magazine-hp-link ul .magazine-fumo {
  border-bottom: 2px solid #d8c096;
}
.magazine-hp-link ul .magazine-alimentazione {
  border-bottom: 2px solid #89ba70;
}
.magazine-hp-link ul .magazine-cardiologia {
  border-bottom: 2px solid #d25b61;
}
.magazine-hp-link ul .magazine-neuroscienze {
  border-bottom: 2px solid #737661;
}
.magazine-hp-link ul .magazine-pediatria {
  border-bottom: 2px solid #eabd36;
}
.magazine-hp-link ul .magazine-ginecologia {
  border-bottom: 2px solid #958bb5;
}
.magazine-hp-link ul .magazine-fuv {
  border-bottom: 2px solid #0082aa;
}
.magazine-hp-link h2 {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: 1.5px;
  padding: 0.7em 0;
}

.blog {
  overflow: scroll;
  overflow-y: hidden;
  max-width: 100%;
  margin-bottom: 20px;
}
.blog .scroll {
  min-width: 900px;
}
.blog .grid-blog {
  border-top: none;
  border-left: 1px solid #dadfe2;
  margin-bottom: 0;
}
.blog .grid-blog p {
  padding-right: 0;
}
.blog .grid-blog img {
  display: block;
}
.blog .grid-blog:last-child {
  border-right: 1px solid #dadfe2;
}
.blog .grid-element {
  width: calc(25% - 25px);
  float: left;
  margin-left: 20px;
  min-height: 320px;
  padding-left: 0;
}
.blog .grid-element span {
  left: 0.7em;
}
@media screen and (min-width: 768px) {
  .blog {
    overflow-x: hidden;
  }
  .blog .scroll {
    min-width: 0;
  }
}
@media screen and (min-width: 1024px) {
  .blog {
    margin-bottom: 0;
  }
}

.ricercatori {
  overflow: scroll;
  overflow-y: hidden;
  max-width: 100%;
  margin-bottom: 20px;
}
.ricercatori article {
  width: calc(25% - 25px);
  float: left;
  margin-left: 20px;
  background-color: transparent;
  min-height: 280px;
  max-width: auto;
  border-top: #007ea4;
  text-align: center;
  margin-bottom: 0;
  padding-left: 0;
}
.ricercatori article p {
  display: block;
  color: #000;
}
.ricercatori article h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.2em;
  font-family: "Roboto Condensed", sans-serif;
}
.ricercatori article img {
  margin: 0 auto 10px;
  display: block;
  max-width: 200px;
}
@media screen and (min-width: 480px) {
  .ricercatori article img {
    max-width: 100%;
  }
}
.ricercatori article span {
  left: 0.7em;
}
.ricercatori .scroll {
  min-width: 900px;
}
@media screen and (min-width: 768px) {
  .ricercatori {
    overflow-x: hidden;
  }
  .ricercatori .scroll {
    min-width: 0;
  }
}
@media screen and (min-width: 768px) {
  .ricercatori .grid-blog {
    border-top: none;
    border-left: 1px solid #dadfe2;
  }
  .ricercatori .grid-blog:last-child {
    border-right: 1px solid #dadfe2;
  }
}

.banner-full-blu, .banner-full-light {
  background: #007ea4;
  color: #fff;
}
.banner-full-blu p, .banner-full-light p {
  font-family: "Roboto Slab", serif;
  font-weight: 400;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .banner-full-blu p, .banner-full-light p {
    width: calc(41.66667% - 28.33333px);
    float: left;
    margin-left: 20px;
    margin-left: calc(16.66667% - 23.33333px + 40px);
    text-align: right;
    border-right: 1px solid #fff;
    padding-right: 1em;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.banner-full-blu a, .banner-full-light a {
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  color: #fff;
  display: block;
  font-size: 30px;
  line-height: 30px;
  line-height: 1em;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
.banner-full-blu a:hover, .banner-full-light a:hover {
  opacity: 0.8;
}
.banner-full-blu a img, .banner-full-light a img {
  width: 12px;
  margin-left: 10px;
  margin-bottom: 3px;
}
@media screen and (min-width: 768px) {
  .banner-full-blu a, .banner-full-light a {
    width: calc(41.66667% - 28.33333px);
    float: left;
    margin-left: 20px;
  }
}

.banner-full-light {
  background: rgba(0, 0, 0, 0.1);
  color: #222;
}
@media screen and (min-width: 768px) {
  .banner-full-light .wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.banner-full-light a {
  color: #000;
  opacity: 0.7;
  font-size: 20px;
  line-height: 24px;
  display: block;
}
.banner-full-light a:hover {
  opacity: 1;
}
.banner-full-light p {
  display: block;
  opacity: 0.7;
  border-bottom: 1px solid #56636b;
  line-height: 24px;
}
.banner-full-light p strong {
  color: #007ea4;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .banner-full-light p {
    border-bottom: none;
    border-right: 1px solid #56636b;
  }
}

.button-list ul li {
  list-style: none;
  text-align: center;
  margin-left: 0;
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
}
@media screen and (min-width: 768px) {
  .button-list ul li {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px;
  }
}
.button-list ul li a {
  height: 5em;
  display: block;
  padding: 1em;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  line-height: 1em;
  border: 2px solid #007ea4;
  border-radius: 3px;
  text-transform: uppercase;
  color: #fff;
  background-color: #007ea4;
  letter-spacing: 2px;
  font-weight: 700;
  word-wrap: break-word;
}
@media screen and (min-width: 768px) {
  .button-list ul li a {
    height: 4em;
  }
}
.button-list ul li a:hover {
  color: #007ea4;
  background-color: #fff;
  text-decoration: none;
}

.block-4-images .item-4-images {
  margin-bottom: 1em;
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
  min-height: 340px;
}
@media screen and (min-width: 768px) {
  .block-4-images .item-4-images {
    min-height: auto;
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
  }
  .block-4-images .item-4-images:nth-child(2n):after {
    clear: none;
  }
}
.block-4-images .item-4-images h4 {
  text-transform: uppercase;
  text-align: left;
}
.block-4-images .item-4-images p {
  font-size: 14px;
  text-align: left;
}

.image-separator .item-4-images {
  border-right: 1px solid #dadfe2;
  padding-right: 2.35765%;
}
.image-separator .item-4-images:nth-child(2n) {
  border-right: none;
}
@media screen and (min-width: 768px) {
  .image-separator .item-4-images:nth-child(2n) {
    border-right: 1px solid #dadfe2;
    padding-right: 2.35765%;
  }
  .image-separator .item-4-images:nth-child(4n) {
    border-right: none;
  }
}

.block-categoria {
  width: 100%;
  height: 100px;
  margin-bottom: -80px;
}

.inevidenza-categoria {
  padding-top: 0;
}
.inevidenza-categoria .title h2, .inevidenza-categoria .title h2 a, .inevidenza-categoria .title h1, .inevidenza-categoria .title h1 a {
  color: #fff;
}

.bg-oncologia {
  background: url(/tpl/images/page-oncologia.png) repeat-y center #e9b48b;
}

.bg-cardiologia {
  background: url(/tpl/images/page-cardiologia.png) repeat-y center #e8abae;
}

.bg-neuroscienze {
  background: url(/tpl/images/page-neuroscienze.png) repeat-y center #a5a895;
}

.bg-alimentazione {
  background: url(/tpl/images/page-alimentazione.png) repeat-y center #c2dbb5;
}

.bg-pediatria {
  background: url(/tpl/images/page-pediatria.png) repeat-y center #f4db92;
}

.bg-ginecologia {
  background: url(/tpl/images/page-ginecologia.png) repeat-y center #cec9dd;
}

.bg-fumo {
  background: url(/tpl/images/page-fumo.png) repeat-y center #f4ede0;
}

.bg-fuv {
  background: url(/tpl/images/page-fuv.png) repeat-y center #11c7ff;
}

.bg-generico {
  background: url(/tpl/images/page-gray.png) repeat-y center #88969f;
}

.banner-oncologia {
  background: url(/tpl/images/banner-oncologia.png) no-repeat top center rgba(216, 125, 54, 0.5);
}

.banner-cardiologia {
  background: url(/tpl/images/banner-cardiologia.png) no-repeat top center rgba(210, 91, 97, 0.5);
}

.banner-neuroscienze {
  background: url(/tpl/images/banner-neuroscienze.png) no-repeat top center rgba(115, 118, 97, 0.5);
}

.banner-alimentazione {
  background: url(/tpl/images/banner-alimentazione.png) no-repeat top center rgba(137, 186, 112, 0.5);
}

.banner-pediatria {
  background: url(/tpl/images/banner-pediatria.png) no-repeat top center rgba(234, 189, 54, 0.5);
}

.banner-ginecologia {
  background: url(/tpl/images/banner-ginecologia.png) no-repeat top center rgba(149, 139, 181, 0.5);
}

.banner-fumo {
  background: url(/tpl/images/banner-fumo.png) no-repeat top center rgba(216, 192, 150, 0.5);
}

.banner-generico {
  display: none;
}

.banner-categoria {
  min-height: 100px;
  background-size: 100%;
}
@media screen and (min-width: 768px) {
  .banner-categoria {
    background-size: auto;
    background-position: center;
  }
}
.banner-categoria h3 {
  font-family: "Roboto Slab", serif;
  font-size: 24px;
  color: #56636b;
  font-weight: 400;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .banner-categoria h3 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
}
.banner-categoria span, .banner-categoria img {
  line-height: 70px;
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
}
@media screen and (min-width: 768px) {
  .banner-categoria span, .banner-categoria img {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
  }
}
.banner-categoria a {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 21px;
  font-weight: 700;
  color: #fff;
  background-color: #56636b;
  padding: 0.3em 0.8em;
  text-align: center;
  border-radius: 4px;
}
.banner-categoria a:hover {
  opacity: 0.8;
}

.grid-download {
  margin-top: 1em;
}
.grid-download .grid-element {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  min-height: 82.8px;
  padding-left: 130px;
}
.grid-download .grid-element img {
  position: absolute;
  left: 0;
}
.grid-download .grid-element span {
  left: 140px;
}
@media screen and (min-width: 480px) {
  .grid-download .grid-element:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .grid-download .grid-element {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    min-height: 220px;
    padding-left: 0;
  }
  .grid-download .grid-element img {
    position: relative;
    max-height: 160px;
  }
  .grid-download .grid-element span {
    left: 0.7em;
  }
}
.grid-download h3 {
  color: #007ea4;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  max-height: 100%;
}

.featured {
  padding-bottom: 10px;
  overflow: hidden;
}
.featured .wrapper-full {
  background-color: rgba(0, 0, 0, 0.06);
  border-bottom: 1px solid #dedfe1;
}
.featured .swiper-slide h3 {
  padding: 10px;
  text-align: center;
  font-family: "Roboto Slab", serif;
  color: #56636b;
  margin-bottom: 10px;
  box-sizing: border-box;
  line-height: 1.3em;
  height: auto;
  margin: 0 15%;
}
.featured .swiper-slide a:hover {
  opacity: 0.7;
  cursor: pointer;
}

.section-topimg-interna {
  padding: 0;
}
.section-topimg-interna .wrapper-full img {
  width: 100%;
  margin: 0 auto;
  display: block;
}

.icon-text-box {
  border: 4px solid #ffb92d;
  border-radius: 10px;
  padding: 15px;
  display: flex;
}
.icon-text-box img {
  width: 60px;
  height: 60px;
  margin-right: 20px;
}

.thankyou-banner {
  text-align: center;
  background-color: #dadfe2;
  max-width: 800px;
  padding: 30px 60px;
  margin: 20px auto;
}
.thankyou-banner h1, .thankyou-banner h2, .thankyou-banner h3, .thankyou-banner h4, .thankyou-banner h5 {
  font-family: "Roboto Slab", serif;
  font-size: 26px;
  margin-bottom: 20px;
  line-height: 1.4em;
  color: #56636b;
}
.thankyou-banner p {
  font-family: "Roboto Condensed", sans-serif;
  padding: 0 !important;
  margin: 0 0 20px !important;
  color: #56636b;
}
.thankyou-banner p strong, .thankyou-banner p b {
  font-weight: 600;
}
.thankyou-banner .btn {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 21px;
  color: #fff;
  background-color: #0082aa;
  padding: 0.5em 0.8em;
  text-align: center;
  border-radius: 2px;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none;
}
.thankyou-banner .btn:hover {
  text-decoration: none;
  color: white;
}

/* Navbar */
.navigation {
  background-color: transparent;
  border-bottom: 1px solid transparent;
  width: 100%;
  z-index: 999;
  min-height: 50px;
}
@media screen and (min-width: 768px) {
  .navigation {
    min-height: 90px;
  }
}
.navigation .navigation-wrapper {
  position: relative;
  z-index: 999;
}
.navigation .navigation-wrapper::after {
  clear: both;
  content: "";
  display: block;
}
.navigation .navigation-wrapper {
  *zoom: 1;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.navigation .navigation-wrapper:before, .navigation .navigation-wrapper:after {
  content: " ";
  display: table;
}
.navigation .navigation-wrapper:after {
  clear: both;
}
.navigation .navigation-menu-button {
  color: white;
  display: block;
  float: left;
  line-height: 50px;
  margin: 0;
  padding-right: 1em;
  text-decoration: none;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .navigation .navigation-menu-button {
    display: none;
    line-height: 90px;
  }
}
.navigation .navigation-menu-button:focus, .navigation .navigation-menu-button:hover {
  color: rgba(255, 255, 255, 0.7);
}
.navigation nav {
  z-index: 999;
}
.navigation ul.navigation-menu {
  clear: both;
  display: none;
  margin: 0 auto;
  overflow: visible;
  width: 100%;
  z-index: 999;
}
.navigation ul.navigation-menu.show {
  display: block;
}
@media screen and (min-width: 768px) {
  .navigation ul.navigation-menu {
    display: inline;
    margin: 0;
  }
}
.navigation ul li.nav-link {
  background: transparent;
  display: block;
  line-height: 50px;
  overflow: hidden;
  padding-right: 0;
  width: 100%;
  z-index: 999;
}
@media screen and (min-width: 768px) {
  .navigation ul li.nav-link {
    background: transparent;
    display: inline;
    line-height: 90px;
    text-decoration: none;
    width: auto;
  }
}
.navigation ul li.nav-link a {
  color: white;
  display: inline-block;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .navigation ul li.nav-link a {
    padding-right: 1em;
  }
}
.navigation ul li.nav-link a:focus, .navigation ul li.nav-link a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.navigation .active-nav-item a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 3px;
}
.navigation li.more-menu.nav-link {
  padding-right: 0;
}
@media screen and (min-width: 768px) {
  .navigation li.more-menu.nav-link {
    padding-right: 3px;
  }
}
.navigation li.more-menu.nav-link > ul > li:first-child a {
  padding-top: 1em;
}
.navigation li.more-menu.nav-link a {
  margin-right: 3px;
}
.navigation li.more-menu.nav-link > a {
  padding-right: 0;
}
.navigation li.more-menu.nav-link > a::after {
  position: absolute;
  top: auto;
  right: -0.4em;
  bottom: auto;
  left: auto;
  color: white;
  content: "\25BE";
}
.navigation li.more-menu {
  overflow: visible;
  padding-right: 0;
}
.navigation li.more-menu a {
  padding-right: 0.8em;
}
.navigation li.more-menu > a {
  padding-right: 1.6em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .navigation li.more-menu > a {
    margin-right: 3px;
  }
}
.navigation li.more-menu > a::after {
  content: "›";
  font-size: 1.2em;
  position: absolute;
  right: 1.5px;
}
.navigation li.more-menu:focus > .submenu, .navigation li.more-menu:hover > .submenu {
  display: block;
}
@media screen and (min-width: 768px) {
  .navigation li.more-menu {
    padding-right: 0.8em;
    position: relative;
  }
}
.navigation ul.submenu {
  display: none;
  padding-left: 0;
}
@media screen and (min-width: 768px) {
  .navigation ul.submenu {
    left: -3px;
    position: absolute;
    top: 1.5em;
  }
}
@media screen and (min-width: 768px) {
  .navigation ul.submenu .submenu.fly-out-right {
    left: 11.8em;
    top: 0;
  }
}
@media screen and (min-width: 768px) {
  .navigation ul.submenu .submenu.fly-out-left {
    left: -11.8em;
    top: 0;
  }
}
@media screen and (min-width: 768px) {
  .navigation ul.submenu .submenu {
    left: 11.8em;
    top: 0;
  }
}
.navigation ul.submenu li {
  display: block;
  padding-right: 0;
}
@media screen and (min-width: 768px) {
  .navigation ul.submenu li {
    line-height: 69.23077px;
  }
  .navigation ul.submenu li:first-child > a {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .navigation ul.submenu li:last-child > a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 0.7em;
  }
}
.navigation ul.submenu li a {
  background-color: transparent;
  display: inline-block;
  text-align: right;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .navigation ul.submenu li a {
    background-color: transparent;
    padding-left: 3px;
    text-align: left;
    width: 12em;
  }
}

/* FINE Navbar */
/* Vertical tabs */
.vertical-tabs-container {
  overflow: hidden;
}
.vertical-tabs-container::after {
  clear: both;
  content: "";
  display: block;
}
.vertical-tabs-container li {
  list-style: none;
}
.vertical-tabs-container a {
  text-decoration: none;
}
.vertical-tabs-container .vertical-tabs {
  display: none;
}
@media screen and (min-width: 40em) {
  .vertical-tabs-container .vertical-tabs {
    display: inline;
    float: left;
    width: 20%;
  }
}
@media screen and (min-width: 40em) {
  .vertical-tabs-container .vertical-tab {
    display: block;
    font-weight: bold;
    margin-right: -1px;
  }
  .vertical-tabs-container .vertical-tab.is-active {
    margin-right: -1px;
  }
}
.vertical-tabs-container .vertical-tab:focus {
  outline: none;
}
.vertical-tabs-container .vertical-tab-content-container {
  display: block;
  margin: 0 auto;
}
.vertical-tabs-container .vertical-tab-content-container a:focus {
  outline: none;
}
@media screen and (min-width: 40em) {
  .vertical-tabs-container .vertical-tab-content-container {
    width: 80%;
    height: em(300);
    display: inline-block;
  }
}
.vertical-tabs-container .vertical-tab-content p {
  line-height: 1.5em;
}
@media screen and (min-width: 40em) {
  .vertical-tabs-container .vertical-tab-content {
    border: 0;
    display: none;
  }
}
.vertical-tabs-container .vertical-tab-accordion-heading {
  cursor: pointer;
  display: block;
  font-weight: bold;
  height: 0;
}
.vertical-tabs-container .vertical-tab-accordion-heading:first-child {
  border-top: 0;
}
.vertical-tabs-container .vertical-tab-accordion-heading.is-active {
  border-bottom: 0;
}
@media screen and (min-width: 40em) {
  .vertical-tabs-container .vertical-tab-accordion-heading {
    display: none;
  }
}

/* /Vertical tabs */
/* Pagination */
.pagination {
  text-align: center;
}
.pagination ul {
  display: inline;
  margin: 0;
  padding: 0;
  text-align: center;
}
.pagination ul li {
  display: inline;
  list-style: none;
}
.pagination ul ul li {
  display: none;
}
.pagination ul ul li:nth-child(1), .pagination ul ul li:nth-child(2), .pagination ul ul li:nth-child(3) {
  display: inline;
}
@media screen and (min-width: 53.75em) {
  .pagination ul ul li {
    display: inline;
  }
}
.pagination ul li a {
  background: #f6f6f6;
  border-radius: 0;
  border: 1px solid gainsboro;
  color: #333;
  outline: none;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.pagination ul li a:hover, .pagination ul li a:focus {
  background: white;
  color: #477DCA;
}
.pagination ul li a:active {
  background: #f6f6f6;
}

/* FINE  Pagination */
/* FINE  Embed video */
.video-wrapper {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.video-wrapper embed,
.video-wrapper object,
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* FINE  Embed video */
/* Flash messages */
.flash-alert {
  background-color: #fff6bf;
  color: #807b60;
  display: block;
  margin: 1em auto;
  padding: 1em 0;
  text-align: center;
  border-radius: 0;
  border: 1px solid #bfa400;
  font-size: 1em;
}
.flash-alert a {
  color: #bfa400;
  text-decoration: underline;
}
.flash-alert a:focus, .flash-alert a:hover {
  color: black;
}

.flash-error {
  background-color: #fbe3e4;
  color: #7e7272;
  display: block;
  margin: 1em auto;
  padding: 1em 0;
  text-align: center;
  border-radius: 0;
  border: 1px solid #c31c23;
  font-size: 1em;
}
.flash-error a {
  color: #c31c23;
  text-decoration: underline;
}
.flash-error a:focus, .flash-error a:hover {
  color: #110203;
}

.flash-notice {
  background-color: #e5edf8;
  color: #73777c;
  display: block;
  margin: 1em auto;
  padding: 1em 0;
  text-align: center;
  border-radius: 0;
  border: 1px solid #2f65af;
  font-size: 1em;
}
.flash-notice a {
  color: #2f65af;
  text-decoration: underline;
}
.flash-notice a:focus, .flash-notice a:hover {
  color: #04080e;
}

.flash-success {
  background-color: #e6efc2;
  color: #737861;
  display: block;
  margin: 1em auto;
  padding: 1em 0;
  text-align: center;
  border-radius: 0;
  border: 1px solid #788d25;
  font-size: 1em;
}
.flash-success a {
  color: #788d25;
  text-decoration: underline;
}
.flash-success a:focus, .flash-success a:hover {
  color: black;
}

/* FINE Flash messages */
/* Griglia linee */
.grid-items-lines {
  margin-bottom: 10px;
  position: relative;
}
.grid-items-lines::after {
  clear: both;
  content: "";
  display: block;
}
.grid-items-lines .grid-item {
  background: white;
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
  border-right: 1px solid rgba(51, 51, 51, 0.2);
  cursor: pointer;
  float: left;
  height: 14em;
  outline: none;
  overflow: hidden;
  padding: 2em;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .grid-items-lines .grid-item {
    width: 33.33333%;
  }
}
.grid-items-lines .grid-item:focus, .grid-items-lines .grid-item:hover {
  background: rgba(204, 204, 204, 0.2);
}
.grid-items-lines .grid-item img {
  display: block;
  height: auto;
  margin-bottom: 1.2em;
}
.grid-items-lines .bottom-cover {
  background: white;
  bottom: 0;
  height: 3px;
  position: absolute;
  width: 100%;
}
.grid-items-lines .right-cover {
  background: white;
  height: 100%;
  position: absolute;
  right: 0;
  width: 4px;
}

/* FINE Griglia linee */
/* LOADING GIF */
@-webkit-keyframes uil-default-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes uil-default-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.uil-default-css > div:nth-of-type(1) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.uil-default-css {
  position: relative;
  background: none;
}

.uil-default-css > div:nth-of-type(2) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.4166666666666667s;
  animation-delay: -0.4166666666666667s;
}

.uil-default-css > div:nth-of-type(3) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.33333333333333337s;
  animation-delay: -0.33333333333333337s;
}

.uil-default-css > div:nth-of-type(4) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;
}

.uil-default-css > div:nth-of-type(5) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.16666666666666669s;
  animation-delay: -0.16666666666666669s;
}

.uil-default-css > div:nth-of-type(6) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.08333333333333331s;
  animation-delay: -0.08333333333333331s;
}

.uil-default-css > div:nth-of-type(7) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.uil-default-css > div:nth-of-type(8) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0.08333333333333337s;
  animation-delay: 0.08333333333333337s;
}

.uil-default-css > div:nth-of-type(9) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0.16666666666666663s;
  animation-delay: 0.16666666666666663s;
}

.uil-default-css > div:nth-of-type(10) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.uil-default-css > div:nth-of-type(11) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0.33333333333333337s;
  animation-delay: 0.33333333333333337s;
}

.uil-default-css > div:nth-of-type(12) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0.41666666666666663s;
  animation-delay: 0.41666666666666663s;
}

/* LOADING GIF */
/* MODALE iframe */
/* https://codepen.io/filippoq/pen/QwogWz/ */
.page {
  padding: 15px 0px 0px;
}

.modalButton {
  display: block;
  margin: 15px auto;
  padding: 5px 15px;
}

.modal-dialog .close-button {
  overflow: hidden;
}
.modal-dialog .close-button button.close {
  font-size: 30px;
  line-height: 30px;
  padding: 7px 4px 7px 13px;
  text-shadow: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  color: #fff;
}
.modal-dialog .close-button button.close span {
  display: block;
}
.modal-dialog .close-button button.close:hover, .modal-dialog .close-button button.close:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  outline: none;
}
.modal-dialog .modal-content {
  box-shadow: none;
  background-color: transparent;
  border: 0;
}
.modal-dialog .modal-content iframe {
  display: block;
  margin: 0 auto;
}

/* Fine MODALE */
/* Switch */
.label-switch {
  border-radius: 24px;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  position: relative;
  width: 40px;
}
.label-switch input[type="checkbox"] {
  display: none;
}
.label-switch input[type="checkbox"] + .checkbox {
  background: #e8e8e8;
  border: 0;
  border-radius: 24px;
  cursor: pointer;
  height: 24px;
  margin: 0;
  padding: 0;
  position: relative;
  transition: all 0.3s ease;
  width: 40px;
  z-index: 0;
}
.label-switch input[type="checkbox"] + .checkbox::before {
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 0;
  left: 2px;
  background: white;
  border-radius: 24px;
  content: "";
  height: 20px;
  transform: scale(1);
  transition: all 0.3s ease;
  width: 36px;
  z-index: 1;
}
.label-switch input[type="checkbox"] + .checkbox::after {
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 0;
  left: 2px;
  height: 20px;
  width: 20px;
  background: white;
  border-radius: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  content: "";
  transition: all 0.3s ease;
  z-index: 2;
}
.label-switch input[type="checkbox"]:checked + .checkbox {
  background: #0082aa;
}
.label-switch input[type="checkbox"]:checked + .checkbox::before {
  transform: scale(0);
}
.label-switch input[type="checkbox"]:checked + .checkbox::after {
  left: 18px;
}

/* /Switch */
body {
  font-family: "Roboto", sans-serif;
  background-color: #e2f1f6;
}

section, hr {
  background: url(/tpl/images/page-white.png) repeat-y center;
}

.section-header {
  background: none;
  background-color: #e2f1f6;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
  color: #56636b;
}

p {
  font-weight: 300;
}

strong, b {
  font-weight: 700;
}

.visible {
  display: block;
}

.hidden {
  display: none !important;
}

.clearfix {
  clear: both;
}

.mobile-hidden {
  display: none;
}
@media screen and (min-width: 768px) {
  .mobile-hidden {
    display: block;
  }
}

.mobile-show {
  display: block;
}
@media screen and (min-width: 768px) {
  .mobile-show {
    display: none;
  }
}

.tablet-hidden {
  display: none;
}
@media screen and (min-width: 1024px) {
  .tablet-hidden {
    display: block;
  }
}

.backtop {
  position: fixed;
  bottom: 1em;
  right: 1em;
  z-index: 9999;
  display: block;
  opacity: 0.9;
  width: 40px;
}
@media screen and (min-width: 768px) {
  .backtop {
    display: none;
  }
}

hr {
  margin: 1em auto;
  position: relative;
  border: none;
  border-top: 3px solid #56636b;
  max-width: 1180px;
  display: block;
}
@media screen and (min-width: 768px) {
  hr {
    margin: 0 auto;
  }
}

.bg-grigio {
  background-color: #dadfe2;
}
.bg-grigio hr {
  border-top: 1px solid #fff;
}

.no-padding {
  padding: 0;
}

.add-padding {
  padding: 30px 0;
}

.title, .title-info {
  padding-bottom: 1em;
}
.title h2, .title h1, .title-info h2, .title-info h1 {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #007ea4;
  font-size: 18px;
  word-wrap: break-word;
  line-height: 1em;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .title h2, .title h1, .title-info h2, .title-info h1 {
    padding-bottom: 1em;
  }
}
.title h2 a, .title h1 a, .title-info h2 a, .title-info h1 a {
  color: #007ea4;
}
.title h3, .title-info h3 {
  padding-bottom: 1em;
}
.title .title-dettaglio, .title-info .title-dettaglio {
  margin-top: 2em;
  color: #56636b;
  font-family: "Roboto Slab", serif;
}
.title .title-dettaglio span, .title-info .title-dettaglio span {
  color: #007ea4;
  font-weight: 700;
}

.title-large h2, .title-large h1 {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  color: #007ea4;
  font-size: 35px;
  padding-bottom: 20px;
  word-wrap: break-word;
  line-height: 1em;
  letter-spacing: -2px;
}

.cardiologia h2, .cardiologia h2 a, .cardiologia h1, .cardiologia h1 a {
  color: #d25b61;
}
.cardiologia .more a {
  background-color: #d25b61;
}

.neuroscienze h2, .neuroscienze h2 a, .neuroscienze h1, .neuroscienze h1 a {
  color: #737661;
}
.neuroscienze .more a {
  background-color: #737661;
}

.alimentazione h2, .alimentazione h2 a, .alimentazione h1, .alimentazione h1 a {
  color: #89ba70;
}
.alimentazione .more a {
  background-color: #89ba70;
}

.ginecologia h2, .ginecologia h2 a, .ginecologia h1, .ginecologia h1 a {
  color: #958bb5;
}
.ginecologia .more a {
  background-color: #958bb5;
}

.pediatria h2, .pediatria h2 a, .pediatria h1, .pediatria h1 a {
  color: #eabd36;
}
.pediatria .more a {
  background-color: #eabd36;
}

.oncologia h2, .oncologia h2 a, .oncologia h1, .oncologia h1 a {
  color: #d87d36;
}
.oncologia .more a {
  background-color: #d87d36;
}

.fumo h2, .fumo h2 a, .fumo h1, .fumo h1 a {
  color: #d8c096;
}
.fumo .more a {
  background-color: #d8c096;
}

.generico h2, .generico h2 a, .generico h1, .generico h1 a {
  color: #56636b;
}
.generico .more a {
  background-color: #56636b;
}

.content-main, .content-main-large {
  line-height: 1.2em;
  margin-bottom: 1em;
  padding: 0 0.6em 0 0;
}
.content-main h3, .content-main-large h3 {
  font-family: "Roboto Slab", serif;
  color: #56636b;
}
.content-main h4, .content-main-large h4 {
  font-family: "Roboto", sans-serif;
  color: #007ea4;
  text-transform: uppercase;
  color: #56636b;
}
.content-main h5, .content-main-large h5 {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
}
.content-main p, .content-main-large p {
  font-family: "Roboto Slab", serif;
  color: #56636b;
  font-weight: 300;
}
.content-main p a, .content-main-large p a {
  color: #007ea4;
  font-weight: 400;
}
.content-main p a:hover, .content-main-large p a:hover {
  text-decoration: underline;
}
.content-main hr, .content-main-large hr {
  border: none;
  border-bottom: 1px solid #56636b;
}
.content-main img, .content-main-large img {
  margin: 1em auto;
  display: block;
}
@media screen and (min-width: 480px) {
  .content-main img, .content-main-large img {
    float: left;
    margin: 0 1em 1em;
  }
}

table {
  max-width: 100%;
}
table tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
table td {
  padding: 10px 0;
}

.alphabet-list {
  padding-top: 1em;
  clear: both;
  font-family: "Roboto Slab", serif;
}
.alphabet-list h5 {
  margin-top: 2em;
  font-size: 1.5em;
  font-family: "Roboto Slab", serif;
}
.alphabet-list h5 a {
  color: #007ea4;
}
.alphabet-list h5:first-child {
  margin-top: 0;
}
.alphabet-list a {
  color: #007ea4;
}
.alphabet-list a:hover {
  text-decoration: underline;
}
.alphabet-list h2 {
  color: #007ea4;
  font-size: 2em;
  padding: 0px !important;
  margin-top: 1em;
}

.full-image {
  padding: 0;
}
.full-image .wrapper {
  padding: 0;
}
.full-image .wrapper .large {
  display: none;
}
@media screen and (min-width: 768px) {
  .full-image .wrapper .large {
    display: block;
  }
}
.full-image .wrapper .mobile {
  margin: 0 auto;
  display: block;
}
@media screen and (min-width: 768px) {
  .full-image .wrapper .mobile {
    display: none;
  }
}

.share {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
  .share {
    margin-bottom: 2em;
  }
}
.share ul li {
  display: inline-block;
}
.share ul li a:hover {
  opacity: 0.8;
}
.share ul li a img {
  height: 36px;
}
@media screen and (min-width: 768px) {
  .share {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .share {
    width: 20%;
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-left: 0;
    width: 100%;
  }
}

.share-addthis {
  clear: both;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
  .share-addthis {
    margin-bottom: 2em;
  }
}

.email, .twitter {
  background: url(/tpl/images/ico-email.png) left no-repeat;
  background-size: 24px;
  padding-left: 30px;
  word-wrap: break-word;
}
.email a, .twitter a {
  font-family: "Roboto Slab", serif;
  color: #007ea4;
}
.email a:hover, .twitter a:hover {
  text-decoration: underline;
}

.twitter {
  background: url(/tpl/images/ico-twitter.png) left no-repeat;
  background-size: 24px;
}

form {
  width: 100%;
  padding: 0;
  overflow: auto;
  position: relative;
}

input {
  height: 37px;
  border: none;
  background-color: #fff;
  border-radius: 5px;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  padding-left: 0.5em;
  color: #56636b;
}
input[type="email"], input[type="text"], input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type="radio"], input[type="checkbox"] {
  height: auto;
}

textarea {
  width: 100%;
  margin: 10px 0;
  border: none;
  display: block;
  background-color: #fff;
  border-radius: 5px;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  padding: 0.5em;
  color: #56636b;
  -webkit-appearance: none;
}

select {
  width: 100%;
  line-height: 30px;
  font-size: 14px;
  padding: 4px 2px;
  display: block;
  color: #56636b;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  height: 37px;
  background-color: transparent;
  font-family: "Roboto", sans-serif;
  color: #56636b;
}

.select-wrapper {
  position: relative;
  display: block;
  height: 37px;
  background: url(/tpl/images/select-down.png) no-repeat right center #fff;
  border-radius: 5px;
}
.select-wrapper select {
  padding-right: 25px;
}

button {
  height: 37px;
  border: none;
  text-transform: uppercase;
  background-color: #007ea4;
  border-radius: 5px;
  line-height: 35px;
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1em;
  cursor: pointer;
}
button:hover {
  background-color: #3f494f;
}

.btn-link {
  border: 1px solid #c9311d;
  font-weight: 400;
  border-radius: 4px;
  padding: 4px 6px;
  margin: 4px 6px 4px 0;
  text-decoration: none;
  color: #c9311d !important;
  font-size: 11px;
  display: inline;
  line-height: 1em;
  text-transform: uppercase;
}
.btn-link:hover {
  color: #fff !important;
  background-color: #c9311d;
}

.btn-blue, .btn-red {
  height: 37px;
  text-transform: uppercase;
  line-height: 35px;
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  padding: 3px 25px;
  text-align: center;
  background-color: #c9311d;
  border-radius: 50px;
  border: none;
  color: white;
  margin-right: 10px;
  display: inline-block;
}
.btn-blue:hover, .btn-red:hover {
  background-color: #b32c1a;
}

.btn-blue {
  background-color: #0082aa;
}
.btn-blue:hover {
  background-color: #006f91;
}

.breadcrumb-section {
  display: none;
  padding: 1em 0;
  text-transform: uppercase;
  font-size: 12px;
  color: #56636b;
}
@media screen and (min-width: 768px) {
  .breadcrumb-section {
    display: block;
  }
}
.breadcrumb-section ul li {
  display: inline-block;
}
.breadcrumb-section ul li:after {
  content: " ›";
  font-size: 1.5em;
  margin: 0 4px;
}
.breadcrumb-section ul li:last-child:after {
  content: "";
  margin: 0;
}
.breadcrumb-section ul li a:hover {
  color: #0082aa;
}

.breadcrumb-container {
  float: left;
  vertical-align: baseline;
  padding: 1px;
}

.aggiornamento {
  float: right;
  vertical-align: baseline;
  padding: 5px;
}

.spacer {
  display: block;
  height: 40px;
}
@media screen and (min-width: 768px) {
  .spacer {
    height: 80px;
  }
}

.pagination {
  position: relative;
  margin: 1em auto;
}
.pagination ul li {
  margin-right: 4px;
}
.pagination ul li a {
  border: none;
  background-color: transparent;
  color: #56636b;
  font-size: 0.8em;
  padding: 4px 8px;
  border-radius: 4px;
}
.pagination ul li a:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.pagination .active a {
  background-color: rgba(0, 0, 0, 0.06);
}
.pagination span {
  position: initial;
  border: none;
}
.pagination span:before {
  content: "" !important;
}

.commenti-container a {
  color: #007ea4;
}
.commenti-container #form-container {
  background-color: #dedfe1;
  overflow: auto;
  padding: 1em;
  font-family: "Roboto Condensed", sans-serif;
  margin-bottom: 30px;
}
.commenti-container #form-container input {
  margin-bottom: 1em;
}
.commenti-container #form-container input[type="checkbox"] {
  margin-bottom: 0;
}
.commenti-container #form-container input[type="text"] {
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  float: none;
}
.commenti-container #form-container textarea {
  font-family: "Roboto Condensed", sans-serif;
  color: #56636b;
  width: 100%;
  margin-bottom: 1em;
}
.commenti-container #form-container label {
  color: #56636b;
  font-size: 0.9em;
}
.commenti-container #form-container label input {
  height: auto;
}
.commenti-container #form-container .form-col-large {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .commenti-container #form-container .form-col-large {
    width: calc(66.66667% - 33.33333px);
    float: left;
    margin-left: 20px;
  }
}
.commenti-container #form-container .form-col-small {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .commenti-container #form-container .form-col-small {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
.commenti-container .commenti-action {
  padding: 0.5em 0;
  font-size: 12px;
  line-height: 1em;
  text-align: left;
}
.commenti-container .commenti-action .field-fuvblogcomment-flag_condition {
  margin: 0.5em 0;
}
@media screen and (min-width: 768px) {
  .commenti-container .commenti-action {
    position: absolute;
    bottom: 0;
  }
}
.commenti-container .commenti-action button {
  background-color: #007ea4;
  min-width: 120px;
  margin-top: 1em;
}
.commenti-container .commenti-action button:hover {
  opacity: 0.8;
}
.commenti-container .help-block {
  color: red;
  padding: 6px;
  border: 1px solid red;
  margin: 5px 0;
  border-radius: 3px;
  display: none;
  background-color: #fbe3e4;
  text-align: center;
}
.commenti-container .help-block:before {
  clear: both;
  content: "";
  display: block;
}
.commenti-container .error {
  display: block;
}

.has-error .help-block {
  display: block;
}

.flash-message-popup {
  position: relative;
  margin: 1em;
  padding: 1em 0;
  font-size: 1em;
}
.flash-message-popup a {
  position: absolute;
  right: 10px;
  text-decoration: none;
}
.flash-message-popup a:before {
  content: "×";
  font-size: 20px;
  line-height: 15px;
}

.message-page .flash-success, .message-page .flash-alert, .message-page .flash-error, .message-page .flash-notice {
  background-color: transparent !important;
  border: none;
}
.message-page img {
  margin-bottom: 20px;
}
.message-page h2 {
  font-size: 1.4em;
  text-align: center;
  font-weight: 400;
  border: none;
  color: #0082aa;
  font-family: "Roboto Slab", serif;
  margin-bottom: 1em;
}
@media screen and (min-width: 480px) {
  .message-page h2 {
    font-size: 2em;
  }
}
@media screen and (min-width: 768px) {
  .message-page h2 {
    font-size: 2.5em;
    padding: 0 20%;
  }
}
.message-page p {
  line-height: 1.3em;
  margin: 2em auto;
}
@media screen and (min-width: 768px) {
  .message-page p {
    padding: 0 20%;
    font-size: 22px;
    margin: 4em auto;
  }
}
.message-page p strong {
  color: #007ea4;
}
.message-page .donation-success h2 {
  text-align: left;
  font-size: 32px !important;
  font-weight: 300;
}
.message-page .donation-success .donation-ok-img {
  width: 100%;
  height: 200px;
  display: block;
  background: url(/tpl/images/thx-donation-large.jpg) no-repeat center;
  background-size: cover;
}
.message-page .message-box-container {
  margin: 2em 0;
}
.message-page .message-box-container .message-box {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.06);
  padding: 0 30px 30px;
  margin-bottom: 20px;
}
.message-page .message-box-container .message-box h3 {
  text-transform: uppercase;
  color: white;
  background-color: #007ea4;
  font-family: "Roboto Condensed", sans-serif;
  text-align: left !important;
  padding: 0.1em 0.3em;
  margin: 2em 0 1em;
  display: inline-block;
}
.message-page .message-box-container .message-box .btn {
  height: 37px;
  border: none;
  text-transform: uppercase;
  background-color: #007ea4;
  border-radius: 5px;
  line-height: 35px;
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1em;
  cursor: pointer;
  background-color: #007ea4;
  color: white;
  padding: 1em;
}
.message-page .message-box-container .message-box a {
  color: #0082aa;
}
.message-page .message-box-container .message-box a:hover {
  text-decoration: underline;
}
.message-page .message-box-container .message-box p {
  margin-bottom: 1em;
  color: #56636b;
  line-height: 1.4em;
  padding: 0 !important;
  font-size: 1.3em !important;
  margin: 0 0 1em 0 !important;
}
.message-page .message-box-container .message-box strong {
  color: #007ea4;
}
.message-page .message-box-container .message-help h3 {
  background-color: #e7ab00;
}
@media screen and (min-width: 480px) {
  .message-page .message-box-container .message-help p {
    font-size: 1.3em;
  }
}
.message-page .message-box-container .message-help span {
  color: #e7ab00;
  font-size: 2em;
}
@media screen and (min-width: 480px) {
  .message-page .message-box-container .message-help span {
    font-size: 3.5em;
  }
}

.commenti-box {
  margin: 1em 0;
  color: #56636b;
}
.commenti-box .commenti-info {
  padding: 0.5em 1em;
  text-transform: uppercase;
  font-size: 0.8em;
  font-family: "Roboto Condensed", sans-serif;
}
.commenti-box .commenti-info span {
  float: right;
}
.commenti-box .commenti-testo {
  padding: 1em;
  background-color: rgba(0, 0, 0, 0.06);
  font-family: "Roboto Slab", serif;
  font-size: 15px;
  line-height: 1.3em;
}

.share-facebook, .share-twitter, .share-google-plus, .share-commenti {
  width: 36px;
  height: 36px;
  display: block;
  text-indent: -999px;
}

.share-facebook {
  background: url(/tpl/images/social-icon-fb.png) 100% no-repeat;
  background-size: 100%;
}

.share-twitter {
  background: url(/tpl/images/social-icon-tw.png) 100% no-repeat;
  background-size: 100%;
}

.share-google-plus {
  background: url(/tpl/images/social-icon-g.png) 100% no-repeat;
  background-size: 100%;
}

.share-commenti {
  background: url(/tpl/images/social-icon-commenti.png) 100% no-repeat;
  background-size: 100%;
}

.accordion .transition, .accordion p, .accordion ul li i:before, .accordion ul li i:after {
  transition: all 0.25s ease-in-out;
}
.accordion .flipIn, .accordion ul li {
  -webkit-animation: flipdown 0.5s ease both;
          animation: flipdown 0.5s ease both;
}
.accordion .no-select, .accordion h2 {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.accordion h2 {
  color: #56636b;
  display: block;
  cursor: pointer;
  font-size: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.accordion p {
  position: relative;
  overflow: hidden;
  max-height: 800px;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 14px;
  z-index: 2;
}
.accordion ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}
.accordion ul li {
  position: relative;
  padding: 0;
  margin: 0;
  padding: 1.4em 0;
  border-top: 2px dotted #dadfe2;
}
.accordion ul li:nth-of-type(1) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.accordion ul li:nth-of-type(2) {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
.accordion ul li:nth-of-type(3) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.accordion ul li:last-of-type {
  padding-bottom: 0;
}
.accordion ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 6px;
  right: 0;
}
.accordion ul li i:before, .accordion ul li i:after {
  content: "";
  position: absolute;
  background-color: #345534;
  width: 3px;
  height: 9px;
}
.accordion ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
.accordion ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
.accordion ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
.accordion ul li input[type=checkbox]:checked ~ p {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
.accordion ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
.accordion ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}
@-webkit-keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}
@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}
.sub-btn {
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  display: block;
}
.sub-btn:after {
  clear: both;
  content: "";
  display: block;
}
.sub-btn a {
  border: 1px solid #0082aa;
  font-weight: 400;
  border-radius: 4px;
  padding: 4px 6px;
  margin: 4px;
  text-decoration: none;
  color: #0082aa;
  font-size: 11px;
  float: right;
  display: inline;
  line-height: 1em;
}
.sub-btn a:hover {
  background-color: #0082aa;
  color: #fff !important;
}

.tag {
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  margin-bottom: 2em;
}
.tag:after {
  clear: both;
  content: "";
  display: block;
}
.tag h4 {
  display: none;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0.5em;
  color: #56636b;
}
.tag a {
  border: 1px solid #56636b;
  font-weight: 400;
  border-radius: 4px;
  padding: 4px 6px;
  margin: 4px;
  text-decoration: none !important;
  color: #56636b !important;
  font-size: 11px;
  float: left;
  display: inline;
  line-height: 1em;
}
.tag a:hover {
  background-color: #56636b;
  color: #fff !important;
}
@media screen and (min-width: 768px) {
  .tag a {
    float: right;
  }
}
@media screen and (min-width: 1024px) {
  .tag a {
    float: left;
  }
}
@media screen and (min-width: 1024px) {
  .tag h4 {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .tag .tag {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .tag .tag {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-left: 0;
    width: 100%;
  }
}

.data-pubblicazione {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1.4em;
  padding-right: 1em;
  border-bottom: 1px dotted #56636b;
  padding-bottom: 1em;
  margin-bottom: 0.5em;
}
.data-pubblicazione p {
  font-family: "Roboto", sans-serif !important;
  opacity: 1 !important;
}
@media screen and (min-width: 768px) {
  .data-pubblicazione p {
    float: right;
  }
}
.data-pubblicazione span {
  color: #56636b;
}
@media screen and (min-width: 1024px) {
  .data-pubblicazione {
    border-bottom: none;
    padding-bottom: 0;
  }
  .data-pubblicazione p {
    float: none;
  }
  .data-pubblicazione span {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px dotted #56636b;
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .data-pubblicazione {
    margin-bottom: 2em;
  }
}
@media screen and (min-width: 1024px) {
  .data-pubblicazione {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-left: 0;
    width: 100%;
  }
}

#map, #panorama {
  height: 300px;
  background: #6699cc;
}

#Results li {
  position: relative;
  padding-left: 2em;
  margin-bottom: 2em;
}
#Results li h3 {
  font-family: "Roboto Slab", serif;
  color: #56636b;
  font-size: 21px;
  font-weight: 400;
}
#Results li h3:hover {
  color: #007ea4;
}
#Results li h4 {
  position: absolute;
  left: 0;
  top: 4px;
  color: #919fa7;
}
#Results li h5 {
  font-size: 14px;
  line-height: 16px;
  color: #919fa7;
  margin: 4px 0 10px;
  word-break: break-all;
}
#Results li p {
  color: #56636b;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1.2em;
}
#Results li p b {
  color: #007ea4;
}

.news .title {
  color: #56636b;
}

#swipebox-overlay {
  background-color: #dedfe1 !important;
}

#swipebox-top-bar {
  position: fixed !important;
  bottom: 0;
  margin: 1em auto 0;
  display: block;
  padding: 1em 6%;
  background-color: rgba(86, 99, 107, 0.8) !important;
  height: auto !important;
}
#swipebox-top-bar #swipebox-title {
  font-family: "Roboto Slab", serif;
  color: #dedfe1;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.2em;
  margin-bottom: 0.6em;
}
#swipebox-top-bar #swipebox-description {
  color: #dedfe1;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1.2em;
}

#swipebox-bottom-bar {
  bottom: 50% !important;
  position: absolute;
  background: transparent !important;
}
#swipebox-bottom-bar #swipebox-arrows {
  max-width: 1200px;
  width: 100%;
}

#swipebox-next, #swipebox-prev, #swipebox-close {
  background-color: #56636b;
  border-radius: 50%;
  margin: 10px;
}

#cookieChoiceInfo {
  margin: 0;
  left: 0;
  top: 0;
  padding: 1em;
  z-index: 10000;
  text-align: center;
  background-color: #d6d8da;
  color: #56636b;
  font-family: "Roboto Slab", serif;
  font-weight: 300;
  font-size: 12px;
  width: 100%;
}
#cookieChoiceInfo span {
  display: block;
  margin: 0.8em auto;
  max-width: 980px;
}
#cookieChoiceInfo #cookieChoiceDismiss {
  color: #007ea4 !important;
  font-weight: 700;
  display: block;
  font-size: 14px;
}
#cookieChoiceInfo #close-cookie {
  cursor: pointer;
}

.error-page ul {
  list-style: none;
  margin-top: 2em;
}
.error-page ul li {
  display: inline-block;
  margin-left: 0;
  margin-right: 5em;
}
.error-page ul li:last-child {
  margin-right: 0;
}
.error-page ul li img {
  max-width: 240px;
  max-height: 100px;
}

#section-commenti {
  padding-top: 100px;
  margin-top: -100px;
}

.section-banner-donaora {
  background: #0082aa;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  font-family: "Roboto Slab", serif;
  color: white;
  padding: 15px 0;
}
.section-banner-donaora .chiudi {
  position: absolute;
  color: black;
  bottom: 0;
  left: 10px;
}
@media screen and (min-width: 768px) {
  .section-banner-donaora .chiudi {
    bottom: auto;
    top: 3px;
  }
}
.section-banner-donaora .chiudi img {
  width: 30px;
}
.section-banner-donaora .banner-testo {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
}
@media screen and (min-width: 768px) {
  .section-banner-donaora .banner-testo {
    width: calc(66.66667% - 33.33333px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.33333% - 21.66667px + 40px);
    text-align: right;
  }
}
.section-banner-donaora .banner-testo p {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}
.section-banner-donaora .banner-testo .banner_dona_ora {
  display: inline-block;
  background-color: #c9311d;
  border-radius: 4px;
  border: 2px solid #fff;
  color: #fff;
  padding: 8px 14px;
}
.section-banner-donaora .banner-immagine {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  display: none;
}
@media screen and (min-width: 768px) {
  .section-banner-donaora .banner-immagine {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    display: block;
    height: 36px;
    position: relative;
  }
  .section-banner-donaora .banner-immagine img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

aside {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  color: #56636b;
}
aside .progetto img {
  margin: 1em auto;
  display: block;
  max-width: 70%;
}
@media screen and (min-width: 768px) {
  aside .progetto img {
    float: none;
    margin: 0;
    margin-bottom: 0.6em;
    line-height: 2.6em;
    font-size: 14px;
    line-height: 2.2em;
  }
  aside .progetto img:after {
    content: "\a";
    white-space: pre;
  }
}
@media screen and (min-width: 768px) {
  aside {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
  }
}
aside p {
  font-family: "Roboto Condensed", sans-serif;
  margin: 0.5em 0;
  line-height: 1.2em;
}
aside p a {
  color: #007ea4;
}
aside p a:hover {
  text-decoration: underline;
}
aside h3 {
  color: #56636b;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 1.1em;
  color: #56636b;
  margin: 1em 0;
}
aside img {
  max-width: 200px;
  display: block;
  margin: 0 auto 1em;
}
@media screen and (min-width: 768px) {
  aside img {
    max-width: 100%;
  }
}

.aside-link {
  display: block;
  margin: 1em 0;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  word-wrap: break-word;
}
.aside-link:hover {
  text-decoration: underline;
}
@media screen and (min-width: 480px) {
  .aside-link {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
  .aside-link:nth-of-type(even) {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .aside-link {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-left: 0;
    width: 100%;
  }
}

.aside-btn, .aside-btn-blu {
  font-family: "Roboto", sans-serif;
  display: block;
  text-align: center;
  background-color: #b5dae8;
  border-radius: 4px;
  padding: 1em;
  margin: 0.5em 0;
  text-transform: uppercase;
  font-size: 0.85em;
  line-height: 1.1em;
  word-wrap: break-word;
}
@media screen and (min-width: 480px) {
  .aside-btn, .aside-btn-blu {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
  .aside-btn:nth-of-type(even), .aside-btn-blu:nth-of-type(even) {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .aside-btn, .aside-btn-blu {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-left: 0;
    width: 100%;
  }
}
.aside-btn:hover, .aside-btn-blu:hover {
  background-color: #919fa7;
  color: #fff;
}

.aside-btn-blu {
  background-color: #007ea4;
  color: #fff;
}
.aside-btn-blu:hover {
  background-color: #006a8b;
}

aside hr {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
aside .aside-widget {
  margin-bottom: 1em;
  padding: 1em;
  overflow: auto;
  border-top: none;
  border-bottom: 2px solid #fff;
  background-color: rgba(0, 0, 0, 0.06);
}
@media screen and (min-width: 480px) {
  aside .aside-widget {
    background-color: transparent;
  }
}
aside .aside-widget:last-child {
  border-bottom: none;
}
@media screen and (min-width: 480px) {
  aside .aside-widget {
    border-top: 10px solid rgba(0, 0, 0, 0.06);
  }
  aside .aside-widget:last-child {
    border-bottom: 10px solid rgba(0, 0, 0, 0.06);
  }
}
@media screen and (min-width: 768px) {
  aside .aside-widget {
    padding: 1em 0;
  }
}
aside .aside-widget h3 {
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 1.1em;
  color: #56636b;
  text-align: left;
}
aside .grid-glossario {
  background-color: transparent;
  position: relative;
  width: 100%;
  padding-left: 0 !important;
  text-align: center;
}
aside .grid-glossario img {
  position: relative;
}
aside .grid-glossario h3 {
  text-align: center;
}
aside .grid-glossario h4 {
  font-size: 12px;
  background-color: #e2f1f6;
  display: inline-block;
  padding: 4px 10px;
  word-break: break-word;
  font-weight: 600;
  letter-spacing: 0;
  margin: 0.5em 25px;
  width: calc(100% - 80px);
}
aside .grid-glossario h4 a:hover {
  color: #0082aa;
}
@media screen and (min-width: 768px) {
  aside .grid-glossario h4 {
    width: auto;
  }
}
aside .grid-glossario .scheda p, aside .grid-glossario .scheda h4 {
  margin-bottom: 0.5em;
}
aside .newsletter form {
  background-color: #919fa7;
  padding: 1em;
  overflow: auto;
  font-size: 12px;
  margin-top: 1em;
}
aside .newsletter form input {
  width: calc(58.33333% - 31.66667px);
  float: left;
  margin-left: 20px;
}
aside .newsletter form button {
  width: calc(41.66667% - 28.33333px);
  float: left;
  margin-left: 20px;
}
aside .newsletter p, aside .newsletter #container-newsletter-form {
  width: 100%;
  float: none;
  text-align: left;
  padding-right: 0.5em;
  margin: 0;
  margin-bottom: 10px;
}
aside .tool-salute h4 {
  letter-spacing: 0.5px !important;
  font-size: 9px;
}
aside .tool-salute ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
aside .tool-salute ul li {
  width: 50%;
  max-width: 110px;
}

.section-header {
  padding: 0;
}
.section-header .logo-header {
  display: none;
}
.section-header .header-navigation .top-navigation {
  height: 45px;
  width: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.06);
  text-align: right;
}
.section-header .header-navigation .top-navigation .logo-header-mobile {
  float: left;
  width: 160px;
  margin-left: 10px;
  margin-top: 4px;
}
.section-header .header-navigation .top-navigation .topbar-profile {
  padding: 0;
  padding-right: 1em;
}
.section-header .header-navigation .top-navigation .topbar-profile a {
  background: url(/tpl/images/icon_profile_b.png) no-repeat center center;
  background-size: cover;
}
.section-header .header-navigation .top-navigation .topbar-corporate {
  padding: 0;
}
.section-header .header-navigation .top-navigation .topbar-corporate a {
  background: url(/tpl/images/icon_corporate_b.png) no-repeat center center;
  background-size: cover;
}
.section-header .header-navigation .top-navigation .topbar-magazine {
  padding: 0;
}
.section-header .header-navigation .top-navigation .topbar-magazine a {
  background: url(/tpl/images/icon_magazine_b_text.png) no-repeat center center;
  background-size: cover;
  width: 80px !important;
}
.section-header .header-navigation .top-navigation .topbar-cerca {
  padding: 0;
}
.section-header .header-navigation .top-navigation .topbar-cerca a {
  background: url(/tpl/images/icon_cerca_b.png) no-repeat center center;
  background-size: cover;
}
.section-header .header-navigation .top-navigation .topbar-icon {
  display: inline-block;
  height: 45px;
  vertical-align: top;
  overflow: hidden;
  border-right: 1px solid #fff;
}
.section-header .header-navigation .top-navigation .topbar-icon:last-child {
  border: none;
}
.section-header .header-navigation .top-navigation .topbar-icon a {
  float: left;
  margin: 0.1em 0.5em;
  height: 25px;
  width: 25px;
  text-indent: 9999px;
  display: block;
  margin-top: 10px;
}
.section-header .header-navigation .top-navigation .topbar-icon a:hover {
  opacity: 0.8;
}
.section-header .header-navigation .top-navigation .topbar-icon span a {
  text-indent: 0;
  color: #fff;
  background: none;
  font-family: "Roboto", sans-serif;
  font-size: 11px;
}
.section-header .header-navigation .top-navigation .topbar-icon .nome {
  text-align: left;
  display: inline-block;
  padding-top: 4px;
  float: left;
  color: #007ea4;
}
.section-header .header-navigation .top-navigation .topbar-icon .nome a {
  width: auto;
  color: #007ea4;
  margin: 7px 0px 0 5px;
}
.section-header .header-navigation .top-navigation .topbar-icon .accedi {
  text-align: left;
  display: inline-block;
  padding-top: 4px;
  float: left;
  color: #007ea4;
}
.section-header .header-navigation .top-navigation .topbar-icon .accedi a {
  width: auto;
  color: #007ea4;
  margin: 7px 0px;
  font-size: 12px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 600;
}
.section-header .header-navigation .navigation {
  border: none;
  transition: all 0.5s ease;
  position: relative;
  background-color: #007ea4;
}
.section-header .header-navigation .navigation a {
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans serif;
}
@media screen and (min-width: 480px) {
  .section-header .header-navigation .navigation a {
    font-size: 1em;
  }
}
@media screen and (min-width: 768px) {
  .section-header .header-navigation .navigation a {
    font-size: 0.8em;
  }
}
@media screen and (min-width: 1024px) {
  .section-header .header-navigation .navigation a {
    font-size: 0.9em;
  }
}
@media screen and (min-width: 1260px) {
  .section-header .header-navigation .navigation a {
    font-size: 1em;
  }
}
.section-header .header-navigation .navigation nav {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
}
.section-header .header-navigation .navigation nav li a {
  padding-top: 4px;
  border-bottom: 6px solid transparent;
  font-size: 0.9em;
  line-height: 1.2em;
  text-align: center;
  margin-right: 20px;
  padding-right: 0;
}
.section-header .header-navigation .navigation nav .active a {
  border-bottom: 6px solid #007ea4;
}
.section-header .header-navigation .navigation nav .active[data-categoria="oncologia"] a {
  border-bottom: 6px solid #d87d36;
}
.section-header .header-navigation .navigation nav .active[data-categoria="cardiologia"] a {
  border-bottom: 6px solid #d25b61;
}
.section-header .header-navigation .navigation nav .active[data-categoria="neuroscienze"] a {
  border-bottom: 6px solid #737661;
}
.section-header .header-navigation .navigation nav .active[data-categoria="alimentazione"] a {
  border-bottom: 6px solid #89ba70;
}
.section-header .header-navigation .navigation nav .active[data-categoria="pediatria"] a {
  border-bottom: 6px solid #eabd36;
}
.section-header .header-navigation .navigation nav .active[data-categoria="ginecologia"] a {
  border-bottom: 6px solid #958bb5;
}
.section-header .header-navigation .navigation nav .active[data-categoria="fumo"] a {
  border-bottom: 6px solid #d8c096;
}
.section-header .header-navigation .navigation nav .cta .top_dona_ora {
  display: flex;
  align-items: center;
  border: none !important;
  border-radius: 50px !important;
  padding: 4px 16px !important;
  min-width: 180px;
  justify-content: center;
  font-size: 18px !important;
  white-space: nowrap;
}
.section-header .header-navigation .navigation nav .cta .top_dona_ora img {
  margin-left: 10px;
  height: 36px;
  padding: 2px 0;
}
.section-header .header-navigation .navigation #js-mobile-menu {
  width: 26px;
  height: 26px;
  background: url(/tpl/images/ico-menu-w.png) no-repeat center center transparent;
  background-size: auto 100%;
  position: relative;
  text-indent: -200px;
  display: block;
  margin-top: 18px;
}
@media screen and (min-width: 768px) {
  .section-header .header-navigation .navigation #js-mobile-menu {
    display: none;
  }
}
.section-header .header-navigation .navigation .navigation-menu-button {
  margin-left: 10px;
}
.section-header .header-navigation .navigation nav {
  width: 100%;
  margin: 0;
  padding: 10px;
  float: none;
  min-height: 60px;
}
@media screen and (min-width: 768px) {
  .section-header .header-navigation .navigation nav {
    padding: 0 10px;
  }
}
.section-header .header-navigation .navigation #gtm-dona-ora-top-fuv {
  padding: 10px;
  background-color: #c9311d;
  border-radius: 4px;
  border: 2px solid white;
  color: white;
  position: absolute;
  right: 10px;
  top: 9px;
}
.section-header .header-navigation .navigation #gtm-dona-ora-top-fuv:hover {
  background-color: #b32c1a;
}
@media screen and (min-width: 768px) {
  .section-header .header-navigation .navigation #gtm-dona-ora-top-fuv {
    padding: 10px 20px;
    border-radius: 8px;
    right: 10px;
    top: 22px;
    font-size: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .section-header .header-navigation .navigation #gtm-dona-ora-top-fuv {
    border-radius: 8px;
    right: 15px;
    padding: 10px 20px;
    font-size: 20px;
    top: 23px;
  }
}
@media screen and (min-width: 768px) {
  .section-header .logo-header {
    display: block;
    float: left;
    width: 154px;
  }
  .section-header .logo-header .logo {
    z-index: 100;
    background-color: white;
    position: relative;
    padding: 15px;
  }
  .section-header .header-navigation {
    float: left;
    width: calc(100%  - 154px);
  }
  .section-header .header-navigation .top-navigation .logo-header-mobile {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .section-header .logo-header {
    width: 200px;
    height: 10px;
  }
  .section-header .logo-header .logo {
    padding: 20px;
  }
  .section-header .header-navigation {
    width: calc(100%  - 200px);
  }
}
@media screen and (min-width: 1260px) {
  .section-header .logo-header {
    width: 240px;
  }
  .section-header .logo-header .logo {
    padding: 30px;
  }
  .section-header .header-navigation {
    width: calc(100%  - 240px);
  }
}

@media screen and (min-width: 768px) {
  #fuv-header .navigation .nav-link {
    font-size: 1em;
    line-height: 1.5em;
  }
  #fuv-header .navigation .nav-link > a {
    line-height: 1.2em;
  }
}
@media screen and (min-width: 768px) {
  #fuv-header .navigation .submenu {
    font-size: 16px;
  }
}
#fuv-header .navigation li.more-menu.nav-link > a {
  margin-right: 0;
  line-height: 33px;
  border: none;
}
#fuv-header .navigation li.more-menu.nav-link > a:after {
  content: "";
}
@media screen and (min-width: 480px) {
  #fuv-header .navigation li.more-menu.nav-link > a {
    line-height: 50px;
  }
}
@media screen and (min-width: 768px) {
  #fuv-header .navigation li.more-menu.nav-link > a {
    line-height: 60px;
  }
}
#fuv-header .navigation li.more-menu.nav-link:hover {
  z-index: 1000;
}
#fuv-header .navigation .wrapper-full {
  background-color: #007ea4;
}
@media screen and (min-width: 768px) {
  #fuv-header .navigation .wrapper-full {
    padding: 0;
    overflow: visible;
  }
}
#fuv-header .navigation nav {
  max-height: 70vh;
  overflow: auto;
  min-height: 0;
}
@media screen and (min-width: 768px) {
  #fuv-header .navigation nav {
    max-height: auto;
    overflow: inherit;
    width: calc(100% - 200px);
  }
}
@media screen and (min-width: 1024px) {
  #fuv-header .navigation nav {
    width: auto;
    display: flex;
    align-items: center;
    height: 90px;
  }
}
#fuv-header .navigation nav ul li a {
  border: none;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.9em;
  padding-left: 0.5em;
}
@media screen and (min-width: 768px) {
  #fuv-header .navigation nav ul li a {
    border-bottom: 6px solid #007ea4;
  }
}
#fuv-header .navigation nav .more-menu a {
  padding: 0.3em 0.5em;
}
#fuv-header .navigation nav .submenu {
  margin-left: 13px;
  top: 36px;
  border-top: 3px solid white;
}
@media screen and (min-width: 480px) {
  #fuv-header .navigation nav .submenu {
    background-color: #007ea4;
  }
}
@media screen and (min-width: 768px) {
  #fuv-header .navigation nav .submenu {
    background-color: #007ea4;
  }
}
@media screen and (min-width: 1024px) {
  #fuv-header .navigation nav .submenu {
    left: -60px;
    padding-left: 237px;
    width: 500px;
    background-color: #b5dae8;
    border-top: none;
    margin-left: 0;
  }
}
#fuv-header .navigation nav .submenu .info-submenu {
  display: none;
  background-color: #007ea4;
  margin-left: -250px;
  float: left;
  width: 250px;
  min-height: 70vh;
  height: 100%;
  color: #fff;
  padding: 0.8em 1.4em;
  position: relative;
  box-sizing: border-box;
}
@media screen and (min-width: 480px) {
  #fuv-header .navigation nav .submenu .info-submenu {
    min-height: 440px;
  }
}
@media screen and (min-width: 1024px) {
  #fuv-header .navigation nav .submenu .info-submenu {
    display: block;
  }
}
#fuv-header .navigation nav .submenu .info-submenu h3 {
  line-height: 1.2em;
  font-size: 28px;
  text-align: left;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  color: #fff;
}
#fuv-header .navigation nav .submenu .info-submenu a {
  padding: 0;
  color: white;
}
#fuv-header .navigation nav .submenu .info-submenu blockquote {
  font-family: "Roboto Slab", serif;
  line-height: 1.2em;
  font-size: 1.4em;
  margin-top: 1em;
}
#fuv-header .navigation nav .submenu .info-submenu blockquote:before {
  content: '"';
}
#fuv-header .navigation nav .submenu .info-submenu blockquote:after {
  content: '"';
}
#fuv-header .navigation nav .submenu .info-submenu p {
  line-height: 1.2em;
  font-size: 1em;
  margin-top: 2em;
}
#fuv-header .navigation nav .submenu hr {
  border: none;
  border-bottom: 2px solid white;
  margin: 0 0.5em 0 1em;
  padding: 0;
}
#fuv-header .navigation nav .submenu hr:last-of-type {
  display: none;
}
#fuv-header .navigation nav .submenu li {
  padding-left: 1em;
}
#fuv-header .navigation nav .submenu li a {
  background-color: transparent;
  text-align: left;
  border-radius: 0;
  border: none;
  line-height: 1.1em;
  margin: 0;
}
@media screen and (min-width: 768px) {
  #fuv-header .navigation nav .submenu li {
    padding-left: 0;
  }
  #fuv-header .navigation nav .submenu li a {
    margin-left: 1em;
    margin-right: 1em;
  }
  #fuv-header .navigation nav .submenu hr {
    margin: 0 0.5em;
  }
}
@media screen and (min-width: 1024px) {
  #fuv-header .navigation nav .submenu hr {
    border-bottom: 1px solid #fff;
    opacity: 1;
    margin: 0 1.5em;
  }
  #fuv-header .navigation nav .submenu li {
    line-height: 0;
    padding: 0.2em 1.5em;
  }
  #fuv-header .navigation nav .submenu li:first-of-type {
    margin-top: 0.8em;
  }
  #fuv-header .navigation nav .submenu li a {
    color: #007ea4;
    width: auto;
    display: block;
    padding: 4px;
    margin-left: 0;
  }
  #fuv-header .navigation nav .submenu li a:hover {
    background-color: rgba(255, 255, 255, 0.5);
  }
}
#fuv-header .navigation .cta {
  z-index: 9999;
}

#ricerca {
  width: 300px;
  height: 45px;
  padding: 10px;
  overflow: hidden;
  border-right: 1px solid white;
  display: none;
}
@media screen and (min-width: 768px) {
  #ricerca {
    display: inline-block;
  }
}
#ricerca form {
  padding: 0;
  width: 100%;
}
#ricerca form input {
  border-radius: 3px;
  width: calc(75% - 35px);
  float: left;
  margin-left: 20px;
  margin-right: 5px;
  margin-left: 0;
  width: calc(100% - 35px);
  height: 26px;
  font-size: 13px;
}
#ricerca form button {
  width: calc(25% - 25px);
  float: left;
  margin-left: 20px;
  border-radius: 3px;
  margin-left: 0;
  width: 30px;
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  background: url(/tpl/images/icon_cerca_b.png) no-repeat center center transparent;
  background-size: auto 90%;
  color: white;
}
#ricerca form button:hover {
  opacity: 0.7;
}

.header-muv {
  position: relative;
  z-index: 100;
  background: rgba(0, 0, 0, 0.1);
}
.header-muv .logo-header {
  width: 450px;
  position: absolute;
}
.header-muv .logo-header .logo {
  padding: 0;
  padding-left: 10px;
  background: transparent;
}
.header-muv .header-navigation {
  background-color: #f0f0f0;
  width: 100%;
}
.header-muv .header-navigation .top-navigation {
  background-color: transparent;
}
@media screen and (min-width: 768px) {
  .header-muv .header-navigation .top-navigation {
    height: 140px;
  }
}
.header-muv .header-navigation .top-navigation .logo {
  height: 90px;
}
@media screen and (min-width: 768px) {
  .header-muv .header-navigation .top-navigation .logo img {
    margin-top: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .header-muv .header-navigation .top-navigation .logo img {
    margin-top: 0px;
  }
}
.header-muv .header-navigation .top-navigation .logo-header-mobile {
  width: 140px;
  margin-top: 10px;
  position: absolute;
}
.header-muv .header-navigation .navigation {
  background-color: #919fa7;
  min-height: 60px;
}
@media screen and (min-width: 768px) {
  .header-muv .header-navigation .navigation nav li a {
    font-size: 0.8em;
    margin-right: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .header-muv .header-navigation .navigation nav li a {
    font-size: 0.9em;
    margin-right: 20px;
  }
}
.header-muv .header-navigation .navigation ul li.nav-link {
  line-height: 60px;
}
@media screen and (min-width: 768px) {
  .header-muv .header-navigation .navigation #gtm-dona-ora-top-fuv {
    padding: 10px 20px;
    font-size: 20px;
    top: 8px;
  }
}
.header-muv .loghi-affiancati-top {
  display: flex;
  align-items: flex-end;
}
.header-muv .loghi-affiancati-top a img {
  width: 90%;
}

.header-sso {
  background-color: white;
  background: url(/tpl/images/page-white.png) repeat-y center;
}
@media screen and (min-width: 768px) {
  .header-sso {
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 1024px) {
  .header-sso {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 1260px) {
  .header-sso {
    padding-bottom: 100px;
  }
}
.header-sso .header-navigation .top-navigation {
  background-color: white;
}
.header-sso .header-navigation .navigation {
  background-color: #919fa7;
  min-height: 50px;
}
.header-sso .header-navigation .navigation ul li.nav-link {
  line-height: 50px;
}
.header-sso .header-navigation .navigation nav {
  min-height: 50px;
}
.header-sso .header-navigation .navigation #js-mobile-menu {
  margin-top: 13px;
}
@media screen and (min-width: 768px) {
  .header-sso .nav-right {
    float: right;
    border: none;
  }
}

.topbar-free {
  position: relative;
}

.topbar-fixed, .topbar-hidden {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.topbar-fixed .top-navigation, .topbar-hidden .top-navigation {
  display: none !important;
}
.topbar-fixed .logo-header, .topbar-hidden .logo-header {
  height: 50px;
  width: 60px;
}
.topbar-fixed .logo-header .logo, .topbar-hidden .logo-header .logo {
  background-color: #007ea4;
  padding: 5px;
}
.topbar-fixed .logo-header .logo .mobile-hidden, .topbar-hidden .logo-header .logo .mobile-hidden {
  display: none;
}
.topbar-fixed .logo-header .logo .mobile-show, .topbar-hidden .logo-header .logo .mobile-show {
  display: block;
}
@media screen and (min-width: 768px) {
  .topbar-fixed .header-navigation, .topbar-hidden .header-navigation {
    width: calc(100% - 60px);
  }
}
.topbar-fixed .header-navigation .navigation ul li.nav-link, .topbar-hidden .header-navigation .navigation ul li.nav-link {
  line-height: 60px;
}
.topbar-fixed .header-navigation .navigation, .topbar-hidden .header-navigation .navigation {
  min-height: 0;
  background-color: #007ea4;
}
@media screen and (min-width: 768px) {
  .topbar-fixed .header-navigation .navigation nav, .topbar-hidden .header-navigation .navigation nav {
    height: 60px !important;
    display: flex;
    align-items: center;
  }
}
.topbar-fixed .header-navigation .navigation .nav-link, .topbar-hidden .header-navigation .navigation .nav-link {
  font-size: 13px !important;
}
@media screen and (min-width: 1024px) {
  .topbar-fixed .header-navigation .navigation .nav-link, .topbar-hidden .header-navigation .navigation .nav-link {
    font-size: 1em !important;
  }
}
.topbar-fixed .header-navigation .navigation .nav-link a, .topbar-hidden .header-navigation .navigation .nav-link a {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.topbar-fixed .header-navigation .navigation #gtm-dona-ora-top-fuv, .topbar-hidden .header-navigation .navigation #gtm-dona-ora-top-fuv {
  padding: 10px;
  border-radius: 4px;
  right: 15px;
  top: 12px;
  font-size: 1em;
}

.header-muv.topbar-hidden, .header-muv.topbar-fixed {
  background: transparent;
  background: rgba(0, 0, 0, 0.1);
}
.header-muv.topbar-hidden .logo-header, .header-muv.topbar-fixed .logo-header {
  position: relative;
}
.header-muv.topbar-hidden .logo-header .logo, .header-muv.topbar-fixed .logo-header .logo {
  background-color: #919fa7;
}
.header-muv.topbar-hidden .header-navigation .navigation, .header-muv.topbar-fixed .header-navigation .navigation {
  background-color: #919fa7;
}

.header-sso.topbar-hidden, .header-sso.topbar-fixed {
  padding-bottom: 0;
  background: #919fa7;
}
.header-sso.topbar-hidden .header-navigation .navigation, .header-sso.topbar-fixed .header-navigation .navigation {
  background-color: #919fa7;
}
.header-sso.topbar-hidden .logo-header .logo, .header-sso.topbar-fixed .logo-header .logo {
  background-color: #919fa7;
}

.block-articolo {
  width: 100%;
  color: #fff;
  padding: 1em 0;
}
.block-articolo .info-articolo {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .block-articolo .info-articolo {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    margin-left: 0;
    width: calc(20% - 25px);
  }
}
.block-articolo .info-articolo .categoria {
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 21px;
  border-right: 1px dotted #fff;
  padding: 0.3em 0.3em 0.3em 0;
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
}
@media screen and (min-width: 480px) {
  .block-articolo .info-articolo .categoria {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px;
  }
}
@media screen and (min-width: 768px) {
  .block-articolo .info-articolo .categoria {
    border-right: none;
    border-bottom: 1px dotted #fff;
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-left: 0;
    width: 100%;
  }
}
.block-articolo .info-articolo .autore {
  font-family: "Roboto Slab", serif;
  font-size: 13px;
  padding: 0.8em 0.3em 0.3em 0;
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
}
@media screen and (min-width: 480px) {
  .block-articolo .info-articolo .autore {
    width: calc(66.66667% - 33.33333px);
    float: left;
    margin-left: 20px;
  }
}
@media screen and (min-width: 768px) {
  .block-articolo .info-articolo .autore {
    padding: 0.3em 0.3em 0.3em 0;
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-left: 0;
    width: 100%;
  }
}
.block-articolo .titolo {
  font-family: "Roboto Slab", serif;
  font-size: 28px;
  padding: 1em 0px 0.3em;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .block-articolo .titolo {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
    width: calc(80% - 35px);
    padding: 0;
  }
}

.h2-menu {
  padding: 1em 0;
}
.h2-menu:after {
  clear: both;
  content: "";
  display: block;
}
.h2-menu ul li {
  font-size: 16px !important;
  line-height: 18px !important;
  border-bottom: 1px solid #dadada;
  margin-bottom: 15px !important;
  padding-bottom: 10px !important;
  margin-left: 0 !important;
  list-style: none;
  color: #007ea4;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .h2-menu ul li {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
  .h2-menu ul li:nth-child(2n) {
    margin-right: 0;
  }
}
.h2-menu ul li a {
  text-transform: initial;
  font-weight: 400 !important;
  line-height: 18px;
  font-size: 16px;
}
.h2-menu ul li:before {
  content: "›";
  color: #007ea4;
  font-size: 20px;
  margin-right: 5px;
}

.articolo {
  max-width: 100% !important;
  padding: 1.5em 0;
}
.articolo .info {
  float: left;
  margin-right: 0;
  width: 100%;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1.4em;
  padding-right: 1em;
}
.articolo .info hr {
  border-top: 1px solid #56636b;
}
.articolo .info strong {
  font-weight: 700;
}
.articolo .info .share {
  margin-bottom: 0.5em;
  margin-top: 1em;
}
@media screen and (min-width: 768px) {
  .articolo .info .share {
    margin-bottom: 2em;
  }
}
.articolo .info .share ul li {
  display: inline-block;
}
.articolo .info .share ul li a:hover {
  opacity: 0.8;
}
.articolo .info .share ul li a img {
  height: 36px;
}
@media screen and (min-width: 768px) {
  .articolo .info .share {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .articolo .info {
    width: 20%;
  }
  .articolo .info .share {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-left: 0;
    width: 100%;
  }
}
.articolo .content {
  float: left;
  margin-right: 0;
  width: 100%;
  margin-top: 1em;
  *zoom: 1;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1024px) {
  .articolo .content {
    width: 80%;
    margin-top: 0;
  }
}
.articolo .content:before, .articolo .content:after {
  content: " ";
  display: table;
}
.articolo .content:after {
  clear: both;
}
.articolo .content article {
  background-color: transparent;
  border: none;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
.articolo .content article .img-intext {
  display: block;
}
@media screen and (min-width: 768px) {
  .articolo .content article .img-intext {
    float: left;
    max-width: 60%;
    margin: 0px 10px 10px 0;
  }
}
@media screen and (min-width: 768px) {
  .articolo .content article {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
  }
}
.articolo .content table tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.blog-info h2 {
  color: #56636b;
  padding-bottom: 0.3em;
  font-size: 18px;
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
}
.blog-info h4 {
  font-family: "Roboto Slab", serif;
  font-size: 13px;
  color: #56636b;
  text-transform: capitalize;
}

.content .content-article h1 {
  color: #007ea4;
  font-size: 2em;
  margin-bottom: 10px;
  line-height: 1.1em;
  font-family: "Roboto Slab", serif;
  text-align: left;
}

.box-expert {
  background-color: #eef1f3;
  padding: 8px 16px;
  margin: 0 0 1em;
}
.box-expert:before, .box-expert:after {
  clear: both;
  content: "";
  display: block;
}
.box-expert a:hover {
  opacity: 0.8;
}
.box-expert a h4 {
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.1em;
  text-transform: initial;
}
.box-expert a img {
  float: left;
  max-width: 30% !important;
  margin-right: 2%;
}
@media screen and (min-width: 768px) {
  .box-expert a img {
    max-width: 100% !important;
    margin-right: 0;
  }
}
.box-expert a p {
  display: block;
  float: left;
  max-width: 68%;
  text-transform: initial;
  margin: 0;
  font-size: 12px !important;
}
@media screen and (min-width: 480px) {
  .box-expert a p {
    font-size: 14px !important;
    line-height: 1.4em !important;
  }
}
@media screen and (min-width: 768px) {
  .box-expert a p {
    max-width: 100%;
    margin: 1em 0;
    font-size: 12px !important;
  }
}

.box-expert-horizontal {
  background-color: #eef1f3;
  padding: 8px 16px;
  margin: 1em 0;
}
.box-expert-horizontal:before, .box-expert-horizontal:after {
  clear: both;
  content: "";
  display: block;
}
.box-expert-horizontal a:hover {
  opacity: 0.8;
}
.box-expert-horizontal a h4 {
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.1em;
  text-transform: initial;
}
.box-expert-horizontal a img {
  max-width: 100px;
  margin-right: 1em;
  margin-bottom: 1em;
  float: left;
}
.box-expert-horizontal a p {
  text-align: left;
  font-size: 12px;
  margin: 0;
}

.fonti {
  margin: 1em auto;
}
.fonti h5 {
  font-family: "Roboto Condensed", sans-serif !important;
  font-weight: 700;
  font-size: 12px;
  color: #56636b;
  text-transform: uppercase;
  margin-left: 1em;
}
.fonti .fonti-content {
  background-color: rgba(0, 0, 0, 0.06);
  padding: 1em;
}
.fonti .fonti-content p {
  font-size: 13px;
  font-family: "Roboto Condensed", sans-serif !important;
  line-height: 1.2em;
}

.autore-bottom {
  border: 1px solid #c0c8cd;
  padding: 1em;
  overflow: auto;
  margin: 1em auto;
}
.autore-bottom img {
  border-radius: 50%;
  width: calc(25% - 25px);
  float: left;
  margin-left: 20px;
}
@media screen and (min-width: 480px) {
  .autore-bottom img {
    width: calc(16.66667% - 23.33333px);
    float: left;
    margin-left: 20px;
  }
}
.autore-bottom .autore-info {
  font-size: 12px;
  width: calc(75% - 35px);
  float: left;
  margin-left: 20px;
}
@media screen and (min-width: 480px) {
  .autore-bottom .autore-info {
    width: calc(83.33333% - 36.66667px);
    float: left;
    margin-left: 20px;
  }
}
.autore-bottom .autore-info p, .autore-bottom .autore-info h5 {
  font-size: 13px;
  line-height: 1.2em;
}
.autore-bottom .autore-info .col-1-2 {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin: 0;
  padding: 0;
}

.content {
  color: #56636b;
}

.form-utente, .new-donation {
  font-family: "Roboto Slab", serif;
  font-size: 0.8em;
}
.form-utente .help-block, .new-donation .help-block {
  color: red;
  font-family: "Roboto Condensed", sans-serif;
}
.form-utente hr, .new-donation hr {
  margin: 1em;
}
.form-utente h4, .new-donation h4 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 1em;
}
.form-utente a, .new-donation a {
  color: #007ea4;
}
.form-utente .form-riga, .new-donation .form-riga {
  display: block;
  overflow: auto;
  padding: 1em;
}
.form-utente .small-block, .new-donation .small-block {
  padding: 1em;
}
@media screen and (min-width: 768px) {
  .form-utente .small-block, .new-donation .small-block {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .form-utente .mid-block, .new-donation .mid-block {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px;
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .form-utente .mid2-block, .new-donation .mid2-block {
    width: calc(66.66667% - 33.33333px);
    float: left;
    margin-left: 20px;
    padding: 0;
  }
}
.form-utente .large-block, .new-donation .large-block {
  padding: 1em;
}
@media screen and (min-width: 768px) {
  .form-utente .large-block, .new-donation .large-block {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
    padding: 0;
  }
}
.form-utente .half, .new-donation .half {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .form-utente .half, .new-donation .half {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    margin-left: 0;
    width: 50%;
  }
}
.form-utente .box-pagamento, .new-donation .box-pagamento {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .form-utente .box-pagamento, .new-donation .box-pagamento {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    margin-left: 0;
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .form-utente .box-pagamento:first-child, .new-donation .box-pagamento:first-child {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    margin-left: 0;
    width: 50%;
  }
}
.form-utente form, .new-donation form {
  width: auto;
  overflow: initial;
}
.form-utente input, .new-donation input {
  margin: 0.8em 0 0;
}
.form-utente input[type="text"], .form-utente input[type="email"], .form-utente input[type="password"], .new-donation input[type="text"], .new-donation input[type="email"], .new-donation input[type="password"] {
  width: 100%;
}
.form-utente input[type="radio"], .form-utente input[type="checkbox"], .new-donation input[type="radio"], .new-donation input[type="checkbox"] {
  margin: 0.8em 0.3em;
  width: 18px;
  height: 18px;
}
.form-utente select, .new-donation select {
  margin: 0.8em 0 0;
}
.form-utente button, .new-donation button {
  margin: 0.8em 0 0;
  min-width: 100px;
  background-color: #007ea4;
  max-width: 100%;
}
.form-utente button:hover, .new-donation button:hover {
  background-color: #56636b;
}
.form-utente label, .new-donation label {
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-size: 0.85em;
  letter-spacing: 0.5px;
}
.form-utente .form-social, .new-donation .form-social {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.1em;
  text-align: center;
  padding-top: 1em;
}
.form-utente .form-social a, .new-donation .form-social a {
  display: block;
  text-transform: uppercase;
  background-color: #56636b;
  margin: 0 auto 0.3em;
  padding: 0.5em 0.5em 0.5em 30px;
  color: #fff;
  border-radius: 0.2em;
  max-width: 100%;
  width: 200px;
}
.form-utente .form-social a:hover, .new-donation .form-social a:hover {
  opacity: 0.8;
}
.form-utente .form-social .facebook, .new-donation .form-social .facebook {
  background-color: #3b5998;
  background: url(/tpl/images/facebook-logo.png) 6px no-repeat #3b5998;
  background-size: 16px;
}
.form-utente .form-social .twitter, .new-donation .form-social .twitter {
  background-color: #1da1f2;
  background: url(/tpl/images/twitter-logo.png) 6px no-repeat #1da1f2;
  background-size: 16px;
}
.form-utente .form-social .google, .new-donation .form-social .google {
  background-color: #e05d51;
  background: url(/tpl/images/google-plus.png) 6px no-repeat #e05d51;
  background-size: 16px;
}
.form-utente .field-loginform-rememberme, .new-donation .field-loginform-rememberme {
  margin-top: 10px;
}
.form-utente .field-loginform-rememberme label, .new-donation .field-loginform-rememberme label {
  letter-spacing: 0;
}
.form-utente .recupera-password, .new-donation .recupera-password {
  text-align: center;
}
.form-utente .recupera-password h5, .new-donation .recupera-password h5 {
  font-weight: bold;
}
.form-utente .field-fuvuser-flag_privacy, .form-utente .field-fuvuser-flag_newsletter, .form-utente .field-fuvuser-flag_science_for_peace, .form-utente .field-fuvuser-flag_biological_testament, .new-donation .field-fuvuser-flag_privacy, .new-donation .field-fuvuser-flag_newsletter, .new-donation .field-fuvuser-flag_science_for_peace, .new-donation .field-fuvuser-flag_biological_testament {
  margin-bottom: 1em;
}
.form-utente .field-fuvuser-categoryids, .new-donation .field-fuvuser-categoryids {
  margin-top: 2em;
}
.form-utente #fuvuser-gender, .new-donation #fuvuser-gender {
  padding-top: 1em;
}
.form-utente .field-fuvuser-flag_privacy, .new-donation .field-fuvuser-flag_privacy {
  text-align: center;
}
.form-utente .form-footer button, .new-donation .form-footer button {
  text-align: center;
}
.form-utente .form-footer .mid-block, .new-donation .form-footer .mid-block {
  text-align: center;
  min-height: 15px;
  overflow: auto;
}
.form-utente .form-footer .mid-block:first-child, .new-donation .form-footer .mid-block:first-child {
  text-align: left;
}
.form-utente .form-footer small, .new-donation .form-footer small {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.8em;
}
.form-utente .field-fuvuser-privacy label, .new-donation .field-fuvuser-privacy label {
  text-transform: initial;
}
.form-utente .field-fuvuser-privacy label input, .new-donation .field-fuvuser-privacy label input {
  margin: 0.3em;
}

.user-benvenuto h2 {
  color: #007ea4;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 1.8em;
  text-transform: uppercase;
}
.user-benvenuto p {
  font-family: "Roboto Slab", serif;
  line-height: 1.4em;
  font-weight: 300;
}
.user-benvenuto p strong {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .user-benvenuto {
    width: calc(66.66667% - 33.33333px);
    float: left;
    margin-left: 20px;
  }
}

.user-donazioni {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
.user-donazioni img {
  display: block;
  margin: 1em auto 2em;
}
@media screen and (min-width: 768px) {
  .user-donazioni {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px;
  }
}

.donazione-grazie {
  margin: 1.2em 0;
  color: #007ea4;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  font-size: 2em;
}

.controlli .main-user-content .expander h2 {
  font-size: 1em;
  font-weight: 700;
}
.controlli .main-user-content .expander p {
  font-size: 1em;
  line-height: 1.4em;
}

.side-info {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  margin: 20px 0;
}
@media screen and (min-width: 768px) {
  .side-info {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
  }
}
.side-info p {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
}
@media screen and (min-width: 768px) {
  .side-info {
    margin: 0;
  }
}
.side-info a {
  color: #007ea4;
}
.side-info a:hover {
  text-decoration: underline;
}

.main-user-content {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  font-family: "Roboto Slab", serif;
  color: #56636b;
}
@media screen and (min-width: 768px) {
  .main-user-content {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
  }
}

.user-inserisci-dati {
  border: 2px dashed #dadfe2;
  text-align: center;
  padding: 40px;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
}
.user-inserisci-dati img {
  margin-top: 20px;
}
.user-inserisci-dati:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.event-box {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 2px dotted #dadfe2;
}
.event-box:last-child {
  border: none;
  margin-bottom: 0;
}
.event-box h3 {
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  color: #007ea4;
  font-size: 1.2em;
  margin-bottom: 0.5em;
}
.event-box span {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.8em;
  font-weight: 300;
  color: #56636b;
}
.event-box p {
  font-family: "Roboto Slab", serif;
  margin-top: 0.5em;
}

.form-utente #fuvuser-categoryids label {
  line-height: 12px !important;
  font-size: 12px;
  font-weight: 400;
  text-transform: inherit;
  letter-spacing: 0;
}
.form-utente #fuvuser-categoryids .field-asktoexpertform-flag_condition input {
  float: left;
}

.form-donazione hr {
  margin: 1em;
}
.form-donazione .half {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .form-donazione .half {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    margin-left: 0;
    width: 50%;
  }
}
.form-donazione form .importo-donazione-blocchi {
  margin-bottom: 10px;
}
.form-donazione form .importo-donazione-blocchi #fuvdonation-amount {
  margin-top: 10px;
}
.form-donazione form .importo-donazione-blocchi #fuvdonation-amount label {
  float: left;
  text-align: center;
  overflow: hidden;
  position: relative;
  margin: 4px 2px;
}
.form-donazione form .importo-donazione-blocchi #fuvdonation-amount label span {
  background-color: #fff;
  width: 100px;
  height: 40px;
  display: block;
  line-height: 40px;
  cursor: pointer;
  color: #007ea4;
  font-size: 14px;
  border-radius: 4px;
}
.form-donazione form .importo-donazione-blocchi #fuvdonation-amount input[type="radio"] {
  position: absolute;
  left: -40px;
}
.form-donazione form .importo-donazione-blocchi #fuvdonation-amount input[type="radio"]:checked + span {
  background-color: #007ea4;
  color: #fff;
}
.form-donazione form .field-fuvdonation-otheramount {
  width: 203px;
  float: left;
  margin-top: 4px;
  margin-left: 4px;
}
.form-donazione form .field-fuvdonation-otheramount input {
  margin: 0;
  height: 40px;
  font-size: 14px;
}
.form-donazione .btn-primary {
  background-color: #c9311d;
  font-size: 1.8em;
  padding: 0 1em;
  height: 2em;
  border-radius: 0;
  margin: 0 auto;
  display: block;
}
.form-donazione .btn-primary:hover {
  opacity: 0.8;
}
.form-donazione .title h1, .form-donazione .title h2 {
  float: left;
  margin-bottom: 1em;
}

.form-donazione-aiuto {
  color: #fff;
  text-transform: uppercase;
  line-height: 1.2em;
  background-color: #e7ab00;
  padding: 1em;
}
.form-donazione-aiuto a {
  color: #fff;
  font-weight: 700;
}
.form-donazione-aiuto h4 {
  font-size: 1.4em;
  line-height: 1.2em;
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .form-donazione-aiuto {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    max-width: 200px;
  }
}

.donation-title {
  padding-top: 0;
}
.donation-title .content h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 2em;
  line-height: 1em;
  padding: 0;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .donation-title .content h2 {
    font-size: 3em;
  }
}
.donation-title .content h3 {
  text-align: center;
  font-weight: 300;
  font-size: 1em;
}
@media screen and (min-width: 768px) {
  .donation-title .content h3 {
    font-size: 1.4em;
  }
}
.donation-title .content h3 strong {
  color: #007ea4;
}

.box-flag-condition-check {
  width: 30px;
  float: left;
  display: block;
}

.box-flag-condition-text {
  float: left;
  margin-left: 0px;
  width: 88%;
}

.new-login {
  margin-bottom: 3em;
}
.new-login h2, .new-login h3 {
  font-family: "Roboto Slab", serif;
  font-size: 2em;
  line-height: 1.2em;
  margin: 1em auto;
  color: #007ea4;
  text-align: center;
}
.new-login h3 {
  font-size: 1.6em;
}
.new-login h4, .new-login h5 {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
}
.new-login .login-container {
  background-color: #eef0f2;
  overflow: auto;
}
.new-login .login-container .half {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .new-login .login-container .half {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    margin-left: 0;
    width: 50%;
  }
}
.new-login label {
  color: #56636b;
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
}
.new-login input:-moz-read-only {
  background-color: #ececec;
  color: #999;
}
.new-login input:disabled, .new-login input:read-only {
  background-color: #ececec;
  color: #999;
}
.new-login .login-container hr, .new-login .registrati-container hr {
  border-top: 1px solid rgba(86, 99, 107, 0.5);
  margin: 2em auto;
}
.new-login .login-container .login h5, .new-login .registrati-container .login h5 {
  text-align: center;
}
.new-login .login-box {
  background-color: #dadfe2;
  padding: 2em 3em;
}
.new-login .login-box .form-group {
  margin-bottom: 10px;
}
.new-login .login-box .form-group input {
  margin: 0.4em 0;
}
.new-login .login-box .login-btn {
  margin: 0.8em auto !important;
  width: 300px;
  background-color: #007ea4;
  display: block;
  font-size: 1.5em;
  height: auto;
  padding: 4px;
  max-width: 240px;
  display: block;
  border-radius: 0;
}
.new-login .login-box .social-container h4 {
  text-transform: initial;
  font-weight: 400;
  color: #56636b;
}
.new-login .login-box .social-container a {
  width: 120px;
}
@media screen and (min-width: 480px) {
  .new-login .login-box .social-container a {
    display: inline-block;
    margin-right: 20px;
  }
  .new-login .login-box .social-container a:last-child {
    margin-right: 0;
  }
}
.new-login .login-box .registrati-btn {
  text-align: center;
  display: block;
  margin: 4em auto 0;
}
.new-login .login-box .recupera-password {
  font-family: "Roboto Condensed", sans-serif;
  padding: 2em 0 0;
}
.new-login .login-box .recupera-password h5 {
  font-size: 14px;
}
.new-login .login-box .recupera-password label {
  text-align: left;
}
.new-login .registrati-btn {
  border-radius: 0;
  font-size: 1.5em;
  padding: 6px 30px;
  height: auto;
}
.new-login .login-box-registrati {
  background: transparent;
  padding: 2em;
}
.new-login .login-box-registrati h3 {
  margin-bottom: 2em;
}
.new-login .login-box-registrati p {
  margin-bottom: 3em;
  line-height: 1.4em;
  font-size: 16px;
  text-align: center;
  color: #56636b;
}
.new-login .registrati-container {
  background-color: #dadfe2;
  overflow: auto;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
}
.new-login .registrati-container .mid-block {
  margin-bottom: 10px;
}
.new-login .registrati-container .mid-block input, .new-login .registrati-container .mid-block select {
  margin: 0.4em 0;
}
.new-login .registrati-container #fuvuser-gender {
  padding: 0;
  margin: 0.4em 0;
}
.new-login .registrati-container #fuvuser-categoryids label {
  font-size: 14px;
  text-transform: uppercase;
  display: block;
}
@media screen and (min-width: 480px) {
  .new-login .registrati-container #fuvuser-categoryids label {
    display: inline-block;
  }
}
.new-login .registrati-container .field-fuvuser-categoryids {
  margin: 0;
}
.new-login .volontari-container label {
  text-transform: initial;
  letter-spacing: 0;
}
.new-login .volontari-container .form-riga {
  overflow: initial;
  text-align: left;
}
.new-login .volontari-container .form-riga h3 {
  font-family: "Roboto Condensed", sans-serif;
  text-align: left;
  margin: 0 0 5px;
}
.new-login .volontari-container .form-riga p {
  line-height: 1.3em;
  margin: 5px 0 10px;
}
.new-login #img-loading {
  margin-top: 0 !important;
  margin-left: 25px !important;
}
.new-login .flash-message-popup {
  margin: 10px 0;
}

.form-registrati-aiuto {
  display: none;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.2em;
  background-color: #e7ab00;
  padding: 1em;
  float: right;
}
.form-registrati-aiuto a {
  color: #fff;
  font-weight: 700;
}
.form-registrati-aiuto h4 {
  font-size: 1.4em;
  line-height: 1.2em;
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .form-registrati-aiuto {
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    max-width: 200px;
  }
}

.form-utente {
  padding: 0;
}
.form-utente .privacy-box {
  overflow: auto;
  padding-top: 10px;
}
.form-utente .privacy-box:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (min-width: 480px) {
  .form-utente .privacy-box {
    padding-top: 0;
  }
}
.form-utente .privacy-box .help-block {
  left: 10px;
  width: 200px;
  line-height: 1.5em;
  text-align: left;
  position: relative;
}
@media screen and (min-width: 768px) {
  .form-utente .privacy-box .form-group {
    margin: 0;
  }
}
.form-utente .privacy-box .form-group input {
  width: 40px;
  float: left;
}
.form-utente .privacy-box .privacy-text {
  padding-left: 60px;
  text-transform: initial;
  font-size: 12px;
  line-height: 1.4em;
  display: block;
}
.form-utente .privacy-box .privacy-text h3 {
  color: #007ea4;
  text-align: left;
  margin: 0;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0;
}

.registration img {
  margin-bottom: 1em;
}
.registration h3 {
  text-align: center;
  font-size: 18px;
  line-height: 1.4em;
  margin: 0 auto 1em;
  color: #56636b;
}
@media screen and (min-width: 768px) {
  .registration h3 {
    padding: 0 20%;
    font-size: 22px;
  }
}

.new-donation h2, .new-donation h3 {
  font-family: "Roboto Slab", serif;
  font-size: 2em;
  line-height: 1.2em;
  margin: 1em auto;
  color: #007ea4;
  text-align: center;
}
.new-donation h3 {
  font-size: 1.6em;
}
.new-donation h4, .new-donation h5 {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
}
.new-donation label {
  color: #56636b;
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
}
.new-donation input:-moz-read-only {
  background-color: #ececec;
  color: #999;
}
.new-donation input:disabled, .new-donation input:read-only {
  background-color: #ececec;
  color: #999;
}
.new-donation .form-riga {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .new-donation .form-riga {
    padding: 0.5em 0;
  }
}
.new-donation #img-loading {
  margin-top: 0 !important;
  margin-left: 25px !important;
}
.new-donation .flash-message-popup {
  margin: 10px 0;
}
.new-donation .donazione-container {
  background-color: #dadfe2;
  overflow: auto;
  padding: 1em;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .new-donation .donazione-container {
    padding: 2em;
  }
}
.new-donation .donazione-container h4 {
  color: #007ea4;
  font-weight: 600;
}
.new-donation .donazione-container label {
  text-transform: initial;
}
.new-donation .donazione-container hr {
  border: none;
  border-top: 1px solid white;
}
@media screen and (min-width: 768px) {
  .new-donation .donazione-container hr {
    margin: 1em -2em;
  }
}
.new-donation .donazione-container .mid-block {
  margin-bottom: 10px;
}
.new-donation .donazione-container .mid-block input, .new-donation .donazione-container .mid-block select {
  margin: 0.4em 0;
}
.new-donation .donazione-container .select-wrapper {
  max-width: 420px;
}
.new-donation .donazione-container #fuvuser-categoryids label {
  font-size: 14px;
  display: block;
}
@media screen and (min-width: 480px) {
  .new-donation .donazione-container #fuvuser-categoryids label {
    display: inline-block;
  }
}
.new-donation .donazione-container .field-fuvuser-categoryids {
  margin: 0;
}
.new-donation .donazione-container .opzioni-donazione {
  margin: 30px 0;
  display: block;
}
.new-donation .donazione-container .opzioni-donazione h4 {
  padding-bottom: 0;
}
.new-donation .donazione-container .opzioni-donazione p, .new-donation .donazione-container .opzioni-donazione h4 {
  margin-left: 30px;
}
@media screen and (min-width: 480px) {
  .new-donation .donazione-container .opzioni-donazione p, .new-donation .donazione-container .opzioni-donazione h4 {
    margin-left: 50px;
  }
}
.new-donation .donazione-container .opzioni-donazione input {
  position: absolute;
  margin: 0;
}
.new-donation .donazione-container .opzioni-donazione-causale .select-wrapper, .new-donation .donazione-container .opzioni-donazione-causale h4 {
  margin-left: 30px;
}
@media screen and (min-width: 480px) {
  .new-donation .donazione-container .opzioni-donazione-causale .select-wrapper, .new-donation .donazione-container .opzioni-donazione-causale h4 {
    margin-left: 50px;
  }
}
.new-donation .importo-donazione-blocchi {
  margin-bottom: 2em;
}
.new-donation .importo-donazione-blocchi #fuvdonation-amount {
  margin-top: 10px;
  text-align: center;
}
.new-donation .importo-donazione-blocchi #fuvdonation-amount label {
  text-align: center;
  overflow: hidden;
  position: relative;
  margin: 4px 2px;
  display: inline-block;
}
.new-donation .importo-donazione-blocchi #fuvdonation-amount label span {
  background-color: #fff;
  width: 120px;
  height: 60px;
  display: block;
  line-height: 60px;
  cursor: pointer;
  color: #007ea4;
  font-size: 24px;
  font-weight: 400;
  border-radius: 4px;
}
.new-donation .importo-donazione-blocchi #fuvdonation-amount input[type="radio"] {
  position: absolute;
  left: -40px;
}
.new-donation .importo-donazione-blocchi #fuvdonation-amount input[type="radio"]:checked + span {
  background-color: #007ea4;
  color: #fff;
}
.new-donation .field-fuvdonation-otheramount {
  display: block;
  margin: 4px auto;
  text-align: center;
}
.new-donation .field-fuvdonation-otheramount input {
  margin: 0;
  height: 60px;
  font-size: 24px;
  font-weight: 400;
  width: 80%;
  max-width: 300px;
}
.new-donation .tipo-donazione-blocchi {
  text-align: center;
  padding: 0.5em 2em;
  overflow: auto;
}
.new-donation .tipo-donazione-blocchi label {
  overflow: hidden;
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .new-donation .tipo-donazione-blocchi label {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
}
.new-donation .tipo-donazione-blocchi label span {
  background-color: #56636b;
  color: white;
  padding: 0 1em;
  height: auto;
  width: 100%;
  display: block;
  line-height: 1.2em;
  cursor: pointer;
  font-size: 20px;
  font-weight: 400;
  border-radius: 4px;
  text-align: left;
  padding: 20px 20px 25px 50px;
  min-height: 140px;
}
.new-donation .tipo-donazione-blocchi label span p {
  text-transform: initial;
  font-size: 16px;
  line-height: 1.2em;
  margin-top: 10px;
}
.new-donation .tipo-donazione-blocchi input[type="radio"] {
  position: absolute;
  left: 10px;
  top: 35%;
}
.new-donation .tipo-donazione-blocchi input[type="radio"]:checked + span {
  background-color: #007ea4;
  color: #fff;
}
.new-donation .donazione-text {
  margin-top: 2em;
}
.new-donation .donazione-text .donazione-text-img {
  text-align: center;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 480px) {
  .new-donation .donazione-text .donazione-text-img {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
  }
}
@media screen and (min-width: 768px) {
  .new-donation .donazione-text .donazione-text-img {
    width: calc(8.33333% - 21.66667px);
    float: left;
    margin-left: 20px;
  }
}
.new-donation .donazione-text .donazione-text-txt {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 480px) {
  .new-donation .donazione-text .donazione-text-txt {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
  }
}
@media screen and (min-width: 768px) {
  .new-donation .donazione-text .donazione-text-txt {
    width: calc(91.66667% - 38.33333px);
    float: left;
    margin-left: 20px;
  }
}
.new-donation .donazione-text .donazione-text-txt h4 {
  font-family: "Roboto Condensed", sans-serif;
  color: #007ea4;
  font-size: 20px;
  padding-bottom: 0;
  line-height: 1.6em;
}
.new-donation .donazione-text .donazione-text-txt p {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
}
.new-donation .frequenza-donazione-blocchi {
  text-align: center;
}
.new-donation .frequenza-donazione-blocchi label {
  text-align: center;
  overflow: hidden;
  position: relative;
  margin: 4px;
  display: inline-block;
}
.new-donation .frequenza-donazione-blocchi label span {
  background-color: #fff;
  padding: 0 1em;
  height: 60px;
  display: block;
  line-height: 60px;
  cursor: pointer;
  color: #007ea4;
  font-size: 24px;
  font-weight: 400;
  border-radius: 4px;
}
.new-donation .frequenza-donazione-blocchi input[type="radio"] {
  position: absolute;
  left: -40px;
}
.new-donation .frequenza-donazione-blocchi input[type="radio"]:checked + span {
  background-color: #007ea4;
  color: #fff;
}
.new-donation .donazione-totale {
  overflow: auto;
  background-color: #919fa7;
  text-align: center;
  padding: 1em;
}
@media screen and (min-width: 768px) {
  .new-donation .donazione-totale {
    padding: 2em;
    text-align: right;
  }
}
.new-donation .donazione-totale h4 {
  display: block;
  font-size: 24px;
  color: white;
  padding: 0;
  margin-bottom: 10px;
  vertical-align: top;
}
@media screen and (min-width: 768px) {
  .new-donation .donazione-totale h4 {
    display: inline-block;
    margin-right: 15px;
    padding-top: 10px;
  }
}
.new-donation .donazione-totale .importo {
  width: 160px;
  display: inline-block;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .new-donation .donazione-totale .importo {
    padding-right: 10px;
  }
}
.new-donation .donazione-totale .importo input {
  display: block;
  height: 45px;
  background-color: white !important;
  color: #007ea4;
  font-size: 22px;
  font-weight: 600;
  line-height: 1em;
}
@media screen and (min-width: 768px) {
  .new-donation .donazione-totale .importo input {
    display: inline-block;
    margin-right: 15px;
    margin-top: 0;
  }
}
.new-donation .donazione-totale .importo p {
  color: white;
  text-align: left;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  margin: 6px 0;
  font-size: 16px;
}
.new-donation .donazione-totale .btn {
  background-color: #c9311d;
  font-size: 1.8em;
  padding: 0 1em;
  height: 45px;
  border-radius: 0;
  margin: 0 auto 10px;
  display: block;
}
.new-donation .donazione-totale .btn:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  .new-donation .donazione-totale .btn {
    display: inline-block;
    vertical-align: top;
  }
}

.privacy-container .registrati-container {
  padding: 2em;
}
.privacy-container .form-riga {
  padding: 0.5em 0;
}
.privacy-container .privacy-box {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 10px;
  width: auto;
  vertical-align: top;
}
.privacy-container .privacy-box label {
  text-transform: uppercase;
  letter-spacing: 0;
  font-size: 14px;
}
.privacy-container .privacy-box .help-block {
  width: auto;
}
.privacy-container .privacy-box input {
  margin: 0;
  width: 20px !important;
}
.privacy-container hr {
  margin: 1em auto !important;
}

.add-padding {
  padding: 30px 0;
}

.cookie-form .close-cookie-form {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  z-index: 100;
}
.cookie-form .close-cookie-form:hover {
  opacity: 0.75;
}
.cookie-form section {
  padding: 0;
}
.cookie-form section .wrapper {
  padding: 0;
  position: relative;
}
.cookie-form section .content {
  width: 100%;
  padding: 20px;
  background-color: #ffe502;
}
.cookie-form section .content .registrati-container {
  background: transparent;
}
.cookie-form section .cookie-form-header {
  padding-right: 50px;
}
.cookie-form section .cookie-form-header p {
  color: black;
  font-family: "Roboto Slab", serif;
  margin-bottom: 10px;
  line-height: 1.2em;
}
@media screen and (min-width: 768px) {
  .cookie-form section .cookie-form-header p {
    font-size: 18px;
  }
}
.cookie-form section .cookie-form-header h2, .cookie-form section .cookie-form-header h3, .cookie-form section .cookie-form-header h4, .cookie-form section .cookie-form-header h5 {
  color: black;
  font-family: "Roboto Slab", serif;
  font-size: 22px;
  line-height: 1.2em;
}
@media screen and (min-width: 768px) {
  .cookie-form section .cookie-form-header h2, .cookie-form section .cookie-form-header h3, .cookie-form section .cookie-form-header h4, .cookie-form section .cookie-form-header h5 {
    font-size: 30px;
  }
}
.cookie-form section .cookie-form-header .toggle-btn {
  border-radius: 0;
  margin-top: 20px;
  font-size: 18px;
  padding: 6px 30px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .cookie-form section .cookie-form-header .toggle-btn {
    display: none;
  }
}
.cookie-form .new-login {
  background: transparent;
  margin: 0;
  padding: 0 !important;
}
@media screen and (min-width: 768px) {
  .cookie-form .form-utente .form-riga {
    padding: 0;
  }
}
.cookie-form .privacy-container {
  padding: 0 20px 20px !important;
}
.cookie-form .privacy-container .registrati-container {
  padding: 0;
}
.cookie-form .privacy-container .form-group {
  padding-bottom: 1px;
}
.cookie-form .new-login {
  display: none;
}
@media screen and (min-width: 768px) {
  .cookie-form .new-login {
    display: block;
  }
}
.cookie-form.show .new-login {
  display: block;
}
.cookie-form.show .cookie-form-header .toggle-btn {
  display: none;
}

.non-perdere .content .vertical-tabs {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .non-perdere .content .vertical-tabs {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
  }
}
.non-perdere .content .vertical-tabs a {
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 300;
  border: 1px solid #d6d8da;
  border-radius: 4px;
  padding: 4px 6px;
  margin: 4px;
  float: left;
  display: inline;
  line-height: 1em;
}
.non-perdere .content .vertical-tabs a:hover {
  background-color: #d6d8da;
  color: #56636b;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .non-perdere .content .vertical-tabs a {
    float: none;
    margin: 0;
    margin-bottom: 0.4em;
    padding: 0 0.4em;
    line-height: 2.6em;
    display: table;
    font-size: 12px;
    line-height: 2.2em;
  }
  .non-perdere .content .vertical-tabs a:after {
    content: "\a";
    white-space: pre;
  }
}
.non-perdere .content .vertical-tabs .is-active {
  background-color: #d6d8da;
  color: #56636b;
  font-weight: 700;
}
.non-perdere .content .vertical-tab-content-container {
  height: auto;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
.non-perdere .content .vertical-tab-content-container .vertical-tab-content .not-to-lose-element {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #7a8a94;
  margin: 0;
  padding: 0.5em 0;
  min-height: 65px;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
.non-perdere .content .vertical-tab-content-container .vertical-tab-content .not-to-lose-element:hover {
  opacity: 0.8;
}
.non-perdere .content .vertical-tab-content-container .vertical-tab-content .not-to-lose-element span, .non-perdere .content .vertical-tab-content-container .vertical-tab-content .not-to-lose-element p {
  color: #fff;
  border: none;
  display: block;
  position: relative;
  font-size: 0.75em;
}
.non-perdere .content .vertical-tab-content-container .vertical-tab-content .not-to-lose-element span {
  bottom: auto;
  left: auto;
}
.non-perdere .content .vertical-tab-content-container .vertical-tab-content .not-to-lose-element p {
  padding: 0;
  font-size: 12px;
  max-height: 34px;
  line-height: 16px;
}
@media screen and (min-width: 768px) {
  .non-perdere .content .vertical-tab-content-container .vertical-tab-content .not-to-lose-element {
    border: none;
    border-left: 1px solid #7a8a94;
    padding: 0.5em 0 0.5em 1em;
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
  }
  .non-perdere .content .vertical-tab-content-container .vertical-tab-content .not-to-lose-element:nth-child(4n) {
    margin-right: 0;
  }
}
.non-perdere #editoriali .not-to-lose-element {
  width: 50%;
  margin: 0;
  padding: 0.5em;
}
@media screen and (min-width: 768px) {
  .non-perdere #editoriali .not-to-lose-element {
    width: 20%;
  }
}
.non-perdere #editoriali img {
  width: 180px;
}
@media screen and (min-width: 768px) {
  .non-perdere #editoriali img {
    width: 100px;
  }
}
.non-perdere #video .not-to-lose-element {
  padding-left: 50px;
  background: url(/tpl/images/img-video-white.png) 10px 10px no-repeat;
  background-size: 30px;
  min-height: 50px;
}

#footer-social .banner-large {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #footer-social .banner-large {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
  }
}
#footer-social aside {
  *zoom: 1;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
#footer-social aside:before, #footer-social aside:after {
  content: " ";
  display: table;
}
#footer-social aside:after {
  clear: both;
}
@media screen and (min-width: 480px) {
  #footer-social aside .digital, #footer-social aside .social {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
}
@media screen and (min-width: 768px) {
  #footer-social aside {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
  }
  #footer-social aside .digital, #footer-social aside .social {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-left: 0;
    width: 100%;
  }
}
#footer-social aside .digital, #footer-social aside .social {
  margin-top: 1em;
}
#footer-social aside .digital h4, #footer-social aside .social h4 {
  display: block;
  text-transform: uppercase;
  color: #56636b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 0.4em;
  padding-bottom: 0.4em;
}
#footer-social aside .digital {
  background-color: #dedfe1;
  text-align: center;
  padding: 0.7em;
}
#footer-social aside .digital:hover {
  background-color: #ebeced;
}
#footer-social aside .digital a {
  display: block;
}
#footer-social aside .digital h4 {
  border-bottom: 1px solid #56636b;
}
#footer-social aside .digital p {
  font-family: "Roboto Slab", serif;
  font-style: italic;
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 300;
}
@media screen and (min-width: 768px) {
  #footer-social aside .digital {
    margin-top: 0;
  }
}
#footer-social aside .social h4 {
  text-align: center;
}
#footer-social aside .social ul li {
  display: block;
  float: left;
  width: 33%;
  padding: 0.5em 0;
  text-align: center;
  border-right: 1px solid #dedfe1;
  border-top: 1px solid #dedfe1;
}
#footer-social aside .social ul li:nth-child(1), #footer-social aside .social ul li:nth-child(2), #footer-social aside .social ul li:nth-child(3) {
  border-top: none;
}
#footer-social aside .social ul li:nth-child(3), #footer-social aside .social ul li:nth-child(6) {
  border-right: none;
}
#footer-social aside .social ul li a {
  display: block;
}
#footer-social aside .social ul li:hover img {
  opacity: 0.8;
}

footer {
  background-color: #dedfe1;
  color: #56636b;
  font-family: "Roboto Condensed", sans-serif;
}
footer .btn-blue {
  width: 180px;
}
footer .footer-row {
  padding: 20px;
}
@media screen and (min-width: 768px) {
  footer .footer-row {
    display: flex;
    justify-content: space-around;
  }
}
footer .footer-row .footer-logo {
  text-align: center;
}
footer .footer-row .footer-logo img {
  width: 160px;
}
footer .footer-row .footer-menu {
  width: 49%;
  display: inline-block;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.5em;
  vertical-align: top;
  margin: 30px 0;
}
@media screen and (min-width: 768px) {
  footer .footer-row .footer-menu {
    width: auto;
    margin: 0;
  }
}
footer .footer-row .footer-menu a:hover {
  color: #0082aa;
}
footer .footer-row .menu-social p {
  color: #0082aa;
  font-weight: 600;
}
footer .footer-row .footer-cta {
  text-align: right;
}
footer .footer-row .footer-cta .btn-donaora {
  display: flex;
  width: 180px;
  justify-content: center;
  margin: 0 10px 10px auto;
}
footer .footer-row .footer-cta .btn-donaora img {
  width: auto;
  margin-left: 10px;
}
footer .footer-row .footer-altri-loghi {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
}
@media screen and (min-width: 768px) {
  footer .footer-row .footer-altri-loghi {
    margin-bottom: 0;
    width: 40%;
  }
}
@media screen and (min-width: 1024px) {
  footer .footer-row .footer-altri-loghi {
    width: 20%;
  }
}
footer .footer-row .footer-altri-loghi a {
  width: 30%;
}
footer .footer-row .footer-altri-loghi .footer-certificato {
  width: 40px;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  footer .footer-row .footer-altri-loghi .footer-certificato {
    width: 40px;
  }
}
footer .footer-row .footer-altri-loghi .footer-certificato a {
  width: 100%;
}
footer .footer-row .footer-bottom-text {
  text-align: center;
}
@media screen and (min-width: 768px) {
  footer .footer-row .footer-bottom-text {
    width: 60%;
  }
}
@media screen and (min-width: 1024px) {
  footer .footer-row .footer-bottom-text {
    width: 70%;
  }
}
@media screen and (min-width: 768px) {
  footer .footer-row .footer-bottom-text {
    text-align: left;
  }
}
footer .footer-mozart {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
footer .footer-mozart img {
  margin: 10px auto !important;
}
@media screen and (min-width: 768px) {
  footer .footer-mozart {
    width: calc(16.66667% - 23.33333px);
    float: left;
    margin-left: 20px;
  }
  footer .footer-mozart img {
    float: right;
  }
}
footer .footer-assifero {
  text-align: center;
}
footer .footer-assifero img {
  margin: 10px auto !important;
}
footer .footer-certificato {
  margin-bottom: 30px;
  margin-top: 30px;
  overflow: auto;
}
footer .footer-certificato a img {
  margin: 0 auto !important;
  display: block;
}
@media screen and (min-width: 768px) {
  footer .footer-certificato {
    margin-top: 0;
  }
  footer .footer-certificato a {
    float: right;
  }
}
footer .footer-content {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  footer .footer-content {
    width: calc(66.66667% - 33.33333px);
    float: left;
    margin-left: 20px;
  }
}
@media screen and (min-width: 768px) {
  footer .footer-content .footer-menu {
    padding-top: 20px;
  }
}
footer .footer-content .footer-menu p {
  line-height: 20px;
  margin-bottom: 5px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  footer .footer-content .footer-menu p {
    margin-bottom: 0;
    text-align: left;
  }
}
footer .footer-content .footer-menu ul {
  margin: 20px auto;
  text-align: center;
}
footer .footer-content .footer-menu ul:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  footer .footer-content .footer-menu ul {
    text-align: left;
    margin: 0 auto 20px;
  }
}
footer .footer-content .footer-menu ul li {
  display: inline-block;
  line-height: 1.4em;
  margin-right: 20px;
}
footer .footer-content .footer-menu ul li:last-child {
  margin-right: 0;
}
footer .footer-content .footer-menu .menu-large {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
}
footer .footer-content .footer-menu a:hover {
  opacity: 0.8;
}
footer .footer-bottom ul li {
  display: inline-block;
  border-right: 1px solid #56636b;
}
footer .footer-bottom ul li:last-child {
  border: none;
}
footer .footer-bottom ul li a {
  padding: 0 0.5em;
  line-height: 1.3em;
}
footer .footer-bottom ul li a:hover {
  text-decoration: underline;
}

.all-articles .all-item, .all-news .all-item {
  border-bottom: 1px solid #dedfe1;
  padding: 20px 0;
  display: block;
}
.all-articles .all-item:hover, .all-news .all-item:hover {
  text-decoration: none !important;
  background-color: rgba(0, 0, 0, 0.06);
}
.all-articles .all-item h3, .all-news .all-item h3 {
  display: initial;
}
.all-articles .all-item span, .all-news .all-item span {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  left: 0.7em !important;
}
.all-articles .all-item span:before, .all-news .all-item span:before {
  content: "| ";
}

.all-galleries p, .all-videos p {
  padding-left: 0;
}
.all-galleries .all-item, .all-videos .all-item {
  border-bottom: 1px solid #dedfe1;
  padding: 1em 0;
  display: block;
  overflow: auto;
  margin-bottom: 1em;
  padding-bottom: 1em;
  text-align: left;
}
.all-galleries .all-item:hover, .all-videos .all-item:hover {
  text-decoration: none !important;
  background-color: rgba(0, 0, 0, 0.06);
}
.all-galleries .all-item h3, .all-videos .all-item h3 {
  display: initial;
  font-size: 1.2em;
}
@media screen and (min-width: 480px) {
  .all-galleries .all-item h3, .all-videos .all-item h3 {
    display: block;
    padding: 0 !important;
  }
}
.all-galleries .all-item span, .all-videos .all-item span {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  left: 0.7em !important;
}
.all-galleries .all-item span:before, .all-videos .all-item span:before {
  content: "| ";
}
@media screen and (min-width: 480px) {
  .all-galleries .all-item span:before, .all-videos .all-item span:before {
    content: "";
  }
}
.all-galleries .all-item img, .all-videos .all-item img {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
}
@media screen and (min-width: 480px) {
  .all-galleries .all-item img, .all-videos .all-item img {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    max-width: 320px;
    margin-left: 0;
    margin-right: 30px;
  }
}
.all-galleries .all-item hr, .all-videos .all-item hr {
  margin-bottom: 1em;
}

.all-news .all-item {
  border-bottom: 1px solid #dedfe1;
  padding: 1em 0;
  display: block;
  overflow: auto;
  margin-bottom: 1em;
  padding-bottom: 1em;
  text-align: left;
}
.all-news .all-item:hover {
  text-decoration: none !important;
  background-color: rgba(0, 0, 0, 0.06);
}
@media screen and (min-width: 480px) {
  .all-news .all-item {
    padding: 1em;
  }
}
.all-news .all-item h3 {
  display: initial;
}
.all-news .all-item span {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  left: 0.7em !important;
  display: block;
}
.all-news .all-item span:before {
  content: "";
}
.all-news .all-item img {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
}
@media screen and (min-width: 480px) {
  .all-news .all-item img {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    max-width: 320px;
    margin-left: 0;
    margin-right: 30px;
  }
}

.results-filter a {
  border: none;
  background-color: #007ea4;
  display: initial;
  color: #fff !important;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1em;
  padding: 5px;
  float: left;
  margin: 2px;
  text-transform: uppercase;
  border-radius: 4px;
}
.results-filter a:hover {
  background-color: #56636b;
}
.results-filter .active {
  background-color: #56636b;
}

.more-blog {
  position: relative;
  margin: 1em 0px;
  padding: 0.3em 0.5em;
  border-radius: 0.3em;
  font-family: "Roboto Condensed", sans-serif;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  background-color: #007ea4;
  font-size: 13px;
  width: auto !important;
  float: none;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
.more-blog a {
  color: #fff;
  text-decoration: none;
}
.more-blog:hover {
  opacity: 0.8;
}
@media screen and (min-width: 768px) {
  .more-blog {
    margin: 0;
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
  }
}
@media screen and (min-width: 768px) {
  .more-blog {
    float: right;
  }
}

.blog-list .title h2, .blog-list .title-info h2 {
  color: #56636b;
}
.blog-list .grid-element {
  overflow: auto;
  background-color: #eef1f3;
  padding: 0.5em;
}
.blog-list .grid-element img {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  margin: 0 auto;
  display: none;
}
@media screen and (min-width: 480px) {
  .blog-list .grid-element img {
    display: block;
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px;
  }
}
.blog-list .grid-element .blog-info {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 480px) {
  .blog-list .grid-element .blog-info {
    width: calc(66.66667% - 33.33333px);
    float: left;
    margin-left: 20px;
  }
}
.blog-list .grid-element .blog-info h3 {
  text-transform: uppercase;
  color: #007ea4;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.4em;
  padding: 6px;
  letter-spacing: 1px;
}
.blog-list .grid-element .blog-info p {
  display: block;
  line-height: 1.4em;
  max-height: 100%;
}
.blog-list .grid-element .blog-info hr {
  border-top: 1px solid #dedfe1;
  margin: 1em 0;
}
.blog-list .grid-element .blog-info .blog-lastpost {
  position: relative;
}
.blog-list .grid-element .blog-info .blog-lastpost span {
  position: relative;
  border-top: none;
  line-height: 20px;
  padding: 0;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .blog-list .grid-element .blog-info .blog-lastpost span {
    padding: 0.5em;
    width: calc(16.66667% - 23.33333px);
    float: left;
    margin-left: 20px;
  }
}
.blog-list .grid-element .blog-info .blog-lastpost h5 {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  line-height: 1.2em;
  color: #007ea4;
}
@media screen and (min-width: 768px) {
  .blog-list .grid-element .blog-info .blog-lastpost h5 {
    width: calc(58.33333% - 31.66667px);
    float: left;
    margin-left: 20px;
    padding: 0 1em;
  }
}
@media screen and (min-width: 768px) {
  .blog-list .grid-element .blog-info .blog-lastpost .more-blog {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
  }
  .blog-list .grid-element .blog-info .blog-lastpost .more-blog a {
    float: right;
    padding: 0.5em;
  }
}

.blog-page .title h2, .blog-page .title-info h2 {
  padding-bottom: 0.3em;
}
.blog-page .title h4, .blog-page .title-info h4 {
  font-family: "Roboto Slab", serif;
  font-size: 13px;
  color: #56636b;
}
.blog-page .title img, .blog-page .title-info img {
  margin-bottom: 1.5em;
  float: right;
  max-width: 50%;
}
@media screen and (min-width: 768px) {
  .blog-page .title img, .blog-page .title-info img {
    max-width: 100px;
  }
}
.blog-page .title .share, .blog-page .title-info .share {
  margin: 1.5em 0;
}
.blog-page .title .share ul li, .blog-page .title-info .share ul li {
  display: inline-block;
}
.blog-page .title .share ul li a:hover, .blog-page .title-info .share ul li a:hover {
  opacity: 0.8;
}
.blog-page .title .share ul li a img, .blog-page .title-info .share ul li a img {
  height: 36px;
  max-width: 100%;
}
.blog-page .title p, .blog-page .title-info p {
  font-family: "Roboto Condensed", sans-serif;
  color: #56636b;
  font-size: 0.9em;
  line-height: 1.3em;
  opacity: 0.8;
}
.blog-page .content .post p {
  display: block;
}
.blog-page .content .post h3 {
  color: #007ea4;
  font-size: 20px;
}
.blog-page .content .post-info {
  width: 100%;
  border-top: 1px solid #dedfe1;
  padding: 0.5em;
  margin-top: 10px;
}
.blog-page .content .post-info span {
  position: relative;
  bottom: auto;
  left: auto;
  border: none;
  margin-right: 1.5em;
}
.blog-page .content .post-info .more-blog {
  float: right;
}
.blog-page .content .grid-element img {
  display: none;
}
@media screen and (min-width: 1024px) {
  .blog-page .title, .blog-page .title-info {
    padding-right: 1em;
  }
  .blog-page .title img, .blog-page .title-info img {
    float: none;
    max-width: 100%;
  }
}

.post-info-sidebar h2, .post-info-sidebar h1 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.1em;
}
.post-info-sidebar h5 {
  text-transform: capitalize;
  font-family: "Roboto Slab", serif;
  font-size: 13px;
  color: #000;
  margin-bottom: 10px;
}
.post-info-sidebar p {
  margin: 1em 0;
}
.post-info-sidebar .blog-img {
  margin-bottom: 1em;
}
.post-info-sidebar .blog-img, .post-info-sidebar p {
  display: none;
}
@media screen and (min-width: 768px) {
  .post-info-sidebar .blog-img, .post-info-sidebar p {
    display: block;
  }
}

.content-researcher {
  padding-top: 0;
  margin-top: 0;
  clear: both;
}
.content-researcher h5 {
  margin-top: 2em;
  font-size: 1.5em;
  color: #007ea4;
}
.content-researcher h5:first-child {
  margin-top: 0;
}
.content-researcher a:hover {
  text-decoration: underline;
}
.content-researcher h2 {
  color: #007ea4;
  font-size: 2em;
  padding: 0px !important;
  margin-top: 1em;
}
.content-researcher h4 {
  color: #007ea4;
}
.content-researcher p {
  margin-bottom: 1em;
}
.content-researcher .w-banner-large:after {
  content: " ";
  clear: both;
}

.researcher-area h4 {
  color: #007ea4;
  text-transform: uppercase;
  display: block;
  border-top: 1px solid #007ea4;
  padding: 5px 0;
  margin-top: 15px;
}
.researcher-area a {
  border: 1px solid #007ea4;
  font-weight: 400;
  border-radius: 4px;
  padding: 4px 6px;
  margin: 4px 6px 4px 0;
  text-decoration: none;
  color: #007ea4;
  font-size: 11px;
  float: left;
  display: inline;
  line-height: 1em;
  text-transform: uppercase;
}
.researcher-area a:hover {
  color: #fff;
  background-color: #007ea4;
}

.widget-placeholder {
  display: none;
}

.widget {
  margin-bottom: 1em;
  margin-right: 1em !important;
  background-color: #f7f7f8;
  border-top: 2px solid #f7f7f8;
  position: relative;
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .widget {
    margin-right: 0 !important;
  }
}
.widget:hover {
  background-color: #efeff1;
}
.widget h3 {
  padding: 0.5em !important;
  font-family: "Roboto Slab", serif;
  font-weight: bold;
  font-size: 0.9em;
  color: #56636b;
  overflow: hidden;
  max-height: 52px;
}
@media screen and (min-width: 480px) {
  .widget h3 {
    max-height: 144px;
  }
}
.widget h4 {
  padding: 0 0.5em 0.5em !important;
  font-family: "Roboto Slab", serif;
  font-weight: bold;
  font-size: 13px !important;
  color: #000;
}
.widget p {
  display: none;
  padding: 0.5em !important;
  font-family: "Roboto Slab", serif;
  color: #56636b;
  font-size: 14px !important;
  line-height: 18px;
  max-height: 116px;
  overflow: hidden;
}
.widget img {
  max-width: 100%;
  max-height: 100%;
}
.widget span {
  color: #56636b;
  position: absolute;
  bottom: 0.7em;
  left: 0.7em;
  border-top: 1px dotted #56636b;
  font-size: 12px !important;
  text-transform: uppercase;
  line-height: 1.4em;
  font-weight: 300;
}
.widget a {
  text-decoration: none !important;
}

.gallery-widget {
  background-color: rgba(0, 0, 0, 0.06) !important;
}
.gallery-widget p {
  display: none !important;
}
.gallery-widget span {
  display: none !important;
}

.gallery-small {
  margin: 10px 10px 10px 0;
  min-height: 280px;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
.gallery-small h3 {
  font-size: 18px !important;
  margin-left: 0.3em;
}
@media screen and (min-width: 480px) {
  .gallery-small {
    width: 200px !important;
  }
  .gallery-small span {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) {
  .gallery-small {
    margin: 0;
    margin-left: -210px;
  }
}
.gallery-small:after {
  content: url(/tpl/images/ico-fullscreen.png);
  position: absolute;
  right: 5px;
  top: 5px;
  height: 45px;
  width: 45px;
}

.gallery-large {
  width: 100% !important;
  padding-bottom: 10px;
}
.gallery-large h3 {
  font-weight: 400;
  font-size: 1.2em !important;
  margin-left: 0.3em;
}
.gallery-large img {
  width: 100%;
}
.gallery-large:after {
  content: url(/tpl/images/ico-fullscreen.png);
  position: absolute;
  right: 5px;
  top: 5px;
  height: 45px;
  width: 45px;
}

.article-widget {
  background-color: rgba(0, 0, 0, 0.06) !important;
  margin: 10px 10px 10px 0;
  min-height: 280px;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
.article-widget p {
  display: none !important;
}
.article-widget span {
  display: none !important;
}
.article-widget h3 {
  font-size: 16px !important;
  line-height: 1.2em !important;
}
@media screen and (min-width: 480px) {
  .article-widget {
    width: 200px !important;
  }
  .article-widget span {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) {
  .article-widget {
    margin: 0;
    margin-left: -210px;
  }
}

.download-widget {
  min-height: 320px !important;
  background-color: rgba(0, 0, 0, 0.06) !important;
  margin: 10px 10px 10px 0;
  min-height: 280px;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
}
.download-widget p {
  display: none !important;
}
.download-widget span {
  display: none !important;
}
.download-widget h3 {
  font-size: 18px !important;
  margin-left: 0.3em;
  max-height: 100px !important;
  line-height: 1.1em !important;
}
.download-widget h3:before {
  content: "Scarica il file";
  display: block;
  font-weight: 700;
  line-height: 1em;
  font-size: 12px;
  text-transform: uppercase;
  opacity: 0.75;
  font-family: "Roboto", sans-serif;
}
@media screen and (min-width: 480px) {
  .download-widget {
    width: 200px !important;
  }
  .download-widget span {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) {
  .download-widget {
    margin: 0;
    margin-left: -210px;
  }
}

.blog-widget {
  margin: 10px 10px 10px 0;
  min-height: 280px;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  background-color: #eef1f3 !important;
}
.blog-widget h3 {
  text-transform: uppercase;
  color: #007ea4;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px !important;
  letter-spacing: 1px;
}
.blog-widget img {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: auto !important;
  max-width: 130px;
}
.blog-widget span {
  left: 0.7em;
  border: none;
}
.blog-widget p {
  display: block;
  font-style: italic;
  font-size: 15px;
  padding-right: 0.7em;
}
@media screen and (min-width: 480px) {
  .blog-widget {
    width: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .blog-widget {
    min-height: 280px;
  }
}
@media screen and (min-width: 1024px) {
  .blog-widget {
    margin: 0;
    margin-left: -210px;
  }
}

.video-wrapper {
  margin: 1em 0;
}

.dona-large, .w-banner-large {
  width: 100% !important;
  padding-bottom: 10px;
  background-color: transparent !important;
  border-top: none;
}

.dona-small, .w-banner-small {
  margin: 10px 10px 10px 0;
  float: left;
}
@media screen and (min-width: 480px) {
  .dona-small, .w-banner-small {
    width: 200px !important;
  }
}
@media screen and (min-width: 1024px) {
  .dona-small, .w-banner-small {
    margin: 0;
    margin-left: -210px;
  }
}

.twitter-tweet {
  border: 1px solid #55acee;
  padding: 0em 1em 2em;
  background: url(/tpl/images/twitter-embed.png) no-repeat right 5px bottom 5px;
}
.twitter-tweet:before {
  content: "Da twitter";
  color: #55acee;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
}

.embedded-newsletter-bg {
  padding: 4em 0 3em;
}
.embedded-newsletter-bg p {
  color: white !important;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 1.2em;
}
@media screen and (min-width: 480px) {
  .embedded-newsletter-bg #container-newsletter-form {
    width: calc(66.66667% - 33.33333px);
    float: left;
    margin-left: 20px;
    left: calc(16.66667% - 23.33333px + 20px);
    position: relative;
  }
}

.newsletter p {
  margin-bottom: 10px;
}
.newsletter a {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 21px;
  color: #fff;
  background-color: #0082aa;
  padding: 0.3em 0.8em;
  text-align: center;
  border-radius: 4px;
  text-transform: uppercase;
  display: inline-block;
}

.tool .share {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
  .tool .share {
    margin-bottom: 2em;
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .tool .share {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}
.tool .content {
  float: left;
  margin-right: 0;
  width: 100%;
  margin-top: 1em;
  *zoom: 1;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1024px) {
  .tool .content {
    width: 80%;
    margin-top: 0;
  }
}
.tool .content:before, .tool .content:after {
  content: " ";
  display: table;
}
.tool .content:after {
  clear: both;
}
.tool .content article {
  background-color: transparent;
  border: none;
  font-size: 15px !important;
  line-height: 1.4em !important;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
}
.tool .content article h2, .tool .content article h1 {
  font-weight: 700;
  margin-bottom: 1em;
  padding: 0.5em;
}
.tool .content article h3 {
  padding: 0.5em;
  font-family: "Roboto Slab", serif;
  font-weight: bold;
  font-size: 0.9em;
  color: #56636b;
}
.tool .content article p {
  display: block;
  line-height: 1.5em;
  max-height: 100% !important;
  padding: 0.5em;
  font-family: "Roboto Slab", serif;
  color: #56636b;
}
.tool .content article a {
  color: #007ea4;
}
.tool .content article a:hover {
  text-decoration: underline;
}
.tool .content article hr {
  margin: 1em 0;
}
.tool .content article strong, .tool .content article b {
  font-weight: 700;
}
.tool .content aside {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
}
.tool .content aside .progetto img {
  margin: 1em auto;
  display: block;
  max-width: 200px;
}
@media screen and (min-width: 768px) {
  .tool .content aside .progetto img {
    float: none;
    margin: 0;
    margin-bottom: 0.6em;
    line-height: 2.6em;
    font-size: 14px;
    line-height: 2.2em;
  }
  .tool .content aside .progetto img:after {
    content: "\a";
    white-space: pre;
  }
}
@media screen and (min-width: 768px) {
  .tool .content article {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
  }
  .tool .content aside {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
  }
}

.content-tool {
  padding-top: 1em;
  clear: both;
}
.content-tool h5 {
  margin-top: 2em;
  font-size: 1.5em;
  line-height: 1.2em !important;
}
.content-tool h5 a {
  color: #007ea4;
  line-height: 1.2em !important;
}
.content-tool h5:first-child {
  margin-top: 0;
}
.content-tool a:hover {
  text-decoration: underline;
}
.content-tool h2, .content-tool h1 {
  margin-bottom: 1em;
  padding: 0.5em;
  color: #007ea4;
  font-size: 2em;
  line-height: 1.1em;
  font-family: "Roboto Slab", serif;
  text-align: left;
  padding: 0px !important;
  margin-top: 0.3em;
}

.disclaimer {
  font-size: 14px;
  line-height: 1.4em;
  margin: 2em 0;
  border-top: 1px dotted;
  padding-top: 1em;
  font-weight: 300;
}
.disclaimer a {
  color: #007ea4;
}
.disclaimer a:hover {
  text-decoration: underline;
}

.alfabeto a {
  background-color: #007ea4;
  padding: 4px;
  float: left;
  color: #fff !important;
  margin: 0 1px 4px;
}
.alfabeto a:hover {
  opacity: 0.8;
}
.alfabeto .active {
  opacity: 0.4;
}

.tool-form {
  background-color: #dedfe1;
  overflow: auto;
  padding: 1em;
  font-family: "Roboto Condensed", sans-serif;
  margin: 1em 0;
  color: #56636b;
  *zoom: 1;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.tool-form:before, .tool-form:after {
  content: " ";
  display: table;
}
.tool-form:after {
  clear: both;
}
.tool-form button {
  min-width: 50%;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 480px) {
  .tool-form button {
    margin: 0;
  }
}
.tool-form input, .tool-form textarea, .tool-form select {
  width: 100%;
  margin: 0.5em 0;
}
.tool-form input[type=radio], .tool-form input[type=checkbox] {
  width: auto;
}

.forum-box {
  background-color: rgba(0, 0, 0, 0.06);
  margin-bottom: 1em;
  padding: 10px;
  overflow: auto;
}
.forum-box a:hover {
  text-decoration: none !important;
}
.forum-box hr {
  clear: both;
  margin: 0.5em auto;
  border-top: 1px solid #56636b;
}
.forum-box h3 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 20px;
  padding: 6px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #007ea4;
}
.forum-box h4 {
  color: #56636b;
  font-size: 15px;
  font-weight: 300;
}
.forum-box .moderatore-box {
  margin-bottom: 20px;
  overflow: auto;
  color: #56636b;
}
.forum-box .moderatore-box img {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin: 0;
}
@media screen and (min-width: 480px) {
  .forum-box .moderatore-box img {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
  }
}
.forum-box .moderatore-box .moderatore-info {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
}
@media screen and (min-width: 480px) {
  .forum-box .moderatore-box .moderatore-info {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
  }
}
.forum-box .moderatore-box .moderatore-info p, .forum-box .moderatore-box .moderatore-info span {
  font-size: 12px;
  margin: 0;
  padding: 0;
}
.forum-box .moderatore-box .moderatore-info span {
  font-weight: 700;
  font-size: 14px;
}
.forum-box button {
  float: right;
  background-color: #007ea4;
  line-height: 28px;
  height: auto;
}

.forum-item {
  display: block;
  background-color: rgba(0, 0, 0, 0.06);
  margin-bottom: 4px;
  overflow: auto;
  padding: 0.3em 0;
  padding-left: 50px;
}
.forum-item:hover {
  background-color: #cad0d4;
}
.forum-item h3 {
  color: #007ea4;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "Roboto Condensed", sans-serif;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
}
@media screen and (min-width: 480px) {
  .forum-item h3 {
    width: calc(66.66667% - 33.33333px);
    float: left;
    margin-left: 20px;
    padding-left: 40px;
  }
}
.forum-item p, .forum-item span {
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
  font-family: "Roboto Condensed", sans-serif;
  padding: 0.5em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}
@media screen and (min-width: 480px) {
  .forum-item p, .forum-item span {
    width: calc(16.66667% - 23.33333px);
    float: left;
    margin-left: 20px;
  }
}
.forum-item span {
  border-left: 1px solid #56636b;
  font-weight: 300;
  text-transform: uppercase !important;
  font-size: 12px !important;
}

.answer {
  background: url(/tpl/images/ico_r.png) left 10px top 50% no-repeat rgba(0, 0, 0, 0.06);
  background-size: 20px;
}

.download-box-container {
  *zoom: 1;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.download-box-container:before, .download-box-container:after {
  content: " ";
  display: table;
}
.download-box-container:after {
  clear: both;
}
.download-box-container .download-box {
  background-color: rgba(0, 0, 0, 0.06);
  margin-bottom: 1em;
  text-align: left;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
}
@media screen and (min-width: 480px) {
  .download-box-container .download-box {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px;
  }
}
.download-box-container .download-box:nth-child(3n-3) {
  margin-right: 0;
}
.download-box-container .download-box:hover {
  opacity: 0.8;
}
.download-box-container .download-box p {
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  padding-left: 0.5em !important;
  line-height: 1.2em;
  min-height: 75px;
}
.download-box-container a:hover {
  text-decoration: none !important;
}

.download-item {
  margin: 2em 0;
  font-family: "Roboto Condensed", sans-serif;
  overflow: auto;
}
.download-item h3 {
  text-transform: uppercase;
  color: #007ea4;
  text-transform: uppercase;
  font-size: 14px !important;
  min-height: 45px;
  max-height: 300px;
  line-height: 32px;
  padding-left: 0.5em !important;
  font-family: "Roboto Condensed", sans-serif;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.06);
}
@media screen and (min-width: 480px) {
  .download-item h3 {
    width: calc(66.66667% - 33.33333px);
    float: left;
    margin-left: 20px;
    width: 70%;
    margin-right: 0;
    margin-left: 0;
  }
}
.download-item .tool-btn {
  text-transform: uppercase;
  font-size: 13px;
  height: 45px;
  line-height: 45px;
  background-color: rgba(86, 99, 107, 0.55);
  color: #fff !important;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 400;
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
  margin-right: 0;
  margin-left: 0;
  width: 50%;
}
.download-item .tool-btn:hover {
  background-color: rgba(136, 150, 159, 0.55);
  text-decoration: none !important;
}
.download-item .tool-btn:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) {
  .download-item .tool-btn {
    width: calc(16.66667% - 23.33333px);
    float: left;
    margin-left: 20px;
    margin-right: 0;
    margin-left: 0;
  }
}
.download-item .tool-btn a {
  color: #fff !important;
}
.download-item .btn-download {
  background-color: #007ea4;
}
.download-item .btn-download:hover {
  background-color: #00a5d7;
}
.download-item .btn-download a {
  color: #fff !important;
}
.download-item .disabled {
  background-color: rgba(0, 0, 0, 0.06);
  cursor: not-allowed;
  color: #56636b !important;
  margin-right: 0;
}
.download-item .disabled:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.download-item p {
  width: 100%;
  overflow: auto !important;
  padding-top: 8px !important;
}
.download-item p a {
  font-weight: 400;
  color: #fff !important;
  background-color: #007ea4;
  text-transform: uppercase;
  padding: 4px;
  font-family: "Roboto", sans-serif;
}
.download-item .download-alert a {
  background-color: transparent !important;
  color: #56636b !important;
  font-weight: 400;
}

@media screen and (min-width: 480px) {
  .download-nodetails h3 {
    width: calc(83.33333% - 36.66667px);
    float: left;
    margin-left: 20px;
    margin-right: 0;
  }
}
.download-nodetails .tool-btn {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
}
@media screen and (min-width: 480px) {
  .download-nodetails .tool-btn {
    width: calc(16.66667% - 23.33333px);
    float: left;
    margin-left: 20px;
  }
}

.download-title {
  color: #007ea4;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 20px;
  padding: 0.5em 0;
}

.download-title-file {
  color: #007ea4;
  font-size: 28px;
  padding: 0.5em 0;
}

.articolo .content article .download-alert {
  display: none;
  font-weight: 400;
  background-color: rgba(234, 189, 54, 0.3);
  padding: 10px;
  border-radius: 6px;
  text-align: center;
  width: 80%;
  margin: 10px auto 0;
  border: 2px solid #eabd36;
}

.tool-health form button {
  margin: 1em auto;
}

.tool-ricette .title img, .tool-ricette .title-info img {
  margin: 0 0 1.5em 1.5em;
  float: right;
  max-width: 150px;
}
.tool-ricette .title .share, .tool-ricette .title-info .share {
  margin: 0 0 1em;
}
.tool-ricette .title .share ul li, .tool-ricette .title-info .share ul li {
  display: inline-block;
}
.tool-ricette .title .share ul li a:hover, .tool-ricette .title-info .share ul li a:hover {
  opacity: 0.8;
}
.tool-ricette .title .share ul li a img, .tool-ricette .title-info .share ul li a img {
  height: 36px;
  max-width: 100%;
  margin: 0;
}
.tool-ricette .title p, .tool-ricette .title-info p {
  font-family: "Roboto Condensed", sans-serif;
  color: #56636b;
  font-size: 0.9em;
  line-height: 1.3em;
  opacity: 0.8;
}
.tool-ricette .title strong, .tool-ricette .title-info strong {
  font-weight: 700;
}
.tool-ricette .title a, .tool-ricette .title-info a {
  color: #007ea4;
}
.tool-ricette .title a:hover, .tool-ricette .title-info a:hover {
  text-decoration: underline;
}
.tool-ricette .content article h1 {
  color: #007ea4;
  font-size: 2em;
  margin-bottom: 10px;
  line-height: 1.1em;
  font-family: "Roboto Slab", serif;
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .tool-ricette .title, .tool-ricette .title-info {
    padding-right: 1em;
  }
  .tool-ricette .title img, .tool-ricette .title-info img {
    float: none;
    max-width: 100%;
    margin: 1.5em 1.5em 0 0;
  }
  .tool-ricette .title p, .tool-ricette .title-info p {
    margin-top: 1em;
  }
}
.tool-ricette .ricette-list .ricette-box {
  position: relative;
  background-color: rgba(0, 0, 0, 0.06);
  padding-bottom: 30px;
  margin-bottom: 1em;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
}
.tool-ricette .ricette-list .ricette-box:hover {
  opacity: 0.8;
}
.tool-ricette .ricette-list .ricette-box a, .tool-ricette .ricette-list .ricette-box a:hover {
  text-decoration: none;
}
.tool-ricette .ricette-list .ricette-box h3 {
  font-size: 1.2em;
}
@media screen and (min-width: 480px) {
  .tool-ricette .ricette-list .ricette-box {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px;
    height: 400px;
  }
  .tool-ricette .ricette-list .ricette-box:nth-child(3n) {
    margin-right: 0;
  }
}
.tool-ricette .ricette-lineeguida h4 {
  color: #007ea4;
  font-size: 2em;
  padding: 1em 8px 0;
  font-family: "Roboto Slab", serif;
  font-weight: bold;
}
.tool-ricette .ricette-foto {
  color: #56636b;
  background-color: rgba(0, 0, 0, 0.06);
  font-family: "Roboto Slab", serif;
  font-size: 12px;
}
.tool-ricette .ricette-foto h3, .tool-ricette .ricette-foto h5 {
  font-weight: 700;
}
.tool-ricette .ricette-foto div, .tool-ricette .ricette-foto h5 {
  padding: 1em;
  padding-bottom: 0;
}
.tool-ricette .ricette-foto p {
  font-size: 12px;
  overflow: initial;
  padding-left: 0;
  padding-bottom: 0.5em;
}

.tool-health-center .title .share, .tool-health-center .title-info .share {
  margin: 0 0 1em;
}
.tool-health-center .title .share ul li, .tool-health-center .title-info .share ul li {
  display: inline-block;
}
.tool-health-center .title .share ul li a:hover, .tool-health-center .title-info .share ul li a:hover {
  opacity: 0.8;
}
.tool-health-center .title .share ul li a img, .tool-health-center .title-info .share ul li a img {
  height: 36px;
  max-width: 100%;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .tool-health-center .title, .tool-health-center .title-info {
    padding-right: 1em;
  }
}
.tool-health-center .health-center-list {
  padding: 1em 0;
}
.tool-health-center .health-center-list .health-center-box {
  border-bottom: 1px dotted #56636b;
  margin-bottom: 0.5em;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
}
@media screen and (min-width: 480px) {
  .tool-health-center .health-center-list .health-center-box {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
  .tool-health-center .health-center-list .health-center-box:nth-child(2n) {
    margin-right: 0;
  }
}

.tool-form-health-center .col-1-4, .tool-form-health-center .col-1-2 {
  border-right: 1px dotted #56636b;
  padding-right: 0.5em;
}
.tool-form-health-center .col-1-4:last-child, .tool-form-health-center .col-1-2:last-child {
  border: none;
  padding-right: none;
}
.tool-form-health-center .col-1-4 .btn, .tool-form-health-center .col-1-2 .btn {
  margin: 0 auto;
}

.grid-items-lines .grid-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.grid-items-lines .grid-item img {
  max-width: 70%;
  max-width--webkit-filter: grayscale(100%);
  max-width-filter: grayscale(100%);
}
.grid-items-lines .grid-item:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.grid-items-lines .grid-item h3 {
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.1em;
  line-height: 1.2em;
}
.grid-items-lines .grid-item p {
  font-family: "Roboto Slab", serif;
  font-size: 0.8em;
  line-height: 1.2em;
  opacity: 0.7;
}

.project-hp .grid-item {
  display: none;
}
.project-hp .grid-item:nth-child(1), .project-hp .grid-item:nth-child(2) {
  display: block;
}
@media screen and (min-width: 768px) {
  .project-hp .grid-item {
    display: block;
  }
}

#conferenze {
  color: #56636b;
}
#conferenze img, #conferenze .col-1-2 {
  margin-bottom: 1em;
}

.image-two-block h3, .image-two-block h4, #conferenze h3, #conferenze h4 {
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
}
.image-two-block p, #conferenze p {
  font-family: "Roboto Slab", serif;
  opacity: 0.7;
  font-weight: 300;
}

.block-bianco .widget {
  background: transparent;
  border: none;
}

.swiper-container .swiper-slide {
  text-align: center;
}
.swiper-container .swiper-slide img {
  width: 100%;
}

#bottom-overlayer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #e7ab00;
  z-index: 9999;
  padding: 10px;
  text-align: right;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
#bottom-overlayer .content-overlayer {
  width: calc(91.66667% - 38.33333px);
  float: left;
  margin-left: 20px;
}
#bottom-overlayer .content-overlayer p {
  font-family: "Roboto Slab", serif;
  color: #fff;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
}
@media screen and (min-width: 480px) {
  #bottom-overlayer .content-overlayer p {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
  }
}
@media screen and (min-width: 1024px) {
  #bottom-overlayer .content-overlayer p {
    line-height: 30px;
  }
}
#bottom-overlayer .content-overlayer .scopri {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin: 10px 0 0;
}
@media screen and (min-width: 480px) {
  #bottom-overlayer .content-overlayer .scopri {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    margin: 0;
  }
}
#bottom-overlayer .content-overlayer a {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  color: #fff;
  background-color: #007ea4;
  padding: 0.3em 0.8em;
  text-align: center;
  border-radius: 4px;
  text-transform: uppercase;
  display: block;
}
#bottom-overlayer .content-overlayer a:hover {
  background-color: #56636b;
}
#bottom-overlayer .chiudi {
  width: calc(8.33333% - 21.66667px);
  float: left;
  margin-left: 20px;
}
#bottom-overlayer .chiudi img {
  max-width: 30px;
}
#bottom-overlayer .chiudi:hover {
  opacity: 0.8;
}

.global-overlay-banner {
  position: fixed;
  bottom: 20px;
  right: 10%;
  width: 80%;
  z-index: 9999;
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.5);
  border: 1px solid #0082aa;
  display: none;
}
@media screen and (min-width: 480px) {
  .global-overlay-banner {
    right: 20px;
    max-width: 600px;
  }
}
.global-overlay-banner.show {
  display: block;
}
.global-overlay-banner .banner-container {
  position: relative;
}
.global-overlay-banner .banner-container .chiudi-global-banner {
  position: absolute;
  right: 10px;
  top: 5px;
  text-decoration: none;
  transform: rotate(45deg);
  font-size: 24px;
  color: white;
  background-color: #0082aa;
  border-radius: 100px;
  line-height: 24px;
  height: 24px;
  width: 24px;
  text-align: center;
  box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.5);
}

.overlayer-text-plus {
  display: block;
  margin-top: -200px;
  height: 200px;
  width: 100%;
  z-index: 99;
  position: absolute;
  background: white;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.79596) 60%, #ffffff 100%);
}

.fuv-plus-container {
  background-color: rgba(0, 0, 0, 0.06);
  padding: 2em;
}
.fuv-plus-container h2 {
  font-weight: 700 !important;
  line-height: 1.2em;
}
.fuv-plus-container h2 i {
  font-style: italic;
}
.fuv-plus-container h3 {
  font-size: 18px;
  font-family: "Roboto Condensed", sans-serif;
  margin-bottom: 0.3em;
}
.fuv-plus-container hr {
  border: none;
  border-top: 1px solid #0082aa;
}
.fuv-plus-container ul {
  list-style: none !important;
}
.fuv-plus-container ul li {
  color: #0082aa;
  font-size: 18px !important;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}
.fuv-plus-container ul li:before {
  content: "✓";
  margin-right: 0.5em;
}
.fuv-plus-container section {
  background: none !important;
}
.fuv-plus-container .new-login {
  width: 100%;
  margin-bottom: 0;
}
.fuv-plus-container .new-login .mid-block {
  width: 100%;
  padding: 0;
  margin: 0;
}
.fuv-plus-container .new-login .form-riga {
  padding: 0;
}
.fuv-plus-container .new-login input {
  box-sizing: border-box;
}
.fuv-plus-container .form-utente .title {
  width: 100%;
  display: none;
}
.fuv-plus-container .form-utente .registrati-container {
  padding: 0;
  background: none;
}
.fuv-plus-container .form-utente .registrati-container .field-fuvuser-privacy {
  line-height: 1em;
  margin: 10px 0;
}
.fuv-plus-container .form-utente .registrati-container .field-fuvuser-privacy label {
  font-size: 14px;
}
.fuv-plus-container .form-utente button {
  display: block;
  margin: 1em auto;
}
.fuv-plus-container .cta-plus-accedi {
  text-align: center;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
}
.fuv-plus-container .cta-plus-accedi a {
  text-decoration: underline !important;
}

.plus-popup {
  width: 20px;
  height: 20px;
}
.plus-popup .plus-sign {
  position: relative;
  z-index: 10;
  display: block;
}
.plus-popup .plus-sign img {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.plus-popup .plus-sign .plus-message {
  background-color: #0082aa;
  color: white;
  padding: 3px 4px 1px;
  width: auto;
  white-space: nowrap;
  text-align: center;
  position: absolute;
  left: 13px;
  bottom: 16px;
  border: 1px solid white;
  z-index: 9;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 11px;
  box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.4);
  text-decoration: none !important;
  pointer-events: none;
  opacity: 0;
}
.plus-popup .plus-sign:hover .plus-message {
  opacity: 1;
}

.plus-side-info {
  background-color: #e2f1f6;
  padding: 16px 20px;
  clear: both;
  margin-bottom: 30px;
}
.plus-side-info h2, .plus-side-info h3, .plus-side-info h4, .plus-side-info h5, .plus-side-info p {
  color: #0082aa;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2em;
  font-family: "Roboto Condensed", sans-serif;
  padding: 0 !important;
}

.plus-popup-container {
  position: relative;
  overflow: visible;
}
.plus-popup-container .plus-popup {
  position: absolute;
}
.plus-popup-container .plus-popup.p-x-center {
  left: calc(50% - 10px);
}
.plus-popup-container .plus-popup.p-x-left {
  left: 0;
}
.plus-popup-container .plus-popup.p-x-right {
  right: 0;
}
.plus-popup-container .plus-popup.p-y-center {
  top: calc(50% - 10px);
}
.plus-popup-container .plus-popup.p-ico-tool {
  top: calc(50% + 3px);
  left: calc(50% + 8px);
}

.tool-salute .plus-popup-container {
  opacity: 1 !important;
}
.tool-salute .plus-popup-container .plus-popup.p-ico-tool {
  top: 30px;
  left: calc(50% + 15px);
}

aside {
  overflow: visible;
}
aside .plus-popup .plus-sign .plus-message {
  bottom: 14px;
  left: -74px;
  width: 82px;
  white-space: break-spaces;
}

.plus-popup-tag {
  display: flex;
  margin: 10px auto;
  align-items: center;
  justify-content: center;
}
.plus-popup-tag img {
  margin: 0 5px 0 !important;
}
.plus-popup-tag .plus-message {
  background-color: #0082aa;
  color: white;
  padding: 3px 4px 1px;
  width: auto;
  white-space: nowrap;
  text-align: center;
  border: 1px solid white;
  z-index: 9;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 11px;
  text-decoration: none !important;
  pointer-events: none;
}

.articolo article span {
  text-transform: initial;
  position: relative;
  border: none;
  font-size: 1em;
  bottom: auto;
  left: auto;
}
.articolo article p {
  max-height: none;
}
.articolo .widget span {
  color: #56636b;
  position: absolute;
  bottom: 0.7em;
  left: 0.7em;
  border-top: 1px dotted #56636b;
  font-size: 0.7em;
  text-transform: uppercase;
  line-height: 1.4em;
}

#map img {
  max-height: none;
}
#map span {
  border: none;
  position: relative;
  line-height: 1em;
  bottom: auto;
  left: auto;
  text-transform: initial;
}