.pageInCourse{padding:0;background:#f2f2f7;overflow:hidden}.picDet{height:auto;min-height:100vh}.picBlockMenu{background:var(--dark-blue);height:80px;position:fixed;top:0;z-index:1;left:0}@media screen and (max-width:992px){.picBlockMenu{height:60px}}@media screen and (max-width:767px){.picBlockMenu{height:50px}}.pageInCourseCont{min-height:100vh;justify-content:space-between;align-items:flex-start;padding:80px 0 0 80px}@media screen and (max-width:992px){.pageInCourseCont{padding:80px 0 0}}@media screen and (max-width:767px){.pageInCourseCont{padding:50px 0 0;height:auto;flex-direction:column}}.picMedia{width:calc(100% - 450px);flex-direction:column;overflow:auto;height:calc(100vh - 80px);transition:all .2ms ease-in-out}@media screen and (max-width:1279px){.picMedia{width:calc(100% - 350px)}}@media screen and (max-width:767px){.picMedia{width:100%;height:auto}}.picPaginate{padding:40px 5% 30px;justify-content:space-between;background:#fff}.picPaginate a{color:var(--dark-blue);font-size:14px;font-family:var(--sfBold);transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center}.picPaginate a:hover{color:var(--pink)}.picPaginate .next svg,.picPaginate .prev svg{width:8px;height:12px}.picPaginate .prev svg{display:inline-block;margin-left:10px}.picPaginate .next svg{display:inline-block;margin-right:13px;transform:scaleX(-1)}@media screen and (max-width:767px){.picPaginate{flex-direction:column;padding:20px}.picPaginate a{margin-bottom:20px;font-size:12px}.picPaginate a svg{width:4px!important;height:6px!important}.picPaginate a:last-child{margin-bottom:0}}.picComments{text-align:center;background:#fff}@media screen and (max-width:992px){.picComments{padding:0 30px}}@media screen and (max-width:767px){.picComments{display:none}}.picCommentsBox{width:100%;max-width:750px;text-align:left}.picCommentsBox h4{color:var(--pink);font-size:16px;font-family:var(--sfBold);margin-bottom:20px}.picCommentsItem{flex-wrap:wrap}.picCommentsItem figure{width:50px}.picCommentsItem .txt{width:calc(100% - 50px);padding:0 0 0 20px}.picCommentsItem .txt h5{font-size:16px;color:var(--dark-blue);font-weight:700;margin-bottom:0}.picCommentsItem .txt p{color:#b3b8bf;margin:0}.picCommentsItem .commend{display:inline-block;width:100%;border-radius:15px;border:2px solid rgba(0,0,0,.2);margin:15px 0 30px;padding:10px 20px;background:rgba(0,0,0,.07)}.picCommentsItem .commend p{margin:0;color:rgba(0,0,0,.5);font-size:14px}.picSidebar{width:450px;background:#f4f4f9;opacity:1;transition:all .3s ease-in-out;display:flex;box-shadow:0 0 10px 0 rgba(0,0,0,.15);height:calc(100vh - 80px);flex-direction:column;overflow:auto;padding:0 0 160px;position:absolute;right:0;top:155px}@media screen and (max-width:1279px){.picSidebar{width:350px}}@media screen and (max-width:992px){.picSidebar{top:65px;right:auto;position:relative}}@media screen and (max-width:767px){.picSidebar{padding:0 0 30px;width:100%;height:auto;top:0;box-shadow:none}}.picBread{padding:15px 40px;justify-content:space-between;position:fixed;transition:all .2s ease-in-out;top:80px;right:0;z-index:2;width:450px;background:#f4f4f9;border-bottom:5px solid var(--pink)}.picBread .back,.picBread .minBar{color:var(--dark-blue);font-size:14px;font-family:var(--sfBold);letter-spacing:.3px;cursor:pointer;padding:15px}.picBread .back svg,.picBread .minBar svg{width:6px;height:auto;margin:0 0 0 10px;transform:scaleX(-1)}.picBread .back svg path,.picBread .minBar svg path{stroke:var(--dark-blue)}.picBread .back{color:var(--pink)}.picBread .back svg{transform:scale(1)}.picBread .back svg path{stroke:var(--pink)}@media screen and (max-width:1279px){.picBread{width:350px;padding:15px 20px}}@media screen and (max-width:992px){.picBread{padding:10px}}@media screen and (max-width:767px){.picBread{top:auto;right:auto;position:relative;width:100%;border-bottom:none;display:none!important}.picBread .minBar{display:none}}.picClassItem{padding:30px 9%;border-top:5px solid var(--pink)}.picClassItem h3{color:var(--pink);font-size:20px;font-weight:700;position:relative;padding:0 0 0 30px;margin-bottom:15px}.picClassItem h3 svg{position:absolute;left:0;top:4px;width:20px;height:20px;z-index:1}@media screen and (max-width:1370px){.picClassItem h3{font-size:18px}}@media screen and (max-width:992px){.picClassItem h3{font-size:16px}}@media screen and (max-width:767px){.picClassItem h3{font-size:15px}}.picClassItem ul{list-style:none;padding:0;margin:0}.picClassItem ul li{display:inline-block;width:100%;height:auto;position:relative;padding:5px 10px 5px 40px;margin:5px 0;transition:all .3s ease-in-out;background:transparent;border-radius:15px;border:1px solid transparent}.picClassItem ul li a{color:var(--dark-blue);font-size:14px;font-family:var(--sfRegular);letter-spacing:.5px;display:inline-block}.picClassItem ul li svg{position:absolute;left:10px;top:0;bottom:0;width:20px;height:20px;margin-top:auto;margin-bottom:auto;z-index:1;transform:rotate(-90deg) scaleY(-1);opacity:1}.picClassItem ul li svg circle{stroke-width:2.5px;stroke:var(--blue);position:relative;transition:all .3s ease-in-out;z-index:1}.picClassItem ul li svg .progress{stroke:#b2d7ff;z-index:2;position:relative;transition:all .3s ease-in-out;stroke-dasharray:100px}@media screen and (max-width:767px){.picClassItem ul li svg{left:5px}}.picClassItem ul .active{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.05)}@media screen and (max-width:1279px){.picClassItem{padding:20px 7%}}@media screen and (max-width:767px){.picClassItem{padding:20px;border-top:3px solid var(--pink)}.picClassItem h3{font-size:16px;padding:0 0 0 25px}.picClassItem h3 svg{width:16px;height:16px}.picClassItem ul li{padding:3px 0 3px 25px;margin:3px 0}.picClassItem ul li svg{width:16px;height:16px}}.picClassItemDet{padding:20px 9% 0}.picClassItemDet h4{color:var(--blue);font-size:16px;font-weight:700}.picClassItemDet h2{font-size:32px;color:var(--dark-blue);font-weight:700}.picClassItemDet .btnDownload{margin:25px 0 30px;background:var(--dark-blue);color:var(--sky-blue)}.picClassItemDet .btnDownload img{height:14px}.picClassItemDet .banner{width:100%;height:100px;display:inline-block;background:rgba(0,0,0,.15);border-radius:15px}@media screen and (max-width:1279px){.picClassItemDet h2{font-size:26px}}.picRespComment{display:none}@media screen and (max-width:767px){.picRespComment,.picRespComment .picComments{display:inline-block!important}.picRespComment .picComments{padding:0 20px}.picRespComment .picComments .picCommentsBox h4{font-size:12px}.picRespComment .picComments .picCommentsBox .picCommentsItem{align-items:center}.picRespComment .picComments .picCommentsBox .picCommentsItem .txt h5{font-size:14px}.picRespComment .picComments .picCommentsBox .picCommentsItem .txt p{font-size:10px}.picRespComment .picComments .picCommentsBox .picCommentsItem .commend p{font-size:12px}}.picProgress{padding:30px 9%;flex-direction:column;background:linear-gradient(135deg,#121212,#1a2d4d)}@media screen and (max-width:767px){.picProgress{padding:20px 5%}}.picProgressTitle h4{font-size:40px;font-family:var(--font1);font-weight:500;color:var(--sky-blue)}.picProgressTitle p{color:#fff;margin:0;font-family:var(--font1);font-size:16px;color:var(--blue)}@media screen and (max-width:767px){.picProgressTitle h4{font-size:24px}.picProgressTitle p{font-size:14px}}.picProgressCard{background:hsla(0,0%,7%,.302);border-radius:16px;border:1px solid hsla(0,0%,100%,.1);padding:24px 30px;margin:30px 0;pointer-events:visible}.picProgressCard small{color:#fff;position:relative;padding:0 0 0 23px;margin:0 0 6px;display:inline-block;width:100%}.picProgressCard small:before{content:"";position:absolute;left:0;top:0;bottom:0;margin-top:auto;margin-bottom:auto;width:16px;height:16px;background:url(/_next/static/media/couse_icon_exam.fc83d628.png) 50% no-repeat}.picProgressCard h4{font-size:28px;letter-spacing:.5px;font-weight:400;font-family:var(--font1)}.picProgressCard .btnBorder{background:rgba(92,225,230,.2);border:2px solid #5ce1e6;margin-top:18px;color:#fff}@media screen and (max-width:767px){.picProgressCard{padding:20px;margin:20px 0}}.picProgressCardDisable{pointer-events:none;filter:grayscale(100%)}.picProgressBox{display:flex;flex-wrap:wrap;justify-content:space-between}.picProgressLbl{color:#fff;font-size:14px;letter-spacing:.5px;font-family:var(--sfLight);letter-spacing:1}.picProgressLblTxt{letter-spacing:.8px;font-size:12px;text-align:right;width:100%;padding:10px 0 0}.lineBox{width:100%;height:8px;border-radius:4px;background:hsla(0,0%,100%,.2);margin:10px 0 0}.lineBox span{position:absolute;width:30%;left:0;height:100%;border-radius:4px;background:var(--pink)}.pageInCourseContActive .picSidebar{opacity:0;pointer-events:none;right:-450px}.pageInCourseContActive .picSidebar .picBread{right:-450px}@media screen and (max-width:767px){.pageInCourseContActive .picSidebar{right:auto;position:relative;opacity:1;pointer-events:visible}.pageInCourseContActive .picSidebar .picBread{display:none!important}}.pageInCourseContActive .picMedia{width:100%}.pageInCourseContActive .picMedia .lessinPlayer{height:calc(100vh - 180px)!important}@media screen and (max-width:767px){.pageInCourseContActive .picMedia .lessinPlayer{height:auto!important}}.btnFullScreen{position:absolute;right:20px;z-index:3;top:100px;background:red;padding:15px 25px;border-radius:50px;background:var(--pink);color:#fff;font-size:16px;font-family:var(--sfBold);cursor:pointer;letter-spacing:1px}.btnFullScreen svg{margin-right:15px}@media screen and (max-width:767px){.btnFullScreen{display:none}}.cdExamen{max-width:600px;width:85%;position:absolute;border-radius:16px;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px}.cdExamen h5{color:var(--pink);font-size:24px;font-weight:700;margin-bottom:20px}.cdExamen ul{padding:0;margin:0;list-style:none}.cdExamen ul li{padding:2px 0 2px 15px;color:var(--dark-blue);font-family:var(--font2);position:relative}.cdExamen ul li:before{content:"";width:5px;position:absolute;top:9px;left:0;height:5px;background:#121212;border-radius:50%}.cdExamen .btnBox{display:flex;justify-content:space-between;margin-top:20px}.cdExamen .btnBox .btn{width:calc(50% - 20px);cursor:pointer;height:35px;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#fff;background:var(--dark-blue);font-size:14px;font-family:var(--font2);letter-spacing:.4px}.cdExamen .btnBox .btnGo{background:#007aff}@media screen and (max-width:767px){.cdExamen{width:90%;padding:20px 20px 10px}.cdExamen h5{font-size:16px}.cdExamen ul li{font-size:14px}.cdExamen .btnBox{flex-direction:column}.cdExamen .btnBox .btn{width:100%;margin-bottom:8px}}.lessinPlayer{width:100%!important;height:auto!important;transition:all .2s ease-in-out}.picVideo{position:relative;cursor:pointer}.picVideo iframe,.picVideo video{width:100%;height:auto;background:#000;border:none}.picVideo .play{background:rgba(0,0,0,.5);position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}.picVideo .play img{width:auto;height:64px}.videoNoteRight{border-radius:15px;background:#373535;position:absolute;right:20px;bottom:50px;overflow:hidden;z-index:1;padding:20px;width:450px;border-top:5px solid var(--pink)}.videoNoteRight:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#1a2d4d;background:linear-gradient(90deg,rgba(26,45,77,.4) 0,rgba(245,15,87,.4) 99%)}.videoNoteRight h5{color:var(--sky-blue);font-size:20px;font-family:var(--sfBold);position:relative;z-index:2}.videoNoteRight p{font-size:16px;font-family:var(--sfRegular);display:flex;padding-left:13px;align-items:center;position:relative;z-index:2}.videoNoteRight p svg{margin-right:10px}.videoNoteRight .btnNext{float:right;background:rgba(92,225,230,.2);height:36px;color:var(--sky-blue);border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 15px;font-size:14px;position:relative;transition:all .3s ease-in-out;z-index:2}.videoNoteRight .btnNext svg{margin-left:20px}.videoNoteRight .btnNext:hover{background:var(--sky-blue);color:#fff}.videoNoteRight .btnNext:hover svg path{stroke:#fff}@media screen and (max-width:1279px){.videoNoteRight{width:300px;padding:15px}.videoNoteRight h5{font-size:16px}.videoNoteRight p{font-size:12px}}@media screen and (max-width:992px){.videoNoteRight{display:none}}@media screen and (max-width:767px){.videoNoteRight img{height:20px}}.certificadoCont{overflow:hidden;z-index:3}.certificadoCont .certButtons{position:absolute;top:0;right:0;z-index:5;padding:20px 20px 0 0;display:flex}.certificadoCont .certButtons .download{background:var(--blue);width:auto;text-align:center;font-size:15px;letter-spacing:1px;cursor:pointer;padding:10px 20px}.certificadoCont .certButtons .close,.certificadoCont .certButtons .download{display:inline-block;border-radius:50px;box-shadow:1px 2px 10px 0 rgba(0,0,0,.4)}.certificadoCont .certButtons .close{width:40px;height:40px;background:var(--pink);margin-left:10px;position:relative}.certificadoCont .certButtons .close span{position:absolute;width:25px;height:3px;background:#fff;top:0;left:0;bottom:0;right:0;margin:auto;transform:rotate(45deg)}.certificadoCont .certButtons .close span:before{content:"";width:100%;height:3px;background:#fff;position:absolute;top:0;left:0;transform:rotate(90deg)}@media screen and (max-width:650px){.certificadoCont .certButtons{padding:10px 10px 0 0}}.certificadoBox{position:relative;z-index:3}.certificadoBox .cetMask{position:absolute;left:0;z-index:1;top:0;width:100%;height:100%}.certificadoBox .name{color:#fff;position:absolute;top:56%;left:12.2%;font-size:16px}@media screen and (max-width:800px){.certificadoBox .name{top:55%}}@media screen and (max-width:570px){.certificadoBox .name{font-size:10px}}.certificadoBox .course{color:#fff;position:absolute;top:68.5%;left:11.9%;font-size:12px}@media screen and (max-width:800px){.certificadoBox .course{top:68%;font-size:11px}}@media screen and (max-width:570px){.certificadoBox .course{font-size:8px}}.certificadoBox .docente{position:absolute;top:75.5%;left:12%;color:#fff;font-size:10px}@media screen and (max-width:650px){.certificadoBox .docente{font-size:10px}}@media screen and (max-width:570px){.certificadoBox .docente{font-size:8px}}.certificadoBox .fecha{position:absolute;bottom:6%;left:12%;color:#fff;font-size:9px}@media screen and (max-width:800px){.certificadoBox .fecha{bottom:5%;font-size:8px}}@media screen and (max-width:650px){.certificadoBox .fecha{font-size:7px}}@media screen and (max-width:500px){.certificadoBox .fecha{font-size:5px}}@media screen and (max-width:400px){.certificadoBox .fecha{font-size:3px}}.certificadoBox img{display:block}.certPdfExportCont{position:absolute;left:0;top:0;z-index:1}.certPdfExport{display:block;height:980px;width:590px;position:relative}.certPdfExportTxt{position:absolute;width:980px;height:590px;top:0;left:0;z-index:1}.certPdfExportTxt h4{font-size:13px;color:#fff;width:100%;display:block;letter-spacing:2px;z-index:1;margin-top:48.2%;font-weight:700;padding-left:73px}@media screen and (max-width:800px){.certPdfExportTxt h4{margin-top:80.2%}}.certPdfExportTxt h5{font-size:9px;letter-spacing:.5px;margin-top:38px}.certPdfExportTxt h5,.certPdfExportTxt p{color:#fff;padding-left:71px;display:block;width:100%;font-weight:700}.certPdfExportTxt p{font-size:8px;margin-top:19px}.certPdfExportTxt small{font-size:8px;color:#fff;padding-left:72px;display:block;font-weight:700;width:100%;margin-top:62px}