@import url("https://fonts.googleapis.com/css?family=Lato:100,300,400,700");
html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  font-family: Lato, sans-serif;
  -webkit-overflow-scrolling: touch; }

.page {
  padding-top: 75px; }

.content {
  margin: 0 auto; }
  @media screen and (min-width: 1600px) {
    .content {
      width: 1100px; } }
  @media screen and (min-width: 1200px) {
    .content {
      width: 1100px; } }
  @media screen and (max-width: 768px) {
    .content {
      width: 748px; } }
  @media screen and (max-width: 736px) {
    .content {
      width: 100%; } }

.header {
  width: 100%;
  height: 75px;
  background-color: #292d5b;
  display: table;
  position: fixed;
  top: 0;
  z-index: 9999;
  transition: all ease-in-out .1s; }
  .header-brand {
    width: 150px;
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
  .header-min {
    position: fixed;
    height: 40px; }

.header-main {
  width: 100%;
  background-image: url("../img/bg-image.jpg");
  height: calc(180px - 60px);
  position: relative;
  padding-top: 20px; }
  .header-main h3 {
    text-align: center;
    color: #fff;
    font-weight: 300; }
  .header-main .content {
    position: relative;
    z-index: 999; }
  .header-main::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.67);
    position: absolute;
    top: 0; }

.brand {
  width: 290px;
  margin: 0 auto; }
  .brand .brand-text-thin {
    font-size: 40px;
    font-weight: 100;
    color: #fff;
    text-rendering: geometricPrecision;
    text-align: center;
    height: 30px; }
  .brand .brand-text-bold {
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    text-rendering: geometricPrecision;
    text-align: center; }
  .brand .brand-text-light {
    font-size: 60px;
    font-weight: 300;
    color: #dd971c;
    text-rendering: geometricPrecision;
    text-align: center; }

.search {
  width: 80%;
  padding: 10px;
  background-color: #f1f1f1;
  height: 50px;
  margin: 0 auto;
  position: relative;
  margin-top: 30px; }
  .search input[type=text] {
    width: calc(100% - 50px);
    height: 100%;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 16px;
    padding-left: 50px;
    background-color: #fff;
    background-image: url("../img/search.svg");
    background-repeat: no-repeat;
    background-size: 30px;
    background-position-y: 10px;
    background-position-x: 10px;
    color: #999999;
    font-weight: 300;
    font-family: Lato, sans-serif;
    outline-color: transparent; }
    .search input[type=text]::-webkit-input-placeholder {
      color: #999999; }

.contents {
  width: 100%;
  display: flex;
  flex-wrap: nowrap; }
  .contents .publicidade {
    width: 120px;
    height: 600px;
    margin: 20px; }
    @media screen and (max-width: 736px) {
      .contents .publicidade {
        display: none; } }
    @media screen and (max-width: 768px) {
      .contents .publicidade {
        display: none; } }
  .contents h1 {
    text-align: center;
    color: #2a88b4;
    font-weight: 700;
    font-size: 50px; }
  .contents .subtitle-header h4 {
    color: #999999;
    font-weight: 400;
    text-align: center; }

.oferecimento {
  width: 300px;
  text-align: center;
  margin: 0 auto;
  margin-top: 30px; }
  .oferecimento .label-oferecimento {
    color: #999999;
    margin: 10px 0; }

.ads-dfp {
  position: relative; }
  .ads-dfp-right {
    right: 0 !important; }
  .ads-dfp-fixed {
    position: fixed;
    top: 5vh; }

.table-list {
  width: 82%;
  margin: 0 auto;
  height: 490px; }
  @media screen and (max-width: 736px) {
    .table-list {
      width: 100%; } }
  .table-list table {
    width: 100%;
    margin-top: 20px; }
    .table-list table thead {
      background: #f1f1f1;
      width: 100%; }
      @media screen and (max-width: 736px) {
        .table-list table thead {
          display: table-row; } }
      .table-list table thead tr {
        display: flex; }
        @media screen and (max-width: 736px) {
          .table-list table thead tr {
            display: table-header-group; } }
        .table-list table thead tr td {
          padding: 10px;
          text-align: center;
          font-size: 13px;
          color: #999999; }
          .table-list table thead tr td:nth-child(1) {
            width: 20%; }
            @media screen and (max-width: 736px) {
              .table-list table thead tr td:nth-child(1) {
                width: auto; } }
          .table-list table thead tr td:nth-child(2) {
            width: 60%; }
            @media screen and (max-width: 736px) {
              .table-list table thead tr td:nth-child(2) {
                width: auto; } }
          .table-list table thead tr td:nth-child(3) {
            width: 30%; }
            @media screen and (max-width: 736px) {
              .table-list table thead tr td:nth-child(3) {
                width: auto; } }
    .table-list table tbody {
      width: 100%;
      display: block;
      background: #fff;
      height: 400px;
      overflow-y: auto;
      /* Trigger vertical scroll    */
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch; }
      .table-list table tbody tr {
        cursor: pointer; }
        .table-list table tbody tr:hover {
          background-color: #eaeaef; }
        @media screen and (max-width: 736px) {
          .table-list table tbody tr {
            display: table-row; } }
        .table-list table tbody tr td {
          padding: 10px;
          text-align: center;
          font-size: 13px;
          color: #999999; }
          .table-list table tbody tr td:nth-child(1) {
            width: 20%; }
            @media screen and (max-width: 736px) {
              .table-list table tbody tr td:nth-child(1) {
                width: auto; } }
          .table-list table tbody tr td:nth-child(2) {
            width: 60%; }
            @media screen and (max-width: 736px) {
              .table-list table tbody tr td:nth-child(2) {
                width: auto; } }
          .table-list table tbody tr td:nth-child(3) {
            width: 30%; }
            @media screen and (max-width: 736px) {
              .table-list table tbody tr td:nth-child(3) {
                width: auto; } }

footer {
  width: 100%;
  height: 100px;
  background-color: #292d5b; }

.tabs {
  width: 80%;
  margin: 0 auto; }
  .tabs ul {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0; }
    .tabs ul li {
      width: 100%;
      padding: 15px 10px;
      color: #2a88b4;
      height: 20px;
      text-align: center;
      background-color: #ebebeb;
      margin-right: 1px;
      cursor: pointer; }
      .tabs ul li.selected {
        background-color: #408baf;
        color: #fff; }