.wrapper {
  width: 100%;
  max-width: 100rem;
  margin: 0 auto;
  padding: 0 1rem; }
  .wrapper:before, .wrapper:after {
    content: " ";
    display: table; }
  .wrapper:after {
    clear: both; }

*,
*:before,
*:after {
  box-sizing: border-box;
  outline: 0; }

html {
  font-size: 62.5%; }

body {
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.4rem; }

a img {
  border: 0; }

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto; }

@font-face {
  font-family: "fadu-crea";
  src: url("fonts/fadu-crea.eot");
  src: url("fonts/fadu-crea.eot?#iefix") format("embedded-opentype"), url("fonts/fadu-crea.woff") format("woff"), url("fonts/fadu-crea.ttf") format("truetype"), url("fonts/fadu-crea.svg#fadu-crea") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fadu-crea" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-twitter:before {
  content: "a"; }

.icon-facebook:before {
  content: "b"; }

.icon-youtube:before {
  content: "c"; }

.icon-star:before {
  content: "d"; }

.icon-more:before {
  content: "e"; }

.icon-arrow-right:before {
  content: "f"; }

.icon-frown:before {
  content: "i"; }

.icon-smile:before {
  content: "j"; }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 1.8rem 0;
  color: #202020;
  font-family: "Oswald", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase; }

h1 {
  font-size: 2.8rem;
  line-height: 3.2rem; }

h2 {
  font-size: 2.4rem;
  line-height: 2.8rem; }

h3 {
  font-size: 2rem;
  line-height: 2.4rem; }

h4 {
  font-size: 1.8rem;
  line-height: 2rem; }

h5 {
  font-size: 1.6rem;
  line-height: 1.8rem; }

h6 {
  font-size: 1.4rem;
  line-height: 1.6rem; }

hr {
  width: 100%;
  height: 1px;
  margin: 0 0 2rem 0;
  background-color: #E6E6E6;
  border: 0; }

p {
  margin: 0 0 1.2rem 0;
  color: #3B3D3E;
  font-size: 1.4rem;
  line-height: 2rem; }

a {
  color: #00CDAF;
  font-size: 1.4rem;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  a:hover {
    color: #00816e; }

ul {
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  list-style: none; }

.list {
  list-style-type: disc;
  margin-bottom: 2rem;
  padding-left: 1.8rem; }
  .list li {
    margin-bottom: 0.6rem; }
    .list li ul {
      padding-left: 1.8rem;
      list-style-type: circle; }

.social-links {
  width: 100%;
  margin-bottom: 2rem;
  color: #FFF;
  background-color: #313131; }
  .social-links:before, .social-links:after {
    content: " ";
    display: table; }
  .social-links:after {
    clear: both; }
  .social-links ul {
    padding: 0.5rem 1.5rem; }
    .social-links ul:before, .social-links ul:after {
      content: " ";
      display: table; }
    .social-links ul:after {
      clear: both; }
    @media screen and (min-width: 520px) {
      .social-links ul {
        float: right; } }
  .social-links li {
    float: left; }
    .social-links li:not(:last-child) {
      margin-right: 1.5rem; }
  .social-links a {
    color: #FFFF23; }

.logo {
  margin-bottom: 1rem; }
  .logo:before, .logo:after {
    content: " ";
    display: table; }
  .logo:after {
    clear: both; }
  .logo h1,
  .logo span {
    float: left;
    display: inline-block;
    margin: 0;
    padding: 0.2rem 0.6rem;
    text-transform: uppercase;
    -webkit-transition: all 180ms;
    transition: all 180ms; }
  .logo h1 {
    color: #FFF;
    font-size: 3.4rem;
    line-height: 3.6rem;
    background-color: #00CDAF; }
  .logo span {
    color: #202020;
    font-size: 2.6rem;
    font-weight: 400;
    letter-spacing: 0.4rem; }
  .logo:hover h1 {
    background-color: #313131; }
  .logo:hover span {
    color: #FFF;
    background-color: #00CDAF; }

.navigation {
  margin-bottom: 2rem;
  border-bottom: 3px solid #202020; }
  .navigation li {
    text-align: center; }
    .navigation li:not(:last-child) {
      border-bottom: 1px dashed #202020; }
    .navigation li a {
      display: block;
      padding: 1rem 1.4rem;
      color: #202020;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 1px; }
      .navigation li a:hover {
        color: #FFF;
        background-color: #202020; }
  @media screen and (min-width: 520px) {
    .navigation:before, .navigation:after {
      content: " ";
      display: table; }
    .navigation:after {
      clear: both; }
    .navigation ul {
      float: right; }
      .navigation ul:before, .navigation ul:after {
        content: " ";
        display: table; }
      .navigation ul:after {
        clear: both; }
      .navigation ul li {
        float: left;
        text-align: left; }
        .navigation ul li:not(:last-child) {
          border: none; } }

.site-footer {
  padding: 3rem 0 2rem 0;
  text-align: center;
  background-color: #202020; }
  .site-footer .footer-logos {
    text-align: center;
    margin-bottom: 2rem; }
    .site-footer .footer-logos:before, .site-footer .footer-logos:after {
      content: " ";
      display: table; }
    .site-footer .footer-logos:after {
      clear: both; }
    .site-footer .footer-logos li {
      display: inline-block;
      max-width: 8rem; }
      .site-footer .footer-logos li:not(:last-child) {
        margin-right: 1.5rem; }
  @media screen and (min-width: 520px) {
    .site-footer {
      text-align: left; }
      .site-footer:before, .site-footer:after {
        content: " ";
        display: table; }
      .site-footer:after {
        clear: both; }
      .site-footer .footer-logos {
        float: left;
        margin-right: 3rem; } }

.secondary-navigation {
  background-color: #313131; }
  .secondary-navigation:before, .secondary-navigation:after {
    content: " ";
    display: table; }
  .secondary-navigation:after {
    clear: both; }
  .secondary-navigation li {
    text-align: center; }
    .secondary-navigation li a {
      display: block;
      padding: 1rem 1.4rem;
      color: #a6a6a6;
      border-bottom: 1px dashed #202020; }
      .secondary-navigation li a:hover {
        background-color: #202020; }
  @media screen and (min-width: 520px) {
    .secondary-navigation ul {
      float: right; }
      .secondary-navigation ul:before, .secondary-navigation ul:after {
        content: " ";
        display: table; }
      .secondary-navigation ul:after {
        clear: both; }
    .secondary-navigation li {
      float: left;
      text-align: left; }
      .secondary-navigation li a {
        border-bottom: 0; } }

.live {
  margin-bottom: 2rem;
  background-color: #313131; }
  .live .caption {
    margin: 0;
    padding: 1rem 1.6rem;
    color: #FFF;
    font-size: 1.6rem;
    letter-spacing: 0.4rem;
    background-color: #202020; }
    .live .caption span {
      padding-left: 1rem;
      color: #8E8E8E;
      border-left: 1px solid #8E8E8E; }
  .live .live-video:before, .live .live-video:after {
    content: " ";
    display: table; }
  .live .live-video:after {
    clear: both; }
  .live .live-video video {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background: transparent url("assets/images/longi6.jpg") 50% 50%/cover no-repeat; }
  .live .live-info {
    padding: 1.5rem 2rem; }
    .live .live-info h2 {
      color: #FFF; }
      .live .live-info h2:hover {
        color: #00CDAF; }
    .live .live-info p {
      color: #8E8E8E; }

.content-home {
  margin-bottom: 3rem; }
  .content-home:before, .content-home:after {
    content: " ";
    display: table; }
  .content-home:after {
    clear: both; }
  .content-home .post-item {
    margin-bottom: 1rem;
    border-bottom: 1px solid #202020; }
    .content-home .post-item:before, .content-home .post-item:after {
      content: " ";
      display: table; }
    .content-home .post-item:after {
      clear: both; }
    .content-home .post-item .post-item-image {
      display: block;
      position: relative;
      margin-bottom: 1.2rem;
      background-color: #FFFF23;
      overflow: hidden; }
      .content-home .post-item .post-item-image:hover img {
        opacity: 0.1; }
      .content-home .post-item .post-item-image img {
        width: 100%;
        max-width: 100%;
        height: auto; }
      .content-home .post-item .post-item-image .post-item-tag {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        padding: 0.5rem 1.5rem;
        color: #FFF;
        text-transform: uppercase;
        letter-spacing: 0.5rem;
        background-color: rgba(32, 32, 32, 0.9); }
    .content-home .post-item .post-item-content {
      padding: 1rem 2rem; }

.sidebar-home {
  margin-bottom: 2rem; }
  .sidebar-home .schedule {
    margin-bottom: 1.5rem; }
    .sidebar-home .schedule:before, .sidebar-home .schedule:after {
      content: " ";
      display: table; }
    .sidebar-home .schedule:after {
      clear: both; }
    .sidebar-home .schedule li {
      margin-bottom: 1.5rem;
      color: #8E8E8E; }
    .sidebar-home .schedule h3 {
      margin-bottom: 1rem;
      padding: 0 0 0.5rem 0;
      color: #202020;
      font-size: 1.4rem;
      text-transform: uppercase;
      letter-spacing: 0.2rem;
      border-bottom: 1px solid #202020; }
    .sidebar-home .schedule a {
      margin-left: 0.6rem;
      padding-left: 1rem;
      color: #00CDAF;
      font-weight: 600;
      text-decoration: none;
      border-left: 1px solid #8E8E8E; }
  .sidebar-home .sidebar-home-social {
    padding: 1rem;
    background-color: #f0f0f0; }
    .sidebar-home .sidebar-home-social li:not(:last-child) {
      margin-bottom: 1rem; }
    .sidebar-home .sidebar-home-social li a {
      display: block;
      padding: 1rem;
      color: #FFF;
      font-size: 2.2rem;
      text-align: center;
      border-radius: 3px; }
    .sidebar-home .sidebar-home-social li.facebook a {
      background-color: #3B5998; }
      .sidebar-home .sidebar-home-social li.facebook a:hover {
        background-color: #263961; }
    .sidebar-home .sidebar-home-social li.twitter a {
      background-color: #55ACEE; }
      .sidebar-home .sidebar-home-social li.twitter a:hover {
        background-color: #1689e0; }
    .sidebar-home .sidebar-home-social li.youtube a {
      background-color: #CD201F; }
      .sidebar-home .sidebar-home-social li.youtube a:hover {
        background-color: #8b1615; }

@media screen and (min-width: 520px) {
  .live:before, .live:after {
    content: " ";
    display: table; }
  .live:after {
    clear: both; }
  .live .live-video {
    float: left;
    width: 70%; }
  .live .live-info {
    float: left;
    width: 30%; }

  .content-home {
    float: left;
    width: 70%;
    margin-right: 2rem; }
    .content-home .post-item {
      float: left;
      width: calc(50% - 0.5rem);
      border-bottom: 0; }
      .content-home .post-item:nth-child(even) {
        margin-right: 1rem; }

  .sidebar-home {
    float: left;
    width: calc(30% - 2rem); } }
.top5-header {
  margin-bottom: 2rem;
  padding: 6rem 0;
  background-color: #00CDAF; }
  .top5-header:before, .top5-header:after {
    content: " ";
    display: table; }
  .top5-header:after {
    clear: both; }
  .top5-header h2 {
    margin-bottom: 0;
    color: #FFF;
    font-size: 4rem;
    line-height: 6rem;
    text-align: center; }
    .top5-header h2 span {
      padding: 0 1.5rem;
      color: #202020;
      background-color: #FFFF23; }

.top5-content {
  margin-bottom: 3rem; }
  .top5-content .top5-list li {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #313131; }
    .top5-content .top5-list li:not(:first-child):before, .top5-content .top5-list li:not(:first-child):after {
      content: " ";
      display: table; }
    .top5-content .top5-list li:not(:first-child):after {
      clear: both; }
    .top5-content .top5-list li:not(:first-child) .top5-image {
      float: left;
      width: 40%;
      margin-right: 1.5rem; }
    .top5-content .top5-list li:not(:first-child) .top5-data {
      float: left;
      width: calc(60% - 1.5rem); }
  .top5-content .top5-list .stars .icon-star {
    color: #00CDAF;
    font-size: 2rem; }
  @media screen and (min-width: 520px) {
    .top5-content:before, .top5-content:after {
      content: " ";
      display: table; }
    .top5-content:after {
      clear: both; }
    .top5-content li:not(:first-child) {
      float: left;
      width: calc(50% - 1rem); }
    .top5-content li:not(:nth-child(odd)) {
      margin-right: 2rem; } }
  .top5-content .top5-image {
    display: block;
    position: relative;
    margin-bottom: 1rem; }
    .top5-content .top5-image img {
      width: 100%;
      max-width: 100%;
      height: auto; }
    .top5-content .top5-image .position {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      text-align: center;
      background-color: rgba(255, 255, 35, 0.4);
      -webkit-transition: all 180ms;
      transition: all 180ms; }
      .top5-content .top5-image .position:hover {
        background-color: transparent; }
        .top5-content .top5-image .position:hover span {
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
      .top5-content .top5-image .position span {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 6rem;
        height: 6rem;
        margin-top: -3rem;
        margin-left: -3rem;
        color: #202020;
        font-size: 4rem;
        font-weight: bold;
        background-color: #FFFF23; }
  .top5-content .top5-data:before, .top5-content .top5-data:after {
    content: " ";
    display: table; }
  .top5-content .top5-data:after {
    clear: both; }
  .top5-content .top5-data h3 {
    margin-bottom: 1rem; }

.notas-content .notas-item {
  margin-bottom: 2rem;
  border-bottom: 1px solid #313131; }
  .notas-content .notas-item .notas-image {
    display: block;
    position: relative;
    margin-bottom: 1.2rem; }
    .notas-content .notas-item .notas-image img {
      width: 100%;
      max-width: 100%;
      height: auto; }
    .notas-content .notas-item .notas-image:hover .notas-more {
      display: block; }
    .notas-content .notas-item .notas-image .notas-more {
      display: none;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(255, 255, 35, 0.4); }
      .notas-content .notas-item .notas-image .notas-more span {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -3rem;
        margin-left: -3rem;
        width: 6rem;
        height: 6rem;
        padding-top: 0.75rem;
        color: #202020;
        font-size: 3.8rem;
        text-align: center;
        background-color: #FFFF23; }

.sidebar-notas {
  margin-bottom: 2rem; }
  .sidebar-notas section {
    margin-bottom: 1rem;
    padding: 1rem;
    background-color: #f0f0f0; }
  .sidebar-notas .sidebar-suscribe .sidebar-suscribe-form {
    padding: 1.5rem;
    background-color: #313131; }
  .sidebar-notas .sidebar-suscribe input {
    border: 0; }
  .sidebar-notas .sidebar-suscribe #email,
  .sidebar-notas .sidebar-suscribe #suscribe {
    width: 100%;
    padding: 0.8rem 1rem;
    border-radius: 3px; }
  .sidebar-notas .sidebar-suscribe #email {
    margin-bottom: 0.8rem; }
  .sidebar-notas .sidebar-suscribe #suscribe {
    color: #FFF;
    background-color: #00CDAF; }
    .sidebar-notas .sidebar-suscribe #suscribe:hover {
      background-color: #009a83; }

@media screen and (min-width: 520px) {
  .notas-content {
    float: left;
    width: 70%;
    margin-right: 2rem; }
    .notas-content .notas-item:before, .notas-content .notas-item:after {
      content: " ";
      display: table; }
    .notas-content .notas-item:after {
      clear: both; }
    .notas-content .notas-item .notas-image {
      float: left;
      width: 40%;
      margin-right: 1.5rem; }
    .notas-content .notas-item .notas-data {
      float: left;
      width: calc(60% - 1.5rem); }

  .sidebar-notas {
    float: left;
    width: calc(30% - 2rem); } }
.nota-content {
  margin-bottom: 3rem; }
  .nota-content .nota-image {
    margin-bottom: 1.2rem; }
    .nota-content .nota-image figure {
      position: relative;
      margin: 0;
      padding: 0; }
      .nota-content .nota-image figure figcaption {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 1rem 1.4rem;
        color: #FFF;
        background-color: rgba(32, 32, 32, 0.85); }
      .nota-content .nota-image figure img {
        width: 100%;
        max-width: 100%;
        height: auto; }
  .nota-content .nota-gallery {
    margin: 3rem 0; }
    .nota-content .nota-gallery:before, .nota-content .nota-gallery:after {
      content: " ";
      display: table; }
    .nota-content .nota-gallery:after {
      clear: both; }
    .nota-content .nota-gallery ul:before, .nota-content .nota-gallery ul:after {
      content: " ";
      display: table; }
    .nota-content .nota-gallery ul:after {
      clear: both; }
    .nota-content .nota-gallery ul li {
      float: left;
      width: calc(33.333% - 0.9rem); }
      .nota-content .nota-gallery ul li:not(:last-child) {
        margin-right: 1.3rem; }
  .nota-content .nota-score {
    margin-bottom: 2rem;
    padding: 1rem;
    text-align: center;
    border-top: 2px solid #202020;
    border-bottom: 2px solid #202020; }
    .nota-content .nota-score ul {
      display: inline-block; }
      .nota-content .nota-score ul:before, .nota-content .nota-score ul:after {
        content: " ";
        display: table; }
      .nota-content .nota-score ul:after {
        clear: both; }
      .nota-content .nota-score ul li {
        float: left;
        margin: 0 1rem; }
        .nota-content .nota-score ul li span {
          font-size: 4rem; }
      .nota-content .nota-score ul .nota-score-like span {
        color: #00CDAF; }
      .nota-content .nota-score ul .nota-score-dislike span {
        color: #313131; }
  .nota-content .nota-form input,
  .nota-content .nota-form textarea {
    width: 100%;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #313131;
    border-radius: 3px; }
  .nota-content .nota-form #comment {
    color: #FFF;
    background: #00CDAF;
    border: 0; }

@media screen and (min-width: 520px) {
  .nota-content {
    float: left;
    width: 70%;
    margin-right: 2rem; } }
.sidebar-alumno {
  margin-bottom: 2rem; }
  .sidebar-alumno section {
    margin-bottom: 1rem;
    padding: 1rem;
    background-color: #f0f0f0; }
  .sidebar-alumno .sidebar-alumno-profile {
    text-align: center; }
  .sidebar-alumno .sidebar-student-image {
    margin: 0 auto 1rem auto;
    width: 20rem;
    height: 20rem;
    border-radius: 50%;
    overflow: hidden; }
    .sidebar-alumno .sidebar-student-image img {
      width: 100%;
      max-width: 100%;
      height: auto; }

.content-alumno {
  margin-bottom: 2rem; }
  .content-alumno .content-alumno-gallery li {
    margin-bottom: 1.3rem; }

@media screen and (min-width: 520px) {
  .sidebar-alumno {
    float: left;
    width: calc(30% - 2rem);
    margin-right: 2rem; }

  .content-alumno {
    float: left;
    width: 70%; }
    .content-alumno .content-alumno-gallery:before, .content-alumno .content-alumno-gallery:after {
      content: " ";
      display: table; }
    .content-alumno .content-alumno-gallery:after {
      clear: both; }
    .content-alumno .content-alumno-gallery li {
      float: left;
      width: calc(33.333% - 0.9rem); }
      .content-alumno .content-alumno-gallery li:not(:nth-child(3n+3)) {
        margin-right: 1.3rem; } }
.content-servicios {
  margin-bottom: 2rem; }
  .content-servicios .content-servicios-intro {
    margin-bottom: 2rem;
    border-bottom: 2px solid #202020; }
  .content-servicios .content-servicios-list li {
    margin-bottom: 1rem; }
    .content-servicios .content-servicios-list li a {
      display: block;
      padding: 2rem 1.4rem;
      background-color: #202020;
      -webkit-transition: all 180ms;
      transition: all 180ms; }
      .content-servicios .content-servicios-list li a:hover {
        background-color: #313131; }
    .content-servicios .content-servicios-list li h3 {
      display: inline-block;
      margin-bottom: 0;
      color: #00CDAF; }
    .content-servicios .content-servicios-list li span {
      float: right;
      color: #00CDAF;
      font-size: 2rem; }

@media screen and (min-width: 520px) {
  .content-servicios {
    float: left;
    width: 70%;
    margin-right: 2rem; } }
.content-referentes {
  margin-bottom: 2rem; }
  .content-referentes .content-referentes-intro {
    margin-bottom: 2rem;
    border-bottom: 2px solid #202020; }
  .content-referentes .content-referentes-list li:nth-child(even) .referente-image {
    background-color: #FFFF23; }
  .content-referentes .content-referentes-list li:nth-child(even) .knowledge {
    background-color: #FFFF23; }
  .content-referentes .referente {
    margin-bottom: 2rem;
    background-color: #202020; }
    .content-referentes .referente:before, .content-referentes .referente:after {
      content: " ";
      display: table; }
    .content-referentes .referente:after {
      clear: both; }
    .content-referentes .referente .referente-image {
      display: block;
      background-color: #00CDAF;
      overflow: hidden; }
      .content-referentes .referente .referente-image img {
        width: 100%;
        max-width: 100%;
        height: auto;
        opacity: 0.5; }
    .content-referentes .referente .referente-data {
      padding: 1.5rem; }
      .content-referentes .referente .referente-data h3 {
        color: #FFF; }
      .content-referentes .referente .referente-data .knowledge {
        display: inline-block;
        margin-bottom: 1rem;
        padding: 0.4rem 1rem;
        font-weight: bold;
        background-color: #00CDAF; }
      .content-referentes .referente .referente-data p {
        color: #a6a6a6; }
  @media screen and (min-width: 520px) {
    .content-referentes .referente-image {
      float: left;
      width: 30%;
      margin-right: 1rem; }
    .content-referentes .referente-data {
      float: left;
      width: calc(70% - 1rem); }
    .content-referentes .content-referentes-list:before, .content-referentes .content-referentes-list:after {
      content: " ";
      display: table; }
    .content-referentes .content-referentes-list:after {
      clear: both; }
    .content-referentes .content-referentes-list li:nth-child(even) .referente-image {
      float: right;
      margin-right: 0;
      margin-left: 1rem; } }

.rslides_nav {
  display: inline-block;
  padding: 0.4rem 1rem;
  color: #FFF;
  background-color: #202020; }
  .rslides_nav:hover {
    background-color: #313131; }