@charset "UTF-8";
/* Theme Name: Tema Padrão
 * Theme URI: http://jota3w.com.br
 * Author: Breno Franca
 * Author URI: http://brefranca.com.br
 * Description: Tema personalizado para o Cliente
 * Version: 1.0.0
 * License: GNU General Public License v2 or later
 * License URI: LICENSE
 * Text Domain: Jota3w */
.slicknav_btn {
  display: block;
  height: 100%; }

.slicknav_icon {
  width: 48px;
  height: 36px;
  display: block;
  cursor: pointer;
  position: relative;
  z-index: 2;
  float: right; }
  .slicknav_icon .slicknav_icon-bar {
    background-color: #000;
    position: absolute;
    left: 10%;
    height: 4px;
    width: 80%; }
  .slicknav_icon .slicknav_icon-bar:first-child {
    top: 4px;
    -webkit-transition: all, 0.3s, ease-in-out;
    -moz-transition: all, 0.3s, ease-in-out;
    transition: all, 0.3s, ease-in-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  .slicknav_icon .slicknav_icon-bar:nth-child(2) {
    top: 50%;
    margin-top: -3px;
    display: block; }
  .slicknav_icon .slicknav_icon-bar:last-child {
    bottom: 6px;
    -webkit-transition: all, 0.3s, ease-in-out;
    -moz-transition: all, 0.3s, ease-in-out;
    transition: all, 0.3s, ease-in-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

.slicknav_open .slicknav_icon-bar:first-child {
  top: 16px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.slicknav_open .slicknav_icon-bar:nth-child(2) {
  display: none; }

.slicknav_open .slicknav_icon-bar:last-child {
  bottom: 17px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* HELP
 */
/* FONTS
 */
@font-face {
  font-family: "Odebrecht-Sans";
  font-style: normal;
  font-weight: normal;
  src: url("assets/fonts/Odebrecht-Sansd41d.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Odebrecht-Sans.woff2") format("woff2"), url("assets/fonts/Odebrecht-Sans.woff") format("woff"), url("assets/fonts/Odebrecht-Sans.ttf") format("truetype"), url("assets/fonts/Odebrecht-Sans.svg#Odebrecht-Sans") format("svg"); }
@font-face {
  font-family: "Odebrecht-Sans-Bold";
  font-style: normal;
  font-weight: normal;
  src: url("assets/fonts/Odebrecht-Sans-Boldd41d.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Odebrecht-Sans-Bold.woff2") format("woff2"), url("assets/fonts/Odebrecht-Sans-Bold.woff") format("woff"), url("assets/fonts/Odebrecht-Sans-Bold.ttf") format("truetype"), url("assets/fonts/Odebrecht-Sans-Bold.svg#Odebrecht-Sans-Bold") format("svg"); }
@font-face {
  font-family: "Odebrecht-Slab";
  font-style: normal;
  font-weight: normal;
  src: url("assets/fonts/Odebrecht-Slabd41d.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Odebrecht-Slab.woff2") format("woff2"), url("assets/fonts/Odebrecht-Slab.woff") format("woff"), url("assets/fonts/Odebrecht-Slab.ttf") format("truetype"), url("assets/fonts/Odebrecht-Slab.svg#Odebrecht-Slab") format("svg"); }
/* COLORS
 */
/* EXTENDS CLASSES
 */
* {
  margin: 0;
  padding: 0;
  text-decoration: none; }

a, header nav ul li, header nav .sub-menu, .header-fixed nav ul li::before, .header-fixed nav ul.sub-menu, .btn-mobile span, .interna #content article .like-dislike .kodex_buttons button, .interna #comentarios #respond input[type="submit"], #como-participar #formulario input[type="submit"], #movimento #formulario input[type="submit"], #como-participar #materiais .title a, #movimento #materiais .title a {
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  transition: all 0.4s linear; }

.gridE, .gridD {
  margin-left: auto;
  margin-right: auto; }

.clearfix {
  clear: both; }

.armadilhas .armadilha .info::after, header .gridD::after, .header-fixed .gridD::after, #sobre .content::after, #armadilhas .armadilhas::after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
  overflow: hidden; }

/* RESPONSIVE GRID
 */
.gridE {
  max-width: 1562px; }

.gridD {
  max-width: 992px; }
  @media (max-width: 1150px) {
    .gridD {
      padding-right: 15px;
      padding-left: 15px; } }

body {
  font-family: "Odebrecht-Sans", Arial, Sans-serif;
  font-size: 16px; }
  body strong {
    font-family: "Odebrecht-Slab", Arial, Sans-serif; }
  body.single header, body.sobre-o-movimento header, body.como-participar header, body.page header {
    position: fixed;
    height: 93px;
    background: #ffffff; }
@media(max-width: 768px) {
  body.single header, body.sobre-o-movimento header, body.como-participar header, body.page header {
    height: 70px; } }
    body.single header .gridD, body.sobre-o-movimento header .gridD, body.como-participar header .gridD, body.page header .gridD {
      height: 100%; }
    body.single header nav, body.sobre-o-movimento header nav, body.como-participar header nav, body.page header nav {
      display: table;
      height: 100%;
      width: 100%; }
@media(max-width: 768px) {
  body.single header nav, body.sobre-o-movimento header nav, body.como-participar header nav, body.page header nav {
    display: none;
    height: auto; } }
      body.single header nav .menu-menu-principal-container, body.sobre-o-movimento header nav .menu-menu-principal-container, body.como-participar header nav .menu-menu-principal-container, body.page header nav .menu-menu-principal-container {
        display: table-cell;
        vertical-align: middle; }
@media(max-width: 768px) {
  body.single header nav .menu-menu-principal-container, body.sobre-o-movimento header nav .menu-menu-principal-container, body.como-participar header nav .menu-menu-principal-container, body.page header nav .menu-menu-principal-container {
    display: block; } }
      body.single header nav ul li a, body.sobre-o-movimento header nav ul li a, body.como-participar header nav ul li a, body.page header nav ul li a {
        color: #5d2962; }
    body.single header .socials a, body.sobre-o-movimento header .socials a, body.como-participar header .socials a, body.page header .socials a {
      color: #5d2962; }
      body.single header .socials a:hover, body.sobre-o-movimento header .socials a:hover, body.como-participar header .socials a:hover, body.page header .socials a:hover {
        color: #f4bd54; }
  body.page .main {
    margin-top: 93px; }
@media(max-width: 768px) {
  body.page .main {
    margin-top: 70px; } }
  body.home header {
    background: transparent;
    position: absolute; }
    body.home header .logo {
      display: none; }
    body.home header nav ul li a {
      color: #ffffff; }
@media(max-width: 768px) {
  body.home header nav ul li a {
    color: #5d2962; } }
  body.home .header-fixed .gridD {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
@media(max-width: 992px) {
  body.home .header-fixed .gridD {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end; } }
  body.home .header-fixed nav {
    width: auto; }
  body.home .main {
    margin-top: 0; }

.title h2 {
  font-size: 40px;
  color: #5d2962;
  font-family: "Odebrecht-Slab", Arial, Sans-serif;
  text-transform: uppercase;
  padding-bottom: 40px;
  border-bottom: 2px solid #5d2962;
  margin-bottom: 30px; }

.armadilhas .armadilha {
  height: 408px; }
  .armadilhas .armadilha .gridI {
    max-width: 319px;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative; }
    .armadilhas .armadilha .gridI::after {
      content: "";
      display: block;
      height: 100%;
      width: 100%;
      background: url("assets/img/overlay-armadilha.png") center bottom no-repeat; }
  .armadilhas .armadilha .info {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 2;
    width: 90%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 1px solid #f4bd54;
    padding-top: 24px;
    padding-bottom: 24px;
    display: table; }
    .armadilhas .armadilha .info .title, .armadilhas .armadilha .info .permalink {
      display: table-cell;
      vertical-align: middle; }
    .armadilhas .armadilha .info .permalink {
      text-align: right; }
    .armadilhas .armadilha .info h3 {
      color: #ffffff;
      text-transform: uppercase;
      font-size: 16px;
      font-weight: 400;
      padding-top: 5px;
      max-width: 140px; }
    .armadilhas .armadilha .info a {
      display: inline-block;
      font-size: 14px;
      color: #5d2962;
      text-transform: uppercase;
      background: #cedb40;
      padding: 5px 10px;
      font-family: "Odebrecht-Sans-Bold", Arial, Sans-serif; }
      .armadilhas .armadilha .info a:hover {
        color: #ffffff;
        background: #5d2962; }

header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  height: auto;
  width: 100%; }
@media(max-width: 992px) {
  header {
    padding-top: 10px;
    padding-bottom: 10px; } }
@media(max-width: 768px) {
  header {
    height: 70px;
    padding: 0;
    position: fixed;
    background: #ffffff; } }
  header .gridD {
    position: relative; }
@media(max-width: 768px) {
  header .gridD::after {
    content: none; } }
@media(max-width: 768px) {
  header .gridD {
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; } }
  header .logo {
    position: absolute;
    top: 0;
    left: 75px;
    z-index: 2;
    height: 100%;
    width: 119px;
    background: #5d2962;
    display: table; }
@media(max-width: 992px) {
  header .logo {
    position: absolute;
    left: 15px; } }
@media(max-width: 768px) {
  header .logo {
    width: 90px;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto; } }
    header .logo .image {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
    header .logo img {
      display: block;
      margin-right: auto;
      margin-left: auto; }
@media(max-width: 768px) {
  header .logo img {
    max-height: 80%; } }
@media(max-width: 768px) {
  header nav {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background: #ffffff;
    border-top: 2px solid #5d2962;
    display: none; } }
  header nav ul {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    @media(max-width: 992px); }
    header nav ul li {
      display: inline-block;
      padding: 10px 25px;
      position: relative; }
@media(max-width: 992px) {
  header nav ul li {
    padding-top: 0;
    padding-bottom: 0; } }
@media(max-width: 768px) {
  header nav ul li {
    display: block; } }
      header nav ul li a {
        color: #ffffff;
        text-transform: uppercase; }
@media(max-width: 768px) {
  header nav ul li a {
    color: #5d2962;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px; } }
        header nav ul li a:hover {
          color: #f4bd54; }
      header nav ul li.menu-item-has-children:hover .sub-menu {
        visibility: visible;
        opacity: 1; }
      header nav ul li.current-menu-parent {
        background: #cedb40;
        color: #5d2962; }
  header nav .sub-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #cedb40;
    min-width: 200px;
    padding: 5px;
    visibility: hidden;
    opacity: 0; }
@media(max-width: 768px) {
  header nav .sub-menu {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    opacity: 1;
    visibility: visible;
    display: none; } }
    header nav .sub-menu li {
      padding: 0;
      display: block; }
      header nav .sub-menu li a {
        display: block;
        font-size: 14px;
        padding: 8px 10px;
        color: #5d2962; }
        header nav .sub-menu li a:hover {
          color: #cedb40;
          background: #5d2962; }
      header nav .sub-menu li.current-menu-item a {
        background: #5d2962;
        color: #cedb40; }
  header .socials {
    position: absolute;
    top: 50%;
    right: 80px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
@media(max-width: 992px) {
  header .socials {
    position: absolute;
    top: 50%;
    right: 30px; } }
    header .socials ul li {
      display: inline-block;
      margin-right: 10px;
      margin-left: 10px; }
      header .socials ul li:first-child {
        margin-left: 0; }
      header .socials ul li:last-child {
        margin-right: 0; }
      header .socials ul li a {
        font-size: 25px;
        color: #ffffff;
        display: block; }
        header .socials ul li a:hover {
          color: #f4bd54; }

.header-fixed {
  height: 93px;
  width: 100%;
  background: #ffffff;
  z-index: 5; }
  .header-fixed.fixed {
    position: fixed;
    top: 0;
    left: 0; }
@media(max-width: 768px) {
  .header-fixed {
    display: none; } }
  .header-fixed .gridD {
    height: 100%;
    position: relative; }
  .header-fixed .logo {
    position: absolute;
    top: 0;
    left: 75px;
    z-index: 2;
    height: 100%;
    width: 119px;
    background: #5d2962;
    display: table; }
@media(max-width: 992px) {
  .header-fixed .logo {
    position: absolute;
    left: 15px; } }
    .header-fixed .logo .image {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
    .header-fixed .logo img {
      display: block;
      margin-right: auto;
      margin-left: auto; }
  .header-fixed nav {
    height: 100%;
    width: 100%;
    display: table; }
    .header-fixed nav .menu-menu-principal-container {
      height: 100%; }
@media(max-width: 768px) {
  .header-fixed nav {
    display: none;
    height: auto; } }
    .header-fixed nav ul {
      display: table;
      height: 100%;
      width: 100%;
      margin-right: auto;
      margin-left: auto; }
@media(max-width: 768px) {
  .header-fixed nav ul {
    display: block;
    height: auto;
    width: auto; } }
      .header-fixed nav ul li {
        display: table-cell;
        vertical-align: middle;
        height: 100%;
        padding-right: 25px;
        padding-left: 25px;
        position: relative; }
@media(max-width: 768px) {
  .header-fixed nav ul li {
    display: block; } }
        .header-fixed nav ul li::before {
          position: absolute;
          top: 100%;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
          content: "";
          height: 0;
          width: 0;
          border-left: 19px solid transparent;
          border-right: 19px solid transparent;
          border-top: 19px solid #5d2962;
          opacity: 0;
          visibility: hidden; }
        .header-fixed nav ul li .icon {
          display: inline-block;
          vertical-align: middle;
          height: 32px;
          width: 45px;
          margin-right: 5px; }
          .header-fixed nav ul li .icon.icon-m-verdadeira {
            background: url("assets/img/icons/metade-verdadeira-sm.png") center center no-repeat; }
          .header-fixed nav ul li .icon.icon-m-mentirosa {
            background: url("assets/img/icons/metade-mentirosa-sm.png") center center no-repeat; }
          .header-fixed nav ul li .icon.icon-pura-verdade {
            background: url("assets/img/icons/pura-verdade-sm.png") center center no-repeat; }
          .header-fixed nav ul li .icon.icon-clics {
            background: url("assets/img/icons/click-sm.png") center center no-repeat; }
        .header-fixed nav ul li a {
          color: #5d2962;
          text-transform: uppercase; }
          .header-fixed nav ul li a:hover {
            color: #f4bd54; }
        .header-fixed nav ul li.current {
          background: #5d2962; }
          .header-fixed nav ul li.current::before {
            opacity: 1;
            visibility: visible; }
          .header-fixed nav ul li.current a {
            color: #cedb40; }
          .header-fixed nav ul li.current .icon.icon-m-verdadeira {
            background-image: url("assets/img/icons/metade-verdadeira-sm-white.png"); }
          .header-fixed nav ul li.current .icon.icon-m-mentirosa {
            background-image: url("assets/img/icons/metade-mentirosa-sm-white.png"); }
          .header-fixed nav ul li.current .icon.icon-pura-verdade {
            background-image: url("assets/img/icons/pura-verdade-sm-white.png"); }
          .header-fixed nav ul li.current .icon.icon-clics {
            background-image: url("assets/img/icons/click-sm-white.png"); }
        .header-fixed nav ul li.menu-item-has-children:hover .sub-menu {
          visibility: visible;
          opacity: 1; }
        .header-fixed nav ul li.current-menu-parent {
          background: #cedb40;
          color: #5d2962; }
    .header-fixed nav ul.sub-menu {
      position: absolute;
      top: 100%;
      left: 50%;
      z-index: 2;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      background: #cedb40;
      min-width: 160px;
      padding: 0;
      visibility: hidden;
      opacity: 0; }
      .header-fixed nav ul.sub-menu.active {
        opacity: 1;
        visibility: visible; }
      .header-fixed nav ul.sub-menu li {
        padding: 0;
        display: block;
        height: auto;
        text-align: center; }
        .header-fixed nav ul.sub-menu li::before {
          content: none; }
        .header-fixed nav ul.sub-menu li a {
          display: block;
          font-size: 14px;
          padding: 8px 10px;
          color: #5d2962; }
          .header-fixed nav ul.sub-menu li a:hover {
            color: #cedb40;
            background: #5d2962; }
        .header-fixed nav ul.sub-menu li.current a {
          color: #cedb40; }
        .header-fixed nav ul.sub-menu li.current-menu-item a {
          background: #5d2962;
          color: #cedb40; }
  .header-fixed .socials {
    position: absolute;
    top: 50%;
    right: 75px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
@media(max-width: 992px) {
  .header-fixed .socials {
    right: 15px; } }
    .header-fixed .socials ul li {
      display: inline-block;
      margin-right: 10px;
      margin-left: 10px; }
      .header-fixed .socials ul li:first-child {
        margin-left: 0; }
      .header-fixed .socials ul li:last-child {
        margin-right: 0; }
      .header-fixed .socials ul li a {
        font-size: 25px;
        color: #5d2962;
        display: block; }
        .header-fixed .socials ul li a:hover {
          color: #f4bd54; }

.btn-mobile {
  display: none; }
@media(max-width: 768px) {
  .btn-mobile {
    display: block; } }
  .btn-mobile span {
    display: block;
    height: 4px;
    width: 40px;
    background: #5d2962;
    position: relative; }
    .btn-mobile span:nth-child(2) {
      margin-top: 5px;
      margin-bottom: 5px; }
  .btn-mobile.active span:first-child {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 9px; }
  .btn-mobile.active span:nth-child(2) {
    opacity: 0;
    visibiliity: hidden; }
  .btn-mobile.active span:last-child {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 9px; }

#banner {
  background-position: center top;
  background-repeat: no-repeat;
  height: 100vh; }
  #banner .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
@media(max-width: 768px) {
  #banner .content {
    left: 10px;
    right: 10px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); } }
  #banner img {
    display: block;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto; }
@media(max-width: 768px) {
  #banner img {
    max-width: 50%; } }
  #banner h1 {
    font-size: 27px;
    color: #f4bd54;
    text-align: center; }
@media(max-width: 768px) {
  #banner h1 {
    font-size: 18px; } }
  #banner .saiba-mais {
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
    #banner .saiba-mais p {
      font-size: 14px;
      color: #ffffff;
      text-transform: uppercase;
      margin-bottom: 10px;
      letter-spacing: 2px; }
    #banner .saiba-mais a {
      position: relative;
      color: #ffffff;
      font-size: 26px;
      height: 32px;
      width: 32px;
      border: 2px solid #ffffff;
      border-radius: 50%;
      display: block;
      margin-right: auto;
      margin-left: auto; }
      #banner .saiba-mais a i {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
  #banner.interna {
    height: auto; }

.main {
  background: url("assets/img/bg-home.jpg") center top no-repeat; }
@media(max-width: 768px) {
  .main {
    margin-top: 70px; } }
  .main.menu-fixed {
    margin-top: 93px; }
@media(max-width: 768px) {
  .main.menu-fixed {
    margin-top: 70px; } }
#main {
  background-position: center top;
  background-repeat: no-repeat; }

#sobre {
  padding-top: 30px;
  padding-bottom: 35px; }
  #sobre .icon {
    float: left;
    margin-right: 25px;
    margin-left: 25px; }
@media(max-width: 680px) {
  #sobre .icon {
    width: 100%;
    margin-left: 0;
    margin-bottom: 15px; }
    #sobre .icon img {
      display: block;
      margin-right: auto;
      margin-left: auto; } }
  #sobre .text {
    float: left;
    width: 690px; }
@media(max-width: 992px) {
  #sobre .text {
    width: 70%; } }
@media(max-width: 680px) {
  #sobre .text {
    width: 100%;
    text-align: center; } }
    #sobre .text h2 {
      color: #ffffff;
      font-size: 23px;
      display: inline-block;
      font-weight: 400;
      font-family: "Odebrecht-Sans", Arial, Sans-serif;
      margin-bottom: 15px; }
      #sobre .text h2 span {
        display: inline-block;
        background: #5d2962;
        padding: 3px 5px;
        margin-top: 3px;
        margin-bottom: 3px; }
    #sobre .text p {
      font-size: 18px; }
      #sobre .text p strong {
        color: #5d2962; }

#armadilhas {
  padding-top: 35px;
  padding-bottom: 70px; }
  #armadilhas .armadilhas {
    max-width: 1070px;
    margin-right: auto;
    margin-left: auto; }
    #armadilhas .armadilhas .armadilha {
      float: left;
      width: 33.33%;
      margin-top: 20px;
      margin-bottom: 20px; }
@media(max-width: 992px) {
  #armadilhas .armadilhas .armadilha {
    width: 50%; } }
@media(max-width: 768px) {
  #armadilhas .armadilhas .armadilha {
    width: calc(50% - 20px);
    margin: 5px 10px; }
    #armadilhas .armadilhas .armadilha .gridI {
      background-size: 100% auto; } }
@media(max-width: 550px) {
  #armadilhas .armadilhas .armadilha {
    width: 100%;
    margin: 10px auto; }
    #armadilhas .armadilhas .armadilha .gridI {
      background-size: contain; } }
  #armadilhas .ver-mais {
    text-align: center;
    margin-top: 20px; }
    #armadilhas .ver-mais a {
      background: #cedb40;
      color: #5d2962;
      text-transform: uppercase;
      font-size: 27px;
      display: inline-block;
      padding: 10px 65px 5px; }
      #armadilhas .ver-mais a:hover {
        color: #ffffff;
        background: #5d2962; }

.interna {
  margin-top: 93px; }
@media(max-width: 768px) {
  .interna {
    margin-top: 70px; } }
  .interna .header-fixed {
    background: url("assets/img/menu-fixed.jpg") center center no-repeat;
    height: 50px; }
    .interna .header-fixed.fixed {
      top: 93px; }
@media(max-width: 768px) {
  .interna .header-fixed.fixed {
    top: 70px; } }
  .interna.menu-fixed #content {
    margin-top: 50px; }
  .interna #title {
    background: url("assets/img/bg-interna.png") center top no-repeat;
    padding-top: 65px;
    padding-bottom: 30px; }
    .interna #title h1 {
      font-size: 57px;
      line-height: 1.2em;
      color: #ffffff;
      font-family: "Odebrecht-Slab", Arial, Sans-serif;
      text-transform: uppercase;
      margin-bottom: 30px;
      border-bottom: 3px solid #f4bd54; }
@media(max-width: 768px) {
  .interna #title h1 {
    font-size: 47px; } }
@media(max-width: 480px) {
  .interna #title h1 {
    font-size: 37px; } }
  .interna #banner {
    height: auto;
    position: relative; }
    .interna #banner::after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      content: "";
      display: block;
      height: 100%;
      width: 100%;
      background: rgba(6, 25, 33, 0.5); }
    .interna #banner #title {
      position: relative;
      z-index: 1; }
    .interna #banner .banner {
      background-position: right center; }
    .interna #banner h1 {
      text-align: left; }
    .interna #banner .table {
      display: table;
      height: 100%;
      width: 100%; }
@media(max-width: 768px) {
  .interna #banner .table {
    height: auto;
    width: auto; } }
      .interna #banner .table .middle {
        height: 447px;
        position: relative;
        display: table-cell;
        vertical-align: middle;
        z-index: 2; }
    .interna #banner h2 {
      font-size: 32px;
      color: #f4bd54;
      font-family: "Odebrecht-Sans-Bold", Arial, Sans-serif; }
    .interna #banner .title {
      margin-top: 20px; }
      .interna #banner .title h3 {
        font-size: 32px;
        color: #5d2962;
        background: #cedb40;
        text-transform: uppercase;
        font-family: "Odebrecht-Sans-Bold", Arial, Sans-serif;
        display: inline-block;
        padding-right: 3px;
        padding-left: 3px; }
    .interna #banner .resume {
      margin-top: 30px; }
      .interna #banner .resume p {
        color: #ffffff;
        font-size: 18px; }
  .interna #content {
    background: url("assets/img/bg-interna.png") center top no-repeat;
    background-size: cover;
    padding-bottom: 60px; }
    .interna #content .gridC {
      max-width: 794px;
      margin-right: auto;
      margin-left: auto; }
    .interna #content .title {
      padding-right: 30px;
      padding-left: 30px; }
      .interna #content .title img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px; }
      .interna #content .title h2 {
        font-size: 50px;
        color: #5d2962;
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0;
        padding-bottom: 0;
        border: none; }
@media(max-width: 768px) {
  .interna #content .title h2 {
    font-size: 35px; } }
@media(max-width: 480px) {
  .interna #content .title h2 {
    font-size: 30px; } }
      .interna #content .title.out {
        padding-top: 50px;
        padding-bottom: 50px; }
        .interna #content .title.out h2 {
          font-size: 50px;
          display: block;
          border-bottom: 3px solid #cedb40;
          padding-bottom: 40px; }
@media(max-width: 768px) {
  .interna #content .title.out h2 {
    font-size: 35px; } }
@media(max-width: 480px) {
  .interna #content .title.out h2 {
    font-size: 30px; } }
    .interna #content article {
      padding-top: 50px;
      padding-bottom: 50px;
      margin-bottom: 30px;
      background: #ffffff; }
      .interna #content article#clics {
        padding: 0; }
        .interna #content article#clics .clic {
          padding-top: 50px;
          padding-bottom: 50px; }
          .interna #content article#clics .clic:nth-child(odd) {
            background: #f8f8f8; }
          .interna #content article#clics .clic:first-child {
            padding-top: 20px; }
      .interna #content article .content {
        padding-right: 30px;
        padding-left: 30px; }
        .interna #content article .content p {
          color: #605e5e;
          font-size: 18px;
          line-height: 1.2em;
          padding-top: 15px;
          padding-bottom: 15px; }
      .interna #content article .like-dislike {
        padding-right: 30px;
        padding-left: 30px; }
        .interna #content article .like-dislike .kodex_buttons {
          display: inline-block; }
          .interna #content article .like-dislike .kodex_buttons button {
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            -o-appearance: none;
            appearance: none;
            border: 2px solid #9a9999;
            background: transparent;
            color: #9a9999; }
            .interna #content article .like-dislike .kodex_buttons button.kodex_like_button {
              margin-right: 10px; }
            .interna #content article .like-dislike .kodex_buttons button:hover, .interna #content article .like-dislike .kodex_buttons button.kodex_button_active {
              border-color: #b22b77;
              color: #b22b77; }
      .interna #content article .share {
        padding-right: 30px;
        padding-left: 30px; }
        .interna #content article .share p {
          display: inline-block;
          font-size: 18px;
          color: #b22b77;
          font-family: "Odebrecht-Slab", Arial, Sans-serif; }
        .interna #content article .share ul, .interna #content article .share li {
          display: inline-block; }
        .interna #content article .share .a2a_kit .a2a_svg {
          background-color: #b22b77; }
  .interna #relationship {
    background: transparent !important; }
    .interna #relationship .title h2 {
      font-size: 55px;
      color: #ffffff;
      border-bottom: 3px solid #cedb40;
      margin-bottom: 60px;
      padding-bottom: 20px;
      display: block; }
@media(max-width: 768px) {
  .interna #relationship .title h2 {
    font-size: 35px; } }
  .interna #marcos-silvestre .box {
    padding: 25px 20px;
    background: url("assets/img/bg-marcos.jpg") center center no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    position: relative; }
@media(max-width: 768px) {
  .interna #marcos-silvestre .box {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column; } }
    .interna #marcos-silvestre .box .photo img {
      border-radius: 50%;
      max-width: 85px; }
    .interna #marcos-silvestre .box .dica {
      margin-top: 20px;
      margin-bottom: 20px;
      margin-left: 24px; }
      .interna #marcos-silvestre .box .dica p, .interna #marcos-silvestre .box .dica h1, .interna #marcos-silvestre .box .dica h2, .interna #marcos-silvestre .box .dica h3, .interna #marcos-silvestre .box .dica h4, .interna #marcos-silvestre .box .dica h5, .interna #marcos-silvestre .box .dica pre {
        font-size: 18px;
        color: #ffffff; }
        .interna #marcos-silvestre .box .dica p strong, .interna #marcos-silvestre .box .dica h1 strong, .interna #marcos-silvestre .box .dica h2 strong, .interna #marcos-silvestre .box .dica h3 strong, .interna #marcos-silvestre .box .dica h4 strong, .interna #marcos-silvestre .box .dica h5 strong, .interna #marcos-silvestre .box .dica pre strong {
          font-family: "Odebrecht-Sans-Bold", Arial, Sans-serif; }
    .interna #marcos-silvestre .box .name {
      position: absolute;
      right: 15px;
      bottom: 20px; }
      .interna #marcos-silvestre .box .name p {
        font-size: 14px;
        font-family: "Odebrecht-Slab", Arial, Sans-serif;
        color: #ffffff; }
  .interna #comentarios .commentlist li {
    display: block;
    background: #ddd;
    padding: 20px 25px;
    margin-bottom: 20px; }
    .interna #comentarios .commentlist li .comment-author {
      font-size: 18px;
      font-family: "Odebrecht-Slab", Arial, Sans-serif;
      color: #5d2962; }
    .interna #comentarios .commentlist li .comment-meta a {
      pointer-events: none;
      font-size: 14px;
      color: #061921; }
  .interna #comentarios #respond h3 {
    font-size: 20px;
    color: #5d2962;
    font-family: "Odebrecht-Slab", Arial, Sans-serif; }
  .interna #comentarios #respond form {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px; }
    .interna #comentarios #respond form .form-group {
      width: calc(50% - 20px);
      padding-right: 10px;
      padding-left: 10px;
      margin-bottom: 15px; }
      .interna #comentarios #respond form .form-group.form-comment {
        width: 100%; }
      .interna #comentarios #respond form .form-group.form-auth {
        width: 100%;
        text-align: center;
        margin-bottom: 0; }
        .interna #comentarios #respond form .form-group.form-auth p {
          font-size: 14px;
          font-family: "Odebrecht-Sans-Bold", Arial, Sans-serif;
          margin-bottom: 15px; }
  .interna #comentarios #respond textarea {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #5d2962;
    height: 100px;
    width: 100%;
    padding-top: 10px;
    padding-left: 10px; }
    .interna #comentarios #respond textarea::-webkit-input-placeholder {
      font-family: "Odebrecht-Sans", Arial, Sans-serif; }
    .interna #comentarios #respond textarea::-moz-placeholder {
      font-family: "Odebrecht-Sans", Arial, Sans-serif; }
    .interna #comentarios #respond textarea:-moz-placeholder {
      font-family: "Odebrecht-Sans", Arial, Sans-serif; }
    .interna #comentarios #respond textarea:-ms-input-placeholder {
      font-family: "Odebrecht-Sans", Arial, Sans-serif; }
  .interna #comentarios #respond input {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
    .interna #comentarios #respond input::-webkit-input-placeholder {
      font-family: "Odebrecht-Sans", Arial, Sans-serif; }
    .interna #comentarios #respond input::-moz-placeholder {
      font-family: "Odebrecht-Sans", Arial, Sans-serif; }
    .interna #comentarios #respond input:-moz-placeholder {
      font-family: "Odebrecht-Sans", Arial, Sans-serif; }
    .interna #comentarios #respond input:-ms-input-placeholder {
      font-family: "Odebrecht-Sans", Arial, Sans-serif; }
    .interna #comentarios #respond input[type="text"] {
      height: 30px;
      width: 100%;
      border: 1px solid #5d2962;
      padding-left: 10px; }
    .interna #comentarios #respond input[type="submit"] {
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      text-align: center;
      text-transform: uppercase;
      height: 30px;
      width: 100%;
      background: #5d2962;
      color: #cedb40;
      font-family: "Odebrecht-Sans-Bold", Arial, Sans-serif;
      border: none;
      cursor: pointer; }
      .interna #comentarios #respond input[type="submit"]:hover {
        background: #cedb40;
        color: #5d2962; }
  .interna .slick-relationship .slick-arrow {
    height: 52px;
    width: 30px; }
    .interna .slick-relationship .slick-arrow::before {
      content: "";
      background: url("assets/img/icons/arrow.png") center center no-repeat;
      height: 100%;
      width: 100%;
      display: block;
      z-index: 2; }
    .interna .slick-relationship .slick-arrow.slick-prev {
      left: -40px; }
@media(max-width: 768px) {
  .interna .slick-relationship .slick-arrow.slick-prev {
    left: 0; } }
    .interna .slick-relationship .slick-arrow.slick-next {
      right: -40px; }
@media(max-width: 768px) {
  .interna .slick-relationship .slick-arrow.slick-next {
    right: 0; } }
      .interna .slick-relationship .slick-arrow.slick-next::before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
  .interna .slick-relationship .armadilha {
    height: 246px; }
    .interna .slick-relationship .armadilha .title h3 {
      font-size: 9.5px; }
    .interna .slick-relationship .armadilha .permalink {
      width: 70px; }
      .interna .slick-relationship .armadilha .permalink a {
        font-size: 9px; }
    .interna .slick-relationship .armadilha .gridI {
      max-width: 192px;
      background-size: cover; }

#como-participar #banner, #movimento #banner {
  margin-top: 0;
  height: 680px; }
  #como-participar #banner::after, #movimento #banner::after {
    content: none; }
  #como-participar #banner h1, #movimento #banner h1 {
    text-align: center; }
#como-participar #content, #movimento #content {
  background: url("assets/img/bg-green.jpg") center top/cover no-repeat; }
  #como-participar #content article, #movimento #content article {
    background: transparent;
    padding-top: 40px;
    padding-bottom: 40px; }
    #como-participar #content article .title, #movimento #content article .title {
      padding-right: 0;
      padding-left: 0;
      border-bottom: 2px solid #5d2962;
      padding-bottom: 20px;
      margin-bottom: 15px; }
    #como-participar #content article .content, #movimento #content article .content {
      background: #ffffff; }
  #como-participar #content #sobre h3, #movimento #content #sobre h3 {
    font-size: 30px;
    color: #95cf30;
    text-transform: uppercase;
    font-family: "Odebrecht-Slab", Arial, Sans-serif; }
  #como-participar #content #sobre p, #movimento #content #sobre p {
    font-size: 18px;
    color: #605e5e;
    padding-bottom: 10px; }
    #como-participar #content #sobre p strong, #movimento #content #sobre p strong {
      color: #5d2962;
      font-famly: "Odebrecht-Sans", Arial, Sans-serif; }
  #como-participar #content #sobre .content, #movimento #content #sobre .content {
    padding-top: 60px;
    padding-bottom: 40px; }
  #como-participar #content #sobre .box, #movimento #content #sobre .box {
    margin-top: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    background: url("assets/img/bg-marcos.jpg") center center no-repeat;
    background-size: cover;
    padding: 25px 40px; }
@media(max-width: 768px) {
  #como-participar #content #sobre .box, #movimento #content #sobre .box {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    padding: 20px 15px; } }
    #como-participar #content #sobre .box .image img, #movimento #content #sobre .box .image img {
      border-radius: 50%; }
    #como-participar #content #sobre .box .text, #movimento #content #sobre .box .text {
      float: none;
      width: auto;
      margin-left: 30px; }
@media(max-width: 768px) {
  #como-participar #content #sobre .box .text, #movimento #content #sobre .box .text {
    margin-left: auto; } }
      #como-participar #content #sobre .box .text p, #movimento #content #sobre .box .text p {
        color: #ffffff; }
        #como-participar #content #sobre .box .text p strong, #movimento #content #sobre .box .text p strong {
          color: #ffffff;
          display: block;
          font-family: "Odebrecht-Sans", Arial, Sans-serif; }
  #como-participar #content .apoiadores, #movimento #content .apoiadores {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -9px;
    margin-left: -9px; }
    #como-participar #content .apoiadores .item, #movimento #content .apoiadores .item {
      background: #ffffff;
      height: 230px;
      width: calc(50% - 18px);
      margin: 9px;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }
@media(max-width: 480px) {
  #como-participar #content .apoiadores .item, #movimento #content .apoiadores .item {
    height: 140px; } }
      #como-participar #content .apoiadores .item img, #movimento #content .apoiadores .item img {
        max-width: 335px;
        display: block; }
@media(max-width: 768px) {
  #como-participar #content .apoiadores .item img, #movimento #content .apoiadores .item img {
    max-width: 100%; } }
  #como-participar #content .logos, #movimento #content .logos {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    flex-wrap: wrap;
    margin-right: -7px;
    margin-left: -7px; }
    #como-participar #content .logos .logo, #movimento #content .logos .logo {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      background: #ffffff;
      height: 195px;
      width: calc(33.33% - 14px);
      margin: 7px; }
@media(max-width: 768px) {
  #como-participar #content .logos .logo, #movimento #content .logos .logo {
    width: calc(50% - 14px);
    padding: 7px;
    height: 140px; } }
      #como-participar #content .logos .logo img, #movimento #content .logos .logo img {
        max-width: 180px;
        height: auto;
        display: block; }
@media(max-width: 768px) {
  #como-participar #content .logos .logo img, #movimento #content .logos .logo img {
    max-width: 100%; } }
#como-participar #formulario .content, #movimento #formulario .content {
  text-align: center;
  padding: 80px 100px; }
@media(max-width: 768px) {
  #como-participar #formulario .content, #movimento #formulario .content {
    padding: 40px 50px; } }
@media(max-width: 480px) {
  #como-participar #formulario .content, #movimento #formulario .content {
    padding: 20px 25px; } }
#como-participar #formulario h3, #movimento #formulario h3 {
  color: #9a9999;
  font-size: 18px;
  font-family: "Odebrecht-Sans", Arial, Sans-serif;
  font-weight: 400; }
#como-participar #formulario h4, #movimento #formulario h4 {
  font-size: 20p;
  color: #5d2962;
  font-family: "Odebrecht-Sans-Bold", Arial, Sans-serif;
  font-weight: 700; }
#como-participar #formulario form, #movimento #formulario form {
  margin-top: 30px; }
  #como-participar #formulario form .wpcf7-response-output, #movimento #formulario form .wpcf7-response-output {
    display: none !important; }
  #como-participar #formulario form .wpcf7-form-control-wrap, #movimento #formulario form .wpcf7-form-control-wrap {
    margin-bottom: 10px;
    display: block; }
  #como-participar #formulario form span.wpcf7-not-valid-tip, #movimento #formulario form span.wpcf7-not-valid-tip {
    width: 100%;
    background: red;
    color: #ffffff;
    font-size: 11px;
    text-transform: uppercase;
    padding-top: 1px;
    padding-bottom: 1px; }
#como-participar #formulario input, #movimento #formulario input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  border: 1px solid #d2d2d2;
  width: 100%;
  height: 35px;
  text-align: center; }
  #como-participar #formulario input.wpcf7-not-valid, #movimento #formulario input.wpcf7-not-valid {
    border-color: red; }
  #como-participar #formulario input::-webkit-input-placeholder, #movimento #formulario input::-webkit-input-placeholder {
    font-size: 15px;
    text-align: center;
    text-transform: uppercase; }
  #como-participar #formulario input::-moz-placeholder, #movimento #formulario input::-moz-placeholder {
    font-size: 15px;
    text-align: center;
    text-transform: uppercase; }
  #como-participar #formulario input:-moz-placeholder, #movimento #formulario input:-moz-placeholder {
    font-size: 15px;
    text-align: center;
    text-transform: uppercase; }
  #como-participar #formulario input:-ms-input-placeholder, #movimento #formulario input:-ms-input-placeholder {
    font-size: 15px;
    text-align: center;
    text-transform: uppercase; }
  #como-participar #formulario input[type="submit"], #movimento #formulario input[type="submit"] {
    margin-bottom: 0;
    background: #5d2962;
    color: #cedb40;
    text-transform: uppercase;
    max-width: 335px;
    margin-right: auto;
    margin-left: auto;
    border: none;
    cursor: pointer; }
    #como-participar #formulario input[type="submit"]:hover, #movimento #formulario input[type="submit"]:hover {
      background: #cedb40;
      color: #5d2962; }
#como-participar #materiais .title, #movimento #materiais .title {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }
  #como-participar #materiais .title a, #movimento #materiais .title a {
    color: #5d2962;
    border: 2px solid #5d2962;
    font-size: 15px;
    text-transform: uppercase;
    padding: 10px 15px;
    font-family: "Odebrecht-Sans-Bold", Arial, Sans-serif; }
    #como-participar #materiais .title a:hover, #movimento #materiais .title a:hover {
      color: #ffffff;
      background: #5d2962; }
#como-participar .materiais, #movimento .materiais {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -9px;
  margin-left: -9px; }
  #como-participar .materiais .material, #movimento .materiais .material {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    text-align: center;
    background: #ffffff;
    height: 240px;
    width: calc(33.33% - 18px);
    margin: 9px; }
    #como-participar .materiais .material h3, #movimento .materiais .material h3 {
      font-size: 20px;
      color: #7d1c6b;
      text-transform: uppercase;
      margin-bottom: 15px; }
    #como-participar .materiais .material p, #movimento .materiais .material p {
      color: #9a9999;
      font-size: 16px;
      margin-bottom: 10px; }
    #como-participar .materiais .material a, #movimento .materiais .material a {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      background: #5d2962;
      color: #cedb40;
      text-transform: uppercase;
      height: 37px;
      width: 139px;
      font-family: "Odebrecht-Sans-Bold", Arial, Sans-serif; }
      #como-participar .materiais .material a:hover, #movimento .materiais .material a:hover {
        color: #5d2962;
        background: #cedb40; }

footer {
  text-align: center;
  background: #2b042b;
  padding-top: 12.5px;
  padding-bottom: 12.5px; }
  footer p {
    color: #ffffff;
    font-size: 14px;
    font-family: "Odebrecht-Sans-Bold", Arial, Sans-serif; }

/*# sourceMappingURL=style.css.map */