@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900");
html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

@font-face {
  font-family: "fontastic";
  src: url("source/fonts/fontastic/fontastic.eot");
  src: url("source/fonts/fontastic/fontastic.eot?#iefix") format("embedded-opentype"), url("source/fonts/fontastic/fontastic.woff") format("woff"), url("source/fonts/fontastic/fontastic.ttf") format("truetype"), url("source/fonts/fontastic/fontastic.svg#fontastic") format("svg");
  font-weight: normal;
  font-style: normal; }

[data-icon]:before {
  font-family: "fontastic" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontastic" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-facebook:before {
  content: "\61"; }

.icon-instagram:before {
  content: "\62"; }

.icon-twitter:before {
  content: "\63"; }

.icon-arrow-down-c:before {
  content: "\64"; }

.icon-youtube-play:before {
  content: "\65"; }

.icon-calendar:before {
  content: "\66"; }

.icon-plus:before {
  content: "\67"; }

.icon-arrow-circle-o-down:before {
  content: "\68"; }

.icon-angle-down:before {
  content: "\69"; }

.icon-angle-left:before {
  content: "\6a"; }

.icon-angle-right:before {
  content: "\6b"; }

.icon-angle-up:before {
  content: "\6c"; }

.icon-envelope-o:before {
  content: "\6d"; }

.icon-envelope:before {
  content: "\6e"; }

.icon-check:before {
  content: "\6f"; }

.icon-map-marker:before {
  content: "\70"; }

.icon-chevron-down:before {
  content: "\71"; }

.icon-chevron-left:before {
  content: "\72"; }

.icon-chevron-right:before {
  content: "\73"; }

.icon-chevron-up:before {
  content: "\74"; }

.icon-android:before {
  content: "\75"; }

.icon-search:before {
  content: "\76"; }

.icon-newspaper-o:before {
  content: "\77"; }

.icon-file-text-o:before {
  content: "\78"; }

.container, .grid .grid-inner, .resume-intro {
  padding-right: 20px;
  padding-left: 20px; }
  @media screen and (min-width: 768px) {
    .container, .grid .grid-inner, .resume-intro {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      max-width: 750px; }
      .container::after, .grid .grid-inner::after, .resume-intro::after {
        clear: both;
        content: "";
        display: table; } }
  @media screen and (min-width: 992px) {
    .container, .grid .grid-inner, .resume-intro {
      max-width: 970px; } }
  @media screen and (min-width: 1200px) {
    .container, .grid .grid-inner, .resume-intro {
      padding-left: calc((1/12) * 100%);
      padding-right: calc((1/12) * 100%);
      max-width: 100%; } }
  @media screen and (min-width: 1600px) {
    .container, .grid .grid-inner, .resume-intro {
      padding-left: calc((2/12) * 100%);
      padding-right: calc((2/12) * 100%); } }

a, button, li, a:hover, a:focus, button:hover {
  outline: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.btn-df {
  background-color: #FFF;
  cursor: pointer;
  color: #000;
  display: inline-block;
  padding: 15px;
  text-decoration: none; }
  .btn-df:hover {
    text-decoration: underline; }

.page-content .content .list-encontrar {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start; }

.card, .card > a, .card-new > a, .page-header.-mosaic.-new .card-new, .list-publicacoes ul, .vid-list ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }

.section-flavio.-infancia .sec-header .content, .page-header, .card > a .caption, .card-new > a .caption, .card-thumbnail .caption, .card-audio .caption, .card-caption.-bg-thumbnail.-caption .cont, .card-caption.-bg-thumbnail.-caption .caption .caption-content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  -moz-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background-color: transparent; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer; }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td, th {
  padding: 0; }

body.logged-in .main-header {
  top: 29px; }

body.-menu-active {
  overflow: hidden; }

.main-header-home {
  display: none; }
  @media screen and (min-width: 992px) {
    .main-header-home {
      display: block; }
      .main-header-home .container, .main-header-home .grid .grid-inner, .grid .main-header-home .grid-inner, .main-header-home .resume-intro {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between; }
      .main-header-home .nav-header {
        padding: 20px 0; } }
    @media screen and (min-width: 992px) and (min-width: 1200px) {
      .main-header-home .nav-header {
        padding: 40px 0; } }
  @media screen and (min-width: 992px) {
      .main-header-home .logo {
        background: url(source/img/marca-flavio-paiva.png) no-repeat center top;
        display: block;
        overflow: hidden;
        height: 105px;
        width: 307px;
        text-indent: -9999px; }
      .main-header-home .nav-content {
        background-color: #FFF;
        width: 100%;
        position: relative;
        z-index: 100; }
        .main-header-home .nav-content ul {
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          justify-content: center; } }

.main-header {
  background-color: #FFF;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100; }
  @media screen and (min-width: 992px) {
    .main-header {
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; } }
  .main-header .nav-header {
    padding: 20px 15px; }
    @media screen and (min-width: 992px) {
      .main-header .nav-header {
        padding: 0 0 0 20px; } }
    @media screen and (min-width: 1200px) {
      .main-header .nav-header {
        padding: 0 0 0 35px; } }
  .main-header .logo {
    font-size: 1rem;
    margin: 0;
    height: auto;
    width: 95px; }
    .main-header .logo a {
      color: #000;
      display: block;
      text-decoration: none; }
  .main-header .btn-menu {
    background-color: #000;
    color: #FFF;
    cursor: pointer;
    display: block;
    padding: 5px 10px;
    position: absolute;
    top: 15px;
    right: 55px; }
    @media screen and (min-width: 992px) {
      .main-header .btn-menu {
        display: none; } }
    .main-header .btn-menu.active {
      background-color: #55af7d; }
  .main-header .nav-content {
    background-color: #000;
    display: none;
    padding: 20px 10px; }
    @media screen and (min-width: 992px) {
      .main-header .nav-content {
        background-color: transparent;
        width: -webkit-calc(100% - 115px);
        width: calc(100% - 115px);
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        padding: 0; } }
    @media screen and (min-width: 1200px) {
      .main-header .nav-content {
        width: -webkit-calc(100% - 190px);
        width: calc(100% - 190px); } }

#menu-menu-principal-1, #menu-menu-principal {
  overflow: auto;
  max-height: 60vh; }
  @media screen and (min-width: 992px) {
    #menu-menu-principal-1, #menu-menu-principal {
      overflow: visible;
      max-height: none; } }

@media screen and (min-width: 992px) {
  .nav-menu {
    margin: 0 auto; } }

.nav-menu ul {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  list-style: none;
  padding-left: 0;
  margin: 0; }
  @media screen and (min-width: 992px) {
    .nav-menu ul {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; } }

.nav-menu li {
  width: -webkit-calc(100% / 2);
  width: calc(100% / 2);
  position: relative; }
  @media screen and (min-width: 768px) {
    .nav-menu li {
      width: -webkit-calc(100% / 3);
      width: calc(100% / 3); } }
  @media screen and (min-width: 992px) {
    .nav-menu li {
      width: auto; } }

.nav-menu a {
  color: #FFF;
  display: block;
  padding: 15px;
  text-decoration: none; }
  @media screen and (min-width: 992px) {
    .nav-menu a {
      color: black;
      padding: 22px 8px; } }
  @media screen and (min-width: 1200px) {
    .nav-menu a {
      padding: 22px 15px; } }
  .nav-menu a:hover {
    opacity: 0.75; }
    @media screen and (min-width: 992px) {
      .nav-menu a:hover {
        color: #000;
        opacity: 1; } }
  .nav-menu a.active {
    text-decoration: underline; }
    @media screen and (min-width: 992px) {
      .nav-menu a.active {
        color: #444; } }

.nav-menu li:hover > a, .nav-menu li:focus > a {
  color: #87e1af; }
  @media screen and (min-width: 992px) {
    .nav-menu li:hover > a, .nav-menu li:focus > a {
      background-color: #fafafa;
      color: #a0a0a0; } }

@media screen and (min-width: 992px) {
  .nav-menu li:hover ul, .nav-menu li:focus ul {
    display: block; } }

@media screen and (min-width: 992px) {
  .nav-menu li:last-child ul {
    left: auto;
    right: 0; } }

.nav-menu li ul {
  background-color: black;
  display: none;
  padding: 10px 0; }
  @media screen and (min-width: 992px) {
    .nav-menu li ul {
      position: absolute;
      top: 64px;
      left: 0;
      width: 250px; } }
  .nav-menu li ul li {
    width: 100%; }
  .nav-menu li ul a {
    padding: 10px 20px; }
    @media screen and (min-width: 992px) {
      .nav-menu li ul a {
        color: #FFF; }
        .nav-menu li ul a:hover {
          background-color: transparent;
          color: #FFF;
          opacity: 0.65; } }

.nav-menu .menu-item-has-children > a {
  position: relative; }
  .nav-menu .menu-item-has-children > a:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 50%;
    transform: translateX(3px); }

@media screen and (min-width: 992px) {
  body.home .main-header {
    background-color: transparent;
    box-shadow: none;
    opacity: 1;
    z-index: 1000; }
    body.home .main-header .nav-menu a {
      padding-top: 32px;
      padding-bottom: 32px; }
    body.home .main-header .search-small .ipt {
      height: 85px; }
    body.home .main-header .search-small .btn-search {
      padding-top: 21px; }
    body.home .main-header .nav-menu li ul {
      top: 84px; }
      body.home .main-header .nav-menu li ul a {
        padding-top: 10px;
        padding-bottom: 10px; }
    body.home .main-header.-active-header {
      background-color: #FFF;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
      body.home .main-header.-active-header .nav-menu a {
        padding-top: 22px;
        padding-bottom: 22px; }
      body.home .main-header.-active-header .search-small .ipt {
        height: 65px; }
      body.home .main-header.-active-header .search-small .btn-search {
        padding-top: 13px; }
      body.home .main-header.-active-header .nav-menu li ul {
        top: 64px; }
        body.home .main-header.-active-header .nav-menu li ul a {
          padding-top: 10px;
          padding-bottom: 10px; } }

@media screen and (min-width: 992px) {
  body.home .search-small {
    background-color: transparent; }
    body.home .search-small:hover {
      background-color: #FFF; } }

.overlay-menu {
  background-color: rgba(0, 0, 0, 0.45);
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }

.page-title .result {
  text-decoration: underline; }

.frm-search {
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .frm-search .ipt {
    border: none;
    float: right;
    outline: none;
    padding: 15px 40px 15px 20px;
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .frm-search .ipt::-webkit-input-placeholder {
      color: #b7b7b7; }
    .frm-search .ipt::-moz-placeholder {
      color: #b7b7b7; }
    .frm-search .ipt:-moz-placeholder {
      color: #b7b7b7; }
    .frm-search .ipt:-ms-input-placeholder {
      color: #b7b7b7; }
    .frm-search .ipt:focus, .frm-search .ipt:hover {
      width: 400px; }
  .frm-search .btn-search {
    background-color: transparent;
    color: #d0d0d0;
    border: none;
    box-shadow: none;
    padding: 16px 13px 10px;
    position: absolute;
    top: 0;
    right: 0; }

.search-small {
  background-color: #FFF;
  position: absolute;
  top: 0;
  right: 0;
  height: 61px;
  width: 45px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  @media screen and (min-width: 992px) {
    .search-small {
      height: 100%; } }
  .search-small:hover, .search-small:focus {
    background-color: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    width: 100%; }
    @media screen and (min-width: 992px) {
      .search-small:hover, .search-small:focus {
        width: 350px; } }
    @media screen and (min-width: 1200px) {
      .search-small:hover .btn-search, .search-small:focus .btn-search {
        pointer-events: auto; } }
  .search-small .ipt {
    background-color: transparent;
    height: 65px;
    padding-left: 25px; }
    .search-small .ipt:hover, .search-small .ipt:focus {
      background-color: #f7f7f7;
      width: 100%; }
      @media screen and (min-width: 992px) {
        .search-small .ipt:hover, .search-small .ipt:focus {
          width: 350px; } }
  .search-small .btn-search {
    pointer-events: none;
    padding: 13px 20px 10px; }
    .search-small .btn-search i {
      align-items: center;
      background: #FFF;
      border-radius: 100%;
      display: flex;
      font-size: 12px;
      justify-content: center;
      height: 38px;
      width: 38px; }

.searchwp-live-search-results p {
  padding: 0 !important; }

.searchwp-live-search-results a {
  color: #000;
  padding: 1rem;
  text-decoration: none; }
  .searchwp-live-search-results a:hover {
    background-color: #f7f7f7; }

.frm .ipt, .frm .txa {
  outline-color: #55af7d;
  font-size: 0.875em;
  margin-bottom: 10px;
  padding: 10px 15px;
  width: 100%; }
  .frm .ipt::-webkit-input-placeholder, .frm .txa::-webkit-input-placeholder {
    color: #848484; }
  .frm .ipt::-moz-placeholder, .frm .txa::-moz-placeholder {
    color: #848484; }
  .frm .ipt:-moz-placeholder, .frm .txa:-moz-placeholder {
    color: #848484; }
  .frm .ipt:-ms-input-placeholder, .frm .txa:-ms-input-placeholder {
    color: #848484; }

.frm .btn {
  background-color: #55af7d;
  border: none;
  color: #FFF;
  font-size: 0.875em;
  padding: 8px 25px; }

.main-footer {
  background-color: rgba(0, 0, 0, 0.05);
  color: #777777;
  padding-top: calc((1/12) * 100%);
  padding-bottom: calc((1/12) * 100%);
  text-align: center; }
  .main-footer .copyright {
    margin-top: 3rem; }
    @media screen and (min-width: 992px) {
      .main-footer .copyright {
        width: calc((8/12) * 100%);
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (min-width: 1200px) {
      .main-footer .copyright {
        width: calc((7/12) * 100%);
        margin-top: 5rem;
        margin-bottom: 3rem; } }
  .main-footer p a {
    color: #000; }
  .main-footer .menu-footer .nav-menu {
    border-top: 4px solid rgba(0, 0, 0, 0.1);
    border-bottom: 4px solid rgba(0, 0, 0, 0.1);
    margin: 2rem 0;
    padding: 2rem 0; }
    @media screen and (min-width: 768px) {
      .main-footer .menu-footer .nav-menu {
        border: none; } }
    @media screen and (min-width: 1200px) {
      .main-footer .menu-footer .nav-menu {
        margin-bottom: 3rem; } }
    .main-footer .menu-footer .nav-menu a {
      color: #777777; }
    .main-footer .menu-footer .nav-menu li ul a {
      color: #FFF; }
  .main-footer .logo-enko img {
    max-width: 100px;
    margin: 0 auto; }

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: #FFF;
  font-family: "Playfair Display", serif;
  font-size: 15px;
  padding-top: 61px;
  letter-spacing: .0125em;
  text-shadow: rgba(0, 0, 0, 0.1) 0 0 1px; }
  body ::-moz-selection {
    background-color: rgba(0, 0, 0, 0.3);
    color: #FFF; }
  body ::selection {
    background-color: rgba(0, 0, 0, 0.3);
    color: #FFF; }

@media screen and (min-width: 992px) {
  body.home {
    background: url(source/img/bg/bg-flavio-paiva.jpg) no-repeat right top;
    background-size: 60% auto; } }

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

figure {
  margin: 0; }

p {
  line-height: 2;
  margin-bottom: calc(1em*2);
  text-align: justify; }
  p:last-child {
    margin-bottom: 0; }

.section-title .title {
  font-weight: 400;
  font-size: 0.9375rem; }
  .section-title .title.text-right {
    text-align: right; }
  .section-title .title.text-center {
    text-align: center; }

.section-title.alone {
  padding-bottom: calc((2/12) * 100%);
  padding-top: calc((2/12) * 100%); }

.grid {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  display: none; }
  @media screen and (min-width: 768px) {
    .grid {
      display: block; } }
  .grid .grid-inner {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around; }
    @media screen and (min-width: 1200px) {
      .grid .grid-inner {
        padding-left: calc((1.825/12) * 100%);
        padding-right: calc((1.825/12) * 100%); } }
    @media screen and (min-width: 1600px) {
      .grid .grid-inner {
        padding-left: calc((1/12) * 100%);
        padding-right: calc((1/12) * 100%); } }
    .grid .grid-inner .line {
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-grow: 1;
      flex-grow: 1;
      height: 100vh;
      border-left: 1px solid rgba(0, 0, 0, 0.045); }
      .grid .grid-inner .line:last-child {
        border-right: 1px solid rgba(0, 0, 0, 0.045); }

.vanilla-modal .modal-hider {
  position: absolute;
  left: -99999em; }

.modal .modal-inner .modal-content iframe {
  display: block; }

.link-page {
  display: block;
  padding: 15px; }

.interview-card {
  max-width: 300px;
  margin-bottom: 30px; }
  .interview-card .btn {
    width: 100%;
    border: none;
    padding: 6px 12px; }
  .interview-card .audio-player-wrapper {
    position: relative;
    overflow: hidden; }
  .interview-card .audio-player {
    position: absolute;
    right: 0;
    bottom: -120%;
    left: 0; }
    .interview-card .audio-player.active {
      bottom: -5px; }
    .interview-card .audio-player .audio {
      width: 100%; }

.main.-black {
  background-color: #000; }
  .main.-black .main-int {
    background-color: #000;
    color: #FFF;
    padding-top: 3.5em; }
    @media screen and (min-width: 1200px) {
      .main.-black .main-int {
        padding-bottom: 7em; } }

.main-content.-black {
  width: 100%; }

.new-intro .intro-inner {
  padding: 4em 0;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .new-intro .intro-inner {
      padding: 6em 0 0; } }
  @media screen and (min-width: 992px) {
    .new-intro .intro-inner {
      text-align: left; } }
  .new-intro .intro-inner img {
    height: auto;
    max-width: 245px;
    margin-bottom: 2em; }
    @media screen and (min-width: 992px) {
      .new-intro .intro-inner img {
        max-width: 185px; } }
  .new-intro .intro-inner .intro-cont {
    max-width: 300px;
    margin: 0 auto; }
    @media screen and (min-width: 992px) {
      .new-intro .intro-inner .intro-cont {
        margin: 0; } }
    @media screen and (min-width: 1200px) {
      .new-intro .intro-inner .intro-cont {
        max-width: 425px; } }
    @media screen and (min-width: 992px) {
      .new-intro .intro-inner .intro-cont p {
        text-align: left; } }

.new-intro .autor-ilust {
  display: none; }
  @media screen and (min-width: 992px) {
    .new-intro .autor-ilust {
      display: block;
      top: 40%;
      right: 20%; } }

.fast-article {
  display: block; }
  .fast-article .fast-article-inner {
    text-decoration: none;
    margin-bottom: 3.125rem;
    position: relative;
    display: block;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .fast-article .fast-article-inner {
        margin-bottom: 0;
        margin-top: calc((1/12) * 100%);
        margin-bottom: calc((2/12) * 100%);
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between; } }
    .fast-article .fast-article-inner .rect {
      display: none;
      position: absolute;
      top: 10%;
      right: 100%;
      bottom: 10%;
      left: 0;
      background-color: #f7f7f7;
      z-index: 40;
      -webkit-transition: right 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
      -moz-transition: right 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
      transition: right 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s; }
      @media screen and (min-width: 1200px) {
        .fast-article .fast-article-inner .rect {
          display: block; } }
    .fast-article .fast-article-inner .pic {
      position: relative;
      z-index: 50; }
      @media screen and (min-width: 768px) {
        .fast-article .fast-article-inner .pic {
          width: calc((3/12) * 100%); } }
      .fast-article .fast-article-inner .pic img {
        display: block;
        height: auto;
        max-width: 100%; }
    .fast-article .fast-article-inner .cont {
      margin-top: 1.875rem;
      line-height: 1;
      position: relative;
      z-index: 50; }
      @media screen and (min-width: 768px) {
        .fast-article .fast-article-inner .cont {
          margin-top: 0;
          width: calc((6/12) * 100%); } }
      .fast-article .fast-article-inner .cont .title {
        font-weight: 400;
        font-size: 0.9375rem;
        color: #000; }
      .fast-article .fast-article-inner .cont .info {
        font-weight: 400;
        font-size: 0.9375rem;
        color: #a0a0a0; }
    .fast-article .fast-article-inner:hover .rect {
      right: 0;
      -webkit-transition: right 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
      -moz-transition: right 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
      transition: right 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
  .fast-article:nth-child(even) .fast-article-inner .rect {
    position: absolute;
    top: 10%;
    right: 0;
    bottom: 10%;
    left: 100%;
    -webkit-transition: left 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    -moz-transition: left 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    transition: left 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s; }
  @media screen and (min-width: 768px) {
    .fast-article:nth-child(even) .fast-article-inner .pic {
      -webkit-order: 2;
        -webkit-order--moz-order: 2;
        -webkit-order--ms-order: 2;
          -webkit-order--ms-order-order: 2; } }
  @media screen and (min-width: 768px) {
    .fast-article:nth-child(even) .fast-article-inner .cont {
      padding-left: calc((2/12) * 100%);
      -webkit-order: 1;
        -webkit-order--moz-order: 1;
        -webkit-order--ms-order: 1;
          -webkit-order--ms-order-order: 1;
      width: calc((8/12) * 100%); } }
  .fast-article:nth-child(even) .fast-article-inner:hover .rect {
    left: 0;
    -webkit-transition: left 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -moz-transition: left 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: left 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.agenda {
  border-top: 1px solid #b0e1c6;
  padding-bottom: calc((1/12) * 100%); }
  @media screen and (min-width: 768px) {
    .agenda {
      border: none;
      margin-top: 0;
      padding-bottom: 0; } }
  @media screen and (min-width: 768px) {
    .agenda .agenda-inner {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: flex-end;
      -moz-justify-content: flex-end;
      -ms-justify-content: flex-end;
      justify-content: flex-end; } }
  .agenda .agenda-inner .section-title {
    margin-bottom: 2rem; }
    @media screen and (min-width: 768px) {
      .agenda .agenda-inner .section-title {
        margin-bottom: 0;
        width: calc((3/12) * 100%); } }
  @media screen and (min-width: 768px) {
    .agenda .agenda-inner .event {
      color: #FFF;
      width: 100%; } }
  .agenda .agenda-inner .event .current-event {
    display: block;
    text-decoration: none;
    position: relative; }
    .agenda .agenda-inner .event .current-event .pic {
      margin-bottom: 1.875rem; }
      @media screen and (min-width: 768px) {
        .agenda .agenda-inner .event .current-event .pic {
          margin-bottom: 0; } }
      .agenda .agenda-inner .event .current-event .pic img {
        display: block;
        height: auto;
        max-width: 100%;
        width: 100%; }
    @media screen and (min-width: 768px) {
      .agenda .agenda-inner .event .current-event .caption {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column wrap;
        -moz-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-align-content: flex-end;
        -moz-align-content: flex-end;
        -ms-align-content: flex-end;
        align-content: flex-end;
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.85);
        padding: 7%;
        -webkit-transition: background 0.2s ease-in-out 0.3s;
        -moz-transition: background 0.2s ease-in-out 0.3s;
        transition: background 0.2s ease-in-out 0.3s; } }
    @media screen and (min-width: 992px) {
      .agenda .agenda-inner .event .current-event .caption {
        font-size: 0.875rem; } }
    @media screen and (min-width: 1200px) {
      .agenda .agenda-inner .event .current-event .caption {
        background-color: transparent;
        font-size: 0.9375rem;
        padding: 10%; } }
    .agenda .agenda-inner .event .current-event .caption .header-caption {
      width: 100%;
      -webkit-transition: top 0.2s ease-in-out 0.1s, opacity 0.2s ease-in-out 0.1s;
      -moz-transition: top 0.2s ease-in-out 0.1s, opacity 0.2s ease-in-out 0.1s;
      transition: top 0.2s ease-in-out 0.1s, opacity 0.2s ease-in-out 0.1s; }
      @media screen and (min-width: 768px) {
        .agenda .agenda-inner .event .current-event .caption .header-caption {
          display: -webkit-box;
          display: -moz-box;
          display: box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          align-items: center;
          -webkit-justify-content: space-between;
          -moz-justify-content: space-between;
          -ms-justify-content: space-between;
          justify-content: space-between;
          position: relative; } }
      @media screen and (min-width: 1200px) {
        .agenda .agenda-inner .event .current-event .caption .header-caption {
          top: 15px;
          opacity: 0; } }
      .agenda .agenda-inner .event .current-event .caption .header-caption .title {
        font-size: 0.9375rem;
        font-weight: 400;
        color: #000; }
        @media screen and (min-width: 768px) {
          .agenda .agenda-inner .event .current-event .caption .header-caption .title {
            color: #FFF; } }
      .agenda .agenda-inner .event .current-event .caption .header-caption .date {
        font-size: 0.9375rem;
        font-weight: 400;
        color: #a0a0a0; }
        @media screen and (min-width: 768px) {
          .agenda .agenda-inner .event .current-event .caption .header-caption .date {
            color: #FFF; } }
    .agenda .agenda-inner .event .current-event .caption .cont {
      color: #a0a0a0;
      position: relative;
      -webkit-transition: top 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
      -moz-transition: top 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
      transition: top 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; }
      @media screen and (min-width: 768px) {
        .agenda .agenda-inner .event .current-event .caption .cont {
          color: #FFF;
          margin-top: auto; } }
      @media screen and (min-width: 1200px) {
        .agenda .agenda-inner .event .current-event .caption .cont {
          opacity: 0;
          top: 15px; } }
    .agenda .agenda-inner .event .current-event:hover .caption {
      -webkit-transition: background 0.2s ease-in-out 0s;
      -moz-transition: background 0.2s ease-in-out 0s;
      transition: background 0.2s ease-in-out 0s; }
      @media screen and (min-width: 1200px) {
        .agenda .agenda-inner .event .current-event:hover .caption {
          background-color: rgba(0, 0, 0, 0.85); } }
      .agenda .agenda-inner .event .current-event:hover .caption .header-caption {
        -webkit-transition: top 0.3s ease-in-out 0.3s, opacity 0.3s ease-in-out 0.3s;
        -moz-transition: top 0.3s ease-in-out 0.3s, opacity 0.3s ease-in-out 0.3s;
        transition: top 0.3s ease-in-out 0.3s, opacity 0.3s ease-in-out 0.3s; }
        @media screen and (min-width: 1200px) {
          .agenda .agenda-inner .event .current-event:hover .caption .header-caption {
            top: 0;
            opacity: 1; } }
      .agenda .agenda-inner .event .current-event:hover .caption .cont {
        -webkit-transition: top 0.3s ease-in-out 0.5s, opacity 0.3s ease-in-out 0.5s;
        -moz-transition: top 0.3s ease-in-out 0.5s, opacity 0.3s ease-in-out 0.5s;
        transition: top 0.3s ease-in-out 0.5s, opacity 0.3s ease-in-out 0.5s; }
        @media screen and (min-width: 1200px) {
          .agenda .agenda-inner .event .current-event:hover .caption .cont {
            top: 0;
            opacity: 1; } }

.featured-publication .thumbnail-full {
  background-color: #f7f7f7;
  line-height: 0;
  text-align: center; }
  .featured-publication .thumbnail-full img {
    max-width: 100%;
    height: auto;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .featured-publication .thumbnail-full img {
        height: 500px;
        width: auto; } }

.featured-publication .caption {
  background-color: #f7f7f7;
  padding-bottom: calc((1/12) * 100%);
  padding-top: calc((1/12) * 100%); }
  @media screen and (min-width: 1200px) {
    .featured-publication .caption {
      padding-bottom: calc((1.5/12) * 100%); } }
  @media screen and (min-width: 768px) {
    .featured-publication .caption .title-box {
      padding-bottom: calc((0.75/12) * 100%); } }
  .featured-publication .caption .title {
    margin: 0;
    text-align: center; }
    @media screen and (min-width: 992px) {
      .featured-publication .caption .title {
        font-size: 2.25rem; } }
  @media screen and (min-width: 768px) {
    .featured-publication .caption .container, .featured-publication .caption .grid .grid-inner, .grid .featured-publication .caption .grid-inner, .featured-publication .caption .resume-intro {
      padding-left: calc((1/12) * 100%);
      padding-right: calc((1/12) * 100%); } }
  @media screen and (min-width: 1200px) {
    .featured-publication .caption .container, .featured-publication .caption .grid .grid-inner, .grid .featured-publication .caption .grid-inner, .featured-publication .caption .resume-intro {
      padding-left: calc((2/12) * 100%);
      padding-right: calc((2/12) * 100%); } }
  .featured-publication .caption .cont {
    color: #a0a0a0; }
  .featured-publication .caption p a {
    color: #444;
    text-decoration: none; }
    .featured-publication .caption p a:hover {
      text-decoration: underline; }

@media screen and (min-width: 768px) {
  .section-news {
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; } }

@media screen and (min-width: 768px) {
  .section-news .articles, .section-news .agenda {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; } }

@media screen and (min-width: 992px) {
  .section-news .articles {
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2; } }

@media screen and (min-width: 992px) {
  .section-news .articles-inner {
    padding-right: 10%; } }

.section-news .section-header {
  padding: 1rem 0;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .section-news .section-header {
      padding: 2.5rem 0; } }
  @media screen and (min-width: 992px) {
    .section-news .section-header {
      padding: 4.5rem 0; } }
  @media screen and (min-width: 1200px) {
    .section-news .section-header {
      padding: 8.5rem 0; } }
  @media screen and (min-width: 992px) {
    .section-news .section-header .title {
      font-size: 2.25rem; } }

.section-news .section-footer {
  padding: 1rem 0;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .section-news .section-footer {
      margin-top: auto;
      padding: 4.5rem 0; } }
  @media screen and (min-width: 992px) {
    .section-news .section-footer {
      padding: 6.5rem 0; } }
  @media screen and (min-width: 1200px) {
    .section-news .section-footer {
      padding: 12.5rem 0 14.5rem; } }
  .section-news .section-footer a {
    color: #000;
    padding: 0.625rem 0.9375rem;
    text-decoration: none;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) bottom no-repeat;
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) bottom no-repeat;
    -webkit-transition: background-size 0.15s ease-in-out 0.2s, text-shadow 0.15s ease-in-out 0.1s;
    -moz-transition: background-size 0.15s ease-in-out 0.2s, text-shadow 0.15s ease-in-out 0.1s;
    transition: background-size 0.15s ease-in-out 0.2s, text-shadow 0.15s ease-in-out 0.1s;
    background-size: 100% 0;
    background-position: center 80%; }
    .section-news .section-footer a:hover {
      -webkit-transition: background-size 0.15s ease-in-out 0.1s, text-shadow 0.15s ease-in-out 0.2s;
      -moz-transition: background-size 0.15s ease-in-out 0.1s, text-shadow 0.15s ease-in-out 0.2s;
      transition: background-size 0.15s ease-in-out 0.1s, text-shadow 0.15s ease-in-out 0.2s;
      background-size: 100% 30%;
      text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px; }

.intro-section {
  color: #FFF;
  text-align: center;
  padding: 2rem 0;
  position: relative; }
  @media screen and (min-width: 768px) {
    .intro-section {
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      height: 50vh;
      min-height: 500px; } }
  @media screen and (min-width: 992px) {
    .intro-section {
      height: 75vh;
      min-height: 550px; } }
  @media screen and (min-width: 1200px) {
    .intro-section {
      height: 115vh;
      min-height: 660px; } }
  .intro-section.-bg {
    background-size: cover;
    background-position: center center; }
  @media screen and (min-width: 768px) {
    .intro-section .content {
      padding-left: calc((2/12) * 100%);
      padding-right: calc((2/12) * 100%); } }
  @media screen and (min-width: 992px) {
    .intro-section .content {
      padding-left: calc((3/12) * 100%);
      padding-right: calc((3/12) * 100%); } }
  .intro-section .title {
    margin-top: 0; }
    @media screen and (min-width: 992px) {
      .intro-section .title {
        font-size: 2.25rem; } }
    @media screen and (min-width: 1200px) {
      .intro-section .title {
        font-size: 3rem; } }

.break-section {
  padding: 3.125rem 0.9375rem;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center; }
  @media screen and (min-width: 768px) {
    .break-section {
      padding-bottom: calc((1.5/12) * 100%);
      padding-top: calc((1.5/12) * 100%);
      padding-right: 0;
      padding-left: 0; } }
  @media screen and (min-width: 768px) {
    .break-section .title-box {
      width: calc((6/12) * 100%); } }
  @media screen and (min-width: 1600px) {
    .break-section .title-box {
      width: calc((5/12) * 100%); } }
  .break-section .title-box .title {
    text-align: center;
    font-size: 2.25rem; }
    @media screen and (min-width: 768px) {
      .break-section .title-box .title {
        font-size: 1.75rem; } }
    @media screen and (min-width: 992px) {
      .break-section .title-box .title {
        font-size: 2.375rem; } }
    @media screen and (min-width: 1200px) {
      .break-section .title-box .title {
        font-size: 3rem; } }
  .break-section.bg-green {
    background-color: #b0e1c6; }
  .break-section.bg-yellow {
    background-color: #f2bc1b; }

.resume-intro {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem; }
  @media screen and (min-width: 768px) {
    .resume-intro {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      padding-bottom: calc((2/12) * 100%);
      padding-top: calc((2/12) * 100%); } }
  @media screen and (min-width: 768px) {
    .resume-intro .resume-intro-inner {
      width: calc((7/12) * 100%); } }
  @media screen and (min-width: 992px) {
    .resume-intro .resume-intro-inner {
      width: calc((5/12) * 100%); } }
  @media screen and (min-width: 1200px) {
    .resume-intro .resume-intro-inner {
      width: calc((4.5/12) * 100%); } }
  @media screen and (min-width: 1600px) {
    .resume-intro .resume-intro-inner {
      width: calc((4/12) * 100%); } }
  .resume-intro.center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center; }
  .resume-intro.right {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end; }

.books-presentation .books-presentation-inner {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center; }
  @media screen and (min-width: 768px) {
    .books-presentation .books-presentation-inner {
      padding-top: calc((2.5/12) * 100%);
      padding-bottom: calc((2.5/12) * 100%); } }

.books-presentation .list-books {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }
  @media screen and (min-width: 768px) {
    .books-presentation .list-books {
      width: calc((12/12) * 100%); } }
  @media screen and (min-width: 992px) {
    .books-presentation .list-books {
      width: calc((9/12) * 100%); } }
  @media screen and (min-width: 1200px) {
    .books-presentation .list-books {
      width: calc((8.35/12) * 100%); } }
  .books-presentation .list-books .book {
    display: block;
    width: calc(100%/2);
    position: relative; }
    .books-presentation .list-books .book:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-color: #FFF;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease-in-out;
      -moz-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out; }
    @media screen and (min-width: 768px) {
      .books-presentation .list-books .book {
        width: calc(100%/5); } }
    .books-presentation .list-books .book .pic img {
      display: block;
      height: auto;
      max-width: 100%;
      width: 100%; }
  .books-presentation .list-books:hover .book:before {
    opacity: .4; }
  .books-presentation .list-books:hover .book:hover:before {
    opacity: 0; }

.books-presentation .books-infos {
  display: none; }
  @media screen and (min-width: 768px) {
    .books-presentation .books-infos {
      width: calc((6/12) * 100%);
      padding-right: calc((0.5/12) * 100%);
      padding-left: calc((0.5/12) * 100%); } }
  @media screen and (min-width: 992px) {
    .books-presentation .books-infos {
      width: calc((5/12) * 100%);
      padding-left: calc((0.55/12) * 100%);
      padding-right: calc((0.55/12) * 100%); } }
  @media screen and (min-width: 1200px) {
    .books-presentation .books-infos {
      display: none;
      width: calc((5/12) * 100%);
      padding-right: calc((1/12) * 100%);
      padding-left: calc((1/12) * 100%); } }
  @media screen and (min-width: 1200px) {
    .books-presentation .books-infos .books-infos-inner {
      position: relative; } }
  @media screen and (min-width: 1200px) {
    .books-presentation .books-infos .books-infos-inner .message-info-books {
      opacity: 1;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0);
      -webkit-transition: -webkit-transform 0.2s ease-in-out 0.1s, opacity 0.2s ease-in-out 0.1s;
      -moz-transition: -moz-transform 0.2s ease-in-out 0.1s, opacity 0.2s ease-in-out 0.1s;
      transition: transform 0.2s ease-in-out 0.1s, opacity 0.2s ease-in-out 0.1s; } }
  .books-presentation .books-infos .books-infos-inner .message-info-books p {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0; }
    .books-presentation .books-infos .books-infos-inner .message-info-books p + p {
      margin-top: 15px; }
  @media screen and (min-width: 1200px) {
    .books-presentation .books-infos .books-infos-inner .message-info-books.active {
      opacity: 0;
      -webkit-transform: translate(0, -20%);
      -moz-transform: translate(0, -20%);
      -ms-transform: translate(0, -20%);
      -o-transform: translate(0, -20%);
      transform: translate(0, -20%);
      -webkit-transition: -webkit-transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
      -moz-transition: -moz-transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
      transition: transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0s; } }
  @media screen and (min-width: 1200px) {
    .books-presentation .books-infos .books-infos-inner .book-resume {
      opacity: 0;
      position: absolute;
      top: 0;
      -webkit-transform: translate(0, -40%);
      -moz-transform: translate(0, -40%);
      -ms-transform: translate(0, -40%);
      -o-transform: translate(0, -40%);
      transform: translate(0, -40%);
      -webkit-transition: -webkit-transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
      -moz-transition: -moz-transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
      transition: transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
      pointer-events: none; } }
  .books-presentation .books-infos .books-infos-inner .book-resume .title {
    font-weight: 400;
    font-size: 1em;
    text-align: center; }
    .books-presentation .books-infos .books-infos-inner .book-resume .title + .cont {
      margin-top: 1.25rem; }
      @media screen and (min-width: 992px) {
        .books-presentation .books-infos .books-infos-inner .book-resume .title + .cont {
          margin-top: 2.5rem; } }
  @media screen and (min-width: 1200px) {
    .books-presentation .books-infos .books-infos-inner .book-resume.active {
      opacity: 1;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%);
      -webkit-transition: -webkit-transform 0.2s ease-in-out 0.1s, opacity 0.2s ease-in-out 0.1s;
      -moz-transition: -moz-transform 0.2s ease-in-out 0.1s, opacity 0.2s ease-in-out 0.1s;
      transition: transform 0.2s ease-in-out 0.1s, opacity 0.2s ease-in-out 0.1s; } }

@media screen and (min-width: 768px) {
  .view-more {
    padding-bottom: calc((2.5/12) * 100%); } }

.view-more .view-more-inner {
  padding-top: 3.125rem;
  padding-bottom: 2.5rem; }
  @media screen and (min-width: 768px) {
    .view-more .view-more-inner {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row wrap;
      -moz-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; } }
  .view-more .view-more-inner .title {
    text-align: center;
    font-size: 1.5rem;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 768px) {
      .view-more .view-more-inner .title {
        text-align: left;
        font-size: 1.625rem;
        width: calc((5/12) * 100%); } }
    @media screen and (min-width: 992px) {
      .view-more .view-more-inner .title {
        font-size: 2.25rem;
        width: calc((5/12) * 100%); } }
    @media screen and (min-width: 1200px) {
      .view-more .view-more-inner .title {
        width: calc((4/12) * 100%); } }
    .view-more .view-more-inner .title a {
      color: #000;
      text-decoration: none; }
  .view-more .view-more-inner .list-links {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around; }
    @media screen and (min-width: 768px) {
      .view-more .view-more-inner .list-links {
        width: calc((6/12) * 100%);
        margin-bottom: 0; } }

.view-more.full .view-more-inner .title {
  width: 100%;
  text-align: center; }
  .view-more.full .view-more-inner .title + .list-links {
    margin-top: calc((1/12) * 100%); }

.view-more.full .list-links {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column wrap;
  -moz-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }
  @media screen and (min-width: 768px) {
    .view-more.full .list-links {
      -webkit-flex-flow: row wrap;
      -moz-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap; } }

.quote {
  margin-bottom: calc((3/12) * 100%);
  text-decoration: none;
  display: block;
  overflow: hidden;
  position: relative; }
  .quote:before {
    display: none;
    content: '';
    position: absolute;
    top: 10%;
    right: 0;
    bottom: 10%;
    left: 100%;
    background-color: #f7f7f7;
    z-index: 40;
    -webkit-transition: left 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    -moz-transition: left 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    transition: left 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s; }
    @media screen and (min-width: 768px) {
      .quote:before {
        display: block; } }
  @media screen and (min-width: 768px) {
    .quote {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between; } }
  .quote .pic {
    margin-bottom: 1.875rem; }
    @media screen and (min-width: 768px) {
      .quote .pic {
        margin-bottom: 0;
        width: calc((3/12) * 100%);
        -webkit-order: 2;
          -webkit-order--moz-order: 2;
          -webkit-order--ms-order: 2;
            -webkit-order--ms-order-order: 2;
        position: relative;
        z-index: 50; } }
    .quote .pic img {
      display: block;
      height: auto;
      max-width: 100%; }
  .quote .cont {
    line-height: 1; }
    @media screen and (min-width: 768px) {
      .quote .cont {
        width: calc((9/12) * 100%);
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -webkit-order: 1;
          -webkit-order--moz-order: 1;
          -webkit-order--ms-order: 1;
            -webkit-order--ms-order-order: 1;
        position: relative;
        z-index: 40;
        -webkit-transition: left 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
        -moz-transition: left 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
        transition: left 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s; } }
    @media screen and (min-width: 1200px) {
      .quote .cont {
        left: calc(((5/12)*100%) - 20px); } }
    @media screen and (min-width: 1600px) {
      .quote .cont {
        left: calc(((5/12)*100%) - 55px); } }
    .quote .cont .title {
      font-weight: 400;
      font-size: 0.9375rem;
      color: #000;
      text-align: center;
      margin-bottom: 1.25rem; }
      @media screen and (min-width: 768px) {
        .quote .cont .title {
          margin-top: 0;
          margin-bottom: 0;
          text-align: left;
          padding-left: calc((1/12)*100vw);
          width: calc((3/12)*100vw); } }
    .quote .cont .cit {
      color: #000; }
      .quote .cont .cit p {
        margin-top: 0; }
      @media screen and (min-width: 768px) {
        .quote .cont .cit {
          width: calc((5/12)*100vw);
          padding-right: calc((1/12)*100vw);
          -webkit-transition: opacity 0.2s ease-in-out 0s;
          -moz-transition: opacity 0.2s ease-in-out 0s;
          transition: opacity 0.2s ease-in-out 0s; } }
      @media screen and (min-width: 1200px) {
        .quote .cont .cit {
          opacity: 0;
          width: calc((4/12)*100vw);
          padding-right: calc((1/12)*100vw); } }
  @media screen and (min-width: 1200px) {
    .quote:hover:before {
      left: 0;
      -webkit-transition: left 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
      -moz-transition: left 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
      transition: left 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } }
  @media screen and (min-width: 768px) {
    .quote:hover .cont {
      left: 0;
      -webkit-transition: left 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
      -moz-transition: left 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
      transition: left 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } }
  @media screen and (min-width: 768px) {
    .quote:hover .cont .cit {
      opacity: 1;
      -webkit-transition: opacity 0.2s ease-in-out 0.2s;
      -moz-transition: opacity 0.2s ease-in-out 0.2s;
      transition: opacity 0.2s ease-in-out 0.2s; } }
  .quote:nth-child(even):before {
    position: absolute;
    top: 10%;
    right: 100%;
    bottom: 10%;
    left: 0;
    -webkit-transition: right 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    -moz-transition: right 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    transition: right 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s; }
  @media screen and (min-width: 768px) {
    .quote:nth-child(even) .pic {
      -webkit-order: 1;
        -webkit-order--moz-order: 1;
        -webkit-order--ms-order: 1;
          -webkit-order--ms-order-order: 1; } }
  @media screen and (min-width: 768px) {
    .quote:nth-child(even) .cont {
      -webkit-order: 2;
        -webkit-order--moz-order: 2;
        -webkit-order--ms-order: 2;
          -webkit-order--ms-order-order: 2;
      -webkit-transition: right 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
      -moz-transition: right 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
      transition: right 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s; } }
  @media screen and (min-width: 768px) and (min-width: 1200px) {
    .quote:nth-child(even) .cont {
      right: calc(((5/12)*100%) - 20px);
      left: auto; } }
  @media screen and (min-width: 768px) and (min-width: 1600px) {
    .quote:nth-child(even) .cont {
      right: calc(((5/12)*100%) - 55px); } }
  @media screen and (min-width: 768px) {
    .quote:nth-child(even) .cont .title {
      -webkit-order: 2;
        -webkit-order--moz-order: 2;
        -webkit-order--ms-order: 2;
          -webkit-order--ms-order-order: 2;
      padding-right: calc((1/12)*100vw);
      padding-left: 0;
      text-align: right; } }
  @media screen and (min-width: 768px) {
    .quote:nth-child(even) .cont .cit {
      -webkit-order: 1;
        -webkit-order--moz-order: 1;
        -webkit-order--ms-order: 1;
          -webkit-order--ms-order-order: 1;
      padding-left: calc((1/12)*100vw);
      padding-right: 0;
      -webkit-transition: opacity 0.2s ease-in-out 0s;
      -moz-transition: opacity 0.2s ease-in-out 0s;
      transition: opacity 0.2s ease-in-out 0s; } }
  @media screen and (min-width: 1200px) {
    .quote:nth-child(even):hover:before {
      right: 0;
      -webkit-transition: right 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
      -moz-transition: right 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
      transition: right 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } }
  @media screen and (min-width: 768px) {
    .quote:nth-child(even):hover .cont {
      right: 0;
      left: auto;
      -webkit-transition: right 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
      -moz-transition: right 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
      transition: right 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } }
  @media screen and (min-width: 768px) {
    .quote:nth-child(even):hover .cont .cit {
      opacity: 1;
      -webkit-transition: opacity 0.2s ease-in-out 0.2s;
      -moz-transition: opacity 0.2s ease-in-out 0.2s;
      transition: opacity 0.2s ease-in-out 0.2s; } }

.section-flavio::after {
  clear: both;
  content: "";
  display: table; }

.section-flavio .list-card-thumbnail .swiper-card-thumbnail {
  box-shadow: none; }

.section-flavio .list-card-thumbnail.-list-audio {
  margin: 0 auto; }

.section-flavio.-music .section-footer {
  padding-top: 0; }
  @media screen and (min-width: 768px) {
    .section-flavio.-music .section-footer {
      padding-top: calc((1.5/12) * 100%); } }

.section-flavio.-black {
  background-color: #000;
  color: #FFF; }
  .section-flavio.-black a {
    color: #FFF; }

.section-flavio.-pd-bt {
  padding-bottom: calc((1.5/12) * 100%); }
  @media screen and (min-width: 768px) {
    .section-flavio.-pd-bt {
      padding-bottom: calc((2/12) * 100%); } }

.section-flavio .section-header {
  padding-bottom: calc((1.5/12) * 100%);
  padding-top: calc((1.45/12) * 100%);
  text-align: center; }
  @media screen and (min-width: 768px) {
    .section-flavio .section-header .title {
      font-size: 2.25rem;
      margin: 0; } }
  @media screen and (min-width: 1200px) {
    .section-flavio .section-header .title {
      font-size: 3rem; } }

.section-flavio .section-footer {
  padding-bottom: calc((0.5/12) * 100%);
  padding-top: calc((1.5/12) * 100%); }

@media screen and (min-width: 992px) {
  .section-flavio.-infancia {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; } }

.section-flavio.-infancia .sec-header {
  color: #FFF;
  background-size: cover;
  background-position: center center;
  height: 275px;
  position: relative;
  text-align: center;
  padding-top: calc((1/12) * 100%);
  padding-bottom: calc((1/12) * 100%); }
  @media screen and (min-width: 768px) {
    .section-flavio.-infancia .sec-header {
      height: 50vh; } }
  @media screen and (min-width: 992px) {
    .section-flavio.-infancia .sec-header {
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      height: auto; } }
  .section-flavio.-infancia .sec-header h2, .section-flavio.-infancia .sec-header .card-publication p, .card-publication .section-flavio.-infancia .sec-header p {
    margin: 0; }
    @media screen and (min-width: 768px) {
      .section-flavio.-infancia .sec-header h2, .section-flavio.-infancia .sec-header .card-publication p, .card-publication .section-flavio.-infancia .sec-header p {
        font-size: 2.25rem; } }
    @media screen and (min-width: 1200px) {
      .section-flavio.-infancia .sec-header h2, .section-flavio.-infancia .sec-header .card-publication p, .card-publication .section-flavio.-infancia .sec-header p {
        font-size: 3rem; } }
  .section-flavio.-infancia .sec-header p {
    text-align: center; }
  .section-flavio.-infancia .sec-header .content {
    height: 100%; }

.section-flavio.-infancia .sec-content {
  background-color: #FFF; }
  @media screen and (min-width: 992px) {
    .section-flavio.-infancia .sec-content {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1; } }
  .section-flavio.-infancia .sec-content blockquote {
    margin: 0;
    padding: 15px; }
    @media screen and (min-width: 768px) {
      .section-flavio.-infancia .sec-content blockquote {
        padding: calc((1/12) * 100%); } }
    @media screen and (min-width: 1200px) {
      .section-flavio.-infancia .sec-content blockquote {
        padding: calc((1.5/12) * 100%); } }
  .section-flavio.-infancia .sec-content .links-content {
    list-style: none;
    padding-left: 0;
    margin: 0;
    margin-top: 2rem; }
    @media screen and (min-width: 992px) {
      .section-flavio.-infancia .sec-content .links-content {
        margin-top: auto; } }

.section-flavio.-infancia .links-content {
  text-align: center; }
  .section-flavio.-infancia .links-content li {
    background-color: #f7f7f7;
    padding: 15px; }
    @media screen and (min-width: 768px) {
      .section-flavio.-infancia .links-content li {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        padding: 3rem 0;
        padding-left: calc((1/12) * 100%);
        padding-right: calc((1/12) * 100%); } }
    @media screen and (min-width: 1200px) {
      .section-flavio.-infancia .links-content li {
        padding-left: calc((1.5/12) * 100%);
        padding-right: calc((1.5/12) * 100%); } }
    .section-flavio.-infancia .links-content li:nth-child(even) {
      background-color: #FFF; }
    .section-flavio.-infancia .links-content li p {
      color: #a0a0a0;
      text-align: center;
      margin: 0; }
    .section-flavio.-infancia .links-content li a {
      color: #000;
      display: inline-block;
      margin: 0 10px;
      padding: 5px 0;
      text-decoration: none;
      background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) bottom no-repeat;
      background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) bottom no-repeat;
      -webkit-transition: background-size 0.15s ease-in-out 0.2s, text-shadow 0.15s ease-in-out 0.1s;
      -moz-transition: background-size 0.15s ease-in-out 0.2s, text-shadow 0.15s ease-in-out 0.1s;
      transition: background-size 0.15s ease-in-out 0.2s, text-shadow 0.15s ease-in-out 0.1s;
      background-size: 100% 0;
      background-position: center 80%; }
      .section-flavio.-infancia .links-content li a:hover {
        -webkit-transition: background-size 0.15s ease-in-out 0.1s, text-shadow 0.15s ease-in-out 0.2s;
        -moz-transition: background-size 0.15s ease-in-out 0.1s, text-shadow 0.15s ease-in-out 0.2s;
        transition: background-size 0.15s ease-in-out 0.1s, text-shadow 0.15s ease-in-out 0.2s;
        background-size: 100% 30%;
        text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px; }
      @media screen and (min-width: 768px) {
        .section-flavio.-infancia .links-content li a {
          margin-right: 20px;
          margin: 0 0 0 20px; } }

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

div#masonry {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
  display: block;
  height: auto; }
  div#masonry .item {
    background-size: cover;
    background-position: center center;
    break-inside: avoid;
    height: 400px;
    position: relative;
    overflow: hidden;
    width: 100%; }
    div#masonry .item:nth-child(1), div#masonry .item:nth-child(3), div#masonry .item:nth-child(6), div#masonry .item:nth-child(8), div#masonry .item:nth-child(9), div#masonry .item:nth-child(11), div#masonry .item:nth-child(14), div#masonry .item:nth-child(16) {
      height: 200px; }
    div#masonry .item:hover .caption {
      opacity: 1; }
    div#masonry .item .caption {
      background-color: rgba(0, 0, 0, 0.35);
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      padding: 15px;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100%;
      text-align: center;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      @media screen and (min-width: 992px) {
        div#masonry .item .caption {
          -webkit-justify-content: space-between;
          -moz-justify-content: space-between;
          -ms-justify-content: space-between;
          justify-content: space-between;
          padding: 2rem 2.25rem; } }
      @media screen and (min-width: 1200px) {
        div#masonry .item .caption {
          background-color: rgba(0, 0, 0, 0.75);
          opacity: 0; } }
      div#masonry .item .caption h2, div#masonry .item .caption .card-publication p, .card-publication div#masonry .item .caption p {
        font-weight: normal;
        font-size: 0.625rem;
        margin: 0; }
        @media screen and (min-width: 992px) {
          div#masonry .item .caption h2, div#masonry .item .caption .card-publication p, .card-publication div#masonry .item .caption p {
            font-size: 0.75rem;
            margin-top: auto; } }
        @media screen and (min-width: 1200px) {
          div#masonry .item .caption h2, div#masonry .item .caption .card-publication p, .card-publication div#masonry .item .caption p {
            font-size: 0.8125rem;
            line-height: 1.8; } }
      div#masonry .item .caption p {
        display: none;
        font-size: 0.75rem;
        margin: auto 0 0;
        text-align: center; }
        @media screen and (min-width: 992px) {
          div#masonry .item .caption p {
            display: block; } }
    div#masonry .item img {
      display: block;
      height: auto;
      max-width: 100%; }

@media screen and (min-width: 768px) {
  .-citacoes-mob {
    display: none; } }

.-citacoes-mob .swiper-pagination {
  bottom: 0; }
  .-citacoes-mob .swiper-pagination .swiper-pagination-bullet {
    background-color: #FFF;
    height: 3px;
    width: 3px; }

.-citacoes-mob ul {
  padding-bottom: 30px;
  list-style: none;
  padding-left: 0;
  margin: 0; }

.-citacoes-mob li {
  background: transparent;
  text-align: center;
  width: 100%; }

.-citacoes-mob img {
  height: auto;
  max-width: 100%;
  width: 100%; }

.-citacoes-mob .caption {
  padding: 15px; }
  .-citacoes-mob .caption h2, .-citacoes-mob .caption .card-publication p, .card-publication .-citacoes-mob .caption p {
    font-size: 1.0625rem; }
  .-citacoes-mob .caption p {
    font-size: 0.75rem;
    text-align: center; }

.special-call {
  display: none; }
  @media screen and (min-width: 768px) {
    .special-call {
      display: block;
      margin-left: calc((1/12) * 100%);
      margin-right: calc((1/12) * 100%);
      margin-bottom: calc((2/12) * 100%);
      margin-top: calc((3/12) * 100%); } }
  @media screen and (min-width: 992px) {
    .special-call {
      margin-top: calc((5/12) * 100%); } }
  @media screen and (min-width: 1200px) {
    .special-call {
      margin-top: calc((6/12) * 100%); } }
  @media screen and (min-width: 1600px) {
    .special-call {
      margin-left: calc((2/12) * 100%);
      margin-right: calc((2/12) * 100%);
      margin-bottom: calc((2/12) * 100%);
      margin-top: calc((2/12) * 100%); } }
  .special-call .special-call-inner {
    background-attachment: fixed;
    line-height: 0;
    position: relative;
    margin-left: calc((1.35/12) * 100%);
    margin-right: calc((1.35/12) * 100%);
    overflow: hidden; }
    .special-call .special-call-inner .float-img {
      background: url("source/img/bg/cidadania-organica-flavio-paiva.jpg");
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 200vh;
      z-index: 40; }
    .special-call .special-call-inner .cidadao-organico-svg {
      display: block;
      position: relative;
      z-index: 50; }
    .special-call .special-call-inner .resume {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      text-align: center;
      z-index: 50; }
      .special-call .special-call-inner .resume p {
        margin-top: 0; }
      .special-call .special-call-inner .resume > * {
        text-align: center; }
        @media screen and (min-width: 768px) {
          .special-call .special-call-inner .resume > * {
            width: calc((7/12)*100vw); } }
        @media screen and (min-width: 992px) {
          .special-call .special-call-inner .resume > * {
            width: calc((5/12)*100vw); } }
        @media screen and (min-width: 1200px) {
          .special-call .special-call-inner .resume > * {
            width: calc((6/12)*100vw); } }
        @media screen and (min-width: 1600px) {
          .special-call .special-call-inner .resume > * {
            width: calc((3/12)*100vw); } }
  .special-call .section-title {
    padding-top: calc((1/12) * 100%); }
    @media screen and (min-width: 992px) {
      .special-call .section-title {
        padding-bottom: calc((0.55/12) * 100%);
        padding-top: calc((0.55/12) * 100%); } }
    .special-call .section-title .title {
      color: #858467;
      font-size: 1.375em;
      margin-bottom: 2em; }
      @media screen and (min-width: 992px) {
        .special-call .section-title .title {
          margin-bottom: 2.25em; } }
    .special-call .section-title p {
      text-align: center; }
      @media screen and (min-width: 768px) {
        .special-call .section-title p {
          margin: 0 auto;
          max-width: 675px; } }

@media screen and (min-width: 1200px) {
  .section-letter {
    position: relative; } }

@media screen and (min-width: 1200px) {
  .section-letter .section-letter-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat; } }

@media screen and (min-width: 1200px) {
  .section-letter .section-letter-inner.letter-f {
    background-image: url("source/img/letters/letter-f.svg");
    background-size: 100% auto;
    background-position: -20vw 0; } }

@media screen and (min-width: 1200px) {
  .section-letter .section-letter-inner.letter-al {
    background-image: url("source/img/letters/letter-al.svg");
    background-size: contain;
    background-position: center top; } }

@media screen and (min-width: 1200px) {
  .section-letter .section-letter-inner.letter-vi {
    background-image: url("source/img/letters/letter-vi.svg");
    background-size: 100% auto;
    background-position: center top; } }

@media screen and (min-width: 1200px) {
  .section-letter .section-letter-inner.letter-o {
    background-image: url("source/img/letters/letter-o.svg");
    background-size: 100% auto;
    background-position: center top; } }

.autor-ilust {
  color: #FFF;
  display: none;
  font-size: 0.8125em;
  text-align: right; }
  @media screen and (min-width: 768px) {
    .autor-ilust {
      display: block;
      position: absolute;
      right: 25px;
      bottom: 25px; } }
  .autor-ilust span {
    display: block; }
  .autor-ilust .name {
    font-style: italic; }

.intro {
  position: relative; }
  .intro .autor-ilust {
    color: #d1a052;
    display: none;
    position: absolute;
    right: 25%;
    bottom: -15%; }
    @media screen and (min-width: 992px) {
      .intro .autor-ilust {
        display: block; } }
    @media screen and (min-width: 1200px) {
      .intro .autor-ilust {
        bottom: -25%;
        right: 20%; } }

.list-links {
  list-style: none;
  padding-left: 0;
  margin: 0;
  margin-bottom: calc((1/12) * 100%);
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column wrap;
  -moz-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }
  @media screen and (min-width: 768px) {
    .list-links {
      -webkit-flex-flow: row wrap;
      -moz-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: space-around;
      -moz-justify-content: space-around;
      -ms-justify-content: space-around;
      justify-content: space-around; } }
  .list-links li a {
    padding: 0.625rem 0.9375rem;
    display: block;
    text-decoration: none;
    color: #000;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) bottom no-repeat;
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) bottom no-repeat;
    -webkit-transition: background-size 0.15s ease-in-out 0.2s, text-shadow 0.15s ease-in-out 0.1s;
    -moz-transition: background-size 0.15s ease-in-out 0.2s, text-shadow 0.15s ease-in-out 0.1s;
    transition: background-size 0.15s ease-in-out 0.2s, text-shadow 0.15s ease-in-out 0.1s;
    background-size: 100% 0;
    background-position: center 80%;
    margin-bottom: 10px; }
    .list-links li a:hover {
      -webkit-transition: background-size 0.15s ease-in-out 0.1s, text-shadow 0.15s ease-in-out 0.2s;
      -moz-transition: background-size 0.15s ease-in-out 0.1s, text-shadow 0.15s ease-in-out 0.2s;
      transition: background-size 0.15s ease-in-out 0.1s, text-shadow 0.15s ease-in-out 0.2s;
      background-size: 100% 30%;
      text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px; }
    @media screen and (min-width: 768px) {
      .list-links li a {
        margin-bottom: 0; } }

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.page-header {
  background-color: #f7f7f7;
  overflow: hidden;
  padding: 2rem;
  position: relative;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .page-header {
      height: 100vh;
      max-height: 395px;
      padding: 2rem 0; } }
  @media screen and (min-width: 1600px) {
    .page-header {
      height: 100vh;
      max-height: 500px; } }
  .page-header .cont {
    position: relative;
    z-index: 10; }
    @media screen and (min-width: 768px) {
      .page-header .cont {
        padding: 0 15%; } }
  .page-header .page-title {
    font-size: 2rem;
    margin: 0; }
    @media screen and (min-width: 768px) {
      .page-header .page-title {
        font-size: 2.625rem; } }
  .page-header .thumbnail {
    display: block;
    margin: 0 auto 1rem; }
    .page-header .thumbnail img {
      height: auto;
      max-width: 100%; }
  .page-header .subtitle {
    color: #a0a0a0;
    font-size: 1.0625rem;
    font-weight: 400; }
    @media screen and (min-width: 768px) {
      .page-header .subtitle {
        font-size: 1.125rem; } }
  .page-header .grid {
    position: absolute;
    z-index: 5; }

.page-header.-cite {
  position: relative;
  line-height: 1.7;
  z-index: 10; }
  @media screen and (min-width: 768px) {
    .page-header.-cite {
      text-align: justify; } }
  @media screen and (min-width: 768px) {
    .page-header.-cite .cont {
      padding: 0;
      width: calc((8/12)*100vw); } }
  @media screen and (min-width: 1200px) {
    .page-header.-cite .cont {
      width: calc((5/12)*100vw); } }
  .page-header.-cite .page-title {
    font-size: 1.375rem; }
    @media screen and (min-width: 1200px) {
      .page-header.-cite .page-title {
        font-size: 1.5625rem; } }
    @media screen and (min-width: 1600px) {
      .page-header.-cite .page-title {
        font-size: 1.75rem; } }
    .page-header.-cite .page-title p {
      margin: 0 !important; }
  .page-header.-cite cite {
    display: block;
    font-weight: 400;
    font-size: 1rem;
    margin: 2rem 0 0; }
    @media screen and (min-width: 768px) {
      .page-header.-cite cite {
        text-align: right; } }
  .page-header.-cite blockquote {
    margin: 0; }

.page-header.-publication {
  min-height: 465px !important;
  min-height: 100vh !important; }
  @media screen and (min-width: 768px) {
    .page-header.-publication .cont {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 0 5%; } }
  @media screen and (min-width: 992px) {
    .page-header.-publication .cont {
      width: 100%; } }
  @media screen and (min-width: 1600px) {
    .page-header.-publication .cont {
      padding: 0 15%; } }
  @media screen and (min-width: 992px) {
    .page-header.-publication .page-title {
      max-width: 80%;
      text-align: left; } }
  .page-header.-publication .subtitle {
    margin: 1rem 0 0; }
    @media screen and (min-width: 992px) {
      .page-header.-publication .subtitle {
        column-count: 2;
        max-width: 100%; } }
    .page-header.-publication .subtitle p {
      margin: 0;
      text-align: center; }
      @media screen and (min-width: 992px) {
        .page-header.-publication .subtitle p {
          text-align: left; } }
  @media screen and (min-width: 768px) {
    .page-header.-publication .thumbnail, .page-header.-publication .content-btn {
      width: 25%; } }
  @media screen and (min-width: 992px) {
    .page-header.-publication .thumbnail, .page-header.-publication .content-btn {
      width: 30%; } }
  .page-header.-publication .thumbnail img, .page-header.-publication .content-btn img {
    max-width: 250px; }
  @media screen and (min-width: 768px) {
    .page-header.-publication .caption {
      width: 50%; } }
  @media screen and (min-width: 992px) {
    .page-header.-publication .caption {
      width: 40%; } }
  .page-header.-publication .content-btn {
    display: block;
    margin-top: 1rem; }
    @media screen and (min-width: 992px) {
      .page-header.-publication .content-btn {
        margin-top: 0; } }
    .page-header.-publication .content-btn .btn-df {
      min-width: 12.5rem;
      margin-bottom: 0.625rem; }

.page-header.-bg {
  background-size: cover;
  background-position: center center;
  min-height: 350px;
  position: relative; }
  @media screen and (min-width: 1200px) {
    .page-header.-bg {
      background-attachment: fixed; } }
  .page-header.-bg:before {
    background-color: transparent;
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.85));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.85));
    content: '';
    display: block;
    position: absolute;
    top: -50%;
    right: 0;
    bottom: 0;
    left: 0;
    height: 150%;
    width: 150%; }
  .page-header.-bg:after {
    background-color: rgba(0, 0, 0, 0.25);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%; }
  .page-header.-bg .cont {
    color: #FFF; }
    .page-header.-bg .cont .subtitle {
      color: rgba(255, 255, 255, 0.75); }
    .page-header.-bg .cont .btn-more {
      color: #FFF;
      position: relative;
      bottom: -25px;
      text-decoration: none; }
      .page-header.-bg .cont .btn-more:hover {
        text-decoration: underline; }

.page-header.-bg.-color .cont .page-title {
  color: #f2bc1b; }

@media screen and (min-width: 1200px) {
  .page-header.-bg.-musicas .cont .subtitle {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .page-header.-bg.-musicas .cont:hover .subtitle {
    opacity: 1; } }

.page-header.-discos {
  min-height: 200px; }
  @media screen and (min-width: 768px) {
    .page-header.-discos {
      max-height: 225px; } }

.page-header-cont {
  color: #FFF;
  margin-top: -125px;
  position: relative;
  text-align: center;
  z-index: 10; }
  @media screen and (min-width: 768px) {
    .page-header-cont {
      margin-top: -155px; } }
  .page-header-cont .thumbnail {
    max-width: 250px;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .page-header-cont .thumbnail {
        margin: 0 auto 25px;
        max-width: 350px; } }
    .page-header-cont .thumbnail img {
      height: auto;
      max-width: 85%; }
  .page-header-cont .page-title {
    margin-bottom: 10px; }
  .page-header-cont .subtitle {
    margin-top: 0; }
    .page-header-cont .subtitle a {
      color: #a0a0a0;
      font-size: 1.0625rem;
      font-weight: 400;
      text-decoration: none; }
      .page-header-cont .subtitle a:hover {
        color: #FFF; }

@media screen and (min-width: 768px) {
  .section-flavio.-parceiros .section-header {
    padding: 6em 0; } }

.section-flavio.-parceiros .nav-category {
  overflow: auto; }
  @media screen and (min-width: 768px) {
    .section-flavio.-parceiros .nav-category {
      overflow: visible; } }
  .section-flavio.-parceiros .nav-category li.active {
    background-color: rgba(255, 255, 255, 0.1); }
    .section-flavio.-parceiros .nav-category li.active:after {
      display: none; }
    .section-flavio.-parceiros .nav-category li.active a {
      color: white; }
  .section-flavio.-parceiros .nav-category li {
    background-color: rgba(255, 255, 255, 0.025); }
    .section-flavio.-parceiros .nav-category li:hover {
      background-color: rgba(255, 255, 255, 0.05); }
    .section-flavio.-parceiros .nav-category li a {
      color: rgba(255, 255, 255, 0.35); }

.page-header.-mosaic {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  background-color: #000;
  min-height: 600px;
  overflow: hidden;
  padding: 0; }
  .page-header.-mosaic h1 {
    opacity: .5;
    position: absolute; }

.card {
  height: -webkit-calc(100% / 4);
  height: calc(100% / 4);
  width: -webkit-calc(100% / 7);
  width: calc(100% / 7);
  overflow: hidden;
  order: 1;
  position: relative; }
  .card:nth-child(5), .card:nth-child(17) {
    height: -webkit-calc(100% / 4 * 2);
    height: calc(100% / 4 * 2);
    width: -webkit-calc(100% / 7 * 2);
    width: calc(100% / 7 * 2); }
  .card:nth-child(10) {
    width: -webkit-calc(100% / 7 * 3);
    width: calc(100% / 7 * 3);
    margin-left: -webkit-calc(-100% / 7);
    margin-left: calc(-100% / 7); }
    .card:nth-child(10) > a {
      background-position: center top; }
      .card:nth-child(10) > a h2, .card:nth-child(10) > a .card-publication p, .card-publication .card:nth-child(10) > a p, .card:nth-child(10) > a p {
        left: 15%; }
  .card:nth-child(12), .card:nth-child(13), .card:nth-child(17) {
    margin-left: -webkit-calc(-100% / 7);
    margin-left: calc(-100% / 7); }
  .card:nth-child(11) {
    margin-left: -webkit-calc(-100% / 7);
    margin-left: calc(-100% / 7); }
  .card:nth-child(16), .card:nth-child(19) {
    margin-left: -webkit-calc(-200% / 7);
    margin-left: calc(-200% / 7); }
  .card:nth-child(17), .card:nth-child(15), .card:nth-child(18) {
    top: -webkit-calc(100% / 4 * 1);
    top: calc(100% / 4 * 1); }
  .card:nth-child(20) {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10; }
  .card:nth-child(14) {
    position: absolute;
    top: 0;
    right: 0;
    right: -webkit-calc(100% / 7);
    right: calc(100% / 7);
    z-index: 10; }
  .card:nth-child(21) {
    position: absolute;
    top: 50%;
    left: 28.5%;
    right: -webkit-calc(100% / 7);
    right: calc(100% / 7);
    z-index: 20; }

.card > a, .card-new > a {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  color: #FFF;
  text-decoration: none; }
  .card > a:before, .card-new > a:before {
    background-color: transparent;
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.35));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.35));
    content: '';
    display: block;
    position: absolute;
    top: -90%;
    right: 0;
    bottom: 0;
    left: 0;
    height: 190%;
    width: 190%; }
  .card > a .caption, .card-new > a .caption {
    overflow: hidden;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 10; }
    @media screen and (min-width: 1200px) {
      .card > a .caption, .card-new > a .caption {
        opacity: 0; } }
    .card > a .caption:after, .card-new > a .caption:after {
      background-color: transparent;
      background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
      background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
      content: '';
      display: block;
      position: absolute;
      top: -90%;
      right: 0;
      bottom: 0;
      left: 0;
      height: 190%;
      width: 190%;
      z-index: 10; }
    .card > a .caption h2, .card > a .caption .card-publication p, .card-publication .card > a .caption p, .card > a .caption p, .card-new > a .caption h2, .card-new > a .caption .card-publication p, .card-publication .card-new > a .caption p, .card-new > a .caption p {
      margin: 0;
      text-align: center;
      position: relative;
      z-index: 20; }
    .card > a .caption:hover, .card-new > a .caption:hover {
      opacity: 1; }

.page-header.-mosaic.-new {
  display: flex;
  flex-direction: row;
  height: auto;
  min-height: 0;
  max-height: none; }
  .page-header.-mosaic.-new .card-new {
    width: -webkit-calc(100% / 2);
    width: calc(100% / 2);
    height: 200px;
    overflow: hidden;
    order: 1;
    position: relative; }
    @media screen and (min-width: 768px) {
      .page-header.-mosaic.-new .card-new {
        width: -webkit-calc(100% / 4);
        width: calc(100% / 4); } }
    @media screen and (min-width: 992px) {
      .page-header.-mosaic.-new .card-new {
        width: -webkit-calc(100% / 6);
        width: calc(100% / 6); } }
  .page-header.-mosaic.-new .modal-ficha {
    color: black; }
    .page-header.-mosaic.-new .modal-ficha .close-modal {
      cursor: pointer;
      position: fixed;
      top: 0;
      right: 0;
      padding: 15px 30px; }
      @media screen and (min-width: 768px) {
        .page-header.-mosaic.-new .modal-ficha .close-modal {
          font-size: 1.375em;
          padding: 30px 45px; } }
    .page-header.-mosaic.-new .modal-ficha .thumbnail-header {
      margin-bottom: 1em; }
    .page-header.-mosaic.-new .modal-ficha .modal-content {
      overflow-x: hidden;
      overflow-y: auto;
      height: 70vh;
      max-width: 665px; }
      .page-header.-mosaic.-new .modal-ficha .modal-content ul {
        list-style: none;
        padding-left: 0;
        margin: 0;
        font-size: 1.25em; }
        .page-header.-mosaic.-new .modal-ficha .modal-content ul li {
          margin-bottom: 1em; }
        .page-header.-mosaic.-new .modal-ficha .modal-content ul a {
          color: black;
          text-decoration: none; }
          .page-header.-mosaic.-new .modal-ficha .modal-content ul a small {
            display: block;
            opacity: .5; }
      @media screen and (min-width: 768px) {
        .page-header.-mosaic.-new .modal-ficha .modal-content .list-publicacoes li {
          width: calc(100% / 3 - 35px); } }
      .page-header.-mosaic.-new .modal-ficha .modal-content img {
        height: auto;
        max-width: 100%; }

.breadcrumb {
  background-color: #b0e1c6;
  display: block;
  font-size: 1.1875rem;
  padding: 0.9375rem 0;
  position: relative;
  text-align: center;
  z-index: 10; }
  @media screen and (min-width: 768px) {
    .breadcrumb {
      padding: 1.125rem 0; } }
  .breadcrumb a {
    color: #000;
    text-decoration: none; }
    .breadcrumb a:hover {
      text-decoration: underline; }

.list-card-thumbnail .swiper-wrapper {
  list-style: none;
  padding-left: 0;
  margin: 0; }

.list-card-thumbnail .swiper-pagination {
  bottom: 25px; }
  @media screen and (min-width: 992px) {
    .list-card-thumbnail .swiper-pagination {
      display: none; } }

.list-card-thumbnail .swiper-pagination-bullet-active {
  background-color: #55af7d; }

.list-card-thumbnail .swiper-card-thumbnail {
  background-color: #FFF;
  box-shadow: 0 -15px 70px #333;
  padding-bottom: 3.5rem; }
  @media screen and (min-width: 992px) {
    .list-card-thumbnail .swiper-card-thumbnail {
      box-shadow: none;
      padding-bottom: 0; } }

@media screen and (min-width: 768px) {
  .list-card-thumbnail.-list-audio {
    margin: 6rem auto 0;
    width: calc((10/12)*100vw - 15px); } }

@media screen and (min-width: 768px) {
  .list-card-thumbnail .festa-saci-swiper li a {
    padding: 0 15px; } }

@media screen and (min-width: 1200px) {
  .list-card-thumbnail .festa-saci-swiper li a {
    padding: 0 30px; } }

@media screen and (min-width: 768px) {
  .list-discos {
    margin-top: 25px; } }

.list-discos ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -10px; }
  @media screen and (min-width: 768px) {
    .list-discos ul {
      margin: 0 -15px; } }
  @media screen and (min-width: 1200px) {
    .list-discos ul {
      margin: 0 -25px; } }
  .list-discos ul li {
    margin: 0 10px 15px;
    width: calc(100% / 2 - 20px); }
    @media screen and (min-width: 768px) {
      .list-discos ul li {
        margin: 0 15px 30px;
        width: calc(100% / 3 - 30px); } }
    @media screen and (min-width: 1200px) {
      .list-discos ul li {
        margin: 0 25px 50px;
        width: calc(100% / 3 - 50px); } }
    .list-discos ul li a {
      background-position: center center; }

.card-thumbnail.-discos {
  height: auto;
  text-align: center; }
  .card-thumbnail.-discos a {
    display: block;
    position: relative; }
  .card-thumbnail.-discos a:hover .caption:after {
    opacity: 1; }
  .card-thumbnail.-discos .thumbnail img {
    height: auto;
    max-width: 100%;
    width: 100%; }
  .card-thumbnail.-discos .caption {
    display: none; }
    @media screen and (min-width: 1200px) {
      .card-thumbnail.-discos .caption {
        display: flex;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; } }
    .card-thumbnail.-discos .caption:after {
      border: 5px solid #55af7d;
      content: '';
      display: block;
      opacity: 0;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100%;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .card-thumbnail.-discos .caption h2, .card-thumbnail.-discos .caption .card-publication p, .card-publication .card-thumbnail.-discos .caption p {
      font-size: 1.375em; }

.category-ensaios .card-thumbnail {
  height: 245px; }

.card-thumbnail {
  display: block;
  position: relative;
  height: 300px;
  width: 100%; }
  .card-thumbnail a {
    background-position: center top;
    background-size: cover;
    color: #000;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-decoration: none; }
    @media screen and (min-width: 1200px) {
      .card-thumbnail a {
        color: #FFF; } }
  .card-thumbnail .thumbnail {
    line-height: 0; }
    .card-thumbnail .thumbnail img {
      height: auto;
      max-width: 100%; }
  .card-thumbnail .caption {
    padding: 0.5rem 2rem; }
    @media screen and (min-width: 768px) {
      .card-thumbnail .caption {
        padding: 0; } }
    @media screen and (min-width: 1200px) {
      .card-thumbnail .caption {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10; } }
    @media screen and (min-width: 1200px) {
      .card-thumbnail .caption:before {
        background-color: rgba(0, 0, 0, 0.9);
        content: '';
        opacity: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%; } }
    .card-thumbnail .caption .cont {
      padding: 0 15px;
      position: relative; }
      @media screen and (min-width: 1200px) {
        .card-thumbnail .caption .cont {
          opacity: 0;
          padding: 2rem;
          top: 5px; } }
    .card-thumbnail .caption h2, .card-thumbnail .caption .card-publication p, .card-publication .card-thumbnail .caption p, .card-thumbnail .caption h3 {
      font-size: 1rem;
      font-weight: 400; }
      @media screen and (min-width: 1200px) {
        .card-thumbnail .caption h2, .card-thumbnail .caption .card-publication p, .card-publication .card-thumbnail .caption p, .card-thumbnail .caption h3 {
          font-size: 0.9375rem; } }
    .card-thumbnail .caption h3 {
      color: #a0a0a0;
      font-size: 0.9375rem; }
      @media screen and (min-width: 1200px) {
        .card-thumbnail .caption h3 {
          color: #FFF;
          font-size: 0.875rem; } }
  .card-thumbnail a:hover .caption:before {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out 0.1s;
    -moz-transition: opacity 0.2s ease-in-out 0.1s;
    transition: opacity 0.2s ease-in-out 0.1s; }
  .card-thumbnail a:hover .caption .cont {
    opacity: 1;
    top: 0;
    -webkit-transition: top 0.3s ease-in-out 0.3s, opacity 0.3s ease-in-out 0.3s;
    -moz-transition: top 0.3s ease-in-out 0.3s, opacity 0.3s ease-in-out 0.3s;
    transition: top 0.3s ease-in-out 0.3s, opacity 0.3s ease-in-out 0.3s; }

@media screen and (min-width: 1200px) {
  .card-thumbnail.-cite h2, .card-thumbnail.-cite .card-publication p, .card-publication .card-thumbnail.-cite p {
    margin-bottom: 1.5rem; } }

.card-thumbnail.-cite h3 {
  line-height: 1.8;
  text-align: justify; }

@media screen and (min-width: 768px) {
  .swiper-player.swiper-player .swiper-slide {
    height: 100%; } }

@media screen and (min-width: 768px) {
  .swiper-player .card-audio {
    padding: 0 15px; } }

@media screen and (min-width: 1200px) {
  .swiper-player .card-audio {
    padding: 0 30px; } }

.card-audio {
  color: #000;
  text-decoration: none; }
  .card-audio .content {
    color: #000;
    display: block;
    text-decoration: none; }
  .card-audio .thumbnail {
    line-height: 0;
    position: relative; }
    .card-audio .thumbnail:before {
      background-color: rgba(0, 0, 0, 0.9);
      content: '';
      opacity: 0;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100%; }
    .card-audio .thumbnail img {
      height: auto;
      max-width: 100%; }
  .card-audio .caption {
    text-align: left;
    padding: 0.5rem 1rem; }
    @media screen and (min-width: 768px) {
      .card-audio .caption {
        padding: 0.5rem 0; } }
    .card-audio .caption .cont {
      padding: 0 15px;
      position: relative; }
      @media screen and (min-width: 768px) {
        .card-audio .caption .cont {
          padding: 0; } }
      .card-audio .caption .cont h2, .card-audio .caption .cont .card-publication p, .card-publication .card-audio .caption .cont p, .card-audio .caption .cont h3, .card-audio .caption .cont p {
        font-size: 1rem;
        font-weight: 400;
        text-align: left; }
        @media screen and (min-width: 768px) {
          .card-audio .caption .cont h2, .card-audio .caption .cont .card-publication p, .card-publication .card-audio .caption .cont p, .card-audio .caption .cont h3, .card-audio .caption .cont p {
            font-size: 0.9375rem;
            line-height: 1.6; } }
      .card-audio .caption .cont p {
        color: #a0a0a0;
        font-size: 0.9375rem; }
        .card-audio .caption .cont p a {
          color: #55af7d;
          text-decoration: none; }
          .card-audio .caption .cont p a:hover {
            text-decoration: underline; }
  .card-audio .audio-player-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%; }
    .card-audio .audio-player-wrapper .btn {
      background-color: #b0e1c6;
      border: none;
      padding: 6px 12px;
      width: -webkit-calc(100% - 24px);
      width: calc(100% - 24px); }
      .card-audio .audio-player-wrapper .btn:hover {
        background-color: #a1d2b7; }
    .card-audio .audio-player-wrapper .audio-player {
      position: absolute;
      right: 0;
      bottom: -120%;
      left: 0; }
      .card-audio .audio-player-wrapper .audio-player.active {
        bottom: -5px; }
    .card-audio .audio-player-wrapper .audio {
      width: 100%; }
      .card-audio .audio-player-wrapper .audio::-internal-media-controls-download-button {
        display: none; }
      .card-audio .audio-player-wrapper .audio::-webkit-media-controls-enclosure {
        overflow: hidden; }
      .card-audio .audio-player-wrapper .audio::-webkit-media-controls-panel {
        width: calc(100% + 30px); }

@media screen and (min-width: 768px) {
  .list-card-caption {
    margin: 0 auto;
    width: calc((7/12)*100vw); } }

.list-card-caption ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  text-align: center; }

.list-card-caption.-full {
  width: 100%; }

@media screen and (min-width: 768px) {
  .list-card-caption .fast-search-list {
    min-height: 320px; } }

@media screen and (min-width: 768px) {
  .list-card-caption.-list-card-fotos {
    width: calc((10/12)*100vw - 15px); } }

@media screen and (min-width: 768px) {
  .list-card-caption.-list-card-fotos ul {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media screen and (min-width: 768px) {
  .list-card-caption.-list-card-fotos ul li {
    width: 50%; }
    .list-card-caption.-list-card-fotos ul li:nth-child(1) .cont:before, .list-card-caption.-list-card-fotos ul li:nth-child(2) .cont:before {
      background-color: #f7f7f7 !important; }
    .list-card-caption.-list-card-fotos ul li:nth-child(3) .cont:before, .list-card-caption.-list-card-fotos ul li:nth-child(4) .cont:before {
      background-color: #FFF; } }

.card-caption .cont {
  background-color: #f7f7f7;
  color: #000;
  padding: 1rem;
  display: block;
  text-decoration: none; }
  @media screen and (min-width: 768px) {
    .card-caption .cont {
      padding: 2rem; } }
  @media screen and (min-width: 1200px) {
    .card-caption .cont {
      padding: 2.5rem; } }
  .card-caption .cont:hover {
    background-color: #dddddd; }

.card-caption h2, .card-caption .card-publication p, .card-publication .card-caption p {
  font-size: 0.9375rem;
  font-weight: 400;
  margin: 0 0 0.5rem;
  text-align: left; }

.card-caption p {
  font-weight: 400;
  color: #a0a0a0;
  font-size: 0.9375rem;
  margin: 0;
  line-height: 1.6;
  text-align: left; }

.list-card-caption .page-title {
  margin: 0 0 2.5rem;
  text-align: center; }
  @media screen and (min-width: 1200px) {
    .list-card-caption .page-title {
      font-size: 2.625rem;
      margin: 0 0 5rem; } }

.list-card-caption li:nth-child(even) .cont {
  background-color: #FFF; }
  .list-card-caption li:nth-child(even) .cont:hover {
    background-color: #dddddd; }

.card-caption.-bg-thumbnail {
  text-align: center; }
  .card-caption.-bg-thumbnail .cont {
    background-position: center center;
    background-size: cover;
    color: #FFF;
    padding: 4rem 2rem;
    position: relative;
    color: #000; }
    @media screen and (min-width: 768px) {
      .card-caption.-bg-thumbnail .cont {
        padding: 6.5rem 2rem; } }
    .card-caption.-bg-thumbnail .cont:hover {
      color: #FFF; }
      .card-caption.-bg-thumbnail .cont:hover:before {
        opacity: 0; }
      .card-caption.-bg-thumbnail .cont:hover:after {
        opacity: 1; }
    .card-caption.-bg-thumbnail .cont:before, .card-caption.-bg-thumbnail .cont:after {
      background-color: #f7f7f7;
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100%;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .card-caption.-bg-thumbnail .cont:before {
      z-index: 5; }
    .card-caption.-bg-thumbnail .cont:after {
      background-color: transparent;
      background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.85));
      background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.85)); }
  .card-caption.-bg-thumbnail h2, .card-caption.-bg-thumbnail .card-publication p, .card-publication .card-caption.-bg-thumbnail p {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0;
    position: relative;
    z-index: 10; }
    @media screen and (min-width: 768px) {
      .card-caption.-bg-thumbnail h2, .card-caption.-bg-thumbnail .card-publication p, .card-publication .card-caption.-bg-thumbnail p {
        font-size: 1.875rem; } }

.list-card-caption li:nth-child(even) .card-caption.-bg-thumbnail .cont:before {
  background-color: #FFF; }

@media screen and (min-width: 1200px) {
  .card-caption.-song .cont {
    padding-bottom: 1.75rem;
    padding-top: 1.75rem; } }

.card-caption.-song .cont h2, .card-caption.-song .cont .card-publication p, .card-publication .card-caption.-song .cont p {
  margin: 0; }

.card-caption.-bg-thumbnail.-caption .cont {
  position: relative; }
  @media screen and (min-width: 1200px) {
    .card-caption.-bg-thumbnail.-caption .cont {
      height: 50vh; } }
  @media screen and (min-width: 1200px) {
    .card-caption.-bg-thumbnail.-caption .cont:hover {
      color: #000; }
      .card-caption.-bg-thumbnail.-caption .cont:hover h2, .card-caption.-bg-thumbnail.-caption .cont:hover .card-publication p, .card-publication .card-caption.-bg-thumbnail.-caption .cont:hover p {
        opacity: 0; }
      .card-caption.-bg-thumbnail.-caption .cont:hover .caption {
        opacity: 1;
        -webkit-transition: opacity 0.3s ease-in-out 0.3s;
        -moz-transition: opacity 0.3s ease-in-out 0.3s;
        transition: opacity 0.3s ease-in-out 0.3s; }
      .card-caption.-bg-thumbnail.-caption .cont:hover .caption-content {
        top: 0;
        -webkit-transition: top 0.3s ease-in-out 0.3s;
        -moz-transition: top 0.3s ease-in-out 0.3s;
        transition: top 0.3s ease-in-out 0.3s; } }

.card-caption.-bg-thumbnail.-caption .caption {
  display: none; }
  @media screen and (min-width: 1200px) {
    .card-caption.-bg-thumbnail.-caption .caption {
      display: block;
      opacity: 0;
      padding: 2rem 3rem;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: 10; } }
  .card-caption.-bg-thumbnail.-caption .caption .caption-content {
    color: #FFF;
    position: relative;
    height: 100%;
    width: 100%;
    top: 5px; }
    .card-caption.-bg-thumbnail.-caption .caption .caption-content p {
      color: #FFF; }

.featured-gallery {
  margin: 0 0 2rem; }
  @media screen and (min-width: 768px) {
    .featured-gallery {
      margin: 0 auto 4rem;
      width: calc((10/12)*100vw - 15px); } }
  @media screen and (min-width: 1200px) {
    .featured-gallery {
      margin-bottom: 6rem; } }
  .featured-gallery .card-caption.-bg-thumbnail.-caption .cont {
    color: #FFF; }
    @media screen and (min-width: 1200px) {
      .featured-gallery .card-caption.-bg-thumbnail.-caption .cont {
        height: 65vh;
        padding: 6rem; } }
    @media screen and (min-width: 1200px) {
      .featured-gallery .card-caption.-bg-thumbnail.-caption .cont:hover h2, .featured-gallery .card-caption.-bg-thumbnail.-caption .cont:hover .card-publication p, .card-publication .featured-gallery .card-caption.-bg-thumbnail.-caption .cont:hover p {
        opacity: 1; }
      .featured-gallery .card-caption.-bg-thumbnail.-caption .cont:hover:after {
        background-color: rgba(0, 0, 0, 0.25);
        background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.25), black);
        background-image: linear-gradient(rgba(0, 0, 0, 0.25), black);
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; } }
    .featured-gallery .card-caption.-bg-thumbnail.-caption .cont:before {
      display: none; }
    @media screen and (min-width: 1200px) {
      .featured-gallery .card-caption.-bg-thumbnail.-caption .cont h2, .featured-gallery .card-caption.-bg-thumbnail.-caption .cont .card-publication p, .card-publication .featured-gallery .card-caption.-bg-thumbnail.-caption .cont p {
        margin-right: auto; } }
    @media screen and (min-width: 1200px) {
      .featured-gallery .card-caption.-bg-thumbnail.-caption .cont .caption {
        padding-right: 6rem; } }
    @media screen and (min-width: 1200px) {
      .featured-gallery .card-caption.-bg-thumbnail.-caption .cont .caption-content p {
        margin-left: auto;
        max-width: 400px;
        text-align: justify; } }

@-webkit-keyframes slide-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes slide-down {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20%); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

.accordion-links input, .accordion-links .box-close {
  display: none; }

.accordion-links .box-title {
  display: flex !important;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  @media screen and (min-width: 768px) {
    .accordion-links .box-title.cont {
      padding-bottom: 3.5rem;
      padding-top: 3.5rem; } }
  .accordion-links .box-title h2, .accordion-links .box-title .card-publication p, .card-publication .accordion-links .box-title p {
    margin: 0; }
  .accordion-links .box-title p {
    display: none;
    font-style: italic;
    margin-left: auto; }
    @media screen and (min-width: 768px) {
      .accordion-links .box-title p {
        display: block;
        min-width: 15%;
        text-align: right; } }
    @media screen and (min-width: 1200px) {
      .accordion-links .box-title p {
        min-width: 25%; } }

.accordion-links .box-content {
  background-color: #b0e1c6 !important;
  display: none;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .accordion-links .box-content:hover {
    background-color: #b0e1c6; }
  .accordion-links .box-content p, .accordion-links .box-content a {
    color: #000; }
  .accordion-links .box-content a {
    display: block;
    padding: 10px 0;
    text-decoration: none; }
    @media screen and (min-width: 768px) {
      .accordion-links .box-content a {
        padding-left: 35%; } }
    .accordion-links .box-content a:hover {
      text-decoration: underline; }
  .accordion-links .box-content .more {
    background-color: #97c8ad;
    display: block;
    margin: 0 0 5px;
    padding: 10px 15px; }
    @media screen and (min-width: 768px) {
      .accordion-links .box-content .more {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        display: flex;
        height: 100%;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 35%; } }
    @media screen and (min-width: 1200px) {
      .accordion-links .box-content .more {
        width: 30%; }
        .accordion-links .box-content .more span {
          display: block;
          text-align: center;
          width: 100%; } }

.accordion-links input:checked + .-card-accordion .box-title {
  background-color: #dddddd; }

.accordion-links input:checked + .-card-accordion .box-content {
  display: block;
  animation: slide-down .3s ease-out; }

.list-publicacoes ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  margin: 0 -20px; }
  @media screen and (min-width: 768px) {
    .list-publicacoes ul {
      margin: 0; } }
  @media screen and (min-width: 992px) {
    .list-publicacoes ul {
      margin: 0 -30px; } }

.list-publicacoes li {
  width: -webkit-calc(100% / 2 - 20px);
  width: calc(100% / 2 - 20px);
  margin: 0 5px 1rem;
  position: relative;
  top: 0; }
  @media screen and (min-width: 768px) {
    .list-publicacoes li {
      width: -webkit-calc(100% / 5 - 35px);
      width: calc(100% / 5 - 35px);
      margin: 0 15px 2rem; } }
  @media screen and (min-width: 992px) {
    .list-publicacoes li {
      margin: 0 15px 3rem; } }
  @media screen and (min-width: 1200px) {
    .list-publicacoes li:hover {
      top: -5px; } }

.music-list-publicacoes {
  list-style: none;
  padding-left: 0;
  margin: 0; }

.card-publication a {
  color: #000;
  display: block;
  text-decoration: none; }

.card-publication img {
  height: auto;
  max-width: 100%; }

.card-publication h2, .card-publication p {
  font-size: 0.9375rem;
  font-weight: 400;
  margin: 1rem 0;
  text-align: left; }
  @media screen and (min-width: 768px) {
    .card-publication h2, .card-publication p {
      max-width: 120px; } }

.card-publication p {
  color: #a0a0a0;
  line-height: 1.4;
  font-style: italic; }
  .card-publication p a {
    color: #a0a0a0; }
    .card-publication p a:hover {
      color: #000; }

.card-publication .tag {
  background-color: #b0e1c6;
  font-size: 0.875rem;
  padding: .15rem .45rem; }

.music-list-publicacoes .card-publication {
  margin: 0 0 1rem; }
  @media screen and (min-width: 1200px) {
    .music-list-publicacoes .card-publication {
      opacity: 0.35; }
      .music-list-publicacoes .card-publication:hover {
        opacity: 1; } }

@media screen and (min-width: 1200px) {
  .music-list-publicacoes .publicacao {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 1rem; }
    .music-list-publicacoes .publicacao .thumbnail {
      max-width: 35%;
      margin-right: 10%; } }

@media screen and (min-width: 768px) {
  .vid-list.-center ul {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center; } }

.vid-list ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  margin: 0 -20px; }
  @media screen and (min-width: 768px) {
    .vid-list ul {
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      -ms-justify-content: flex-start;
      justify-content: flex-start;
      margin: 0; } }
  @media screen and (min-width: 992px) {
    .vid-list ul {
      margin: 0 -15px; } }

.vid-list li {
  width: -webkit-calc(100% / 2 - 20px);
  width: calc(100% / 2 - 20px);
  margin: 0 5px 1rem;
  position: relative;
  top: 0; }
  @media screen and (min-width: 768px) {
    .vid-list li {
      width: -webkit-calc(100% / 3 - 30px);
      width: calc(100% / 3 - 30px);
      margin: 0 15px 2rem; } }
  @media screen and (min-width: 992px) {
    .vid-list li {
      width: -webkit-calc(100% / 5 - 30px);
      width: calc(100% / 5 - 30px);
      margin: 0 15px 3rem; } }
  @media screen and (min-width: 1200px) {
    .vid-list li:hover {
      top: -5px; } }

.vid-list.-music li {
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  margin: 0 5px 1rem;
  position: relative;
  top: 0; }
  @media screen and (min-width: 768px) {
    .vid-list.-music li {
      width: -webkit-calc(100% / 2.5 - 30px);
      width: calc(100% / 2.5 - 30px);
      margin: 0 15px 2rem; } }

.vid-list.-music .responsive-video {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative; }
  .vid-list.-music .responsive-video embed, .vid-list.-music .responsive-video object, .vid-list.-music .responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }

.card-vid a {
  color: #000;
  text-decoration: none; }

.card-vid img, .card-vid iframe {
  height: auto;
  max-width: 100%; }

.card-vid h2, .card-vid .card-publication p, .card-publication .card-vid p {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.6; }

.main-int {
  background-color: #FFF;
  overflow: hidden;
  padding: 1rem 0;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .main-int {
      padding: 4rem 0; } }
  @media screen and (min-width: 1200px) {
    .main-int.-pad-no-single {
      padding: 6rem 0; } }
  .main-int.-no-bg {
    background-color: transparent; }

.page-content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch; }
  .page-content .page-header-content {
    margin: 0.75rem 0 2rem; }
    @media screen and (min-width: 1200px) {
      .page-content .page-header-content {
        margin: 0; } }
    .page-content .page-header-content .page-title {
      margin: 0 0 0.25rem; }
      @media screen and (min-width: 1200px) {
        .page-content .page-header-content .page-title {
          font-size: 2.625rem; } }
    .page-content .page-header-content .subtitle {
      color: #a0a0a0;
      font-weight: 400;
      margin: 0; }
    .page-content .page-header-content .compositor {
      color: #a0a0a0;
      font-style: italic; }
      @media screen and (min-width: 1200px) {
        .page-content .page-header-content .compositor {
          margin: 3rem 0; } }
  @media screen and (min-width: 768px) {
    .page-content .sidebar {
      width: 25%;
      text-align: center; } }
  @media screen and (min-width: 1200px) {
    .page-content .sidebar {
      width: 21.5%; } }
  @media screen and (min-width: 768px) {
    .page-content .sidebar.l-side {
      -webkit-order: 1;
        -webkit-order--moz-order: 1;
        -webkit-order--ms-order: 1;
          -webkit-order--ms-order-order: 1; } }
  @media screen and (min-width: 768px) {
    .page-content .sidebar.r-side {
      -webkit-order: 3;
        -webkit-order--moz-order: 3;
        -webkit-order--ms-order: 3;
          -webkit-order--ms-order-order: 3; } }
  @media screen and (min-width: 992px) {
    .page-content .sidebar .sticky-element.is_stuck {
      margin-top: 50px; } }
  @media screen and (min-width: 768px) {
    .page-content .main-content {
      -webkit-order: 2;
        -webkit-order--moz-order: 2;
        -webkit-order--ms-order: 2;
          -webkit-order--ms-order-order: 2;
      width: 50%; } }
  @media screen and (min-width: 1200px) {
    .page-content .main-content {
      width: 57%; } }
  .page-content .content {
    font-size: 1.0625rem; }
    @media screen and (min-width: 768px) {
      .page-content .content {
        font-size: 1.1875rem; } }
    .page-content .content img:first-child {
      margin-top: 0.35rem; }
      @media screen and (min-width: 768px) {
        .page-content .content img:first-child {
          margin-top: 1.5rem; } }
    .page-content .content img {
      height: auto;
      max-width: 100%; }
      @media screen and (max-width: 767px) {
        .page-content .content img {
          width: 100%; } }
    .page-content .content p {
      line-height: 1.6; }
      .page-content .content p a {
        color: #55af7d; }
        .page-content .content p a:hover {
          color: #2d8755; }
    .page-content .content hr {
      border: none;
      border-top: 5px solid #e6e6e6;
      border-bottom: none;
      margin: 2rem 0; }
      @media screen and (min-width: 1200px) {
        .page-content .content hr {
          margin: 4rem 0; } }
    .page-content .content .tiled-gallery {
      background-color: #f7f7f7;
      text-align: center; }
      .page-content .content .tiled-gallery .gallery-row {
        margin: 0 auto; }
    .page-content .content .responsive-vid, .page-content .content .responsive-video {
      height: 0;
      overflow: hidden;
      padding-bottom: 56.25%;
      position: relative; }
      .page-content .content .responsive-vid embed, .page-content .content .responsive-vid object, .page-content .content .responsive-vid iframe, .page-content .content .responsive-video embed, .page-content .content .responsive-video object, .page-content .content .responsive-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%; }
    .page-content .content .gallery .gallery-item {
      margin: 0; }
      .page-content .content .gallery .gallery-item img {
        margin: 0; }
    .page-content .content .gallery-caption {
      font-size: 0.625em; }
    .page-content .content .list-encontrar {
      list-style: none;
      padding-left: 0;
      margin: 0; }
      @media screen and (min-width: 768px) {
        .page-content .content .list-encontrar {
          padding-top: 1rem; } }
      .page-content .content .list-encontrar li {
        width: 100%; }
        @media screen and (min-width: 768px) {
          .page-content .content .list-encontrar li {
            width: 50%; } }
      .page-content .content .list-encontrar a {
        color: #000;
        display: block;
        padding: 10px 0;
        text-decoration: none; }
        .page-content .content .list-encontrar a:hover {
          text-decoration: underline; }
    .page-content .content .gallery-container {
      overflow: hidden;
      width: 100%; }
      @media screen and (min-width: 768px) {
        .page-content .content .gallery-container {
          height: 100vh;
          margin: 3rem 0 2.5rem; } }
    @media screen and (min-width: 768px) {
      .page-content .content .gallery-content {
        overflow: hidden;
        position: absolute;
        left: 0;
        height: 100%;
        width: 100%; } }
    .page-content .content .gallery-full {
      display: block;
      height: 350px;
      overflow: hidden;
      position: relative;
      width: -webkit-calc(100vw - 35px);
      width: calc(100vw - 35px); }
      @media screen and (min-width: 768px) {
        .page-content .content .gallery-full {
          height: 100vh;
          width: -webkit-calc(100vw - 15px);
          width: calc(100vw - 15px); } }
      .page-content .content .gallery-full.-book {
        height: auto; }
        @media screen and (min-width: 768px) {
          .page-content .content .gallery-full.-book {
            height: 100vh; } }
        .page-content .content .gallery-full.-book .embed-container iframe, .page-content .content .gallery-full.-book .embed-container object, .page-content .content .gallery-full.-book .embed-container embed {
          height: 90% !important; }
      .page-content .content .gallery-full .swiper-slide {
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center top; }
      .page-content .content .gallery-full .swiper-button-next, .page-content .content .gallery-full .swiper-container-rtl .swiper-button-prev {
        background-image: url("source/img/svg/swiper-next.svg");
        background-size: 35% auto;
        background-color: #000;
        height: 65px;
        width: 35px; }
      .page-content .content .gallery-full .swiper-button-prev, .page-content .content .gallery-full .swiper-container-rtl .swiper-button-next {
        background-image: url("source/img/svg/swiper-prev.svg");
        background-size: 35% auto;
        background-color: #000;
        height: 65px;
        width: 35px; }
  .page-content .vid-content {
    margin: 0 0 1rem; }
    @media screen and (min-width: 1200px) {
      .page-content .vid-content {
        margin-bottom: 1.25rem; } }
    .page-content .vid-content p {
      margin: 0; }
    .page-content .vid-content .embed-youtube {
      height: 0;
      margin: 0 0 1rem;
      overflow: hidden;
      padding-bottom: 75%;
      position: relative; }
      .page-content .vid-content .embed-youtube embed,
      .page-content .vid-content .embed-youtube object,
      .page-content .vid-content .embed-youtube iframe {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%; }
  .page-content .partitura .btn-df {
    background-color: #b0e1c6; }
    @media screen and (min-width: 768px) {
      .page-content .partitura .btn-df {
        float: left; } }
    @media screen and (min-width: 1200px) {
      .page-content .partitura .btn-df {
        margin-top: 14px; } }

@media screen and (min-width: 768px) {
  .page-content.-page-music .main-content {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 60%; } }

@media screen and (min-width: 768px) {
  .page-content.-page-music .sidebar {
    width: 20%; } }

@media screen and (min-width: 768px) {
  .page-content.-page-music .main-content .main-content-left {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    -ms-flex-order: 1;
    width: 60%; } }

.page-content.-page-music .main-content .main-content-right {
  border-top: 5px solid #e6e6e6;
  margin: 3rem 0 0;
  padding: 3rem 0 0; }
  @media screen and (min-width: 768px) {
    .page-content.-page-music .main-content .main-content-right {
      border: none;
      margin: 0;
      padding: 0;
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      box-ordinal-group: 2;
      -webkit-order: 2;
      -moz-order: 2;
      order: 2;
      -ms-flex-order: 2;
      width: 40%; } }

@media screen and (min-width: 768px) {
  .page-content.-page-music .main-content footer.section-page {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
    -webkit-order: 3;
    -moz-order: 3;
    order: 3;
    -ms-flex-order: 3;
    width: 100%; } }

@media screen and (min-width: 768px) {
  .alignnone {
    margin: 5px 20px 20px 0; }
  .aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto; }
  .alignright {
    float: right;
    margin: 5px 0 20px 20px; }
  .alignleft {
    float: left;
    margin: 5px 20px 20px 0; }
  a img.alignright {
    float: right;
    margin: 5px 0 20px 20px; }
  a img.alignnone {
    margin: 5px 20px 20px 0; }
  a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0; }
  a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto; } }

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%; }

.single-publicacoes .wp-playlist {
  max-width: 285px !important; }
  @media (min-width: 371px) {
    .single-publicacoes .wp-playlist {
      max-width: 350px !important; } }
  @media (min-width: 500px) {
    .single-publicacoes .wp-playlist {
      max-width: 100% !important; } }

.single-publicacoes .mejs-container {
  max-width: 265px !important; }
  @media (min-width: 371px) {
    .single-publicacoes .mejs-container {
      max-width: 335px !important; } }
  @media (min-width: 500px) {
    .single-publicacoes .mejs-container {
      max-width: 100% !important; } }

.meta-info {
  text-align: left; }
  @media screen and (min-width: 768px) {
    .meta-info {
      font-size: 0.75rem;
      line-height: 1.6;
      margin-right: 15%; } }
  @media screen and (min-width: 1200px) {
    .meta-info {
      margin-right: 20%;
      margin-top: 1.875rem; } }
  .meta-info h3 {
    display: none; }
    @media screen and (min-width: 768px) {
      .meta-info h3 {
        display: block; } }
  .meta-info p {
    color: #a0a0a0;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .meta-info p {
        text-align: left; } }

@media screen and (max-width: 767px) {
  .partitura {
    margin-top: 1em;
    text-align: center; } }

@media screen and (max-width: 767px) {
  .sidebar.r-side, .sidebar.l-side {
    width: 100%; } }

.redes-sociais {
  margin: 1rem 0 1rem -5px; }
  @media screen and (min-width: 768px) {
    .redes-sociais {
      margin-left: 15%;
      text-align: center; } }
  @media screen and (min-width: 1200px) {
    .redes-sociais {
      margin-left: 20%;
      margin-top: 1.5625rem; } }
  .redes-sociais ul {
    list-style: none;
    padding-left: 0;
    margin: 0; }
    @media screen and (max-width: 767px) {
      .redes-sociais ul {
        text-align: center; } }
  .redes-sociais li {
    display: inline-block;
    margin-right: 10px; }
    @media screen and (min-width: 768px) {
      .redes-sociais li {
        display: block; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .redes-sociais li {
      margin: 0 0 10px; } }
    .redes-sociais li:last-child {
      margin-right: 0; }
  .redes-sociais .social {
    align-items: center;
    background-color: grey;
    border-radius: 100px;
    cursor: pointer;
    color: #FFF;
    display: flex;
    font-size: 0.875em;
    justify-content: center;
    margin: 0 auto;
    height: 35px;
    width: 35px;
    text-decoration: none; }
    .redes-sociais .social:hover {
      opacity: .85; }
    .redes-sociais .social.-facebook {
      background-color: #2e4da7; }
    .redes-sociais .social.-twitter {
      background-color: #1da1f3; }

.section-page {
  margin: 2rem 0 0; }
  @media screen and (min-width: 768px) {
    .section-page {
      margin: 7rem 0 2rem; } }
  .section-page .section-title {
    display: block;
    margin: 0 0 2rem;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .section-page .section-title {
        margin-bottom: 3rem; } }
  .section-page .read-more {
    color: #000;
    display: block;
    padding: 2rem;
    text-align: center;
    text-decoration: none; }
    @media screen and (min-width: 768px) {
      .section-page .read-more {
        padding: 3rem; } }
    .section-page .read-more:hover {
      text-decoration: underline; }

.section-page.-border {
  border-top: 5px solid #e6e6e6;
  margin: 3rem 0 2rem;
  padding: 3rem 0 0; }
  @media screen and (min-width: 768px) {
    .section-page.-border {
      margin: 5rem 0 2rem;
      padding: 5rem 0 0; } }
  .section-page.-border .section-title {
    text-align: left; }
  @media screen and (min-width: 768px) {
    .section-page.-border .list-publicacoes {
      margin: 4rem 0 0; } }
  @media screen and (min-width: 768px) {
    .section-page.-border .list-publicacoes ul {
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      -ms-justify-content: flex-start;
      justify-content: flex-start;
      margin: 0 -15px; } }
  @media screen and (min-width: 768px) {
    .section-page.-border .list-publicacoes ul li {
      width: -webkit-calc(100% / 5 - 15px);
      width: calc(100% / 5 - 15px); } }

.nav-category ul {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding-left: 0;
  margin: 0;
  width: 100%; }

.nav-category li {
  background-color: #e6e6e6;
  flex: 1 1 100%;
  padding: 20px;
  position: relative;
  text-align: center; }
  .nav-category li.active {
    background-color: #b0e1c6; }
    .nav-category li.active:hover {
      background-color: #a6d7bc; }
      .nav-category li.active:hover:after {
        border-top-color: #a6d7bc; }
    .nav-category li.active:after {
      border-top: 15px solid #b0e1c6;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      color: transparent;
      content: "";
      margin: auto;
      position: absolute;
      right: 0;
      bottom: -12px;
      left: 0;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      width: 0; }
  .nav-category li:hover {
    background-color: #d9d9d9; }

.nav-category a {
  color: #000;
  padding: 10px;
  display: block;
  position: relative;
  text-decoration: none; }
  @media screen and (min-width: 768px) {
    .nav-category a {
      font-size: 1.125rem;
      padding: 1.25rem; } }
  @media screen and (min-width: 1200px) {
    .nav-category a {
      padding: 1.85rem; } }

.nav-category .categ-videos li {
  padding: 20px 0;
  width: calc(100% / 4); }

.search-content {
  margin: 0 0 1rem; }
  @media screen and (min-width: 768px) {
    .search-content {
      margin: 0 0 4rem; } }
  .search-content .frm-search {
    display: block;
    position: relative;
    width: 100%; }
  .search-content .ipt-search {
    background-color: #b0e1c6;
    border: none;
    width: -webkit-calc(100% - 4rem);
    width: calc(100% - 4rem);
    color: #000;
    display: block;
    font-size: 1rem;
    outline: none;
    padding: 1.25rem 2rem;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-align: center; }
    .search-content .ipt-search::-webkit-input-placeholder {
      color: #000; }
    .search-content .ipt-search::-moz-placeholder {
      color: #000; }
    .search-content .ipt-search:-moz-placeholder {
      color: #000; }
    .search-content .ipt-search:-ms-input-placeholder {
      color: #000; }
    @media screen and (min-width: 768px) {
      .search-content .ipt-search {
        font-size: 1.25rem;
        padding: 3rem 2rem; } }
    .search-content .ipt-search:hover {
      background-color: #a6d7bc; }
    .search-content .ipt-search:focus {
      background-color: #97c8ad; }

.pagination-section {
  background-color: #FFF;
  font-family: Arial, sans-serif;
  font-size: 0.8125rem;
  padding: 1rem;
  text-align: center; }
  @media screen and (min-width: 1200px) {
    .pagination-section {
      padding: 1.35rem;
      margin-bottom: 5rem; } }
  .pagination-section .page-numbers {
    background-color: #FFF;
    color: #000;
    display: inline-block;
    line-height: 0;
    padding: 20px 17px;
    text-decoration: none; }
    .pagination-section .page-numbers:hover {
      background-color: #000;
      color: #FFF; }
    .pagination-section .page-numbers.current {
      background-color: #000;
      color: #FFF; }
    .pagination-section .page-numbers.next, .pagination-section .page-numbers.prev {
      background-color: #f7f7f7; }
      .pagination-section .page-numbers.next:hover, .pagination-section .page-numbers.prev:hover {
        background-color: #000; }

body.modal-active {
  overflow: hidden; }
  body.modal-active .card-publication {
    opacity: 1; }

.modal-ficha {
  background-color: rgba(0, 0, 0, 0.85);
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100; }
  .modal-ficha .modal-content {
    background-color: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 2rem;
    transform: translateX(-50%) translateY(-50%);
    max-width: 800px;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px); }
    .modal-ficha .modal-content .modal-header {
      border-bottom: 5px solid #e6e6e6;
      padding: 0 0 2rem;
      position: relative;
      margin: 0 0 2rem; }
      .modal-ficha .modal-content .modal-header .close-modal {
        cursor: pointer;
        position: absolute;
        top: -40px;
        right: -35px;
        padding: 30px; }
        @media screen and (min-width: 1200px) {
          .modal-ficha .modal-content .modal-header .close-modal {
            font-size: 1.125rem; } }
      .modal-ficha .modal-content .modal-header h3 {
        margin: 0; }
        @media screen and (min-width: 1200px) {
          .modal-ficha .modal-content .modal-header h3 {
            font-size: 1.5rem; } }
        .modal-ficha .modal-content .modal-header h3:last-child {
          color: #a0a0a0; }
    .modal-ficha .modal-content p {
      color: #000;
      font-style: normal;
      max-width: none;
      font-size: 1rem;
      line-height: 1.6; }

.accordion {
  list-style: none;
  padding-left: 0;
  margin: 0;
  text-align: center; }
  .accordion li {
    position: relative; }
  .accordion a {
    align-items: center;
    color: #FFF;
    cursor: pointer;
    display: block;
    padding: 15px 0; }
    @media screen and (min-width: 768px) {
      .accordion a {
        font-size: 1.125em; } }
    .accordion a.active, .accordion a:hover {
      color: #55af7d; }
  .accordion .accordion-caption {
    display: none;
    padding: 5px 0 25px; }
    .accordion .accordion-caption p:first-child {
      margin-top: 0; }

@media screen and (max-width: 767px) {
  .accordion-music {
    margin-top: 25px; } }

.accordion-music .page-body {
  padding-bottom: 0;
  padding-top: 0; }

.accordion-music .accordion-toggle {
  margin: 0; }