@charset "UTF-8";
/*
estrutura
autor: Hermenegildo Fernandes
data: 17-02-2018

*/
/*
configuração
autor: Hermenegildo Fernandes
data: 17-02-2018

@mixin darken(){
  darken($lightgray,20);
}
@mixin lighten(){
  lighten(red,20);
}


*/
div.c-notification .messages > *, div.c-modal > section > footer > *, div.c-alert > section > footer > *, div.tags > section > footer > *, div.not > section > footer > *, div.events > section > footer > *, main.o-layout-principal > div.brain__header > header.header > section > *, main.o-layout-principal > div.brain__header > header.header > section > figure > *, main.o-layout-principal > div.brain__header > header.header > section > nav > *, main.o-layout-principal > div.brain__header > header.header > section > nav ul > *, main.o-layout-principal > footer > section > *, main.o-layout-principal > footer > section > aside > section > * {
  margin-right: 0.5rem; }
  div.c-notification .messages > *:last-child, div.c-modal > section > footer > *:last-child, div.c-alert > section > footer > *:last-child, div.tags > section > footer > *:last-child, div.not > section > footer > *:last-child, div.events > section > footer > *:last-child, main.o-layout-principal > div.brain__header > header.header > section > *:last-child, main.o-layout-principal > div.brain__header > header.header > section > figure > *:last-child, main.o-layout-principal > div.brain__header > header.header > section > nav > *:last-child, main.o-layout-principal > div.brain__header > header.header > section > nav ul > *:last-child, main.o-layout-principal > footer > section > *:last-child, main.o-layout-principal > footer > section > aside > section > *:last-child {
    margin-right: 0; }

div.c-input__icon > div, div.c-alert > section > header, div.tags, div.not, div.events, main.o-layout-principal > div.brain__header > header.header > section > nav > div, main.o-layout-principal > footer > section > aside > section > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

div.c-notification {
  padding-right: 1rem; }
  div.c-notification .messages {
    padding: 1rem;
    background: rgba(0, 0, 0, 0.9);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 113px; }
    div.c-notification .messages > div {
      font-size: 2rem;
      width: 2rem;
      margin-right: 1.5rem; }
    div.c-notification .messages dl {
      margin: 0; }
      div.c-notification .messages dl dt, div.c-notification .messages dl dd {
        color: #ffffff; }
        div.c-notification .messages dl dt:first-letter, div.c-notification .messages dl dd:first-letter {
          text-transform: uppercase; }
      div.c-notification .messages dl dt {
        font-size: 1rem;
        font-weight: 600; }
      div.c-notification .messages dl dd {
        font-size: 1rem;
        font-weight: 400; }
    div.c-notification .messages .fa-info-circle,
    div.c-notification .messages .fa-exclamation-triangle,
    div.c-notification .messages .fa-times-circle,
    div.c-notification .messages .fa-check-circle {
      color: #ffffff; }

div.tags > section > section label, div.not > section > section label, div.events > section > section label,
div.tags > section > section input,
div.not > section > section input,
div.events > section > section input,
div.tags > section > section select,
div.not > section > section select,
div.events > section > section select,
div.tags > section > section a,
div.not > section > section a,
div.events > section > section a,
div.tags > section > section textarea,
div.not > section > section textarea,
div.events > section > section textarea {
  font-size: 1rem;
  font-weight: 400;
  color: #000000;
  border: 2px solid #e6e9ed; }


div.tags > section > section textarea,
div.not > section > section textarea,
div.events > section > section textarea {
  resize: none;
  height: 20vh; }

div.tags > section > section label, div.not > section > section label, div.events > section > section label {
  font-weight: 500; }

div.c-switch, ul.c-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.o-layout-principal {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: white;
  overflow-y: auto; }

div.c-progressbar {
  height: 2px;
  background: #ffffff;
  position: relative; }
  div.c-progressbar:after {
    content: "";
    height: 3px;
    opacity: 0;
    background: #000000;
    position: absolute;
    width: 60vw; }
  div.c-progressbar.ative:after {
    opacity: 1;
    -webkit-animation: loader 4s linear infinite;
    animation: loader 4s linear infinite; }

div.c-dropdown > button {
  color: #ffffff;
  font-size: .8rem;
  background: #967adc; }
  div.c-dropdown > button:hover {
    background: #967adc; }

div.c-dropdown > div {
  padding: 0;
  border-radius: 3px; }
  div.c-dropdown > div > ul li {
    padding: 0.5rem;
      padding-left: 30px;
    font-size: 1rem;
    font-weight: 400; }
    div.c-dropdown > div > ul li:first-letter {
      text-transform: uppercase; }
    div.c-dropdown > div > ul li.ative {
      color: #967adc;
      font-weight: 500; }
    div.c-dropdown > div > ul li:hover {
      cursor: pointer;
      background: #967adc;
      color: #ffffff; }

div.c-switch {
  position: relative;
  width: 40px;
  height: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  div.c-switch > label {
    width: 40px;
    height: 12px;
    position: absolute;
    background: #F8F8F8;
    top: 0;
    left: 0;
    border-radius: 50.5px; }
    div.c-switch > label:hover {
      cursor: pointer; }
    div.c-switch > label::after {
      content: "";
      position: absolute;
      width: 1rem;
      height: 1rem;
      top: -28%;
      left: 0;
      background: #999999;
      border: 1px solid #999999;
      border-radius: 100%;
      -webkit-transition: all .1s;
      -o-transition: all .1s;
      transition: all .1s; }
  div.c-switch > input {
    visibility: hidden; }
    div.c-switch > input:checked + label {
      background: #4fc1e9; }
      div.c-switch > input:checked + label::after {
        left: 25px;
        background: #3bafda;
        border-color: #3bafda; }
    div.c-switch > input:disabled + label {
      background: #ffce54;
      cursor: auto; }
      div.c-switch > input:disabled + label::after {
        background: #f6bb42;
        border-color: #f6bb42; }

ul.c-pagination {
  height: inherit; }
  ul.c-pagination > li {
    padding: 0.5rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    background: #ffffff;
    margin-right: 0.5rem;
    border-radius: 3px;
    border: .1rem solid transparent;
    color: #333;
    font-weight: 600; }
    ul.c-pagination > li:last-child {
      margin-right: 0; }
    ul.c-pagination > li.item {
      min-width: 40px; }
      ul.c-pagination > li.item.ative {
        border: 0.1rem solid #0082BC;
        color: #0082BC; }
    ul.c-pagination > li.next, ul.c-pagination > li.prev {
      text-transform: capitalize; }
    ul.c-pagination > li:hover {
      cursor: pointer;
      color: #0082BC; }

div.c-notification {
  z-index: 999; }

div.c-input__icon {
  display: inline-block;
  position: relative;
  max-width: 100%;
  vertical-align: middle; }
  div.c-input__icon > div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  div.c-input__icon > input {
    padding-left: 40px !important; }

div.c-modal-lateral-0 {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 320px;
  background: #ffffff;
  padding: 1rem;
  border-left: 1px solid #e6e9ed;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  div.c-modal-lateral-0 > * {
    margin-bottom: 0.5rem; }
    div.c-modal-lateral-0 > *:last-child {
      margin-bottom: 0; }
  div.c-modal-lateral-0.animation {
    -webkit-animation: fade-right-small .6s forwards;
    animation: fade-right-small .6s forwards; }
  div.c-modal-lateral-0.animation--reverse {
    -webkit-animation: fade-right-smallOut .6s forwards;
    animation: fade-right-smallOut .6s forwards; }

div.c-modal-lateral {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 320px;
  background: #ffffff;
  padding: 1rem;
  border-left: 1px solid #e6e9ed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 6; }
  div.c-modal-lateral > * {
    margin-bottom: 0.5rem; }
    div.c-modal-lateral > *:last-child {
      margin-bottom: 0; }
  div.c-modal-lateral.animation {
    -webkit-animation: fade-right-small .6s forwards;
    animation: fade-right-small .6s forwards; }
  div.c-modal-lateral.animation--reverse {
    -webkit-animation: fade-right-smallOut .6s forwards;
    animation: fade-right-smallOut .6s forwards; }

div.c-modal-full {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #ffffff;
  z-index: 8; }
  div.c-modal-full > * {
    margin: 0 auto;
    width: 90%;
    max-width: 1024px; }
  div.c-modal-full.animation {
    -webkit-animation: fade-bottom-small .6s forwards;
    animation: fade-bottom-small .6s forwards; }
  div.c-modal-full.animation--reverse {
    -webkit-animation: fade-bottom-smallOut .6s forwards;
    animation: fade-bottom-smallOut .6s forwards; }

div.c-modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9; }
  div.c-modal.animation > section {
    -webkit-animation: zoomIn .6s forwards;
    animation: zoomIn .6s forwards; }
  div.c-modal.animation--reverse > section {
    -webkit-animation: zoomOut .6s forwards;
    animation: zoomOut .6s forwards; }
  div.c-modal > section {
    background: #ffffff;
    width: 40vw;
    margin: 10vh auto; }
    div.c-modal > section > header > h1 {
      background: rgba(230, 233, 237, 0.5);
      padding: 1rem;
      font-size: 1rem;
      font-weight: 500;
      color: #666666; }
      div.c-modal > section > header > h1:first-letter {
        text-transform: uppercase; }
    div.c-modal > section > section {
      height: 40vh; }
    div.c-modal > section > footer {
      margin-top: 0.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding-left: 1rem;
      padding-right: 1rem;
      padding-bottom: 1rem; }
      div.c-modal > section > footer button:first-child {
        color: #ffffff;
        font-size: .8rem;
        background: rgba(230, 233, 237, 0.5); }
        div.c-modal > section > footer button:first-child:hover {
          background: rgba(230, 233, 237, 0.5); }
      div.c-modal > section > footer button:last-child {
        color: #ffffff;
        font-size: .8rem;
        background: #4a89dc; }
        div.c-modal > section > footer button:last-child:hover {
          background: #4a89dc; }

div.c-alert {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9; }
  div.c-alert.animation > section {
    -webkit-animation: zoomIn .6s forwards;
    animation: zoomIn .6s forwards; }
  div.c-alert.animation--reverse > section {
    -webkit-animation: zoomOut .6s forwards;
    animation: zoomOut .6s forwards; }
  div.c-alert > section {
    background: #ffffff;
    width: 28vw;
    margin: 10vh auto;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 3px; }
    div.c-alert > section > * {
      margin-bottom: 0.5rem; }
      div.c-alert > section > *:last-child {
        margin-bottom: 0; }
    div.c-alert > section > header > div {
      font-size: 5rem;
      color: #5d9cec; }
    div.c-alert > section > section {
      min-height: 81px; }
      div.c-alert > section > section p {
        font-size: 1rem;
        font-weight: 400;
        text-align: center; }
    div.c-alert > section > footer {
      margin-top: 0.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      div.c-alert > section > footer button:first-child {
        color: #ffffff;
        font-size: .8rem;
        background: rgba(230, 233, 237, 0.5);
        font-weight: 600;
        color: #000000; }
        div.c-alert > section > footer button:first-child:hover {
          background: rgba(230, 233, 237, 0.5); }
      div.c-alert > section > footer button:last-child {
        font-weight: 600;
        color: #ffffff;
        font-size: .8rem;
        border: none;
        color: #4a89dc;
        background: transparent; }

div.tags {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  z-index: 9; }
  div.tags.animation > section {
    -webkit-animation: zoomIn .6s forwards;
    animation: zoomIn .6s forwards; }
  div.tags.animation--reverse > section {
    -webkit-animation: zoomOut .6s forwards;
    animation: zoomOut .6s forwards; }
  div.tags > section {
    background: #ffffff;
    width: 28vw;
    margin: 10vh auto;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 3px; }
    div.tags > section > * {
      margin-bottom: 0.5rem; }
      div.tags > section > *:last-child {
        margin-bottom: 0; }
    div.tags > section > header {
      margin-top: -1rem;
      margin-right: -1rem;
      margin-left: -1rem;
      border-radius: 3px 3px 0  0; }
      div.tags > section > header > h1 {
        background: rgba(230, 233, 237, 0.5);
        padding: 1rem;
        font-size: 1rem;
        font-weight: 500;
        color: #666666; }
        div.tags > section > header > h1:first-letter {
          text-transform: uppercase; }
    div.tags > section > section {
      min-height: 81px; }
      div.tags > section > section input {
        border: 1.5px solid #e6e9ed; }
    div.tags > section > footer {
      margin-top: 0.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      div.tags > section > footer button:first-child {
        color: #ffffff;
        font-size: .8rem;
        background: rgba(230, 233, 237, 0.5);
        font-weight: 600;
        color: #666666; }
        div.tags > section > footer button:first-child:hover {
          background: rgba(230, 233, 237, 0.5); }
      div.tags > section > footer button:last-child {
        font-weight: 600;
        color: #ffffff;
        font-size: .8rem;
        border: none;
        color: #4a89dc;
        background: transparent;
        padding-right: 0; }

div.not, div.events {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9; }
  div.not.animation > section, div.events.animation > section {
    -webkit-animation: zoomIn .6s forwards;
    animation: zoomIn .6s forwards; }
  div.not.animation--reverse > section, div.events.animation--reverse > section {
    -webkit-animation: zoomOut .6s forwards;
    animation: zoomOut .6s forwards; }
  div.not > section, div.events > section {
    background: #ffffff;
    width: 40vw;
    margin: 10vh auto;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 3px; }
    div.not > section > *, div.events > section > * {
      margin-bottom: 0.5rem; }
      div.not > section > *:last-child, div.events > section > *:last-child {
        margin-bottom: 0; }
    div.not > section > header, div.events > section > header {
      margin-top: -1rem;
      margin-right: -1rem;
      margin-left: -1rem;
      border-radius: 3px 3px 0  0; }
      div.not > section > header > h1, div.events > section > header > h1 {
        background: rgba(230, 233, 237, 0.5);
        padding: 1rem;
        font-size: 1rem;
        font-weight: 500;
        color: #666666; }
        div.not > section > header > h1:first-letter, div.events > section > header > h1:first-letter {
          text-transform: uppercase; }
    div.not > section > section, div.events > section > section {
      min-height: 81px;
      max-height: 300px;
      overflow-y: auto;
      padding-right: 1rem; }
      div.not > section > section input, div.events > section > section input {
        border: 1.5px solid #e6e9ed; }
    div.not > section > footer, div.events > section > footer {
      margin-top: 0.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      div.not > section > footer button:first-child, div.events > section > footer button:first-child {
        color: #ffffff;
        font-size: .8rem;
        background: rgba(230, 233, 237, 0.5);
        font-weight: 600;
        color: #666666; }
        div.not > section > footer button:first-child:hover, div.events > section > footer button:first-child:hover {
          background: rgba(230, 233, 237, 0.5); }
      div.not > section > footer button:last-child, div.events > section > footer button:last-child {
        font-weight: 600;
        color: #ffffff;
        font-size: .8rem;
        border: none;
        color: #4a89dc;
        background: transparent;
        padding-right: 0; }

@-webkit-keyframes loader {
  0% {
    left: 0px; }
  99% {
    left: 100vw; } }

@keyframes loader {
  0% {
    left: 0px; }
  99% {
    left: 100vw; } }

@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes zoomIn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes zoomOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); } }

@keyframes zoomOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); } }

@-webkit-keyframes fade-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fade-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes fade-rightOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

@keyframes fade-rightOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

@-webkit-keyframes fade-right-small {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fade-right-small {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes fade-right-smallOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }

@keyframes fade-right-smallOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }

@-webkit-keyframes fade-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fade-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes fade-leftOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

@keyframes fade-leftOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

@-webkit-keyframes fade-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fade-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fade-topOut {
  100% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fade-topOut {
  100% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fade-top-small {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fade-top-small {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fade-top-smallOut {
  100% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fade-top-smallOut {
  100% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fade-bottom-small {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fade-bottom-small {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fade-bottom-smallOut {
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fade-bottom-smallOut {
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes In {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes In {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes Out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes Out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

*,
*:after,
*:before {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1rem; }

body {
  font-weight: 400;
  line-height: 1.7;
  font-size: 100%; }

ul,
p,
figure,
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0; }

ul,
li {
  list-style: none; }

.avatar__logo {
  background: url("./../../../assets/media/brainLinear.svg") !important; }

.avatar__missao {
  background: url("../../resources/media/icon/winner.svg") !important; }

.avatar__visao {
  background: url("../../resources/media/icon/focus.svg") !important; }

.avatar__valores {
  background: url("../../resources/media/icon/diamond.svg") !important; }

.avatar__ds {
  background: url("../../../assets/media/services/software.svg") !important; }

.avatar__ws {
  background: url("../../../assets/media/services/website.svg") !important; }

.avatar__pwa {
  background: url("../../../assets/media/services/pwa.svg") !important; }

.avatar__lo {
  background: url("../../../assets/media/services/onlineshop.svg") !important; }

.avatar__ {
  background: url("../../../assets/media/services") !important; }

.avatar__dm {
  background: url("../../../assets/media/services/host.svg") !important; }

.avatar__m {
  background: url("../../../assets/media/services/gear.svg") !important; }

.avatar__avatar {
  background: url("../../../assets/media/user.png") !important; }

.no__visible {
  opacity: 0 !important; }

.scroll-downs {
  margin: auto;
  width: 34px;
  height: 55px; }

.mousey {
  width: 3px;
  padding: 10px 15px;
  height: 35px;
  border: 2px solid #ffffff;
  border-radius: 25px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  -webkit-animation-name: scroll;
  animation-name: scroll;
  -webkit-animation-duration: 2.2s;
  animation-duration: 2.2s;
  -webkit-animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
  animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@-webkit-keyframes scroll {
  0% {
    opacity: 0; }
  10% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    opacity: 0; } }

@keyframes scroll {
  0% {
    opacity: 0; }
  10% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    opacity: 0; } }

main.o-layout-principal {
  overflow-x: hidden !important; }
  main.o-layout-principal.brain__header-600 {
    overflow: hidden !important; }
  @media only screen and (max-width: 600px) {
    main.o-layout-principal > div {
      max-height: 100vh !important; }
      main.o-layout-principal > div > section > article {
        padding: 1.5rem !important; }
        main.o-layout-principal > div > section > article > h1 {
          font-size: 2rem !important; }
        main.o-layout-principal > div > section > article > p {
          margin-bottom: 2rem !important;
          font-size: 1rem !important; } }
  main.o-layout-principal > div.brain__header {
    position: relative;
    background: -webkit-radial-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../../resources/media/hero-collaboration-partial.png") center/cover no-repeat;
    background: -o-radial-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../../resources/media/hero-collaboration-partial.png") center/cover no-repeat;
    background: radial-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../../resources/media/hero-collaboration-partial.png") center/cover no-repeat;
    background-attachment: fixed;
    height: 100vh;
    max-height: 622px;
    padding: 2rem; }
    main.o-layout-principal > div.brain__header > header.header > * {
      margin: 0 auto;
      width: 90%;
      max-width: 1024px; }
    main.o-layout-principal > div.brain__header > header.header > section {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      main.o-layout-principal > div.brain__header > header.header > section > figure {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-items: center; }
        main.o-layout-principal > div.brain__header > header.header > section > figure > * {
          margin-right: 1rem; }
        main.o-layout-principal > div.brain__header > header.header > section > figure div {
          background: url("../../../assets/media/brain.svg") !important;
          width: 4rem;
          height: 4rem;
          background: #0082BC; }
          main.o-layout-principal > div.brain__header > header.header > section > figure div.img {
            background-position: center !important;
            background-repeat: no-repeat !important; }
          main.o-layout-principal > div.brain__header > header.header > section > figure div.img {
            background-size: contain !important; }
        main.o-layout-principal > div.brain__header > header.header > section > figure h1 {
          font-size: 1.25rem;
          color: #ffffff;
          font-weight: 600; }
        main.o-layout-principal > div.brain__header > header.header > section > figure:hover {
          cursor: pointer; }
      main.o-layout-principal > div.brain__header > header.header > section > nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        main.o-layout-principal > div.brain__header > header.header > section > nav.ative > div {
          z-index: 900;
          color: #ffffff !important; }
        main.o-layout-principal > div.brain__header > header.header > section > nav.ative > ul {
          padding: 7rem;
          z-index: 100;
          display: initial !important;
          position: fixed !important;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          background: rgba(0, 0, 0, 0.8);
          -webkit-box-orient: vertical !important;
          -webkit-box-direction: normal !important;
          -ms-flex-direction: column !important;
          flex-direction: column !important;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          main.o-layout-principal > div.brain__header > header.header > section > nav.ative > ul > * {
            margin-right: 0;
            margin-bottom: 1rem; }
          main.o-layout-principal > div.brain__header > header.header > section > nav.ative > ul > li {
            font-size: 1rem;
            text-align: center;
            color: #ffffff !important; }
        @media only screen and (max-width: 600px) {
          main.o-layout-principal > div.brain__header > header.header > section > nav > div {
            display: initial !important; }
          main.o-layout-principal > div.brain__header > header.header > section > nav > ul {
            display: none !important; } }
        main.o-layout-principal > div.brain__header > header.header > section > nav > div {
          padding: 0.5rem;
          max-height: 41px;
          color: #ffffff;
          display: none; }
          main.o-layout-principal > div.brain__header > header.header > section > nav > div:hover {
            cursor: pointer; }
        main.o-layout-principal > div.brain__header > header.header > section > nav ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end; }
          main.o-layout-principal > div.brain__header > header.header > section > nav ul > li {
            padding: 0.5rem;
              padding-right: 0;
            color: #ffffff;
            font-size: .8rem;
            text-transform: uppercase;
            font-weight: 600; }
            main.o-layout-principal > div.brain__header > header.header > section > nav ul > li:hover {
              cursor: pointer; }
    main.o-layout-principal > div.brain__header > header.header.fixed {
      position: fixed;
      top: 0;
      right: 0;
      background: #FFF;
      z-index: 100;
      width: 100%;
      padding: .6rem 0rem;
      -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08); }
      main.o-layout-principal > div.brain__header > header.header.fixed > section > figure > div {
        background: url("../../../assets/media/brainLinear.svg") !important;
        width: 4rem;
        height: 4rem;
        background: #0082BC; }
        main.o-layout-principal > div.brain__header > header.header.fixed > section > figure > div.img {
          background-position: center !important;
          background-repeat: no-repeat !important; }
        main.o-layout-principal > div.brain__header > header.header.fixed > section > figure > div.img {
          background-size: cover !important; }
      main.o-layout-principal > div.brain__header > header.header.fixed > section > figure h1 {
        color: #0082BC; }
      main.o-layout-principal > div.brain__header > header.header.fixed > section > nav > div,
      main.o-layout-principal > div.brain__header > header.header.fixed > section > nav li {
        color: #333; }
    main.o-layout-principal > div.brain__header > section {
      margin: 0 auto;
      width: 90%;
      max-width: 1024px; }
      main.o-layout-principal > div.brain__header > section > article {
        padding: 6rem;
          padding-top: 8rem;
          padding-bottom: 4rem; }
        main.o-layout-principal > div.brain__header > section > article > h1 {
          font-size: 5rem;
          color: #ffffff;
          font-weight: 600;
          text-align: center; }
        main.o-layout-principal > div.brain__header > section > article > p {
          margin-top: 1.5rem;
          margin-bottom: 4rem;
          font-weight: lighter;
          color: #ffffff;
          font-size: 1.2rem;
          text-align: center; }
  main.o-layout-principal > footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2rem;
      padding-top: 4rem; }
    main.o-layout-principal > footer > * {
      margin: 0 auto;
      width: 90%;
      max-width: 1024px; }
    main.o-layout-principal > footer > * {
      margin-bottom: 0.5rem; }
      main.o-layout-principal > footer > *:last-child {
        margin-bottom: 0; }
    main.o-layout-principal > footer > section {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      margin-bottom: 2rem;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      main.o-layout-principal > footer > section > * {
        margin-right: 2rem; }
      main.o-layout-principal > footer > section > ul {
        opacity: 0; }
        @media only screen and (max-width: 950px) {
          main.o-layout-principal > footer > section > ul {
            opacity: 1; } }
        main.o-layout-principal > footer > section > ul li {
          text-align: center;
          font-size: .88rem;
          font-weight: 800;
          color: #333; }
      main.o-layout-principal > footer > section > aside h1 {
        font-size: .88rem;
        color: #333;
        margin-bottom: 1rem;
        font-weight: 600; }
      main.o-layout-principal > footer > section > aside > section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        main.o-layout-principal > footer > section > aside > section > div {
          width: 2rem;
          height: 2rem;
          border-radius: 100%;
          color: #ffffff; }
          main.o-layout-principal > footer > section > aside > section > div:first-child {
            background: #3b5998; }
          main.o-layout-principal > footer > section > aside > section > div:nth-child(2) {
            background: #0e76a8; }
          main.o-layout-principal > footer > section > aside > section > div:last-child {
            background: #e24329; }
          main.o-layout-principal > footer > section > aside > section > div:hover {
            cursor: pointer; }
    main.o-layout-principal > footer > div {
      text-align: center;
      color: #333; }
      main.o-layout-principal > footer > div p, main.o-layout-principal > footer > div span {
        font-size: .8rem; }
      main.o-layout-principal > footer > div span {
        color: #4a89dc; }