.overview-head {
  padding: 20px 0 0;
}
.overview-head h2 {
  font-weight: 700;
  font-size: 36px;
  line-height: 36px;
  color: #333;
  margin-bottom: 20px;
  text-align: left;
}
.overview-head a.overvview-cta {
  background: #985fa3;
  padding: 15px 20px;
  color: #fff;
  position: relative;
  top: 20px;
}
.overview-head a.overvview-cta:hover {
  background: #00b0b9;
}
.overview-viedos {
  background: #fff;
  padding: 15px;
}
.overview-profile {
  background: #e9e9e9;
  padding: 15px;
}
.faq {
  margin: 35px 0;
}
.faq li {
  padding: 10px 5px;
}
.faq li i {
  margin-left: 10px;
}
.faq li.q {
  font-weight: 400;
  font-size: 16px;
  border-top: 1px #000 solid;
  border-bottom: 1px #000 solid;
  cursor: pointer;
  color: #333;
}
.faq li.q:hover,
.faq li.q:focus {
  color: #985fa3;
}
.faq li.q:nth-child(1),
.faq li.q:nth-child(5),
.faq li.q:nth-child(9) {
  background: #fff;
}

.faq li.a {
  font-weight: 400;
  color: #333;
  background: #fff;
  display: none;
}
.avatr-img {
  padding: 0;
}
.avatr-bio h4 {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-bottom: 0;
}
.avatr-bio p {
  font-size: 14px;
  font-weight: 400;
  color: #333;
}
ul.faq.bio-info {
  margin: 0;
}
ul.faq.bio-info li {
  border: none;
  padding: 5px 0px;
  font-size: 14px;
}
ul.faq.bio-info li.q {
  color: #985fa3;
}
.prf-info {
  padding: 15px;
  margin-bottom: 35px;
}

.prf-info img {
  border-radius: 100%;
  margin-bottom: 20px;
  width: 150px;
  height: 150px;
}
.prf-info h4 {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  margin-bottom: 15px;
}
.prf-info p {
  font-size: 14px;
  font-weight: 400;
  color: #333;
}
.prf-info p.bio-cta {
  background: #985fa3;
  padding: 5px 15px;
  color: #fff;
  font-size: 14px;
  display: initial;
}
.prf-info a.bio-cta {
  background: #985fa3;
  padding: 10px 20px;
  color: #fff;
  position: relative;
  top: 20px;
  font-size: 14px;
  display: block;
  text-align: center;
}
.prf-info a.bio-cta:hover {
  background: #00b0b9;
}
.overview-sec .project-tab {
  margin-top: 0;
}
.pequenos-animales {
  background: #e9e9e9;
  padding: 55px 0;
}
.pequenos-animales h2 {
  text-align: center;
  margin-bottom: 35px;
}
.pequenos-animales ul li {
  list-style: none;
  color: #333;
  font-weight: 400;
  font-size: 14px;
}
/**
 * Course details section
 */
section.course-details {
  background: #fff;
}
.course-details .infoBox {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.course-details .infoBox .course-meta {
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%;
}

.buy-course {
  text-align: center;
}

.buy-course .btn {
  width: 100%;
}

.buy-course .btn-outline {
  border-radius: 45px;
  margin-bottom: 10px;
}

.course-content {
  border: 1px solid #e0e4e6;
  border-radius: 3px;
  padding: 25px;
  position: relative;
  margin-bottom: 20px;
  background-color: #f7f8fa;
}

@media screen and (max-width: 575px) {
  .course-content {
    padding: 20px;
  }
}

.course-content h3 {
  font-size: 36px;
  line-height: 30px;
}

.course-content h3 a {
  font-size: 20px;
  display: block;
  color: #000;
}

.course-content h3 a:hover {
  color: #ef470d;
}

@media screen and (max-width: 575px) {
  .course-content h3 {
    font-size: 24px;
  }
}

.course-content h3 .badge {
  margin-left: 0;
}

.course-content p {
  color: #0c2e60;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 20px;
}

@media screen and (max-width: 575px) {
  .course-content p {
    font-size: 15px;
  }
}

.course-content ul li {
  display: inline-block;
  width: 100%;
}

.course-content ul li i {
  margin-right: 10px;
}

.course-content .details span {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  padding-right: 10px;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .course-content .details span {
    font-size: 13px;
  }
}

.course-content .details span a {
  color: #985fa3;
}

.course-content .details span:after {
  content: "";
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  background-color: #83868c;
  height: 100%;
  width: 1px;
}

.course-content .details .ratings {
  display: inline-block;
}

.course-content .enroll {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.course-content .enroll div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.course-content .enroll .total-students {
  display: block;
  margin: 0;
}

/**
 * Course Curriculum
 */
.course-curriculum .nav {
  border-bottom: 0;
}

.course-curriculum .nav li {
  text-align: center;
  border-right: 1px solid #e0e4e6;
}

@media screen and (min-width: 576px) {
  .course-curriculum .nav li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

@media screen and (max-width: 575px) {
  .course-curriculum .nav li {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.course-curriculum .nav a {
  display: block;
  font-size: 20px;
  padding: 15px;
  font-weight: 600;
  text-align: left;
}

.course-curriculum .nav a.active {
  color: #fff;
  background: #985fa3;
}

.course-curriculum .tab-pane {
  border: 1px solid #e0e4e6;
  padding: 25px;
}

.course-curriculum .tab-pane ul li {
  position: relative;
}

.course-curriculum .tab-pane ul li i {
  margin-right: 15px;
}

.course-curriculum .tab-pane .tab-title {
  margin-bottom: 20px;
}

@media screen and (min-width: 576px) {
  .course-curriculum .tab-pane .tab-list-2col li {
    width: 49%;
    display: inline-block;
  }
}

.accordion-item h5 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f7f8fa;
  border-bottom: 1px solid #e0e4e6;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  padding: 15px;
  margin-bottom: 0;
  cursor: pointer;
}

.accordion-item h5 span {
  font-size: 14px;
  text-transform: capitalize;
  display: inline-block;
  margin-left: auto;
}

.accordion-item .acr-body {
  padding: 15px 0;
}

.accordion-item .acr-body li a {
  color: #444;
  border-bottom: 1px solid #eeeeee;
  display: block;
  padding: 5px 20px;
}

.sidebar .widget {
  background: #fff;
  border: 1px solid #e0e4e6;
  border-radius: 5px;
  padding: 25px;
  position: relative;
  margin-bottom: 30px;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.sidebar .widget .widget-title {
  text-transform: capitalize;
  margin-bottom: 20px;
}

.instructors {
  text-align: center;
}

.instructors .avatar-md {
  margin: 0 auto 20px;
  width: 160px;
}

.instructors h4 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

/* .socials a {
  display: inline-block;
  font-size: 14px;
  color: #83868c;
  padding-right: 10px;
}

.socials a.facebook {
  color: #4b6ea9;
}

.socials a.linkedin {
  color: #0077B5;
}

.socials a.twitter {
  color: #65bbf2;
}

.socials a.youtube {
  color: #ff0000;
} */

.categories {
  padding-bottom: 40px;
}

.categories li a {
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e0e4e6;
  padding: 7px 0;
}

.categories li a span {
  display: inline-block;
  margin-left: auto;
}

.categories li:last-child a {
  border-bottom: 0;
}

.recent-courses,
.recent-posts {
  height: auto;
  overflow: hidden;
}

.recent-courses li:last-child,
.recent-posts li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.recent-courses li a,
.recent-posts li a {
  padding-left: 100px;
}

.recent-courses li a img,
.recent-posts li a img {
  max-width: 80px;
}

@media screen and (max-width: 1199px) {
  .recent-courses li a span,
  .recent-posts li a span {
    font-size: 11px;
  }
}

@media screen and (max-width: 991px) {
  .recent-posts li a {
    padding: 10px 0 10px 100px;
  }
}

@media screen and (max-width: 420px) {
  .recent-posts li a {
    padding: 0 0 0 100px;
  }
}

.price {
  font-size: 30px;
  color: #0c2e60;
  margin-bottom: 0;
}

.price strong {
  color: #985fa3;
}

.price span {
  color: #83868c;
  display: inline-block;
  font-size: 16px;
  text-decoration: line-through;
  margin-left: 10px;
}
.discount-price {
  display: block;
  margin-bottom: 15px;
}

.discount-price i {
  margin-right: 5px;
}
.btn {
  border: none;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 0.8;
  text-transform: uppercase;
  padding: 20px 40px;
}
.btn-outline {
  border: 1px solid #4b5156;
  color: #4b5156;
}
.btn-outline:hover {
  border: 1px solid #4b5156;
  background: #4b5156;
  color: #fff;
}
.btn-filled {
  background: #00b0b9;
  border-radius: 45px;
}
.btn-filled:hover {
  background: #985fa3;
  color: #fff;
}
img.avatar-md.circle {
  border-radius: 100%;
}
.tags,
.cat {
  padding: 0;
  margin: 0;
}
.tags li,
.cat li {
  list-style-type: none !important;
  padding: 0;
  margin: 0;
}

.label-default {
  background-color: #777;
}
.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  margin: 0 5px;
}
/**
 * Course details section
 */
section.course-details {
  background: #fff;
}
.course-details .infoBox {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.course-details .infoBox .course-meta {
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%;
}

.buy-course {
  text-align: center;
}

.buy-course .btn {
  width: 100%;
}

.buy-course .btn-outline {
  border-radius: 45px;
  margin-bottom: 10px;
}

.course-content {
  border: none;
  border-radius: 3px;
  padding: 0;
  position: relative;
  margin-bottom: 20px;
  background-color: #f7f8fa;
}

@media screen and (max-width: 575px) {
  .course-content {
    padding: 20px;
  }
}

.course-content h3 {
  font-size: 36px;
  line-height: 30px;
}

.course-content h3 a {
  font-size: 20px;
  display: block;
  color: #000;
}

.course-content h3 a:hover {
  color: #ef470d;
}

@media screen and (max-width: 575px) {
  .course-content h3 {
    font-size: 24px;
  }
}

.course-content h3 .badge {
  margin-left: 0;
}

.course-content p {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

@media screen and (max-width: 575px) {
  .course-content p {
    font-size: 15px;
  }
}

.course-content ul li {
  display: inline-block;
  width: 100%;
}

.course-content ul li i {
  margin-right: 10px;
}

.course-content .details span {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  padding-right: 10px;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .course-content .details span {
    font-size: 13px;
  }
}

.course-content .details span a {
  color: #985fa3;
}

.course-content .details .ratings {
  display: inline-block;
}

.course-content .enroll {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.course-content .enroll div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.course-content .enroll .total-students {
  display: block;
  margin: 0;
}

/**
 * Course Curriculum
 */
.course-curriculum .nav {
  border-bottom: 0;
}

.course-curriculum .nav li:first-child {
  border-left: 1px solid #e0e4e6;
}
.course-curriculum .nav li {
  text-align: center;
  border-top: 1px solid #e0e4e6;
  border-right: 1px solid #e0e4e6;
}

@media screen and (min-width: 576px) {
  .course-curriculum .nav li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

@media screen and (max-width: 575px) {
  .course-curriculum .nav li {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.course-curriculum .nav a {
  display: block;
  font-size: 14px;
  padding: 15px;
  font-weight: 500;
  text-align: center;
}

.course-curriculum .nav a.active {
  color: #fff;
  background: #985fa3;
}

.course-curriculum .tab-pane {
  border: 1px solid #e0e4e6;
  padding: 25px;
}

.course-curriculum .tab-pane ul li {
  position: relative;
}

.course-curriculum .tab-pane ul li i {
  margin-right: 15px;
}

.course-curriculum .tab-pane .tab-title {
  margin-bottom: 20px;
}

@media screen and (min-width: 576px) {
  .course-curriculum .tab-pane .tab-list-2col li {
    width: 49%;
    display: inline-block;
  }
}

.accordion-item h5 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f7f8fa;
  border-bottom: 1px solid #e0e4e6;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 300;
  padding: 15px;
  margin-bottom: 0;
  cursor: pointer;
}

.accordion-item h5 span {
  font-size: 14px;
  text-transform: capitalize;
  display: inline-block;
  margin-left: auto;
}

.accordion-item .acr-body {
  padding: 15px 0;
}

.accordion-item .acr-body li a {
  color: #444;
  border-bottom: 1px solid #eeeeee;
  display: block;
  padding: 5px 20px;
}

.sidebar .widget {
  background: #fff;
  border: 1px solid #e0e4e6;
  border-radius: 5px;
  padding: 25px;
  position: relative;
  margin-bottom: 30px;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.sidebar .widget .widget-title {
  text-transform: capitalize;
  margin-bottom: 20px;
}

.instructors {
  text-align: center;
}

.instructors .avatar-md {
  margin: 0 auto 20px;
  width: 160px;
}

.instructors h4 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.instructors span {
  display: block;
  font-size: 14px;
  margin-bottom: 7px;
}

.price {
  font-size: 30px;
  color: #0c2e60;
  margin-bottom: 0;
}

.price strong {
  color: #985fa3;
}

.price span {
  color: #83868c;
  display: inline-block;
  font-size: 16px;
  text-decoration: line-through;
  margin-left: 10px;
}
.discount-price {
  display: block;
  margin-bottom: 15px;
}

.discount-price i {
  margin-right: 5px;
}
.btn {
  border: none;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 0.8;
  text-transform: uppercase;
  padding: 20px 40px;
}
.btn-outline {
  border: 1px solid #4b5156;
  color: #4b5156;
}
.btn-outline:hover {
  border: 1px solid #4b5156;
  background: #4b5156;
  color: #fff;
}
.btn-filled {
  background: #00b0b9;
  border-radius: 45px;
}
.btn-filled:hover {
  background: #985fa3;
  color: #fff;
}
img.avatar-md.circle {
  border-radius: 100%;
}

.categories {
  padding-bottom: 40px;
}

.categories li a {
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e0e4e6;
  padding: 7px 0;
}

.categories li a span {
  display: inline-block;
  margin-left: auto;
}

.categories li:last-child a {
  border-bottom: 0;
}

.recent-courses,
.recent-posts {
  height: auto;
  overflow: hidden;
}

.recent-courses li:last-child,
.recent-posts li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.recent-courses li a,
.recent-posts li a {
  padding-left: 100px;
}

.recent-courses li a img,
.recent-posts li a img {
  max-width: 80px;
}

@media screen and (max-width: 1199px) {
  .recent-courses li a span,
  .recent-posts li a span {
    font-size: 11px;
  }
}

@media screen and (max-width: 991px) {
  .recent-posts li a {
    padding: 10px 0 10px 100px;
  }
}

@media screen and (max-width: 420px) {
  .recent-posts li a {
    padding: 0 0 0 100px;
  }
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*Overview*/

.label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.label-primary {
  background-color: #337ab7;
}
.label-default {
  background-color: #777;
}
.label {
  display: inline;
  padding: 3px 5px;
  margin: 5px;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
}
span.type {
  position: absolute;
  top: 10px;
  right: 25px;
  background: #00b0b9;
  color: #fff;
  padding: 0px 10px;
  border-radius: 3px;
  font-size: 12px;
}
.label-default a {
  color: #fff !important;
}