@charset "UTF-8";
@font-face {
  font-family: "teachlr";
  src: url("fonts/teachlr.eot?m18frd");
  src: url("fonts/teachlr.eot?m18frd#iefix") format("embedded-opentype"), url("fonts/teachlr.ttf?m18frd") format("truetype"), url("fonts/teachlr.woff?m18frd") format("woff"), url("fonts/teachlr.svg?m18frd#teachlr") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], .list_of_chapters .label_chapters:before, .warning_course:before, .ui-icon-close, [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "teachlr" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-others:before {
  content: "";
}

.icon-teacher-training:before {
  content: "";
}

.icon-it-and-software:before {
  content: "";
}

.icon-self-defense:before {
  content: "";
}

.icon-diet:before {
  content: "";
}

.icon-meditation:before {
  content: "";
}

.icon-nutrition:before {
  content: "";
}

.icon-mental-health:before {
  content: "";
}

.icon-safety-and-first-aid:before {
  content: "";
}

.icon-sports:before {
  content: "";
}

.icon-electronic-commerce:before {
  content: "";
}

.icon-development-tools:before {
  content: "";
}

.icon-software-engineering:before {
  content: "";
}

.icon-software-testing:before {
  content: "";
}

.icon-sales-department:before {
  content: "";
}

.icon-google:before {
  content: "";
}

.icon-intuit:before {
  content: "";
}

.icon-sap:before {
  content: "";
}

.icon-project-management:before {
  content: "";
}

.icon-business-management:before {
  content: "";
}

.icon-industries:before {
  content: "";
}

.icon-real-estate:before {
  content: "";
}

.icon-media:before {
  content: "";
}

.icon-operations:before {
  content: "";
}

.icon-human-resources:before {
  content: "";
}

.icon-workhome:before {
  content: "";
}

.icon-production:before {
  content: "";
}

.icon-music-technics:before {
  content: "";
}

.icon-vocal:before {
  content: "";
}

.icon-statistic-and-automation:before {
  content: "";
}

.icon-positioning-strategy:before {
  content: "";
}

.icon-brand:before {
  content: "";
}

.icon-affiliate-marketing:before {
  content: "";
}

.icon-social-network-marketing:before {
  content: "";
}

.icon-digital-marketing:before {
  content: "";
}

.icon-promotion:before {
  content: "";
}

.icon-public-relations:before {
  content: "";
}

.icon-seo:before {
  content: "";
}

.icon-certificates:before {
  content: "";
}

.icon-hardware:before {
  content: "";
}

.icon-operating-systems:before {
  content: "";
}

.icon-arab:before {
  content: "";
}

.icon-chinese:before {
  content: "";
}

.icon-spanish:before {
  content: "";
}

.icon-french:before {
  content: "";
}

.icon-hebrew:before {
  content: "";
}

.icon-english:before {
  content: "";
}

.icon-italian:before {
  content: "";
}

.icon-latin:before {
  content: "";
}

.icon-portuguese:before {
  content: "";
}

.icon-black-and-white:before {
  content: "";
}

.icon-commercial-photography:before {
  content: "";
}

.icon-nature-photography:before {
  content: "";
}

.icon-travel-photography:before {
  content: "";
}

.icon-wedding-photography:before {
  content: "";
}

.icon-landscapes:before {
  content: "";
}

.icon-pictures:before {
  content: "";
}

.icon-beauty-and-makeup:before {
  content: "";
}

.icon-travel:before {
  content: "";
}

.icon-educational-development:before {
  content: "";
}

.icon-didactic-design:before {
  content: "";
}

.icon-teaching-tools:before {
  content: "";
}

.icon-visual3d:before {
  content: "";
}

.icon-architectural-design:before {
  content: "";
}

.icon-game-design:before {
  content: "";
}

.icon-user-experience:before {
  content: "";
}

.icon-business-innovation:before {
  content: "";
}

.icon-fashion:before {
  content: "";
}

.icon-personal-brand:before {
  content: "";
}

.icon-creativity:before {
  content: "";
}

.icon-stress-management:before {
  content: "";
}

.icon-motivacion:before {
  content: "";
}

.icon-relationship:before {
  content: "";
}

.icon-personal-transformation:before {
  content: "";
}

.icon-abilities:before {
  content: "";
}

.icon-academic:before {
  content: "";
}

.icon-academic-2:before {
  content: "";
}

.icon-add:before {
  content: "";
}

.icon-amount-sale-2:before {
  content: "";
}

.icon-amount-sale-3:before {
  content: "";
}

.icon-apple:before {
  content: "";
}

.icon-approved:before {
  content: "";
}

.icon-approved-2:before {
  content: "";
}

.icon-at:before {
  content: "";
}

.icon-audio:before {
  content: "";
}

.icon-bar-graph:before {
  content: "";
}

.icon-blog:before {
  content: "";
}

.icon-book:before {
  content: "";
}

.icon-book2:before {
  content: "";
}

.icon-bs:before {
  content: "";
}

.icon-business:before {
  content: "";
}

.icon-business-2:before {
  content: "";
}

.icon-calendar:before {
  content: "";
}

.icon-certificate:before {
  content: "";
}

.icon-checked:before {
  content: "";
}

.icon-checked-2:before {
  content: "";
}

.icon-circle:before {
  content: "";
}

.icon-close:before {
  content: "";
}

.icon-close-2:before {
  content: "";
}

.icon-close-3:before, .ui-icon-close:before {
  content: "";
}

.icon-code:before {
  content: "";
}

.icon-college:before {
  content: "";
}

.icon-comunication:before {
  content: "";
}

.icon-content:before {
  content: "";
}

.icon-content-2:before {
  content: "";
}

.icon-content-marketing:before {
  content: "";
}

.icon-cook:before {
  content: "";
}

.icon-createcourse:before {
  content: "";
}

.icon-createcourse-2:before {
  content: "";
}

.icon-cufflink:before {
  content: "";
}

.icon-dance:before {
  content: "";
}

.icon-data-2:before {
  content: "";
}

.icon-database:before {
  content: "";
}

.icon-delete:before {
  content: "";
}

.icon-desing:before {
  content: "";
}

.icon-desktop:before {
  content: "";
}

.icon-details:before {
  content: "";
}

.icon-development:before {
  content: "";
}

.icon-digital-photography:before {
  content: "";
}

.icon-doc:before {
  content: "";
}

.icon-doctor:before {
  content: "";
}

.icon-down-arrow:before, .list_of_chapters .label_chapters:before {
  content: "";
}

.icon-download:before {
  content: "";
}

.icon-draganddrop:before {
  content: "";
}

.icon-draganddrop-2:before {
  content: "";
}

.icon-draganddrop-3:before {
  content: "";
}

.icon-edit:before {
  content: "";
}

.icon-edit-2:before {
  content: "";
}

.icon-edit-3:before {
  content: "";
}

.icon-edit-4:before {
  content: "";
}

.icon-edit-arrow:before {
  content: "";
}

.icon-entertainment:before {
  content: "";
}

.icon-exel:before {
  content: "";
}

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

.icon-filter:before {
  content: "";
}

.icon-finance:before {
  content: "";
}

.icon-finance-2:before {
  content: "";
}

.icon-finance-3:before {
  content: "";
}

.icon-fitness:before {
  content: "";
}

.icon-fitness-2:before {
  content: "";
}

.icon-four-bar-menu:before {
  content: "";
}

.icon-germany:before {
  content: "";
}

.icon-google-pluss:before {
  content: "";
}

.icon-happy:before {
  content: "";
}

.icon-headphone:before {
  content: "";
}

.icon-headphone-2:before {
  content: "";
}

.icon-hear-2:before {
  content: "";
}

.icon-heart:before {
  content: "";
}

.icon-help:before {
  content: "";
}

.icon-home:before {
  content: "";
}

.icon-hours:before {
  content: "";
}

.icon-idea:before {
  content: "";
}

.icon-influence:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-invite-friends:before {
  content: "";
}

.icon-invite-friends-2:before {
  content: "";
}

.icon-japan:before {
  content: "";
}

.icon-justified:before {
  content: "";
}

.icon-key:before {
  content: "";
}

.icon-kitchen:before {
  content: "";
}

.icon-lamp:before {
  content: "";
}

.icon-languages:before {
  content: "";
}

.icon-languages-2:before {
  content: "";
}

.icon-left-arrow:before {
  content: "";
}

.icon-less:before {
  content: "";
}

.icon-letf-arrow-2:before {
  content: "";
}

.icon-leth-arrow-3:before {
  content: "";
}

.icon-library:before {
  content: "";
}

.icon-lifestyle:before {
  content: "";
}

.icon-link:before {
  content: "";
}

.icon-linkedin:before {
  content: "";
}

.icon-lisfestyle-2:before {
  content: "";
}

.icon-list:before {
  content: "";
}

.icon-list-2:before {
  content: "";
}

.icon-marketing:before {
  content: "";
}

.icon-marketing-basics:before {
  content: "";
}

.icon-meditation2:before {
  content: "";
}

.icon-memory:before {
  content: "";
}

.icon-message:before {
  content: "";
}

.icon-microsoft-2:before {
  content: "";
}

.icon-mobile:before {
  content: "";
}

.icon-mouse:before {
  content: "";
}

.icon-move:before {
  content: "";
}

.icon-movil-2:before {
  content: "";
}

.icon-multimedia:before {
  content: "";
}

.icon-multimedia-2:before {
  content: "";
}

.icon-multimedia-3:before {
  content: "";
}

.icon-multiple-choice:before {
  content: "";
}

.icon-multiple-choice-2:before {
  content: "";
}

.icon-music:before {
  content: "";
}

.icon-music-2:before {
  content: "";
}

.icon-musica:before {
  content: "";
}

.icon-music-software:before {
  content: "";
}

.icon-mycourses:before {
  content: "";
}

.icon-name:before {
  content: "";
}

.icon-notifications:before {
  content: "";
}

.icon-off:before {
  content: "";
}

.icon-on:before {
  content: "";
}

.icon-personal-settings:before {
  content: "";
}

.icon-pet:before {
  content: "";
}

.icon-photography-tools:before {
  content: "";
}

.icon-play:before {
  content: "";
}

.icon-play-2:before {
  content: "";
}

.icon-play-3:before {
  content: "";
}

.icon-pluss:before {
  content: "";
}

.icon-portfolio:before {
  content: "";
}

.icon-presentation:before {
  content: "";
}

.icon-preview:before {
  content: "";
}

.icon-private:before {
  content: "";
}

.icon-private-2:before {
  content: "";
}

.icon-products:before {
  content: "";
}

.icon-professional:before {
  content: "";
}

.icon-profile:before {
  content: "";
}

.icon-profile-2:before {
  content: "";
}

.icon-programming:before {
  content: "";
}

.icon-programming-language:before {
  content: "";
}

.icon-promotional-video:before {
  content: "";
}

.icon-question:before {
  content: "";
}

.icon-reply:before {
  content: "";
}

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

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

.icon-rigth-arrow-2:before {
  content: "";
}

.icon-russian:before {
  content: "";
}

.icon-sad:before {
  content: "";
}

.icon-sale:before {
  content: "";
}

.icon-save:before {
  content: "";
}

.icon-sciences:before {
  content: "";
}

.icon-search:before {
  content: "";
}

.icon-security:before {
  content: "";
}

.icon-settings:before {
  content: "";
}

.icon-share:before {
  content: "";
}

.icon-share-3:before {
  content: "";
}

.icon-skype:before {
  content: "";
}

.icon-squad:before {
  content: "";
}

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

.icon-strategy:before {
  content: "";
}

.icon-style-text:before {
  content: "";
}

.icon-target:before {
  content: "";
}

.icon-teacher:before {
  content: "";
}

.icon-technology:before {
  content: "";
}

.icon-tecnology:before {
  content: "";
}

.icon-text-bubble:before {
  content: "";
}

.icon-three-bar-menu:before {
  content: "";
}

.icon-three-bar-menu-2:before {
  content: "";
}

.icon-time:before {
  content: "";
}

.icon-toleft:before {
  content: "";
}

.icon-tools:before {
  content: "";
}

.icon-toright:before {
  content: "";
}

.icon-twiter:before {
  content: "";
}

.icon-up-arrow:before {
  content: "";
}

.icon-verified:before {
  content: "";
}

.icon-video-design:before {
  content: "";
}

.icon-videogame:before {
  content: "";
}

.icon-vimeo:before {
  content: "";
}

.icon-warning:before, .warning_course:before {
  content: "";
}

.icon-webcam:before {
  content: "";
}

.icon-webdesign:before {
  content: "";
}

.icon-web-design:before {
  content: "";
}

.icon-web-design-2:before {
  content: "";
}

.icon-yoga:before {
  content: "";
}

.icon-yoga-2:before {
  content: "";
}

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

.ui-icon-close:before {
  position: relative;
  left: -1px;
  top: -1px;
}

.warning_course:before {
  right: 0px;
  top: 0px;
  font-size: 25px;
  color: #FFC700;
  position: absolute;
}

.sub_header {
  background: #0B264F;
}
.sub_header .title_courses {
  text-align: center;
}
.sub_header .bar_nav {
  background: #0E2F5C;
}
@media screen and (min-width: 480px) and (max-width: 620px) {
  .sub_header .nav_teacher {
    visibility: 0;
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .sub_header .nav_teacher {
    height: 57px;
  }
}
@media screen and (min-width: 620px) and (max-width: 768px) {
  .sub_header .nav_teacher {
    height: 79px;
  }
}
.sub_header .nav_teacher ul {
  height: 100%;
}
.sub_header .nav_teacher li {
  text-transform: uppercase;
  cursor: pointer;
  height: 100%;
  border-right: 1px solid #113868;
}
.sub_header .nav_teacher li:first-of-type {
  border-left: 1px solid #113868;
}
@media screen and (min-width: 769px) {
  .sub_header .nav_teacher li:hover {
    background: #113868;
  }
}
.sub_header .nav_teacher li div {
  height: 100%;
  width: 100%;
  display: table;
}
.sub_header .nav_teacher li a {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  text-decoration: none;
  text-align: center;
  font-size: 0.9em;
  font-weight: 400;
  color: #BCD0ED;
}
@media screen and (min-width: 481px) {
  .sub_header .content-raty {
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .sub_header .content-raty {
    line-height: 57px;
  }
}
@media screen and (min-width: 321px) and (max-width: 768px) {
  .sub_header .content-raty {
    line-height: 79px;
  }
}
@media screen and (max-width: 320px) {
  .sub_header .content-raty {
    line-height: 80px;
  }
}
@media screen and (min-width: 481px) {
  .sub_header .content-raty img {
    height: 19px;
    width: 19px;
    margin-top: -6px;
    margin-right: 7px;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .sub_header .content-raty img {
    height: 20px;
    width: 20px;
  }
}
@media screen and (max-width: 320px) {
  .sub_header .content-raty img {
    height: 15px;
    width: 15px;
    margin-top: -2px;
  }
}
.sub_header .content-raty .review {
  font-size: 0.95em;
  color: #FFAF3B;
  font-weight: 400;
}
.sub_header .button_cir, .sub_header .icon-facebook, .sub_header .icon-linkedin, .sub_header .icon-instagram, .sub_header .icon-google-pluss, .sub_header .icon-twiter, .sub_header .button_social_networks, .sub_header .icon-star, .sub_header .button_help {
  border-radius: 100%;
  text-align: center;
  float: left;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .sub_header .button_cir, .sub_header .icon-facebook, .sub_header .icon-linkedin, .sub_header .icon-instagram, .sub_header .icon-google-pluss, .sub_header .icon-twiter, .sub_header .button_social_networks, .sub_header .icon-star, .sub_header .button_help {
    height: 37px;
    line-height: 37px;
    width: 37px;
    font-size: 1.1em;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .sub_header .button_cir, .sub_header .icon-facebook, .sub_header .icon-linkedin, .sub_header .icon-instagram, .sub_header .icon-google-pluss, .sub_header .icon-twiter, .sub_header .button_social_networks, .sub_header .icon-star, .sub_header .button_help {
    height: 41px;
    line-height: 41px;
    width: 41px;
    font-size: 1.2em;
  }
}
@media screen and (max-width: 480px) {
  .sub_header .button_cir, .sub_header .icon-facebook, .sub_header .icon-linkedin, .sub_header .icon-instagram, .sub_header .icon-google-pluss, .sub_header .icon-twiter, .sub_header .button_social_networks, .sub_header .icon-star, .sub_header .button_help {
    height: 37px;
    line-height: 37px;
    width: 37px;
    font-size: 1.1em;
  }
}
.sub_header .button_help {
  background: #ffffff;
  color: #F96464;
}
.sub_header .icon-star {
  background: #ffffff;
  color: #AABFD3;
}
.sub_header .button_social_networks {
  background: #6161BC;
  color: #ffffff;
  z-index: 10;
}
.sub_header .icon-twiter {
  background: #11BAF4;
  color: #ffffff;
}
.sub_header .icon-google-pluss {
  background: #F96464;
  color: #ffffff;
}
.sub_header .icon-instagram {
  background: #3078A0;
  color: #ffffff;
}
.sub_header .icon-linkedin {
  background: #076392;
  color: #ffffff;
}
.sub_header .icon-facebook {
  background: #355A9B;
  color: #ffffff;
}
@media screen and (min-width: 480px) and (max-width: 620px) {
  .sub_header .help_menu {
    visibility: 0;
    display: none;
  }
}
.sub_header .help_menu .li_help1, .sub_header .help_menu .li_help2, .sub_header .help_menu .li_help3 {
  float: left;
}
@media screen and (min-width: 769px) {
  .sub_header .help_menu .li_help1, .sub_header .help_menu .li_help2, .sub_header .help_menu .li_help3 {
    height: 57px;
  }
}
@media screen and (min-width: 620px) and (max-width: 768px) {
  .sub_header .help_menu .li_help1, .sub_header .help_menu .li_help2, .sub_header .help_menu .li_help3 {
    height: 79px;
  }
}
.sub_header .help_menu .li_help2, .sub_header .help_menu .li_help3 {
  width: 50px;
}
.sub_header .help_menu .li_help1 {
  width: 120px;
}
.sub_header .help_menu .student {
  font-size: 0.9em;
  font-weight: 400;
  color: #BCD0ED;
}
.sub_header .help_menu dropdown label .icon-close {
  display: none;
  visibility: hidden;
}
.sub_header .help_menu dropdown input[type=checkbox]:checked + label {
  background: #BCD0ED;
}
.sub_header .help_menu dropdown input[type=checkbox]:checked + label .icon-close {
  display: inline;
  visibility: visible;
  line-height: 37px;
}
.sub_header .help_menu dropdown input[type=checkbox]:checked + label .icon-draganddrop-3 {
  display: none;
  visibility: hidden;
}
.sub_header .help_menu dropdown input[type=checkbox]:checked ~ .dropdown_menu {
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 769px) {
  .sub_header .help_menu dropdown input[type=checkbox]:checked ~ .dropdown_menu {
    top: 120%;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .sub_header .help_menu dropdown input[type=checkbox]:checked ~ .dropdown_menu {
    top: 140%;
  }
}
.sub_header .help_menu dropdown .dropdown_menu {
  z-index: 7;
  position: absolute;
  top: -50px;
  opacity: 0;
  visibility: hidden;
  left: -15%;
}
@media screen and (min-width: 769px) {
  .sub_header .help_menu dropdown .dropdown_menu {
    width: 50px;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .sub_header .help_menu dropdown .dropdown_menu {
    width: 54px;
  }
}
.sub_header .help_menu dropdown li {
  width: 100%;
  float: left;
  text-align: center;
  background: #0E2F5C;
  padding-left: 6px;
}
.sub_header .help_menu dropdown li:last-of-type {
  border-bottom-left-radius: 49%;
  border-bottom-right-radius: 49%;
}
@media screen and (min-width: 769px) {
  .sub_header .help_menu dropdown li {
    height: 46px;
  }
  .sub_header .help_menu dropdown li:last-of-type {
    height: 44px;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .sub_header .help_menu dropdown li {
    height: 50px;
  }
  .sub_header .help_menu dropdown li:last-of-type {
    height: 49px;
  }
}
.sub_header .button_menu_320 {
  line-height: 80px;
  text-transform: uppercase;
  cursor: pointer;
  height: 100%;
  position: relative;
}
@media screen and (min-width: 480px) and (max-width: 620px) {
  .sub_header .button_menu_320 {
    visibility: 1;
    display: inline !important;
    width: 30%;
    float: right;
  }
}
@media screen and (max-width: 329px) {
  .sub_header .button_menu_320 {
    padding-left: 10px;
    font-size: 1.2em;
  }
}
@media screen and (min-width: 330px) and (max-width: 620px) {
  .sub_header .button_menu_320 {
    font-size: 1.3em;
    text-align: right;
    padding-right: 39px;
  }
}
.sub_header .button_menu_320 i {
  margin-top: 32px;
  position: absolute;
}
@media screen and (max-width: 320px) {
  .sub_header .button_menu_320 i {
    right: 25px;
    font-size: 0.8em;
  }
}
@media screen and (min-width: 330px) and (max-width: 620px) {
  .sub_header .button_menu_320 i {
    font-size: 0.8em;
    right: 10px;
  }
}
@media screen and (min-width: 330px) and (max-width: 480px) {
  .sub_header .button_menu_320 i {
    font-size: 1em;
    right: 10px;
  }
}

@media screen and (min-width: 621px) {
  .nav_sub_header {
    display: none;
    visibility: hidden;
  }
}
@media screen and (max-width: 621px) {
  .nav_sub_header {
    position: fixed;
    top: 57px;
    z-index: 111;
    right: 0;
    visibility: hidden;
    height: 91%;
    background: #0E2F5C;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 261px;
    overflow: auto;
  }
  .nav_sub_header *,
.nav_sub_header *:after,
.nav_sub_header *::before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .nav_sub_header .title {
    float: left;
    width: 100%;
    display: table;
    text-align: center;
    background: #0B264F;
  }
}
@media screen and (max-width: 621px) and (min-width: 321px) and (max-width: 621px) {
  .nav_sub_header .title {
    height: 109px;
  }
}
@media screen and (max-width: 621px) and (max-width: 320px) {
  .nav_sub_header .title {
    height: 107px;
  }
}
@media screen and (max-width: 621px) {
  .nav_sub_header .title .title_conten {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
  }
}
@media screen and (max-width: 621px) {
  .nav_sub_header .span_a {
    display: block;
    outline: none;
    font-weight: 400;
    -webkit-transition: background 0.3s, -webkit-box-shadow 0.3s;
    transition: background 0.3s, -webkit-box-shadow 0.3s;
    -o-transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
    font-size: 16px;
    color: #BCD0ED;
    position: relative;
    padding-left: 66px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .nav_sub_header .span_a i {
    position: absolute;
    left: 20px;
    top: 20px;
  }
}
@media screen and (max-width: 621px) {
  .nav_sub_header ul {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 85%;
    width: 100%;
    float: left;
  }
  .nav_sub_header ul:first-child li {
    border-top: 1px solid #0B264F;
  }
}
@media screen and (max-width: 621px) {
  .nav_sub_header li {
    border-bottom: 1px solid #0B264F;
  }
  .nav_sub_header li a, .nav_sub_header li .a_Closes, .nav_sub_header li .a-Share {
    display: table-cell;
    vertical-align: middle;
  }
}
@media screen and (max-width: 621px) {
  .nav_sub_header::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    content: "";
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
}
@media screen and (max-width: 621px) {
  .nav_sub_header dropdown {
    width: 100%;
  }
  .nav_sub_header dropdown .a_Closes i {
    background: #BCD0ED;
  }
  .nav_sub_header dropdown .a-Share i {
    background: #6161BC;
    color: #ffffff;
  }
  .nav_sub_header dropdown input[type=checkbox]:checked + label .a_Closes {
    display: table-cell;
    visibility: visible;
    line-height: 37px;
  }
  .nav_sub_header dropdown input[type=checkbox]:checked + label .a-Share {
    display: none;
    visibility: hidden;
  }
}
@media screen and (max-width: 621px) {
  .teacher_description {
    width: 100%;
  }
}
.menu_fixed {
  position: fixed !important;
  z-index: 100;
  -webkit-box-shadow: -1px 4px 8px 0px rgba(50, 50, 50, 0.3);
          box-shadow: -1px 4px 8px 0px rgba(50, 50, 50, 0.3);
}

@media screen and (min-width: 769px) {
  .teacher_description {
    height: 57px;
    padding-top: 10px;
  }
}
@media screen and (min-width: 621px) and (max-width: 768px) {
  .teacher_description {
    height: 79px;
    padding-top: 20px;
  }
}
.teacher_description .name,
.teacher_description .description,
.teacher_description .tex {
  font-size: 0.8em;
  font-weight: 300;
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.teacher_description .name a,
.teacher_description .description a,
.teacher_description .tex a {
  color: white;
}
.teacher_description .description {
  color: #34a7d8;
}
@media screen and (min-width: 768px) and (max-width: 885px) {
  .teacher_description {
    width: 30%;
  }
}

@media screen and (max-width: 620px) {
  .bar_nav .teacher_description {
    display: none;
  }
}

.title_conten .teacher_description {
  display: table;
  padding-left: 20px;
}
.title_conten .teacher_description .name,
.title_conten .teacher_description .description,
.title_conten .teacher_description .tex {
  width: 60%;
  padding-left: 10px;
  text-align: left;
}
.title_conten .teacher_description .name,
.title_conten .teacher_description .description {
  font-size: 0.95em;
}
.title_conten .teacher_description .description {
  margin-left: 40px;
}

.bar_advancement img,
.teacher_description img {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  float: left;
}

@media screen and (min-width: 480px) and (max-width: 620px) {
  .bar_advancement {
    width: 40%;
  }
}
.bar_advancement .bar {
  position: relative;
  float: left;
  width: calc(100% - 75px);
  margin-right: 10px;
}
.bar_advancement .bar img {
  position: absolute;
  top: 10px;
}
.bar_advancement .percent {
  color: #34a7d8;
  float: left;
}
.bar_advancement .percent * {
  float: initial;
}
@media screen and (min-width: 769px) {
  .bar_advancement .percent {
    line-height: 57px;
    font-size: 0.95em;
    font-weight: 400;
    width: 38px;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (min-width: 501px) and (max-width: 768px) {
  .bar_advancement .percent {
    font-size: 1.5em;
    font-weight: 400;
    text-align: center;
  }
}
@media screen and (min-width: 321px) and (max-width: 501px) {
  .bar_advancement .percent {
    font-size: 1.2em;
    font-weight: 400;
  }
}
@media screen and (min-width: 321px) and (max-width: 768px) {
  .bar_advancement .percent {
    line-height: 79px;
  }
}
@media screen and (max-width: 320px) {
  .bar_advancement .percent {
    line-height: 80px;
  }
}
.bar_advancement .bar_container {
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background: #0B264F;
  float: left;
  margin-top: 26px;
}
.bar_advancement .advancement {
  height: 4px;
  border-radius: 4px;
  background: #34a7d8;
  float: left;
}
.bar_advancement .certificado {
  font-size: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 19px;
  float: left;
  width: 27px;
  position: relative;
  text-transform: uppercase;
}
.bar_advancement .certificado i {
  font-size: 1.5em;
  position: absolute;
  left: 0px;
  top: 19px;
}
.bar_advancement .certificado i.get_certif {
  color: #FFAC48;
  cursor: pointer;
}
@media screen and (min-width: 768px) and (max-width: 885px) {
  .bar_advancement {
    width: 45%;
  }
}

@media screen and (min-width: 480px) {
  .estu_ul {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }
}

.disable_course_details {
  opacity: 0.2;
}

.header_course_details {
  position: relative;
  float: left;
  width: 100%;
  padding-top: 1.313em;
  padding-bottom: 1.25em;
  border-bottom: 0.063em solid #113868;
  background-color: #0e2f5c;
  color: #416086;
}
@media (max-width: 974px) {
  .header_course_details {
    padding-top: 1.25em;
  }
}
@media (max-width: 408px) {
  .header_course_details {
    padding-top: 1em;
  }
}
.header_course_details * {
  font-weight: 300;
}
.header_course_details .grid-container {
  width: 97.6821%;
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 408px) {
  .header_course_details .grid-container {
    width: 92.5333%;
    max-width: 376px;
  }
}
@media (max-width: 598px) {
  .header_course_details .grid-container {
    width: 92.5926%;
    max-width: 520px;
  }
}
@media (max-width: 974px) {
  .header_course_details .grid-container {
    width: 92.1875%;
    max-width: 728px;
  }
}

.videopromo {
  float: left;
  width: 49.1525423728%;
  max-height: 20.0625em;
  background-color: #000;
  overflow: hidden;
}
@media (max-width: 974px) {
  .videopromo {
    width: 100%;
    max-height: 24.875em;
  }
}
@media (max-width: 598px) {
  .videopromo {
    float: none;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (max-width: 408px) {
  .videopromo {
    width: 99.9683%;
  }
}
.videopromo #video {
  width: 100% !important;
  height: 100% !important;
}
.videopromo #cv {
  height: 100%;
}
.videopromo .cv {
  margin-left: auto;
  margin-right: auto;
}

.course_details {
  float: left;
  width: 49.1525423728%;
  margin-left: 1.69492%;
}
.course_details .course_description_tex {
  width: 100%;
  margin-top: 0.167em;
  font-size: 1.125em;
  line-height: 1.38;
  color: #aabfd3;
  float: left;
  clear: both;
  font-weight: 400;
}
.course_details .course_name_tex {
  float: left;
  width: 100%;
  font-size: 1.625em;
  font-weight: 600;
  line-height: 1.3;
  color: #e6eef6;
}
@media (min-width: 975px) {
  .course_details {
    float: right;
  }
}
@media (max-width: 974px) {
  .course_details {
    clear: both;
    width: 100%;
    margin-top: 0.625em;
    margin-left: 0;
  }
  .course_details .features {
    float: none;
    clear: none;
    width: 28.25em;
    margin-right: auto;
    margin-left: auto;
  }
  .course_details .rating {
    float: none;
    clear: none;
    height: 3em;
    margin-right: auto;
    margin-left: auto;
  }
  .course_details .course_description_tex {
    float: none;
    clear: none;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.25em;
    text-align: center;
  }
  .course_details .course_name_tex {
    float: none;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.875em;
    line-height: 1.2;
    text-align: center;
  }
  .course_details .profesor-1 {
    height: 3.5em;
    margin-top: 1.25em;
  }
}
@media (max-width: 598px) {
  .course_details {
    float: none;
    clear: none;
    margin-right: auto;
    margin-left: auto;
  }
  .course_details .features {
    width: 23.75em;
    max-width: 500px;
  }
  .course_details .course_description_tex {
    margin-top: 0.278em;
    font-size: 1.125em;
  }
  .course_details .course_name_tex {
    font-size: 1.75em;
  }
  .course_details .profesor-1 {
    margin-top: 1.125em;
  }
}
@media (max-width: 408px) {
  .course_details .features {
    width: 18.5em;
    margin-top: 1.125em;
  }
  .course_details .rating {
    margin-top: 1.125em;
  }
  .course_details .course_description_tex {
    width: 94.5646437994%;
    margin-top: 0.333em;
    font-size: 0.938em;
  }
  .course_details .course_name_tex {
    font-size: 1.5em;
  }
  .course_details .profesor-1 {
    margin-top: 1.375em;
  }
}

.rating {
  float: left;
  clear: both;
  width: 100%;
  height: 42px;
  margin-top: 0.939em;
  border-top: 0.063em solid #113868;
  border-bottom: 0.063em solid #113868;
}
@media (max-width: 408px) {
  .rating {
    margin-top: 1.125em;
  }
}
.rating .contenedor-rating {
  float: left;
  width: 21.5em;
  margin: 0.313em 0px 0px 0.51455%;
}
.rating .contenedor-rating .divisor {
  float: left;
  width: 0.063em;
  height: 1.625em;
  margin-left: 11px;
  background-color: #294c77;
}
@media (max-width: 974px) {
  .rating .contenedor-rating {
    float: none;
    clear: none;
    height: 3em;
    margin-right: auto;
    margin-left: auto;
  }
  .rating .contenedor-rating .idioma {
    height: 1em;
    margin-top: 0.111em;
    margin-left: 3.99306%;
    font-size: 1.125em;
  }
  .rating .contenedor-rating .divisor {
    margin-left: 1.96603%;
  }
}
@media (max-width: 598px) {
  .rating .contenedor-rating .idioma {
    margin-top: 0.167em;
    margin-left: 4.47166%;
  }
  .rating .contenedor-rating .divisor {
    margin-left: 2.99362%;
  }
}
@media (max-width: 408px) {
  .rating .contenedor-rating {
    width: 17.938em;
    margin-top: 0.563em;
  }
  .rating .contenedor-rating .contenedor-rating {
    width: 17.938em;
    margin-top: 0.563em;
  }
  .rating .contenedor-rating .estrellas-c {
    width: 8.5em;
  }
  .rating .contenedor-rating .promedio {
    margin-top: 0.278em;
    margin-left: 0.444em;
    font-size: 1.125em;
  }
  .rating .contenedor-rating .estrella-2,
.rating .contenedor-rating .estrella-3 {
    margin-left: 0.313em;
  }
  .rating .contenedor-rating .idioma {
    height: 1.125em;
    margin-top: 0.125em;
    margin-left: 3.97975%;
    font-size: 1em;
  }
  .rating .contenedor-rating .divisor {
    margin-left: 3.96886%;
  }
}
.rating .estrellas-c {
  float: left;
  width: 10.125em;
  height: 1.625em;
}
.rating .estrella {
  display: block;
  height: auto;
  overflow: hidden;
  float: left;
}
@media (min-width: 408px) {
  .rating .estrella {
    margin-top: 3px;
    width: 20px;
  }
}
@media (max-width: 408px) {
  .rating .estrella {
    width: 16px;
    margin-top: 4px;
  }
}
.rating .promedio {
  float: left;
  margin: 0.2em 0 0 0.55em;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 0.8;
  color: #ffaf3b;
}
.rating .estrella_margin {
  margin-left: 5px;
}
.rating .idioma {
  float: left;
  margin: 0.188em 0px 0px 16px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1;
  color: #7194B5;
}

.benefits {
  clear: both;
  width: 100%;
  height: 5.875em;
  margin-top: 0.938em;
}
.benefits img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0px auto;
  overflow: hidden;
}
.benefits li {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.benefits p {
  width: 100%;
  line-height: 1.3;
  text-align: center;
  color: #E6EEF6;
}
.benefits .cir {
  margin-right: auto;
  margin-left: auto;
  border-radius: 1.875em;
  background-color: #294c77;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.18);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.18);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.benefits .cir.pading1 {
  padding: 0.75em 0.813em 0.813em;
}
.benefits .cir.pading2 {
  padding: 0.938em 0.875em 0.875em;
}
.benefits .cir.pading3 {
  padding: 0.938em;
}
.benefits .cir.pading4 {
  max-height: 52px;
  padding: 0.938em 1em 1em;
}
@media screen and (min-width: 599px) {
  .benefits .cir {
    width: 3.375em;
    height: 3.375em;
  }
  .benefits p {
    margin: 0.571em auto 0px;
    font-size: 0.875em;
  }
}
@media screen and (max-width: 598px) {
  .benefits .cir {
    width: 3.125em;
    height: 3.125em;
  }
  .benefits p {
    margin-top: 0.615em;
    font-size: 0.813em;
  }
}
@media screen and (min-width: 975px) {
  .benefits {
    float: left;
  }
  .benefits li {
    width: 85px;
  }
  .benefits li:nth-of-type(2), .benefits li:nth-of-type(3), .benefits li:nth-of-type(4) {
    margin-left: 0.5em;
  }
  .benefits li:nth-of-type(5) {
    margin-left: 8px;
  }
}
@media screen and (max-width: 975px) {
  .benefits {
    width: 100%;
  }
  .benefits.two_benefits li {
    width: 50% !important;
    margin: 0px !important;
  }
  .benefits.two_benefits li:nth-of-type(2), .benefits.two_benefits li:nth-of-type(3) {
    padding-left: 0;
  }
  .benefits.three_benefits li {
    width: 33.33333% !important;
    margin: 0px !important;
  }
  .benefits.three_benefits li:nth-of-type(2), .benefits.three_benefits li:nth-of-type(3) {
    padding-left: 0.625em;
  }
  .benefits.four_benefits li {
    width: 25% !important;
    margin: 0px !important;
  }
  .benefits.four_benefits li:nth-of-type(2), .benefits.four_benefits li:nth-of-type(3) {
    padding-left: 0.625em;
  }
}
@media screen and (min-width: 599px) and (max-width: 974px) {
  .benefits {
    float: none;
    clear: none;
    width: 28.25em;
    margin-right: auto;
    margin-left: auto;
  }
  .benefits.five_benefits li {
    width: 82px;
  }
  .benefits.five_benefits li:nth-of-type(2), .benefits.five_benefits li:nth-of-type(3), .benefits.five_benefits li:nth-of-type(4) {
    margin-left: 0.625em;
  }
  .benefits.five_benefits li:nth-of-type(5) {
    margin-left: 10px;
  }
}
@media screen and (max-width: 598px) {
  .benefits {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 409px) and (max-width: 598px) {
  .benefits {
    width: 23.75em;
    max-width: 500px;
  }
  .benefits.five_benefits li:nth-of-type(1) {
    width: 14.4608%;
  }
  .benefits.five_benefits li:nth-of-type(2), .benefits.five_benefits li:nth-of-type(3), .benefits.five_benefits li:nth-of-type(4) {
    width: 20%;
    margin-left: 0.5em;
  }
  .benefits.five_benefits li:nth-of-type(5) {
    width: 15.1961%;
    margin-left: 8px;
  }
}
@media screen and (max-width: 408px) {
  .benefits {
    width: 18.5em;
    margin-top: 1.125em;
  }
  .benefits.five_benefits li:nth-of-type(1) {
    width: 19%;
  }
  .benefits.five_benefits li:nth-of-type(2) {
    width: 27.027%;
  }
  .benefits.five_benefits li:nth-of-type(3) {
    width: 25%;
  }
  .benefits.five_benefits li:nth-of-type(4) {
    width: 20%;
  }
  .benefits.five_benefits li:nth-of-type(2), .benefits.five_benefits li:nth-of-type(3), .benefits.five_benefits li:nth-of-type(4) {
    margin-left: 0.438em;
  }
  .benefits.five_benefits li:nth-of-type(5) {
    display: none;
  }
}

.teacher_course_information {
  float: left;
  clear: both;
  width: 100%;
  border-top: 0.063em solid #113868;
  border-bottom: 0.063em solid #113868;
}
@media screen and (min-width: 975px) {
  .teacher_course_information {
    height: 46px;
    margin-top: 1.5em;
  }
}
@media screen and (max-width: 974px) {
  .teacher_course_information {
    height: 3.5em;
  }
}
@media screen and (min-width: 599px) and (max-width: 974px) {
  .teacher_course_information {
    margin-top: 1.25em;
  }
}
@media screen and (min-width: 409px) and (max-width: 598px) {
  .teacher_course_information {
    margin-top: 1.125em;
  }
}
@media screen and (max-width: 408px) {
  .teacher_course_information {
    margin-top: 1.375em;
  }
}
@media screen and (max-width: 974px) {
  .teacher_course_information .professor_container {
    float: left;
    width: 100%;
    height: 2.938em;
  }
}
@media screen and (max-width: 974px) {
  .teacher_course_information .professor_container {
    float: none;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 599px) and (max-width: 974px) {
  .teacher_course_information .professor_container {
    width: 29.375em;
  }
}
@media screen and (min-width: 409px) and (max-width: 598px) {
  .teacher_course_information .professor_container {
    width: 24em;
  }
}
@media screen and (max-width: 408px) {
  .teacher_course_information .professor_container {
    position: relative;
    width: 18.5em;
    height: 2.875em;
    margin-top: 0.25em;
  }
}
.teacher_course_information .professor_container .professor {
  float: left;
  display: block;
  margin: 0.75em 0px 0px 4px;
  font-weight: 400;
  line-height: 1;
  color: #7194B5;
  width: 100%;
}
@media screen and (max-width: 974px) {
  .teacher_course_information .professor_container .professor {
    font-size: 1em;
    text-align: center;
  }
}
@media screen and (min-width: 599px) and (max-width: 974px) {
  .teacher_course_information .professor_container .professor {
    margin-top: 0.824em;
    margin-left: 2.85572%;
    font-size: 1.063em;
  }
}
@media screen and (min-width: 409px) and (max-width: 598px) {
  .teacher_course_information .professor_container .professor {
    margin-top: 0.933em;
    margin-left: 0px;
    font-size: 0.938em;
  }
}
@media screen and (max-width: 408px) {
  .teacher_course_information .professor_container .professor {
    position: absolute;
    float: none;
    top: 0.9em;
    left: 0px;
    margin-top: 0px;
    font-size: 0.875em;
    text-align: center;
  }
}
.teacher_course_information .professor_container .divisor {
  float: left;
  width: 0.063em;
  height: 1.625em;
  margin: 0.563em 0px 0px 1.98815%;
  background-color: #294C77;
}
@media screen and (min-width: 599px) and (max-width: 974px) {
  .teacher_course_information .professor_container .divisor {
    margin-top: 0.625em;
    margin-left: 3.99934%;
  }
}
@media screen and (min-width: 409px) and (max-width: 598px) {
  .teacher_course_information .professor_container .divisor {
    margin-left: 3.99577%;
  }
}
@media screen and (max-width: 408px) {
  .teacher_course_information .professor_container .divisor {
    margin-top: 0.5em;
    margin-left: 48.1419%;
  }
}
.teacher_course_information .recommend_course {
  display: block;
  float: left;
  margin: 0.867em 0px 0px 2.91218%;
  font-size: 0.938em;
  font-weight: 400;
  line-height: 1;
  color: #C6D4E1;
  text-transform: uppercase;
}
@media screen and (min-width: 599px) and (max-width: 974px) {
  .teacher_course_information .recommend_course {
    margin-top: 0.778em;
    margin-left: 3.99934%;
    font-size: 1.125em;
  }
}
@media screen and (min-width: 409px) and (max-width: 598px) {
  .teacher_course_information .recommend_course {
    margin-top: 1em;
    margin-left: 3.99577%;
    font-size: 0.938em;
  }
}
@media screen and (max-width: 408px) {
  .teacher_course_information .recommend_course {
    float: right;
    height: 1.286em;
    margin-top: 14px;
    margin-right: 2.69215%;
    margin-left: 0px;
    font-size: 0.875em;
  }
}

.purchase_bar {
  position: relative;
  float: left;
  width: 100%;
  margin: 0px auto;
  background-color: #0E2F5C;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.19);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.19);
}
.purchase_bar * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.purchase_bar .container_purchase_bar {
  width: 97.6821%;
  max-width: 1180px;
  height: 4.875em;
  margin: 0px auto;
  background-color: #0E2F5C;
}
@media screen and (max-width: 974px) {
  .purchase_bar .container_purchase_bar {
    width: 92.19%;
    max-width: 728px;
  }
}
@media screen and (max-width: 598px) {
  .purchase_bar .container_purchase_bar {
    position: relative;
    width: 400px;
  }
}
@media screen and (max-width: 408px) {
  .purchase_bar .container_purchase_bar {
    width: 92.19%;
  }
}
.purchase_bar .actions {
  position: relative;
  float: left;
  width: 49.0665%;
  height: 4.875em;
}
@media screen and (max-width: 974px) {
  .purchase_bar .actions {
    width: 51.7799%;
    margin-left: -0.01932%;
  }
}
@media screen and (max-width: 598px) {
  .purchase_bar .actions {
    width: 44.8276%;
    margin-left: -0.24219%;
  }
}
@media screen and (max-width: 408px) {
  .purchase_bar .actions {
    width: 48.9199%;
    margin-left: 0.26587%;
  }
}
.purchase_bar .actions .coupon_redemption_button {
  float: right;
  clear: both;
  width: 141px;
  height: 4em;
  margin-top: -5em;
  padding-bottom: 0.154em;
  border-radius: 0.308em;
  background-color: #294C77;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.31);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.31);
  font-size: 0.813em;
  font-weight: 600;
  color: #E6EEF6;
  border: none;
  text-transform: uppercase;
}
@media screen and (max-width: 974px) {
  .purchase_bar .actions .coupon_redemption_button {
    width: 32.5733%;
    margin-right: 8px;
    padding-right: 0.769em;
    padding-bottom: 0px;
    padding-left: 0.769em;
  }
}
@media screen and (max-width: 598px) {
  .purchase_bar .actions .coupon_redemption_button {
    float: left;
    clear: none;
    width: 55.0019%;
    margin-top: 1em;
    margin-right: 0px;
    margin-left: 15px;
  }
}
@media screen and (max-width: 408px) {
  .purchase_bar .actions .coupon_redemption_button {
    float: right;
    width: 52%;
    height: 4.333em;
    margin-top: 1.083em;
    margin-right: 0.95958%;
    margin-left: 0px;
    padding-right: 0.5em;
    padding-bottom: 0.167em;
    padding-left: 0.5em;
    border-radius: 0.333em;
    font-size: 0.75em;
  }
}
.purchase_bar .purchase {
  position: relative;
  float: right;
  width: 49.1525%;
  height: 4.875em;
}
@media screen and (max-width: 974px) {
  .purchase_bar .purchase {
    width: 46.1631%;
    margin-right: 0.02361%;
  }
}
@media screen and (max-width: 598px) {
  .purchase_bar .purchase {
    clear: both;
    width: 53.4483%;
    margin-top: -4.875em;
    margin-right: -0.24219%;
  }
}
@media screen and (max-width: 408px) {
  .purchase_bar .purchase {
    float: left;
    clear: none;
    width: 49.1858%;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 1.58691%;
  }
}
.purchase_bar .purchase .button_purchase_courses {
  float: left;
  width: 32%;
  height: 3.25em;
  margin-top: 0.813em;
  padding-bottom: 0.125em;
  border-bottom: 0.313em solid #13A848;
  border-radius: 0.25em;
  background: #1FCC65 -o-linear-gradient(69deg, #1FCC65 44.2857%, #22DD6D 75.9524%) repeat scroll 0% 0%;
  background: #1FCC65 linear-gradient(381deg, #1FCC65 44.2857%, #22DD6D 75.9524%) repeat scroll 0% 0%;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
  font-size: 1em;
  font-weight: 700;
  color: #FFF;
  text-transform: uppercase;
}
.purchase_bar .purchase .button_purchase_courses:active {
  border-top: 0.188em solid #0E2F5C;
  border-bottom: 0.125em solid #13A848;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 974px) {
  .purchase_bar .purchase .button_purchase_courses {
    width: 56%;
    margin-left: 0.0372%;
  }
}
@media screen and (max-width: 598px) {
  .purchase_bar .purchase .button_purchase_courses {
    width: 50%;
    margin-left: 0.02924%;
  }
}
@media screen and (max-width: 408px) {
  .purchase_bar .purchase .button_purchase_courses {
    width: 54%;
    height: 3.714em;
    margin-top: 0.929em;
    margin-left: 0.9375%;
    padding-bottom: 0.071em;
    border-top-width: 0.214em;
    border-bottom-width: 0.143em;
    border-radius: 0.286em;
    font-size: 0.875em;
  }
}
.purchase_bar .social_networks_container {
  position: relative;
  width: 40.0614%;
  height: 4.875em;
}
@media screen and (max-width: 974px) {
  .purchase_bar .social_networks_container {
    width: 42.4456%;
    margin-left: 0.03731%;
  }
}
@media screen and (max-width: 598px) {
  .purchase_bar .social_networks_container {
    visibility: hidden;
    width: 0.25em;
    margin-left: 0px;
    display: none;
  }
}
.purchase_bar .social_networks_container .boton {
  float: left;
  width: 2.625em;
  height: 2.625em;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 974px) {
  .purchase_bar .social_networks_container .boton {
    width: 2em;
    height: 2em;
    margin-top: 0.688em;
  }
}
@media screen and (max-width: 598px) {
  .purchase_bar .social_networks_container .boton {
    display: none;
  }
}
.purchase_bar .boton {
  border-radius: 0.375em;
  background-color: #294C77;
  color: #ffffff;
  cursor: pointer;
}
.purchase_bar .boton_google {
  padding: 0.75em 0.688em 0.688em;
}
.purchase_bar .boton_google i {
  font-size: 17.6667px;
}
.purchase_bar .boton_google:hover {
  background-color: #F96464;
}
@media screen and (max-width: 767px) {
  .purchase_bar .boton_google {
    display: none;
  }
}
@media screen and (max-width: 974px) {
  .purchase_bar .boton_google {
    padding: 0.438em 0.375em 0.375em;
  }
}
@media screen and (max-width: 598px) {
  .purchase_bar .boton_google {
    margin-top: 0px;
  }
}
.purchase_bar .boton_facebook {
  margin-left: 0.75em;
  padding: 0.688em 0.625em 0.625em;
}
.purchase_bar .boton_facebook i {
  font-size: 19.4333px;
}
.purchase_bar .boton_facebook:hover {
  background-color: #3E60C1;
}
@media screen and (max-width: 974px) {
  .purchase_bar .boton_facebook {
    margin-left: 0.5em;
    padding: 0.45em 0.45em 0.5em;
  }
  .purchase_bar .boton_facebook i {
    font-size: 16.433px;
  }
}
.purchase_bar .boton_Twiter {
  margin-left: 0.75em;
  padding: 0.75em 0.688em 0.688em;
}
.purchase_bar .boton_Twiter i {
  font-size: 17.6667px;
}
.purchase_bar .boton_Twiter:hover {
  background-color: #00ACEE;
}
@media screen and (max-width: 974px) {
  .purchase_bar .boton_Twiter {
    margin-left: 0.563em;
    padding: 0.5em 0.4em 0.5em;
  }
  .purchase_bar .boton_Twiter i {
    font-size: 15.667px;
  }
}
.purchase_bar .boton_Linkedin {
  margin-left: 0.75em;
  padding: 0.75em 0.688em 0.688em;
}
.purchase_bar .boton_Linkedin i {
  font-size: 17.6667px;
}
@media screen and (max-width: 608px) {
  .purchase_bar .boton_Linkedin {
    display: none;
  }
}
.purchase_bar .boton_Linkedin:hover {
  background-color: #076392;
}
@media screen and (max-width: 974px) {
  .purchase_bar .boton_Linkedin {
    margin-left: 0.563em;
    padding: 0.5em 0.4em 0.5em;
  }
  .purchase_bar .boton_Linkedin i {
    font-size: 15.667px;
  }
}
.purchase_bar .wish_list {
  display: none;
}
.purchase_bar .wish_list:checked ~ .boton_wish_list {
  background: #ffffff;
}
.purchase_bar .wish_list:checked ~ .boton_wish_list i {
  color: #F96464;
}
.purchase_bar .boton_wish_list {
  float: right;
  width: 3.438em;
  height: 3.25em;
  margin: 0.813em 152px 0px 0px;
  padding: 1.063em;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.37);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.37);
}
.purchase_bar .boton_wish_list i {
  font-size: 18.55px;
  color: #AABFD3;
}
.purchase_bar .boton_wish_list:hover {
  background-color: #ffffff;
}
@media screen and (min-width: 598px) {
  .purchase_bar .boton_wish_list {
    position: absolute;
    top: 0px;
    right: 0px;
  }
}
@media screen and (max-width: 974px) {
  .purchase_bar .boton_wish_list {
    margin-right: 37.6705%;
  }
}
@media screen and (max-width: 598px) {
  .purchase_bar .boton_wish_list {
    float: left;
    margin-right: 0px;
    margin-left: 1.92593%;
  }
}
@media screen and (max-width: 408px) {
  .purchase_bar .boton_wish_list {
    margin-left: 0.95958%;
  }
}
.purchase_bar button {
  display: block;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
  line-height: 1.38;
  text-align: center;
  border: none;
}
.purchase_bar .contenedor-compartir {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 1.25em;
  width: 204px;
  height: 2.625em;
  margin: auto 0px;
}
@media screen and (max-width: 974px) {
  .purchase_bar .contenedor-compartir {
    left: 0px;
    right: 0px;
    width: 99.1453%;
    height: 3.563em;
    margin: auto;
  }
}
.purchase_bar .purchase_nun {
  float: left;
  height: 0.667em;
  margin: 1.208em 0px 0px 14px;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 0.6;
  color: #E6EEF6;
}
@media screen and (max-width: 974px) {
  .purchase_bar .purchase_nun {
    float: right;
    clear: both;
    width: 40%;
    height: auto;
    margin-top: -1.952em;
    margin-right: -0.048em;
    margin-left: 0px;
    font-size: 1.313em;
    line-height: 1.1;
  }
}
@media screen and (max-width: 598px) {
  .purchase_bar .purchase_nun {
    float: left;
    clear: none;
    width: 3.3em;
    height: 0.8em;
    margin-top: 0.7em;
    margin-right: 0px;
    margin-left: 5.0212%;
    font-size: 1.25em;
  }
}
@media screen and (max-width: 408px) {
  .purchase_bar .purchase_nun {
    float: right;
    clear: both;
    width: 3.222em;
    height: 0.889em;
    margin-top: -2.611em;
    margin-right: -0.056em;
    margin-left: 0px;
    font-size: 1.125em;
  }
}

@media screen and (min-width: 768px) and (max-width: 973px) {
  .container_course_tex, .container_info_course {
    width: 100%;
    max-width: 728px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
    clear: both;
  }
}

@media screen and (min-width: 974px) {
  .container_info_course {
    float: right;
  }
}

.teachlr_info_imge {
  height: 10.813em;
  padding-right: 0.813em;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 7em;
}
.teachlr_info_imge img {
  float: left;
  width: 98px;
  height: 99px;
  border-radius: 8px;
}

.teachlr_info_course {
  width: calc(100% - 112px);
  padding-left: 0.813em;
  border-left: 0.063em solid #E6EEF6;
  float: right;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.teachlr_info_course .tex_teachlr_about, .teachlr_info_course .des_teachlr_course, .teachlr_info_course .name_teachlr_course {
  width: 94%;
  float: left;
}
.teachlr_info_course .name_teachlr_course {
  min-height: 0.889em;
  font-size: 1.125em;
  font-weight: 700;
  line-height: 0.8;
  color: #416086;
}
.teachlr_info_course .des_teachlr_course {
  color: #7194B5;
  margin-top: 0.286em;
  font-size: 0.875em;
  line-height: 1.3;
  clear: both;
  font-weight: 400;
}
.teachlr_info_course .div {
  float: left;
  clear: both;
  width: 100%;
  height: 0.063em;
  min-height: 0.063em;
  max-height: 1px;
  margin-top: 1em;
  border-bottom: 0.063em solid #E6EEF6;
  background-color: rgba(222, 222, 222, 0);
}
.teachlr_info_course .tex_teachlr_about {
  clear: both;
  font-size: 1em;
  line-height: 1.38;
  color: #416086;
  margin-top: 0.5em;
  font-weight: 300;
}

.dashboard_info {
  width: 100%;
  background: #E6EEF6;
  -webkit-box-shadow: -1px 4px 8px 0px rgba(50, 50, 50, 0.3) inset;
          box-shadow: -1px 4px 8px 0px rgba(50, 50, 50, 0.3) inset;
  float: left;
  padding-bottom: 60px;
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .dashboard_info .grid-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 480px) {
  .dashboard_info .grid-container {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 320px) {
  .dashboard_info {
    padding-top: 22px;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .dashboard_info {
    padding-top: 20px;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .dashboard_info {
    padding-top: 30px;
  }
}
@media screen and (min-width: 769px) {
  .dashboard_info {
    padding-top: 20px;
  }
}

/* SET COLORS AND FONTS AND PLACEMENTS */
@media screen and (min-width: 768px) {
  .dashboard_menu_nav {
    min-height: 200px;
  }
}

.list_of_chapters {
  width: 100%;
  overflow: hidden;
  color: #7194B5;
  background: #ffffff;
  text-align: left;
  position: relative;
  border-radius: 5px;
}
@media screen and (max-width: 973px) {
  .list_of_chapters.list {
    margin-bottom: 40px;
  }
}
.list_of_chapters * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.list_of_chapters input {
  display: none;
}
.list_of_chapters li {
  float: left;
  width: 100%;
  position: relative;
}
.list_of_chapters li:first-of-type .label_chapters {
  border-top: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.list_of_chapters li:last-of-type {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.list_of_chapters .lable_lesson, .list_of_chapters .label_chapters {
  width: 100%;
  float: left;
  cursor: pointer;
}
.list_of_chapters .label_chapters {
  overflow: hidden;
  color: #113868;
  background: #ffffff;
  position: relative;
  z-index: 20;
  font-size: 0.95em;
  border-top: 1px solid #E6EEF6;
}
@media screen and (max-width: 320px) {
  .list_of_chapters .label_chapters {
    height: 71px;
  }
}
@media screen and (min-width: 321px) {
  .list_of_chapters .label_chapters {
    height: 76px;
  }
}
.list_of_chapters .label_chapters .middle {
  padding-right: 20px;
}
@media screen and (max-width: 320px) {
  .list_of_chapters .label_chapters .middle {
    padding-left: 49px;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .list_of_chapters .label_chapters .middle {
    padding-left: 69px;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .list_of_chapters .label_chapters .middle {
    padding-left: 62px;
  }
}
@media screen and (min-width: 769px) {
  .list_of_chapters .label_chapters .middle {
    padding-left: 60px;
  }
}
.list_of_chapters .label_chapters .tex {
  float: left;
  width: 83%;
  line-height: 1.5em;
  font-weight: 700;
  font-size: 1.1em;
}
.list_of_chapters .label_chapters:hover {
  background: #ffffff;
}
.list_of_chapters .label_chapters:before {
  line-height: 76px;
  color: #3E5374;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 320px) {
  .list_of_chapters .label_chapters:before {
    left: 20px;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .list_of_chapters .label_chapters:before {
    left: 35px;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .list_of_chapters .label_chapters:before {
    left: 31px;
  }
}
@media screen and (min-width: 769px) {
  .list_of_chapters .label_chapters:before {
    left: 29px;
  }
}
.list_of_chapters input:checked + .label_chapters {
  border-bottom: 1px solid #E6EEF6;
}
.list_of_chapters input:checked + .label_chapters:before {
  -webkit-transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
      -ms-transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
          transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.list_of_chapters .lable_lesson {
  overflow: hidden;
  position: relative;
  z-index: 20;
  font-size: 0.95em;
  border-top: 1px solid #E6EEF6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
}
@media screen and (max-width: 320px) {
  .list_of_chapters .lable_lesson {
    height: 81px;
  }
}
@media screen and (min-width: 321px) {
  .list_of_chapters .lable_lesson {
    min-height: 75px;
    padding-top: 1.125em;
    padding-bottom: 1.063em;
  }
}
.list_of_chapters .lable_lesson .num {
  border-left: 2px solid #AABFD3;
  border-right: 2px solid #AABFD3;
  float: left;
  text-align: center;
  margin-right: 10px;
  position: absolute;
  left: 0px;
  top: 29px;
  color: #3E5374;
  font-size: 0.95em;
  height: 14px;
  line-height: 12px;
  font-weight: 700;
}
@media screen and (max-width: 320px) {
  .list_of_chapters .lable_lesson .num {
    width: 21px;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .list_of_chapters .lable_lesson .num {
    width: 27px;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .list_of_chapters .lable_lesson .num {
    width: 25px;
  }
}
@media screen and (min-width: 769px) {
  .list_of_chapters .lable_lesson .num {
    width: 1.8em;
  }
}
.list_of_chapters .lable_lesson .view_lesson,
.list_of_chapters .lable_lesson .view_lesson_means,
.list_of_chapters .lable_lesson .lesson_unseen {
  position: absolute;
  top: 18px;
  left: 2.313em;
}
.list_of_chapters .lable_lesson .tex, .list_of_chapters .lable_lesson .des {
  width: 80%;
  float: left;
  padding-left: 75.05px;
}
@media screen and (min-width: 480px) and (max-width: 600px) {
  .list_of_chapters .lable_lesson .tex, .list_of_chapters .lable_lesson .des {
    width: 75%;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .list_of_chapters .lable_lesson .tex, .list_of_chapters .lable_lesson .des {
    width: 70%;
  }
}
.list_of_chapters .lable_lesson .tex {
  color: #416086;
  font-size: 1em;
  font-weight: 700;
}
.list_of_chapters .lable_lesson .des {
  font-size: 0.875em;
  line-height: 1em;
  margin-top: 5px;
}
.list_of_chapters .lable_lesson .icon-play.lesson_unseen {
  color: #00D60D;
}
.list_of_chapters .lable_lesson .icon-play.lesson_unseen:before {
  position: absolute;
  top: 49%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0px);
          transform: translate3d(-50%, -50%, 0px);
  font-size: 10px;
  letter-spacing: 0px;
  line-height: 10px;
}
.list_of_chapters .lable_lesson .icon-play.view_lesson:before {
  position: absolute;
  top: 49%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0px);
          transform: translate3d(-50%, -50%, 0px);
  font-size: 10px;
  letter-spacing: 0px;
  line-height: 10px;
}
.list_of_chapters .lable_lesson .icon-play.view_lesson_means {
  padding-top: 10px;
  padding-left: 10px;
}
.list_of_chapters .lable_lesson .icon-approved-2.view_lesson_means,
.list_of_chapters .lable_lesson .icon-approved-2.view_lesson {
  line-height: 25px;
  text-align: center;
  font-size: 15px;
}
.list_of_chapters .lable_lesson .icon-play.view_lesson_means,
.list_of_chapters .lable_lesson .icon-play.view_lesson {
  font-size: 9px;
}
.list_of_chapters .lable_lesson .icon-doc.view_lesson_means,
.list_of_chapters .lable_lesson .icon-doc.view_lesson {
  line-height: 29px;
  text-align: center;
}
.list_of_chapters .lable_lesson .icon-audio.view_lesson_means,
.list_of_chapters .lable_lesson .icon-audio.view_lesson {
  padding-left: 1px;
  line-height: 28px;
  text-align: center;
}
.list_of_chapters .lable_lesson .icon-doc.lesson_unseen,
.list_of_chapters .lable_lesson .icon-audio.lesson_unseen {
  line-height: 31px;
  text-align: center;
}
.list_of_chapters .lable_lesson .icon-doc.lesson_unseen {
  color: #19C3FF;
}
.list_of_chapters .lable_lesson .icon-audio.lesson_unseen {
  color: #FFAF3B;
}
.list_of_chapters .lable_lesson .icon-question.lesson_unseen {
  color: #27C2FF;
  line-height: 32px;
  text-align: center;
}
.list_of_chapters .lable_lesson .icon-question.view_lesson_means,
.list_of_chapters .lable_lesson .icon-question.view_lesson {
  line-height: 28px;
  text-align: center;
}
.list_of_chapters .view_lesson,
.list_of_chapters .lesson_unseen,
.list_of_chapters .view_lesson_means {
  border-radius: 50%;
  float: left;
  height: 33px;
  width: 33px;
}
.list_of_chapters .view_lesson {
  border: 4px solid #AABFD3;
  background: #597496;
  color: #ffffff;
}
.list_of_chapters .view_lesson_means {
  border-left: 4px solid #AABFD3;
  border-bottom: 4px solid #AABFD3;
  border-right: 4px solid #597496;
  border-top: 4px solid #597496;
  background: #597496;
  color: #ffffff;
}
.list_of_chapters .lesson_unseen {
  background: #294C77;
}
.list_of_chapters article {
  overflow: hidden;
  height: 0px;
  width: 100%;
  float: left;
  display: block;
  -webkit-transition: height 0.3s ease 0s, display 1s ease 0s;
  -o-transition: height 0.3s ease 0s, display 1s ease 0s;
  transition: height 0.3s ease 0s, display 1s ease 0s;
}
.list_of_chapters article p {
  display: block;
  border-left: 1px solid #BCD0ED;
  padding-left: 30px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  margin-bottom: 30px;
  color: #456587;
  font-size: 0.8em;
  line-height: 1.5em;
}
.list_of_chapters article p strong {
  display: block;
  margin-bottom: 8px;
  font-size: 1em;
  line-height: 1.5em;
  color: #041536;
}
@media screen and (max-width: 320px) {
  .list_of_chapters article p {
    margin-left: 49px;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .list_of_chapters article p {
    margin-left: 66px;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .list_of_chapters article p {
    margin-left: 55px;
  }
}
@media screen and (min-width: 769px) {
  .list_of_chapters article p {
    margin-left: 59px;
  }
}
.list_of_chapters article li:hover {
  background: #F2F8FC;
}
@media screen and (max-width: 320px) {
  .list_of_chapters article li {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .list_of_chapters article li {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .list_of_chapters article li {
    padding-left: 21px;
    padding-right: 21px;
  }
}
@media screen and (min-width: 769px) {
  .list_of_chapters article li {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.list_of_chapters article li:first-of-type .lable_lesson {
  border-top: none;
}
.list_of_chapters input:checked ~ article {
  height: auto;
  display: table;
  -webkit-transition: height 0.3s ease 0s, display 1s ease 0s;
  -o-transition: height 0.3s ease 0s, display 1s ease 0s;
  transition: height 0.3s ease 0s, display 1s ease 0s;
}

.icon_cir_des_lesson {
  border-radius: 100%;
  padding-left: 1px;
  background: #C9DBEF;
  color: #3E5374;
  z-index: 30;
  cursor: pointer;
  position: absolute;
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
@media screen and (min-width: 769px) {
  .icon_cir_des_lesson {
    height: 27px;
    width: 27px;
    top: 24px;
  }
  .icon_cir_des_lesson .icon-less,
.icon_cir_des_lesson .icon-pluss {
    font-size: 9px;
    line-height: 27px;
    margin-left: 8px;
  }
}
@media screen and (min-width: 321px) and (max-width: 768px) {
  .icon_cir_des_lesson {
    height: 50px;
    width: 50px;
    top: 14px;
  }
  .icon_cir_des_lesson .icon-less,
.icon_cir_des_lesson .icon-pluss {
    font-size: 20px;
    line-height: 49px;
    margin-left: 14px;
  }
}
@media screen and (max-width: 320px) {
  .icon_cir_des_lesson {
    height: 37px;
    width: 37px;
    top: 14px;
  }
  .icon_cir_des_lesson .icon-less,
.icon_cir_des_lesson .icon-pluss {
    font-size: 15px;
    line-height: 36px;
    margin-left: 10px;
  }
}
@media screen and (min-width: 321px) {
  .icon_cir_des_lesson {
    right: 30px;
  }
}
@media screen and (max-width: 320px) {
  .icon_cir_des_lesson {
    right: 13px;
  }
}
.icon_cir_des_lesson .icon-less {
  display: none;
  visibility: hidden;
}
.icon_cir_des_lesson:hover {
  color: #ffffff;
  background: #3E5374 !important;
}

input:checked + .icon_cir_des_lesson .icon_cir_des_lesson {
  background: #AABFD3;
}
input:checked + .icon_cir_des_lesson .icon-less {
  display: inline;
  visibility: visible;
}
input:checked + .icon_cir_des_lesson .icon-pluss {
  display: none;
  visibility: hidden;
}

@media screen and (max-width: 320px) {
  .menu_lecciones_questions, .menu_lecciones_file {
    display: none;
    visibility: hidden;
  }
}

.menu_lecciones_file {
  height: 28px;
  min-width: 41px;
  position: absolute;
  border: 1px solid #AABFD3;
  border-radius: 28px;
  line-height: 28px;
  padding-left: 20px;
  top: 24px;
  right: 0px;
}
.menu_lecciones_file i {
  position: absolute;
  top: 8px;
  font-size: 0.75em;
  left: 7px;
}

.title_60 {
  width: 70% !important;
}

.title_70 {
  width: 70% !important;
}

.menu_lecciones_questions {
  height: 28px;
  min-width: 30px;
  position: absolute;
  background: #FFD62C;
  border-radius: 28px;
  line-height: 28px;
  padding-left: 5px;
  top: 24px;
  font-size: 0.7em;
  text-transform: uppercase;
  font-weight: 700;
  color: #0B264F;
  padding-right: 5px;
  right: 0px;
  text-align: center;
}
.menu_lecciones_questions span {
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  .menu_lecciones_questions span {
    display: none;
  }
}

.label_chapters .menu_lecciones_questions {
  right: 20px;
  text-align: center;
}

.option_circles_question_file {
  right: 51px;
}

@media screen and (min-width: 769px) {
  .option_circles_question_label,
.option_circles_file_label {
    right: 35px;
  }
}
@media screen and (min-width: 321px) and (max-width: 768px) {
  .option_circles_question_label,
.option_circles_file_label {
    right: 70px;
  }
}
@media screen and (max-width: 320px) {
  .option_circles_question_label,
.option_circles_file_label {
    right: 47px;
  }
}

@media screen and (min-width: 769px) {
  .option_circles_question_flie_label {
    right: 82px;
  }
}
@media screen and (min-width: 321px) and (max-width: 768px) {
  .option_circles_question_flie_label {
    right: 105px;
  }
}
@media screen and (max-width: 320px) {
  .option_circles_question_flie_label {
    right: 98px;
  }
}
@media screen and (max-width: 1124px) {
  .option_circles_question_flie_label {
    text-align: center;
  }
  .option_circles_question_flie_label span {
    display: none;
  }
}

.free-course-modal {
  display: block;
  margin: auto 0;
  border-radius: 3px;
  background: none #1fcc65;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.21);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.21);
  font-size: 12px;
  font-weight: 400;
  color: white;
  border: none;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (min-width: 769px) {
  .free-course-modal {
    height: 23px;
    width: 75px;
  }
}
@media screen and (min-width: 321px) and (max-width: 768px) {
  .free-course-modal {
    height: 48px;
    width: 48px;
    border-radius: 100%;
  }
}
@media screen and (max-width: 320px) {
  .free-course-modal {
    height: 37px;
    width: 37px;
    border-radius: 100%;
  }
}
.free-course-modal:hover {
  background: #22dd6d;
}

.precio-2 {
  color: #e6eef6;
  margin-top: 20px;
}
@media screen and (min-width: 850px) {
  .precio-2 {
    font-size: 1.5em;
  }
}
@media screen and (min-width: 481px) and (max-width: 849px) {
  .precio-2 {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 480px) {
  .precio-2 {
    font-size: 0.8em;
  }
}

.precio-1 {
  color: #7088a4;
  margin-top: 10px !important;
  float: left;
  position: relative;
  text-decoration: line-through;
  /*&:before{
      content: "";
      height: 1px;
      position: relative;
      float: left;
      clear: both;
      background-color: #f96464; 
      width: 100%;
      position: absolute;
      top: 50%;
  }
  /*z-index: 191;*/
}
@media screen and (min-width: 850px) {
  .precio-1 {
    font-size: 1.125em;
  }
}
@media screen and (max-width: 849px) {
  .precio-1 {
    font-size: 0.7em;
  }
}

.precio-3 {
  color: #7088a4;
  font-size: 0.875em;
  margin-top: 10px !important;
  float: left;
  position: relative;
  margin-left: 5px;
}
@media screen and (max-width: 750px) {
  .precio-3 {
    display: none;
  }
}

.precio {
  font-weight: 400;
  height: 0.667em;
  line-height: 0.6;
}

.line {
  z-index: 5;
}

.lbl_offer {
  background: #FFD23A;
  position: absolute;
  color: #0E2F5C;
  line-height: 1.3;
  font-weight: 400;
  padding-left: 5px;
}
@media screen and (min-width: 769px) {
  .lbl_offer {
    top: 17px;
    width: 156px;
    right: -165px;
    height: 21px;
  }
  .lbl_offer .icon_lable {
    display: none;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .lbl_offer {
    bottom: 5px;
    width: 125px;
    left: 0px;
    height: 15px;
    font-size: 12px;
  }
  .lbl_offer .icon_lable {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .lbl_offer {
    bottom: 5px;
    width: 60px;
    left: 0px;
    height: 15px;
    font-size: 12px;
  }
  .lbl_offer .txt_lable {
    display: none;
  }
}
.lbl_offer:before {
  content: "";
  width: 5px;
  background: #FFD23A;
  border: 2px solid #FFD23A;
  border-radius: 0 100px 100px 0;
  position: absolute;
  right: -8px;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .lbl_offer:before {
    height: 17px;
  }
}
@media screen and (max-width: 768px) {
  .lbl_offer:before {
    height: 11px;
  }
}

.hours_time_left, .days_time_left {
  float: left;
  position: absolute;
  display: block;
}
@media screen and (min-width: 769px) {
  .hours_time_left, .days_time_left {
    right: -220px;
    top: 40px;
    font-size: 14px;
    width: 210px;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .hours_time_left, .days_time_left {
    right: -75px;
    top: 15px;
    font-size: 10px;
    width: 75px;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .hours_time_left, .days_time_left {
    display: none;
  }
}

.days_time_left {
  color: white;
}

.hours_time_left {
  color: #F96464;
}

.clearfix::before, .clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

.clearfix::before, .clearfix::after {
  content: "";
  display: table;
}

.container_price {
  float: left;
  height: 4.875em;
  margin-left: 2.4111%;
  position: relative;
}

.element_border {
  background-color: #f96464;
  clear: both;
  float: left;
  height: 0.063em;
  margin-top: -0.437em;
  position: relative;
  width: 86px;
  /*z-index: 192;*/
}

.tabs-wrapper,
.tabs_wrapper {
  float: left;
  background: #ffffff;
  border-radius: 0.25em;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
}

.tabs_wrapper {
  margin-bottom: 2.5em;
}
.tabs_wrapper .tabs_label {
  color: #aabfd3;
  width: 33.3333333%;
}
.tabs_wrapper .tabs_label span {
  color: #113868;
}
@media screen and (max-width: 320px) {
  .tabs_wrapper .tabs_label span {
    font-size: 0.75em;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .tabs_wrapper .tabs_label span {
    font-size: 1em;
  }
}
@media screen and (min-width: 481px) {
  .tabs_wrapper .tabs_label span {
    font-size: 1.4em;
  }
}
.tabs_wrapper .tab-body {
  display: inline;
  opacity: 1;
  width: 100%;
}

.tabs_wrapper_teachlr {
  margin-top: 1.25em;
}

.tabs-wrapper.n3 .tabs_label {
  width: 33%;
}
.tabs-wrapper .tabs_label {
  color: #aabfd3;
  width: 25%;
  text-align: center;
}
.tabs-wrapper .tabs_label span {
  color: #aabfd3;
  text-transform: uppercase;
}
@media screen and (max-width: 320px) {
  .tabs-wrapper .tabs_label span {
    font-size: 0.75em;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .tabs-wrapper .tabs_label span {
    font-size: 1em;
  }
}
@media screen and (min-width: 481px) {
  .tabs-wrapper .tabs_label span {
    font-size: 1.2em;
  }
}

.tabs_label {
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  position: relative;
  height: 73px;
  line-height: 40px;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tabs_label span {
  line-height: 73px;
  width: 100%;
  font-weight: 700;
  height: 73px;
  width: 100%;
  display: block;
}
@media screen and (max-width: 320px) {
  .tabs_label:first-of-type {
    padding-left: 10px;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .tabs_label:first-of-type {
    padding-left: 20px;
  }
}
@media screen and (min-width: 481px) {
  .tabs_label:first-of-type {
    padding-left: 30px;
  }
}
@media screen and (max-width: 320px) {
  .tabs_label:last-of-type {
    padding-right: 10px;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .tabs_label:last-of-type {
    padding-right: 20px;
  }
}
@media screen and (min-width: 481px) {
  .tabs_label:last-of-type {
    padding-right: 30px;
  }
}

#tab1:checked ~ .tabs-wrapper .tab1 span,
#tab2:checked ~ .tabs-wrapper .tab2 span,
#tab3:checked ~ .tabs-wrapper .tab3 span,
#tab4:checked ~ .tabs-wrapper .tab4 span {
  border-bottom: 5px solid #00D60D;
  color: #00D60D;
}

.tab-body {
  display: none;
  opacity: 0;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 320px) {
  .tab-body {
    padding-top: 12px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .tab-body {
    padding-top: 12px;
    padding-left: 21px;
    padding-right: 21px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 481px) {
  .tab-body {
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 40px;
  }
}

.tab-body-wrapper {
  background: #ffffff;
  -webkit-animation-delay: 0.2s;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-name: show;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-delay: 0.2s;
  -moz-animation-duration: 1.5s;
  -moz-animation-name: show;
  -moz-animation-fill-mode: forwards;
  -o-animation-delay: 0.2s;
  -o-animation-duration: 1.5s;
  -o-animation-name: show;
  -o-animation-fill-mode: forwards;
  animation-delay: 0.2s;
  animation-duration: 1.5s;
  animation-name: show;
  animation-fill-mode: forwards;
  width: 100%;
  float: left;
  border-top: 1px solid #E6EEF6;
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}

#tab1,
#tab2,
#tab3,
#tab4 {
  display: none;
}

#tab1:checked ~ .tabs-wrapper .tab-body-wrapper #tab-body-1,
#tab2:checked ~ .tabs-wrapper .tab-body-wrapper #tab-body-2,
#tab3:checked ~ .tabs-wrapper .tab-body-wrapper #tab-body-3,
#tab4:checked ~ .tabs-wrapper .tab-body-wrapper #tab-body-4 {
  display: inline;
  opacity: 1;
  width: 100%;
  /* Choose one */
}

#tab1:checked ~ .DT_all_student,
#tab2:checked ~ .DT_all_announcements,
#tab3:checked ~ .DT_all_reviews,
#tab2:checked ~ .DS_all_announcements,
#tab3:checked ~ .DS_all_student {
  display: inline;
  opacity: 1;
}

.button_go_to_course {
  margin-bottom: 20px;
  display: table;
}
.button_go_to_course a {
  height: 171px;
  background: #0B264F;
  position: relative;
  border-radius: 3px;
  width: 100%;
  border: none;
  float: left;
  display: table;
}
.button_go_to_course .tex {
  width: 100%;
  float: left;
  height: 110px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.button_go_to_course .var_go_to_course {
  padding-left: 94px;
  width: 100%;
  float: left;
  height: 61px;
  color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  background: #0E2F5C;
}
.button_go_to_course .num {
  border-left: 1px solid #E6EEF6;
  border-right: 1px solid #E6EEF6;
  float: left;
  text-align: center;
  margin-right: 10px;
  color: #ffffff;
  font-size: 0.75em;
  height: 10px;
  line-height: 10px;
  width: 30px;
  position: absolute;
  left: 20px;
  top: 25.5px;
}
.button_go_to_course i {
  float: left;
  font-size: 15px;
  position: absolute;
  left: 65px;
  top: 23px;
}
.button_go_to_course .title {
  float: left;
  width: calc(100% - 90px);
}
@media screen and (max-width: 320px) {
  .button_go_to_course .title {
    padding-top: 23px;
    padding-bottom: 23px;
    font-size: 0.85em;
    width: 60%;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .button_go_to_course .title {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1em;
  }
}
.button_go_to_course .time {
  right: 15px;
  top: 22px;
  font-size: 1.1em;
  position: absolute;
  color: #9aafcb;
  line-height: 1em;
}
@media screen and (max-width: 320px) {
  .button_go_to_course .time {
    font-size: 0.85em;
    top: 25px;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .button_go_to_course .time {
    font-size: 1em;
    top: 20px;
  }
}
.button_go_to_course .tex {
  opacity: 1;
  padding-left: 92px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #ffffff;
  font-size: 1.2em;
  text-transform: uppercase;
}
.button_go_to_course .tex span {
  font-weight: 700;
}
.button_go_to_course .tex i {
  left: 28px;
  font-size: 43px;
  top: 32px;
}
.button_go_to_course .icon-doc {
  color: #19C3FF;
}
.button_go_to_course .icon-audio {
  color: #FFAF3B;
}
.button_go_to_course .icon-pla {
  color: #00D60D;
}
.button_go_to_course .icon-question {
  color: #27C2FF;
}

.dashboard_Description {
  color: #456587;
  font-size: 1em;
  line-height: 1.5em;
}
.dashboard_Description .dashboard_student li, .dashboard_student .dashboard_Description li, .dashboard_Description .Level_of_education, .dashboard_Description dropdown .dropdown_menu, .dashboard_Description dropdown label, .dashboard_Description ul, .dashboard_Description h2, .dashboard_Description p, .dashboard_Description h3 {
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dashboard_Description h3 {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #E6EEF6;
  font-weight: 700;
  color: #416086;
}
.dashboard_Description h2, .dashboard_Description p {
  margin-bottom: 20px;
  font-weight: 300;
}
.dashboard_Description ul {
  margin-bottom: 12px;
  margin-top: 15px;
}
.dashboard_Description ul li {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100% - 20px);
  margin-left: 15px;
  margin-bottom: 12px;
  padding-left: 10px;
  border-left: 4px solid #00D60D;
  font-weight: 300;
}
.dashboard_Description dropdown label {
  font-weight: 300;
  position: relative;
  text-align: center;
  font-size: 16px;
  display: block;
  margin-bottom: 23px;
  margin-top: 11px;
}
.dashboard_Description dropdown label:before {
  content: "";
  display: block;
  border-top: 1px solid #E6EEF6;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 1;
}
.dashboard_Description dropdown label .span_2 {
  display: none;
}
.dashboard_Description dropdown label span {
  padding: 0 10px;
  position: relative;
  display: inline-block;
  z-index: 1;
  background: #ffffff;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: 700;
  color: #7194B5;
}
.dashboard_Description dropdown .dropdown_menu {
  height: 168px;
  overflow: hidden;
  display: block;
}
.dashboard_Description dropdown input[type=checkbox]:checked ~ .dropdown_menu {
  height: auto;
  min-height: 168px;
}
.dashboard_Description dropdown input[type=checkbox]:checked ~ .dropdown_menu ~ label .span_1 {
  display: none;
}
.dashboard_Description dropdown input[type=checkbox]:checked ~ .dropdown_menu ~ label .span_2 {
  display: inline;
}
.dashboard_Description .Level_of_education {
  font-size: 1.25em;
  margin-bottom: 40px;
  line-height: 0.9em;
  margin-top: 3px;
  color: #0EA8E7;
}

.dashboard_student {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dashboard_student li, .dashboard_student ul, .dashboard_student .dashboard_Description h3, .dashboard_Description .dashboard_student h3, .dashboard_student .dashboard_Description h2, .dashboard_Description .dashboard_student h2, .dashboard_student .dashboard_Description p, .dashboard_Description .dashboard_student p, .dashboard_student .dashboard_Description dropdown label, .dashboard_Description dropdown .dashboard_student label, .dashboard_student .dashboard_Description dropdown .dropdown_menu, .dashboard_Description dropdown .dashboard_student .dropdown_menu, .dashboard_student .dashboard_Description .Level_of_education, .dashboard_Description .dashboard_student .Level_of_education {
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dashboard_student li {
  height: 83px;
  border-bottom: 1px solid #E6EEF6;
  position: relative;
}
.dashboard_student li .middle {
  margin-top: 24px;
}
@media screen and (max-width: 424px) {
  .dashboard_student ul.list_for_students li {
    height: 115px;
  }
  .dashboard_student ul.list_for_students .student_info {
    width: 100%;
  }
  .dashboard_student ul.list_for_students .contact_student {
    margin-top: 13px;
    float: left;
  }
}
.dashboard_student .student_info {
  position: relative;
  z-index: 1;
}
.dashboard_student .student_info img {
  float: left;
  height: 55px;
  width: 55px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: -11px;
}
.dashboard_student .student_info .description, .dashboard_student .student_info .name {
  padding-left: 63px;
  text-align: left;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard_student .student_info .name {
  font-size: 0.95em;
  font-weight: 700;
  color: #456587;
}
.dashboard_student .student_info .description {
  font-size: 0.75em;
  color: #7194B5;
}
.dashboard_student .contact_student {
  width: 156px;
  float: right;
}
.dashboard_student .contact_student button,
.dashboard_student .contact_student a {
  height: 31px;
  border-radius: 3px;
  color: #ffffff;
  background: #22DD6D;
  border: none;
  float: right;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3);
          box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3);
}
.dashboard_student .contact_student button:active,
.dashboard_student .contact_student a:active {
  background: #15B756;
}
.dashboard_student .contact_student .follow {
  width: 86px;
  text-transform: uppercase;
  font-size: 0.75em;
}
@media screen and (min-width: 537px) and (max-width: 604px) {
  .dashboard_student .contact_student .follow {
    width: 70px;
  }
}
@media screen and (min-width: 481px) and (max-width: 536px) {
  .dashboard_student .contact_student .follow {
    width: 60px;
  }
}
.dashboard_student .contact_student .icon-message {
  width: 49px;
  margin-left: 20px;
  text-align: center;
  line-height: 30px;
}
@media screen and (min-width: 481px) and (max-width: 536px) {
  .dashboard_student .contact_student .icon-message {
    width: 40px;
  }
}
@media screen and (min-width: 481px) {
  .dashboard_student .progress {
    position: absolute;
    padding-left: 42%;
    left: 0px;
  }
}
@media screen and (min-width: 537px) {
  .dashboard_student .progress {
    width: calc(100% - 165px);
  }
}
@media screen and (min-width: 481px) and (max-width: 536px) {
  .dashboard_student .progress {
    width: calc(100% - 135px);
  }
}
.dashboard_student .progress .bar {
  height: 5px;
  border-radius: 4px;
  width: 100%;
  background: #D3E4F6;
  margin-bottom: 10px;
  position: relative;
}
.dashboard_student .progress .bar div {
  position: absolute;
  left: 0px;
  top: 0px;
  background: #27C2FF;
  height: 100%;
  border-radius: 4px;
}
@media screen and (min-width: 481px) {
  .dashboard_student .progress .tex,
.dashboard_student .progress .percentage {
    font-size: 0.75em;
  }
}
.dashboard_student .progress .percentage {
  float: left;
  color: #27C2FF;
}
@media screen and (max-width: 480px) {
  .dashboard_student .progress .percentage {
    font-weight: 700;
  }
}
@media screen and (max-width: 480px) {
  .dashboard_student .progress .percentage {
    font-size: 0.95em;
  }
}
.dashboard_student .progress .tex {
  text-transform: uppercase;
  color: #7194B5;
}
@media screen and (min-width: 481px) {
  .dashboard_student .progress .tex {
    float: right;
  }
}
@media screen and (max-width: 480px) {
  .dashboard_student .progress .tex {
    float: left;
    font-size: 0.85em;
  }
}

.DT_all_student,
.DS_all_student {
  margin-top: 20px;
  display: none;
  opacity: 0;
}

.dashboard_reviews {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #456587;
}
.dashboard_reviews ul, .dashboard_reviews li {
  width: 100%;
  float: left;
}
.dashboard_reviews li {
  border-bottom: 1px solid #E6EEF6;
  padding-top: 30px;
}
.dashboard_reviews li:first-of-type {
  padding-top: 0px;
}
.dashboard_reviews .title_content {
  position: relative;
  padding-left: 44px;
}
@media screen and (min-width: 321px) and (max-width: 374px) {
  .dashboard_reviews .title_content {
    width: 100%;
  }
}
.dashboard_reviews .title_content img {
  position: absolute;
  left: 0;
  border-radius: 100%;
}
@media screen and (min-width: 769px) {
  .dashboard_reviews .title_content img {
    height: 32px;
    width: 32px;
  }
}
@media screen and (min-width: 321px) and (max-width: 768px) {
  .dashboard_reviews .title_content img {
    height: 36px;
    width: 36px;
  }
}
@media screen and (max-width: 320px) {
  .dashboard_reviews .title_content img {
    height: 35px;
    width: 35px;
  }
}
.dashboard_reviews .title_content .title {
  font-size: 1.1em;
  font-weight: 700;
  display: block;
}
.dashboard_reviews .title_content .name {
  font-size: 0.8em;
  color: #7194B5;
}
@media screen and (min-width: 481px) {
  .dashboard_reviews .title_content .name {
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .dashboard_reviews .title_content .name {
    margin-bottom: 27px;
  }
}
@media screen and (max-width: 320px) {
  .dashboard_reviews .title_content .name {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 375px) {
  .dashboard_reviews .content_eviews {
    float: right;
  }
}
@media screen and (min-width: 481px) {
  .dashboard_reviews .content_eviews {
    width: 156px;
    margin-top: 7px;
  }
}
@media screen and (min-width: 375px) and (max-width: 480px) {
  .dashboard_reviews .content_eviews {
    width: 111px;
  }
}
@media screen and (max-width: 374px) {
  .dashboard_reviews .content_eviews {
    float: left;
    width: 50%;
    margin-left: 44px;
  }
}
@media screen and (min-width: 481px) {
  .dashboard_reviews .content_eviews img {
    height: 22px;
    width: 22px;
    margin-right: 7px;
  }
  .dashboard_reviews .content_eviews img:last-of-type {
    margin-right: 0px;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .dashboard_reviews .content_eviews img {
    height: 15px;
    width: 15px;
    margin-right: 4px;
  }
  .dashboard_reviews .content_eviews img:last-of-type {
    margin-right: 0px;
  }
}
@media screen and (max-width: 320px) {
  .dashboard_reviews .content_eviews img {
    height: 15px;
    width: 15px;
    margin-top: -2px;
  }
}
.dashboard_reviews .content_tex_reviews {
  padding-left: 44px;
  line-height: 1.5em;
}
@media screen and (min-width: 481px) {
  .dashboard_reviews .content_tex_reviews {
    font-size: 0.95em;
    margin-bottom: 33px;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .dashboard_reviews .content_tex_reviews {
    font-size: 0.9em;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 320px) {
  .dashboard_reviews .content_tex_reviews {
    font-size: 0.8em;
    margin-bottom: 38px;
  }
}

.DT_all_reviews {
  margin-top: 20px;
  display: none;
  opacity: 0;
}

.dashboard_settings {
  color: #456587;
  font-size: 1em;
  line-height: 1.5em;
}
.dashboard_settings .raty, .dashboard_settings .raty_edit, .dashboard_settings .title_notifications {
  border-bottom: 1px solid #E6EEF6;
  padding-bottom: 8px;
  float: left;
  width: 100%;
}
@media screen and (min-width: 330px) {
  .dashboard_settings .raty_star {
    width: 136px;
    height: 20px;
    margin-left: 80px;
  }
}
@media screen and (max-width: 329px) {
  .dashboard_settings .raty_star {
    width: 100%;
    height: 20px;
    float: left;
  }
}
.dashboard_settings .raty_star img {
  width: 20px;
  height: 20px;
}
.dashboard_settings .title_notifications {
  margin-top: 60px;
}
.dashboard_settings .raty_edit {
  cursor: pointer;
  color: #AABFD3;
  text-transform: uppercase;
  font-weight: 700;
}
.dashboard_settings .email_notifications {
  margin-bottom: 100px;
  float: left;
  width: 100%;
}
.dashboard_settings .email_notifications input[type=checkbox] {
  display: none;
}
.dashboard_settings .email_notifications li {
  height: 80px;
  float: left;
  width: 100%;
  border-bottom: 1px solid #f5f9f9;
}
.dashboard_settings .email_notifications label {
  height: 44px;
  width: 44px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background: #D3E4F6;
  color: #f5f9f9;
  border-radius: 3px;
  margin-right: 10px;
}
.dashboard_settings .email_notifications label .icon-approved-2,
.dashboard_settings .email_notifications label .icon-circle {
  width: 100%;
  line-height: 44px;
  text-align: center;
}
.dashboard_settings .email_notifications label .icon-approved-2 {
  display: none;
  font-size: 21px;
}
.dashboard_settings .email_notifications label .icon-circle {
  font-size: 18px;
}
.dashboard_settings .email_notifications input[type=checkbox]:checked + label {
  background: #22DD6D;
}
.dashboard_settings .email_notifications input[type=checkbox]:checked + label .icon-approved-2 {
  display: inline;
}
.dashboard_settings .email_notifications input[type=checkbox]:checked + label .icon-circle {
  display: none;
}
.dashboard_settings .separator_button {
  width: 100%;
  height: 48px;
  position: relative;
  float: left;
}
.dashboard_settings .separator_button:before {
  content: "";
  display: block;
  border-top: 1px solid #E6EEF6;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 1;
}
.dashboard_settings .separator_button button {
  position: relative;
  display: block;
  margin-right: auto;
  margin-left: auto;
  height: 48px;
  width: 130px;
  border: none;
  color: #ffffff;
  background: #22DD6D;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3);
          box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3);
  text-transform: uppercase;
  z-index: 1;
}
.dashboard_settings .tex_comment {
  padding-left: 20px;
  font-size: 0.95em;
  padding-right: 20px;
  padding-top: 20px;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dashboard_settings .tex_comment .title_comment {
  margin-bottom: 10px;
}

.raty_star_modal {
  width: 136px;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
}
.raty_star_modal img {
  width: 20px;
  height: 20px;
}

.texarea_reviews, .input_reviews {
  margin-top: 15px;
  border: 1px solid #D3E4F6;
  position: relative;
  border-radius: 3px;
  display: block;
}
.texarea_reviews span, .input_reviews span {
  position: absolute;
  line-height: 46px;
  right: 20px;
  top: 0;
  color: #AABFD3;
  font-size: 0.95em;
}

.input_reviews {
  height: 48px;
}
.input_reviews input {
  background: transparent;
  border: none;
  height: 48px;
  width: 100%;
  padding-left: 15px;
  line-height: 46px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.95em;
  padding-right: 20px;
  color: #456587;
}
.input_reviews input::-webkit-input-placeholder {
  color: #AABFD3;
}
.input_reviews input:-ms-input-placeholder {
  color: #AABFD3;
}
.input_reviews input:-moz-placeholder {
  color: #AABFD3;
}
.input_reviews input::-moz-placeholder {
  color: #AABFD3;
}

.texarea_reviews {
  height: 152px;
  margin-bottom: 30px;
}
.texarea_reviews textarea {
  background: transparent;
  border: none;
  height: 152px;
  width: 100%;
  padding-left: 15px;
  padding-top: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #456587;
  font-size: 0.95em;
  resize: none;
}
.texarea_reviews textarea::-webkit-input-placeholder {
  color: #AABFD3;
}
.texarea_reviews textarea:-ms-input-placeholder {
  color: #AABFD3;
}
.texarea_reviews textarea:-moz-placeholder {
  color: #AABFD3;
}
.texarea_reviews textarea::-moz-placeholder {
  color: #AABFD3;
}

.title_coupons {
  font-size: 1.063em;
  font-weight: 700;
  line-height: 1;
  color: #113868;
}
.title_coupons.margin {
  margin: 1.412em auto 0px;
}
.title_coupons.margin_1 {
  margin: 2.294em auto 0px;
}
.title_coupons.margin_2 {
  margin: 0.294em auto 0px;
  float: left;
}

.div {
  width: 100%;
  height: 0.063em;
}
.div.div_1 {
  margin: 10px auto 0px;
  background-color: rgba(170, 191, 211, 0.43);
}
.div.div_2 {
  margin: 5.625em auto 0px;
  background-color: #E6EEF6;
}
.div.div_3 {
  float: left;
  clear: both;
  margin-top: 0.5em;
  background-color: rgba(170, 191, 211, 0.43);
}

.code_coupons {
  width: 100%;
  margin: 1.188em auto 0px;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.38;
  color: #13A848;
}

.cover {
  position: relative;
  float: left;
  clear: both;
  display: block;
  width: 128px;
  height: 72px;
  border-radius: 5px;
  margin-top: 7px;
}

.input_modal_coupons {
  display: block;
  position: relative;
  float: left;
  clear: both;
  z-index: 277;
  width: 72.3399%;
  height: 42px;
  margin: 0.438em 0px 0px 0.1126%;
  padding: 0px 0.625em 0.313em;
  border: 0.063em solid #C6D4E1;
  border-radius: 0.25em;
  background-color: #FFF;
  font-size: 1em;
  font-weight: 600;
  color: #113868;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.button_modal_coupons {
  position: relative;
  float: left;
  z-index: 278;
  width: 24.1133%;
  height: 42px;
  margin: 0.5em 0px 0px 3.04448%;
  padding-bottom: 0.143em;
  border-radius: 0.214em;
  background-color: #15B756;
  font-size: 0.875em;
  color: #FFF;
  border: medium none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.conten_text_monto .new_course_price, .conten_text_monto p {
  width: 99.7907%;
  line-height: 1;
}

.conten_text_monto {
  position: relative;
  float: left;
  width: calc(100% - 143px);
  height: 4.5em;
  margin: 0.375em 0px 0px 4.10983%;
}
.conten_text_monto p {
  margin: 0.045em 0px 0px -0.18047%;
  font-size: 1.375em;
  color: #294C77;
}
.conten_text_monto .course_price {
  float: left;
  margin-left: -0.18047%;
  position: relative;
  margin-top: 0.706em;
  font-size: 1.063em;
  font-weight: 700;
  color: #7088A4;
}
.conten_text_monto .lin {
  z-index: 5;
  height: 1px;
  margin: -11px 0px 0px -0.18047%;
  position: relative;
  float: left;
  clear: both;
  background-color: #F96464;
}
.conten_text_monto .new_course_price {
  float: left;
  margin-left: -0.18047%;
  clear: both;
  margin-top: 0.182em;
  font-size: 1.375em;
  font-weight: 400;
  color: #113868;
}
.conten_text_monto .tex_menu {
  float: left;
  width: 99.6861%;
  min-height: 2.813em;
  border-bottom: 0.063em solid rgba(113, 148, 181, 0.19);
  font-size: 1em;
  font-weight: 600;
  line-height: 1.2;
  color: #416086;
}
.conten_text_monto .price {
  clear: both;
  width: 80.7506%;
  margin-top: 0.333em;
  font-size: 1.125em;
  line-height: 1;
  color: #294C77;
  float: left;
}

.modal_coupons * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.box_ {
  width: 47.9971%;
  height: 74px;
  border: 1px solid #C6D4E1;
  border-radius: 3px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.box_.float_left {
  float: left;
}
.box_.float_right {
  float: right;
}
.box_ .body_box_, .box_ .title_box_ {
  width: 100%;
  text-align: center;
  float: left;
  display: table;
}
.box_ .title_box_ {
  height: 31px;
  padding-top: 4px;
  border-bottom: 1px solid #C6D4E1;
  font-size: 0.875em;
  font-weight: 700;
  color: #113868;
}
.box_ .body_box_ {
  height: 43px;
  padding-top: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.25em;
  font-weight: 400;
  color: #294C77;
}
.box_.box_w {
  border-color: #FFE164;
}
.box_.box_w .title_box_ {
  border-bottom: 1px solid #FFE164;
  background-color: #FFE164;
}

.tex_w_md {
  width: 100%;
  min-height: 35px;
  font-size: 0.875em;
  font-weight: 400;
  color: #B57D03;
  text-align: center;
  margin-bottom: 12px;
  float: left;
}

.new_button_ {
  float: left;
  width: 100%;
  padding-top: 10px;
  border-top: 1px solid #e6eef6;
}

.button_md_green_container {
  height: 55px;
  float: left;
  width: 100%;
}

.new_button_md_green {
  height: 49px;
  height: 50px;
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  font-weight: 400;
  background: #1fcc65 -webkit-gradient(linear, left top, right top, from(#1fcc65), to(#15b756)) repeat scroll 0% 0%;
  background: #1fcc65 -o-linear-gradient(left, #1fcc65 0%, #15b756 100%) repeat scroll 0% 0%;
  background: #1fcc65 linear-gradient(450deg, #1fcc65 0%, #15b756 100%) repeat scroll 0% 0%;
  -webkit-box-shadow: 0 5px #13A848;
          box-shadow: 0 5px #13A848;
  color: #ffffff;
}
.new_button_md_green:hover, .new_button_md_green:active {
  background-color: #00D60D;
}
.new_button_md_green:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-transition: all 3s;
  -o-transition: all 3s;
  transition: all 3s;
}
.new_button_md_green:active {
  -webkit-box-shadow: 0 0 #13A848;
          box-shadow: 0 0 #13A848;
  top: 5px;
}

.new_button_md_green {
  text-transform: uppercase;
  font-weight: 700;
}

.btn_payment_method {
  position: relative;
  z-index: 278;
  width: 47.9971%;
  height: 4em;
  margin: 0.688em auto;
  border-radius: 0.313em;
  background-color: #FFF;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);
  border: 0.063em solid #FFF;
  display: block;
}
.btn_payment_method:hover {
  border: 0.063em solid #AABFD3;
  background-color: #FFF;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);
}

.actions_containers {
  height: 40px;
  padding-top: 10px;
  padding-bottom: 20px;
  display: table;
  width: 100%;
  border-bottom: 1px solid #E6EEF6;
}
.actions_containers .search_container {
  border: 1px solid #C6D4E1;
  border-radius: 3px;
  width: 40%;
  height: 38px;
  float: left;
  color: #113868;
}
.actions_containers .search_container input {
  height: 100%;
  width: calc(100% - 39px);
  border: none;
  padding-left: 10px;
  font-size: 14px;
  float: left;
}
.actions_containers .search_container i {
  width: 39px;
  text-align: center;
  height: 100%;
  display: table;
  float: left;
  line-height: 35px;
}
@media screen and (max-width: 436px) {
  .actions_containers .search_container {
    float: none;
    width: 211px;
    margin: auto;
  }
}
.actions_containers .btn-text {
  color: #416086;
  text-align: right;
  height: 38px;
  background: none;
  border: none;
  font-weight: 700;
  font-size: 13px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.actions_containers .btn-text:hover {
  color: #00D60D;
}
.actions_containers button {
  float: left;
  font-size: 14px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.29);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.29);
}
.actions_containers button.btn-action {
  margin: auto;
  display: block;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.29);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.29);
  font-size: 14px;
  background: #00D60D;
  height: 38px;
  border: none;
  border-radius: 4px;
  text-transform: uppercase;
  color: white;
  padding: 0px 30px;
  position: relative;
  width: 211px;
}
@media screen and (max-width: 436px) {
  .actions_containers button.btn-action {
    float: none;
    clear: both;
    margin-top: 12px;
  }
}

.dashboard_announcements .not-content {
  text-align: center;
  width: 100%;
  height: 55px;
  margin-top: 10px;
  border-bottom: 1px solid #E6EEF6;
  color: #416086;
  display: block;
  font-weight: 300;
}
.dashboard_announcements .add_announcements .btn-add {
  background: #416086;
  border-radius: 3px;
  border: none;
  color: white;
  width: 121px;
  height: 34px;
  text-transform: uppercase;
  border-radius: 4px;
  font-size: 14px;
  float: left;
}
.dashboard_announcements .add_announcements .btn-add img {
  width: 32px;
}
.dashboard_announcements .add_announcements .btn-add.deleted {
  background: #7088A4;
}
.dashboard_announcements .add_announcements .img_name {
  padding-left: 12px;
  width: calc(100% - 121px);
  display: table;
  height: 34px;
}
.dashboard_announcements .add_announcements .img_name span {
  display: table-cell;
  vertical-align: middle;
  line-height: 17px;
}
.dashboard_announcements .add_announcements textarea {
  border: 1px solid #C6D4E1;
  margin: 12px 0px;
  width: 100%;
  border-radius: 4px;
  min-height: 92px;
  padding: 6px 10px 10px;
  color: #113868;
}
.dashboard_announcements .add_announcements textarea::-webkit-input-placeholder {
  color: #537596;
}
.dashboard_announcements .add_announcements textarea:-ms-input-placeholder {
  color: #537596;
}
.dashboard_announcements .add_announcements textarea:-moz-placeholder {
  color: #537596;
}
.dashboard_announcements .add_announcements textarea::-moz-placeholder {
  color: #537596;
}
.dashboard_announcements .add_announcements .separator_button {
  position: relative;
  height: 38px;
  width: 100%;
}
.dashboard_announcements .add_announcements .separator_button .btn-action {
  margin: auto;
  display: block;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.29);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.29);
  font-size: 14px;
  background: #00D60D;
  height: 100%;
  border: none;
  border-radius: 4px;
  text-transform: uppercase;
  color: white;
  padding: 0px 30px;
  position: relative;
}
.dashboard_announcements .add_announcements .separator_button:before {
  content: "";
  display: block;
  border-top: 1px solid #C6D4E1;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
}
.dashboard_announcements .announcements_container {
  padding: 22px 0px 24px;
  border-bottom: 1px solid #E6EEF6;
  color: #113868;
}
.dashboard_announcements .announcements_container .new_announcements {
  padding: 4px 8px;
  font-size: 12px;
  background: #FFD62C;
  font-weight: 700;
  text-transform: uppercase;
}
.dashboard_announcements .announcements_container img {
  width: 100%;
  border-radius: 3px;
}
.dashboard_announcements .announcements_container p {
  margin-top: 6px;
  border-bottom: 1px solid #E6EEF6;
  color: #416086;
  font-weight: 300;
  line-height: 1.4;
  padding-bottom: 12px;
}
.dashboard_announcements .announcements_container .date {
  margin-top: 6px;
  font-weight: 700;
  color: #294C77;
  font-size: 15px;
  display: block;
}

.DT_all_announcements,
.DS_all_announcements {
  margin-top: 20px;
  display: none;
  opacity: 0;
}