:root {
  --primary: #2b95cd; }

body {
  font-family: 'Montserrat', sans-serif;
  line-height: 1.8; }

.bg-light {
  background: #ededed;
  z-index: 1; }

.navbar-light .navbar-nav .nav-link {
  color: var(--primary);
  font-weight: 600;
  transition: all .3s ease-in-out; }
  .navbar-light .navbar-nav .nav-link:hover {
    color: #2079a9; }

.navbar-light .navbar-nav .nav-link.disabled:hover {
  color: rgba(0, 0, 0, 0.3); }

.link {
  color: var(--primary);
  border-bottom: 2px solid var(--primary);
  transition: all .3s ease-in-out; }
  .link:hover {
    color: #a5dfff;
    border-bottom: 2px solid #a5dfff;
    text-decoration: none; }

.botao {
  display: inline-block;
  background: var(--primary);
  border: 2px solid transparent;
  border-radius: 5px;
  color: #fff;
  font-size: 0.9rem;
  padding: 10px 30px;
  transition: all .3s ease-in-out; }
  .botao:hover {
    background: transparent;
    border: 2px solid var(--primary);
    color: var(--primary);
    text-decoration: none; }

.oi {
  margin-left: 10px; }

#banner {
  text-align: center; }

#intro {
  padding: 100px 0 50px 0; }
  #intro h1 {
    color: var(--primary);
    font-weight: 800;
    margin: 0 0 25px 0;
    text-transform: uppercase; }
  #intro .highlight {
    display: inline-block;
    color: var(--primary);
    font-weight: 800;
    font-style: normal; }
    @media screen and (max-width: 767px) {
      #intro .highlight {
        display: inline; } }
  #intro span {
    display: block;
    color: var(--primary);
    font-style: italic; }
    @media screen and (max-width: 1024px) {
      #intro img {
        display: none; } }

#regulamento {
  padding: 100px 0; }
  #regulamento h1 {
    color: var(--primary);
    font-size: 2rem;
    font-weight: 800;
    margin: 0 0 25px 0;
    text-align: center;
    text-transform: uppercase; }
  #regulamento ul {
    list-style: none;
    padding-left: 0px; }
    #regulamento ul li .oi {
      color: var(--primary);
      margin-right: 5px; }
  #regulamento strong {
    color: var(--primary);
    font-weight: 600; }
  #regulamento a {
    color: var(--primary);
    border-bottom: 2px solid var(--primary);
    transition: all .3s ease-in-out; }
    #regulamento a:hover {
      color: #a5dfff;
      border-bottom: 2px solid #a5dfff;
      text-decoration: none; }
  #regulamento .botao {
    display: block;
    background: var(--primary);
    border: 2px solid transparent;
    border-radius: 5px;
    color: #fff;
    font-size: 0.9rem;
    padding: 10px 30px;
    text-align: center;
    transition: all .3s ease-in-out; }
    #regulamento .botao:hover {
      background: transparent;
      border: 2px solid var(--primary);
      color: var(--primary);
      text-decoration: none; }

#comissoes {
  background: #f9f9f9;
  padding: 100px 0; }
  #comissoes h1 {
    color: var(--primary);
    font-size: 2rem;
    font-weight: 800;
    margin: 0 0 25px 0;
    text-transform: uppercase; }
  #comissoes ul {
    list-style: none;
    padding-left: 0;
    margin: 0; }
    #comissoes ul li span {
      color: #fff;
      margin-right: 15px; }
  #comissoes .cientifica {
    margin-top: 50px; }

#patrocinadores {
  background: #f9f9f9;
  padding: 100px 0; }
  #patrocinadores h1 {
    color: var(--primary);
    font-size: 2rem;
    font-weight: 800;
    margin: 0 0 25px 0;
    text-transform: uppercase; }
  #patrocinadores ul {
    list-style: none;
    padding-left: 0;
    margin: 0; }
  #patrocinadores .sponsors {
    padding-top: 50px;
    text-align: center; }
    #patrocinadores .sponsors ul li {
      display: inline-block;
      margin: 10px; }
      #patrocinadores .sponsors ul li img {
        margin: 0; }

#venue {
  background: #f9f9f9;
  padding: 50px 0; }
  #venue h1 {
    color: var(--primary);
    font-size: 2rem;
    margin: 0 0 25px 0; }
    #venue h1 .linha {
      display: block;
      background: var(--primary);
      margin: 15px 0 0 0;
      height: 5px;
      width: 50px; }
  #venue .slider {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 50px 0 0 0;
    padding: 0;
    color: white; }
    #venue .slider .parent-slide {
      padding: 15px; }
    #venue .slider img {
      padding-left: 10px;
      display: inline-block;
      margin: auto;
      width: 100%; }

#registration {
  padding: 100px 0; }
  #registration h1 {
    color: var(--primary);
    font-size: 2rem;
    font-weight: 800;
    margin: 0 0 25px 0;
    text-align: center;
    text-transform: uppercase; }
  #registration ul {
    list-style: none;
    padding-left: 0;
    margin: 0; }
    #registration ul li span {
      color: #fff;
      margin-right: 15px; }
  #registration .fees {
    margin: 25px 0; }
    #registration .fees ul {
      margin: 0; }
    #registration .fees span {
      color: var(--primary);
      margin-right: 15px; }
  #registration .rectangulo {
    background-color: var(--primary);
    border-radius: 10px;
    color: #fff;
    margin: 25px 0;
    padding: 30px 40px;
    position: relative; }
    #registration .rectangulo p {
      background-color: #2079a9;
      border-radius: 10px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      font-weight: 600;
      padding: 10px;
      position: absolute;
      top: 35%;
      right: 0;
      margin-bottom: 0; }
    #registration .rectangulo ul {
      list-style: none;
      padding-left: 0;
      margin-bottom: 0; }
      #registration .rectangulo ul li {
        font-size: 1.25rem;
        font-weight: 600; }
        #registration .rectangulo ul li span {
          font-size: .8rem;
          font-weight: 400; }
  #registration .nota {
    background-color: #dcdcdc;
    border-radius: 10px;
    color: #333;
    font-size: .9rem;
    padding: 10px 20px;
    text-align: center;
    margin-bottom: 0; }
    #registration .botao {
      margin-top: 25px; }

#programa {
  padding: 100px 0; }
  #programa h1 {
    color: var(--primary);
    font-size: 3rem;
    font-weight: 700;
    margin: 0 0 25px 0;
    text-align: center; }
  #programa h2 {
    color: var(--primary);
    font-size: 1.75rem;
    font-weight: 800;
    margin: 0 0 50px 0;
    text-align: center; }
  #programa .patrocinador {
    height: 80px; }
  #programa .botoes {
    display: flex;
    justify-content: space-evenly;
    justify-items: stretch;
    flex-wrap: wrap;
    margin: 50px 0;
    text-align: center;
    width: 100%; }
    #programa .botoes a {
      background: transparent;
      border: 2px solid var(--primary);
      color: var(--primary);
      padding: 10px 50px;
      margin-bottom: 25px;
      transition: 0.2s linear; }
      #programa .botoes a:hover {
        background: var(--primary);
        color: #fff;
        text-decoration: none; }
    #programa .botoes .activo {
      background: var(--primary);
      color: #fff; }
    @media screen and (max-width: 778px) {
      #programa .botoes {
        display: block; }
        #programa .botoes a {
          display: block;
          margin-bottom: 25px; } }
  #programa h2.background {
    position: relative;
    z-index: 1;
    font-size: 1.5rem;
    text-transform: uppercase; }
    #programa h2.background:before {
      border-top: 2px solid var(--primary);
      content: "";
      margin: 0 auto;
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      z-index: -1; }
    #programa h2.background span {
      background: #fff;
      padding: 0 15px; }
  #programa .conferencia {
    margin: 50px 0; }
  #programa .hora {
    padding: 20px;
    float: left;
    width: 15%; }
  #programa .palestra {
    display: inline-block;
    border: 1px solid var(--primary);
    border-radius: 10px;
    padding: 20px;
    width: 85%; }
    #programa .palestra h3 {
      color: var(--primary);
      font-size: 1.15rem;
      font-weight: 600;
      line-height: 1.5;
      margin: 0; }
    #programa .palestra .simposio {
      margin: 20px 0; }
      #programa .palestra .simposio h3 {
        font-size: 1rem;
        font-weight: 400; }
    #programa .palestra ul {
      list-style: none;
      padding-left: 0;
      margin: 25px 0 0 0; }
      #programa .palestra ul li {
        margin-bottom: 25px; }
        #programa .palestra ul li:last-of-type {
          margin-bottom: 0; }
        #programa .palestra ul li h3 {
          font-size: 1rem;
          line-height: 1.5; }
    #programa .palestra .comunicacoes h3 {
      font-size: 1rem;
      font-weight: 400; }
    #programa .palestra .curso {
      margin-top: 0; }
    #programa .palestra p {
      color: #7f7872;
      font-weight: 400;
      margin: 5px 0 0 0; }
  @media screen and (max-width: 680px) {
    #programa .hora {
      float: none;
      display: block;
      text-align: center;
      width: 100%; }
    #programa .palestra {
      width: 100%; } }
  @media print {
    #programa .botoes {
      display: none !important; }
    #programa #segundoDia {
      visibility: visible;
      display: block !important; } }

#alojamento {
  padding: 100px 0; }
  #alojamento h1 {
    color: var(--primary);
    font-size: 2rem;
    font-weight: 800;
    margin: 0 0 25px 0;
    text-align: center;
    text-transform: uppercase; }
  #alojamento .hotel {
    padding: 50px 0; }
    #alojamento .hotel h2 {
      color: var(--primary);
      font-size: 1.5rem;
      font-weight: 800;
      margin: 0 0 25px 0;
      text-transform: uppercase; }
    #alojamento .hotel .venueLeft img {
      display: block;
      border-radius: 25px;
      max-width: 100%; }
    #alojamento .hotel .venueLeft .side {
      display: inline-block;
      color: var(--primary);
      font-weight: 800;
      padding: 0 5px 0 0;
      -webkit-writing-mode: vertical-rl;
          -ms-writing-mode: tb-rl;
              writing-mode: vertical-rl;
      text-orientation: sideways;
      text-align: center;
      text-transform: uppercase; }
    #alojamento .hotel .precos {
      background: #f5f5f5; }
      #alojamento .hotel .precos ul {
        display: flex;
        flex-direction: row;
        list-style: none;
        padding-left: 0; }
        #alojamento .hotel .precos ul li {
          flex-grow: 1;
          display: inline-block;
          border-left: 2px solid var(--primary);
          font-weight: 400;
          padding: 15px 0;
          text-align: center; }
          #alojamento .hotel .precos ul li:first-of-type {
            border: none; }
          #alojamento .hotel .precos ul li span {
            color: var(--primary);
            font-weight: 600; }
  @media all and (max-width: 990px) {
    #alojamento .botao {
      display: block;
      margin: 25px 0;
      text-align: center; } }

footer {
  color: #fff;
  padding: 25px 0;
  background: var(--primary); }
  footer h1 {
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
    text-transform: uppercase; }
  footer ul {
    list-style: none;
    padding-left: 0;
    margin: 0; }
  footer .link {
    color: #fff;
    border-bottom: 2px solid #fff;
    transition: all .3s ease-in-out; }
    footer .link:hover {
      color: #a5dfff;
      border-bottom: 2px solid #a5dfff;
      text-decoration: none; }
