@charset "UTF-8";
/**
 * modified version of eric meyer's reset 2.0
 * http://meyerweb.com/eric/tools/css/reset/
 */
/**
 * basic reset
 */
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, main,
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, menu, nav, section,
main, summary {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

/* typography measures */
/* text sizes */
/* radiuses */
/* icons */
/* animation stuff */
/* block sizes */
/* forms */
/*
 * compass compatibility
 */
/*
 * colors
 */
/* brand colors */
/* overlays */
/* forms */
/* block backgrounds */
/* borders */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.container, .embedded-form h3, #user-login {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.container.with-content, .hero .container.content, .hero .embedded-form h3.content, .embedded-form .hero h3.content, .field-group h3.container, .field-group .embedded-form h3, .embedded-form .field-group h3, .embedded-form h3.with-content, .embedded-form .view-mode-carousel h3.content, .view-mode-carousel .embedded-form h3.content, .embedded-form .carousel article h3.content, .carousel article .embedded-form h3.content, .view-mode-carousel .container.content, .carousel article .container.content, #user-login {
  padding-left: 20px;
  padding-right: 20px;
}

.with-content, .hero .content, .field-group h3, .view-mode-carousel .content, .carousel article .content, #user-login {
  padding-left: 20px;
  padding-right: 20px;
}

.collapse .col, .fields-box.collapse-fields .row .col {
  padding-left: 0;
  padding-right: 0;
}

.row {
  width: 100%;
  display: table;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

.row.collapse .col, .fields-box.collapse-fields .row .col {
  padding-left: 0;
  padding-right: 0;
}

.row.no-margin > [class^="col"]:first-child {
  padding-left: 0;
}

.row.no-margin > [class^="col"]:last-child {
  padding-right: 0;
}

.col-1 {
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  width: 8.33333%;
  vertical-align: top;
}

.row.collapse .col-1, .fields-box.collapse-fields .row .col-1 {
  padding-left: 0;
  padding-right: 0;
}

.col-2 {
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  width: 16.66667%;
  vertical-align: top;
}

.row.collapse .col-2, .fields-box.collapse-fields .row .col-2 {
  padding-left: 0;
  padding-right: 0;
}

.col-3 {
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  width: 25%;
  vertical-align: top;
}

.row.collapse .col-3, .fields-box.collapse-fields .row .col-3 {
  padding-left: 0;
  padding-right: 0;
}

.col-4 {
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  width: 33.33333%;
  vertical-align: top;
}

.row.collapse .col-4, .fields-box.collapse-fields .row .col-4 {
  padding-left: 0;
  padding-right: 0;
}

.col-5 {
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  width: 41.66667%;
  vertical-align: top;
}

.row.collapse .col-5, .fields-box.collapse-fields .row .col-5 {
  padding-left: 0;
  padding-right: 0;
}

.col-6 {
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  width: 50%;
  vertical-align: top;
}

.row.collapse .col-6, .fields-box.collapse-fields .row .col-6 {
  padding-left: 0;
  padding-right: 0;
}

.col-7 {
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  width: 58.33333%;
  vertical-align: top;
}

.row.collapse .col-7, .fields-box.collapse-fields .row .col-7 {
  padding-left: 0;
  padding-right: 0;
}

.col-8 {
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  width: 66.66667%;
  vertical-align: top;
}

.row.collapse .col-8, .fields-box.collapse-fields .row .col-8 {
  padding-left: 0;
  padding-right: 0;
}

.col-9 {
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  width: 75%;
  vertical-align: top;
}

.row.collapse .col-9, .fields-box.collapse-fields .row .col-9 {
  padding-left: 0;
  padding-right: 0;
}

.col-10 {
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  width: 83.33333%;
  vertical-align: top;
}

.row.collapse .col-10, .fields-box.collapse-fields .row .col-10 {
  padding-left: 0;
  padding-right: 0;
}

.col-11 {
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  width: 91.66667%;
  vertical-align: top;
}

.row.collapse .col-11, .fields-box.collapse-fields .row .col-11 {
  padding-left: 0;
  padding-right: 0;
}

.col-12 {
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  vertical-align: top;
}

.row.collapse .col-12, .fields-box.collapse-fields .row .col-12 {
  padding-left: 0;
  padding-right: 0;
}

/* push and pull, desktop only */
@media only screen and (min-width: 768px) {
  .push-1 {
    position: relative;
    left: 8.33333%;
  }
  .pull-1 {
    position: relative;
    left: -8.33333%;
  }
  .push-2 {
    position: relative;
    left: 16.66667%;
  }
  .pull-2 {
    position: relative;
    left: -16.66667%;
  }
  .push-3 {
    position: relative;
    left: 25%;
  }
  .pull-3 {
    position: relative;
    left: -25%;
  }
  .push-4 {
    position: relative;
    left: 33.33333%;
  }
  .pull-4 {
    position: relative;
    left: -33.33333%;
  }
  .push-5 {
    position: relative;
    left: 41.66667%;
  }
  .pull-5 {
    position: relative;
    left: -41.66667%;
  }
  .push-6 {
    position: relative;
    left: 50%;
  }
  .pull-6 {
    position: relative;
    left: -50%;
  }
  .push-7 {
    position: relative;
    left: 58.33333%;
  }
  .pull-7 {
    position: relative;
    left: -58.33333%;
  }
  .push-8 {
    position: relative;
    left: 66.66667%;
  }
  .pull-8 {
    position: relative;
    left: -66.66667%;
  }
  .push-9 {
    position: relative;
    left: 75%;
  }
  .pull-9 {
    position: relative;
    left: -75%;
  }
  .push-10 {
    position: relative;
    left: 83.33333%;
  }
  .pull-10 {
    position: relative;
    left: -83.33333%;
  }
  .push-11 {
    position: relative;
    left: 91.66667%;
  }
  .pull-11 {
    position: relative;
    left: -91.66667%;
  }
  .push-12 {
    position: relative;
    left: 100%;
  }
  .pull-12 {
    position: relative;
    left: -100%;
  }
}

.row.border > *[class*="col"] {
  border: 1px solid #222221;
}

.row.vcenter {
  vertical-align: middle;
}

.row.vcenter > *[class*="col"] {
  vertical-align: middle;
}

.row.vbottom {
  vertical-align: bottom;
}

.row.vbottom > *[class*="col"] {
  vertical-align: bottom;
}

.row.auto {
  width: 100%;
  table-layout: auto;
}

.row.flexible {
  width: auto;
  table-layout: auto;
}

.col {
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
}

.col.center {
  text-align: center;
}

.vcenter {
  vertical-align: middle;
}

.col-full {
  padding-left: 20px;
  padding-right: 20px;
}

.twoInARow {
  float: left;
  width: 50%;
}

.aleft {
  text-align: left;
}

.aright {
  text-align: right;
}

.acenter {
  text-align: center;
}

.n-up, .taxonomy-temi-full-list.compact ul, .taxonomy-regioni-full-list {
  padding: 0;
  margin-left: -20px;
  margin-right: -20px;
}

.n-up:after, .taxonomy-temi-full-list.compact ul:after, .taxonomy-regioni-full-list:after {
  content: "";
  display: table;
  clear: both;
}

.n-up > li, .taxonomy-temi-full-list.compact ul > li, .taxonomy-regioni-full-list > li {
  width: 33.3%;
  display: block;
  float: left;
  margin-bottom: 20px;
  vertical-align: top;
  padding-left: 20px;
  padding-right: 20px;
}

.n-up.single-short-row, .taxonomy-temi-full-list.compact ul.single-short-row, .single-short-row.taxonomy-regioni-full-list {
  text-align: center;
}

.n-up.single-short-row > li, .taxonomy-temi-full-list.compact ul.single-short-row > li, .single-short-row.taxonomy-regioni-full-list > li {
  display: inline-block;
  text-align: left;
  float: none;
}

.n-up.auto-width, .taxonomy-temi-full-list.compact ul.auto-width, .auto-width.taxonomy-regioni-full-list {
  display: table;
  table-layout: fixed;
  margin: 0 auto;
}

.n-up.auto-width > li, .taxonomy-temi-full-list.compact ul.auto-width > li, .auto-width.taxonomy-regioni-full-list > li {
  display: table-cell;
  width: auto;
  float: none;
  margin-bottom: 0;
}

.up-1 > li {
  width: 100%;
}

.up-1 > li:nth-child(1n+1) {
  clear: left;
}

.up-2 > li, .taxonomy-temi-full-list.compact ul > li {
  width: 50%;
}

.up-2 > li:nth-child(2n+1), .taxonomy-temi-full-list.compact ul > li:nth-child(2n+1) {
  clear: left;
}

.up-3 > li {
  width: 33.33333%;
}

.up-3 > li:nth-child(3n+1) {
  clear: left;
}

.up-4 > li {
  width: 25%;
}

.up-4 > li:nth-child(4n+1) {
  clear: left;
}

.up-5 > li, .taxonomy-regioni-full-list > li {
  width: 20%;
}

.up-5 > li:nth-child(5n+1), .taxonomy-regioni-full-list > li:nth-child(5n+1) {
  clear: left;
}

.up-6 > li {
  width: 16.66667%;
}

.up-6 > li:nth-child(6n+1) {
  clear: left;
}

.up-7 > li {
  width: 14.28571%;
}

.up-7 > li:nth-child(7n+1) {
  clear: left;
}

.up-8 > li {
  width: 12.5%;
}

.up-8 > li:nth-child(8n+1) {
  clear: left;
}

.up-9 > li {
  width: 11.11111%;
}

.up-9 > li:nth-child(9n+1) {
  clear: left;
}

.up-10 > li {
  width: 10%;
}

.up-10 > li:nth-child(10n+1) {
  clear: left;
}

.up-11 > li {
  width: 9.09091%;
}

.up-11 > li:nth-child(11n+1) {
  clear: left;
}

.up-12 > li {
  width: 8.33333%;
}

.up-12 > li:nth-child(12n+1) {
  clear: left;
}

/**
 *
FOR REFERENCE

.col-1 {
  width: 8.333333%;
  display: table-cell;
}

.col-2 {
  width: 16.666667%;
display: table-cell;
}

.col-3 {
  width: 25%;
  display: table-cell;
}

.col-4 {
  width: 33.333333%;
  display: table-cell;
}

.col-5 {
  width: 41.666667%;
  display: table-cell;
}

.col-6 {
  width: 50%;
  display: table-cell;
}

.col-7 {
  width: 58.333333%;
  display: table-cell;
}

.col-8 {
  width: 66.666667%;
  display: table-cell;
}

.col-9 {
  width: 75%;
  display: table-cell;
}

.col-10 {
  width: 83.333333%;
  display: table-cell;
}

.col-11 {
  width: 91.666667%;
  display: table-cell;
}

.col-12 {
  width: 100%;
  display: table-cell;
}

*/
@media only screen and (max-width: 767px) {
  .row {
    display: block;
    width: 100%;
  }
  .col {
    display: block;
    width: 100%;
  }
  .col-1 {
    display: block;
    width: 100%;
  }
  .col-2 {
    display: block;
    width: 100%;
  }
  .col-3 {
    display: block;
    width: 100%;
  }
  .col-4 {
    display: block;
    width: 100%;
  }
  .col-5 {
    display: block;
    width: 100%;
  }
  .col-6 {
    display: block;
    width: 100%;
  }
  .col-7 {
    display: block;
    width: 100%;
  }
  .col-8 {
    display: block;
    width: 100%;
  }
  .col-9 {
    display: block;
    width: 100%;
  }
  .col-10 {
    display: block;
    width: 100%;
  }
  .col-11 {
    display: block;
    width: 100%;
  }
  .col-12 {
    display: block;
    width: 100%;
  }
  .mob-1 {
    width: 8.33333%;
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
  }
  .mob-2 {
    width: 16.66667%;
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
  }
  .mob-3 {
    width: 25%;
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
  }
  .mob-4 {
    width: 33.33333%;
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
  }
  .mob-5 {
    width: 41.66667%;
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
  }
  .mob-6 {
    width: 50%;
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
  }
  .mob-7 {
    width: 58.33333%;
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
  }
  .mob-8 {
    width: 66.66667%;
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
  }
  .mob-9 {
    width: 75%;
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
  }
  .mob-10 {
    width: 83.33333%;
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
  }
  .mob-11 {
    width: 91.66667%;
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
  }
  .mob-12 {
    width: 100%;
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
  }
  .n-up > li, .taxonomy-temi-full-list.compact ul > li, .taxonomy-regioni-full-list > li, .n-up.auto-width > li, .taxonomy-temi-full-list.compact ul.auto-width > li, .auto-width.taxonomy-regioni-full-list > li {
    display: block;
    width: 100%;
    float: none;
  }
  .twoInARow {
    width: 100%;
  }
  .col-6 + .col-6 {
    margin-top: 40px;
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

.iconFont {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* sizes */
/* glyphs */
.iconArrowRight, .breadcrumbs li:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\eddb";
}

.iconArrowDown, h2.hanging:after, .cost-examples-free-amount:before, .node-type-webform-template .field-header .text-container:after, .node-type-webform-template .field-header .legal:after, .node-type-webform-template .field-header .hero-sticker-intro .hero-description-element:after, .hero-sticker-intro .node-type-webform-template .field-header .hero-description-element:after, .node-type-webform-template .field-header .taxonomy-tema-full-page .tema-header .hero-description-element:after, .taxonomy-tema-full-page .tema-header .node-type-webform-template .field-header .hero-description-element:after, .node-type-webform-template .field-header .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element:after, .taxonomy-tags-blog-full-page .tags-blog-header .node-type-webform-template .field-header .hero-description-element:after,
.node-type-webform-template .field-header .hero-sticker-intro .taxonomy-term-description:after, .hero-sticker-intro .node-type-webform-template .field-header .taxonomy-term-description:after,
.node-type-webform-template .field-header .taxonomy-tema-full-page .tema-header .taxonomy-term-description:after, .taxonomy-tema-full-page .tema-header .node-type-webform-template .field-header .taxonomy-term-description:after,
.node-type-webform-template .field-header .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description:after, .taxonomy-tags-blog-full-page .tags-blog-header .node-type-webform-template .field-header .taxonomy-term-description:after, .node-type-webform-template .field-header .lead-form-wrapper .webform-confirmation:after, .lead-form-wrapper .node-type-webform-template .field-header .webform-confirmation:after, .node-type-webform-template .field-header .form-donazione-generale-sidebar .entity-paragraphs-item:after, .form-donazione-generale-sidebar .node-type-webform-template .field-header .entity-paragraphs-item:after, .node-type-webform-template .field-header .field-sms-modal-content .wrapper-sms-intro:after, .field-sms-modal-content .node-type-webform-template .field-header .wrapper-sms-intro:after, .node-type-webform-template .field-header .taxonomy-regione-full-page .taxonomy-term-description:after, .taxonomy-regione-full-page .node-type-webform-template .field-header .taxonomy-term-description:after, #cinquePerMilleCalculator .calculator-inputs:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\eddd";
}

.iconArrowUp, .vertical-navbar .scroll-top:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\edd9";
}

.iconExpand, .expander:before, .administrative-links .toggle:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\edbd";
}

/* brand icons */
.iconDiritti:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e914";
}

.iconEducazione:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e915";
}

.iconPoverta:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e916";
}

.iconProtezione:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e917";
}

.iconSaluteNutrizione:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e918";
}

.iconEuro, .metadata-wrapper li.field-budget:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e910";
}

.iconDurata, .metadata-wrapper li.field-durata:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90f";
}

.iconProgetti, .metadata-wrapper li.field-numero-progetti:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90e";
}

.iconBeneficiari, .metadata-wrapper li.field-numero-beneficiari:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90d";
}

.iconOrganicLine {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e913";
}

.iconEmail, .field-with-icon.field-icon-email:before, .icon-sst-email:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea31";
}

.iconUser, .field-with-icon.field-icon-user:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\eafd";
}

.iconPeopleGroup, .field-with-icon.field-icon-people-group:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ecfa";
}

.iconBirthday {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\eb99";
}

.iconCalendar, .field-with-icon.field-icon-birthdate:before, .node-instant-article.view-mode-full time:before,
.node-blog-post.view-mode-full time:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea5f";
}

.iconGender, .field-with-icon.field-icon-gender:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ecfa";
}

.iconLocation, .field-with-icon.field-icon-location:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea3d";
}

.iconMobile, .field-with-icon.field-icon-mobile:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea75";
}

.iconPhone {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea1d";
}

.iconInfo, .info-box h3:before, .field-with-icon.field-icon-info:before, form .field-container .show-description:before, .field-payment-method em:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ed60";
}

.iconSearch, .page-header .search i:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\eb33";
}

.iconCode, .field-with-icon.field-icon-code:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9f6";
}

.iconCreditCard, .field-with-icon.field-icon-credit-card:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea15";
}

.iconClose, .field-sms-modal-content .close-anchor:before, .page-5xmille #colorbox button#cboxClose:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ed63";
}

.iconCity, .field-with-icon.field-icon-city:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91b";
}

.iconFile, .field-with-icon.field-icon-file:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9ad";
}

.iconClock, .field-with-icon.field-icon-clock:before, .node-instant-article.view-mode-full .reading-time:before,
.node-blog-post.view-mode-full .reading-time:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea4f";
}

.iconQuestion, .field-with-icon.field-icon-question:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ed55";
}

.iconEarth, .field-with-icon.field-icon-globe:before, .field-with-icon.field-icon-earth:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ec93";
}

.iconExternalLink, a.external:not([class~='action']):after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\eec6";
}

.iconChecked, .cost-examples li:hover:before, .cost-examples li.selected:before, .as-cost-examples .form-radios input:checked + label:before, .no-touch .as-cost-examples .form-radios label:hover:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ed6e";
}

.iconGraduate, .field-with-icon.field-icon-graduate:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e912";
}

.iconFacebook, .icon-sst-facebook:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91c";
}

.iconTwitter, .icon-sst-twitter:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\eeed";
}

.iconWhatsapp, .icon-sst-whatsapp:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e919";
}

.iconKey {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91d";
}

.iconLock, .captcha .form-item-captcha-response label:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91e";
}

.iconTag, .view-mode-teaser .metadata-fields .tags li a:before, .node-instant-article.view-mode-full .tags a:before,
.node-blog-post.view-mode-full .tags a:before, .node-instant-article.view-mode-teaser .bottom .tags a:before,
.node-blog-post.view-mode-teaser .bottom .tags a:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91f";
}

/* bitmap icons */
.regionIcon, i.nord-africa-medio-oriente, i.america-latina, i.asia-pacifico, i.europa, i.africa-subsahariana, i.italia {
  display: block;
  background-size: contain;
  height: 100px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: block;
}

i.nord-africa-medio-oriente {
  background-image: url("../img/regioni/nord-africa-medio-oriente.png");
}

i.america-latina {
  background-image: url("../img/regioni/america-latina.png");
}

i.asia-pacifico {
  background-image: url("../img/regioni/sud-est-asia.png");
}

i.europa {
  background-image: url("../img/regioni/europa.png");
}

i.africa-subsahariana {
  background-image: url("../img/regioni/africa-subsahariana.png");
}

i.italia {
  background-image: url("../img/regioni/italia.png");
}

/* oswald-500 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url("fonts/oswald-v41-latin-500.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/oswald-v41-latin-500.eot?#iefix") format("embedded-opentype"), url("fonts/oswald-v41-latin-500.woff2") format("woff2"), url("fonts/oswald-v41-latin-500.woff") format("woff"), url("fonts/oswald-v41-latin-500.ttf") format("truetype"), url("fonts/oswald-v41-latin-500.svg#Oswald") format("svg");
  /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/lato-v22-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/lato-v22-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/lato-v22-latin-regular.woff2") format("woff2"), url("fonts/lato-v22-latin-regular.woff") format("woff"), url("fonts/lato-v22-latin-regular.ttf") format("truetype"), url("fonts/lato-v22-latin-regular.svg#Lato") format("svg");
  /* Legacy iOS */
}

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url("fonts/lato-v22-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/lato-v22-latin-italic.eot?#iefix") format("embedded-opentype"), url("fonts/lato-v22-latin-italic.woff2") format("woff2"), url("fonts/lato-v22-latin-italic.woff") format("woff"), url("fonts/lato-v22-latin-italic.ttf") format("truetype"), url("fonts/lato-v22-latin-italic.svg#Lato") format("svg");
  /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url("fonts/lato-v22-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/lato-v22-latin-700.eot?#iefix") format("embedded-opentype"), url("fonts/lato-v22-latin-700.woff2") format("woff2"), url("fonts/lato-v22-latin-700.woff") format("woff"), url("fonts/lato-v22-latin-700.ttf") format("truetype"), url("fonts/lato-v22-latin-700.svg#Lato") format("svg");
  /* Legacy iOS */
}

/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url("fonts/lato-v22-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/lato-v22-latin-700italic.eot?#iefix") format("embedded-opentype"), url("fonts/lato-v22-latin-700italic.woff2") format("woff2"), url("fonts/lato-v22-latin-700italic.woff") format("woff"), url("fonts/lato-v22-latin-700italic.ttf") format("truetype"), url("fonts/lato-v22-latin-700italic.svg#Lato") format("svg");
  /* Legacy iOS */
}

.huge-text {
  font-size: 1.8rem;
  color: #4A4F53;
  color: #222221;
  line-height: 1.2;
}

.filled .huge-text, .taxonomy-regione-paesi-horizontal-list .huge-text, .body-sidebar-container .sidebar .google-map .huge-text, .map-canvas-wrapper .huge-text {
  color: #222221;
}

.big-text, .hero-sticker-intro .hero-description-element, .taxonomy-tema-full-page .tema-header .hero-description-element, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element,
.hero-sticker-intro .taxonomy-term-description,
.taxonomy-tema-full-page .tema-header .taxonomy-term-description,
.taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description, .tipo-donazione .other-w strong, .tipo-donazione .other-w input, .taxonomy-regione-full-page .taxonomy-term-description, .page-node.node-type-page .field-body, .page-node.node-type-emergenza .field-body, .narrow-title .field-body {
  font-size: 1.2rem;
  color: #555;
  color: #222221;
}

.filled .big-text, .taxonomy-regione-paesi-horizontal-list .big-text, .body-sidebar-container .sidebar .google-map .big-text, .map-canvas-wrapper .big-text, .filled .hero-sticker-intro .hero-description-element, .hero-sticker-intro .filled .hero-description-element, .taxonomy-regione-paesi-horizontal-list .hero-sticker-intro .hero-description-element, .hero-sticker-intro .taxonomy-regione-paesi-horizontal-list .hero-description-element, .body-sidebar-container .sidebar .google-map .hero-sticker-intro .hero-description-element, .hero-sticker-intro .body-sidebar-container .sidebar .google-map .hero-description-element, .map-canvas-wrapper .hero-sticker-intro .hero-description-element, .hero-sticker-intro .map-canvas-wrapper .hero-description-element, .filled .taxonomy-tema-full-page .tema-header .hero-description-element, .taxonomy-tema-full-page .tema-header .filled .hero-description-element, .taxonomy-regione-paesi-horizontal-list .taxonomy-tema-full-page .tema-header .hero-description-element, .taxonomy-tema-full-page .tema-header .taxonomy-regione-paesi-horizontal-list .hero-description-element, .body-sidebar-container .sidebar .google-map .taxonomy-tema-full-page .tema-header .hero-description-element, .taxonomy-tema-full-page .tema-header .body-sidebar-container .sidebar .google-map .hero-description-element, .map-canvas-wrapper .taxonomy-tema-full-page .tema-header .hero-description-element, .taxonomy-tema-full-page .tema-header .map-canvas-wrapper .hero-description-element, .filled .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element, .taxonomy-tags-blog-full-page .tags-blog-header .filled .hero-description-element, .taxonomy-regione-paesi-horizontal-list .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-regione-paesi-horizontal-list .hero-description-element, .body-sidebar-container .sidebar .google-map .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element, .taxonomy-tags-blog-full-page .tags-blog-header .body-sidebar-container .sidebar .google-map .hero-description-element, .map-canvas-wrapper .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element, .taxonomy-tags-blog-full-page .tags-blog-header .map-canvas-wrapper .hero-description-element,
.filled .hero-sticker-intro .taxonomy-term-description, .hero-sticker-intro .filled .taxonomy-term-description,
.taxonomy-regione-paesi-horizontal-list .hero-sticker-intro .taxonomy-term-description, .hero-sticker-intro .taxonomy-regione-paesi-horizontal-list .taxonomy-term-description,
.body-sidebar-container .sidebar .google-map .hero-sticker-intro .taxonomy-term-description, .hero-sticker-intro .body-sidebar-container .sidebar .google-map .taxonomy-term-description,
.map-canvas-wrapper .hero-sticker-intro .taxonomy-term-description, .hero-sticker-intro .map-canvas-wrapper .taxonomy-term-description,
.filled .taxonomy-tema-full-page .tema-header .taxonomy-term-description, .taxonomy-tema-full-page .tema-header .filled .taxonomy-term-description,
.taxonomy-regione-paesi-horizontal-list .taxonomy-tema-full-page .tema-header .taxonomy-term-description, .taxonomy-tema-full-page .tema-header .taxonomy-regione-paesi-horizontal-list .taxonomy-term-description,
.body-sidebar-container .sidebar .google-map .taxonomy-tema-full-page .tema-header .taxonomy-term-description, .taxonomy-tema-full-page .tema-header .body-sidebar-container .sidebar .google-map .taxonomy-term-description,
.map-canvas-wrapper .taxonomy-tema-full-page .tema-header .taxonomy-term-description, .taxonomy-tema-full-page .tema-header .map-canvas-wrapper .taxonomy-term-description,
.filled .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description, .taxonomy-tags-blog-full-page .tags-blog-header .filled .taxonomy-term-description,
.taxonomy-regione-paesi-horizontal-list .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-regione-paesi-horizontal-list .taxonomy-term-description,
.body-sidebar-container .sidebar .google-map .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description, .taxonomy-tags-blog-full-page .tags-blog-header .body-sidebar-container .sidebar .google-map .taxonomy-term-description,
.map-canvas-wrapper .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description, .taxonomy-tags-blog-full-page .tags-blog-header .map-canvas-wrapper .taxonomy-term-description, .filled .tipo-donazione .other-w strong, .tipo-donazione .other-w .filled strong, .taxonomy-regione-paesi-horizontal-list .tipo-donazione .other-w strong, .tipo-donazione .other-w .taxonomy-regione-paesi-horizontal-list strong, .body-sidebar-container .sidebar .google-map .tipo-donazione .other-w strong, .tipo-donazione .other-w .body-sidebar-container .sidebar .google-map strong, .map-canvas-wrapper .tipo-donazione .other-w strong, .tipo-donazione .other-w .map-canvas-wrapper strong, .filled .tipo-donazione .other-w input, .tipo-donazione .other-w .filled input, .taxonomy-regione-paesi-horizontal-list .tipo-donazione .other-w input, .tipo-donazione .other-w .taxonomy-regione-paesi-horizontal-list input, .body-sidebar-container .sidebar .google-map .tipo-donazione .other-w input, .tipo-donazione .other-w .body-sidebar-container .sidebar .google-map input, .map-canvas-wrapper .tipo-donazione .other-w input, .tipo-donazione .other-w .map-canvas-wrapper input, .filled .taxonomy-regione-full-page .taxonomy-term-description, .taxonomy-regione-full-page .filled .taxonomy-term-description, .taxonomy-regione-paesi-horizontal-list .taxonomy-regione-full-page .taxonomy-term-description, .taxonomy-regione-full-page .taxonomy-regione-paesi-horizontal-list .taxonomy-term-description, .body-sidebar-container .sidebar .google-map .taxonomy-regione-full-page .taxonomy-term-description, .taxonomy-regione-full-page .body-sidebar-container .sidebar .google-map .taxonomy-term-description, .map-canvas-wrapper .taxonomy-regione-full-page .taxonomy-term-description, .taxonomy-regione-full-page .map-canvas-wrapper .taxonomy-term-description, .filled .page-node.node-type-page .field-body, .page-node.node-type-page .filled .field-body, .taxonomy-regione-paesi-horizontal-list .page-node.node-type-page .field-body, .page-node.node-type-page .taxonomy-regione-paesi-horizontal-list .field-body, .body-sidebar-container .sidebar .google-map .page-node.node-type-page .field-body, .page-node.node-type-page .body-sidebar-container .sidebar .google-map .field-body, .map-canvas-wrapper .page-node.node-type-page .field-body, .page-node.node-type-page .map-canvas-wrapper .field-body, .filled .page-node.node-type-emergenza .field-body, .page-node.node-type-emergenza .filled .field-body, .taxonomy-regione-paesi-horizontal-list .page-node.node-type-emergenza .field-body, .page-node.node-type-emergenza .taxonomy-regione-paesi-horizontal-list .field-body, .body-sidebar-container .sidebar .google-map .page-node.node-type-emergenza .field-body, .page-node.node-type-emergenza .body-sidebar-container .sidebar .google-map .field-body, .map-canvas-wrapper .page-node.node-type-emergenza .field-body, .page-node.node-type-emergenza .map-canvas-wrapper .field-body, .filled .narrow-title .field-body, .narrow-title .filled .field-body, .taxonomy-regione-paesi-horizontal-list .narrow-title .field-body, .narrow-title .taxonomy-regione-paesi-horizontal-list .field-body, .body-sidebar-container .sidebar .google-map .narrow-title .field-body, .narrow-title .body-sidebar-container .sidebar .google-map .field-body, .map-canvas-wrapper .narrow-title .field-body, .narrow-title .map-canvas-wrapper .field-body,
.with-bg .big-text,
.with-bg .hero-sticker-intro .hero-description-element,
.hero-sticker-intro .with-bg .hero-description-element,
.with-bg .taxonomy-tema-full-page .tema-header .hero-description-element,
.taxonomy-tema-full-page .tema-header .with-bg .hero-description-element,
.with-bg .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element,
.taxonomy-tags-blog-full-page .tags-blog-header .with-bg .hero-description-element,
.with-bg .hero-sticker-intro .taxonomy-term-description,
.hero-sticker-intro .with-bg .taxonomy-term-description,
.with-bg .taxonomy-tema-full-page .tema-header .taxonomy-term-description,
.taxonomy-tema-full-page .tema-header .with-bg .taxonomy-term-description,
.with-bg .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description,
.taxonomy-tags-blog-full-page .tags-blog-header .with-bg .taxonomy-term-description,
.with-bg .tipo-donazione .other-w strong,
.tipo-donazione .other-w .with-bg strong,
.with-bg .tipo-donazione .other-w input,
.tipo-donazione .other-w .with-bg input,
.with-bg .taxonomy-regione-full-page .taxonomy-term-description,
.taxonomy-regione-full-page .with-bg .taxonomy-term-description,
.with-bg .page-node.node-type-page .field-body,
.page-node.node-type-page .with-bg .field-body,
.with-bg .page-node.node-type-emergenza .field-body,
.page-node.node-type-emergenza .with-bg .field-body,
.with-bg .narrow-title .field-body,
.narrow-title .with-bg .field-body {
  color: #222221;
}

.tiny-text, .children-menu a, .legal {
  font-size: 0.75rem;
  line-height: 1.2;
}

.normal-text {
  font-size: 1rem;
}

.hero-text, .hero-sticker-intro .hero-intro-element, .taxonomy-tema-full-page .tema-header .hero-intro-element, .taxonomy-tags-blog-full-page .tags-blog-header .hero-intro-element, .view-mode-carousel h3, .view-mode-carousel h2, .carousel article h3, .carousel article h2 {
  font-size: 2.3rem;
}

/* text-container */
.text-container, .legal, .hero-sticker-intro .hero-description-element, .taxonomy-tema-full-page .tema-header .hero-description-element, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element,
.hero-sticker-intro .taxonomy-term-description,
.taxonomy-tema-full-page .tema-header .taxonomy-term-description,
.taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description, .lead-form-wrapper .webform-confirmation, .form-donazione-generale-sidebar .entity-paragraphs-item, .field-sms-modal-content .wrapper-sms-intro, .taxonomy-regione-full-page .taxonomy-term-description {
  max-width: 35em;
  font-family: "Lato";
  font-weight: 400;
  line-height: 1.4;
  /*
   * headings
   */
}

.text-container:after, .legal:after, .hero-sticker-intro .hero-description-element:after, .taxonomy-tema-full-page .tema-header .hero-description-element:after, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element:after,
.hero-sticker-intro .taxonomy-term-description:after,
.taxonomy-tema-full-page .tema-header .taxonomy-term-description:after,
.taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description:after, .lead-form-wrapper .webform-confirmation:after, .form-donazione-generale-sidebar .entity-paragraphs-item:after, .field-sms-modal-content .wrapper-sms-intro:after, .taxonomy-regione-full-page .taxonomy-term-description:after {
  content: "";
  display: table;
  clear: both;
}

.text-container h1, .legal h1, .hero-sticker-intro .hero-description-element h1, .taxonomy-tema-full-page .tema-header .hero-description-element h1, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element h1, .hero-sticker-intro .taxonomy-term-description h1, .taxonomy-tema-full-page .tema-header .taxonomy-term-description h1, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description h1, .lead-form-wrapper .webform-confirmation h1, .form-donazione-generale-sidebar .entity-paragraphs-item h1, .field-sms-modal-content .wrapper-sms-intro h1, .taxonomy-regione-full-page .taxonomy-term-description h1 {
  font-family: 'Oswald';
  font-weight: 500;
  font-size: 3rem;
  padding-bottom: 0.5em;
}

.text-container h2, .legal h2, .hero-sticker-intro .hero-description-element h2, .taxonomy-tema-full-page .tema-header .hero-description-element h2, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element h2, .hero-sticker-intro .taxonomy-term-description h2, .taxonomy-tema-full-page .tema-header .taxonomy-term-description h2, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description h2, .lead-form-wrapper .webform-confirmation h2, .form-donazione-generale-sidebar .entity-paragraphs-item h2, .field-sms-modal-content .wrapper-sms-intro h2, .taxonomy-regione-full-page .taxonomy-term-description h2 {
  font-size: 2em;
  font-family: "Lato";
  font-weight: 700;
  font-family: 'Oswald';
  font-weight: 500;
  text-transform: uppercase;
}

.text-container h3, .legal h3, .hero-sticker-intro .hero-description-element h3, .taxonomy-tema-full-page .tema-header .hero-description-element h3, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element h3, .hero-sticker-intro .taxonomy-term-description h3, .taxonomy-tema-full-page .tema-header .taxonomy-term-description h3, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description h3, .lead-form-wrapper .webform-confirmation h3, .form-donazione-generale-sidebar .entity-paragraphs-item h3, .field-sms-modal-content .wrapper-sms-intro h3, .taxonomy-regione-full-page .taxonomy-term-description h3 {
  font-size: 1.5em;
  font-family: "Lato";
  font-weight: 700;
  font-family: 'Oswald';
  font-weight: 500;
  text-transform: uppercase;
}

.text-container h4, .legal h4, .hero-sticker-intro .hero-description-element h4, .taxonomy-tema-full-page .tema-header .hero-description-element h4, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element h4, .hero-sticker-intro .taxonomy-term-description h4, .taxonomy-tema-full-page .tema-header .taxonomy-term-description h4, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description h4, .lead-form-wrapper .webform-confirmation h4, .form-donazione-generale-sidebar .entity-paragraphs-item h4, .field-sms-modal-content .wrapper-sms-intro h4, .taxonomy-regione-full-page .taxonomy-term-description h4 {
  font-family: "Lato";
  font-weight: 700;
}

.text-container h2, .legal h2, .hero-sticker-intro .hero-description-element h2, .taxonomy-tema-full-page .tema-header .hero-description-element h2, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element h2, .hero-sticker-intro .taxonomy-term-description h2, .taxonomy-tema-full-page .tema-header .taxonomy-term-description h2, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description h2, .lead-form-wrapper .webform-confirmation h2, .form-donazione-generale-sidebar .entity-paragraphs-item h2, .field-sms-modal-content .wrapper-sms-intro h2, .taxonomy-regione-full-page .taxonomy-term-description h2, .text-container h3, .legal h3, .hero-sticker-intro .hero-description-element h3, .taxonomy-tema-full-page .tema-header .hero-description-element h3, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element h3, .hero-sticker-intro .taxonomy-term-description h3, .taxonomy-tema-full-page .tema-header .taxonomy-term-description h3, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description h3, .lead-form-wrapper .webform-confirmation h3, .form-donazione-generale-sidebar .entity-paragraphs-item h3, .field-sms-modal-content .wrapper-sms-intro h3, .taxonomy-regione-full-page .taxonomy-term-description h3, .text-container h4, .legal h4, .hero-sticker-intro .hero-description-element h4, .taxonomy-tema-full-page .tema-header .hero-description-element h4, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element h4, .hero-sticker-intro .taxonomy-term-description h4, .taxonomy-tema-full-page .tema-header .taxonomy-term-description h4, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description h4, .lead-form-wrapper .webform-confirmation h4, .form-donazione-generale-sidebar .entity-paragraphs-item h4, .field-sms-modal-content .wrapper-sms-intro h4, .taxonomy-regione-full-page .taxonomy-term-description h4 {
  line-height: 1.4;
  margin-bottom: 0.5em;
}

.text-container h2, .legal h2, .hero-sticker-intro .hero-description-element h2, .taxonomy-tema-full-page .tema-header .hero-description-element h2, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element h2, .hero-sticker-intro .taxonomy-term-description h2, .taxonomy-tema-full-page .tema-header .taxonomy-term-description h2, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description h2, .lead-form-wrapper .webform-confirmation h2, .form-donazione-generale-sidebar .entity-paragraphs-item h2, .field-sms-modal-content .wrapper-sms-intro h2, .taxonomy-regione-full-page .taxonomy-term-description h2 {
  margin-top: 1em;
}

.text-container h2:first-child, .legal h2:first-child, .hero-sticker-intro .hero-description-element h2:first-child, .taxonomy-tema-full-page .tema-header .hero-description-element h2:first-child, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element h2:first-child, .hero-sticker-intro .taxonomy-term-description h2:first-child, .taxonomy-tema-full-page .tema-header .taxonomy-term-description h2:first-child, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description h2:first-child, .lead-form-wrapper .webform-confirmation h2:first-child, .form-donazione-generale-sidebar .entity-paragraphs-item h2:first-child, .field-sms-modal-content .wrapper-sms-intro h2:first-child, .taxonomy-regione-full-page .taxonomy-term-description h2:first-child {
  margin-top: 0;
}

.text-container *.sticker, .legal *.sticker, .hero-sticker-intro .hero-description-element *.sticker, .taxonomy-tema-full-page .tema-header .hero-description-element *.sticker, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element *.sticker, .hero-sticker-intro .taxonomy-term-description *.sticker, .taxonomy-tema-full-page .tema-header .taxonomy-term-description *.sticker, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description *.sticker, .lead-form-wrapper .webform-confirmation *.sticker, .form-donazione-generale-sidebar .entity-paragraphs-item *.sticker, .field-sms-modal-content .wrapper-sms-intro *.sticker, .taxonomy-regione-full-page .taxonomy-term-description *.sticker, .text-container .view-mode-carousel h3, .view-mode-carousel .text-container h3, .legal .view-mode-carousel h3, .view-mode-carousel .legal h3, .hero-sticker-intro .hero-description-element .view-mode-carousel h3, .view-mode-carousel .hero-sticker-intro .hero-description-element h3, .taxonomy-tema-full-page .tema-header .hero-description-element .view-mode-carousel h3, .view-mode-carousel .taxonomy-tema-full-page .tema-header .hero-description-element h3, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element .view-mode-carousel h3, .view-mode-carousel .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element h3, .hero-sticker-intro .taxonomy-term-description .view-mode-carousel h3, .view-mode-carousel .hero-sticker-intro .taxonomy-term-description h3, .taxonomy-tema-full-page .tema-header .taxonomy-term-description .view-mode-carousel h3, .view-mode-carousel .taxonomy-tema-full-page .tema-header .taxonomy-term-description h3, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description .view-mode-carousel h3, .view-mode-carousel .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description h3, .lead-form-wrapper .webform-confirmation .view-mode-carousel h3, .view-mode-carousel .lead-form-wrapper .webform-confirmation h3, .form-donazione-generale-sidebar .entity-paragraphs-item .view-mode-carousel h3, .view-mode-carousel .form-donazione-generale-sidebar .entity-paragraphs-item h3, .field-sms-modal-content .wrapper-sms-intro .view-mode-carousel h3, .view-mode-carousel .field-sms-modal-content .wrapper-sms-intro h3, .taxonomy-regione-full-page .taxonomy-term-description .view-mode-carousel h3, .view-mode-carousel .taxonomy-regione-full-page .taxonomy-term-description h3, .text-container .view-mode-carousel h2, .view-mode-carousel .text-container h2, .legal .view-mode-carousel h2, .view-mode-carousel .legal h2, .hero-sticker-intro .hero-description-element .view-mode-carousel h2, .view-mode-carousel .hero-sticker-intro .hero-description-element h2, .taxonomy-tema-full-page .tema-header .hero-description-element .view-mode-carousel h2, .view-mode-carousel .taxonomy-tema-full-page .tema-header .hero-description-element h2, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element .view-mode-carousel h2, .view-mode-carousel .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element h2, .hero-sticker-intro .taxonomy-term-description .view-mode-carousel h2, .view-mode-carousel .hero-sticker-intro .taxonomy-term-description h2, .taxonomy-tema-full-page .tema-header .taxonomy-term-description .view-mode-carousel h2, .view-mode-carousel .taxonomy-tema-full-page .tema-header .taxonomy-term-description h2, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description .view-mode-carousel h2, .view-mode-carousel .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description h2, .lead-form-wrapper .webform-confirmation .view-mode-carousel h2, .view-mode-carousel .lead-form-wrapper .webform-confirmation h2, .form-donazione-generale-sidebar .entity-paragraphs-item .view-mode-carousel h2, .view-mode-carousel .form-donazione-generale-sidebar .entity-paragraphs-item h2, .field-sms-modal-content .wrapper-sms-intro .view-mode-carousel h2, .view-mode-carousel .field-sms-modal-content .wrapper-sms-intro h2, .taxonomy-regione-full-page .taxonomy-term-description .view-mode-carousel h2, .view-mode-carousel .taxonomy-regione-full-page .taxonomy-term-description h2, .text-container .carousel article h3, .carousel article .text-container h3, .legal .carousel article h3, .carousel article .legal h3, .hero-sticker-intro .hero-description-element .carousel article h3, .carousel article .hero-sticker-intro .hero-description-element h3, .taxonomy-tema-full-page .tema-header .hero-description-element .carousel article h3, .carousel article .taxonomy-tema-full-page .tema-header .hero-description-element h3, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element .carousel article h3, .carousel article .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element h3, .hero-sticker-intro .taxonomy-term-description .carousel article h3, .carousel article .hero-sticker-intro .taxonomy-term-description h3, .taxonomy-tema-full-page .tema-header .taxonomy-term-description .carousel article h3, .carousel article .taxonomy-tema-full-page .tema-header .taxonomy-term-description h3, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description .carousel article h3, .carousel article .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description h3, .lead-form-wrapper .webform-confirmation .carousel article h3, .carousel article .lead-form-wrapper .webform-confirmation h3, .form-donazione-generale-sidebar .entity-paragraphs-item .carousel article h3, .carousel article .form-donazione-generale-sidebar .entity-paragraphs-item h3, .field-sms-modal-content .wrapper-sms-intro .carousel article h3, .carousel article .field-sms-modal-content .wrapper-sms-intro h3, .taxonomy-regione-full-page .taxonomy-term-description .carousel article h3, .carousel article .taxonomy-regione-full-page .taxonomy-term-description h3, .text-container .carousel article h2, .carousel article .text-container h2, .legal .carousel article h2, .carousel article .legal h2, .hero-sticker-intro .hero-description-element .carousel article h2, .carousel article .hero-sticker-intro .hero-description-element h2, .taxonomy-tema-full-page .tema-header .hero-description-element .carousel article h2, .carousel article .taxonomy-tema-full-page .tema-header .hero-description-element h2, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element .carousel article h2, .carousel article .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element h2, .hero-sticker-intro .taxonomy-term-description .carousel article h2, .carousel article .hero-sticker-intro .taxonomy-term-description h2, .taxonomy-tema-full-page .tema-header .taxonomy-term-description .carousel article h2, .carousel article .taxonomy-tema-full-page .tema-header .taxonomy-term-description h2, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description .carousel article h2, .carousel article .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description h2, .lead-form-wrapper .webform-confirmation .carousel article h2, .carousel article .lead-form-wrapper .webform-confirmation h2, .form-donazione-generale-sidebar .entity-paragraphs-item .carousel article h2, .carousel article .form-donazione-generale-sidebar .entity-paragraphs-item h2, .field-sms-modal-content .wrapper-sms-intro .carousel article h2, .carousel article .field-sms-modal-content .wrapper-sms-intro h2, .taxonomy-regione-full-page .taxonomy-term-description .carousel article h2, .carousel article .taxonomy-regione-full-page .taxonomy-term-description h2 {
  margin-bottom: 0;
}

.text-container ul, .legal ul, .hero-sticker-intro .hero-description-element ul, .taxonomy-tema-full-page .tema-header .hero-description-element ul, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element ul, .hero-sticker-intro .taxonomy-term-description ul, .taxonomy-tema-full-page .tema-header .taxonomy-term-description ul, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description ul, .lead-form-wrapper .webform-confirmation ul, .form-donazione-generale-sidebar .entity-paragraphs-item ul, .field-sms-modal-content .wrapper-sms-intro ul, .taxonomy-regione-full-page .taxonomy-term-description ul {
  list-style: none;
}

.text-container em, .legal em, .hero-sticker-intro .hero-description-element em, .taxonomy-tema-full-page .tema-header .hero-description-element em, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element em, .hero-sticker-intro .taxonomy-term-description em, .taxonomy-tema-full-page .tema-header .taxonomy-term-description em, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description em, .lead-form-wrapper .webform-confirmation em, .form-donazione-generale-sidebar .entity-paragraphs-item em, .field-sms-modal-content .wrapper-sms-intro em, .taxonomy-regione-full-page .taxonomy-term-description em {
  font-family: "Lato";
  font-weight: 700;
  font-style: normal;
}

.text-container strong, .legal strong, .hero-sticker-intro .hero-description-element strong, .taxonomy-tema-full-page .tema-header .hero-description-element strong, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element strong, .hero-sticker-intro .taxonomy-term-description strong, .taxonomy-tema-full-page .tema-header .taxonomy-term-description strong, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description strong, .lead-form-wrapper .webform-confirmation strong, .form-donazione-generale-sidebar .entity-paragraphs-item strong, .field-sms-modal-content .wrapper-sms-intro strong, .taxonomy-regione-full-page .taxonomy-term-description strong {
  font-family: "Lato";
  font-weight: 700;
  color: #DA291C;
}

.text-container ul, .legal ul, .hero-sticker-intro .hero-description-element ul, .taxonomy-tema-full-page .tema-header .hero-description-element ul, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element ul, .hero-sticker-intro .taxonomy-term-description ul, .taxonomy-tema-full-page .tema-header .taxonomy-term-description ul, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description ul, .lead-form-wrapper .webform-confirmation ul, .form-donazione-generale-sidebar .entity-paragraphs-item ul, .field-sms-modal-content .wrapper-sms-intro ul, .taxonomy-regione-full-page .taxonomy-term-description ul,
.text-container ol,
.legal ol,
.hero-sticker-intro .hero-description-element ol,
.taxonomy-tema-full-page .tema-header .hero-description-element ol,
.taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element ol,
.hero-sticker-intro .taxonomy-term-description ol,
.taxonomy-tema-full-page .tema-header .taxonomy-term-description ol,
.taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description ol,
.lead-form-wrapper .webform-confirmation ol,
.form-donazione-generale-sidebar .entity-paragraphs-item ol,
.field-sms-modal-content .wrapper-sms-intro ol,
.taxonomy-regione-full-page .taxonomy-term-description ol,
.text-container dl,
.legal dl,
.hero-sticker-intro .hero-description-element dl,
.taxonomy-tema-full-page .tema-header .hero-description-element dl,
.taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element dl,
.hero-sticker-intro .taxonomy-term-description dl,
.taxonomy-tema-full-page .tema-header .taxonomy-term-description dl,
.taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description dl,
.lead-form-wrapper .webform-confirmation dl,
.form-donazione-generale-sidebar .entity-paragraphs-item dl,
.field-sms-modal-content .wrapper-sms-intro dl,
.taxonomy-regione-full-page .taxonomy-term-description dl {
  margin-bottom: 0.5em;
}

.text-container ul, .legal ul, .hero-sticker-intro .hero-description-element ul, .taxonomy-tema-full-page .tema-header .hero-description-element ul, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element ul, .hero-sticker-intro .taxonomy-term-description ul, .taxonomy-tema-full-page .tema-header .taxonomy-term-description ul, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description ul, .lead-form-wrapper .webform-confirmation ul, .form-donazione-generale-sidebar .entity-paragraphs-item ul, .field-sms-modal-content .wrapper-sms-intro ul, .taxonomy-regione-full-page .taxonomy-term-description ul {
  padding-left: 0;
}

.text-container ul li, .legal ul li, .hero-sticker-intro .hero-description-element ul li, .taxonomy-tema-full-page .tema-header .hero-description-element ul li, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element ul li, .hero-sticker-intro .taxonomy-term-description ul li, .taxonomy-tema-full-page .tema-header .taxonomy-term-description ul li, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description ul li, .lead-form-wrapper .webform-confirmation ul li, .form-donazione-generale-sidebar .entity-paragraphs-item ul li, .field-sms-modal-content .wrapper-sms-intro ul li, .taxonomy-regione-full-page .taxonomy-term-description ul li,
.text-container ul dt,
.legal ul dt,
.hero-sticker-intro .hero-description-element ul dt,
.taxonomy-tema-full-page .tema-header .hero-description-element ul dt,
.taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element ul dt,
.hero-sticker-intro .taxonomy-term-description ul dt,
.taxonomy-tema-full-page .tema-header .taxonomy-term-description ul dt,
.taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description ul dt,
.lead-form-wrapper .webform-confirmation ul dt,
.form-donazione-generale-sidebar .entity-paragraphs-item ul dt,
.field-sms-modal-content .wrapper-sms-intro ul dt,
.taxonomy-regione-full-page .taxonomy-term-description ul dt {
  display: block;
  margin-bottom: 0.5em;
  padding-left: 1em;
  position: relative;
}

.text-container ul li:before, .legal ul li:before, .hero-sticker-intro .hero-description-element ul li:before, .taxonomy-tema-full-page .tema-header .hero-description-element ul li:before, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element ul li:before, .hero-sticker-intro .taxonomy-term-description ul li:before, .taxonomy-tema-full-page .tema-header .taxonomy-term-description ul li:before, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description ul li:before, .lead-form-wrapper .webform-confirmation ul li:before, .form-donazione-generale-sidebar .entity-paragraphs-item ul li:before, .field-sms-modal-content .wrapper-sms-intro ul li:before, .taxonomy-regione-full-page .taxonomy-term-description ul li:before,
.text-container ul dt:before,
.legal ul dt:before,
.hero-sticker-intro .hero-description-element ul dt:before,
.taxonomy-tema-full-page .tema-header .hero-description-element ul dt:before,
.taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element ul dt:before,
.hero-sticker-intro .taxonomy-term-description ul dt:before,
.taxonomy-tema-full-page .tema-header .taxonomy-term-description ul dt:before,
.taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description ul dt:before,
.lead-form-wrapper .webform-confirmation ul dt:before,
.form-donazione-generale-sidebar .entity-paragraphs-item ul dt:before,
.field-sms-modal-content .wrapper-sms-intro ul dt:before,
.taxonomy-regione-full-page .taxonomy-term-description ul dt:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "–";
}


.text-container ol,
.legal ol,
.hero-sticker-intro .hero-description-element ol,
.taxonomy-tema-full-page .tema-header .hero-description-element ol,
.taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element ol,
.hero-sticker-intro .taxonomy-term-description ol,
.taxonomy-tema-full-page .tema-header .taxonomy-term-description ol,
.taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description ol,
.lead-form-wrapper .webform-confirmation ol,
.form-donazione-generale-sidebar .entity-paragraphs-item ol,
.field-sms-modal-content .wrapper-sms-intro ol,
.taxonomy-regione-full-page .taxonomy-term-description ol {
  list-style: decimal;
  list-style-position: inside;
}

.text-container ol li, .legal ol li, .hero-sticker-intro .hero-description-element ol li, .taxonomy-tema-full-page .tema-header .hero-description-element ol li, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element ol li, .hero-sticker-intro .taxonomy-term-description ol li, .taxonomy-tema-full-page .tema-header .taxonomy-term-description ol li, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description ol li, .lead-form-wrapper .webform-confirmation ol li, .form-donazione-generale-sidebar .entity-paragraphs-item ol li, .field-sms-modal-content .wrapper-sms-intro ol li, .taxonomy-regione-full-page .taxonomy-term-description ol li {
  margin-bottom: 0.5em;
}

.text-container dd, .legal dd, .hero-sticker-intro .hero-description-element dd, .taxonomy-tema-full-page .tema-header .hero-description-element dd, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element dd, .hero-sticker-intro .taxonomy-term-description dd, .taxonomy-tema-full-page .tema-header .taxonomy-term-description dd, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description dd, .lead-form-wrapper .webform-confirmation dd, .form-donazione-generale-sidebar .entity-paragraphs-item dd, .field-sms-modal-content .wrapper-sms-intro dd, .taxonomy-regione-full-page .taxonomy-term-description dd {
  padding-left: 1em;
  margin-bottom: 0.5em;
}

.text-container .no-bullets li, .legal .no-bullets li, .hero-sticker-intro .hero-description-element .no-bullets li, .taxonomy-tema-full-page .tema-header .hero-description-element .no-bullets li, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element .no-bullets li, .hero-sticker-intro .taxonomy-term-description .no-bullets li, .taxonomy-tema-full-page .tema-header .taxonomy-term-description .no-bullets li, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description .no-bullets li, .lead-form-wrapper .webform-confirmation .no-bullets li, .form-donazione-generale-sidebar .entity-paragraphs-item .no-bullets li, .field-sms-modal-content .wrapper-sms-intro .no-bullets li, .taxonomy-regione-full-page .taxonomy-term-description .no-bullets li,
.text-container .no-bullets dt,
.legal .no-bullets dt,
.hero-sticker-intro .hero-description-element .no-bullets dt,
.taxonomy-tema-full-page .tema-header .hero-description-element .no-bullets dt,
.taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element .no-bullets dt,
.hero-sticker-intro .taxonomy-term-description .no-bullets dt,
.taxonomy-tema-full-page .tema-header .taxonomy-term-description .no-bullets dt,
.taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description .no-bullets dt,
.lead-form-wrapper .webform-confirmation .no-bullets dt,
.form-donazione-generale-sidebar .entity-paragraphs-item .no-bullets dt,
.field-sms-modal-content .wrapper-sms-intro .no-bullets dt,
.taxonomy-regione-full-page .taxonomy-term-description .no-bullets dt,
.text-container .no-bullets dd,
.legal .no-bullets dd,
.hero-sticker-intro .hero-description-element .no-bullets dd,
.taxonomy-tema-full-page .tema-header .hero-description-element .no-bullets dd,
.taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element .no-bullets dd,
.hero-sticker-intro .taxonomy-term-description .no-bullets dd,
.taxonomy-tema-full-page .tema-header .taxonomy-term-description .no-bullets dd,
.taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description .no-bullets dd,
.lead-form-wrapper .webform-confirmation .no-bullets dd,
.form-donazione-generale-sidebar .entity-paragraphs-item .no-bullets dd,
.field-sms-modal-content .wrapper-sms-intro .no-bullets dd,
.taxonomy-regione-full-page .taxonomy-term-description .no-bullets dd {
  padding-left: 0;
}

.text-container .no-bullets li:before, .legal .no-bullets li:before, .hero-sticker-intro .hero-description-element .no-bullets li:before, .taxonomy-tema-full-page .tema-header .hero-description-element .no-bullets li:before, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element .no-bullets li:before, .hero-sticker-intro .taxonomy-term-description .no-bullets li:before, .taxonomy-tema-full-page .tema-header .taxonomy-term-description .no-bullets li:before, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description .no-bullets li:before, .lead-form-wrapper .webform-confirmation .no-bullets li:before, .form-donazione-generale-sidebar .entity-paragraphs-item .no-bullets li:before, .field-sms-modal-content .wrapper-sms-intro .no-bullets li:before, .taxonomy-regione-full-page .taxonomy-term-description .no-bullets li:before,
.text-container .no-bullets dt:before,
.legal .no-bullets dt:before,
.hero-sticker-intro .hero-description-element .no-bullets dt:before,
.taxonomy-tema-full-page .tema-header .hero-description-element .no-bullets dt:before,
.taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element .no-bullets dt:before,
.hero-sticker-intro .taxonomy-term-description .no-bullets dt:before,
.taxonomy-tema-full-page .tema-header .taxonomy-term-description .no-bullets dt:before,
.taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description .no-bullets dt:before,
.lead-form-wrapper .webform-confirmation .no-bullets dt:before,
.form-donazione-generale-sidebar .entity-paragraphs-item .no-bullets dt:before,
.field-sms-modal-content .wrapper-sms-intro .no-bullets dt:before,
.taxonomy-regione-full-page .taxonomy-term-description .no-bullets dt:before,
.text-container .no-bullets dd:before,
.legal .no-bullets dd:before,
.hero-sticker-intro .hero-description-element .no-bullets dd:before,
.taxonomy-tema-full-page .tema-header .hero-description-element .no-bullets dd:before,
.taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element .no-bullets dd:before,
.hero-sticker-intro .taxonomy-term-description .no-bullets dd:before,
.taxonomy-tema-full-page .tema-header .taxonomy-term-description .no-bullets dd:before,
.taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description .no-bullets dd:before,
.lead-form-wrapper .webform-confirmation .no-bullets dd:before,
.form-donazione-generale-sidebar .entity-paragraphs-item .no-bullets dd:before,
.field-sms-modal-content .wrapper-sms-intro .no-bullets dd:before,
.taxonomy-regione-full-page .taxonomy-term-description .no-bullets dd:before {
  content: "";
}

.text-container.last *:last-child, .last.legal *:last-child, .hero-sticker-intro .hero-description-element *:last-child, .taxonomy-tema-full-page .tema-header .hero-description-element *:last-child, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element *:last-child, .hero-sticker-intro .taxonomy-term-description *:last-child, .taxonomy-tema-full-page .tema-header .taxonomy-term-description *:last-child, .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description *:last-child, .lead-form-wrapper .last.webform-confirmation *:last-child, .form-donazione-generale-sidebar .last.entity-paragraphs-item *:last-child, .field-sms-modal-content .last.wrapper-sms-intro *:last-child, .taxonomy-regione-full-page .last.taxonomy-term-description *:last-child {
  margin-bottom: 0;
}

.text-container.align-center, .align-center.legal, .hero-sticker-intro .align-center.hero-description-element, .taxonomy-tema-full-page .tema-header .align-center.hero-description-element, .taxonomy-tags-blog-full-page .tags-blog-header .align-center.hero-description-element,
.hero-sticker-intro .align-center.taxonomy-term-description,
.taxonomy-tema-full-page .tema-header .align-center.taxonomy-term-description,
.taxonomy-tags-blog-full-page .tags-blog-header .align-center.taxonomy-term-description, .lead-form-wrapper .align-center.webform-confirmation, .form-donazione-generale-sidebar .align-center.entity-paragraphs-item, .field-sms-modal-content .align-center.wrapper-sms-intro, .taxonomy-regione-full-page .align-center.taxonomy-term-description {
  margin: 0 auto;
}

.page-header {
  position: relative;
  width: 100%;
  z-index: 2000;
  background: #FFFFFF;
  padding: 20px;
  border-top: 5px solid #DA291C;
  -webkit-box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
}

.page-header .logo-menu-wrapper {
  display: table;
  width: 100%;
}

.page-header .menus-container {
  float: right;
  position: relative;
}

.page-header .header-left,
.page-header .header-right {
  display: table-cell;
  vertical-align: bottom;
}

.page-header .header-left {
  width: 25%;
  padding-right: 20px;
  position: relative;
}

.page-header .header-left img {
  width: 400px;
}

.page-header a.home-link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../img/logo/STC_Logo_Eng_Horiz_ColPos_RGB.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom left;
  font: 0/0 serif;
  text-shadow: none;
  color: transparent;
}

.page-header .header-right {
  width: 75%;
  padding-left: 20px;
  text-align: right;
}

.page-header nav ul.menu > li {
  display: inline-block;
  position: relative;
}

.page-header nav ul.menu > li > ul {
  display: none;
  position: absolute;
  background: #FFFFFF;
  -webkit-box-shadow: 0 2px 0 0px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 0 0px rgba(0, 0, 0, 0.3);
  border: 1px solid #D1CCBD;
  z-index: 9090;
  padding-top: 10px;
}

.page-header nav ul.menu > li > ul:before {
  position: absolute;
  z-index: 1;
  top: -7px;
  left: 3px;
  border-bottom: 8px solid #FFFFFF;
  width: 0;
  height: 0;
  content: '';
  border-opposite-position(top): 8px solid #FFFFFF;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

.page-header nav ul.menu > li > ul:after {
  position: absolute;
  z-index: 0;
  top: -8px;
  left: 3px;
  width: 0;
  height: 0;
  content: '';
  border-opposite-position(top): 8px solid #D1CCBD;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #D1CCBD;
}

.page-header nav ul.menu > li > ul li {
  display: block;
}

.page-header nav ul.menu > li > ul a {
  font-size: 0.8em;
  padding: 0 10px 10px 10px !important;
  margin-right: 0;
  text-align: left;
  color: #222221;
  white-space: nowrap;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}

.page-header nav ul.menu > li > ul a:hover {
  color: #DA291C;
}

.page-header nav ul.menu > li:hover.always-expanded > ul {
  display: block;
}

.page-header nav ul.menu > li:hover.always-expanded > ul ul {
  display: none;
}

.page-header h2 {
  font-size: 13px;
  color: #555;
  display: none;
}

.page-header a,
.page-header span {
  text-decoration: none;
  display: block;
  font-size: 0.85em;
  color: #222221;
}

.page-header a.active-trail,
.page-header span.active-trail {
  font-family: "Lato";
  font-weight: 700;
}

.page-header .secondary-menu {
  padding-bottom: 10px;
}

.page-header .secondary-menu a {
  font-size: 15px;
  color: #484040;
  margin-left: 10px;
}

.page-header .search i {
  padding-left: 10px;
  font-size: 16px;
  color: #484040;
}

.page-header .search i:before {
  position: relative;
  top: 2px;
}

.page-header .search,
.page-header .secondary-menu {
  display: inline-block;
}

.page-header .primary-menu a,
.page-header .primary-menu span {
  color: #DA291C;
  margin-right: 15px;
  padding: 7px 0;
}

.page-header .primary-menu span {
  cursor: pointer;
}

.page-header .primary-menu .dona-top {
  background: #DA291C;
  color: #FFFFFF;
  padding: 7px 10px;
  margin-right: 0;
  text-transform: uppercase;
  border-radius: 5px;
}

.page-header .primary-menu .dona-top.active {
  font-family: "Lato";
  font-weight: 400;
}

.page-header .primary-menu li li:first-child > a {
  padding-left: 0;
}

.page-header .primary-menu > ul {
  float: right;
}

.page-header .primary-menu > ul ul {
  float: left;
}

.page-header .primary-menu .menu-tu {
  padding-left: 10px;
}

.page-header .primary-menu .menu-tu li:nth-last-child(2) a {
  border-right: none;
}

@-webkit-keyframes menuslide {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes menuslide {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

.fixed .page-header {
  position: fixed;
  top: 0;
  -webkit-animation: menuslide 0.5s 1;
          animation: menuslide 0.5s 1;
  border-bottom: 3px solid #DA291C;
  padding: 0 15px;
}

.fixed .page-header .secondary-menu {
  display: none;
}

.fixed .page-header .search {
  display: none;
}

.skip-to-content {
  height: 2em;
  left: 50%;
  padding: 8px;
  position: absolute;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  background: #DA291C;
  color: #FFFFFF;
}

.skip-to-content:focus {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

.page-title-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
  background: #DA291C;
  color: #FFFFFF;
  position: relative;
  z-index: 20;
}

.page-title-wrapper nav {
  display: inline-block;
}

.page-title-wrapper h1 {
  display: block;
  margin: 0 0 10px 0;
  font-size: 2.5rem;
  font-family: 'Oswald';
  font-weight: 500;
  letter-spacing: 0px;
  text-align: left;
  letter-spacing: -2px;
  color: #FFFFFF;
  line-height: 1;
}

.lower-case-h1 .page-title-wrapper h1 {
  text-transform: none;
}

.page-title-wrapper ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.children-menu {
  margin-bottom: -10px;
}

.children-menu li {
  display: inline-block;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}

.children-menu a {
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
  text-transform: uppercase;
  border: 1px solid #FFFFFF;
  padding: 5px;
}

.breadcrumbs li {
  display: inline-block;
}

.breadcrumbs li:after {
  margin: 0 0.2em 0 0.2em;
  font-size: 12px;
}

.breadcrumbs a {
  color: #FFFFFF;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
}

footer.page-footer {
  position: relative;
  padding: 40px 0;
  border-top: 5px solid #DA291C;
  background: #E9FBFF;
  background: #DA291C;
  background: #474444;
  color: #FFFFFF;
}

footer.page-footer a {
  color: #FFFFFF;
  text-decoration: none;
  border-bottom: 1px dotted #FFFFFF;
}

footer.page-footer p {
  line-height: 1.4;
}

footer.page-footer .closure {
  text-align: center;
  color: #FFFFFF;
}

footer.page-footer .closure img {
  width: 248px;
  display: inline-block;
  margin: 0 auto 15px auto;
}

footer.page-footer .closure span {
  display: none;
}

footer.page-footer .footer-contacts .col {
  padding-bottom: 20px;
}

footer.page-footer .footer-contacts h3 {
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 1em;
  letter-spacing: 1px;
  font-size: 1rem;
}

footer.page-footer .footer-contacts .contact {
  display: block;
  margin-bottom: 1em;
}

footer.page-footer .action, footer.page-footer .form-managed-file input[type="submit"], .form-managed-file footer.page-footer input[type="submit"], footer.page-footer .webform-submit, footer.page-footer .views-exposed-form input[type="submit"], .views-exposed-form footer.page-footer input[type="submit"], footer.page-footer .ui-banner.view-mode-carousel .actions a, .ui-banner.view-mode-carousel .actions footer.page-footer a {
  background: transparent;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

footer.page-footer .sub-footer {
  text-align: center;
  font-size: 0.75rem;
  color: #FFFFFF;
}

footer.page-footer .sub-footer a  {
  color: #FFFFFF;
  text-decoration: underline;
}

footer.page-footer .footer-social-links a {
  display: inline-block;
  margin-bottom: 0.5em;
}

footer.page-footer .footer-social-links a span {
  margin-right: 0.25em;
}

footer.page-footer .footer-social-links a span:before {
  font-size: 32px;
}

.vertical-navbar {
  position: fixed;
  left: 0;
  bottom: 15%;
  z-index: 9999;
}

.touch .vertical-navbar {
  display: none;
}

.vertical-navbar ul,
.vertical-navbar li {
  list-style: none;
}

.vertical-navbar ul {
  padding-left: 0;
}

.vertical-navbar li {
  padding: 0 0 0 20px;
  height: 30px;
  line-height: 30px;
  position: relative;
  display: block;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
}

.vertical-navbar li:after {
  content: "";
  display: table;
  clear: both;
}

.vertical-navbar li:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 4px;
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.9);
  border: 2px solid #DA291C;
  border-radius: 50%;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}

.vertical-navbar li:hover:before, .vertical-navbar li.active:before {
  background: #DA291C;
}

.vertical-navbar li.active span {
  background: #DA291C;
  color: #FFFFFF;
  -webkit-transition: background 0.2s ease, color 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease;
}

.vertical-navbar li span {
  float: left;
  white-space: nowrap;
  font-family: 'Oswald';
  font-weight: 500;
  color: #DA291C;
  font-size: 14px;
  line-height: 25px;
  margin-top: 2px;
  text-transform: uppercase;
  display: none;
  padding: 0 6px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(218, 41, 28, 0.2);
  border-radius: 3px;
}

.vertical-navbar.hover {
  /*
    & + .body-wrapper {
    
      @include opacity(0.2);
      
    }
    */
}

.vertical-navbar.hover li span {
  display: block;
}

.vertical-navbar .scroll-top {
  padding-left: 2px;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
}

.vertical-navbar .scroll-top:before {
  padding: 1px;
  font-size: 12px;
  color: #DA291C;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}

.body-wrapper {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

body.no-footer footer .footer-contacts, body.light-layout footer .footer-contacts {
  display: none;
}

body.no-main-menu nav.primary-menu, body.light-layout nav.primary-menu {
  display: none;
}

body.no-main-menu .page-header .header-left, body.light-layout .page-header .header-left {
  height: 75px;
}

body.no-secondary-menu .menus-container .secondary-menu, body.light-layout .menus-container .secondary-menu {
  display: none;
}

body.no-secondary-menu .page-header .header-left, body.light-layout .page-header .header-left {
  height: 75px;
}

body.no-search .menus-container .search, body.light-layout .menus-container .search {
  display: none;
}

body.no-search .page-header .header-left, body.light-layout .page-header .header-left {
  height: 75px;
}

body.no-breadcrumbs .page-title-wrapper nav, body.light-layout .page-title-wrapper nav {
  display: none;
}

body.no-title .page-title-wrapper h1, body.light-layout .page-title-wrapper h1 {
  display: none;
}

body.light-layout .page-title-wrapper {
  padding-top: 0;
}

body.extra-light-layout header, body.extra-light-layout footer {
  display: none;
}

body.extra-light-layout .main-content-wrapper {
  padding: 20px;
}

body.extra-light-layout .main-content-wrapper .page-title-wrapper {
  display: none;
}

body.form-petizione-sticky .wrapper-form-petizione {
  position: -webkit-sticky;
  position: sticky;
  top: 40px;
  margin-bottom: 40px;
}

.page-upselling {
  /*
  .text-container {
    margin: 0 auto;
  }
  */
}

.page-upselling .upselling-box {
  position: relative;
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  background: url("../img/bg-indonesia.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
  .page-upselling .upselling-box {
    min-height: auto;
  }
}

.page-upselling .upselling-box .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
}

.page-upselling .upselling-box .wrapper {
  max-width: 35em;
  position: relative;
  margin: 30px auto;
  background: rgba(255, 255, 255, 0.7);
  padding: 20px;
  border-radius: 20px;
}

@media only screen and (max-width: 1023px) {
  .page-upselling .upselling-box .wrapper {
    width: 90%;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .page-upselling .upselling-box .wrapper {
    width: 90%;
    max-width: 90%;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .page-upselling .upselling-box .wrapper {
    width: 90%;
    max-width: 90%;
  }
}

@media only screen and (max-width: 767px) {
  .page-upselling .upselling-box .wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.page-upselling .upselling-box .wrapper .big-text, .page-upselling .upselling-box .wrapper .hero-sticker-intro .hero-description-element, .hero-sticker-intro .page-upselling .upselling-box .wrapper .hero-description-element, .page-upselling .upselling-box .wrapper .taxonomy-tema-full-page .tema-header .hero-description-element, .taxonomy-tema-full-page .tema-header .page-upselling .upselling-box .wrapper .hero-description-element, .page-upselling .upselling-box .wrapper .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element, .taxonomy-tags-blog-full-page .tags-blog-header .page-upselling .upselling-box .wrapper .hero-description-element,
.page-upselling .upselling-box .wrapper .hero-sticker-intro .taxonomy-term-description, .hero-sticker-intro .page-upselling .upselling-box .wrapper .taxonomy-term-description,
.page-upselling .upselling-box .wrapper .taxonomy-tema-full-page .tema-header .taxonomy-term-description, .taxonomy-tema-full-page .tema-header .page-upselling .upselling-box .wrapper .taxonomy-term-description,
.page-upselling .upselling-box .wrapper .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description, .taxonomy-tags-blog-full-page .tags-blog-header .page-upselling .upselling-box .wrapper .taxonomy-term-description, .page-upselling .upselling-box .wrapper .tipo-donazione .other-w strong, .tipo-donazione .other-w .page-upselling .upselling-box .wrapper strong, .page-upselling .upselling-box .wrapper .tipo-donazione .other-w input, .tipo-donazione .other-w .page-upselling .upselling-box .wrapper input, .page-upselling .upselling-box .wrapper .taxonomy-regione-full-page .taxonomy-term-description, .taxonomy-regione-full-page .page-upselling .upselling-box .wrapper .taxonomy-term-description, .page-upselling .upselling-box .wrapper .page-node.node-type-page .field-body, .page-node.node-type-page .page-upselling .upselling-box .wrapper .field-body, .page-upselling .upselling-box .wrapper .page-node.node-type-emergenza .field-body, .page-node.node-type-emergenza .page-upselling .upselling-box .wrapper .field-body, .page-upselling .upselling-box .wrapper .narrow-title .field-body, .narrow-title .page-upselling .upselling-box .wrapper .field-body {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 1.3rem;
  text-align: center;
}

.page-upselling .upselling-box .wrapper .box {
  padding: 20px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 10px;
  border: 1px dashed #999999;
  text-align: center;
  margin-bottom: 20px;
}

.page-upselling .upselling-box .wrapper .box h2.big-text, .page-upselling .upselling-box .wrapper .box .hero-sticker-intro h2.hero-description-element, .hero-sticker-intro .page-upselling .upselling-box .wrapper .box h2.hero-description-element, .page-upselling .upselling-box .wrapper .box .taxonomy-tema-full-page .tema-header h2.hero-description-element, .taxonomy-tema-full-page .tema-header .page-upselling .upselling-box .wrapper .box h2.hero-description-element, .page-upselling .upselling-box .wrapper .box .taxonomy-tags-blog-full-page .tags-blog-header h2.hero-description-element, .taxonomy-tags-blog-full-page .tags-blog-header .page-upselling .upselling-box .wrapper .box h2.hero-description-element,
.page-upselling .upselling-box .wrapper .box .hero-sticker-intro h2.taxonomy-term-description, .hero-sticker-intro .page-upselling .upselling-box .wrapper .box h2.taxonomy-term-description,
.page-upselling .upselling-box .wrapper .box .taxonomy-tema-full-page .tema-header h2.taxonomy-term-description, .taxonomy-tema-full-page .tema-header .page-upselling .upselling-box .wrapper .box h2.taxonomy-term-description,
.page-upselling .upselling-box .wrapper .box .taxonomy-tags-blog-full-page .tags-blog-header h2.taxonomy-term-description, .taxonomy-tags-blog-full-page .tags-blog-header .page-upselling .upselling-box .wrapper .box h2.taxonomy-term-description, .page-upselling .upselling-box .wrapper .box .taxonomy-regione-full-page h2.taxonomy-term-description, .taxonomy-regione-full-page .page-upselling .upselling-box .wrapper .box h2.taxonomy-term-description, .page-upselling .upselling-box .wrapper .box .page-node.node-type-page h2.field-body, .page-node.node-type-page .page-upselling .upselling-box .wrapper .box h2.field-body, .page-upselling .upselling-box .wrapper .box .page-node.node-type-emergenza h2.field-body, .page-node.node-type-emergenza .page-upselling .upselling-box .wrapper .box h2.field-body, .page-upselling .upselling-box .wrapper .box .narrow-title h2.field-body, .narrow-title .page-upselling .upselling-box .wrapper .box h2.field-body {
  color: #DA291C;
  font-size: 1.8rem;
  margin-bottom: 20px;
}

.page-upselling .upselling-box .wrapper .box p.big-text, .page-upselling .upselling-box .wrapper .box .hero-sticker-intro p.hero-description-element, .hero-sticker-intro .page-upselling .upselling-box .wrapper .box p.hero-description-element, .page-upselling .upselling-box .wrapper .box .taxonomy-tema-full-page .tema-header p.hero-description-element, .taxonomy-tema-full-page .tema-header .page-upselling .upselling-box .wrapper .box p.hero-description-element, .page-upselling .upselling-box .wrapper .box .taxonomy-tags-blog-full-page .tags-blog-header p.hero-description-element, .taxonomy-tags-blog-full-page .tags-blog-header .page-upselling .upselling-box .wrapper .box p.hero-description-element,
.page-upselling .upselling-box .wrapper .box .hero-sticker-intro p.taxonomy-term-description, .hero-sticker-intro .page-upselling .upselling-box .wrapper .box p.taxonomy-term-description,
.page-upselling .upselling-box .wrapper .box .taxonomy-tema-full-page .tema-header p.taxonomy-term-description, .taxonomy-tema-full-page .tema-header .page-upselling .upselling-box .wrapper .box p.taxonomy-term-description,
.page-upselling .upselling-box .wrapper .box .taxonomy-tags-blog-full-page .tags-blog-header p.taxonomy-term-description, .taxonomy-tags-blog-full-page .tags-blog-header .page-upselling .upselling-box .wrapper .box p.taxonomy-term-description, .page-upselling .upselling-box .wrapper .box .taxonomy-regione-full-page p.taxonomy-term-description, .taxonomy-regione-full-page .page-upselling .upselling-box .wrapper .box p.taxonomy-term-description, .page-upselling .upselling-box .wrapper .box .page-node.node-type-page p.field-body, .page-node.node-type-page .page-upselling .upselling-box .wrapper .box p.field-body, .page-upselling .upselling-box .wrapper .box .page-node.node-type-emergenza p.field-body, .page-node.node-type-emergenza .page-upselling .upselling-box .wrapper .box p.field-body, .page-upselling .upselling-box .wrapper .box .narrow-title p.field-body, .narrow-title .page-upselling .upselling-box .wrapper .box p.field-body {
  text-transform: none;
  margin-bottom: 40px;
}

.page-upselling .upselling-box .wrapper .box .action, .page-upselling .upselling-box .wrapper .box .form-managed-file input[type="submit"], .form-managed-file .page-upselling .upselling-box .wrapper .box input[type="submit"], .page-upselling .upselling-box .wrapper .box .webform-submit, .page-upselling .upselling-box .wrapper .box .views-exposed-form input[type="submit"], .views-exposed-form .page-upselling .upselling-box .wrapper .box input[type="submit"], .page-upselling .upselling-box .wrapper .box .ui-banner.view-mode-carousel .actions a, .ui-banner.view-mode-carousel .actions .page-upselling .upselling-box .wrapper .box a {
  margin-bottom: 20px;
}

.page-upselling .upselling-box .wrapper .tiny-text, .page-upselling .upselling-box .wrapper .children-menu a, .children-menu .page-upselling .upselling-box .wrapper a, .page-upselling .upselling-box .wrapper .legal {
  font-size: 0.65rem;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 20px;
}

body {
  font-family: "Lato";
  font-weight: 400;
  background: #FFFFFF;
  color: #222221;
  line-height: 1.3;
  margin: 0;
}

a {
  color: #187688;
}

a.break {
  word-break: break-word;
}

a.external:not([class~='action']) {
  position: relative;
}

a.external:not([class~='action']):after {
  display: inline-block;
  margin-left: 0.2em;
  bottom: 0.1em;
  color: #222221;
  text-decoration: none;
}

sup {
  font-size: 0.6rem;
  position: relative;
  top: -4px;
}

sup a {
  text-decoration: none;
}

code {
  white-space: pre-wrap;
  font-family: monospace;
  color: #009ca6;
}

p {
  margin-bottom: 0.72em;
  line-height: 1.4;
  margin-top: 0;
}

.sec {
  color: #AAAAAA;
}

.red {
  color: #DA291C;
}

.invisible,
.element-invisible {
  display: none !important;
}

/* headings */
h1 {
  text-transform: uppercase;
}

h2.hanging {
  z-index: 200;
  position: relative;
  text-align: center;
  width: 100%;
  font-size: 2.5rem;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 70px;
  top: 0;
  padding: 0 10px;
  letter-spacing: 1px;
  color: #DA291C;
}

h2.hanging:after {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -16px;
  font-size: 32px;
  bottom: -45px;
  color: #DA291C;
}

.padded h2.hanging,
.v-padded h2.hanging,
.hero-sticker-intro h2.hanging,
.taxonomy-tema-full-page .tema-header h2.hanging,
.taxonomy-tags-blog-full-page .tags-blog-header h2.hanging,
.taxonomy-regione-full-page .taxonomy-term-description h2.hanging,
.body-sidebar-container h2.hanging,
.view-mode-full .fields-wrapper h2.hanging,
.view-mode-paese .fields-wrapper h2.hanging {
  margin-bottom: 70px;
}

h3 {
  font-family: "Lato";
  font-weight: 400;
  font-size: 1.2rem;
  margin-bottom: 0.5em;
  margin-top: 1em;
  line-height: 1.1;
}

h3:first-of-type {
  margin-top: 0;
}

h3.hanging {
  font-family: 'Oswald';
  font-weight: 500;
  color: #DA291C;
  font-size: 1.2rem;
  text-transform: uppercase;
  text-align: center;
}

h4 {
  font-family: "Lato";
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 0.9;
  padding-bottom: 0.5em;
}

.bg-overlay:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
}

.bg-overlay .text-container, .bg-overlay .legal, .bg-overlay .hero-sticker-intro .hero-description-element, .hero-sticker-intro .bg-overlay .hero-description-element, .bg-overlay .taxonomy-tema-full-page .tema-header .hero-description-element, .taxonomy-tema-full-page .tema-header .bg-overlay .hero-description-element, .bg-overlay .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element, .taxonomy-tags-blog-full-page .tags-blog-header .bg-overlay .hero-description-element,
.bg-overlay .hero-sticker-intro .taxonomy-term-description, .hero-sticker-intro .bg-overlay .taxonomy-term-description,
.bg-overlay .taxonomy-tema-full-page .tema-header .taxonomy-term-description, .taxonomy-tema-full-page .tema-header .bg-overlay .taxonomy-term-description,
.bg-overlay .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description, .taxonomy-tags-blog-full-page .tags-blog-header .bg-overlay .taxonomy-term-description, .bg-overlay .lead-form-wrapper .webform-confirmation, .lead-form-wrapper .bg-overlay .webform-confirmation, .bg-overlay .form-donazione-generale-sidebar .entity-paragraphs-item, .form-donazione-generale-sidebar .bg-overlay .entity-paragraphs-item, .bg-overlay .field-sms-modal-content .wrapper-sms-intro, .field-sms-modal-content .bg-overlay .wrapper-sms-intro, .bg-overlay .taxonomy-regione-full-page .taxonomy-term-description, .taxonomy-regione-full-page .bg-overlay .taxonomy-term-description {
  position: relative;
  z-index: 2;
}

/* rounded images */
.round-images img {
  border-radius: 50%;
}

.clickable {
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
}

.view-all {
  text-align: center;
  position: relative;
  /*
   *  
   &:before {
     content: "";
     position: absolute;
     top: -25px;
     height: 15px;
     left: -10px;  
     right: -10px;
     border: 1px dotted rgba(0,0,0,0.4);    
     border-width: 0 1px 1px 1px;
   }
   
   */
}

.view-all a {
  position: relative;
  z-index: 1;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
  padding: 5px 10px;
  color: #FFFFFF;
  display: inline-block;
  margin: 0 0.5em 0.5em 0.5em;
  text-transform: uppercase;
}

h2 {
  font-family: 'Oswald';
  font-weight: 500;
}

img {
  max-width: 100%;
  height: auto !important;
}

.block {
  padding: 40px 20px 80px 20px;
}

.block h3 {
  font-family: 'Oswald';
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 20px;
}

/* lists */
.inline-list li {
  display: inline;
}

.inline-list li * {
  display: inline;
}

.comma-separated li:after {
  content: ", ";
}

.comma-separated li:last-child:after {
  content: "";
}

.bar-separated li {
  border-right: 2px solid #D1CCBD;
}

.bar-separated li:last-child {
  border-right: none;
}

/* background utilities */
.oblique-bg {
  z-index: 300;
  padding: 20px 0;
  overflow: hidden;
}

.oblique-bg:before {
  position: absolute;
  display: block;
  content: "";
  top: 40px;
  left: 40px;
  right: 40px;
  bottom: 40px;
  background: #b7dfe4;
  -webkit-transform: rotate(-0.5deg) scaleX(1.2);
          transform: rotate(-0.5deg) scaleX(1.2);
}

.bg-cover, .hero-sticker-intro .hero-image-element, .taxonomy-tema-full-page .tema-header .hero-image-element, .taxonomy-tags-blog-full-page .tags-blog-header .hero-image-element {
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-contain, .page-cinque-per-mille .hero {
  background-size: contain;
  background-repeat: no-repeat;
}

.visually-hidden, .node-partner.view-mode-teaser figure + h3 {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.expandIconOnHover, .taxonomy-temi-full-list a, .taxonomy-regioni-full-list a {
  overflow: hidden;
}

.expandIconOnHover i, .taxonomy-temi-full-list a i, .taxonomy-regioni-full-list a i {
  -webkit-transition: transform 0.1s linear;
  -webkit-transition: -webkit-transform 0.1s linear;
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  transition: transform 0.1s linear, -webkit-transform 0.1s linear;
}

.expandIconOnHover:hover i, .taxonomy-temi-full-list a:hover i, .taxonomy-regioni-full-list a:hover i,
.expandIconOnHover:active i,
.taxonomy-temi-full-list a:active i,
.taxonomy-regioni-full-list a:active i {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/* hanging quotes */
.hangingQuotes:before, .hangingQuotes:after {
  font-size: 180px;
  color: #DA291C;
  z-index: 50;
  font-family: "Lato";
  font-weight: 400;
}

.hangingQuotes:before {
  position: absolute;
  content: "“";
  left: 0px;
  top: -70px;
}

.hangingQuotes:after {
  position: absolute;
  content: "”";
  bottom: -100px;
  right: 0;
}

/* roundel */
.roundel {
  position: relative;
}

.roundel:after {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../img/roundel.png");
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
}

/* page introduction */
.page-intro {
  font-size: 1.5em;
  font-family: "Lato";
  font-weight: 400;
  color: #484040;
}

/* downloads list */
ul.downloads li {
  padding-left: 0;
}

ul.downloads li:before {
  display: none;
}

ul.downloads li a {
  position: relative;
  padding-left: 1.5em;
}

ul.downloads li a:before {
  color: #555;
  position: absolute;
  left: 0;
  top: 3px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ec80";
}

/* internal page menu */
.inner-menu {
  background: #F3F2EE;
  padding: 20px;
  font-weight: 700;
  letter-spacing: 2px;
}

.inner-menu ul {
  text-align: right;
}

.inner-menu ul li {
  display: inline-block;
}

.inner-menu ul a {
  text-decoration: none;
  padding-right: 20px;
  text-transform: uppercase;
}

/* action button */
.action, .form-managed-file input[type="submit"], .webform-submit, .views-exposed-form input[type="submit"], .ui-banner.view-mode-carousel .actions a {
  font-family: "Lato";
  font-weight: 400;
  background: #DA291C;
  padding: 10px;
  color: #FFFFFF;
  font-size: 20px;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: none;
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  /*
 * AD MEMORIAM 
  top: -10px;
  
  @include box-shadow(0 4px 0 0 darken($red,10), 0 3px 5px 2px rgba(0,0,0,0.2));
  

  
  &:active {
    @include transform(translateY(3px));
    @include box-shadow(0 1px 0 0 darken($red,10), 0 3px 5px 2px rgba(0,0,0,0.3));    
  }
  


 */
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
  font-style: normal;
  border-radius: 5px;
  /*
   * 
  border: 2px solid $red;
  background: $white !important;
  color: $red !important;
  
   */
}

.action:hover, .form-managed-file input:hover[type="submit"], .webform-submit:hover, .views-exposed-form input:hover[type="submit"], .ui-banner.view-mode-carousel .actions a:hover {
  background: #e4382c;
}

.action + .action, .form-managed-file input[type="submit"] + .action, .webform-submit + .action, .views-exposed-form input[type="submit"] + .action, .ui-banner.view-mode-carousel .actions a + .action, .form-managed-file .action + input[type="submit"], .form-managed-file input[type="submit"] + input[type="submit"], .form-managed-file .webform-submit + input[type="submit"], .ui-banner.view-mode-carousel .actions .form-managed-file a + input[type="submit"], .form-managed-file .ui-banner.view-mode-carousel .actions a + input[type="submit"], .action + .webform-submit, .form-managed-file input[type="submit"] + .webform-submit, .webform-submit + .webform-submit, .views-exposed-form input[type="submit"] + .webform-submit, .ui-banner.view-mode-carousel .actions a + .webform-submit, .views-exposed-form .action + input[type="submit"], .views-exposed-form .webform-submit + input[type="submit"], .views-exposed-form input[type="submit"] + input[type="submit"], .ui-banner.view-mode-carousel .actions .views-exposed-form a + input[type="submit"], .views-exposed-form .ui-banner.view-mode-carousel .actions a + input[type="submit"], .ui-banner.view-mode-carousel .actions .action + a, .form-managed-file .ui-banner.view-mode-carousel .actions input[type="submit"] + a, .ui-banner.view-mode-carousel .actions .form-managed-file input[type="submit"] + a, .ui-banner.view-mode-carousel .actions .webform-submit + a, .views-exposed-form .ui-banner.view-mode-carousel .actions input[type="submit"] + a, .ui-banner.view-mode-carousel .actions .views-exposed-form input[type="submit"] + a, .ui-banner.view-mode-carousel .actions a + a {
  margin-left: 20px;
}

.action.tiny, .form-managed-file input[type="submit"], .tiny.webform-submit, .views-exposed-form input[type="submit"], .ui-banner.view-mode-carousel .actions a.tiny {
  font-size: 0.75rem;
  color: #FFFFFF;
  letter-spacing: 0;
}

.action.big, .form-managed-file input.big[type="submit"], .big.webform-submit, .views-exposed-form input.big[type="submit"], .ui-banner.view-mode-carousel .actions a {
  font-size: 1.2rem;
  color: #FFFFFF;
  padding: 20px;
}

.action.light, .form-managed-file input[type="submit"], .light.webform-submit, .views-exposed-form input.light[type="submit"], .ui-banner.view-mode-carousel .actions a.light {
  font-family: "Lato";
  font-weight: 700;
  background: transparent;
  color: #DA291C;
  border: 1px solid #DA291C;
  top: 0;
  background: #FFFFFF;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.action.light:hover, .form-managed-file input:hover[type="submit"], .light.webform-submit:hover, .views-exposed-form input.light:hover[type="submit"], .ui-banner.view-mode-carousel .actions a.light:hover {
  color: #FFFFFF;
  background: #DA291C;
}

.action em, .form-managed-file input[type="submit"] em, .webform-submit em, .views-exposed-form input[type="submit"] em, .ui-banner.view-mode-carousel .actions a em {
  display: block;
  font-weight: 700;
}

.action.ajaxable, .form-managed-file input.ajaxable[type="submit"], .ajaxable.webform-submit, .views-exposed-form input.ajaxable[type="submit"], .ui-banner.view-mode-carousel .actions a.ajaxable {
  padding-right: 27px;
  position: relative;
}

.action.ajaxable:after, .form-managed-file input.ajaxable[type="submit"]:after, .ajaxable.webform-submit:after, .views-exposed-form input.ajaxable[type="submit"]:after, .ui-banner.view-mode-carousel .actions a.ajaxable:after {
  display: block;
  position: absolute;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 50%;
  right: 6px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 16px;
  /* idle */
  content: "\edb8";
}

.action.ajaxable.loading:after, .form-managed-file input.ajaxable.loading[type="submit"]:after, .ajaxable.loading.webform-submit:after, .views-exposed-form input.ajaxable.loading[type="submit"]:after, .ui-banner.view-mode-carousel .actions a.ajaxable.loading:after {
  content: "\edb8";
  width: 10px;
  height: 10px;
  right: 9px;
  border-radius: 50%;
  background: #FFFFFF;
  font-size: 0;
  -webkit-animation: pulse 0.5s ease alternate infinite;
          animation: pulse 0.5s ease alternate infinite;
  margin-top: -5px;
}

.action.ajaxable.ok:after, .form-managed-file input.ajaxable.ok[type="submit"]:after, .ajaxable.ok.webform-submit:after, .views-exposed-form input.ajaxable.ok[type="submit"]:after, .ui-banner.view-mode-carousel .actions a.ajaxable.ok:after {
  content: "\ed6e";
}

.action.ajaxable.error:after, .form-managed-file input.ajaxable.error[type="submit"]:after, .ajaxable.error.webform-submit:after, .views-exposed-form input.ajaxable.error[type="submit"]:after, .ui-banner.view-mode-carousel .actions a.ajaxable.error:after {
  content: "\ed4e";
}

.secondary-action {
  display: inline-block;
  margin-top: 20px;
  color: #DA291C;
  text-decoration: none;
  border-bottom: 1px dotted #DA291C;
}

.big, .ui-banner.view-mode-carousel .actions a {
  font-size: 1.2rem;
  color: #FFFFFF;
  padding: 20px;
}

/* popups */
.popup-container {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
}

.popup {
  z-index: 9999;
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 20px;
  right: 20px;
  bottom: 20px;
}

/* expandables */
.expander {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
  position: relative;
  padding-left: 1.5em;
  padding-right: 1em;
}

.expander:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #009ca6;
  -webkit-transition: transform 0.2s linear;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.expander.open:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.expander.no-icon {
  padding-left: 0;
}

.expander.no-icon:before {
  display: none;
}

.expander + .expandable {
  padding-left: 1.5em;
}

/* info box */
.info-box {
  margin-bottom: 20px;
  padding: 20px;
  background: #F3F2EE;
  font-size: 0.75rem;
}

.info-box h3 {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #999999;
  font-family: 'Oswald';
  font-weight: 500;
  font-size: 1rem;
}

.info-box h3:before {
  position: relative;
  top: 1px;
  margin-right: 5px;
}

.info-box.floating-left {
  float: left;
  width: 60%;
  margin: 0 20px 20px 0;
}

.info-box.floating-right {
  float: right;
  width: 60%;
  margin: 0 0 20px 20px;
}

/* sticker */
.sticker, .view-mode-carousel h3, .view-mode-carousel h2, .carousel article h3, .carousel article h2 {
  font-size: 2.3rem;
}

.sticker span, .view-mode-carousel h3 span, .view-mode-carousel h2 span, .carousel article h3 span, .carousel article h2 span {
  padding: 0 0.2em 0.05em 0.2em;
  border-radius: 3px;
  font-family: 'Oswald';
  font-weight: 500;
  text-transform: uppercase;
  color: #222221;
  background: #FFFFFF;
  line-height: 1.2;
  display: inline-block;
  letter-spacing: -1px;
  position: relative;
  margin-top: 0.2em;
}

.sticker span:first-child, .view-mode-carousel h3 span:first-child, .view-mode-carousel h2 span:first-child, .carousel article h3 span:first-child, .carousel article h2 span:first-child {
  margin-top: 0;
}

.sticker span:nth-of-type(2), .view-mode-carousel h3 span:nth-of-type(2), .view-mode-carousel h2 span:nth-of-type(2), .carousel article h3 span:nth-of-type(2), .carousel article h2 span:nth-of-type(2) {
  margin-left: 0.5em;
  top: -0.33em;
}

.sticker span:nth-of-type(3), .view-mode-carousel h3 span:nth-of-type(3), .view-mode-carousel h2 span:nth-of-type(3), .carousel article h3 span:nth-of-type(3), .carousel article h2 span:nth-of-type(3) {
  margin-left: 1em;
  top: -0.66em;
}

.sticker span:nth-of-type(4), .view-mode-carousel h3 span:nth-of-type(4), .view-mode-carousel h2 span:nth-of-type(4), .carousel article h3 span:nth-of-type(4), .carousel article h2 span:nth-of-type(4) {
  margin-left: 1.5em;
  top: -0.99em;
}

.sticker.leftAligned span, .view-mode-carousel h3.leftAligned span, .view-mode-carousel h2.leftAligned span, .carousel article h3.leftAligned span, .carousel article h2.leftAligned span {
  margin-left: 0 !important;
}

.sticker.big, .view-mode-carousel h3.big, .view-mode-carousel h2.big, .carousel article h3.big, .carousel article h2.big, .ui-banner.view-mode-carousel .actions a.sticker {
  font-size: 4rem;
}

.stickerSentenceCase span, .hero-sticker-intro .hero-intro-element span, .taxonomy-tema-full-page .tema-header .hero-intro-element span, .taxonomy-tags-blog-full-page .tags-blog-header .hero-intro-element span {
  padding: 0 0.2em 0.05em 0.2em;
  border-radius: 3px;
  font-family: 'Oswald';
  font-weight: 500;
  text-transform: uppercase;
  color: #222221;
  background: #FFFFFF;
  line-height: 1.2;
  display: inline-block;
  letter-spacing: -1px;
  position: relative;
  margin-top: 0.2em;
  text-transform: none;
}

.stickerSentenceCase span:first-child, .hero-sticker-intro .hero-intro-element span:first-child, .taxonomy-tema-full-page .tema-header .hero-intro-element span:first-child, .taxonomy-tags-blog-full-page .tags-blog-header .hero-intro-element span:first-child {
  margin-top: 0;
}

.stickerSentenceCase span:nth-of-type(2), .hero-sticker-intro .hero-intro-element span:nth-of-type(2), .taxonomy-tema-full-page .tema-header .hero-intro-element span:nth-of-type(2), .taxonomy-tags-blog-full-page .tags-blog-header .hero-intro-element span:nth-of-type(2) {
  margin-left: 0.5em;
  top: -0.33em;
}

.stickerSentenceCase span:nth-of-type(3), .hero-sticker-intro .hero-intro-element span:nth-of-type(3), .taxonomy-tema-full-page .tema-header .hero-intro-element span:nth-of-type(3), .taxonomy-tags-blog-full-page .tags-blog-header .hero-intro-element span:nth-of-type(3) {
  margin-left: 1em;
  top: -0.66em;
}

.stickerSentenceCase span:nth-of-type(4), .hero-sticker-intro .hero-intro-element span:nth-of-type(4), .taxonomy-tema-full-page .tema-header .hero-intro-element span:nth-of-type(4), .taxonomy-tags-blog-full-page .tags-blog-header .hero-intro-element span:nth-of-type(4) {
  margin-left: 1.5em;
  top: -0.99em;
}

/* sticker subtitle */
/* general purpose formatting for blocks */
.padded {
  padding: 40px;
}

.padded-half {
  padding: 20px;
}

.v-padded, .hero-sticker-intro, .taxonomy-tema-full-page .tema-header, .taxonomy-tags-blog-full-page .tags-blog-header, .taxonomy-regione-full-page .taxonomy-term-description, .body-sidebar-container, .view-mode-full .fields-wrapper, .view-mode-paese .fields-wrapper {
  padding-top: 40px;
  padding-bottom: 40px;
}

.v-padded-half, .field-sms-modal-content .sms-status-wrapper span, .taxonomy-regione-paesi-horizontal-list {
  padding-top: 20px;
  padding-bottom: 20px;
}

.v-padded-double {
  padding-top: 80px;
  padding-bottom: 80px;
}

.v-padded-top {
  padding-top: 40px;
}

.v-padded-bottom {
  padding-bottom: 40px;
}

.v-padded-half-bottom {
  padding-bottom: 20px;
}

.h-padded {
  padding-left: 40px;
  padding-right: 40px;
}

.h-padded-half {
  padding-left: 20px;
  padding-right: 20px;
}

.with-border {
  /*
  position: relative;
  
  &:after {
    position: absolute;
    bottom: -200px;
    left: 50%;
    margin-left: -200px;
    @extend .iconOrganicLine;
    display: block;
    text-align: center;
    color: $biscuit;
    font-size: 400px;
  }
*/
}

.with-border + .with-border {
  border-top: none;
}

.bottom-padded {
  padding-bottom: 40px;
}

.filled, .taxonomy-regione-paesi-horizontal-list, .body-sidebar-container .sidebar .google-map, .map-canvas-wrapper {
  background: #F3F2EE;
  /* if padding a row, compensate column padding
   * on outmost columns
   */
}

.filled .filled, .taxonomy-regione-paesi-horizontal-list .filled, .body-sidebar-container .sidebar .google-map .filled, .map-canvas-wrapper .filled, .filled .taxonomy-regione-paesi-horizontal-list, .taxonomy-regione-paesi-horizontal-list .taxonomy-regione-paesi-horizontal-list, .body-sidebar-container .sidebar .google-map .taxonomy-regione-paesi-horizontal-list, .map-canvas-wrapper .taxonomy-regione-paesi-horizontal-list, .filled .body-sidebar-container .sidebar .google-map, .body-sidebar-container .sidebar .filled .google-map, .taxonomy-regione-paesi-horizontal-list .body-sidebar-container .sidebar .google-map, .body-sidebar-container .sidebar .taxonomy-regione-paesi-horizontal-list .google-map, .body-sidebar-container .sidebar .google-map .google-map, .map-canvas-wrapper .body-sidebar-container .sidebar .google-map, .body-sidebar-container .sidebar .map-canvas-wrapper .google-map, .filled .map-canvas-wrapper, .taxonomy-regione-paesi-horizontal-list .map-canvas-wrapper, .body-sidebar-container .sidebar .google-map .map-canvas-wrapper, .map-canvas-wrapper .map-canvas-wrapper {
  background: #FFFFFF;
}

.filled.row, .row.taxonomy-regione-paesi-horizontal-list, .body-sidebar-container .sidebar .row.google-map, .row.map-canvas-wrapper {
  padding-top: 20px;
}

.with-bg {
  position: relative;
  background-repeat: no-repeat;
}

.with-bg figure {
  display: none;
}

.with-bg.bg-cover, .hero-sticker-intro .with-bg.hero-image-element, .taxonomy-tema-full-page .tema-header .with-bg.hero-image-element, .taxonomy-tags-blog-full-page .tags-blog-header .with-bg.hero-image-element {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/* block width */
.width-75, .taxonomy-regione-full-page .taxonomy-term-description {
  max-width: 900px;
  margin: 0 auto;
}

.width-50 {
  max-width: 600px;
  margin: 0 auto;
}

.inner-width-75 .container, .inner-width-75 .embedded-form h3, .embedded-form .inner-width-75 h3, .inner-width-75 #user-login {
  max-width: 900px;
}

.inner-width-50 .container, .inner-width-50 .embedded-form h3, .embedded-form .inner-width-50 h3, .inner-width-50 #user-login {
  max-width: 600px;
}

/* block min height */
.min-height-30 {
  min-height: 30vh;
}

.min-height-50 {
  min-height: 50vh;
}

.min-height-70 {
  min-height: 70vh;
}

/* background */
.full-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.bg-align-top-left {
  background-position: top left !important;
}

.bg-align-top-center {
  background-position: top center !important;
}

.bg-align-top-right {
  background-position: top right !important;
}

.bg-align-center-left {
  background-position: center left !important;
}

.bg-align-center-center {
  background-position: center center !important;
}

.bg-align-center-right {
  background-position: center right !important;
}

.bg-align-bottom-left {
  background-position: bottom left !important;
}

.bg-align-bottom-center {
  background-position: bottom center !important;
}

.bg-align-bottom-right {
  background-position: bottom right !important;
}

/* text-alignment */
.align-left, .testimony .testimony-quote {
  text-align: left;
}

.align-right, .testimony .testimony-face {
  text-align: right;
  margin-left: auto;
}

.align-center {
  text-align: center;
}

.align-center .text-container, .align-center .legal, .align-center .hero-sticker-intro .hero-description-element, .hero-sticker-intro .align-center .hero-description-element, .align-center .taxonomy-tema-full-page .tema-header .hero-description-element, .taxonomy-tema-full-page .tema-header .align-center .hero-description-element, .align-center .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element, .taxonomy-tags-blog-full-page .tags-blog-header .align-center .hero-description-element,
.align-center .hero-sticker-intro .taxonomy-term-description, .hero-sticker-intro .align-center .taxonomy-term-description,
.align-center .taxonomy-tema-full-page .tema-header .taxonomy-term-description, .taxonomy-tema-full-page .tema-header .align-center .taxonomy-term-description,
.align-center .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description, .taxonomy-tags-blog-full-page .tags-blog-header .align-center .taxonomy-term-description, .align-center .lead-form-wrapper .webform-confirmation, .lead-form-wrapper .align-center .webform-confirmation, .align-center .form-donazione-generale-sidebar .entity-paragraphs-item, .form-donazione-generale-sidebar .align-center .entity-paragraphs-item, .align-center .field-sms-modal-content .wrapper-sms-intro, .field-sms-modal-content .align-center .wrapper-sms-intro, .align-center .taxonomy-regione-full-page .taxonomy-term-description, .taxonomy-regione-full-page .align-center .taxonomy-term-description {
  margin-left: auto;
  margin-right: auto;
}

.legal {
  padding: 20px;
  background: #FFFFFF;
  max-height: 150px;
  max-width: 100%;
  overflow-y: auto;
}

/* branding related formatting */
.red-bg-top-text-right h2 {
  position: relative;
  left: -160px;
  font-size: 3rem;
}

.red-bg-top-text-right h2 span {
  padding: 0 0.2em 0.05em 0.2em;
  border-radius: 3px;
  font-family: 'Oswald';
  font-weight: 500;
  text-transform: uppercase;
  color: #222221;
  background: #FFFFFF;
  line-height: 1.2;
  display: inline-block;
  letter-spacing: -1px;
  position: relative;
  margin-top: 0.2em;
}

.red-bg-top-text-right h2 span:first-child {
  margin-top: 0;
}

.red-bg-top-text-right h2 span:nth-of-type(2) {
  margin-left: 0.5em;
  top: -0.33em;
}

.red-bg-top-text-right h2 span:nth-of-type(3) {
  margin-left: 1em;
  top: -0.66em;
}

.red-bg-top-text-right h2 span:nth-of-type(4) {
  margin-left: 1.5em;
  top: -0.99em;
}

.red-bg-top-text-right .container, .red-bg-top-text-right .embedded-form h3, .embedded-form .red-bg-top-text-right h3, .red-bg-top-text-right #user-login {
  position: relative;
  padding-top: 20px;
}

.red-bg-top-text-right .container img, .red-bg-top-text-right .embedded-form h3 img, .embedded-form .red-bg-top-text-right h3 img, .red-bg-top-text-right #user-login img {
  display: block;
}

.red-bg-top-text-right .container:after, .red-bg-top-text-right .embedded-form h3:after, .embedded-form .red-bg-top-text-right h3:after, .red-bg-top-text-right #user-login:after {
  position: absolute;
  content: "";
  top: 5px;
  left: 5px;
  right: 5px;
  height: 50%;
  background: #DA291C;
  z-index: 1;
}

.red-bg-top-text-right .col {
  position: relative;
  z-index: 2;
}

.red-bg-top-text-right .col:last-child {
  left: -20px;
  padding-top: 20px;
  background: #F3F2EE;
}

.red-bg-top-text-right .col:last-child .text-container, .red-bg-top-text-right .col:last-child .legal, .red-bg-top-text-right .col:last-child .hero-sticker-intro .hero-description-element, .hero-sticker-intro .red-bg-top-text-right .col:last-child .hero-description-element, .red-bg-top-text-right .col:last-child .taxonomy-tema-full-page .tema-header .hero-description-element, .taxonomy-tema-full-page .tema-header .red-bg-top-text-right .col:last-child .hero-description-element, .red-bg-top-text-right .col:last-child .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element, .taxonomy-tags-blog-full-page .tags-blog-header .red-bg-top-text-right .col:last-child .hero-description-element,
.red-bg-top-text-right .col:last-child .hero-sticker-intro .taxonomy-term-description, .hero-sticker-intro .red-bg-top-text-right .col:last-child .taxonomy-term-description,
.red-bg-top-text-right .col:last-child .taxonomy-tema-full-page .tema-header .taxonomy-term-description, .taxonomy-tema-full-page .tema-header .red-bg-top-text-right .col:last-child .taxonomy-term-description,
.red-bg-top-text-right .col:last-child .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description, .taxonomy-tags-blog-full-page .tags-blog-header .red-bg-top-text-right .col:last-child .taxonomy-term-description, .red-bg-top-text-right .col:last-child .lead-form-wrapper .webform-confirmation, .lead-form-wrapper .red-bg-top-text-right .col:last-child .webform-confirmation, .red-bg-top-text-right .col:last-child .form-donazione-generale-sidebar .entity-paragraphs-item, .form-donazione-generale-sidebar .red-bg-top-text-right .col:last-child .entity-paragraphs-item, .red-bg-top-text-right .col:last-child .field-sms-modal-content .wrapper-sms-intro, .field-sms-modal-content .red-bg-top-text-right .col:last-child .wrapper-sms-intro, .red-bg-top-text-right .col:last-child .taxonomy-regione-full-page .taxonomy-term-description, .taxonomy-regione-full-page .red-bg-top-text-right .col:last-child .taxonomy-term-description {
  color: #222221;
}

.red-bg-left-text-right {
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
}

.red-bg-left-text-right h2 {
  position: relative;
  left: -160px;
  font-size: 3rem;
  margin-bottom: 0;
  width: 1200px;
}

.red-bg-left-text-right h2 span {
  padding: 0 0.2em 0.05em 0.2em;
  border-radius: 3px;
  font-family: 'Oswald';
  font-weight: 500;
  text-transform: uppercase;
  color: #222221;
  background: #FFFFFF;
  line-height: 1.2;
  display: inline-block;
  letter-spacing: -1px;
  position: relative;
  margin-top: 0.2em;
}

.red-bg-left-text-right h2 span:first-child {
  margin-top: 0;
}

.red-bg-left-text-right h2 span:nth-of-type(2) {
  margin-left: 0.5em;
  top: -0.33em;
}

.red-bg-left-text-right h2 span:nth-of-type(3) {
  margin-left: 1em;
  top: -0.66em;
}

.red-bg-left-text-right h2 span:nth-of-type(4) {
  margin-left: 1.5em;
  top: -0.99em;
}

.red-bg-left-text-right .container, .red-bg-left-text-right .embedded-form h3, .embedded-form .red-bg-left-text-right h3, .red-bg-left-text-right #user-login {
  position: relative;
  padding-top: 20px;
}

.red-bg-left-text-right .container img, .red-bg-left-text-right .embedded-form h3 img, .embedded-form .red-bg-left-text-right h3 img, .red-bg-left-text-right #user-login img {
  display: block;
}

.red-bg-left-text-right .row:before {
  position: absolute;
  content: "";
  top: 10px;
  left: 10px;
  bottom: -10px;
  width: 50%;
  background: -webkit-gradient(linear, left top, right bottom, from(#761706), color-stop(50%, #DA291C), to(#DA291C));
  background: linear-gradient(to bottom right, #761706 0%, #DA291C 50%, #DA291C 100%);
  z-index: -1;
}

.red-bg-left-text-right .col {
  position: relative;
  z-index: 2;
}

.red-bg-left-text-right .col:first-child {
  background-position: 20px 0;
}

.red-bg-left-text-right .col:last-child {
  padding-top: 20px;
  background: #F3F2EE;
  margin-top: 0 !important;
}

.red-bg-left-text-right .col:last-child .text-container, .red-bg-left-text-right .col:last-child .legal, .red-bg-left-text-right .col:last-child .hero-sticker-intro .hero-description-element, .hero-sticker-intro .red-bg-left-text-right .col:last-child .hero-description-element, .red-bg-left-text-right .col:last-child .taxonomy-tema-full-page .tema-header .hero-description-element, .taxonomy-tema-full-page .tema-header .red-bg-left-text-right .col:last-child .hero-description-element, .red-bg-left-text-right .col:last-child .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element, .taxonomy-tags-blog-full-page .tags-blog-header .red-bg-left-text-right .col:last-child .hero-description-element,
.red-bg-left-text-right .col:last-child .hero-sticker-intro .taxonomy-term-description, .hero-sticker-intro .red-bg-left-text-right .col:last-child .taxonomy-term-description,
.red-bg-left-text-right .col:last-child .taxonomy-tema-full-page .tema-header .taxonomy-term-description, .taxonomy-tema-full-page .tema-header .red-bg-left-text-right .col:last-child .taxonomy-term-description,
.red-bg-left-text-right .col:last-child .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description, .taxonomy-tags-blog-full-page .tags-blog-header .red-bg-left-text-right .col:last-child .taxonomy-term-description, .red-bg-left-text-right .col:last-child .lead-form-wrapper .webform-confirmation, .lead-form-wrapper .red-bg-left-text-right .col:last-child .webform-confirmation, .red-bg-left-text-right .col:last-child .form-donazione-generale-sidebar .entity-paragraphs-item, .form-donazione-generale-sidebar .red-bg-left-text-right .col:last-child .entity-paragraphs-item, .red-bg-left-text-right .col:last-child .field-sms-modal-content .wrapper-sms-intro, .field-sms-modal-content .red-bg-left-text-right .col:last-child .wrapper-sms-intro, .red-bg-left-text-right .col:last-child .taxonomy-regione-full-page .taxonomy-term-description, .taxonomy-regione-full-page .red-bg-left-text-right .col:last-child .taxonomy-term-description {
  color: #222221;
  overflow: visible;
}

/*
 * numero verde
 */
.numero-verde-donazioni-wrapper {
  text-align: center;
  font-size: 1.2rem;
}

.numero-verde {
  color: #008000 !important;
  font-family: "Lato";
  font-weight: 700;
}

.numero-verde * {
  color: #51B654;
}

.paragraphs-item-one-column .text-container, .paragraphs-item-one-column .legal, .paragraphs-item-one-column .hero-sticker-intro .hero-description-element, .hero-sticker-intro .paragraphs-item-one-column .hero-description-element, .paragraphs-item-one-column .taxonomy-tema-full-page .tema-header .hero-description-element, .taxonomy-tema-full-page .tema-header .paragraphs-item-one-column .hero-description-element, .paragraphs-item-one-column .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element, .taxonomy-tags-blog-full-page .tags-blog-header .paragraphs-item-one-column .hero-description-element,
.paragraphs-item-one-column .hero-sticker-intro .taxonomy-term-description, .hero-sticker-intro .paragraphs-item-one-column .taxonomy-term-description,
.paragraphs-item-one-column .taxonomy-tema-full-page .tema-header .taxonomy-term-description, .taxonomy-tema-full-page .tema-header .paragraphs-item-one-column .taxonomy-term-description,
.paragraphs-item-one-column .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description, .taxonomy-tags-blog-full-page .tags-blog-header .paragraphs-item-one-column .taxonomy-term-description, .paragraphs-item-one-column .lead-form-wrapper .webform-confirmation, .lead-form-wrapper .paragraphs-item-one-column .webform-confirmation, .paragraphs-item-one-column .form-donazione-generale-sidebar .entity-paragraphs-item, .form-donazione-generale-sidebar .paragraphs-item-one-column .entity-paragraphs-item, .paragraphs-item-one-column .field-sms-modal-content .wrapper-sms-intro, .field-sms-modal-content .paragraphs-item-one-column .wrapper-sms-intro, .paragraphs-item-one-column .taxonomy-regione-full-page .taxonomy-term-description, .taxonomy-regione-full-page .paragraphs-item-one-column .taxonomy-term-description {
  margin: 0 auto;
  max-width: 820px;
  padding-top: 20px;
}

.paragraphs-item-hero {
  min-height: 25vw;
  position: relative;
}

.paragraphs-item-hero .content {
  padding: 0 20px;
}

.paragraphs-item-hero figure {
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.face {
  width: 200px;
  height: 200px;
  position: relative;
}

.face .face-wrapper img {
  border-radius: 50%;
  width: 200px;
  height: 200px;
}

.testimonial {
  position: relative;
}

.testimonial .container, .testimonial .embedded-form h3, .embedded-form .testimonial h3, .testimonial #user-login {
  max-width: 800px;
  position: relative;
  font-family: "Lato";
  font-style: italic;
}

.testimony {
  text-align: left;
  font-family: "Lato";
  font-weight: 400;
  font-size: 1em;
}

.testimony strong {
  font-family: "Lato";
  font-weight: 700;
  text-transform: uppercase;
  font-style: normal;
}

.testimony blockquote {
  font-family: "Lato";
  font-weight: 700;
  font-style: italic;
  color: #222221;
  position: relative;
}

.testimony .testimony-face {
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  width: 41.66667%;
  padding-bottom: 1em;
  text-align: center;
  vertical-align: top;
}

.testimony .testimony-face img {
  max-width: 70%;
  border-radius: 20px 20px 20px 20px;
}

.testimony .testimony-face strong {
  color: #DA291C;
}

.testimony .testimony-quote {
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  width: 58.33333%;
  padding-bottom: 1em;
  vertical-align: top;
}

.testimony .testimony-quote blockquote {
  font-family: "Lato";
  font-style: italic;
  margin: 0;
}

.testimony.vertical .testimony-face,
.testimony.vertical .testimony-quote {
  display: block;
  width: 100%;
  text-align: center;
}

.testimony.vertical .testimony-face {
  padding-bottom: 0;
}

.testimony.vertical .testimony-face img {
  border-radius: 50%;
}

.testimony.vertical img {
  max-width: 150px;
}

/* hero section */
.hero {
  position: relative;
  min-height: 25vw;
}

.hero .content {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
}

.hero h2 {
  font-size: 2.3rem;
}

.hero h2 span {
  padding: 0 0.2em 0.05em 0.2em;
  border-radius: 3px;
  font-family: 'Oswald';
  font-weight: 500;
  text-transform: uppercase;
  color: #222221;
  background: #FFFFFF;
  line-height: 1.2;
  display: inline-block;
  letter-spacing: -1px;
  position: relative;
  margin-top: 0.2em;
}

.hero h2 span:first-child {
  margin-top: 0;
}

.hero h2 span:nth-of-type(2) {
  margin-left: 0.5em;
  top: -0.33em;
}

.hero h2 span:nth-of-type(3) {
  margin-left: 1em;
  top: -0.66em;
}

.hero h2 span:nth-of-type(4) {
  margin-left: 1.5em;
  top: -0.99em;
}

.hero figure {
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.hero.half-half {
  background-position: 0 50%;
}

.hero.half-half .content {
  margin-left: 50%;
  width: 50%;
  padding-right: 20px;
}

.hero.half-half h2 {
  margin-bottom: 40px;
  font-size: 3em;
}

.hero.half-half h2 span {
  padding: 0 0.2em 0.05em 0.2em;
  border-radius: 3px;
  font-family: 'Oswald';
  font-weight: 500;
  text-transform: uppercase;
  color: #222221;
  background: #FFFFFF;
  line-height: 1.2;
  display: inline-block;
  letter-spacing: -1px;
  position: relative;
  margin-top: 0.2em;
}

.hero.half-half h2 span:first-child {
  margin-top: 0;
}

.hero.half-half h2 span:nth-of-type(2) {
  margin-left: 0.5em;
  top: -0.33em;
}

.hero.half-half h2 span:nth-of-type(3) {
  margin-left: 1em;
  top: -0.66em;
}

.hero.half-half h2 span:nth-of-type(4) {
  margin-left: 1.5em;
  top: -0.99em;
}

.hero.half-half strong {
  color: #DA291C;
  font-weight: 700;
}

/* hero with sticker + intro */
.hero-sticker-intro, .taxonomy-tema-full-page .tema-header, .taxonomy-tags-blog-full-page .tags-blog-header {
  position: relative;
  min-height: 25vw;
  /*
     * taxonomy term description class
     * can't be changed in display suite, so
     * we have to mention it here
     */
}

.hero-sticker-intro .hero-image-element, .taxonomy-tema-full-page .tema-header .hero-image-element, .taxonomy-tags-blog-full-page .tags-blog-header .hero-image-element {
  min-height: 30%;
  min-height: 30vh;
  background-position: 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.hero-sticker-intro .hero-description-element, .taxonomy-tema-full-page .tema-header .hero-description-element, .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element,
.hero-sticker-intro .taxonomy-term-description,
.taxonomy-tema-full-page .tema-header .taxonomy-term-description,
.taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description {
  background: #FFFFFF;
  padding: 20px;
}

.hero-sticker-intro .container, .taxonomy-tema-full-page .tema-header .container, .taxonomy-tags-blog-full-page .tags-blog-header .container, .hero-sticker-intro .embedded-form h3, .embedded-form .hero-sticker-intro h3, .taxonomy-tema-full-page .tema-header .embedded-form h3, .embedded-form .taxonomy-tema-full-page .tema-header h3, .taxonomy-tags-blog-full-page .tags-blog-header .embedded-form h3, .embedded-form .taxonomy-tags-blog-full-page .tags-blog-header h3, .hero-sticker-intro #user-login, .taxonomy-tema-full-page .tema-header #user-login, .taxonomy-tags-blog-full-page .tags-blog-header #user-login {
  position: relative;
  z-index: 1;
}

.view-cerca {
  max-width: 820px;
  margin: 0 auto;
}

.view-cerca h4 {
  font-size: 1rem;
  padding-bottom: 0;
}

.view-cerca h4 a {
  text-decoration: none;
}

.view-cerca p {
  font-size: 0.75rem;
}

.view-cerca strong {
  background: #FF9;
}

.view-cerca ul {
  margin-bottom: 40px;
}

.view-cerca li {
  padding-bottom: 10px;
}

.view-cerca .link {
  color: #008000;
  font-size: 0.75rem;
}

#views-exposed-form-cerca-panel-pane-1 .views-exposed-form {
  max-width: 820px;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}

.gsc-control-cse {
  font-family: 'Lato' !important;
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}

.gsc-control-cse .gsc-table-result {
  font-family: 'Lato' !important;
}

.gsc-url-top {
  padding: 0 !important;
}

.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 0 !important;
}

.gsc-control-cse,
.gsc-control-cse .gsc-table-result {
  width: 100%;
  font-family: 'Lato' !important;
  font-size: 1rem !important;
}

.gsc-control-cse .gs-spelling,
.gsc-control-cse .gs-result .gs-title,
.gsc-control-cse .gs-result .gs-title * {
  font-size: 1rem !important;
}

.gsc-thumbnail-inside {
  padding-left: 0 !important;
}

.gsc-input {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 5px;
}

.gsc-input-box {
  padding: 10px;
  height: auto !important;
}

td.gsc-search-button {
  width: auto !important;
}

.cse .gsc-search-button-v2,
.gsc-search-button-v2 {
  position: relative;
  height: 45px !important;
  border: none !important;
  border-radius: 5px !important;
}

.cse .gsc-search-button-v2 svg,
.gsc-search-button-v2 svg {
  width: 24px;
  height: 24px;
}

a.gcsc-branding-clickable {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.gsc-results .gsc-cursor-box {
  margin: 40px !important;
  text-align: center !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  background: #f2f2f2 !important;
  color: #222221 !important;
  padding: 7px !important;
  font-family: 'Lato' !important;
  font-size: 1rem !important;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
  text-decoration: none !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page:hover, .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
  background: #DA291C !important;
  color: #FFFFFF !important;
  border-radius: 2px !important;
}

.share-whatsapp,
.share-facebook,
.share-twitter {
  line-height: 32px;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  padding-left: 42px;
  font-family: "Lato";
  font-weight: 700;
  text-decoration: none;
}

.share-whatsapp:before,
.share-facebook:before,
.share-twitter:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 32px;
}

.share-whatsapp:before {
  content: "\e919";
  color: #25D366;
}

.share-facebook:before {
  content: "\eee9";
  color: #3b5999;
}

.share-twitter:before {
  content: "\eeed";
  color: #55acee;
}

.thank-you-social-share li {
  padding-left: 0;
}

.thank-you-social-share li:before {
  display: none;
}

.captcha .form-item-captcha-response {
  border: 1px solid #999999;
  -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1) inset;
  border-radius: 5px;
  padding: 5px;
  position: relative;
  padding: 10px 5px;
}

.captcha .form-item-captcha-response label {
  display: inline-block;
  padding: 5px;
  float: left;
  margin-left: 35px;
}

.captcha .form-item-captcha-response label:before {
  width: 32px;
  height: 32px;
  display: inline-block;
  font-size: 32px;
  top: 10px;
  position: absolute;
  left: 10px;
}

.captcha .form-item-captcha-response input {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px dotted #999999;
  border-width: 0 0 1px 0;
  padding: 5px;
  position: relative;
  float: left;
  margin-bottom: 10px;
  margin-left: 1px;
}

.captcha .form-item-captcha-response input.error {
  -webkit-box-shadow: 0 0 6px 2px #DA291C inset;
          box-shadow: 0 0 6px 2px #DA291C inset;
}

.captcha .form-item-captcha-response .form-required {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #DA291C;
}

.captcha .form-item-captcha-response .field-prefix {
  display: inline-block;
  border: 1px dotted #999999;
  border-width: 0 0 1px 0;
  padding: 4px 0 3px 0;
  float: left;
  margin-left: 10px;
  font-family: "Lato";
  font-style: italic;
}

.captcha .form-item-captcha-response .description {
  -webkit-box-shadow: 0 5px 3px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 3px 1px rgba(0, 0, 0, 0.1);
  background: #F3F2EE;
  margin: 10px 5px 10px 5px;
  padding: 10px;
  clear: both;
}

.captcha .form-item-captcha-response .description:before {
  width: 0;
  height: 0;
  content: '';
  border-opposite-position(top): 1em solid #F3F2EE;
  border-left: 1em solid transparent;
  border-right: 1em solid transparent;
  left: 100px;
}

.metadata-wrapper {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  /* border-bottom: 1px dotted $biscuit; */
}

.node-blog-post.view-mode-full .metadata-wrapper,
.node-instant-article.view-mode-full .metadata-wrapper {
  max-width: none;
  background: #F3F2EE;
}

.metadata-wrapper ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  padding: 0;
  margin: 0;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.metadata-wrapper li {
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  vertical-align: top;
  border-right: 2px solid #D1CCBD;
  color: #DA291C;
}

.metadata-wrapper li:last-child {
  border-right: none;
}

.metadata-wrapper li .metadata-field-content {
  font-size: 1rem;
  color: #DA291C;
}

.metadata-wrapper li.field-numero-beneficiari:before, .metadata-wrapper li.field-budget:before, .metadata-wrapper li.field-durata:before, .metadata-wrapper li.field-regioni:before, .metadata-wrapper li.field-numero-progetti:before {
  font-size: 64px;
  display: inline-block;
  color: #FFFFFF;
  color: #DA291C;
  border-radius: 50%;
}

.metadata-wrapper li.field-temi .taxonomy-term {
  padding-bottom: 10px;
}

.metadata-wrapper li.field-temi .taxonomy-term h2 {
  margin: 0;
}

.metadata-wrapper li.field-temi .taxonomy-term:last-child {
  padding-bottom: 0;
}

.metadata-wrapper li.field-temi .taxonomy-term i:before {
  font-size: 32px;
  line-height: 1;
  display: inline-block;
  margin-right: 10px;
  padding: 5px;
  color: #FFFFFF;
  background: #DA291C;
  border-radius: 50%;
  vertical-align: middle;
}

.metadata-wrapper li.field-temi .taxonomy-term h2 {
  display: inline-block;
  vertical-align: middle;
}

.metadata-wrapper li.field-temi .taxonomy-term h2 a {
  color: #DA291C;
  text-decoration: none;
}

.metadata-wrapper li.field-temi.layout-horizontal .taxonomy-term {
  display: inline-block;
  padding-right: 1em;
  padding-bottom: 0;
}

.metadata-wrapper li.field-temi.big {
  text-align: center;
}

.metadata-wrapper li.field-temi.big .taxonomy-term {
  padding: 10px;
}

.metadata-wrapper li.field-temi.big i:before {
  font-size: 48px;
}

.metadata-wrapper li.field-temi.big h2 {
  font-size: 1.5rem;
  letter-spacing: -1px;
}

.metadata-wrapper strong {
  display: block;
  font-family: "Lato";
  font-weight: 700;
  color: #222221;
  text-transform: uppercase;
}

.cost-examples ul {
  list-style: none;
}

.cost-examples li {
  border: 2px solid #D1CCBD;
  border-width: 3px;
  padding: 10px 10px 10px 40px;
  display: table;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 10px;
  position: relative;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
}

.cost-examples li:before {
  content: "";
}

.cost-examples li:hover, .cost-examples li.selected {
  border: 3px solid #DA291C;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.cost-examples li:hover:before, .cost-examples li.selected:before {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #DA291C;
  font-size: 32px;
}

.cost-examples.static {
  cursor: default;
}

.cost-examples.static li {
  cursor: default;
}

.cost-examples.static li:hover {
  border: 2px solid #D1CCBD;
  border-width: 3px;
}

.cost-examples.static li:hover:before {
  display: none;
}

.cost-examples p,
.cost-examples .amount {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}

.cost-examples .amount {
  font-family: 'Oswald';
  font-weight: 500;
  color: #DA291C;
  font-size: 2rem;
  border-right: 2px solid #D1CCBD;
  width: 25%;
  text-align: right;
}

.cost-examples .free-amount input {
  width: 70px;
  font-family: 'Oswald';
  font-weight: 500;
  color: #DA291C;
  font-size: 2rem;
}

.cost-examples .free-amount p {
  font-family: "Lato";
  font-style: italic;
}

.as-cost-examples label:first-child {
  display: none;
}

.as-cost-examples:after {
  display: none;
}

.as-cost-examples .form-radios em {
  font-style: normal;
}

.as-cost-examples .form-radios input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.as-cost-examples .form-radios input:checked + label {
  background: #FFFFFF;
  border: 1px solid #DA291C;
  -webkit-box-shadow: 0 0 0 3px #DA291C;
          box-shadow: 0 0 0 3px #DA291C;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.as-cost-examples .form-radios input:checked + label:before {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #DA291C;
  font-size: 32px;
}

.no-touch .as-cost-examples .form-radios label:hover {
  background: #FFFFFF;
  border: 1px solid #DA291C;
  -webkit-box-shadow: 0 0 0 3px #DA291C;
          box-shadow: 0 0 0 3px #DA291C;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.no-touch .as-cost-examples .form-radios label:hover:before {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #DA291C;
  font-size: 32px;
}

.as-cost-examples .form-radios .form-item.form-type-radio {
  display: block;
}

.as-cost-examples .form-radios .form-item.form-type-radio label {
  border: 2px solid #D1CCBD;
  padding: 10px;
  display: table;
  width: 100%;
  position: relative;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
  margin-bottom: 10px;
  background: #FFFFFF;
}

.as-cost-examples .form-radios em,
.as-cost-examples .form-radios strong {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}

.as-cost-examples .form-radios em {
  font-family: 'Oswald';
  font-weight: 500;
  color: #DA291C;
  font-size: 2rem;
  border-right: 2px solid #D1CCBD;
  width: 20%;
  text-align: right;
  padding-left: 50px;
}

.as-cost-examples .form-radios em.free-amount {
  padding-right: 50px;
  border: none;
  text-align: center;
  width: 100%;
  font-size: 1rem;
}

.as-cost-examples label.error {
  display: block !important;
}

.as-cost-examples label.error[style*="none"] {
  display: none !important;
}

.cost-examples-free-amount {
  text-align: center;
  padding-top: 40px;
  position: relative;
}

.cost-examples-free-amount:before {
  font-size: 32px;
  color: #DA291C;
  position: absolute;
  left: 50%;
  top: -10px;
  margin-left: -16px;
}

.cost-examples-free-amount label {
  display: none;
}

.cost-examples-free-amount label.error {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

/*
 * costs in a row
 */
.as-cost-buttons label:first-child {
  display: none;
}

.as-cost-buttons:after {
  display: none;
}

.as-cost-buttons input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.as-cost-buttons .form-radios {
  display: table;
  border-collapse: collapse;
}

.as-cost-buttons .form-item.form-type-radio {
  display: table-cell;
  border: 2px solid #D1CCBD;
}

.as-cost-buttons .form-item.form-type-radio label {
  background: #FFFFFF;
  font-family: 'Oswald';
  font-weight: 500;
  padding: 10px !important;
  display: block;
  font-size: 1.2rem;
  color: #222221;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
}

.as-cost-buttons .form-item.form-type-radio input:checked + label,
.as-cost-buttons .form-item.form-type-radio label:hover {
  background: #DA291C;
  color: #FFFFFF;
}

.as-cost-buttons label.error {
  display: block !important;
}

.as-cost-buttons label.error[style*="none"] {
  display: none !important;
}

#colorbox {
  /*
  .node {
    @extend .text-container;
    padding: $colPadding;
  }
  */
}

#colorbox .lead-loading,
#colorbox .donation-loading {
  padding: 28px 40px 0 40px;
}

@-webkit-keyframes blink {
  0% {
    opacity: .2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: .2;
  }
}

@keyframes blink {
  0% {
    opacity: .2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: .2;
  }
}

#colorbox .lead-loading span,
#colorbox .donation-loading span {
  -webkit-animation-name: blink;
          animation-name: blink;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

#colorbox .lead-loading span:nth-child(2),
#colorbox .donation-loading span:nth-child(2) {
  -webkit-animation-delay: .2s;
          animation-delay: .2s;
}

#colorbox .lead-loading span:nth-child(3),
#colorbox .donation-loading span:nth-child(3) {
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}

#colorbox .lead-loading em,
#colorbox .donation-loading em {
  display: block;
  font-size: 0.75rem;
  color: #999999;
  font-family: "Lato";
  font-weight: 400;
}

.pager {
  display: block;
  width: 100%;
  text-align: center;
}

.pager li {
  display: inline-block;
  border-radius: 2px;
  margin: 0 2px;
}

.pager li.pager-current {
  background: #DA291C;
  color: #FFFFFF;
  padding: 2px 7px;
}

.pager li a {
  display: block;
  padding: 2px 7px;
  text-decoration: none;
  color: #222221;
  background: #f2f2f2;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.pager li a:hover {
  color: #FFFFFF;
  background: #DA291C;
}

.file {
  padding-left: 1.3em;
  position: relative;
  display: block;
}

.file:before {
  position: absolute;
  top: 5px;
  left: 0;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ec80";
  margin-right: 10px;
  color: #DA291C;
}

input,
textarea,
select {
  border: 1px solid #D1CCBD;
  padding: 5px;
  font-size: 1rem;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1) inset;
  max-width: 100%;
}

input.disabled,
textarea.disabled,
select.disabled {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #D1CCBD !important;
}

select {
  max-width: 100%;
}

input[type=checkbox] {
  -webkit-box-shadow: none;
          box-shadow: none;
}

input[type=submit] {
  -webkit-appearance: none;
}

.underline, .cost-examples .free-amount input, .user-data-group input, .user-address-group input, .payment-method-ssd-group input, .payment-method-cc-group input, .underlined-fields input, #cinquePerMilleCalculator input {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px dotted #999999;
  border-width: 0 0 1px 0;
  padding: 5px;
  position: relative;
  height: 50px;
}

input {
  max-width: 100%;
}

input.tel {
  border: 1px solid #4A4F53;
  font-size: 30px;
  color: #4A4F53;
  padding: 10px;
}

input.underline, .cost-examples .free-amount input, .user-data-group input, .user-address-group input, .payment-method-ssd-group input, .payment-method-cc-group input, .underlined-fields input, #cinquePerMilleCalculator input {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px dotted #999999;
  border-width: 0 0 1px 0;
  padding: 5px;
  position: relative;
  height: 50px;
}

input.error {
  -webkit-box-shadow: 0 0 6px 2px #DA291C inset;
          box-shadow: 0 0 6px 2px #DA291C inset;
  border: none;
  -webkit-appearance: none;
}

input.error.form-checkbox {
  -webkit-appearance: checkbox;
}

input[type="radio"] {
  height: auto !important;
}

input[type="radio"].error {
  -webkit-appearance: radio;
}

.form-type-checkbox input {
  display: inline-block;
  vertical-align: middle;
}

.form-type-checkbox label {
  display: inline;
  vertical-align: middle;
}

.field-group {
  padding-top: 20px;
  border-radius: 5px;
}

.field-group h3 {
  font-family: "Lato";
  font-weight: 700;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  color: #DA291C;
  margin-bottom: 20px;
}

.field-group.expand-above {
  background: #F3F2EE;
  padding: 20px;
  margin-bottom: 20px;
}

.inline-fields input,
.inline-fields .form-item {
  display: inline-block;
  width: auto;
}

.fields-box {
  border: 1px solid #999999;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1) inset;
  margin-bottom: 40px;
}

.fields-box.collapse-fields {
  padding-top: 0;
  margin-left: 20px;
  margin-right: 20px;
}

.fields-box.collapse-fields .row *[class*="col"] {
  border-left: 1px dotted #999999;
}

.fields-box.collapse-fields .row *[class*="col"]:nth-child(1) {
  border-left: 0;
}

.fields-box.collapse-fields .field-container {
  padding-bottom: 0;
  min-height: 50px;
  vertical-align: middle;
}

.fields-box.collapse-fields input,
.fields-box.collapse-fields textarea {
  background: transparent;
  padding-left: 10px;
}

.field-with-icon {
  padding-left: 30px;
  position: relative;
  padding-left: 50px !important;
}

.field-with-icon:before {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 32px;
  color: #222221;
}

.field-inline-label {
  /*
   * labels can be put inside a markup component
   */
}

.field-inline-label .webform-component-markup {
  display: inline-block;
}

.field-inline-label label,
.field-inline-label .form-radios {
  display: inline-block;
  vertical-align: middle;
}

.field-inline-label .form-radios {
  line-height: 50px;
}

.field-inline-label label {
  line-height: 50px;
  margin-right: 1em;
}

.field-inline-label.field-with-icon label {
  padding-left: 10px;
}

form {
  position: relative;
}

form input,
form textarea,
form select,
form option {
  font-family: "Lato";
  font-weight: 400;
  color: #222221;
}

form .description {
  font-family: "Lato";
  font-weight: 400;
  font-size: 0.75rem;
  background: #FFFFFF;
  padding: 6.66667px;
  position: relative;
  margin-top: 10px;
}

form .description:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 20px;
  width: 0;
  height: 0;
  content: '';
  border-opposite-position(top): 10px solid #FFFFFF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

form input[type="tel"]:-moz-read-only,
form input[type="email"]:-moz-read-only,
form input[type="text"]:-moz-read-only,
form input[type="email"]:disabled,
form input[type="text"]:disabled {
  background: #fbfaf9;
  color: #999999;
}

form input[type="tel"]:read-only,
form input[type="email"]:read-only,
form input[type="text"]:read-only,
form input[type="email"]:disabled,
form input[type="text"]:disabled {
  background: #fbfaf9;
  color: #999999;
}

form .field-container {
  position: relative;
  padding-bottom: 20px;
}

form .field-container .show-description {
  position: absolute;
  right: 8px;
  top: 8px;
}

form .field-container .show-description:before {
  color: #009ca6;
  font-size: 32px;
}

form .field-container.with-hint {
  padding-right: 20px;
}

form .field-container.with-hint .description {
  position: absolute;
  right: 40px;
  top: 30px;
}

form .field-container.required {
  position: relative;
}

form .field-container.required.required-normal label .form-required {
  display: inline;
  color: #DA291C;
}

form .field-container.required.required-normal:after {
  display: none;
}

form .field-container.required label .form-required {
  display: none;
}

form .field-container.required:after {
  position: absolute;
  content: "*";
  top: 5px;
  right: 5px;
  color: #DA291C;
  font-size: 18px;
}

form .field-container.field-no-border input {
  border: none;
}

form .field-container.full-width-fields input,
form .field-container.full-width-fields textarea {
  width: 100%;
}

form .field-iban input {
  text-transform: uppercase;
}

label {
  font-family: "Lato";
  font-weight: 400;
  color: #222221;
  display: block;
  /*
   * no placeholder support
   */
}

label.no-ph {
  padding: 10px 0 10px 10px;
  font-size: 0.75rem;
}

label.error {
  /*
     * TODO: responsive
     */
  display: none;
  background: #FC4C02;
  font-family: "Lato";
  font-weight: 400;
  font-size: 0.75rem;
  padding: 5px;
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  margin-top: 8px;
  z-index: 999;
}

.field-rid-nome label.error,
.field-iban label.error {
  display: block;
}

label.error:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  content: '';
  border-opposite-position(top): 10px solid #FC4C02;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  top: -5px;
  left: 50%;
  margin-left: -10px;
}

.show-errors label.error {
  display: block !important;
}

.show-errors label.error[style*="none"] {
  display: none !important;
}

.radio-option label,
.form-item.form-type-radio label {
  color: #222221;
  display: block;
  vertical-align: baseline;
}

label.option {
  padding-left: 0 !important;
}

.radio-option,
.form-item.form-type-radio {
  display: inline-block;
}

/*
 * radio as button
 */
.form-radios.as-buttons {
  margin-top: 7px;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
  display: inline-block;
  border-radius: 5px;
}

.form-radios.as-buttons.error {
  -webkit-box-shadow: 0 0 6px 2px #DA291C;
          box-shadow: 0 0 6px 2px #DA291C;
}

.form-radios.as-buttons input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.form-radios.as-buttons .radio-option,
.form-radios.as-buttons .form-item.form-type-radio {
  display: block;
  float: left;
}

.form-radios.as-buttons .form-item.form-type-radio {
  /*
    input.error + label {
      @include box-shadow(0 0 6px 2px $red);
    }
  */
}

.form-radios.as-buttons .form-item.form-type-radio label {
  border: 1px solid #999999;
  line-height: 1;
  margin: 0;
  background: #FFFFFF;
  color: #222221;
  display: block;
  padding: 6.66667px 10px !important;
  border-width: 1px 1px 1px 0;
}

.form-radios.as-buttons .form-item.form-type-radio:first-child label {
  border-width: 1px 1px 1px 1px;
  border-radius: 5px 0 0 5px;
}

.form-radios.as-buttons .form-item.form-type-radio:last-child label {
  border-width: 1px 1px 1px 0;
  border-radius: 0 5px 5px 0;
}

.form-radios.as-buttons .form-item.form-type-radio:only-child label {
  border-width: 1px 1px 1px 1px;
  border-radius: 5px;
}

.form-radios.as-buttons .form-item.form-type-radio input:checked + label,
.form-radios.as-buttons .form-item.form-type-radio label:hover {
  background: #DA291C;
  color: #FFFFFF;
}

.form-radios.as-buttons .form-item.form-type-radio.form-disabled label {
  background: #fbfaf9;
  color: #999999;
}

.form-radios.as-buttons .form-item.form-type-radio.form-disabled input:checked + label:hover {
  background: #DA291C;
  color: #FFFFFF;
}

.form-radios.as-buttons .form-item.form-type-radio.form-disabled label:hover {
  background: #fbfaf9;
  color: #999999;
}

.donation-held-container .field-container > label {
  font-size: 0.75rem;
}

.donation-held-container .field-container > label span {
  display: none;
}

.donation-held-container .field-container:after {
  display: none;
}

.inline-dropdown {
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
  border-bottom: 2px dotted #D1CCBD;
}

.hide-label label {
  display: none;
}

/* file upload */
.form-managed-file input[type="file"] {
  width: auto !important;
  margin-right: 20px;
  margin-bottom: 10px;
}

.form-managed-file .file {
  margin-bottom: 0.5em;
}

.form-managed-file input[type="submit"] {
  width: auto !important;
}

/* webform */
/* tooltips */
.form-tooltip, form .field-container.with-hint .description, .field-payment-method strong {
  font-size: 0.75rem;
  background: #FFFFFF;
  width: 300px;
  border: 1px solid #D1CCBD;
  padding: 10px;
  z-index: 8000;
  color: #222221;
  text-align: left;
  -webkit-box-shadow: 0 5px 3px 1px rgba(0, 0, 0, 0.3);
          box-shadow: 0 5px 3px 1px rgba(0, 0, 0, 0.3);
}

/*
 * chosen
 */
.chosen-container {
  font-size: 1rem;
}

/*
 * required fields information
 */
.required-notice {
  font-size: 0.75rem;
  /*
  position: absolute;
  top: 20px;
  right: 10px;
  text-align: right;
  @include transform(rotate(-90deg));
  @include transform-origin(100%, 0);
  */
}

.required-notice span {
  color: #DA291C;
}

/*
 * placeholders
 */
::-webkit-input-placeholder {
  color: #999999;
  padding-right: 10px;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #999999;
  padding-right: 10px;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #999999;
  padding-right: 10px;
}

:-ms-input-placeholder {
  color: #999999;
  padding-right: 10px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.lead-form .pretty-checkbox > label {
  right: -10px;
}

.lead-form .pretty-checkbox.small .form-checkboxes label {
  padding-left: 5px !important;
  font-size: 0.8rem;
}

.pretty-checkbox {
  margin-bottom: 40px;
  display: table;
  width: auto;
  /*
  .form-item {
    span {
      margin-left: 40px;
      display: block;
      font-size: 0.9rem;

      &.form-required {
        display: inline;
        margin-left: 5px;
        color: $red;
      }
    }
  }

  input[type="checkbox"] {
    @include transition(all 300ms ease-in-out);
    visibility: hidden;
    position: absolute;
  }

  label.error {
    display: block !important;
  }

  &.small {

    .form-item {
      span {
        margin-left: 30px;

        &.form-required {
          margin-left: 5px;
        }
      }
    }

    input[type="checkbox"] + label {
      width: 20px;
      height: 20px;
      top: calc(50% - 10px);
      border: 2px solid #dfdedc;

      &:after {
        height: 7px;
        border-bottom: 3px solid $red;
        border-left: 3px solid $red;
      }
    }

    input[type="checkbox"].error + label {
      border: 2px solid $red;
    }

    input[type="checkbox"]:checked + label {
      border: 2px solid $red;
      &:after {
        width: 12px;
      }
    }

  }

  input[type="checkbox"] + label {
    position: absolute;
    width: 30px;
    height: 30px;
    border: 3px solid #dfdedc;
    border-radius: 3px;
    top: calc(50% - 12px);
    left: 0;
    //transform: translate(-50%, -50%);
    @include transition(all 300ms ease-in-out);
    @include box-shadow(rgba(blue, 0.4) 0 0 0, rgba(green, 0.2) 0 0 3px 1px inset);

    text-indent: -9999px;
    white-space: nowrap;
    user-select: none;
    line-height: 24px;
    background: $white;


    &:after {
      content: "";
      position: absolute;
      width: 0px;
      height: 10px;
      border-bottom: 5px solid $red;
      border-left: 5px solid $red;
      top: 40%;
      left: 45%;
      transform-origin: bottom left;
      transform: rotate(-45deg);
      opacity: 0;
      @include transition(all 300ms ease-in-out);
    }
  }

  input[type="checkbox"].error + label {
    border: 3px solid $red;
  }

  input[type="checkbox"]:checked + label {
    border: 3px solid $red;

    &:after {
      opacity: 1;
      width: 17px;
    }
  }
  */
}

.pretty-checkbox > label {
  position: absolute;
  top: 13px;
  right: 5px;
  display: block !important;
  font: 0/0 serif;
  text-shadow: none;
  color: transparent;
}

.pretty-checkbox > label span {
  text-indent: 0;
  font-size: 20px;
}

.pretty-checkbox.small > label span {
  font-size: 0.9rem;
}

.pretty-checkbox.small .form-checkboxes input {
  width: 20px;
  height: 20px;
}

.pretty-checkbox.small .form-checkboxes input + label:before {
  width: 20px;
  height: 20px;
}

.pretty-checkbox.small .form-checkboxes input + label:after {
  width: 7px;
  height: 12px;
  left: 7px;
  border: 3px solid #DA291C;
  border-left: 0;
  border-top: 0;
}

.pretty-checkbox.small .form-checkboxes label {
  padding-left: 30px !important;
  font-size: 0.9rem;
}

.pretty-checkbox .form-checkboxes {
  position: relative;
  display: inline-block;
}

.pretty-checkbox .form-checkboxes input {
  height: 40px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 40px;
}

.pretty-checkbox .form-checkboxes input.error + label:before {
  border: 2px solid #DA291C;
}

.pretty-checkbox .form-checkboxes input + label:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 30px;
  border: 2px solid #dfdedc;
  content: "";
  border-radius: 3px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-box-shadow: rgba(0, 0, 255, 0.4) 0 0 0, rgba(0, 128, 0, 0.2) 0 0 3px 1px inset;
          box-shadow: rgba(0, 0, 255, 0.4) 0 0 0, rgba(0, 128, 0, 0.2) 0 0 3px 1px inset;
}

.pretty-checkbox .form-checkboxes input + label:after {
  content: "";
  border: 4px solid #DA291C;
  border-left: 0;
  border-top: 0;
  height: 20px;
  left: 10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-60%) rotate(45deg);
          transform: translateY(-60%) rotate(45deg);
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  width: 12px;
}

.pretty-checkbox .form-checkboxes input:checked + label::after {
  opacity: 1;
}

.pretty-checkbox .form-checkboxes input:focus-visible + label::before {
  outline: 2px auto -webkit-focus-ring-color;
}

.pretty-checkbox .form-checkboxes label {
  padding-left: 40px !important;
  line-height: 1.5;
  display: inline-block;
}

.webform-progressbar {
  display: none !important;
}

.lead-form,
.newsletter-form {
  border-radius: 8px;
  /* field specific */
  /* address autocomplete widget on standard lead embedded form */
}

.lead-form input[type=email].error,
.lead-form input[type=tel].error,
.lead-form input[type=text].error,
.newsletter-form input[type=email].error,
.newsletter-form input[type=tel].error,
.newsletter-form input[type=text].error {
  border: 2px solid #DA291C;
}

.lead-form label,
.newsletter-form label {
  font-family: "Lato";
  font-weight: 400;
}

.lead-form input,
.lead-form textarea,
.newsletter-form input,
.newsletter-form textarea {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #222221;
}

.lead-form input.error,
.lead-form textarea.error,
.newsletter-form input.error,
.newsletter-form textarea.error {
  border-color: #DA291C;
}

.lead-form input.error + label,
.lead-form textarea.error + label,
.newsletter-form input.error + label,
.newsletter-form textarea.error + label {
  color: #FFFFFF;
}

.lead-form input.error + label.option,
.lead-form textarea.error + label.option,
.newsletter-form input.error + label.option,
.newsletter-form textarea.error + label.option {
  color: #DA291C;
}

.lead-form .form-item,
.newsletter-form .form-item {
  margin-bottom: 20px;
}

.lead-form .form-item:last-child,
.newsletter-form .form-item:last-child {
  margin-bottom: 0;
}

.lead-form .form-item.no-margin,
.newsletter-form .form-item.no-margin {
  margin: 0;
}

.lead-form .form-required,
.newsletter-form .form-required {
  color: #DA291C;
}

.lead-form .form-type-checkbox,
.newsletter-form .form-type-checkbox {
  position: relative;
  padding-left: 25px;
}

.lead-form .form-type-checkbox input,
.newsletter-form .form-type-checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

.lead-form .phoneAfter label:before,
.newsletter-form .phoneAfter label:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea1d";
  color: #DA291C;
  margin-right: 0.25em;
}

.lead-form .webform-component--birthdate-label,
.newsletter-form .webform-component--birthdate-label {
  margin-bottom: 0;
}

.lead-form .address-autocomplete-widget.lead-embedded-format .row .col,
.newsletter-form .address-autocomplete-widget.lead-embedded-format .row .col {
  padding: 0;
}

.lead-form .address-autocomplete-widget.lead-embedded-format .row .col:first-child,
.newsletter-form .address-autocomplete-widget.lead-embedded-format .row .col:first-child {
  padding-right: 10px;
}

.lead-form .address-autocomplete-widget.lead-embedded-format .row:last-child .col:last-child,
.newsletter-form .address-autocomplete-widget.lead-embedded-format .row:last-child .col:last-child {
  padding-left: 10px;
}

.lead-form .webform-component-radios .form-radios,
.newsletter-form .webform-component-radios .form-radios {
  margin-top: 10px;
}

.lead-form .webform-component-radios .form-radios .form-item.form-type-radio,
.newsletter-form .webform-component-radios .form-radios .form-item.form-type-radio {
  margin-bottom: 5px;
  padding-bottom: 5px;
  width: 100%;
}

.lead-form .webform-component-radios .form-radios .form-item.form-type-radio input[type=radio],
.newsletter-form .webform-component-radios .form-radios .form-item.form-type-radio input[type=radio] {
  float: left;
  display: block;
  width: 5%;
  margin: 0;
  padding: 0;
}

.lead-form .webform-component-radios .form-radios .form-item.form-type-radio input[type="radio"]:checked + label,
.newsletter-form .webform-component-radios .form-radios .form-item.form-type-radio input[type="radio"]:checked + label {
  color: #DA291C;
}

.lead-form .webform-component-radios .form-radios .form-item.form-type-radio label,
.newsletter-form .webform-component-radios .form-radios .form-item.form-type-radio label {
  float: left;
  display: block;
  width: 95%;
  font-size: 0.8rem;
  font-family: "Lato";
  font-weight: 700;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

/* hide messages */
.paragraphs-item-lead .col-6:only-child,
.paragraphs-item-lead-due-webform- .col-6:only-child,
.contact-lead-form .col-6:only-child {
  display: block;
  margin: 0 auto;
}

.paragraphs-item-lead .lead-form,
.paragraphs-item-lead .newsletter-form,
.paragraphs-item-lead-due-webform- .lead-form,
.paragraphs-item-lead-due-webform- .newsletter-form,
.contact-lead-form .lead-form,
.contact-lead-form .newsletter-form {
  padding: 20px;
  border: 1px dashed #BBB;
  background: rgba(255, 255, 255, 0.6);
}

.lead-form-wrapper .messages.status {
  display: none;
}

.lead-form-wrapper .messages.error {
  display: none;
}

.lead-form-wrapper .webform-client-form-3330 .messages.error {
  display: block;
}

.lead-form-wrapper .webform-confirmation {
  padding: 20px;
  background: #F3F2EE;
  border-radius: 8px;
}

.lead-form-wrapper .webform-confirmation *:last-child {
  margin-bottom: 0;
}

.lead-form-wrapper .links {
  display: none;
}

.embedded-form {
  max-width: 900px;
  margin: 0 auto;
}

.views-exposed-form {
  padding: 20px;
  background: #F3F2EE;
  margin-bottom: 40px;
}

.views-exposed-form label {
  font-family: "Lato";
  font-weight: 700;
  margin-bottom: 10px;
}

.views-exposed-widget {
  display: inline-block;
  margin-right: 20px;
}

.donazione-page-wrapper {
  background: #FFFFFF;
  position: relative;
}

.donazione-page-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-filter: blur(5px);
  /* Chrome, Safari */
  -ms-filter: blur(5px);
  /* IE12? */
  filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg"><filter id="blur"><feGaussianBlur stdDeviation="5" /></filter></svg>#blur');
  /* Firefox, Safari, Chrome*/
  filter: progid:DXImageTransform.Microsoft.Blur(Strength=$radius);
  /* IE9 */
}

.dona-selezione-prodotto {
  background: #F3F2EE;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  /*
   * makes central block taller
   */
}

.dona-selezione-prodotto .col:nth-child(2) .tipo-donazione header {
  min-height: 230px;
}

.tipo-donazione {
  position: relative;
  margin-bottom: 150px;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}

.tipo-donazione .content {
  border: 6px solid #DA291C;
}

.tipo-donazione.selected .action, .tipo-donazione.selected .form-managed-file input[type="submit"], .form-managed-file .tipo-donazione.selected input[type="submit"], .tipo-donazione.selected .webform-submit, .tipo-donazione.selected .views-exposed-form input[type="submit"], .views-exposed-form .tipo-donazione.selected input[type="submit"], .tipo-donazione.selected .ui-banner.view-mode-carousel .actions a, .ui-banner.view-mode-carousel .actions .tipo-donazione.selected a, .tipo-donazione:hover .action, .tipo-donazione:hover .form-managed-file input[type="submit"], .form-managed-file .tipo-donazione:hover input[type="submit"], .tipo-donazione:hover .webform-submit, .tipo-donazione:hover .views-exposed-form input[type="submit"], .views-exposed-form .tipo-donazione:hover input[type="submit"], .tipo-donazione:hover .ui-banner.view-mode-carousel .actions a, .ui-banner.view-mode-carousel .actions .tipo-donazione:hover a {
  opacity: 1;
}

.tipo-donazione.selected .importo, .tipo-donazione:hover .importo {
  bottom: -6px;
  left: -6px;
}

.tipo-donazione .filled, .tipo-donazione .taxonomy-regione-paesi-horizontal-list, .tipo-donazione .body-sidebar-container .sidebar .google-map, .body-sidebar-container .sidebar .tipo-donazione .google-map, .tipo-donazione .map-canvas-wrapper {
  background: #f2f2f2;
}

.tipo-donazione header {
  padding: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  min-height: 180px;
  position: relative;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
}

.tipo-donazione header .min-amount {
  position: absolute;
  font-family: 'Oswald';
  font-weight: 500;
  background: #DA291C;
  color: #FFFFFF;
  position: absolute;
  font-size: 1.8rem;
  bottom: 0;
  left: 0;
  padding: 10px;
  width: 2em;
  text-align: center;
}

.tipo-donazione h3 {
  color: #FFFFFF;
  line-height: 1.5;
  margin-bottom: 0;
  font-family: 'Oswald';
  font-weight: 500;
  min-height: 7.5em;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}

.tipo-donazione h3 span {
  display: block;
  font-size: 2rem;
  line-height: 1;
}

.tipo-donazione h3 small {
  display: none;
  font-size: 1rem;
}

.tipo-donazione.selected h3 {
  min-height: 9em;
}

.tipo-donazione .product-description {
  min-height: 280px;
}

.tipo-donazione #donazione-singola-causale {
  margin-top: 10px;
  font-size: 16px;
}

.tipo-donazione .amounts-w {
  width: 100%;
  background: #FFFFFF;
}

.tipo-donazione .amounts {
  display: table;
  background: #FFFFFF;
}

.tipo-donazione .amounts li {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  padding: 10px 5px 5px 5px;
  text-align: center;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
  -webkit-font-smoothing: subpixelantialiased;
  color: #4A4F53;
  -webkit-transform: perspective(1px) scale(0.8);
          transform: perspective(1px) scale(0.8);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.tipo-donazione .amounts li .euro, .tipo-donazione .amounts li .amount {
  display: inline-block;
  line-height: 1em;
}

.tipo-donazione .amounts li .amount {
  font-size: 2em;
  font-family: 'Oswald';
  font-weight: 500;
}

.tipo-donazione .amounts li .frequency {
  display: block;
  line-height: 1;
  font-size: 0.9em;
}

.tipo-donazione .amounts li.other-amount.selected:before {
  margin-left: -8px;
}

.tipo-donazione .amounts li.other-amount span {
  display: block;
  font-size: 1em;
  line-height: 1;
}

.tipo-donazione .amounts li.selected, .tipo-donazione .amounts li:hover {
  color: #DA291C;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.tipo-donazione .amounts li.selected:before {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -4px;
  width: 0;
  height: 0;
  content: '';
  border-opposite-position(bottom): 8px solid #DA291C;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

.tipo-donazione .other-w {
  display: none;
  padding: 10px;
  background: #F3F2EE;
  text-align: center;
}

.tipo-donazione .other-w strong, .tipo-donazione .other-w input {
  display: inline-block;
  font-family: 'Oswald';
  font-weight: 500;
  color: #DA291C;
}

.tipo-donazione .other-w.on {
  display: block;
}

.tipo-donazione .importo {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #484040;
  background: #DA291C;
  padding: 5px;
  text-align: center;
}

.tipo-donazione .importo .euro, .tipo-donazione .importo .price {
  display: inline-block;
  line-height: 1em;
}

.tipo-donazione .importo .price {
  font-size: 2em;
}

.tipo-donazione .importo .frequency {
  display: block;
}

.tipo-donazione .action-wrapper {
  position: absolute;
  width: 100%;
  bottom: 0;
  margin-top: 20px;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.donazione-statement {
  position: relative;
  z-index: 30;
  color: #FFFFFF;
  font-size: 3rem;
}

.donazione-recap {
  font-size: 1.5em;
  color: #009ca6;
  border-bottom: 1px dotted #009ca6;
}

.donazione-recap .euro {
  font-size: 0.75em;
  color: #DA291C;
}

.donazione-recap strong {
  color: #DA291C;
}

/*
 * TODO: portare su tipo nodo webform
 */
.node-type-webform-template .main-content-wrapper {
  background: #003c40;
}

.node-type-webform-template .field-header {
  position: relative;
  padding-bottom: 30px;
}

.node-type-webform-template .field-header .text-container, .node-type-webform-template .field-header .legal, .node-type-webform-template .field-header .hero-sticker-intro .hero-description-element, .hero-sticker-intro .node-type-webform-template .field-header .hero-description-element, .node-type-webform-template .field-header .taxonomy-tema-full-page .tema-header .hero-description-element, .taxonomy-tema-full-page .tema-header .node-type-webform-template .field-header .hero-description-element, .node-type-webform-template .field-header .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element, .taxonomy-tags-blog-full-page .tags-blog-header .node-type-webform-template .field-header .hero-description-element,
.node-type-webform-template .field-header .hero-sticker-intro .taxonomy-term-description, .hero-sticker-intro .node-type-webform-template .field-header .taxonomy-term-description,
.node-type-webform-template .field-header .taxonomy-tema-full-page .tema-header .taxonomy-term-description, .taxonomy-tema-full-page .tema-header .node-type-webform-template .field-header .taxonomy-term-description,
.node-type-webform-template .field-header .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description, .taxonomy-tags-blog-full-page .tags-blog-header .node-type-webform-template .field-header .taxonomy-term-description, .node-type-webform-template .field-header .lead-form-wrapper .webform-confirmation, .lead-form-wrapper .node-type-webform-template .field-header .webform-confirmation, .node-type-webform-template .field-header .form-donazione-generale-sidebar .entity-paragraphs-item, .form-donazione-generale-sidebar .node-type-webform-template .field-header .entity-paragraphs-item, .node-type-webform-template .field-header .field-sms-modal-content .wrapper-sms-intro, .field-sms-modal-content .node-type-webform-template .field-header .wrapper-sms-intro, .node-type-webform-template .field-header .taxonomy-regione-full-page .taxonomy-term-description, .taxonomy-regione-full-page .node-type-webform-template .field-header .taxonomy-term-description {
  color: #FFFFFF;
  font-family: 'Oswald';
  font-weight: 500;
}

.node-type-webform-template .field-header .text-container strong, .node-type-webform-template .field-header .legal strong, .node-type-webform-template .field-header .hero-sticker-intro .hero-description-element strong, .hero-sticker-intro .node-type-webform-template .field-header .hero-description-element strong, .node-type-webform-template .field-header .taxonomy-tema-full-page .tema-header .hero-description-element strong, .taxonomy-tema-full-page .tema-header .node-type-webform-template .field-header .hero-description-element strong, .node-type-webform-template .field-header .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element strong, .taxonomy-tags-blog-full-page .tags-blog-header .node-type-webform-template .field-header .hero-description-element strong, .node-type-webform-template .field-header .hero-sticker-intro .taxonomy-term-description strong, .hero-sticker-intro .node-type-webform-template .field-header .taxonomy-term-description strong, .node-type-webform-template .field-header .taxonomy-tema-full-page .tema-header .taxonomy-term-description strong, .taxonomy-tema-full-page .tema-header .node-type-webform-template .field-header .taxonomy-term-description strong, .node-type-webform-template .field-header .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description strong, .taxonomy-tags-blog-full-page .tags-blog-header .node-type-webform-template .field-header .taxonomy-term-description strong, .node-type-webform-template .field-header .lead-form-wrapper .webform-confirmation strong, .lead-form-wrapper .node-type-webform-template .field-header .webform-confirmation strong, .node-type-webform-template .field-header .form-donazione-generale-sidebar .entity-paragraphs-item strong, .form-donazione-generale-sidebar .node-type-webform-template .field-header .entity-paragraphs-item strong, .node-type-webform-template .field-header .field-sms-modal-content .wrapper-sms-intro strong, .field-sms-modal-content .node-type-webform-template .field-header .wrapper-sms-intro strong, .node-type-webform-template .field-header .taxonomy-regione-full-page .taxonomy-term-description strong, .taxonomy-regione-full-page .node-type-webform-template .field-header .taxonomy-term-description strong {
  font-size: 2.5rem;
}

.node-type-webform-template .field-header .text-container em, .node-type-webform-template .field-header .legal em, .node-type-webform-template .field-header .hero-sticker-intro .hero-description-element em, .hero-sticker-intro .node-type-webform-template .field-header .hero-description-element em, .node-type-webform-template .field-header .taxonomy-tema-full-page .tema-header .hero-description-element em, .taxonomy-tema-full-page .tema-header .node-type-webform-template .field-header .hero-description-element em, .node-type-webform-template .field-header .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element em, .taxonomy-tags-blog-full-page .tags-blog-header .node-type-webform-template .field-header .hero-description-element em, .node-type-webform-template .field-header .hero-sticker-intro .taxonomy-term-description em, .hero-sticker-intro .node-type-webform-template .field-header .taxonomy-term-description em, .node-type-webform-template .field-header .taxonomy-tema-full-page .tema-header .taxonomy-term-description em, .taxonomy-tema-full-page .tema-header .node-type-webform-template .field-header .taxonomy-term-description em, .node-type-webform-template .field-header .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description em, .taxonomy-tags-blog-full-page .tags-blog-header .node-type-webform-template .field-header .taxonomy-term-description em, .node-type-webform-template .field-header .lead-form-wrapper .webform-confirmation em, .lead-form-wrapper .node-type-webform-template .field-header .webform-confirmation em, .node-type-webform-template .field-header .form-donazione-generale-sidebar .entity-paragraphs-item em, .form-donazione-generale-sidebar .node-type-webform-template .field-header .entity-paragraphs-item em, .node-type-webform-template .field-header .field-sms-modal-content .wrapper-sms-intro em, .field-sms-modal-content .node-type-webform-template .field-header .wrapper-sms-intro em, .node-type-webform-template .field-header .taxonomy-regione-full-page .taxonomy-term-description em, .taxonomy-regione-full-page .node-type-webform-template .field-header .taxonomy-term-description em {
  font-size: 1.5em;
}

.node-type-webform-template .field-header .text-container *, .node-type-webform-template .field-header .legal *, .node-type-webform-template .field-header .hero-sticker-intro .hero-description-element *, .hero-sticker-intro .node-type-webform-template .field-header .hero-description-element *, .node-type-webform-template .field-header .taxonomy-tema-full-page .tema-header .hero-description-element *, .taxonomy-tema-full-page .tema-header .node-type-webform-template .field-header .hero-description-element *, .node-type-webform-template .field-header .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element *, .taxonomy-tags-blog-full-page .tags-blog-header .node-type-webform-template .field-header .hero-description-element *, .node-type-webform-template .field-header .hero-sticker-intro .taxonomy-term-description *, .hero-sticker-intro .node-type-webform-template .field-header .taxonomy-term-description *, .node-type-webform-template .field-header .taxonomy-tema-full-page .tema-header .taxonomy-term-description *, .taxonomy-tema-full-page .tema-header .node-type-webform-template .field-header .taxonomy-term-description *, .node-type-webform-template .field-header .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description *, .taxonomy-tags-blog-full-page .tags-blog-header .node-type-webform-template .field-header .taxonomy-term-description *, .node-type-webform-template .field-header .lead-form-wrapper .webform-confirmation *, .lead-form-wrapper .node-type-webform-template .field-header .webform-confirmation *, .node-type-webform-template .field-header .form-donazione-generale-sidebar .entity-paragraphs-item *, .form-donazione-generale-sidebar .node-type-webform-template .field-header .entity-paragraphs-item *, .node-type-webform-template .field-header .field-sms-modal-content .wrapper-sms-intro *, .field-sms-modal-content .node-type-webform-template .field-header .wrapper-sms-intro *, .node-type-webform-template .field-header .taxonomy-regione-full-page .taxonomy-term-description *, .taxonomy-regione-full-page .node-type-webform-template .field-header .taxonomy-term-description * {
  line-height: 1.2;
  color: #FFFFFF;
}

.node-type-webform-template .field-header .text-container p, .node-type-webform-template .field-header .legal p, .node-type-webform-template .field-header .hero-sticker-intro .hero-description-element p, .hero-sticker-intro .node-type-webform-template .field-header .hero-description-element p, .node-type-webform-template .field-header .taxonomy-tema-full-page .tema-header .hero-description-element p, .taxonomy-tema-full-page .tema-header .node-type-webform-template .field-header .hero-description-element p, .node-type-webform-template .field-header .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element p, .taxonomy-tags-blog-full-page .tags-blog-header .node-type-webform-template .field-header .hero-description-element p, .node-type-webform-template .field-header .hero-sticker-intro .taxonomy-term-description p, .hero-sticker-intro .node-type-webform-template .field-header .taxonomy-term-description p, .node-type-webform-template .field-header .taxonomy-tema-full-page .tema-header .taxonomy-term-description p, .taxonomy-tema-full-page .tema-header .node-type-webform-template .field-header .taxonomy-term-description p, .node-type-webform-template .field-header .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description p, .taxonomy-tags-blog-full-page .tags-blog-header .node-type-webform-template .field-header .taxonomy-term-description p, .node-type-webform-template .field-header .lead-form-wrapper .webform-confirmation p, .lead-form-wrapper .node-type-webform-template .field-header .webform-confirmation p, .node-type-webform-template .field-header .form-donazione-generale-sidebar .entity-paragraphs-item p, .form-donazione-generale-sidebar .node-type-webform-template .field-header .entity-paragraphs-item p, .node-type-webform-template .field-header .field-sms-modal-content .wrapper-sms-intro p, .field-sms-modal-content .node-type-webform-template .field-header .wrapper-sms-intro p, .node-type-webform-template .field-header .taxonomy-regione-full-page .taxonomy-term-description p, .taxonomy-regione-full-page .node-type-webform-template .field-header .taxonomy-term-description p {
  margin-bottom: 10px;
}

.node-type-webform-template .field-header .text-container small, .node-type-webform-template .field-header .legal small, .node-type-webform-template .field-header .hero-sticker-intro .hero-description-element small, .hero-sticker-intro .node-type-webform-template .field-header .hero-description-element small, .node-type-webform-template .field-header .taxonomy-tema-full-page .tema-header .hero-description-element small, .taxonomy-tema-full-page .tema-header .node-type-webform-template .field-header .hero-description-element small, .node-type-webform-template .field-header .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element small, .taxonomy-tags-blog-full-page .tags-blog-header .node-type-webform-template .field-header .hero-description-element small, .node-type-webform-template .field-header .hero-sticker-intro .taxonomy-term-description small, .hero-sticker-intro .node-type-webform-template .field-header .taxonomy-term-description small, .node-type-webform-template .field-header .taxonomy-tema-full-page .tema-header .taxonomy-term-description small, .taxonomy-tema-full-page .tema-header .node-type-webform-template .field-header .taxonomy-term-description small, .node-type-webform-template .field-header .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description small, .taxonomy-tags-blog-full-page .tags-blog-header .node-type-webform-template .field-header .taxonomy-term-description small, .node-type-webform-template .field-header .lead-form-wrapper .webform-confirmation small, .lead-form-wrapper .node-type-webform-template .field-header .webform-confirmation small, .node-type-webform-template .field-header .form-donazione-generale-sidebar .entity-paragraphs-item small, .form-donazione-generale-sidebar .node-type-webform-template .field-header .entity-paragraphs-item small, .node-type-webform-template .field-header .field-sms-modal-content .wrapper-sms-intro small, .field-sms-modal-content .node-type-webform-template .field-header .wrapper-sms-intro small, .node-type-webform-template .field-header .taxonomy-regione-full-page .taxonomy-term-description small, .taxonomy-regione-full-page .node-type-webform-template .field-header .taxonomy-term-description small {
  display: block;
  font-family: "Lato";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1;
}

.node-type-webform-template .field-header .text-container:after, .node-type-webform-template .field-header .legal:after, .node-type-webform-template .field-header .hero-sticker-intro .hero-description-element:after, .hero-sticker-intro .node-type-webform-template .field-header .hero-description-element:after, .node-type-webform-template .field-header .taxonomy-tema-full-page .tema-header .hero-description-element:after, .taxonomy-tema-full-page .tema-header .node-type-webform-template .field-header .hero-description-element:after, .node-type-webform-template .field-header .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element:after, .taxonomy-tags-blog-full-page .tags-blog-header .node-type-webform-template .field-header .hero-description-element:after,
.node-type-webform-template .field-header .hero-sticker-intro .taxonomy-term-description:after, .hero-sticker-intro .node-type-webform-template .field-header .taxonomy-term-description:after,
.node-type-webform-template .field-header .taxonomy-tema-full-page .tema-header .taxonomy-term-description:after, .taxonomy-tema-full-page .tema-header .node-type-webform-template .field-header .taxonomy-term-description:after,
.node-type-webform-template .field-header .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description:after, .taxonomy-tags-blog-full-page .tags-blog-header .node-type-webform-template .field-header .taxonomy-term-description:after, .node-type-webform-template .field-header .lead-form-wrapper .webform-confirmation:after, .lead-form-wrapper .node-type-webform-template .field-header .webform-confirmation:after, .node-type-webform-template .field-header .form-donazione-generale-sidebar .entity-paragraphs-item:after, .form-donazione-generale-sidebar .node-type-webform-template .field-header .entity-paragraphs-item:after, .node-type-webform-template .field-header .field-sms-modal-content .wrapper-sms-intro:after, .field-sms-modal-content .node-type-webform-template .field-header .wrapper-sms-intro:after, .node-type-webform-template .field-header .taxonomy-regione-full-page .taxonomy-term-description:after, .taxonomy-regione-full-page .node-type-webform-template .field-header .taxonomy-term-description:after {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -16px;
  font-size: 32px;
  bottom: 30px;
  color: #FFFFFF;
}

.form-donazione-generale-container {
  position: relative;
}

.form-donazione-generale-form-wrapper {
  min-height: 800px;
  padding-top: 40px;
}

.form-donazione-generale-form-wrapper input, .form-donazione-generale-form-wrapper textarea {
  font-size: 1.5rem;
}

.form-donazione-generale-form-wrapper h3 {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
  font-family: 'Oswald';
  font-weight: 500;
  text-transform: uppercase;
}

.form-donazione-generale-form-wrapper .field-type-date .webform-component-textfield {
  display: inline-block;
}

.form-donazione-generale-form-wrapper .field-type-date .webform-component-textfield label {
  font-family: "Lato";
  font-weight: 400;
}

.form-donazione-generale-left-column {
  background: #F3F2EE;
  /* @include border-radius($formRadius 0 0 $formRadius); */
  /**
   * Dates tweaks
   */
}

.form-donazione-generale-left-column .field-birth-day,
.form-donazione-generale-left-column .field-birth-month,
.form-donazione-generale-left-column .field-birth-year,
.form-donazione-generale-left-column .field-credit-card-exp-month,
.form-donazione-generale-left-column .field-credit-card-exp-year {
  vertical-align: middle;
  margin-bottom: 5px;
}

.form-donazione-generale-left-column .field-commemoration-day input,
.form-donazione-generale-left-column .field-birth-day input {
  min-width: auto;
  width: 35px !important;
  text-align: right;
  padding-left: 0;
  padding-right: 0;
}

.form-donazione-generale-left-column .field-commemoration-month input,
.form-donazione-generale-left-column .field-birth-month input {
  min-width: auto;
  width: 45px !important;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.form-donazione-generale-left-column .field-commemoration-year input,
.form-donazione-generale-left-column .field-birth-year input {
  min-width: auto;
  width: 65px !important;
  padding-left: 0;
  padding-right: 0;
}

.form-donazione-generale-left-column .field-credit-card-exp-month input {
  min-width: auto;
  width: 45px !important;
  text-align: right;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.form-donazione-generale-left-column .field-credit-card-exp-year input {
  min-width: auto;
  width: 45px !important;
  text-align: left;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.form-donazione-generale-left-column .field-with-icon.field-icon-code:before {
  top: 13px;
}

.form-donazione-generale-left-column .field-address-cap {
  width: 18%;
}

.form-donazione-generale-left-column .field-address-city {
  width: 57%;
}

.form-donazione-generale-left-column .webform-component--group-your-address--wrapper-address--row-address--row-city:after {
  display: none;
}

.form-donazione-generale-sidebar {
  background: #FFFFFF;
  border-radius: 0 8px 8px 0;
}

.form-donazione-generale-sidebar .entity-paragraphs-item {
  overflow: visible;
}

.form-donazione-generale-sidebar .text-container, .form-donazione-generale-sidebar .legal, .form-donazione-generale-sidebar .hero-sticker-intro .hero-description-element, .hero-sticker-intro .form-donazione-generale-sidebar .hero-description-element, .form-donazione-generale-sidebar .taxonomy-tema-full-page .tema-header .hero-description-element, .taxonomy-tema-full-page .tema-header .form-donazione-generale-sidebar .hero-description-element, .form-donazione-generale-sidebar .taxonomy-tags-blog-full-page .tags-blog-header .hero-description-element, .taxonomy-tags-blog-full-page .tags-blog-header .form-donazione-generale-sidebar .hero-description-element,
.form-donazione-generale-sidebar .hero-sticker-intro .taxonomy-term-description, .hero-sticker-intro .form-donazione-generale-sidebar .taxonomy-term-description,
.form-donazione-generale-sidebar .taxonomy-tema-full-page .tema-header .taxonomy-term-description, .taxonomy-tema-full-page .tema-header .form-donazione-generale-sidebar .taxonomy-term-description,
.form-donazione-generale-sidebar .taxonomy-tags-blog-full-page .tags-blog-header .taxonomy-term-description, .taxonomy-tags-blog-full-page .tags-blog-header .form-donazione-generale-sidebar .taxonomy-term-description, .form-donazione-generale-sidebar .lead-form-wrapper .webform-confirmation, .lead-form-wrapper .form-donazione-generale-sidebar .webform-confirmation, .form-donazione-generale-sidebar .entity-paragraphs-item, .form-donazione-generale-sidebar .field-sms-modal-content .wrapper-sms-intro, .field-sms-modal-content .form-donazione-generale-sidebar .wrapper-sms-intro, .form-donazione-generale-sidebar .taxonomy-regione-full-page .taxonomy-term-description, .taxonomy-regione-full-page .form-donazione-generale-sidebar .taxonomy-term-description {
  overflow: initial;
}

.form-donazione-generale-sidebar a[href^="mailto"] {
  font-size: 0.75rem;
  display: block;
}

/* fields styling */
/*
 * make 2 digits input fields slightly larger
 * to accomodate placeholder text
 */
input[size="2"] {
  min-width: 65px;
}

.user-address-group {
  margin-bottom: 6.66667px;
}

.field-group-payment-methods .fields-box {
  margin-bottom: 20px;
}

.field-credit-card-exp-month.form-item input.form-text {
  padding-right: 10px;
  padding-left: 10px;
  width: 50px;
}

.field-credit-card-exp-year {
  max-width: 65px;
}

.field-payment-method {
  z-index: 8000;
}

.field-payment-method em {
  padding-right: 26px;
  position: relative;
}

.field-payment-method em:after {
  display: inline-block;
  color: #009ca6;
  margin-left: 0.5em;
  vertical-align: top;
  position: absolute;
  top: 2px;
  right: 1px;
}

.field-payment-method label {
  position: relative;
}

.field-payment-method input:checked + label em:after,
.field-payment-method em:hover:after {
  color: #FFFFFF;
}

.field-payment-method em:hover + strong {
  display: block;
}

.field-payment-method strong {
  display: none;
  position: absolute;
  top: 34px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.field-payment-method strong:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  content: '';
  border-opposite-position(top): 10px solid #FFFFFF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  top: -10px;
  left: 50%;
  margin-left: -10px;
}

.user-birthdate-group .webform-component {
  display: inline-block;
}

.user-birthdate-group input {
  border-bottom: 0 !important;
  padding-right: 10px;
}

.user-birthdate-group .form-item:nth-of-type(2) input, .user-birthdate-group .form-item:nth-of-type(3) input {
  width: 60px;
}

.user-birthdate-group .form-item:nth-of-type(4) input {
  width: 80px;
}

.user-gender-group .radio-options {
  border-bottom: 1px dotted #999999;
}

.user-gender-group > label {
  display: none !important;
}

.cellulare-wrapper .field-container {
  border-left: none !important;
}

.recap-wrapper {
  background: #D1CCBD;
  text-align: center;
  margin-bottom: 40px;
}

/*
 * SMS modal window
 */
.field-sms-modal-content {
  background: #FFFFFF;
  border-radius: 8px;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  min-width: 300px;
  width: 350px;
  max-width: 90%;
  z-index: 9001;
  padding: 20px;
  text-align: center;
}

.field-sms-modal-content .wrapper-sms-intro {
  font-size: 0.75rem;
}

.field-sms-modal-content .wrapper-sms-intro strong {
  font-size: 1rem;
  display: block;
  text-align: center;
}

.field-sms-modal-content .sms-status-wrapper {
  font-size: 0.75rem;
}

.field-sms-modal-content .sms-status-wrapper span {
  display: block;
}

.field-sms-modal-content .sms-status .ok {
  color: #009ca6;
}

.field-sms-modal-content .sms-status .ko {
  color: #DA291C;
}

.field-sms-modal-content .close-anchor {
  position: absolute;
  top: 10px;
  left: 10px;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
}

.field-sms-code-inputs {
  text-align: center;
}

.field-sms-code-inputs .webform-component-textfield {
  display: inline-block;
}

.field-sms-code-inputs .webform-component-textfield input {
  border: 1px solid #4A4F53;
  text-align: center;
  padding: 5px !important;
  margin-right: 3px;
}

.field-sms-code-inputs span.field-prefix {
  display: none;
}

.wrapper-sms-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9000;
}

/*
 * embedded errors
 */
.form-donazione-generale-left-column {
  /**
   * Aggregated CC expiry date error
   */
  /**
   * END Touch devices
   */
}

.form-donazione-generale-left-column .field-birth-day label.error,
.form-donazione-generale-left-column .field-birth-month label.error,
.form-donazione-generale-left-column .field-birth-year label.error,
.form-donazione-generale-left-column .field-credit-card-exp-year label.error,
.form-donazione-generale-left-column .field-credit-card-exp-month label.error {
  display: none !important;
}

.form-donazione-generale-left-column .cc-exp-group-error-container {
  position: relative;
}

.form-donazione-generale-left-column .cc-exp-group-error-container label.error {
  top: -3px;
  left: 90px;
  display: block;
}

.touchevents .form-donazione-generale-left-column {
  /**
     * Mobile error triggers
     */
  /**
     * Credit card expiry date aggregated fields
     */
}

.touchevents .form-donazione-generale-left-column .user-birthdate-group-error-container.error {
  border-top: 1px solid #DA291C;
}

.touchevents .form-donazione-generale-left-column .cc-exp-group-error-container.error {
  border-top: 1px solid #DA291C;
  padding-top: 3px;
}

.touchevents .form-donazione-generale-left-column .radio-options.as-buttons {
  margin-top: 4px;
}

.touchevents .form-donazione-generale-left-column label.error {
  margin-top: 2px;
  font-size: 0.9rem;
}

.touchevents .form-donazione-generale-left-column .row .field-container {
  vertical-align: top;
  width: 100%;
}

.touchevents .form-donazione-generale-left-column .row .field-container label.error {
  position: relative;
  display: block;
  width: 100%;
  height: 30px;
  text-align: left;
  line-height: 1em;
}

.touchevents .form-donazione-generale-left-column .row .field-container.as-cost-examples label.error {
  text-align: center;
}

.touchevents .form-donazione-generale-left-column .row .field-container.field-address-district2 label.error {
  margin: 0;
  padding: 0;
  color: #DA291C;
  background: transparent;
}

.touchevents .form-donazione-generale-left-column .row .field-container.field-address-district2 label.error:before {
  display: none;
}

.touchevents .form-donazione-generale-left-column .row .field-container.field-address-district2 .chosen-container-single.error {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.touchevents .form-donazione-generale-left-column .row .field-container.field-address-district2 .chosen-container-single.error .chosen-single {
  border-bottom: 1px solid #DA291C;
}

.touchevents .form-donazione-generale-left-column .row .field-container.field-credit-card-cvv {
  width: 60%;
}

.touchevents .form-donazione-generale-left-column .row .field-container.field-credit-card-cvv label.error {
  margin-bottom: 8px;
}

.touchevents .form-donazione-generale-left-column .row .field-container.field-commemoration-address-cap label.error, .touchevents .form-donazione-generale-left-column .row .field-container.field-commemoration-address-city label.error, .touchevents .form-donazione-generale-left-column .row .field-container.field-commemoration-address-district label.error {
  margin-bottom: 8px;
}

.touchevents .form-donazione-generale-left-column select.error,
.touchevents .form-donazione-generale-left-column input[type=email].error,
.touchevents .form-donazione-generale-left-column input[type=text].error,
.touchevents .form-donazione-generale-left-column input[type=tel].error {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid #DA291C;
}

.touchevents .form-donazione-generale-left-column .form-radios.as-buttons.error {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.touchevents .form-donazione-generale-left-column .radio-options.as-buttons.error {
  border-bottom: 1px solid #DA291C;
  margin-bottom: 1rem;
}

.touchevents .form-donazione-generale-left-column .radio-options.as-buttons label.error {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  color: #DA291C;
  background: transparent;
  -webkit-transform: translateY(calc(100% + 1px));
          transform: translateY(calc(100% + 1px));
}

.touchevents .form-donazione-generale-left-column .radio-options.as-buttons label.error:before {
  display: none;
}

.touchevents .form-donazione-generale-left-column .user-birthdate-group input.error,
.touchevents .form-donazione-generale-left-column .cc-exp-group input.error {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 0;
}

.touchevents .form-donazione-generale-left-column .user-birthdate-group .user-birthdate-group-error-container label.error,
.touchevents .form-donazione-generale-left-column .user-birthdate-group .cc-exp-group-error-container label.error,
.touchevents .form-donazione-generale-left-column .cc-exp-group .user-birthdate-group-error-container label.error,
.touchevents .form-donazione-generale-left-column .cc-exp-group .cc-exp-group-error-container label.error {
  left: 0;
  display: block !important;
  margin: 0;
  padding: 0;
  color: #DA291C;
  background: transparent;
}

.touchevents .form-donazione-generale-left-column .user-birthdate-group .user-birthdate-group-error-container label.error:before,
.touchevents .form-donazione-generale-left-column .user-birthdate-group .cc-exp-group-error-container label.error:before,
.touchevents .form-donazione-generale-left-column .cc-exp-group .user-birthdate-group-error-container label.error:before,
.touchevents .form-donazione-generale-left-column .cc-exp-group .cc-exp-group-error-container label.error:before {
  display: none;
}

.touchevents .form-donazione-generale-left-column select {
  height: 50px;
  -webkit-box-shadow: -3px 0 3px 0 rgba(0, 0, 0, 0.1) inset;
          box-shadow: -3px 0 3px 0 rgba(0, 0, 0, 0.1) inset;
  border: 0;
  border-bottom: 1px dotted #999;
}

.touchevents .form-donazione-generale-left-column select + label.error,
.touchevents .form-donazione-generale-left-column input[type=email] + label.error,
.touchevents .form-donazione-generale-left-column input[type=text] + label.error,
.touchevents .form-donazione-generale-left-column input[type=tel] + label.error,
.touchevents .form-donazione-generale-left-column textarea + label.error {
  margin: 0;
  padding: 0;
  color: #DA291C;
  background: transparent;
}

.touchevents .form-donazione-generale-left-column select + label.error:before,
.touchevents .form-donazione-generale-left-column input[type=email] + label.error:before,
.touchevents .form-donazione-generale-left-column input[type=text] + label.error:before,
.touchevents .form-donazione-generale-left-column input[type=tel] + label.error:before,
.touchevents .form-donazione-generale-left-column textarea + label.error:before {
  display: none;
}

.touchevents .form-donazione-generale-left-column .row .webform-component--group-donation-mode--row-amount-free--amount-free label.error,
.touchevents .form-donazione-generale-left-column .row.cost-examples-free-amount .form-item label.error {
  margin-top: 10px;
  text-align: center;
}

.touchevents .form-donazione-generale-left-column .row .webform-component--group-donation-mode--row-amount-free--amount-free input,
.touchevents .form-donazione-generale-left-column .row.cost-examples-free-amount .form-item input {
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1) inset;
  border: 1px solid #D1CCBD;
}

.form-donazione-generale-left-column .webform-component--group-donation-mode--row-amount-free--amount-free label:first-of-type {
  font-family: 'Oswald';
  font-weight: 500;
  font-size: 1.4rem;
  color: #DA291C;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.form-donazione-generale-left-column .webform-component--group-donation-mode--row-amount-free--amount-free input {
  margin-left: 0;
}

.form-donazione-generale-left-column .webform-component--group-donation-mode--row-amount-free--amount-free label.error:before {
  left: 50%;
}

.form-donazione-generale-left-column label.error {
  line-height: 1em;
  text-align: center;
}

.form-donazione-generale-left-column .field-credit-card-exp-year label.error,
.form-donazione-generale-left-column .field-credit-card-exp-month label.error {
  max-width: 150px;
}

.form-donazione-generale-left-column .field-credit-card-cvv label.error {
  max-width: 100%;
}

.form-donazione-generale-left-column .field-credit-card-exp-month label.error {
  margin-left: -105px;
}

.form-donazione-generale-left-column .field-credit-card-exp-month label.error:before {
  left: 85%;
}

.form-donazione-generale-left-column .field-credit-card-exp-year label.error:before {
  left: 20%;
}

.form-donazione-generale-left-column .field-credit-card-cvv label.error:before {
  left: 30%;
}

.form-donazione-generale-left-column .field-sex label.error:before {
  left: 19%;
}

.form-donazione-generale-left-column .field-commemoration-type .form-radios.as-buttons {
  margin-top: 0;
}

.form-donazione-generale-left-column .field-other-amount {
  margin-left: 15px;
}

.form-donazione-generale-left-column .messages {
  border: 1px dashed #D1CCBD;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.6);
  margin-top: 20px;
}

.form-donazione-generale-left-column .messages:after {
  display: none;
}

/* donazione in memoria */
.webform-component--group-commemoration--commemoration-scroll {
  margin-bottom: 20px;
}

/* chosen styling */
.field-address-district2.chosen-select label.error {
  top: 100%;
}

.field-address-district2.chosen-select .chosen-container-single {
  width: auto !important;
  display: block !important;
}

.field-address-district2.chosen-select .chosen-container-single.error {
  -webkit-box-shadow: 0 0 6px 2px #DA291C inset;
          box-shadow: 0 0 6px 2px #DA291C inset;
  border: none;
  -webkit-appearance: none;
}

.field-address-district2.chosen-select .chosen-container-single .chosen-single {
  border: 0;
  height: 50px;
  line-height: 50px;
  background: none;
  border-bottom: 1px dotted #999;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.field-address-district2.chosen-select .chosen-container-single .chosen-single span {
  font-size: 30px;
  color: #999999;
}

.field-address-district2.chosen-select .chosen-container-single .chosen-single div b {
  background-position: 0 18px;
}

.field-address-district2.chosen-select .chosen-container-single.chosen-container-active .chosen-single div b {
  background-position: -16px 18px;
}

.field-address-district2.chosen-select .chosen-drop li {
  font-size: 0.75rem;
}

/**
 * embedded donation form
 */
body.donations-embedded-form.node-type-webform {
  max-width: 1200px;
  margin: 0 auto;
}

body.donations-embedded-form.node-type-webform .page-header .header-right {
  display: none;
}

body.donations-embedded-form.node-type-webform .page-header .header-left {
  height: 75px;
}

body.donations-embedded-form.node-type-webform .page-title-wrapper {
  padding-top: 10px;
}

body.donations-embedded-form.node-type-webform .page-title-wrapper nav {
  display: none;
}

body.donations-embedded-form.node-type-webform footer,
body.donations-embedded-form.node-type-webform .field-header {
  display: none;
}

.carousel {
  /*
  position: relative;
  margin-bottom: 0;
  height: $heroHeight;
*/
  position: relative;
  background: #FFFFFF;
}

.carousel .owl-prev, .carousel .owl-next {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.carousel .owl-prev:before, .carousel .owl-next:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 32px;
  color: #FFFFFF;
}

.carousel .owl-next {
  right: 0;
}

.carousel .owl-next:before {
  content: "\edb8";
}

.carousel .owl-prev {
  left: 0;
}

.carousel .owl-prev:before {
  content: "\edc0";
}

.carousel .info-box {
  margin-bottom: 0;
}

.view-mode-carousel, .carousel article {
  min-height: 25vw;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.form-donazione-generale-sidebar .view-mode-carousel, .form-donazione-generale-sidebar .carousel article {
  min-height: auto;
}

.view-mode-carousel .teaser-link, .carousel article .teaser-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.view-mode-carousel .content, .carousel article .content {
  position: relative;
  z-index: 1;
}

.view-mode-carousel h3, .view-mode-carousel h2, .carousel article h3, .carousel article h2 {
  margin-bottom: 0;
}

.view-mode-carousel .content, .carousel article .content {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 60px;
}

.view-mode-carousel .overlay, .carousel article .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.view-mode-carousel .overlay.blur, .carousel article .overlay.blur {
  animation: blur 12s ease-in-out 0s infinite;
  -webkit-animation: blur 12s ease-in-out 0s infinite;
  -moz-animation: blur 12s ease-in-out 0s infinite;
}

.view-mode-carousel.blur, .carousel article.blur {
  animation: blur 12s ease-in-out 0s infinite;
  -webkit-animation: blur 12s ease-in-out 0s infinite;
  -moz-animation: blur 12s ease-in-out 0s infinite;
}

@keyframes blur {
  0%,
  25% {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
  }
  50% {
    -webkit-filter: blur(7px);
    -moz-filter: blur(7px);
    -o-filter: blur(7px);
    -ms-filter: blur(7px);
  }
}

@-webkit-keyframes blur {
  0%,
  25% {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
  }
  50% {
    -webkit-filter: blur(7px);
    -moz-filter: blur(7px);
    -o-filter: blur(7px);
    -ms-filter: blur(7px);
  }
}

/**
 *


.carousel article {
  width: 100%;
  height: $heroHeight;

  //max-width: 1000px;
  margin: 0 auto;

  //border: 15px solid $white;

  @include fullBg;

  position: relative;
  background-position: 50% 50%;

  &:before, &:after {
    @include iconFont;

    position: absolute;
    color: $white;
    font-size: 50px;
  }


  h3 {
    position: absolute;
    left: 20%;
    top: 20px;
    max-width: 650px;
    font-size: 2.5em;
    @include sticker;

  }

  // TO DO: automatizzare

}
 */
.field-contatti {
  padding: 20px;
  background: #F3F2EE;
}

.field-collection-contatto {
  margin-bottom: 20px;
}

.field-collection-contatto em, .field-collection-contatto span {
  display: block;
}

.field-collection-contatto em {
  font-family: "Lato";
  font-weight: 700;
}

.messages {
  position: relative;
  padding: 20px;
  border-radius: 8px;
  background: #F3F2EE;
  margin-bottom: 20px;
}

.messages h2 {
  margin-bottom: 20px;
  font-size: 1.2rem;
  text-transform: uppercase;
}

.messages.error {
  color: #DA291C;
}

.messages .info {
  color: #222221;
}

.messages em {
  font-family: "Lato";
  font-weight: 700;
}

.messages ul {
  padding-left: 1em;
  line-height: 1.4;
}

.messages li {
  list-style-type: decimal;
  padding-left: 1em;
  padding-bottom: 0.5em;
}

.messages:after {
  position: absolute;
  left: 50%;
  bottom: -20px;
  margin-left: -20px;
  width: 0;
  height: 0;
  content: '';
  border-opposite-position(bottom): 20px solid #F3F2EE;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}

.messages.modal {
  background: none;
}

.messages.modal:after {
  display: none;
}

.ajax-progress-throbber {
  position: absolute;
}

.taxonomyLabel, .taxonomy-temi-full-list .vocabulary-temi h3, .taxonomy-regioni-full-list .taxonomy-regione h3, .taxonomy-regioni-full-list.compact li a {
  font-family: 'Oswald';
  font-weight: 500;
  text-transform: uppercase;
  color: #DA291C;
  font-size: 1.2rem;
}

/* Taxonomy temi icons
 * 
 * icon-diritti (4 hands)     e90d
 * icon-educazione (book)   e90e
 * icon-poverta (hands spike) e90f
 * icon-protezione (shelter)   e910
 * icon-salute (stethoscope) e911
 * 
 */
.taxonomy-temi-full-list a {
  text-decoration: none;
}

.taxonomy-temi-full-list .vocabulary-temi {
  text-align: center;
  color: #222221;
}

.taxonomy-temi-full-list .vocabulary-temi i {
  text-align: center;
  font-size: 128px;
  display: block;
  color: #DA291C;
}

.taxonomy-temi-full-list .vocabulary-temi h3 {
  display: block;
  font-size: 1.2rem;
  text-align: center;
}

.taxonomy-temi-full-list .vocabulary-temi .field-intro {
  text-align: center;
  padding-top: 10px;
  border-top: 2px solid #D1CCBD;
  font-family: "Lato";
  font-weight: 400;
  color: #222221;
}

.taxonomy-temi-full-list .vocabulary-temi .field-intro, .taxonomy-temi-full-list .vocabulary-temi .field-intro p {
  line-height: 1.2;
}

.taxonomy-temi-full-list.compact .vocabulary-temi {
  text-align: left;
}

.taxonomy-temi-full-list.compact .vocabulary-temi i {
  display: inline-block;
  font-size: 32px;
  margin-right: 20px;
}

.taxonomy-temi-full-list.compact .vocabulary-temi h3 {
  display: inline-block;
}

/**
 * 
 * icon-regione-nord-africa-medio-oriente
 * icon-regione-america-latina
 * icon-regione-asia-pacifico
 * icon-regione-italia
 * icon-regione-europa
 * icon-regione-africa-subsahariana
*/
.taxonomy-regioni-full-list {
  /*
   * italy is bigger and on its own line
   */
}

.taxonomy-regioni-full-list a {
  text-decoration: none;
}

.taxonomy-regioni-full-list > li {
  /*
      * overrides clearing of n-th - 1 element
      * since Italy breaks the rule
      */
  clear: none !important;
}

.taxonomy-regioni-full-list .taxonomy-regione {
  text-align: center;
  color: #222221;
  padding-top: 10px;
}

.taxonomy-regioni-full-list .taxonomy-regione i {
  text-align: center;
  font-size: 64px;
  display: block;
  color: #D1CCBD;
  margin-bottom: 10px;
}

.taxonomy-regioni-full-list .taxonomy-regione h3 {
  display: block;
}

.taxonomy-regioni-full-list .icon-regione-italia {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}

.taxonomy-regioni-full-list .icon-regione-italia h3 {
  font-size: 1.8rem;
}

.taxonomy-regioni-full-list .icon-regione-italia i {
  font-size: 128px;
}

.taxonomy-regioni-full-list.compact li a {
  color: #DA291C;
}

.taxonomy-regione-full-page .regione-header figure {
  margin: 0;
}

.taxonomy-regione-full-page .regione-header figure .bg-from-image {
  background: #D1CCBD;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  min-height: 25vw;
  position: relative;
  margin: 0;
}

/*
.view-id-regioni.view-display-id-panel_pane_3 {
  position: relative;

  .view-header {
    height: 500px;
    margin-left: 300px;

    .map-canvas-wrapper {
      height: 510px;

      > div {
        height: 500px !important;
      }
    }

  }
}

.taxonomy-regione-paesi-horizontal-list {

  @extend .filled;
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  max-width: 300px;
  height: 510px;

  overflow: auto;

  ul {

    @extend .n-up;
    @extend .up-2;
    margin-left:0;
    margin-right: 0;
    padding: 0.5em;

    li:nth-child(2n) {
      border: none;

      a {
        margin-right: 0;
        margin-left: 0.25em;
      }
    }

    li {
      vertical-align: middle;
      margin: 0 0 0.5em 0;
      padding: 0;
      border: none;
    }

    h3 {
      margin-bottom: 0;
      @include titleFont;
      font-size: $tinyTextSize;
      text-align: center;
    }

    a {
      @include interfaceAnchor;
      display: block;
      background: #d1ccbe;
      padding: 0.5em;
      margin-right: 0.25em;
    }
  }


}
*/
.taxonomy-regione-paesi-horizontal-list {
  text-align: center;
}

.taxonomy-regione-paesi-horizontal-list li {
  vertical-align: middle;
  padding-left: 0.5em;
  padding-right: 0.5em;
  display: inline-block;
  width: 10%;
  margin-bottom: 1em;
}

.taxonomy-regione-paesi-horizontal-list li:nth-child(10n) {
  border: none;
}

.taxonomy-regione-paesi-horizontal-list h3 {
  margin-bottom: 0;
  font-family: 'Oswald';
  font-weight: 500;
  font-size: 0.75rem;
  display: table-cell;
  vertical-align: middle;
}

.taxonomy-regione-paesi-horizontal-list a {
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 50px;
}

.ui-banner {
  position: relative;
  min-height: 300px;
  overflow: hidden;
  color: #222221;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background: none;
}

.ui-banner img {
  display: block;
  width: 100%;
  height: auto !important;
}

.ui-banner .teaser-link {
  text-decoration: none;
  z-index: 5;
}

.ui-banner .teaser-link .field-body-plain {
  color: #222221;
}

.ui-banner h3 {
  font-family: 'Oswald';
  font-weight: 500;
  letter-spacing: -1px;
  color: #DA291C;
  margin-bottom: 0;
}

.ui-banner h3 a {
  color: #DA291C;
  text-decoration: none;
}

.ui-banner.view-mode-carousel h3 {
  font-size: 2.5rem;
}

.ui-banner.view-mode-carousel .field-body-plain {
  background: rgba(255, 255, 255, 0.8);
  padding: 10px;
  margin: 20px 0;
  color: #DA291C;
}

.ui-banner.node-teaser {
  margin-bottom: 60px;
}

.ui-banner.node-teaser h4 {
  text-transform: uppercase;
}

.ui-banner.node-teaser h3 {
  text-transform: uppercase;
}

.ui-banner.node-teaser .content {
  position: relative;
  z-index: 2;
}

.ui-banner.node-teaser .actions {
  margin-top: 20px;
  text-align: left;
}

.ui-links {
  text-align: center;
  margin-bottom: -20px;
}

.ui-links li {
  display: inline-block;
}

.ui-links a {
  display: block;
  color: #DA291C;
  background: #F3F2EE;
  text-transform: uppercase;
  padding: 5px 10px;
  margin-right: 20px;
  margin-bottom: 20px;
  text-decoration: none;
  letter-spacing: 1px;
  color: #FFFFFF;
  background: #DA291C;
}

.teaser-link {
  text-decoration: none;
  display: block;
}

.view-mode-teaser {
  margin-bottom: 40px;
  overflow-y: hidden;
}

.view-mode-teaser time {
  font-size: 1rem;
}

.view-mode-teaser h4,
.view-mode-teaser h3 {
  font-family: 'Oswald';
  font-weight: 500;
  letter-spacing: -1px;
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: left;
  color: #DA291C;
  margin: 0;
  padding-bottom: 5px;
  padding-top: 2px;
  /* optical correction */
}

.view-mode-teaser h4 a,
.view-mode-teaser h3 a {
  color: #DA291C;
  text-decoration: none;
  line-height: 1.3em;
}

.view-mode-teaser strong {
  font-family: "Lato";
  font-weight: 400;
  margin-top: 0.5em;
  line-height: 1.3em;
  color: #4A4F53;
}

.view-mode-teaser .actions {
  margin-top: 20px;
  text-align: left;
}

.view-mode-teaser figure {
  display: block;
  width: 100%;
  background-size: cover;
  margin-bottom: 5px;
  position: relative;
  margin: 0 0 5px 0;
}

.view-mode-teaser figure a {
  display: block;
}

.view-mode-teaser figure.bg-from-image-processed {
  padding-bottom: 50%;
}

.view-mode-teaser figure.bg-from-image-processed a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.view-mode-teaser figure.float-right {
  float: right;
  max-width: 50%;
}

.view-mode-teaser figure img {
  display: block;
}

.view-mode-teaser .metadata-fields {
  display: block;
  margin-bottom: 5px;
}

.view-mode-teaser .metadata-fields time,
.view-mode-teaser .metadata-fields .tags {
  display: table-cell;
  display: block;
  padding-left: 0;
}

.view-mode-teaser .metadata-fields .tags {
  text-align: right;
  text-align: left;
}

.view-mode-teaser .metadata-fields .tags li {
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #222221;
  padding: 1px 4px;
  margin-right: 5px;
}

.view-mode-teaser .metadata-fields .tags li a {
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
  color: #222221;
}

.view-mode-teaser .metadata-fields .tags li a:hover {
  color: #DA291C;
}

.view-mode-teaser .metadata-fields .tags li a:before {
  position: relative;
  margin-right: 5px;
  font-size: 0.75rem;
  top: 1px;
  color: #222221;
}

.filled .view-mode-teaser .content, .taxonomy-regione-paesi-horizontal-list .view-mode-teaser .content, .body-sidebar-container .sidebar .google-map .view-mode-teaser .content, .map-canvas-wrapper .view-mode-teaser .content {
  padding: 10px;
  background: #FFFFFF;
}

.filled .view-mode-teaser figure, .taxonomy-regione-paesi-horizontal-list .view-mode-teaser figure, .body-sidebar-container .sidebar .google-map .view-mode-teaser figure, .map-canvas-wrapper .view-mode-teaser figure {
  margin-bottom: 0;
}

.secondary-news article.view-mode-teaser {
  background: none;
  border: none;
  padding: 0;
  font-size: 12px;
}

.secondary-news picture {
  min-height: 100px;
}

.meta-temi {
  color: #DA291C;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 2px solid #D1CCBD;
}

.meta-temi span {
  padding-right: 1em;
}

.meta-temi span:before {
  margin-right: 0.25em;
  font-size: 1.5em;
}

.node-partner.view-mode-teaser {
  position: relative;
}

.node-partner.view-mode-teaser, .node-partner.view-mode-teaser h4 {
  min-height: 100px;
}

.node-partner.view-mode-teaser .field-logo {
  background: #FFFFFF;
  position: relative;
  z-index: 1;
}

.node-partner.view-mode-teaser figure {
  min-height: 0;
}

.node-partner.view-mode-teaser h3 {
  display: table;
}

.node-partner.view-mode-teaser h3 a {
  display: table-cell;
  vertical-align: middle;
}

.node-partner.view-mode-teaser img {
  max-height: 100px;
  width: auto !important;
  border: 5px solid #FFFFFF;
  background: #FFFFFF;
  display: block;
  margin: 0 auto;
}

.node-partner.view-mode-teaser h4 {
  position: absolute;
  width: 100%;
  z-index: 0;
  top: 0;
  left: 0;
  text-align: center;
}

.page-node.node-type-page .field-body {
  max-width: 820px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}

/*
 * columns
 */
.body-sidebar-container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.body-sidebar-container .body-sidebar-wrapper {
  width: 100%;
  display: table;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

.body-sidebar-container .field-body-wrapper, .body-sidebar-container .body-wrapper {
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  width: 50%;
  vertical-align: top;
}

.body-sidebar-container .field-body {
  padding-bottom: 40px;
}

.body-sidebar-container .data-disclaimer {
  font-size: 0.75rem;
  font-family: "Lato";
  font-style: italic;
}

.body-sidebar-container .sidebar {
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  width: 50%;
}

.body-sidebar-container .sidebar .google-map {
  padding: 5px;
  margin-bottom: 20px;
}

.body-sidebar-container .sidebar .metadata-field {
  margin-bottom: 20px;
}

.view-mode-full header figure.bg-from-image, .view-mode-paese header figure.bg-from-image {
  background: #D1CCBD;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  min-height: 25vw;
  margin: 0;
}

.view-mode-full header .field-headline, .view-mode-paese header .field-headline {
  margin-left: 0;
}

.view-mode-full .metadata-field strong, .view-mode-paese .metadata-field strong {
  display: block;
  font-family: 'Oswald';
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1rem;
}

.view-mode-full .metadata-field .metadata-field-content, .view-mode-paese .metadata-field .metadata-field-content {
  font-size: 1rem;
  color: #DA291C;
}

.view-mode-full .files strong, .view-mode-paese .files strong {
  margin-bottom: 0.5em;
}

.view-mode-full .field-date, .view-mode-paese .field-date {
  padding-bottom: 20px;
  font-size: 1.2rem;
  color: #DA291C;
}

.view-mode-full .field-body img, .view-mode-paese .field-body img {
  display: block;
  max-width: 100%;
  height: auto !important;
  float: right;
  margin: 20px 0 20px 20px;
}

.page-node.node-type-emergenza .field-body {
  max-width: 820px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}

.node-pubblicazione.node-teaser {
  display: table;
}

.node-pubblicazione.node-teaser .content, .node-pubblicazione.node-teaser figure {
  display: table-cell;
  vertical-align: top;
}

.node-pubblicazione.node-teaser figure {
  width: 30%;
  padding-right: 20px;
}

.node-pubblicazione.view-mode-full time, .node-pubblicazione.view-mode-full .field-occhiello {
  display: block;
}

.node-pubblicazione.view-mode-full .field-occhiello {
  font-family: "Lato";
  font-weight: 700;
}

.node-pubblicazione.view-mode-full .field-body,
.node-pubblicazione.view-mode-full .field-occhiello {
  margin-bottom: 20px;
}

.narrow-title .page-title-wrapper .container, .narrow-title .page-title-wrapper .embedded-form h3, .embedded-form .narrow-title .page-title-wrapper h3, .narrow-title .page-title-wrapper #user-login,
.narrow-title .field-body-wrapper {
  max-width: 820px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.narrow-title .fields-wrapper {
  max-width: 820px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.narrow-title .field-body {
  max-width: 820px;
  padding-left: 0 !important;
}

.node-evento-volontari.view-mode-teaser time {
  color: #009ca6;
}

.node-comunicato.view-mode-teaser time {
  color: #222221;
}

.node-comunicato.view-mode-teaser h4 {
  text-transform: none;
}

.petition-counter {
  padding-bottom: 20px;
}

.petition-counter .supporter-bar {
  position: relative;
  background: #D1CCBD;
  height: 10px;
  border-radius: 5px;
  overflow: hidden;
  margin: 10px 0;
}

.petition-counter .supporter-bar div {
  position: absolute;
  left: 0;
  top: 0;
  height: 10px;
  background: #DA291C;
}

.petition-counter .supporter-threshold {
  font-size: 0.75rem;
}

.petition-signers {
  padding-top: 40px;
  font-size: 0.75rem;
}

.petition-signers strong {
  font-family: "Lato";
  font-weight: 700;
}

.wrapper-form-petizione.fixed {
  position: fixed;
  top: 20px;
}

.petizione-form .form-type-checkbox input {
  top: 3px;
}

.petizione-form .form-number,
.petizione-form .form-submit {
  width: 100%;
}

.petizione-form .pretty-checkbox.small .form-item span {
  margin-left: 5px;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .petizione-form {
    padding-bottom: 40px;
  }
  .petition-signers {
    display: none;
  }
}

.node-instant-article.view-mode-full .content-metadata,
.node-blog-post.view-mode-full .content-metadata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 820px;
  margin: 0 auto;
  margin-top: 20px;
  padding-bottom: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.node-instant-article.view-mode-full .reading-time,
.node-instant-article.view-mode-full time,
.node-blog-post.view-mode-full .reading-time,
.node-blog-post.view-mode-full time {
  display: block;
  color: #222221;
}

.node-instant-article.view-mode-full .reading-time:before,
.node-instant-article.view-mode-full time:before,
.node-blog-post.view-mode-full .reading-time:before,
.node-blog-post.view-mode-full time:before {
  position: relative;
  top: 1px;
  margin-right: 5px;
  color: #222221;
}

.node-instant-article.view-mode-full ul.tags,
.node-blog-post.view-mode-full ul.tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.node-instant-article.view-mode-full .tags,
.node-blog-post.view-mode-full .tags {
  border-top: 2px solid #F3F2EE;
  margin: 0 auto;
  padding-top: 20px;
  max-width: 820px;
  color: #222221;
}

.node-instant-article.view-mode-full .tags a,
.node-blog-post.view-mode-full .tags a {
  color: #bcb59f;
  color: #222221;
  text-decoration: none;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}

.node-instant-article.view-mode-full .tags a:hover,
.node-blog-post.view-mode-full .tags a:hover {
  color: #DA291C;
}

.node-instant-article.view-mode-full .tags a:before,
.node-blog-post.view-mode-full .tags a:before {
  position: relative;
  margin-right: 5px;
  font-size: 0.8rem;
}

.node-instant-article.view-mode-full .tags li,
.node-blog-post.view-mode-full .tags li {
  display: inline-block;
  margin-right: 5px;
}

.node-instant-article.view-mode-full .tags li:last-child,
.node-blog-post.view-mode-full .tags li:last-child {
  margin-right: 0;
}

.node-instant-article.view-mode-teaser .bottom .tags,
.node-blog-post.view-mode-teaser .bottom .tags {
  border-top: 1px solid #F3F2EE;
  margin-top: 10px;
  padding-top: 10px;
  padding-left: 0;
}

.node-instant-article.view-mode-teaser .bottom .tags a,
.node-blog-post.view-mode-teaser .bottom .tags a {
  color: #222221;
  text-decoration: none;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
  font-size: 0.75rem;
}

.node-instant-article.view-mode-teaser .bottom .tags a:hover,
.node-blog-post.view-mode-teaser .bottom .tags a:hover {
  color: #DA291C;
}

.node-instant-article.view-mode-teaser .bottom .tags a:before,
.node-blog-post.view-mode-teaser .bottom .tags a:before {
  position: relative;
  margin-right: 5px;
  font-size: 0.75rem;
  top: 1px;
  display: none;
}

.node-instant-article.view-mode-teaser .bottom .tags li,
.node-blog-post.view-mode-teaser .bottom .tags li {
  display: inline-block;
  margin-right: 5px;
}

.node-instant-article.view-mode-teaser .bottom .tags li:last-child,
.node-blog-post.view-mode-teaser .bottom .tags li:last-child {
  margin-right: 0;
}

.node-instant-article .paragraphs-item-one-column ul.tags a:before,
.node-blog-post .paragraphs-item-one-column ul.tags a:before {
  display: none;
}

#admin-menu, #admin-menu .dropdown {
  z-index: 99999;
}

#admin-toolbar, #admin-toolbar * {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

#admin-menu {
  z-index: 40000;
}

#admin-toolbar * {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.administrative-links {
  float: left;
  position: fixed;
  z-index: 9000000;
  bottom: 10px;
  right: 10px;
  background: rgba(255, 255, 255, 0.9);
  width: 250px;
  border: 2px solid #484040;
}

.administrative-links h2 {
  margin: 0;
}

.administrative-links .primary {
  margin: 0;
}

.administrative-links ul {
  padding: 10px;
  border-bottom: 1px solid #222221;
  list-style-type: none;
}

.administrative-links ul:last-of-type {
  border-bottom: none;
}

.administrative-links li {
  margin-bottom: 10px;
}

.administrative-links li:last-child {
  margin-bottom: 0;
}

.administrative-links .action-links {
  margin: 0;
}

.administrative-links a, .administrative-links h2 {
  font-family: 'Oswald';
  font-weight: 500;
  text-decoration: none;
  color: #222221;
  font-size: 0.75rem;
  text-transform: uppercase;
  display: block;
}

.administrative-links h2 {
  padding: 10px;
  background: black;
  color: #FFFFFF;
  text-align: center;
  position: relative;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
}

.administrative-links .toggle {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 16px;
}

.administrative-links .toggle:before {
  display: block;
  color: #FFFFFF;
  font-size: 16px;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.administrative-links.collapsed .toggle:before {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.administrative-links .dashboard-link {
  color: #DA291C;
}

.logged-in .ui-banner,
.logged-in .ui-banners,
.logged-in .ui-content,
.logged-in .ui-links {
  position: relative;
}

a.contextual-links-trigger {
  display: block !important;
}

.style-guide-menu {
  font-family: 'Oswald';
  font-weight: 500;
  background: #eff8f9;
}

.style-guide-menu h3 {
  font-family: 'Oswald';
  font-weight: 500;
  color: #009ca6;
  text-transform: uppercase;
}

.style-guide-menu li {
  display: inline-block;
  font-size: 1rem;
  padding-right: 1em;
  padding-bottom: 0.3em;
}

.style-guide-menu a {
  color: #222221;
  text-decoration: none;
}

.style-guide-menu a.active, .style-guide-menu a:hover {
  color: #DA291C;
}

.source-code {
  padding: 20px;
  border: 1px dashed #999999;
  background: #F3F2EE;
  border-radius: 10px;
  margin: 20px 0;
}

.source-code code {
  display: block;
  font-size: 0.75rem;
  color: #222221;
}

/*
 * info window
 */
.gm-style .gm-style-iw {
  text-align: left;
  font-size: 20px;
  font-family: "Lato";
  font-weight: 400;
}

.gm-style .gm-style-iw h4, .gm-style .gm-style-iw h3 {
  color: #DA291C;
}

.map-canvas-wrapper {
  display: none;
  padding: 5px;
}

.teasers-with-map .map-canvas-wrapper {
  margin-bottom: 40px;
}

.region-label {
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.region-label.active, .region-label:hover, .region-label:active {
  color: #DA291C;
}

.front .page-title-wrapper {
  display: none;
}

.front .main-content-wrapper {
  padding-bottom: 0;
}

.nostro-lavoro {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.nostro-lavoro .testimony *, .nostro-lavoro .testimony .testimony-face strong {
  color: #009ca6;
}

.nostro-lavoro h2 span, .nostro-lavoro h2:after {
  color: #FFFFFF;
}

.nostro-lavoro .inner {
  position: relative;
  z-index: 1;
  padding: 40px 0;
}

.nostro-lavoro .home-map {
  vertical-align: middle;
  margin-bottom: 40px;
}

.nostro-lavoro .home-numbers {
  text-align: center;
  margin-bottom: 40px;
}

.nostro-lavoro .home-numbers .verb {
  font-family: "Lato";
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
}

.nostro-lavoro .home-numbers i {
  font-size: 128px;
  color: #009ca6;
  display: block;
  margin: 20px 0 10px 0;
}

.nostro-lavoro .home-numbers strong {
  color: #009ca6;
  text-transform: uppercase;
  font-size: 24px;
}

.nostro-lavoro .lavoro-intro {
  font-style: italic;
  font-size: 24px;
}

.nostro-lavoro .lavoro-intro strong {
  font-style: normal;
  display: block;
  font-family: "Lato";
  font-size: 36px;
  text-transform: uppercase;
  color: #009ca6;
}

.nostro-lavoro .lavoro-intro strong .nr {
  font-family: "Lato";
  font-weight: 400;
  color: #009ca6;
}

.nostro-lavoro .pillars {
  margin: 0 auto;
  position: relative;
  color: #FFFFFF;
  text-align: center;
}

.nostro-lavoro .pillars:before {
  position: absolute;
  content: "";
  display: block;
  width: 70%;
  left: 15%;
  top: 0px;
}

.nostro-lavoro .pillars .intro {
  margin-bottom: 30px;
  color: #009ca6;
  font-size: 24px;
  font-family: "Lato";
  font-weight: 700;
}

.nostro-lavoro .pillars li {
  font-family: 'Oswald';
  font-weight: 500;
  display: inline-block;
  position: relative;
  line-height: 30px;
  vertical-align: top;
  text-align: left;
  padding: 100px 20px 30px 20px;
  position: relative;
  border-radius: 3px;
  color: #DA291C;
}

.nostro-lavoro .pillars li a {
  display: block;
  color: #DA291C;
  text-decoration: none;
}

.nostro-lavoro .pillars li h3 {
  font-size: 1em;
}

.nostro-lavoro .pillars li h3 span,
.nostro-lavoro .pillars li h3 strong {
  display: block;
  text-align: center;
}

.nostro-lavoro .pillars li h3 strong {
  font-family: "Lato";
  font-weight: 700;
  font-style: italic;
  margin-top: 10px;
}

.nostro-lavoro .pillars li h3 span {
  font-family: 'Oswald';
  font-weight: 500;
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 6.66667px;
}

.nostro-lavoro .pillars li i:before {
  position: absolute;
  display: block;
  background: #DA291C;
  color: #FFFFFF;
  border-radius: 50%;
  left: 50%;
  top: -10px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 96px;
  padding: 10px;
}

.nostro-lavoro .beneficiaries {
  font-size: 50px;
  color: #009ca6;
  font-family: 'Oswald';
  font-weight: 500;
  text-align: right;
}

.nostro-lavoro .beneficiaries span {
  font-size: 24px;
  color: #484040;
  display: block;
  font-family: "Lato";
  font-weight: 400;
}

.nostro-lavoro .projects {
  max-width: 800px;
  margin: 0 auto 30px auto;
  color: #009ca6;
  border-top: 1px dotted #484040;
  font-size: 36px;
}

.nostro-lavoro .projects .col {
  border-right: 1px dotted #484040;
}

.nostro-lavoro .projects .col:last-child {
  border-right: none;
}

.nostro-lavoro .projects strong {
  font-family: 'Oswald';
  font-weight: 500;
  text-transform: uppercase;
  font-size: 24px;
  color: #009ca6;
}

.nostro-lavoro .people {
  margin-bottom: 40px;
  color: #DA291C;
}

.nostro-lavoro .people .numbers {
  text-align: center;
  font-size: 1.5rem;
}

.nostro-lavoro .people .numbers span {
  vertical-align: middle;
}

.nostro-lavoro .people .numbers span.con {
  font-family: "Lato";
  font-weight: 400;
}

.nostro-lavoro .people .date {
  display: block;
  text-align: center;
  text-transform: uppercase;
}

.nostro-lavoro .people .people-count {
  font-size: 4rem;
  display: inline-block;
  padding: 0;
  margin: 0 10px;
  font-style: normal;
  font-family: 'Oswald';
  font-weight: 500;
  color: #009ca6;
  letter-spacing: -0.05em;
  line-height: 1;
  border-radius: 20px;
}

.nostro-lavoro .people .people-count span,
.nostro-lavoro .people .people-count strong {
  display: block;
}

.nostro-lavoro .people .people-count span {
  font-family: 'Oswald';
  font-weight: 500;
  font-size: 50px;
}

.nostro-lavoro .people .people-count strong {
  font-family: "Lato";
  font-weight: 400;
  font-size: 25px;
  text-transform: uppercase;
  letter-spacing: 4px;
}

.nostro-lavoro .people-story {
  max-width: 800px;
  margin: 0 auto;
}

.nostro-lavoro .region-icons {
  text-align: center;
}

.nostro-lavoro .region-icons li {
  padding-top: 160px;
  position: relative;
}

.nostro-lavoro .region-icons li span {
  color: #009ca6;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.nostro-lavoro .region-icons i {
  width: 80px;
  display: block;
}

.nostro-lavoro .region-icons i:before,
.nostro-lavoro .region-icons i:after {
  position: absolute;
  top: 0;
  right: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 150px;
}

.nostro-lavoro .region-icons i:before {
  color: #FFFFFF;
}

.nostro-lavoro .region-icons i:after {
  color: #DA291C;
}

.nostro-lavoro .region-icons .map-ea i:before {
  content: "\e90b";
}

.nostro-lavoro .region-icons .map-ea i:after {
  content: "\e90c";
}

.nostro-lavoro .region-icons .map-wa i:before {
  content: "\e90b";
}

.nostro-lavoro .region-icons .map-wa i:after {
  content: "\e907";
}

.nostro-lavoro .region-icons .map-la i:before {
  content: "\e908";
}

.nostro-lavoro .region-icons .map-la i:after {
  content: "\e905";
}

.nostro-lavoro .region-icons .map-sea i:after {
  content: "\e90a";
}

.nostro-lavoro .regions .intro {
  width: 100%;
  margin: 0 0 20px 0;
  font-family: "Lato";
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  color: #009ca6;
  font-size: 24px;
  text-align: center;
}

.nostro-lavoro .regions .intro span {
  padding: 10px 30px;
  display: inline-block;
}

.nostro-lavoro .intro {
  margin-bottom: 1em;
}

.nostro-lavoro .row {
  padding: 10px;
}

.nostro-lavoro .action, .nostro-lavoro .form-managed-file input[type="submit"], .form-managed-file .nostro-lavoro input[type="submit"], .nostro-lavoro .webform-submit, .nostro-lavoro .views-exposed-form input[type="submit"], .views-exposed-form .nostro-lavoro input[type="submit"], .nostro-lavoro .ui-banner.view-mode-carousel .actions a, .ui-banner.view-mode-carousel .actions .nostro-lavoro a {
  color: #009ca6;
  font-family: "Lato";
  font-weight: 700;
  border-color: #009ca6;
  background: transparent;
}

.bilancio {
  background: #eff8f9;
  padding: 80px 0;
}

.bilancio h2.hanging * {
  color: #222221;
}

.bilancio .intro {
  text-align: center;
  font-size: 24px;
  color: #222221;
  margin-bottom: 40px;
  display: none;
}

.bilancio .intro strong {
  font-weight: 800;
}

.bilancio .un-euro {
  position: relative;
  color: #DA291C;
  text-align: center;
}

.bilancio .un-euro .euro:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  font-size: 200px;
  color: #AB997C;
}

.bilancio .un-euro span {
  display: block;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
}

.bilancio .euro-container {
  position: relative;
}

.bilancio .perc {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-top: 20px;
  text-align: center;
  color: #DA291C;
}

.bilancio .perc span,
.bilancio .perc strong {
  display: block;
}

.bilancio .perc span {
  position: relative;
  top: -12px;
  font-weight: 800;
  font-size: 40px;
  color: #222221;
}

.bilancio .perc strong {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #222221;
}

.bilancio .torta {
  position: relative;
  height: 200px;
  width: 200px;
  display: inline-block;
}

.bilancio .torta i {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 209px;
  color: #DA291C;
  top: -5px;
  left: -4px;
  position: absolute;
  opacity: 0.8;
}

.bilancio .torta i:before {
  color: #DA291C;
}

.bilancio .perc-bambini {
  margin-left: -300px;
}

.bilancio .perc-bambini span,
.bilancio .perc-bambini strong,
.bilancio .perc-bambini i:before {
  color: #b7dfe4;
}

.bilancio .perc-fondi {
  margin-left: 300px;
}

.bilancio .perc-fondi span,
.bilancio .perc-fondi strong,
.bilancio .perc-fondi i:before {
  color: #dceff2;
}

.bilancio .perc-attivita {
  margin-left: 400px;
}

.bilancio .perc-attivita span,
.bilancio .perc-attivita strong,
.bilancio .perc-attivita i:before {
  color: #eff8f9;
}

.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  overflow: hidden;
  z-index: 0;
}

.bg-video {
  margin: auto;
  position: absolute;
  z-index: 1;
  top: 0%;
  left: 0%;
  bottom: 0;
  right: 0;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  height: 100%;
}

.dona-partecipa {
  text-align: center;
}

.dona-partecipa p {
  font-size: 24px;
  margin-bottom: 1em;
  font-family: "Lato";
  font-weight: 700;
  color: #DA291C;
}

.dona-partecipa .action, .dona-partecipa .form-managed-file input[type="submit"], .form-managed-file .dona-partecipa input[type="submit"], .dona-partecipa .webform-submit, .dona-partecipa .views-exposed-form input[type="submit"], .views-exposed-form .dona-partecipa input[type="submit"], .dona-partecipa .ui-banner.view-mode-carousel .actions a, .ui-banner.view-mode-carousel .actions .dona-partecipa a {
  font-size: 30px;
}

.unisciti-home {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("../img/bg-unisciti-home.jpg");
}

.newsletter-home {
  padding: 20px;
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
}

.newsletter-home .intro {
  font-size: 24px;
}

.newsletter-home h2 {
  margin: 0;
  color: #222221;
  padding: 0;
  text-align: center;
  font-family: "Lato";
  font-weight: 700;
}

.newsletter-home input[type="text"] {
  display: block;
  padding: 10px;
  width: 100%;
  font-size: 1rem;
  margin: 20px auto;
}

.puoi-fidarti .intro {
  text-align: center;
  border-bottom: 3px solid #b7dfe4;
  margin-bottom: 15px;
}

.puoi-fidarti .intro h3 {
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  color: #4A4F53;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 4px;
  padding-bottom: 15px;
  margin-bottom: 0;
}

.puoi-fidarti i {
  display: inline-block;
  margin: 0 3px 3px 0;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #b7dfe4;
}

.puoi-fidarti .col {
  position: relative;
}

.puoi-fidarti .cents {
  width: 50%;
  float: left;
  z-index: 0;
  text-align: right;
}

.puoi-fidarti h4 {
  margin-left: 50%;
  padding: 0 10px 0 10px;
  margin-top: -7px;
  font-size: 50px;
}

.puoi-fidarti h4 strong, .puoi-fidarti h4 span {
  display: block;
  color: #b7dfe4;
  line-height: 48px;
}

.puoi-fidarti h4 em {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #DA291C;
  text-transform: uppercase;
}

/*
 * style facebook timeline to fill the container width
 * as you may see, my friend, this can be quite unreliable
 */
.social-block {
  text-align: center;
}

.social-block h3 a {
  text-decoration: none;
  color: #DA291C;
}

.social-block h3.fb-follow {
  text-align: right;
}

.social-block h3.fb-follow a {
  color: #3b5998;
}

.social-block h3.tw-follow {
  text-align: left;
}

.social-block h3.tw-follow a {
  color: #55acee;
}

.social-block iframe {
  display: inline-block !important;
  vertical-align: top;
  max-width: 100%;
}

.social-block iframe#social-fb-iframe {
  margin-right: 0;
  margin-left: auto;
  border: none;
  overflow: hidden;
  margin: 0;
}

.social-block iframe:first-child {
  margin-bottom: 20px;
  margin-right: 20px;
}

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
}

.form-donazione-generale-sidebar .owl-theme .owl-controls .owl-buttons div {
  display: none;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  border-radius: 20px;
  background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  border-radius: 30px;
}

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center;
}

#cookie-bar {
  background: #D1CCBD;
  height: auto;
  color: #222221;
  font-size: 0.75rem;
  text-align: center;
  padding: 10px;
  z-index: 909999;
}

#cookie-bar.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

#cookie-bar p {
  margin: 0 auto;
  padding: 0;
  line-height: 1.4;
}

#cookie-bar a {
  text-decoration: none;
}

#cookie-bar .cb-enable, #cookie-bar .cb-disable {
  margin-left: 8px;
  margin-top: 10px;
  padding: 0 6px;
  display: inline-block;
}

#cookie-bar .cb-enable {
  border-radius: 3px;
  background: #DA291C;
  color: #FFFFFF;
  margin: 10px;
}

#cookie-bar .cb-disable {
  background: #990000;
}

#cookie-bar .cb-disable:hover {
  background: #bb0000;
}

#cookie-bar .cb-policy {
  background: none;
  color: #222221;
  text-decoration: underline;
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

@font-face {
  font-family: sst_icons;
  src: url(fonts/sst_icons.eot);
  src: url(fonts/sst_icons.eot?#iefix) format("embedded-opentype"), url(fonts/sst_icons.woff) format("woff"), url(fonts/sst_icons.ttf) format("truetype"), url(fonts/sst_icons.svg#sst_icons) format("svg");
  font-weight: 400;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: sst_icons;
    src: url(fonts/sst_icons.svg#sst_icons) format("svg");
  }
}

[data-icon]:before {
  content: attr(data-icon);
}

.icon-sst-buffer:before, .icon-sst-digg:before, .icon-sst-whatsapp:before, .icon-sst-facebook:before, .icon-sst-linkedin:before, .icon-sst-reddit:before, .icon-sst-stumbleupon:before, .icon-sst-tumblr:before, .icon-sst-twitter:before, .icon-sst-email:before, [data-icon]:before {
  display: inline-block;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  top: 15px;
  position: relative;
}

.share-selected-text-main-container {
  position: absolute;
  opacity: 0;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
  -webkit-transition: .3s ease opacity, .3s ease transform, .3s ease top, .3s ease left;
  transition: .3s ease opacity, .3s ease transform, .3s ease top, .3s ease left;
  display: inline-block;
  z-index: 99;
  pointer-events: none;
}

.share-selected-text-main-container.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  z-index: 999;
}

.share-selected-text-main-container.active .share-selected-text-inner {
  pointer-events: auto;
}

.share-selected-text-main-container .share-selected-text-inner {
  display: inline-block;
  background: #404658;
  height: 100%;
  pointer-events: none;
  position: relative;
}

.share-selected-text-main-container .share-selected-text-inner:after {
  content: '';
  position: absolute;
  bottom: -7px;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7.5px 0;
  border-color: #404658 transparent transparent;
}

.share-selected-text-main-container .share-selected-text-btn {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  height: 100%;
  margin: 0;
  padding: 0 20px;
  -webkit-transition: .2s ease all;
  transition: .2s ease all;
}

.share-selected-text-main-container .share-selected-text-btn:focus, .share-selected-text-main-container .share-selected-text-btn:hover {
  background: #4f566d;
}

.page-cinque-per-mille .hero {
  background-color: #f3efe6;
  background-image: url("/sites/default/files/5x1000/5x1000/5x1000-hero.png");
}

.page-cinque-per-mille .page-header {
  padding-top: 8px;
  padding-bottom: 8px;
}

.page-cinque-per-mille .popup-container {
  background: #FFFFFF;
}

.page-cinque-per-mille .popup-container .logo {
  width: 400px;
  height: auto;
}

.page-5xmille #colorbox #cboxTitle {
  display: none !important;
}

.page-5xmille #colorbox #cboxLoadedContent {
  margin-bottom: 0;
}

.page-5xmille #colorbox button#cboxClose {
  background: transparent;
  text-indent: initial;
}

.page-5xmille #colorbox button#cboxClose:before {
  display: block;
  height: 25px;
  width: 25px;
  font-size: 24px;
}

.cinque-per-mille-examples {
  margin: 0 auto;
  width: 100%;
  margin-bottom: 1em;
}

.cinque-per-mille-examples thead th {
  font-family: 'Oswald';
  font-weight: 500;
  padding-bottom: 10px;
  border-bottom: 1px solid #484040;
}

.cinque-per-mille-examples td,
.cinque-per-mille-examples th {
  padding: 5px 10px 5px 10px;
}

.cinque-per-mille-examples .numero {
  width: 15%;
}

.cinque-per-mille-examples tbody tr:nth-child(even) {
  background: #eff8f9;
}

.cinque-per-mille-examples tbody .numero {
  font-size: 1.5em;
  font-weight: 700;
  color: #484040;
}

.cinque-per-mille-examples tbody .cinque {
  color: #DA291C;
}

.cinque-per-mille-examples tbody p {
  font-family: "Lato";
  font-weight: 400;
}

.cinque-per-mille-examples td,
.cinque-per-mille-examples th {
  vertical-align: top;
}

@media only screen and (max-width: 767px) {
  .cinque-per-mille-examples thead th {
    font-size: 0.7em;
  }
  .cinque-per-mille-examples tbody .numero,
  .cinque-per-mille-examples tbody td,
  .cinque-per-mille-examples tbody th {
    font-size: 0.7em;
  }
}

/* calcolatore */
#cinquePerMilleCalculator .calculator-inputs {
  margin: 0 auto;
  max-width: 400px;
  padding: 20px;
  border: 2px solid #D1CCBD;
  margin-bottom: 60px;
  position: relative;
  background: #F3F2EE;
  border-radius: 5px;
}

#cinquePerMilleCalculator .calculator-inputs:after {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -16px;
  font-size: 32px;
  bottom: -50px;
  color: #D1CCBD;
}

#cinquePerMilleCalculator label {
  font-size: 1.2rem;
}

#cinquePerMilleCalculator input {
  width: 100%;
  font-size: 1.2rem;
  text-align: center;
  color: #DA291C;
  font-family: "Lato";
  font-weight: 700;
  background: transparent;
}

.cinquePerMilleAmount-wrapper {
  min-height: 1.5rem;
}

#cinquePerMilleAmount {
  text-transform: uppercase;
  font-family: "Lato";
  font-weight: 700;
  display: block;
}

#cinquePerMilleAmount span {
  color: #DA291C;
}

.cinquePerMilleIncome-wrapper {
  margin-bottom: 20px;
  position: relative;
}

.cinquePerMilleIncome-wrapper:before {
  content: "€";
  position: absolute;
  top: 9px;
  left: 0;
  font-size: 1.2rem;
  color: #D1CCBD;
}

#cinquePerMilleImpact {
  max-width: 900px;
  margin: 0 auto;
  min-height: 3em;
  display: block;
  color: #DA291C;
  font-family: "Lato";
  font-weight: 700;
  font-size: 1.2rem;
}

/* mappa */
.cinque-per-mille-map-canvas {
  height: 50vh;
  min-height: 400px;
  max-height: 600px;
  width: 100%;
}

.cinquepermille-2022 .paragraphs-item-banners:nth-child(3) .ui-banner .content h4 {
  background-color: #DA291C;
  color: #FFFFFF;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
  border-radius: 5px 5px 0 0;
}

.cinquepermille-2022 .paragraphs-item-banners:nth-child(3) .ui-banner .content h3 {
  background-color: #DA291C;
  color: #FFFFFF;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
  border-radius: 5px 5px 0 0;
}

.page-aziende .dona-home {
  padding: 0;
}

/* mobile interface */
.page-header a.mobile-dona-top {
  display: none;
  background: #DA291C;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Oswald';
  font-weight: 500;
  padding: 4px 6px;
  margin-right: 10px;
  vertical-align: top;
  border-radius: 5px;
}

/* mobile menu */
.mobile-menu {
  padding-bottom: 20px;
}

.mobile-menu:after {
  content: "";
  display: table;
  clear: both;
}

.mobile-menu a,
.mobile-menu span {
  float: left;
  width: 50%;
  border: 2px solid #FFFFFF;
  padding: 15px 10px;
  background: #F3F2EE;
  font-size: 1rem;
}

@media only screen and (max-width: 380px) {
  .mobile-menu a,
  .mobile-menu span {
    font-size: 0.9rem;
  }
}

@media only screen and (max-width: 350px) {
  .mobile-menu a,
  .mobile-menu span {
    font-size: 0.8rem;
  }
}

@media only screen and (max-width: 318px) {
  .mobile-menu a,
  .mobile-menu span {
    font-size: 0.7rem;
  }
}

@media only screen and (max-width: 288px) {
  .mobile-menu a,
  .mobile-menu span {
    min-height: 62px;
  }
}

.mobile-menu a.active,
.mobile-menu span.active {
  color: #DA291C;
}

.mobile-menu a.dona-top,
.mobile-menu span.dona-top {
  width: 100%;
  background: #DA291C;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
}

.mobile-menu .sub-menu {
  display: none;
  padding: 0;
}

.mobile-menu .sub-menu.open {
  display: block;
}

.mobile-menu .sub-menu span {
  display: block;
  width: 100%;
  padding: 14.25px 9.5px;
  background: #FFFFFF;
  border: 1px solid #DA291C;
}

/*
 * Media Queries
 */
/* size targeted contents */
@media only screen and (min-width: 768px) {
  .mobile-only {
    display: none !important;
  }
}

/*
 * tablet only, portrait
 */
@media only screen and (min-width: 768px) and (max-width: 1022px) {
  .tipo-donazione .amounts {
    font-size: 0.8rem;
  }
  .dona-selezione-prodotto .col {
    padding-left: 10px;
    padding-right: 10px;
  }
  .taxonomy-temi-full-list .vocabulary-temi h3 {
    font-size: 1rem;
    text-align: center;
  }
  .taxonomy-temi-full-list > li {
    padding-left: 10px;
    padding-right: 10px;
  }
  .taxonomy-regioni-full-list .taxonomy-regione h3 {
    font-size: 1rem;
  }
}

/*
 * from tablet down
 */
@media only screen and (max-width: 1023px) {
  html {
    font-size: 18px;
  }
  /*
   * common elements
   */
  .vertical-navbar {
    display: none;
  }
  .mobile-menu-trigger {
    display: inline-block;
    font-family: 'Oswald';
    font-weight: 500;
    font-size: 1rem;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: hand;
    cursor: pointer;
  }
  .mobile-menu-trigger:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ec6e";
    font-size: 32px;
  }
  .page-header a.mobile-dona-top {
    display: inline-block;
  }
  .page-header a.home-link {
    background-position: top left;
  }
  .menus-container {
    display: none;
  }
  .page-header {
    padding: 10px;
  }
  .page-header .header-left {
    width: 50%;
  }
  .page-header .header-right {
    width: 50%;
  }
  .footer-contacts .col {
    display: block;
    width: 100%;
  }
  .highlight .prev,
  .highlight .next {
    display: none;
  }
  .highlight .highlight-slide {
    background-position: top center;
    background-size: cover;
  }
  .highlight .highlight-slide .action, .highlight .highlight-slide .form-managed-file input[type="submit"], .form-managed-file .highlight .highlight-slide input[type="submit"], .highlight .highlight-slide .webform-submit, .highlight .highlight-slide .views-exposed-form input[type="submit"], .views-exposed-form .highlight .highlight-slide input[type="submit"], .highlight .highlight-slide .ui-banner.view-mode-carousel .actions a, .ui-banner.view-mode-carousel .actions .highlight .highlight-slide a {
    bottom: 60px;
    right: 10px;
  }
  .highlight .highlight-slide h3 {
    position: absolute;
    top: auto;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 5px 10px;
    background: rgba(255, 255, 255, 0.8);
  }
  .highlight .highlight-slide h3 br {
    display: none;
  }
  .highlight .highlight-slide h3 span,
  .highlight .highlight-slide h3 small {
    padding: 0;
    background: transparent;
    border-radius: 0;
    font-size: 24px;
    display: block;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
  /* forms */
  .form-donazione-generale-form-wrapper {
    min-height: 0;
  }
  .form-donazione-generale-form-wrapper select,
  .form-donazione-generale-form-wrapper input,
  .form-donazione-generale-form-wrapper textarea {
    font-size: 1rem;
  }
  .form-donazione-generale-form-wrapper select {
    width: 100%;
    height: 50px;
    -webkit-box-shadow: -3px 0 3px 0 rgba(0, 0, 0, 0.1) inset;
            box-shadow: -3px 0 3px 0 rgba(0, 0, 0, 0.1) inset;
    border: 0;
    border-bottom: 1px dotted #999999;
  }
  .form-donazione-generale-form-wrapper .chosen-select .chosen-container-single .chosen-single span {
    font-size: 1rem;
  }
  .dona-home {
    padding: 10px 0 60px 0;
  }
  .dona-home .container, .dona-home .embedded-form h3, .embedded-form .dona-home h3, .dona-home #user-login {
    padding: 10px;
  }
  .dona-home h2 {
    font-size: 20px;
  }
  .dona-home h2 small {
    display: block;
    font-size: 14px;
    letter-spacing: 0;
  }
  .dona-home .actions-container {
    margin-top: 20px;
  }
  .dona-home .actions-container a {
    font-size: 25px;
  }
  .dona-home .actions-container .secondaryAction {
    font-size: 14px;
  }
  .cosa-stiamo-facendo {
    padding: 30px 0;
  }
  .nostro-lavoro {
    padding: 30px 0;
  }
  .nostro-lavoro .home-numbers .number {
    padding-top: 30px;
  }
  .nostro-lavoro .home-numbers .number:after {
    content: "";
    display: table;
    clear: both;
  }
  .nostro-lavoro .home-numbers strong .nr {
    padding-top: 30px;
  }
  .nostro-lavoro .home-numbers i {
    float: left;
  }
  .nostro-lavoro .home-numbers .pe {
    font-size: 16px;
  }
  .nostro-lavoro .home-numbers .pe .nr {
    font-size: 22px;
  }
  .nostro-lavoro .pillars .intro span {
    padding: 0;
  }
  .euro-block {
    padding-bottom: 70px;
  }
  .euro-block .euro {
    font-size: 20px;
  }
  .euro-block img {
    width: 100%;
    max-width: 100%;
  }
  .social-block {
    padding: 30px 10px;
  }
  .social-block header {
    padding: 10px 0;
  }
  .social-block .icon {
    font-size: 32px;
  }
  .dona-partecipa p {
    font-size: 18px;
  }
  .dona-partecipa .action, .dona-partecipa .form-managed-file input[type="submit"], .form-managed-file .dona-partecipa input[type="submit"], .dona-partecipa .webform-submit, .dona-partecipa .views-exposed-form input[type="submit"], .views-exposed-form .dona-partecipa input[type="submit"], .dona-partecipa .ui-banner.view-mode-carousel .actions a, .ui-banner.view-mode-carousel .actions .dona-partecipa a {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .newsletter-home {
    text-align: center;
  }
  .newsletter-home .intro {
    text-align: center;
  }
  .newsletter-home h2 {
    font-size: 18px;
  }
  .newsletter-home input {
    margin-bottom: 10px;
  }
  footer.page-footer {
    padding: 20px;
    font-size: 16px;
  }
  footer.page-footer .footer-contacts .contact {
    font-size: 16px;
  }
  .light-layout .mobile-menu-trigger {
    display: none;
  }
  .light-layout .page-header a.mobile-dona-top {
    display: none;
  }
  .touchevents .form-donazione-generale-left-column .user-birthdate-group-error-container label.error {
    margin-bottom: 8px !important;
  }
  .touchevents .form-donazione-generale-left-column .cc-exp-group-error-container {
    border-top: 1px dotted #999;
  }
  .touchevents .form-donazione-generale-left-column .field-credit-card-exp-month,
  .touchevents .form-donazione-generale-left-column .field-credit-card-exp-year {
    margin-bottom: 0;
  }
  .touchevents .form-donazione-generale-left-column .commemoration-group .row:last-child label.error {
    margin-bottom: 8px;
  }
  .touchevents .form-donazione-generale-left-column .row .field-container.field-commemoration-participants label.error, .touchevents .form-donazione-generale-left-column .row .field-container.as-cost-examples label.error {
    height: auto;
  }
  .touchevents .form-donazione-generale-left-column .row .field-container.field-credit-card-cvv {
    width: 100%;
  }
  .touchevents .form-donazione-generale-left-column .row .field-container.field-iban label.error, .touchevents .form-donazione-generale-left-column .row .field-container.field-phone1 label.error, .touchevents .form-donazione-generale-left-column .row .field-container.field-phone2 label.error {
    margin-bottom: 8px;
  }
  .touchevents .form-donazione-generale-left-column .row .field-container.field-credit-card-cvv label.error {
    max-width: 100%;
  }
  .form-donazione-generale-left-column .field-inline-label .form-item {
    display: inline-block;
  }
  .form-donazione-generale-left-column .field-commemoration-day input,
  .form-donazione-generale-left-column .field-birth-day input {
    width: 20px !important;
  }
  .form-donazione-generale-left-column .field-commemoration-month input,
  .form-donazione-generale-left-column .field-birth-month input,
  .form-donazione-generale-left-column .field-credit-card-exp-month input,
  .form-donazione-generale-left-column .field-credit-card-exp-year input {
    width: 30px !important;
  }
  .form-donazione-generale-left-column .field-commemoration-year input,
  .form-donazione-generale-left-column .field-birth-year input {
    width: 40px !important;
  }
  .form-donazione-generale-left-column .field-commemoration-address-cap input,
  .form-donazione-generale-left-column .field-commemoration-address-city input {
    border-bottom: 1px dotted #999 !important;
  }
  .form-donazione-generale-left-column .webform-component--group-donation-mode--row-amount-free--amount-free label.error:before {
    left: 19%;
  }
  /* forms */
  .field-inline-label .webform-component-markup {
    display: block;
  }
  .fields-box.collapse-fields .row *[class*="col"] {
    border-left: none;
  }
  .form-donazione-generale-form-wrapper .col-6 + .col-6 {
    margin-top: 0;
  }
  .form-donazione-generale-form-wrapper .user-birthdate-group .form-item:nth-of-type(2) input,
  .form-donazione-generale-form-wrapper .user-birthdate-group .form-item:nth-of-type(3) input {
    width: 40px;
  }
  input[size="2"] {
    min-width: 0;
  }
  .field-payment-method .form-radios.as-buttons,
  .form-radios.as-buttons.mobile-stacked {
    margin-bottom: 5px;
    width: 100%;
  }
  .field-payment-method .form-radios.as-buttons .form-item.form-type-radio,
  .form-radios.as-buttons.mobile-stacked .form-item.form-type-radio {
    display: block;
    width: 100%;
    margin-bottom: 5px;
  }
  .field-payment-method .form-radios.as-buttons .form-item.form-type-radio:last-of-type,
  .form-radios.as-buttons.mobile-stacked .form-item.form-type-radio:last-of-type {
    margin-bottom: 0;
  }
  .field-payment-method .form-radios.as-buttons label,
  .form-radios.as-buttons.mobile-stacked label {
    width: 100%;
    display: block;
    float: none;
  }
  .field-payment-method .form-radios.as-buttons label, .field-payment-method .form-radios.as-buttons label:first-child, .field-payment-method .form-radios.as-buttons label:last-child,
  .form-radios.as-buttons.mobile-stacked label,
  .form-radios.as-buttons.mobile-stacked label:first-child,
  .form-radios.as-buttons.mobile-stacked label:last-child {
    border-radius: 5px !important;
    border-width: 1px !important;
  }
  .form-donazione-generale-left-column {
    padding-left: 0;
    padding-right: 0;
  }
  .form-donazione-generale-left-column .row {
    display: block;
    width: 100%;
  }
  .form-donazione-generale-left-column .col {
    display: block;
    width: 100%;
  }
  .form-donazione-generale-left-column .col-1 {
    display: block;
    width: 100%;
  }
  .form-donazione-generale-left-column .col-2 {
    display: block;
    width: 100%;
  }
  .form-donazione-generale-left-column .col-3 {
    display: block;
    width: 100%;
  }
  .form-donazione-generale-left-column .col-4 {
    display: block;
    width: 100%;
  }
  .form-donazione-generale-left-column .col-5 {
    display: block;
    width: 100%;
  }
  .form-donazione-generale-left-column .col-6 {
    display: block;
    width: 100%;
  }
  .form-donazione-generale-left-column .col-7 {
    display: block;
    width: 100%;
  }
  .form-donazione-generale-left-column .col-8 {
    display: block;
    width: 100%;
  }
  .form-donazione-generale-left-column .col-9 {
    display: block;
    width: 100%;
  }
  .form-donazione-generale-left-column .col-10 {
    display: block;
    width: 100%;
  }
  .form-donazione-generale-left-column .col-11 {
    display: block;
    width: 100%;
  }
  .form-donazione-generale-left-column .col-12 {
    display: block;
    width: 100%;
  }
  .form-donazione-generale-left-column input[type=submit] {
    width: 100%;
  }
  .form-donazione-generale-left-column .field-credit-card-cvv label.error,
  .form-donazione-generale-left-column .field-credit-card-exp-year label.error,
  .form-donazione-generale-left-column .field-credit-card-exp-month label.error {
    max-width: 130px;
  }
  .form-donazione-generale-left-column .field-credit-card-exp-month label.error {
    margin-left: -100px;
  }
  .form-donazione-generale-left-column .field-credit-card-exp-year label.error:before {
    left: 12%;
  }
  .form-donazione-generale-left-column .field-credit-card-cvv label.error:before {
    left: 24%;
  }
  .field-sms-code-inputs .webform-component-textfield input {
    width: 2rem;
  }
  .row .field-with-icon + .field-container {
    padding-left: 50px !important;
  }
}

/*
 * from phone down
 */
@media only screen and (max-width: 767px) {
  .touchevents .form-donazione-generale-left-column .field-address-district2 select.error {
    padding-bottom: 15px;
    height: 65px;
  }
  .form-donazione-generale-left-column .user-birthdate-group > div label,
  .form-donazione-generale-left-column .cc-exp-group > div label {
    line-height: 1em;
    margin-top: 12px;
  }
  .form-donazione-generale-left-column .field-inline-label .cc-exp-group .webform-component-markup,
  .form-donazione-generale-left-column .field-inline-label .user-birthdate-group .webform-component-markup {
    display: block;
  }
  .form-donazione-generale-left-column .field-commemoration-day,
  .form-donazione-generale-left-column .field-birth-day,
  .form-donazione-generale-left-column .field-credit-card-exp-month {
    margin-left: 10px;
  }
  html {
    font-size: 16px;
  }
  /*
   * common elements
   */
  .page-title-wrapper h1 {
    font-size: 2rem;
    letter-spacing: -2px;
  }
  h2.hanging {
    letter-spacing: 0;
    margin-bottom: 40px;
  }
  .huge-text br {
    display: none;
  }
  /*
   * temi
   */
  .taxonomy-temi-full-list .vocabulary-temi i {
    font-size: 48px;
  }
  /*
   * nodes
   */
  .body-sidebar-container {
    padding: 20px 0;
  }
  .body-sidebar-container .body-sidebar-wrapper,
  .body-sidebar-container .field-body-wrapper,
  .body-sidebar-container .body-wrapper,
  .body-sidebar-container .sidebar {
    display: block;
    width: 100%;
  }
  .metadata-wrapper,
  .metadata-wrapper li {
    display: block;
    width: 100%;
    border: none;
  }
  .metadata-wrapper li {
    padding: 10px;
    border-bottom: 2px solid #D1CCBD;
    text-align: center;
  }
  .metadata-wrapper li:before {
    font-size: 48px !important;
  }
  .metadata-wrapper .field-temi {
    text-align: left;
  }
  .metadata-wrapper li.field-temi.big {
    padding: 0 10px;
    text-align: left;
    border-bottom: none;
  }
  .metadata-wrapper li.field-temi.big .taxonomy-term {
    display: block;
  }
  .metadata-wrapper li.field-temi.big i:before {
    font-size: 32px;
  }
  /*
   * carousel and hero
   */
  .sticker, .view-mode-carousel h3, .view-mode-carousel h2, .carousel article h3, .carousel article h2,
  .view-mode-carousel h3,
  .carousel article h3,
  .hero h2 {
    font-size: 2.5rem !important;
  }
  .sticker span, .view-mode-carousel h3 span, .view-mode-carousel h2 span, .carousel article h3 span, .carousel article h2 span,
  .view-mode-carousel h3 span,
  .carousel article h3 span,
  .hero h2 span {
    margin-left: 0 !important;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .sticker span:nth-of-type(2), .view-mode-carousel h3 span:nth-of-type(2), .view-mode-carousel h2 span:nth-of-type(2), .carousel article h3 span:nth-of-type(2), .carousel article h2 span:nth-of-type(2),
  .view-mode-carousel h3 span:nth-of-type(2),
  .carousel article h3 span:nth-of-type(2),
  .hero h2 span:nth-of-type(2) {
    top: -0.6em !important;
  }
  .sticker span:nth-of-type(3), .view-mode-carousel h3 span:nth-of-type(3), .view-mode-carousel h2 span:nth-of-type(3), .carousel article h3 span:nth-of-type(3), .carousel article h2 span:nth-of-type(3),
  .view-mode-carousel h3 span:nth-of-type(3),
  .carousel article h3 span:nth-of-type(3),
  .hero h2 span:nth-of-type(3) {
    top: -1.2em !important;
  }
  .sticker span:nth-of-type(4), .view-mode-carousel h3 span:nth-of-type(4), .view-mode-carousel h2 span:nth-of-type(4), .carousel article h3 span:nth-of-type(4), .carousel article h2 span:nth-of-type(4),
  .view-mode-carousel h3 span:nth-of-type(4),
  .carousel article h3 span:nth-of-type(4),
  .hero h2 span:nth-of-type(4) {
    top: -1.8em !important;
  }
  .hero {
    padding-top: 0;
    padding-bottom: 20px;
  }
  .hero figure {
    position: relative;
    display: block;
    height: 25vw;
  }
  .hero .content {
    padding: 10px;
    background: #F3F2EE;
  }
  .hero h2 {
    margin-bottom: 0;
  }
  .hero .action, .hero .form-managed-file input[type="submit"], .form-managed-file .hero input[type="submit"], .hero .webform-submit, .hero .views-exposed-form input[type="submit"], .views-exposed-form .hero input[type="submit"], .hero .ui-banner.view-mode-carousel .actions a, .ui-banner.view-mode-carousel .actions .hero a {
    font-size: 1rem;
  }
  .view-mode-carousel .content, .carousel article .content {
    padding: 20px 25px 0 20px;
  }
  .owl-theme .owl-controls .owl-buttons {
    display: none;
  }
  .owl-pagination {
    position: relative;
    height: 32px;
    overflow: visible;
  }
  .owl-pagination .owl-page {
    display: none !important;
  }
  .owl-pagination:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e911";
    position: absolute;
    left: 50%;
    top: -10px;
    font-size: 32px;
    margin-left: -16px;
  }
  .carousel article.with-action {
    margin-bottom: 40px;
  }
  .carousel .action, .carousel .form-managed-file input[type="submit"], .form-managed-file .carousel input[type="submit"], .carousel .webform-submit, .carousel .views-exposed-form input[type="submit"], .views-exposed-form .carousel input[type="submit"], .carousel .ui-banner.view-mode-carousel .actions a, .ui-banner.view-mode-carousel .actions .carousel a {
    position: absolute;
    bottom: -40px;
    width: 100%;
    left: 0;
    border-radius: 0;
    font-size: 1rem;
    text-align: center;
  }
  /*
   * branding block
   */
  .red-bg-left-text-right h2 {
    left: auto;
    width: auto;
  }
  .red-bg-left-text-right .col {
    overflow: hidden;
  }
  .red-bg-left-text-right .col:first-child {
    background-position: 0 0;
    height: 80vw;
  }
  .red-bg-left-text-right .row:before {
    left: 0;
    width: 75%;
  }
  /*
   * home
   */
  .nostro-lavoro .people .numbers span {
    display: block;
  }
  .nostro-lavoro .video-container video {
    display: none;
  }
  /*
   * product selection
   */
  .tipo-donazione .product-description {
    min-height: 0;
  }
  /*
   * general purpose
   */
  .mobile-only {
    display: block;
  }
  .desktop-only {
    display: none;
  }
  .page-header {
    border-top: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .dona-top-mobile {
    display: block;
  }
  .taxonomy-regione-paesi-horizontal-list ul li {
    width: 30%;
    font-size: 1rem;
  }
  .taxonomy-regione-paesi-horizontal-list ul li:nth-child(10n) {
    border-right: 2px solid #D1CCBD;
  }
  .taxonomy-regione-paesi-horizontal-list ul li:nth-child(3n) {
    border-right: none;
  }
  .node-instant-article.view-mode-full .content-metadata,
  .node-blog-post.view-mode-full .content-metadata {
    display: block;
  }
  .node-instant-article.view-mode-full .reading-time,
  .node-blog-post.view-mode-full .reading-time {
    margin-bottom: 20px;
  }
  /* Mobile menu lasciti e grandi donatori fix */
  /*
  .view-id-regioni.view-display-id-panel_pane_3 {
    .view-header {
      margin-left: 0;
    }
  }

  .taxonomy-regione-paesi-horizontal-list {

    position: relative;
    max-width: 100%;
    height: auto;


    ul {
      li {
        a {

          margin-right: 0;
        }

        &:nth-child(2n) {
          a {
            margin-left: 0;
          }
        }

        &:last-child {
          margin-bottom: 0;
        }
      }


    }
  }
  */
}

@media only screen and (max-width: 379px) {
  .radio-options.field-commemoration-type .as-buttons .form-item.form-type-radio {
    width: 100%;
    margin-bottom: 5px;
  }
  .radio-options.field-commemoration-type .as-buttons .form-item.form-type-radio label {
    border-width: 1px;
    border-radius: 5px;
    margin-right: 10px;
    text-align: center;
  }
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .page-header a.home-link {
    height: 73px;
  }
  /* IE11 */
}

/* brand colors */
a.costex {
  color: #222221;
}

a.costex:hover {
  color: #DA291C;
}

li.last.leaf.active-trail.active.menu-mlid-3353, .hero-sticker-intro li.leaf.active-trail.active.menu-mlid-3353.hero-description-element, .taxonomy-tema-full-page .tema-header li.leaf.active-trail.active.menu-mlid-3353.hero-description-element, .taxonomy-tags-blog-full-page .tags-blog-header li.leaf.active-trail.active.menu-mlid-3353.hero-description-element,
.hero-sticker-intro li.leaf.active-trail.active.menu-mlid-3353.taxonomy-term-description,
.taxonomy-tema-full-page .tema-header li.leaf.active-trail.active.menu-mlid-3353.taxonomy-term-description,
.taxonomy-tags-blog-full-page .tags-blog-header li.leaf.active-trail.active.menu-mlid-3353.taxonomy-term-description {
  display: none !important;
}

.hide-amounts .amounts-w {
  display: none !important;
}

.product-description {
  background: #fff !important;
}

.donazione-welcome-text {
  font-family: "Lato";
  font-weight: 700;
  font-weight: 700;
  margin-bottom: 1em;
  display: block;
  padding: 0 10px;
}

.tipo-donazione .product-description {
  min-height: 198px;
  max-width: none !important;
}

@media only screen and (max-width: 767px) {
  .tipo-donazione .product-description {
    min-height: 0;
  }
}

.from-label {
  font-family: 700;
  font-size: 0.5em;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  bottom: 12px;
  padding-right: 8px;
}

.tipo-donazione .action-wrapper .action, .tipo-donazione .action-wrapper .form-managed-file input[type="submit"], .form-managed-file .tipo-donazione .action-wrapper input[type="submit"], .tipo-donazione .action-wrapper .webform-submit, .tipo-donazione .action-wrapper .views-exposed-form input[type="submit"], .views-exposed-form .tipo-donazione .action-wrapper input[type="submit"], .tipo-donazione .action-wrapper .ui-banner.view-mode-carousel .actions a, .ui-banner.view-mode-carousel .actions .tipo-donazione .action-wrapper a {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  margin-top: 20px;
  -webkit-transform: translateY(120%);
          transform: translateY(120%);
}

.tipo-donazione header .min-amount {
  width: auto;
  text-align: left;
  background: white;
  color: #222221;
  border-bottom: 1px solid #F3F2EE;
}

.tipo-donazione .content {
  border: 2px solid #D1CCBD;
  -webkit-box-shadow: 0 0 15px 0 #d1ccbdad;
          box-shadow: 0 0 15px 0 #d1ccbdad;
}

.tipo-donazione .content .product-description .tiny-text em, .tipo-donazione .content .product-description .children-menu a em, .children-menu .tipo-donazione .content .product-description a em, .tipo-donazione .content .product-description .legal em {
  font-family: "Lato";
  font-weight: 700;
  font-style: normal;
}

.tipo-donazione .amounts-w,
.tipo-donazione .amounts {
  background: #F3F2EE;
  padding-left: 0;
}

.tipo-donazione .amounts-w li,
.tipo-donazione .amounts li {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  padding: 10px 5px 5p 5px;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #4A4F53;
  -webkit-transform: perspective(1px) scale(0.8);
          transform: perspective(1px) scale(0.8);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.tipo-donazione .amounts-w li .costex .amount,
.tipo-donazione .amounts li .costex .amount {
  font-size: 1.7em;
}

.tipo-donazione .amounts-w li .costex .frequency,
.tipo-donazione .amounts li .costex .frequency {
  font-size: 0.9em;
}

.tipo-donazione .amounts-w li .costex span,
.tipo-donazione .amounts li .costex span {
  font-size: 1em;
}

.tipo-donazione.selected h3 {
  min-height: 9em;
}

.tipo-donazione h3 {
  min-height: 7.3em;
}

.tipo-donazione.selected h2 {
  min-height: 10em;
}

.tipo-donazione h2 {
  min-height: 8.9em;
}

.tipo-donazione h2 span {
  color: #fff;
  margin-bottom: 0;
  font-family: 'Oswald';
  font-weight: 500;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  display: block;
  font-size: 2rem;
  line-height: 1;
}

.donazione-box-emergenza .donazione-box-emergenza--copy h3 {
  font-family: 'Oswald';
  font-weight: 500;
}

.donazione-box-emergenza .donazione-box-emergenza--copy .donazione-box-emergenza--description em {
  font-style: normal;
}

.donazione-box-emergenza .donazione-box-emergenza--copy .tiny-text em, .donazione-box-emergenza .donazione-box-emergenza--copy .children-menu a em, .children-menu .donazione-box-emergenza .donazione-box-emergenza--copy a em, .donazione-box-emergenza .donazione-box-emergenza--copy .legal em {
  font-style: normal;
}

.hanging {
  margin-top: 0;
}

.form-donazione-generale-form-wrapper select,
.form-donazione-generale-form-wrapper input,
.form-donazione-generale-form-wrapper textarea {
  font-size: 1rem;
}