/*==================================================================
=============== Users Style
====================================================================*/

   
/*================================
=============== Search Lessons
==================================*/

.search-for-lesson {
   margin-bottom: 20px !important;
}

.lesson_search_line {
   display: inline-block;
   background: #f6f6f6;
   padding: 10px 20px 10px 20px;
   margin: 5px 0px 0px 0px;
   text-align: center;
}

.lesson_search_line label {
   font-weight: normal;
   font-size: 18px;
   color: #505050;
}

.lesson_search_line input,
.lesson_search_line select {
   height: 28px;
   width: 160px;
   padding: 0px 5px 0px 5px;
   color: #4d4d4d;
   background: #fff;
   border: 1px solid #cecece;
   border-radius: 5px;
   margin: 0px 5px 0px 0px;
}

.lesson_search_line #searchsubmit {
   font-size: 15px;
   font-weight: bold;
   color: #fff;
   height: 27px;
   padding: 1px 15px 1px 15px;
   margin: 1px 5px 1px 0px;
   width: auto;
   line-height: 9px;
   cursor: pointer;
   position: relative;
   top: 0px;
   background: #008cd6;
   border: 1px solid #0d8ec5;
}

.related-products-search {
   display: block;
   clear: both;
   background: #f4f4f4;
   padding: 10px;
   text-align: center;
}

.related-products-search li {
   display: inline-block;
   margin: 5px;
   border: 1px solid #d6d6d6;
}

.related-products-search li a {
   display: block;
   background: #1a90db;
   font-weight: 600;
   font-size: 14px;
   color: #fff;
   padding: 6px 8px 6px 8px;
   line-height: 19px;
}

/* ---------------------------------
----------------- Mobile
--------------------------------- */

@media only screen and (max-width: 768px) { 
 
   .lesson_search_line {
      display: block;
   }
   
   .lesson_search_line label {
      display: block;
   }
   
   .lesson_search_line input,
   .lesson_search_line select {
      display: block;
      width: 100%;
      max-width: auto;
      padding: 0px 10px 0px 10px;
      box-sizing: border-box;
      margin: 0px 0px 8px 0px;
   }
   
   .lesson_search_line #searchsubmit {
      display: block;
      width: 100%;
      max-width: auto;
      margin: 0px 0px 5px 0px;
   }
   
   .related-products-search li a {
      font-size: 14px;
      padding: 3px 7px 3px 7px;
   }
   
}

/*================================
=============== Buttons Filter
==================================*/

.courses-btn-filter {
   margin: 10px 0px 0px 0px;
   display: block;
}

.courses-btn-filter h5 {
   font-size: 18px;
   display: inline-block;
   margin: 0px 0px 0px 10px;
}

.courses-btn-filter ul {
   display: inline;
}

.courses-btn-filter ul li {
   display: inline-block;
   padding: 3px 11px 3px 11px;
   margin: 5px 0px 5px 7px;
   background: #f5f5f5;
   font-size: 14px;
   font-weight: 700;
   border-radius: 10px;
   cursor: pointer;
}

.courses-btn-filter ul li.selected-btn {
   background: #0185d4;
   color: #fff;
}

/*================================
=============== Diploma Button
==================================*/

.search-and-diploma {
   display: block;
}

.search-and-diploma .search-for-lesson {
   display: inline-block;
   vertical-align: top;
}

.diploma-btn {
   display: inline-block;
   vertical-align: bottom;
   margin: -23px 15px 0px 0px;
}

/* ---------------------------------
----------------- Mobile
--------------------------------- */

@media only screen and (max-width: 960px) { 

   .search-and-diploma .search-for-lesson {
      display: block;
      vertical-align: initial;
   }

   .diploma-btn {
      display: block;
      margin: 10px auto 0px;
      text-align: center;
      vertical-align: initial;
   }

}

/*================================
=============== Diploma Page
==================================*/

.diploma-page {
   
}

.diploma-page .diploma-video-warp {
   display: inline-block;
   margin-bottom: 80px;
}

.diploma-page .diploma-video-warp iframe {
   max-width: 720px;
   height: 400px !important;
}

.diploma-page .diploma-headline {
   margin: 85px 0px 35px 0px;
}

.diploma-page .diploma-headline:first-child {
   margin-top: 15px;
   margin-bottom: 5px;
}

.diploma-page .diploma-main-title,
.diploma-page h1 {
   font-size: 35px;
   line-height: 40px;
   color: #162b56;
   font-weight: 800;
}

.diploma-page .diploma-title-no-access {
   color: red;
}

.diploma-page .diploma-headline p {
   padding: 0px;
   color: #747474;
}

.diploma-page .no-diploma-access {
   background: #f6f6f6;
   border-radius: 10px;
   padding: 55px 20px 55px 20px;
   margin: 50px 0px 30px 0px;
   border: 1px solid #cacaca;
   text-align: center;
   position: relative;
   max-width: 800px;
}

.diploma-page .no-diploma-access h3 {
   font-size: 32px;
   line-height: 44px;
   max-width: 500px;
   margin: 0 auto;
   font-weight: 800;
}

.diploma-page .diploma-box {
   background: #f6f6f6;
   border-radius: 10px;
   padding: 20px 20px 15px 20px;
   margin: 0px 0px 30px 0px;
   border: 1px solid #cacaca;
   position: relative;
   max-width: 1000px;
}

.diploma-page .diploma-box .right-side-img {
   display: inline-block;
   max-width: 95px;
   vertical-align: top;
}

.diploma-page .diploma-box .right-side-img img {
   margin: 0px;
   padding: 0px;
}

.diploma-page .left-side-text {
   display: inline-block;
   width: 65%;
   margin: 0px 15px 0px 0px;
}

.diploma-page .left-side-text .diploma-title h3 {
   background: #162b56;
   color: #ffffff;
   font-size: 17px;
   display: inline-block;
   padding: 3px 10px 5px 10px;
   font-weight: normal;
}

.diploma-page a.diploma-course-link {
   font-size: 16px;
   text-decoration: underline;
   color: #5656ff;
   font-weight: 600;
}

.diploma-page .left-side-text p {
   padding: 8px 0px 0px 0px;
   font-size: 18px;
   line-height: 23px;
}

.diploma-first-line {
   margin: 2px 0px 0px 0px;
}

.diploma-first-line .line-break {
   padding: 0px 0px 0px 10px;
}

.diploma-second-line {
   margin: 7px 0px 0px 0px;
}

.diploma-third-line {
   margin: 7px 0px 0px 0px;
}

.diploma-third-line ul {
   margin: 5px 0px 0px 0px;
   list-style-position: inside;
   padding: 0px;
}

.diploma-third-line ul li {
   padding: 2px 0px 2px 0px;
   margin: 0px;
   font-size: 17px;
}

.diploma-page .finished-product-percentage {
   padding: 8px 0px 0px 0px;
   font-size: 15px;
   line-height: 21px;
   color: #38a5e5;
   font-weight: 600;
}

.diploma-page .view-user-watch-data {
   font-size: 13px;
   padding: 3px 10px 3px 10px;
   text-decoration: underline;
}

.diploma-page .user-html-leasson-watch {
   padding: 20px;
   margin: 10px 0px 10px 0px;
   background: #cdcdcd;
   display: none;
}

.diploma-page .user-html-leasson-watch,
.diploma-page .user-html-leasson-watch li {
   font-size: 15px;
   line-height: 23px;
}

.diploma-page .diploma-request-btn {
   position: absolute;
   top: 50%;
   left: -20px;
   margin-top: -20px;
   text-align: center;
}

.diploma-page .diploma-request-btn a.diploma-request-text,
.diploma-page .diploma-request-btn a.diploma-download,
.diploma-page .diploma-request-btn p.diploma-request-text {
   background: #0e91df;
   padding: 1px 20px 3px 20px;
   font-weight: 700;
   color: #fff;
   display: block;
   font-size: 18px;
   border-radius: 5px;
   text-decoration: none;
}

.diploma-page .diploma-request-btn a.diploma-request-text:before {
   content: '';
   width: 20px;
   height: 15px;
   display: inline-block;
   background: url(../../images/arrows-icons.png) no-repeat;
   margin: 0px -2px 0px 4px;
   background-position: -30px 0px;
   /* background-position: -30px -27px; black icon */
}  

.diploma-page .diploma-request-btn a.diploma-request-text:hover {
   text-decoration: underline;
}

.diploma-page .diploma-request-btn p.diploma-request-text {
   background: #a2a2a2;
}

.diploma-page .diploma-request-btn a.diploma-download {
   background: #00cb30;
}

.diploma-page .upload-diploa-form {
   position: absolute;
   bottom: 15px;
   left: 5px;
   text-align: right;
   width: 320px;
}

.diploma-page .upload-diploa-form .upload-form {
   width: 200px;
   margin: 0px;
   padding: 0px;
   line-height: 20px;
}

.diploma-page .upload-diploa-form .submit-form {
   width: 110px;
   margin: 0px;
   padding: 0px;
   line-height: 20px;
   font-weight: bold;
   background: #5a5a5a;
   color: #fff;
   border-radius: 5px;
   padding: 5px 0px 5px 0px;
   border: none;
   cursor: pointer;
}

/* ---------------------------------
----------------- Mobile
--------------------------------- */

@media only screen and (max-width: 1100px) { 

   .diploma-page {
      padding: 0px 10px 0px 10px;
   }
   
   .diploma-page .diploma-box {
      margin: 0px 15px 30px 15px;
      max-width: 39%;
      display: inline-block;
      text-align: center;
      vertical-align: top;
   }

   .diploma-page .left-side-text {
      width: 90%;
   }
   
   .diploma-page .diploma-box .right-side-img {
      display: block;
      max-width: 140px;
      vertical-align: top;
      margin: 0 auto;
   }

   .diploma-first-line .line-break {
      display: block;
      padding: 0px 0px 0px 0px;
   }
   
   .diploma-page .diploma-request-btn {
      position: relative;
      top: inherit;
      left: inherit;
      margin: 15px 0px 10px 0px;
   }

   .diploma-page .left-side-text p {
      padding: 13px 0px 0px 0px;
   }
   
   .diploma-page a.diploma-course-link {
      display: block;
   }
   
}

@media only screen and (max-width: 768px) { 
   
   .diploma-page .diploma-video-warp {
      display: block;
   }

   .diploma-page .diploma-video-warp iframe {
      height: 100% !important;
      max-width: 100%;
   }
   
   .diploma-page .diploma-box {
      max-width: 100%;
      margin: 0px 10px 30px 10px;
      display: block;
   }

}

/*================================
=============== My account courses
==================================*/

.yydev-courses-list {
   margin: 10px 0px 10px 0px;
}

.yydev-courses-list h3 {
   margin: 70px 0px 10px 0px;
}

.yydev-courses-list h3.paid-courses-title {
   margin: 50px 0px 20px 0px;
   background: #ca9e00;
   display: inline-block;
   border-radius: 10px;
   padding: 8px 15px 9px 15px;
   color: #fff;
}

.yydev-courses-list .product-by-type {
   margin: 50px 0px 30px 0px;
}

.yydev-courses-list .first-product-by-type {
   margin-top: 30px;
}

.yydev-courses-list .course-button-warp {
   
}

.yydev-courses-list .product-by-type .course-button,
.yydev-courses-list .product-by-type .paid-course-button {
   display: inline-block;
   max-width: 23.2%;
   margin: 20px 0px 10px 20px;
   vertical-align: top;
   position: relative;
   text-align: center;
}

.yydev-courses-list .product-by-type .course-button .yy-edit-buttons {
   left: initial;
   right: 0px;
}

.yydev-courses-list .product-by-type .course-button small.filter-tags {
   padding: 15px 0px 0px 0px;
   font-size: 16px;
   line-height: 20px;
   display: block;
}

.yydev-courses-list .product-by-type .paid-course-button {
   max-width: 18%;
}

.yydev-courses-list .course-lessons-time {
   display: block;
   position: absolute;
   top: 0px;
   left: 0px;
   color: #fff;
   background: #163c78;
   font-size: 12px;
   line-height: 20px;
   font-weight: 700;
   letter-spacing: -0.2px;
   padding: 2px 7px 2px 7px;
   opacity: 0.95;
   border: 2px solid #fff;
}

.yydev-courses-list .course-lessons-time .course-time {
   font-size: 11px;
}

.yydev-courses-list .finished-product-percentage {
   display: block;
   position: absolute;
   top: 23px;
   left: 0px;
   color: #444444;
   background: #fff;
   font-size: 13px;
   line-height: 20px;
   font-weight: 700;
   padding: 4px 10px 4px 10px;
   opacity: 0.95;
}

.yydev-courses-list .product-by-type .course-button a.product-btn,
.yydev-courses-list .product-by-type .paid-course-button a.product-btn {
   display: block;
   padding: 13px 5px 14px 5px;
   margin: 0px 0px 0px 0px;
   text-decoration: none;
   font-weight: bold;
   text-align: center;
   line-height: 1.2;
   background: #0185d4;
   color: #fff;
}

.yydev-courses-list .product-by-type .paid-course-button a.product-btn {
   background: #ca9e00;
   padding: 8px 5px 9px 5px;
   font-size: 17px;
}

.yydev-courses-list .product-by-type .course-button a.product-img,
.yydev-courses-list .product-by-type .paid-course-button a.product-img {
   padding: 0px;
   display: block;
   line-height: 0px;
   border-bottom: 3px solid #fff;
}

.yydev-courses-list .product-by-type .course-button img,
.yydev-courses-list .product-by-type .paid-course-button img {
   margin: 0px;
   padding: 0px;
}

.my-account-button {
   width: auto;
   max-width: auto;
   margin: 30px auto 55px;
}

.my-account-button a {
   background: #0390e5;
   background: linear-gradient(0deg, #007cc6, #0597ef);
   border: 1px solid #078dda;
   display: block;
   max-width: 600px;
   padding: 35px 25px 35px 25px;
   border-radius: 20px;
   margin: 0 auto;
   font-size: 40px !important;
   line-height: 1.2;
   font-weight: bold;
   text-align: center;
   border: 2px solid #007bc5;
}

.my-account-button a:before {
   content: '';
   width: 25px;
   height: 20px;
   display: inline-block;
   background: url(../../images/arrows-icons.png) no-repeat;
   margin: 0px -4px 0px 4px;
   background-position: -30px -1px;
   /* background-position: -30px -27px; black icon */
}  

.my-account-button a:hover {
   text-decoration: none;
}

.my-account-button a,
.my-account-button p {
   color: #fff;
}

.courses-timeline-img {
   margin: 60px 0px 0px 0px;
   padding: 40px 0px 20px 0px;
   background: #fff;
   text-align: center;
   border: 1px solid #e8e8e8;
}

.courses-timeline-img h3 {
   padding: 0px 0px 0px 0px;
   margin: 0px;
}

.courses-timeline-img img {
   margin: 0px;
   padding: 0px;
}

.courses-timeline-img h3 small {
   font-size: 17px;
}

/* -------- User Time Left -------- */

.user-time-left {
   margin: 10px 0px 0px 0px;
   display: block;
}

.user-time-left p {
   font-size: 16px;
   color: #696969;
}

.user-time-left strong {
   font-weight: 600;
   font-size:15px;
}

.renew-account-btn {
   padding: 0px 3px 0px 3px;
}

.renew-account-btn a {
   padding: 0px 2px 0px 0px;
   color: #5a5af9;
   text-decoration: underline;
}


/* ---------------------------------
----------------- Mobile
--------------------------------- */

@media only screen and (max-width: 1200px) { 

   .yydev-courses-list .product-by-type .course-button,
   .yydev-courses-list .product-by-type .paid-course-button {
      max-width: 22.7%;
   }

   .yydev-courses-list .product-by-type .paid-course-button {
      max-width: 17.5%;
   }
   
}

@media only screen and (max-width: 960px) { 

   .yydev-courses-list .product-by-type .course-button,
   .yydev-courses-list .product-by-type .paid-course-button {
      max-width: 45%;
   }

   .yydev-courses-list .product-by-type .paid-course-button {
      max-width: 22%;
   }
   
}

@media only screen and (max-width: 768px) {

   .courses-timeline-img {
      display: none;
   }

   .yydev-courses-list .product-by-type .paid-course-button {
      max-width: 30%;
   }
   
}

@media only screen and (max-width: 650px) {

   .yydev-courses-list .product-by-type .course-button,
   .yydev-courses-list .product-by-type .paid-course-button {
      max-width: 100%;
      margin: 20px 0px 15px 0px;
   }

   .yydev-courses-list .product-by-type .paid-course-button {
      max-width: 31%;
      margin: 20px 0px 15px 10px;
   }
   
}

@media only screen and (max-width: 500px) {
   
   .yydev-courses-list .product-by-type .paid-course-button {
      max-width: 46%;
   }
   
}

/*================================
=============== User Coupon Page
==================================*/

.user-coupon-page {
   text-align: center;
}

.user-coupon-page .coupon-info {
   max-width: 700px;
   margin: 30px auto 0px;
}

.user-coupon-page .coupon-info h2 {
   font-size: 22px;
}

.user-coupon-page .coupon-info ul {
   margin: 14px 0px 0px 0px;
   padding: 0px;
   border: 1px solid #e5e5e5;
}

.user-coupon-page .coupon-info li {
   list-style: none;
}

.user-coupon-page .coupon-info li {
   padding: 15px 5px 15px 5px;
   margin: 0px;
   border-bottom: 1px solid #e5e5e5;
}

.user-coupon-page .coupon-info li small.remaining-day {
   background: #f5fb9e;
   font-weight: 700;
   color: #000;
   font-size: 13px;
   line-height: 16px;
   padding: 2px 0px 2px 0px;
   display: inline-block;
}

.user-coupon-page .coupon-products {
   margin: 50px auto 0px;
   max-width: 1000px;
}

.user-coupon-page .coupon-products h2 {
   font-size: 22px;
   margin: 0px 0px 15px 0px;
}

/*================================
=============== Special Discount Prices
==================================*/

.discount-page {
   padding: 10px;
}

.discount-page br {
   margin-bottom: 7px;
}

.discount-page h1 {
   font-size: 80px !important;
   line-height: 75px;
   font-weight: 800;
   color: #000;
   padding: 15px 0px 30px 0px !important;
   text-align: center !important;
   max-width: 800px;
   margin: 0 auto;
}

.discount-page .second-title {
   font-size: 60px !important;
   line-height: 62px;
   font-weight: 800;
   color: #000;
   padding: 5px 0px 15px 0px !important;
   text-align: center !important;
   max-width: 800px;
   margin: 0 auto;
}

.discount-page .bigger-title {
   font-size: 110px;
   line-height: 120px;
   font-weight: 800;
   color: #1a90db;
   background: #1a90db;
   color: #fff;
   display: inline-block;
   padding: 6px 70px 15px 70px;
   border-radius: 20px;
   margin: 0px 0px 40px 0px;
}

.discount-page .not-finished-message {
   font-size: 35px;
   line-height: 35px;
   font-weight: 800;
   color: #163c78;
   padding: 0px 0px 10px 0px;
}

.discount-page .discount-good-news {
   padding: 5px 0px 40px 0px;
   max-width: 800px;
   margin: 0 auto;
}

.upsale-page-wrap  .discount-time-left {
   background: #ff0000;
   display: block;
   padding: 22px 35px 26px 35px;
   color: #fff;
   font-size: 54px;
   line-height: 57px;
   border-radius: 14px;
   margin: 0px auto 70px;
   max-width: 370px;
   text-align: center;
}

.upsale-page-wrap .discount-time-left small {
   font-size: 16px;
   line-height: 20px;
   display: block;
   margin: 13px 0px 5px 0px;
}

.not-finished-href {
   text-align: center;
   display: block;
   padding: 0px 0px 50px 0px;
   text-decoration: underline;
   letter-spacing: 0.1px;
   text-decoration: underline !important;
}

.upsale-products-list {
   text-align: center;
}

/* ------ Custom Table Products  ------ */

.table-product-discount-price {
   margin: 0px 0px 0px 0px;
   display: block;
   position: relative;
   z-index: 10;
   background: #8335d2;
   color: #fff;
   width: 135px;
   height: 135px;
   padding: 9px 9px 9px 9px;
   border: 4px solid #fff;
   border-radius: 50%;
   text-align: center;
   position: absolute;
   top: -20px;
   left: -10px;
}

.table-product-discount-price p {
   padding: 13px 0px 0px 0px;
}

.table-product-discount-price p .yy-big-text {
   font-size: 57px;
   line-height: 54px;
   font-weight: 700;
   letter-spacing: -2px;
   padding: 1px 0px 2px 0px;
   display: block;
}

.table-product-discount-price p .yy-small-text {
   font-size: 28px;
   line-height: 19px;
   font-weight: 700;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   display: block;
}

/* ---------------------------------
----------------- Mobile
--------------------------------- */

@media only screen and (max-width: 768px) { 

   .discount-page .bigger-title {
      font-size: 70px;
      line-height: 65px;
      margin: -10px 0px 30px 0px;
      padding: 15px 10px 23px 10px;
      width: 85%;;
   }
   
   .discount-page h1 {
      font-size: 55px !important;
      line-height: 52px;
   }
   
   .upsale-page-wrap  .discount-time-left {
      padding: 22px 15px 22px 15px;
      margin: 0px 20px 50px 20px;
      font-size: 44px;
      line-height: 43px;
   }

   /* ------ Custom Table Products  ------ */

   .table-product-discount-price {
      top: -40px;
      left: -5px;
   }

}

/*================================
=============== User Course Page
==================================*/

.full-course-warp .lesson-video-warp {
   padding: 0px;
   max-width: 780px;
   position: relative;
   border: 1px solid #d7d7d7;
   margin: 0px 0px 20px 0px;
}

.full-course-warp .lesson-title {
   display: block;
   margin: 0px 0px 0px 0px;
   position: relative;
   background: #fbfbfb;
}

.full-course-warp .lesson-title a {
   padding: 19px 15px 15px 15px;
   display: block;
   text-decoration: none;
   line-height: 25px;
}

.full-course-warp .lesson-video-warp a {
   text-decoration: none;
}

.full-course-warp .lesson-video-warp span.leasson-number {
   font-size: 16px;
   color: #858585;
   padding: 0px 0px 0px 5px;
   display: inline-block;
}

.full-course-warp .lesson-video-warp a.edit-page {
   display: inline-block;
   position: absolute;
   left: 195px;
   top: 3px;
   font-size: 16px;
   font-weight: 600;
   background: #12bbf3;
   padding: 3px 10px;
   color: #fff;
}

.full-course-warp .lesson-video-warp a.elementor-edit-page {
   display: inline-block;
   position: absolute;
   left: 65px;
   top: 3px;
   font-size: 16px;
   font-weight: 600;
   background: #0089b6;
   color: #fff;
   padding: 3px 10px;
}

.full-course-warp a.edit-full-course {
   display: block;
   font-size: 22px;
   font-weight: 700;
   background: #005a78;
   padding: 12px 40px 15px 40px;
   color: #fff;
   max-width: 750px;
   margin: 50px 0px 10px 0px;
   text-align: center;
   border-radius: 5px;
}

.full-course-warp a.edit-full-course-front-end {
   display: block;
   font-size: 22px;
   font-weight: 700;
   background: #005a78;
   padding: 12px 40px 15px 40px;
   color: #fff;
   max-width: 750px;
   margin: 20px auto 20px;
   text-align: center;
   border-radius: 5px;
}

.full-course-warp .lesson-video-warp .view-page-id {
   display: inline-block;
   position: absolute;
   left: 5px;
   top: 3px;
   font-size: 16px;
   font-weight: 600;
   background: #858585;
   color: #fff;
   padding: 3px 10px;
}

.full-course-warp h2.module-title {}

.full-course-warp h2.module-title a.edit-icon,
.full-course-warp h3.module-title a.edit-icon,
.full-course-warp .buy-module a.edit-icon {
   display: inline-block;
   width: 22px;
   height: 22px;
   background: url(../../images/edit-button.png) no-repeat;
   background-position: 0px 0px;
   margin: 0px 6px 0px 6px;
   position: relative;
   top: -2px;
}

p.course-title-blue {
   display: inline-block;
   margin: 15px 0px 30px 0px;
   background: #1a90db;
   color: #fff;
   padding: 8px 50px 11px 50px;
   font-size: 31px;
   border-radius: 5px;
   text-align: center;
   font-weight: bold;
}

.full-course-warp .drop-down-video {
   padding: 10px 20px 0px 20px;
   display: none;
}

.active-video .lesson-title a {
   background: #4e4e4e;
   color: #fff;
}

.active-video .lesson_video_duration,
.lesson_video_duration {
   display: inline-block;
   color: #858585;
   font-size: 16px;
}

.active-video .lesson_video_new,
.lesson_video_new {
   display: inline-block;
   color: #ff0000;
   font-size: 16px;
   position: relative;
   top: -7px;
   font-weight: 600;
}

.active-video .lesson-title a .leasson-number {
   color: #c7c7c7;
}

.yy-finised-video:after {
   content: '✓';
   float: left;
   background: #fff;
   font-weight: bold;
   display: inline-block;
   width: 30px;
   height: 30px;
   text-align: center;
   line-height: 30px;
   margin: -5px 0px 0px 0px;
   padding: 1px 0px 0px 0px;
   vertical-align: top;
   border: 1px solid #6c6c6c;
   color: #1d1b1b;
   border-radius: 50%;
}

.full-course-warp .lesson-video-warp .link-comments-title {
   background: #ecebeb;
   display: inline-block;
   font-size: 14px;
   font-weight: normal;
   line-height: 27px;
   padding: 0px 10px 0px 10px;
   margin: 0px 10px 0px 0px;
   border-radius: 10px;
   color: #373737;
   text-align: center;
   position: relative;
   z-index: 99;
   cursor: pointer;
}

.full-course-warp .lesson-video-warp .link-comments-title:hover {
   text-decoration: underline;
}

/* ---------------------------------
----------------- Mobile
--------------------------------- */

@media only screen and (max-width: 768px) { 

   .full-course-warp .lesson-video-warp .link-comments-title {
      display: none;  
   }

}