@charset "UTF-8";
/**
 * article.css default theme for JavaScript, CSS and HTML
 * @author Arathorn
 * Under CC0 Public Domain <http://creativecommons.org/publicdomain/zero/1.0/>.
 */
/**
* Layout
**/
article {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  /*margin-left: 20%;*/
}

/**
* Base
**/
* {
  box-sizing: border-box;
}

/**
* Base article
**/
.nu-article {
  font-family: "Open Sans", sans-serif;
  font-size: 19px;
  font-color: #666;
  line-height: 1.618;
}

.nu-article ul {
  display: block;
  list-style-type: disc;
  margin-top: 1em;
  margin-bottom: 1 em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
}
.nu-article ol {
  display: block;
/*  list-style-type: disc; */
  margin-top: 1em;
  margin-bottom: 1 em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
}
.nu-article ul li {
	margin-bottom: 3%;
}
.nu-article ol li {
	margin-bottom: 3%;
}
h15 {
	font-size: 2.5rem;
	font-weight:500;
	color: #fff;
	text-align:center;
}

@media only screen and (max-width: 960px) {
  .nu-article {
    font-size: 17px;
    line-height: 27.506px;
  }
}
@media only screen and (max-width: 960px) {
  .nu-article {
    font-size: 17px;
    line-height: 27.506px;
  }
}
.nu-article {
}

.nu-article .full-width, .nu-article iframe {
	width: 100%;
}

.nu-article em {
  color: #f0506e;
}
.nu-article strong {
  font-weight: 800;
}
.nu-article dfn {
  font-style: italic;
}
.nu-article u {
  font-style: italic;
  text-decoration-line: underline;
  text-decoration-skip: ink;
}
.nu-article abbr {
  cursor: help;
  text-decoration-skip: ink;
}
.nu-article cite {
  color: #4C565C;
  font-style: italic;
}
body .nu-article {
  counter-reset: h2;
}
.nu-article h2 {
  counter-reset: h3;
}
.nu-article h3 {
  counter-reset: h4;
}
.nu-article h4 {
  counter-reset: h5;
}
.nu-article h5 {
  counter-reset: h6;
}
.nu-article h2:before {
  counter-increment: h2;
  content: counter(h2) ". ";
}
.nu-article h3:before {
  counter-increment: h3;
  content: counter(h2) "." counter(h3) ". ";
}
.nu-article h4:before {
  counter-increment: h4;
  content: counter(h2) "." counter(h3) "." counter(h4) ". ";
}
.nu-article h5:before {
  counter-increment: h5;
  content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". ";
}
.nu-article h6:before {
  counter-increment: h6;
  content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". ";
}
.nu-article h2.nocount:before,
.nu-article h3.nocount:before,
.nu-article h4.nocount:before,
.nu-article h5.nocount:before,
.nu-article h6.nocount:before {
  content: "";
  counter-increment: none;
}
.nu-article h2:before, .nu-article h3:before, .nu-article h4:before, .nu-article h5:before, .nu-article h6:before {
  position: relative;
  left: -20px;
  display: inline-block;
}
.nu-article p {
  padding: 0 1em;
  margin-bottom: 2em;
}
.nu-article .lead {
  font-weight: 400;
  text-transform: none;
  font-size: 18px;
  line-height: 1.2;
}
@media (min-width: 600px) {
  .nu-article .lead {
    font-size: 20px;
    line-height: 1.25;
  }
  h15 {
	font-size: 5.0rem;
	font-weight:500;
	color: #fff;
	text-align:center;
  }

}
.nu-article .block {
  font-size: 16px;
  margin-bottom: 2em;
  padding: 2em;
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  color: #606060;
}
.nu-article .block p:last-child, .nu-article .block ul:last-child {
  margin-bottom: 0;
}
.nu-article blockquote {
  max-width: 90%;
  margin: auto;
  color: #606060;
  font-size: 16px;
}
.nu-article blockquote + figcaption {
  text-align: right;
  font-size: 0.875em;
  color: #4D5656;
  margin-right: 0;
  margin-left: 10%;
}
.nu-article blockquote + figcaption:before {
  content: "- ";
}
.nu-article blockquote mark, .nu-article q mark {
  font: inherit;
  font-style: italic;
  text-decoration: none;
  background: transparent;
  color: inherit;
}
.nu-article blockquote em {
  font: inherit;
  font-size: inherit;
  text-decoration: underline;
}
.nu-article img {
  max-width: 100%;
}
.nu-article figcaption {
  text-align: center;
  color: #4D5656;
  font-size: 0.875em;
}
.nu-article pre code {
  text-align: center;
}
.nu-article .sidebarblock, .nu-article .sidenote {
  color: #606060;
  font-size: 0.867rem;
  line-height: 1.267em;
}
.nu-article .sidebarblock p:last-child, .nu-article .sidebarblock ul:last-child, .nu-article .sidenote p:last-child, .nu-article .sidenote ul:last-child {
  margin-bottom: 0;
}
.nu-article .sidebarblock {
  background-color: #ffffff;
}
.nu-article .sidebarblock:before {
  content: "Note ";
  position: relative;
  left: -18px;
  top: 28px;
  background: #ffffff;
  display: inline-block;
  transform: rotate(-90deg);
}
.nu-article .sidenote {
  background-color: #D5DBDB;
  padding: 1em 0;
}
.nu-article .sidenote p {
  margin-bottom: 1em;
}
@media screen and (min-width: 900px) {
  .nu-article .sidenote, .nu-article .sidebarblock {
    background-color: #ffffff;
    max-width: 20vw;
    margin-right: -20vw;
    float: right;
    clear: right;
  }
  h15 {
	font-size: 5.0rem;
	font-weight:600;
	color: #fff;
	text-align:center;
  }
  
}
@media screen and (min-width: 1200px) {
  .nu-article .sidenote, .nu-article .sidebarblock {
    margin-right: -20vw;
    width: 250px;
    text-align: left;
  }
}
.nu-article .note, .nu-article .note-ref {
  display: none;
}
.nu-article .note-indice, .nu-article .note-ref-indice, .nu-article .sidenote-sign {
  vertical-align: super;
  position: relative;
  font-size: 0.675rem;
  line-height: 0.675rem;
  text-decoration: none;
}
.nu-article .note-cite-item, .nu-article .note-ref-cite-item {
  text-decoration: none;
}
.nu-article .note-ref-cite-sign, .nu-article .note-cite-sign {
  font-size: 0.83em;
}
.nu-article dl {
  margin-left: 1.25em;
}
.nu-article dl dt {
  margin-bottom: 0.5em;
  border-bottom: solid 2px #D5DBDB;
}
.nu-article table {
  width: 95%;
  margin: auto;
}
.nu-article a:before, .nu-article a:after {
  font-family: "fontawesome";
  font-weight: normal !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  font-size: 0.85em;
}
.nu-article a:before {
  padding-right: 0.2em;
}
.nu-article a:after {
  padding-left: 0.3em;
}
.nu-article [target=_blank]:after {
  content: "";
}
.nu-article [href^="https:"]:before {
  content: "";
}
.nu-article [rel=author]:before, .nu-article [href*="rel=author"]:before {
  content: "";
}
.nu-article [rel=help]:before {
  content: "Y";
}
.nu-article [rel=tag]:before {
  content: "+";
}
.nu-article [rel=bookmark]:before {
  content: ".";
}
.nu-article [rel=prev]:before {
  content: "";
}
.nu-article [rel=next]:after {
  content: "";
  padding-left: 0.3em;
}
.nu-article [href^="mailto:"]:before {
  content: "à";
}
.nu-article [href^="tel:"]:before {
  content: "";
}
.nu-article [href^="view-source:"]:before {
  content: "";
}
.nu-article [href$=".pdf"]:before {
  content: "";
}
.nu-article [href$=".doc"]:before, .nu-article [href$=".docx"]:before {
  content: "";
}
.nu-article [href$=".txt"]:before, .nu-article [href$=".md"]:before {
  content: "ö";
}
.nu-article [href$=".xml"]:before {
  content: "";
}
.nu-article [href$=".rss"]:after,
.nu-article [href$="rss.xml"]:after,
.nu-article [href*="/feed/"]:after,
.nu-article [href*="/rss/"]:after {
  content: "";
}
.nu-article [href$=".js"]:before,
.nu-article [href*="/js/"]:before,
.nu-article [href*="/javascript/"]:before,
.nu-article [href$=".json"]:before {
  content: "";
}
.nu-article [href$=".jpg"]:before,
.nu-article [href$=".jpeg"]:before,
.nu-article [href$=".png"]:before,
.nu-article [href$=".gif"]:before {
  content: "";
}
.nu-article [href$=".exe"]:before, .nu-article [href*="/download/"]:before {
  content: "";
}
.nu-article [href*=".zip"]:before, .nu-article [href*=".gz"]:before {
  content: "";
}
.nu-article [href*="twitter.com/"]:before {
  content: "";
}
.nu-article [href*="facebook.com/"]:before {
  content: "";
}
.nu-article [href*="linkedin.com/"]:before {
  content: "á";
}
.nu-article [href*="plus.google.com/"]:before {
  content: "Õ";
}
.nu-article [href*="youtube.com/"]:before, .nu-article [href*="youtu.be/"]:before {
  content: "";
}
.nu-article [href*="github.com/"]:before {
  content: "";
}
.nu-article [role=button][aria-pressed=true]:before,
.nu-article button[aria-pressed=true]:before {
  content: "";
}
.nu-article [role=button][aria-pressed=false]:before,
.nu-article button[aria-pressed=false]:before {
  content: "";
}
.nu-article footer {
  margin-top: 50px;
  border-top: 1px solid silver;
  font-size: 0.8em;
}
.nu-article footer ol {
  padding-left: 20px;
}
.nu-article article {
  counter-reset: footnotes;
}
.nu-article [aria-describedby=footnote-label] {
  counter-increment: footnotes;
  /* 1 */
  text-decoration: none;
  /* 2 */
  color: inherit;
  /* 2 */
  cursor: default;
  /* 2 */
  outline: none;
  /* 2 */
}
/*
  text-decoration: none;
  /* 2 
  color: inherit;
  /* 2 
  cursor: default;
  /* 2 
  outline: none;
  /* 2 */
}
.nu-article [aria-describedby=footnote-label]::after {
  content: "[" counter(footnotes) "]";
  /* 1 */
  vertical-align: super;
  /* 2 */
  font-size: 0.5em;
  /* 3 */
  margin-left: 2px;
  /* 4 */
  color: blue;
  /* 5 */
  text-decoration: underline;
  /* 5 */
  cursor: pointer;
  /* 5 */
}
.nu-article [aria-describedby=footnote-label]:focus::after {
  outline: thin dotted;
  outline-offset: 2px;
}
.nu-article [aria-label="Back to content"] {
  font-size: 0.8em;
}
.nu-article footer :target {
  background: yellow;
}
.nu-article .visually-hidden {
  position: absolute;
  clip: rect(0 0 0 0);
  visibility: hidden;
  opacity: 0;
}
.nu-article .p {
  text-align: center;
  font-size: 0.75em;
  padding-top: 150px;
}

/**
* Tooltipster
*/
.tooltipster-noir {
  border-radius: 0px;
  border: 3px solid #2c2c2c;
  background: #fff;
  color: #2c2c2c;
}

.tooltipster-noir .tooltipster-content {
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
  max-width: 400px;
}

/*    SOCIAL rolling ICONS    */
.social-up {
  font-family: 'Raleway', sans-serif;
  font-size: 0.8em;
  position: fixed;
  top: 120px;
}
.social-up ul {
  padding: 10px;
  -webkit-transform: translate(-270px, 0);
  -moz-transform: translate(-270px, 0);
  -ms-transform: translate(-270px, 0);
  -o-transform: translate(-270px, 0);
  transform: translate(-270px, 0);
}
.social-up ul li {
  display: block;
  margin: 10px;
  background: rgba(0, 0, 0, 0.26);
  width: 280px; 
  text-align: right;
  padding: 10px;
  -webkit-border-radius: 0 30px 30px 0;
  -moz-border-radius: 0 30px 30px 0;
  border-radius: 0 30px 30px 0;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.social-up ul li:hover {
  -webkit-transform: translate(110px, 0);
  -moz-transform: translate(110px, 0);
  -ms-transform: translate(110px, 0);
  -o-transform: translate(110px, 0);
  transform: translate(110px, 0);
  background: rgba(255, 255, 255, 0.9);
}
.social-up ul li:hover a {
  color: #8c113c;
  }
.social-up ul li:hover i {
  color: #0566c7;
  background: red;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
