#banner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto; 
    margin-top: -100px;}
    #banner .slick-slide{
      margin-right: 10px;
    }

      @media (max-width: 480px) {
  
  #banner {
    margin-top: 0;}
      }

section#destaque {
  background: #fff;
  width: 100%;
}


  section#destaque .container {
    width: 100%;
    max-width: 1280px;
    padding: 1.5rem;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 auto;
    flex-wrap: nowrap;
    align-items: center; }

  section#destaque .container figure {
    width: 100%;    
    height: 200px;
    background-size: cover !important}

      @media (max-width: 768px) {
  section#destaque .container figure {
    
    height: 150px;}
      }
      @media (max-width: 480px) {
  section#destaque .container figure {
    
    height: 100px;}
      }

      section#detalhesunidade #map {
    width: 100%;
    height: 450px;}
    
      @media (max-width: 480px) {
  
  section#detalhesunidade #map {
    height: 350px;}
      }
/*EDI�ES MATHEUS*/
/*DIFERENCIAIS*/
  section#parallax-1 .container {
    width: 100%;
    max-width: 1280px;
    padding: 1.5rem;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 auto; }
section#parallax-1 .container h2 {
      width: 100%;
      color: #ffffff;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 2rem;
      text-align: center;
      margin-bottom: 3rem; }

section#parallax-1 .container h2 hr {
      width: 20rem;
      border-color: #fbaf17;
      margin: auto;
      margin-top: 1rem; }
      section#parallax-1 .container h2 span {
        display: block;
        font-weight: normal;
        color: #fbaf17;
        font-size: 1.5rem; }
      @media (max-width: 768px) {
        section#parallax-1 .container h2 {
          font-size: 1.75rem;
          margin-bottom: 2.25rem; }
          section#parallax-1 .container h2 span {
            font-size: 1.35rem; } }
      @media (max-width: 480px) {
        section#parallax-1 .container h2 {
          font-size: 1.5rem;
          margin-bottom: 1.75rem; }
          section#parallax-1 .container h2 span {
            font-size: 1.25rem; } }
      @media (max-width: 480px) {
        section#parallax-1 .container h2 {
          margin-bottom: 0; } }


section#parallax-1 .container .grid-3 {
      text-align: center; }
      section#parallax-1 .container .grid-3 i img{
      width: 100px; }

      section#parallax-1 .container .grid-3 span{
      display: block;
      color: #fbaf17;
      font-size: 1.5rem;
      margin-top: 0.5rem;
       }
      section#parallax-1 .container .grid-3 p{
      display: block;
      padding: 0.5rem 3rem;
      color: #ffffff;
      font-size: 1rem;
       }
/*Fim DIFERENCIAIS*/

/*PARCEIROS*/
section#parceiros {
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100vw;
  height: auto;
  background: #fff; }
  section#parceiros .container {
    width: 100%;
    max-width: 1280px;
    padding: 1.5rem;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 auto; }
    section#parceiros .container h2 {
      width: 100%;
      color: #2c3e50;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 2rem;
      text-align: center;
      margin-bottom: 1.5rem; }
      section#parceiros .container h2 hr {
      width: 15rem;
      border-color: #fbaf17;
      margin: auto;
      margin-top: 1rem; }
      section#parceiros .container h2 span {
        display: block;
        font-weight: normal;
        color: #fbaf17;
        font-size: 1.5rem; }
      @media (max-width: 768px) {
        section#parceiros .container h2 {
          font-size: 1.75rem;
          margin-bottom: 2.25rem; }
          section#parceiros .container h2 span {
            font-size: 1.35rem; } }
      @media (max-width: 480px) {
        section#parceiros .container h2 {
          font-size: 1.5rem;
          margin-bottom: 1.75rem; }
          section#parceiros .container h2 span {
            font-size: 1.25rem; } }
      @media (max-width: 480px) {
        section#parceiros .container h2 {
          margin-bottom: 0; } }

section#parceiros .container .grid-2 a {
  padding: 1rem;
  width: 100%;
  display: block;
  text-align: center;
}
      section#parceiros .container .grid-2 a img {
      max-height: 5rem;
      border-color: #fbaf17;
      margin: auto;
      margin-top: 1rem; }
/*FIM PARCEIROS*/


/*blog*/
section#blog {
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100vw;
  height: auto;
  background: #eee; }
  section#blog .red{
    color: #f00;
  }
  section#blog .green{
    color: #0f0;
  }section#blog .red:hover{
    color: #f55;
  }
  section#blog .green:hover{
    color: #5f5;
  }
  section#blog .container {
    width: 100%;
    max-width: 1280px;
    padding: 1.5rem;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 auto; }
    section#blog .container h2 {
      width: 100%;
      color: #2c3e50;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 2rem;
      text-align: center;
      margin-bottom: 1.5rem; }
      section#blog .container h2 hr {
      width: 15rem;
      border-color: #fbaf17;
      margin: auto;
      margin-top: 1rem; }
      section#blog .container h2 span {
        display: block;
        font-weight: normal;
        color: #fbaf17;
        font-size: 1.5rem; }
      @media (max-width: 768px) {
        section#blog .container h2 {
          font-size: 1.75rem;
          margin-bottom: 2.25rem; }
          section#blog .container h2 span {
            font-size: 1.35rem; } }
      @media (max-width: 480px) {
        section#blog .container h2 {
          font-size: 1.5rem;
          margin-bottom: 1.75rem; }
          section#blog .container h2 span {
            font-size: 1.25rem; } }
      @media (max-width: 480px) {
        section#blog .container h2 {
          margin-bottom: 0; } }




          section#blog .container .grid-2 {
            width: 20%;
    border-right: 2px solid #e0e0e0;
}

section#blog .container .grid-2 h2{
    width: 100%;
    color: #2c3e50;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.5rem;
    text-align: center;
    margin: 10rem 0;
    text-align: center;
}
section#blog .container .grid-2 h2 span{
  font-size: 1rem;
        color: #fbaf17;

  }
          section#blog .container .grid-3 {
            width: 26%;
            padding: 0.5rem;
            margin: 0.2rem;
}

      @media (max-width: 768px) {
          section#blog .container .grid-2 {
            width: 50%;
}
          section#blog .container .grid-3 {
            width: 50%;
            padding: 0.5rem;
            margin: 0;
}
}
      @media (max-width: 480px) {
          section#blog .container .grid-2 {
            width: 100%;
    border-right: none;
}

section#blog .container .grid-2 h2{
    margin: 4rem 0;
}
          section#blog .container .grid-3 {
            width: 100%;
            padding: 0.5rem;
            margin: 0;
}
}


    section#blog .container .grid-2 .btn {
              background: #2c3e50;
    color: #fff;
    border: none;
    display: block;
    border-radius: .3rem;
    padding: 0.5rem 1.5rem;
    font-size: .9rem;
    margin: 0.2rem auto;
    width: 80%; }
    section#blog .container .grid-2 .btn:hover {
          background: #455e77; }
          section#blog .container .grid-3:hover {
            background: #f5f5f5;
            box-shadow: 0px 1px 1px #ccc;
          }
          section#blog .container .grid-3 .tags {
            font-size: 0.8rem;
          }
          section#blog .container .grid-3 .tags a {
            margin-right: 0.3rem;
          }
          section#blog .container .grid-3 span.titulo {
            font-size: 1.2rem;
            font-weight: bold;
            margin: .5rem 0;
            display: block;
          }
          section#blog .container .grid-3 p {
            font-size: 0.9rem;
          }

    section#blog .container .grid-3 .btn {
          background: #fbaf17;
    color: #fff;
    border: none;
    display: inline-block;
    border-radius: .3rem;
    padding: 0.5rem 1.5rem;
    font-size: .9rem;
    float: right;
    margin: 0.2rem 0; }
    section#blog .container .grid-3 .btn:hover {
          background: #f9b838; }

section#blog .container .grid-2 a {
  padding: 1rem;
  width: 100%;
  display: block;
  text-align: center;
}
      section#blog .container .grid-2 a img {
      max-height: 5rem;
      border-color: #fbaf17;
      margin: auto;
      margin-top: 1rem; }
/*FIM blog*/

/*IC PARA VOCÊ*/
section#para-voce {
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100vw;
  height: auto;
  background: #fff; }
  section#para-voce .container {
    width: 100%;
    max-width: 1280px;
    padding: 1.5rem;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 auto; }
    section#para-voce .container h2 {
      width: 100%;
      color: #2c3e50;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 2rem;
      text-align: center;
      margin-bottom: 1.5rem; }
      section#para-voce .container h2 hr {
      width: 15rem;
      border-color: #fbaf17;
      margin: auto;
      margin-top: 1rem; }
      section#para-voce .container h2 span {
        display: block;
        font-weight: normal;
        color: #fbaf17;
        font-size: 1.5rem; }
      @media (max-width: 768px) {
        section#para-voce .container h2 {
          font-size: 1.75rem;
          margin-bottom: 2.25rem; }
          section#para-voce .container h2 span {
            font-size: 1.35rem; } }
      @media (max-width: 480px) {
        section#para-voce .container h2 {
          font-size: 1.5rem;
          margin-bottom: 1.75rem; }
          section#para-voce .container h2 span {
            font-size: 1.25rem; } }
      @media (max-width: 480px) {
        section#para-voce .container h2 {
          margin-bottom: 0; } }

section#para-voce .container .grid-2 a {
  padding: 1rem;
  width: 100%;
  display: block;
  text-align: center;
}
      section#para-voce .container .grid-2 a img {
      max-height: 5rem;
      border-color: #fbaf17;
      margin: auto;
      margin-top: 1rem; }
/*FIM IC PARA VOCÊ*/



.fancybox-slide--iframe .fancybox-content {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    margin: 0;
  }
  .fancybox-skin{
    background:rgba(255,255,255,0.5);
}
.fancybox-iframe body, .fancybox-iframe html, .fancybox-iframe, .fancybox-slide--iframe .fancybox-content{
  background: transparent !important;
}


#student.course-detail .container #options-materials {
    display: flex;
    justify-content: flex-end;
    padding: 0 1.5rem;
    margin-bottom: -2.5rem;
    margin-top: 1rem;
}

.btn--block {
  background:#ccc;
  color: #fff;
    cursor: not-allowed;
}

#student.course-detail .breadcrumb-content.show-course-breadcrumb, #student.player-course .breadcrumb-content.show-course-breadcrumb {
    padding: 0 !important;
    margin-bottom: 2rem;
}
#student.course-detail .container .materials #tab-materials .tab-content {
    padding: 0;
}
#student.course-detail .container .materials #tab-materials .tab-content .content-section ul li {
    display: block;
    width: 100%;
    border: none;
    margin-bottom: .75rem;
    padding: 1rem;
}
#student.course-detail .container .materials #tab-materials .tab-content .content-section ul li img {
  height: 50px;
  margin-right: 1rem;
  }


  #student.player-course #content-player #quiz-content {
    padding: 1.5rem; }
    #student.player-course #content-player #quiz-content #info-player #player iframe, #student.player-course #content-player #quiz-content #info-player #player figure, #student.player-course #content-player #quiz-content #info-player #player figure > img {
      width: 100%; }
    #student.player-course #content-player #quiz-content #info-player .title-quiz-content {
      position: relative;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      padding: .75rem 0 1rem 0;
      margin-bottom: 1rem;
      border-bottom: 1px solid #e9e9e9; }
      @media (max-width: 1024px) {
        #student.player-course #content-player #quiz-content #info-player .title-quiz-content {
          flex-wrap: wrap; } }
      #student.player-course #content-player #quiz-content #info-player .title-quiz-content h4 {
        width: 100%;
        text-align: left;
        font-size: 1.2rem;
        color: #666;
        font-weight: bold; }
      #student.player-course #content-player #quiz-content #info-player .title-quiz-content ul {
        display: flex;
        position: absolute;
        right: 0; }
        #student.player-course #content-player #quiz-content #info-player .title-quiz-content ul li {
          margin-left: .5rem; }
          #student.player-course #content-player #quiz-content #info-player .title-quiz-content ul li a {
            display: block;
            background: #2c3e50;
            border: 1px solid #2c3e50;
            color: #fff;
            font-size: .8rem;
            letter-spacing: 1px;
            font-weight: bold;
            padding: .45rem .75rem;
            text-transform: uppercase; }
            #student.player-course #content-player #quiz-content #info-player .title-quiz-content ul li a:hover {
              border: 1px solid #fbaf17;
              background: #fbaf17; }
    #student.player-course #content-player #quiz-content #player-options {
      width: 100%;
      height: 2rem;
      margin-bottom: 1rem;
      position: relative;
      display: flex;
      justify-content: flex-start; }
      #student.player-course #content-player #quiz-content #player-options button {
        position: absolute;
        top: 0;
        left: 0;
        width: 13rem;
        background: none;
        border: 1px solid #c1c1c1;
        color: #999;
        font-size: .75rem;
        letter-spacing: 1px;
        font-weight: bold;
        padding: .65rem 1rem;
        text-transform: uppercase; }
        #student.player-course #content-player #quiz-content #player-options button:hover {
          opacity: .5; }
        @media (max-width: 768px) {
          #student.player-course #content-player #quiz-content #player-options button {
            top: 3rem;
            padding: .35rem .75rem;
            left: 50%;
            margin-left: -6.5rem; } }
    #student.player-course #content-player #quiz-content #video-access {
      display: flex;
      align-items: center;
      padding-bottom: 1rem;
      border-bottom: 1px solid #e9e9e9;
      margin-bottom: 1rem;
      font-size: .9rem;
      color: #999;
      text-align: left; }
      #student.player-course #content-player #quiz-content #video-access .acess {
        width: 100%;
        margin-right: .5rem; }
      #student.player-course #content-player #quiz-content #video-access .research-modal-trigger {
        min-width: 25rem;
        float: right;
        right: 0;
        border: none;
        background: #fbaf17;
        color: #fff;
        padding: .5rem;
        font-weight: bold;
        font-size: .9rem; }
      @media (max-width: 1024px) {
        #student.player-course #content-player #quiz-content #video-access {
          flex-wrap: wrap;
          justify-content: center; }
          #student.player-course #content-player #quiz-content #video-access .research-modal-trigger {
            margin: .75rem 0; } }




#pergunta-quiz {
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 70%;
  margin: .5rem auto;
  padding: 1rem;
}
#pergunta-quiz .pergunta {
  font-size: 1.5rem;
  padding: 1rem;
}

#pergunta-quiz .controls .radio-inline {
  display: block;
  width: 100%;
  margin: .5rem auto;
  font-size: 1rem;
  background: #eee;
  border: 1px solid #dedede;
  border-radius: 4px;
  padding: 1rem;
  text-align: left;
}
#pergunta-quiz .controls .radio-inline input[type="radio"]{
  opacity: 0;
  visibility: hidden;
  width: 0;
}
#pergunta-quiz .controls .radio-inline img{
    margin-bottom: -3px;
    margin-right: 5px;
    display: none;
    height: 16px;
}

.pergunta-checked{
  background: #fbaf17 !important;
  color: #fff;
}
.correto{
  background: #6ffb6d !important;
  color: #fff;
}

.errado{
  background: #fb6d6d !important;
  color: #fff;
}

#pergunta-quiz input[type="submit"]{
    background: #6cb51b;
    display: block;
    color: #fff;
    border: none;
    border-radius: .3rem;
    padding: 1rem 2rem;
    font-size: 1rem;
    margin: 1rem auto;
}
#pergunta-quiz input[type="submit"].disabled{
  background: #ccc;
  cursor: not-allowed;
}

.disabled {
 cursor: not-allowed !important; 
}

ul.slick-dots button {
    background: #fff;
    border: 3px solid #fff;
    border: none;
    min-width: 10px;
    height: 20px;
    margin: .5rem;
    -ms-transform: rotate(0deg);
     -webkit-transform: rotate(0deg); 
     transform: rotate(0deg); 
    border-radius: 100px;
    width: 10px !important;
    max-width: 10px !important;
    padding: 10px;
}
ul.slick-dots {
    padding-right: 30px;
}