.typography {
  /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
}
.typography html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
.typography body {
  margin: 0;
}
.typography article,
.typography aside,
.typography details,
.typography figcaption,
.typography figure,
.typography footer,
.typography header,
.typography hgroup,
.typography main,
.typography nav,
.typography section,
.typography summary {
  display: block;
}
.typography audio,
.typography canvas,
.typography progress,
.typography video {
  display: inline-block;
  vertical-align: baseline;
}
.typography audio:not([controls]) {
  display: none;
  height: 0;
}
.typography [hidden],
.typography template {
  display: none;
}
.typography a {
  background: transparent;
}
.typography a:active,
.typography a:hover {
  outline: 0;
}
.typography abbr[title] {
  border-bottom: 1px dotted;
}
.typography b,
.typography strong {
  font-weight: bold;
}
.typography dfn {
  font-style: italic;
}
.typography h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.typography mark {
  background: #ff0;
  color: #000;
}
.typography small {
  font-size: 80%;
}
.typography sub,
.typography sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.typography sup {
  top: -0.5em;
}
.typography sub {
  bottom: -0.25em;
}
.typography img {
  border: 0;
}
.typography svg:not(:root) {
  overflow: hidden;
}
.typography figure {
  margin: 1em 40px;
}
.typography hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
.typography pre {
  overflow: auto;
}
.typography code,
.typography kbd,
.typography pre,
.typography samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
.typography button,
.typography input,
.typography optgroup,
.typography select,
.typography textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
.typography button {
  overflow: visible;
}
.typography button,
.typography select {
  text-transform: none;
}
.typography button,
.typography html input[type="button"],
.typography input[type="reset"],
.typography input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
.typography button[disabled],
.typography html input[disabled] {
  cursor: default;
}
.typography button::-moz-focus-inner,
.typography input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.typography input {
  line-height: normal;
}
.typography input[type="checkbox"],
.typography input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
.typography input[type="number"]::-webkit-inner-spin-button,
.typography input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
.typography input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.typography input[type="search"]::-webkit-search-cancel-button,
.typography input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.typography fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
.typography legend {
  border: 0;
  padding: 0;
}
.typography textarea {
  overflow: auto;
}
.typography optgroup {
  font-weight: bold;
}
.typography table {
  border-collapse: collapse;
  border-spacing: 0;
}
.typography td,
.typography th {
  padding: 0;
}
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6,
.typography .h1, .typography .h2, .typography .h3, .typography .h4, .typography .h5, .typography .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
.typography h1 small,
.typography h1 .small, .typography h2 small,
.typography h2 .small, .typography h3 small,
.typography h3 .small, .typography h4 small,
.typography h4 .small, .typography h5 small,
.typography h5 .small, .typography h6 small,
.typography h6 .small,
.typography .h1 small,
.typography .h1 .small, .typography .h2 small,
.typography .h2 .small, .typography .h3 small,
.typography .h3 .small, .typography .h4 small,
.typography .h4 .small, .typography .h5 small,
.typography .h5 .small, .typography .h6 small,
.typography .h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
.typography h1, .typography .h1,
.typography h2, .typography .h2,
.typography h3, .typography .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.typography h1 small,
.typography h1 .small, .typography .h1 small,
.typography .h1 .small,
.typography h2 small,
.typography h2 .small, .typography .h2 small,
.typography .h2 .small,
.typography h3 small,
.typography h3 .small, .typography .h3 small,
.typography .h3 .small {
  font-size: 65%;
}
.typography h4, .typography .h4,
.typography h5, .typography .h5,
.typography h6, .typography .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.typography h4 small,
.typography h4 .small, .typography .h4 small,
.typography .h4 .small,
.typography h5 small,
.typography h5 .small, .typography .h5 small,
.typography .h5 .small,
.typography h6 small,
.typography h6 .small, .typography .h6 small,
.typography .h6 .small {
  font-size: 75%;
}
.typography h1, .typography .h1 {
  font-size: 36px;
}
.typography h2, .typography .h2 {
  font-size: 30px;
}
.typography h3, .typography .h3 {
  font-size: 24px;
}
.typography h4, .typography .h4 {
  font-size: 18px;
}
.typography h5, .typography .h5 {
  font-size: 14px;
}
.typography h6, .typography .h6 {
  font-size: 12px;
}
.typography p {
  margin: 0 0 10px;
}
.typography .lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .typography .lead {
    font-size: 21px;
  }
}
.typography small,
.typography .small {
  font-size: 85%;
}
.typography cite {
  font-style: normal;
}
.typography mark,
.typography .mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.typography .text-left {
  text-align: left;
}
.typography .text-right {
  text-align: right;
}
.typography .text-center {
  text-align: center;
}
.typography .text-justify {
  text-align: justify;
}
.typography .text-nowrap {
  white-space: nowrap;
}
.typography .text-lowercase {
  text-transform: lowercase;
}
.typography .text-uppercase {
  text-transform: uppercase;
}
.typography .text-capitalize {
  text-transform: capitalize;
}
.typography .text-muted {
  color: #777777;
}
.typography .text-primary {
  color: #428bca;
}
.typography a.text-primary:hover {
  color: #3071a9;
}
.typography .text-success {
  color: #3c763d;
}
.typography a.text-success:hover {
  color: #2b542c;
}
.typography .text-info {
  color: #31708f;
}
.typography a.text-info:hover {
  color: #245269;
}
.typography .text-warning {
  color: #8a6d3b;
}
.typography a.text-warning:hover {
  color: #66512c;
}
.typography .text-danger {
  color: #a94442;
}
.typography a.text-danger:hover {
  color: #843534;
}
.typography .bg-primary {
  color: #fff;
}
.typography .bg-primary {
  background-color: #428bca;
}
.typography a.bg-primary:hover {
  background-color: #3071a9;
}
.typography .bg-success {
  background-color: #dff0d8;
}
.typography a.bg-success:hover {
  background-color: #c1e2b3;
}
.typography .bg-info {
  background-color: #d9edf7;
}
.typography a.bg-info:hover {
  background-color: #afd9ee;
}
.typography .bg-warning {
  background-color: #fcf8e3;
}
.typography a.bg-warning:hover {
  background-color: #f7ecb5;
}
.typography .bg-danger {
  background-color: #f2dede;
}
.typography a.bg-danger:hover {
  background-color: #e4b9b9;
}
.typography .page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
.typography ul,
.typography ol {
  margin-top: 0;
  margin-bottom: 10px;
}
.typography ul ul,
.typography ul ol,
.typography ol ul,
.typography ol ol {
  margin-bottom: 0;
}
.typography .list-unstyled, .typography .list-inline {
  padding-left: 0;
  list-style: none;
}
.typography .list-inline {
  margin-left: -5px;
}
.typography .list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.typography dl {
  margin-top: 0;
  margin-bottom: 20px;
}
.typography dt,
.typography dd {
  line-height: 1.428571429;
}
.typography dt {
  font-weight: bold;
}
.typography dd {
  margin-left: 0;
}
.typography .dl-horizontal dd:before, .typography .dl-horizontal dd:after {
  content: " ";
  display: table;
}
.typography .dl-horizontal dd:after {
  clear: both;
}
@media (min-width: 768px) {
  .typography .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .typography .dl-horizontal dd {
    margin-left: 180px;
  }
}
.typography abbr[title],
.typography abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.typography .initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.typography blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
.typography blockquote p:last-child,
.typography blockquote ul:last-child,
.typography blockquote ol:last-child {
  margin-bottom: 0;
}
.typography blockquote footer,
.typography blockquote small,
.typography blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.428571429;
  color: #777777;
}
.typography blockquote footer:before,
.typography blockquote small:before,
.typography blockquote .small:before {
  content: '\2014 \00A0';
}
.typography .blockquote-reverse,
.typography blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.typography .blockquote-reverse footer:before,
.typography .blockquote-reverse small:before,
.typography .blockquote-reverse .small:before,
.typography blockquote.pull-right footer:before,
.typography blockquote.pull-right small:before,
.typography blockquote.pull-right .small:before {
  content: '';
}
.typography .blockquote-reverse footer:after,
.typography .blockquote-reverse small:after,
.typography .blockquote-reverse .small:after,
.typography blockquote.pull-right footer:after,
.typography blockquote.pull-right small:after,
.typography blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
.typography blockquote:before,
.typography blockquote:after {
  content: "";
}
.typography address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429;
}
.typography code,
.typography kbd,
.typography pre,
.typography samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.typography code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
.typography kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.typography kbd kbd {
  padding: 0;
  font-size: 100%;
  box-shadow: none;
}
.typography pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.typography pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.typography .pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.typography table {
  background-color: transparent;
}
.typography th {
  text-align: left;
}
.typography .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.typography .table > thead > tr > th,
.typography .table > thead > tr > td,
.typography .table > tbody > tr > th,
.typography .table > tbody > tr > td,
.typography .table > tfoot > tr > th,
.typography .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.typography .table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.typography .table > caption + thead > tr:first-child > th,
.typography .table > caption + thead > tr:first-child > td,
.typography .table > colgroup + thead > tr:first-child > th,
.typography .table > colgroup + thead > tr:first-child > td,
.typography .table > thead:first-child > tr:first-child > th,
.typography .table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.typography .table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.typography .table .table {
  background-color: #fff;
}
.typography .table-condensed > thead > tr > th,
.typography .table-condensed > thead > tr > td,
.typography .table-condensed > tbody > tr > th,
.typography .table-condensed > tbody > tr > td,
.typography .table-condensed > tfoot > tr > th,
.typography .table-condensed > tfoot > tr > td {
  padding: 5px;
}
.typography .table-bordered {
  border: 1px solid #ddd;
}
.typography .table-bordered > thead > tr > th,
.typography .table-bordered > thead > tr > td,
.typography .table-bordered > tbody > tr > th,
.typography .table-bordered > tbody > tr > td,
.typography .table-bordered > tfoot > tr > th,
.typography .table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.typography .table-bordered > thead > tr > th,
.typography .table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.typography .table-striped > tbody > tr:nth-child(odd) > td,
.typography .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.typography .table-hover > tbody > tr:hover > td,
.typography .table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
.typography table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
.typography table td[class*="col-"],
.typography table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.typography .table > thead > tr > td.active,
.typography .table > thead > tr > th.active, .typography .table > thead > tr.active > td, .typography .table > thead > tr.active > th,
.typography .table > tbody > tr > td.active,
.typography .table > tbody > tr > th.active,
.typography .table > tbody > tr.active > td,
.typography .table > tbody > tr.active > th,
.typography .table > tfoot > tr > td.active,
.typography .table > tfoot > tr > th.active,
.typography .table > tfoot > tr.active > td,
.typography .table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.typography .table-hover > tbody > tr > td.active:hover,
.typography .table-hover > tbody > tr > th.active:hover, .typography .table-hover > tbody > tr.active:hover > td, .typography .table-hover > tbody > tr:hover > .active, .typography .table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.typography .table > thead > tr > td.success,
.typography .table > thead > tr > th.success, .typography .table > thead > tr.success > td, .typography .table > thead > tr.success > th,
.typography .table > tbody > tr > td.success,
.typography .table > tbody > tr > th.success,
.typography .table > tbody > tr.success > td,
.typography .table > tbody > tr.success > th,
.typography .table > tfoot > tr > td.success,
.typography .table > tfoot > tr > th.success,
.typography .table > tfoot > tr.success > td,
.typography .table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.typography .table-hover > tbody > tr > td.success:hover,
.typography .table-hover > tbody > tr > th.success:hover, .typography .table-hover > tbody > tr.success:hover > td, .typography .table-hover > tbody > tr:hover > .success, .typography .table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.typography .table > thead > tr > td.info,
.typography .table > thead > tr > th.info, .typography .table > thead > tr.info > td, .typography .table > thead > tr.info > th,
.typography .table > tbody > tr > td.info,
.typography .table > tbody > tr > th.info,
.typography .table > tbody > tr.info > td,
.typography .table > tbody > tr.info > th,
.typography .table > tfoot > tr > td.info,
.typography .table > tfoot > tr > th.info,
.typography .table > tfoot > tr.info > td,
.typography .table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.typography .table-hover > tbody > tr > td.info:hover,
.typography .table-hover > tbody > tr > th.info:hover, .typography .table-hover > tbody > tr.info:hover > td, .typography .table-hover > tbody > tr:hover > .info, .typography .table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.typography .table > thead > tr > td.warning,
.typography .table > thead > tr > th.warning, .typography .table > thead > tr.warning > td, .typography .table > thead > tr.warning > th,
.typography .table > tbody > tr > td.warning,
.typography .table > tbody > tr > th.warning,
.typography .table > tbody > tr.warning > td,
.typography .table > tbody > tr.warning > th,
.typography .table > tfoot > tr > td.warning,
.typography .table > tfoot > tr > th.warning,
.typography .table > tfoot > tr.warning > td,
.typography .table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.typography .table-hover > tbody > tr > td.warning:hover,
.typography .table-hover > tbody > tr > th.warning:hover, .typography .table-hover > tbody > tr.warning:hover > td, .typography .table-hover > tbody > tr:hover > .warning, .typography .table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.typography .table > thead > tr > td.danger,
.typography .table > thead > tr > th.danger, .typography .table > thead > tr.danger > td, .typography .table > thead > tr.danger > th,
.typography .table > tbody > tr > td.danger,
.typography .table > tbody > tr > th.danger,
.typography .table > tbody > tr.danger > td,
.typography .table > tbody > tr.danger > th,
.typography .table > tfoot > tr > td.danger,
.typography .table > tfoot > tr > th.danger,
.typography .table > tfoot > tr.danger > td,
.typography .table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.typography .table-hover > tbody > tr > td.danger:hover,
.typography .table-hover > tbody > tr > th.danger:hover, .typography .table-hover > tbody > tr.danger:hover > td, .typography .table-hover > tbody > tr:hover > .danger, .typography .table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
@media screen and (max-width: 767px) {
  .typography .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch;
  }
  .typography .table-responsive > .table {
    margin-bottom: 0;
  }
  .typography .table-responsive > .table > thead > tr > th,
  .typography .table-responsive > .table > thead > tr > td,
  .typography .table-responsive > .table > tbody > tr > th,
  .typography .table-responsive > .table > tbody > tr > td,
  .typography .table-responsive > .table > tfoot > tr > th,
  .typography .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .typography .table-responsive > .table-bordered {
    border: 0;
  }
  .typography .table-responsive > .table-bordered > thead > tr > th:first-child,
  .typography .table-responsive > .table-bordered > thead > tr > td:first-child,
  .typography .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .typography .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .typography .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .typography .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .typography .table-responsive > .table-bordered > thead > tr > th:last-child,
  .typography .table-responsive > .table-bordered > thead > tr > td:last-child,
  .typography .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .typography .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .typography .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .typography .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .typography .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .typography .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .typography .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .typography .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.typography div.short-column {
  padding-left: 0;
}
.typography.jspScrollable p {
  color: #454D69;
}
.typography fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
  color: #abc3d9;
  margin-bottom: 35px;
}
.typography h3 {
  font-weight: 100;
  letter-spacing: 0.1em;
}
.typography .rosso {
  color: #D4757A !important;
}
.typography hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.typography p {
  font-size: 1em;
  line-height: 1.643em;
}
.typography a {
  color: #428bca;
  text-decoration: none;
}
.typography a:hover, .typography a:focus {
  color: #2a6496;
  text-decoration: underline;
}
.typography a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.typography .left {
  text-align: left;
}
.typography .center {
  text-align: center;
}
.typography .right {
  text-align: right;
}
.typography img {
  vertical-align: middle;
}
.typography img.left {
  float: left;
  max-width: 50%;
}
.typography img.right {
  float: right;
  max-width: 50%;
}
.typography img.leftAlone {
  float: left;
  clear: both;
}
.typography img.center {
  float: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
  clear: both;
}
.typography img.img-responsive {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.typography .colonna {
  float: left;
}
.typography .colonna.column-1 {
  width: 100%;
}
.typography .colonna.column-2 {
  width: 50%;
}
.typography .colonna.column-3 {
  width: 33.3333333333%;
}
.typography .colonna.column-4 {
  width: 25%;
}
.typography .colonna.column-5 {
  width: 20%;
}
.typography .colonna.column-6 {
  width: 16.6666666667%;
}
.typography .colonna.column-7 {
  width: 14.2857142857%;
}
.typography .colonna.column-8 {
  width: 12.5%;
}
.typography .colonna.column-9 {
  width: 11.1111111111%;
}
.typography .colonna.column-10 {
  width: 10%;
}
.typography .colonna img {
  max-width: 100%;
}