a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}:root{--primary-color:#425551;--accent-color:#23453e;--second-accent-color:#15695b;--border-color:#E2E2E2;--white-color:#ffffff;--border-radius:4px;--alert-color:#191923;--alert-danger-color:#CC2936;--alert-success-color:#138A36;--transition:all .2s ease-in-out 0s;--box-shadow:5px 5px 20px rgba(0,0,0,0.05)}*,:focus{appearance:none;-webkit-appearance:none;-webkit-outline:none;outline:0}body{font-family:Cairo,sans-serif;font-size:16px;background-color:#f5f6f7;-webkit-font-smoothing:antialiased;padding-top:67px}body.login-page{padding-top:0}@media screen and (max-width:768px){body{font-size:12px}}input,optgroup,option,select,textarea{font-family:Cairo,sans-serif}img{max-width:100%}h1{font-size:2em}h2{font-size:1.8em}h3{font-size:1.6em}h4{font-size:1.4em}h5{font-size:1.2em}h1,h2,h3,h4,h5,h6{font-weight:700}a{color:inherit;text-decoration:none}p:not(:last-of-type){margin-bottom:20px}.container{max-width:1240px;padding:0 20px;margin:0 auto}.sm-pd{padding:20px}.md-pd{padding:40px 20px}.bg-pd{padding:80px 20px}.grid{display:grid;grid-gap:20px}.sm-gap{grid-gap:10px}.md-gap{grid-gap:40px}.bg-gap{grid-gap:80px}.col-12{grid-template-columns:repeat(12,1fr)}.col-11{grid-template-columns:repeat(11,1fr)}.col-10{grid-template-columns:repeat(10,1fr)}.col-9{grid-template-columns:repeat(9,1fr)}.col-8{grid-template-columns:repeat(8,1fr)}.col-7{grid-template-columns:repeat(7,1fr)}.col-6{grid-template-columns:repeat(6,1fr)}.col-5{grid-template-columns:repeat(5,1fr)}.col-4{grid-template-columns:repeat(4,1fr)}.col-3{grid-template-columns:repeat(3,1fr)}.col-2{grid-template-columns:repeat(2,1fr)}.col-1{grid-template-columns:repeat(1,1fr)}.span-12{grid-column:span 12}.span-10{grid-column:span 10}.span-9{grid-column:span 9}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.span-2{grid-column:span 2}.ai-gc{align-items:center}.ai-ge{align-items:end}.ai-gss{align-items:start}.ai-gs{align-items:stretch}.as-ge{align-self:end}.ji-gc{justify-items:center}.ji-gss{justify-items:start}.ji-ge{justify-items:end}.flex{display:flex}.fw-w{flex-wrap:wrap}.fd-fc{flex-direction:column}.ai-fc{align-items:center}.ai-fs{align-items:flex-start}.jc-sb{justify-content:space-between}.jc-fc{justify-content:center}.no-shr{flex-shrink:0}@media screen and (max-width:1024px){.col-10,.col-11,.col-12,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{grid-template-columns:1fr 1fr}.span-10,.span-12,.span-3,.span-4,.span-6,.span-8,.span-9{grid-column:span 2}.d-none-mobile{display:none}}@media screen and (max-width:768px){.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{grid-template-columns:1fr}.span-10,.span-12,.span-2,.span-3,.span-4,.span-6,.span-8,.span-9{grid-column:span 1}}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-40{margin-bottom:40px}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.ml-10{margin-left:10px}.ml-20{margin-left:20px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.pd-10{padding:10px}.pd-20{padding:20px}.pt-40{padding-top:40px}.pd-h10{padding:0 10px}.pd-h20{padding:0 20px}@media screen and (max-width:768px){.no-pd-mb{padding:0}}label{display:inline-block}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],input[type=week],select{width:100%;height:45px;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:0 20px}select{background:#fff url(../img/sort-down.svg) no-repeat;background-size:12px;background-position:98% 30%}textarea{width:100%;display:block;min-height:100px;max-height:250px;resize:vertical;background-color:var(--white-color);border-radius:var(--border-radius);border:1px solid var(--border-color);padding:10px 20px}.input-file input[type=file]{display:none}.input-file{display:flex;align-items:center;height:45px;padding:0 15px;border:1px solid var(--border-color);transition:var(--transition);border-radius:var(--border-radius);background-color:var(--white-color);cursor:pointer}.input-file .input-icon{width:18px;height:18px;background:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='17 8 12 3 7 8'%3E%3C/polyline%3E%3Cline x1='12' y1='3' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E") center center no-repeat;background-size:cover;margin-right:10px}.img-thumb{min-height:400px}.text-center{text-align:center}.text-white{color:var(--white-color)}.alert{width:100%;padding:10px;border-radius:var(--border-radius);background-color:var(--alert-color);color:var(--white-color)}.alert.danger{background-color:var(--alert-danger-color)}.alert.success{background-color:var(--alert-success-color)}.grid-item{background-color:var(--white-color);padding:20px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid var(--border-color)}.qnt{font-size:2.4em;font-weight:700;color:var(--primary-color)}.button{display:inline-block;font-size:16px;background-color:var(--primary-color);color:var(--white-color);font-weight:700;padding:15px 20px;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:0}.button.small{padding:5px 10px}.button:hover{background-color:var(--accent-color)}.button i{margin-right:10px}.button.only-icon i{margin-right:0}.button.danger{background-color:var(--alert-danger-color)}.button.success{background-color:var(--alert-success-color)}.button.block{display:block;width:100%;text-align:center}.quick-actions .button{display:block;width:100%;text-align:center}@media screen and (max-width:768px){.button{font-size:12px}}.login-page{min-height:100vh;display:flex}.login-page .hello-image{flex:0 0 60%;background:url(../img/bg-login.jpg) center center no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center}.login-page .login-container{flex:0 0 40%;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);padding:20px}.login-page .login-container form{min-width:280px}.login-page .login-container input[type=password],.login-page .login-container input[type=text]{width:100%;height:45px;background-color:#fff;border:1px solid var(--second-accent-color);padding:0 20px;border-radius:var(--border-radius)}.login-page .login-container input[type=submit]{width:100%;background-color:var(--accent-color);color:var(--white-color);height:45px;border-radius:var(--border-radius);border:1px solid var(--second-accent-color);font-weight:700;cursor:pointer;transition:var(--transition)}.login-page .login-container input[type=submit]:hover{background-color:var(--second-accent-color)}.logo-mobile{display:none}@media screen and (max-width:768px){.login-page .hello-image{display:none}.login-page .login-container{flex:0 0 100%}.logo-mobile{display:block;margin-bottom:20px}}header{position:fixed;top:0;right:0;left:0;background-color:var(--white-color);border-bottom:1px solid var(--border-color);z-index:999}header .close-menu-mobile,header .toggle-menu-mobile{display:none}header .logo{padding:10px}header .logo img{max-height:40px}header nav a{display:block;padding:25px 25px;transition:var(--transition)}header nav a.active,header nav a:hover{background-color:var(--primary-color);color:var(--white-color)}@media screen and (max-width:768px){header.jc-sb{justify-content:center}header .toggle-menu-mobile{display:flex;font-size:36px;padding:10px;cursor:pointer;position:fixed;top:3px;left:0}header .close-menu-mobile{display:block;position:absolute;top:20px;right:20px;z-index:9;cursor:pointer;font-size:32px}header nav{position:fixed;width:100%;top:0;bottom:0;left:0;background-color:var(--border-color);display:flex;flex-direction:column;justify-content:center;transform:translateX(-100%);transition:var(--transition);z-index:999}header nav.active{transform:translateX(0)}header nav ul{flex-direction:column;align-items:unset}header nav ul a,header nav ul li{display:block;width:100%;text-align:center}}.modules-list li{padding:10px 0;position:relative;overflow:hidden}.modules-list .highlighted{background-color:var(--border-color)}.modules-list li a{max-width:80%}.modules-list li:not(:last-of-type){border-bottom:1px solid var(--border-color)}.modules-list .actions{background-color:#f5f6f7;border:1px solid var(--border-color);display:block;padding:5px;border-radius:var(--border-radius)}.modules-list .cont-actions{display:flex;align-items:center;justify-content:center;position:absolute;background-color:#f5f6f7;padding:0 20px;top:0;bottom:0;right:-200px;transition:var(--transition)}.modules-list .cont-actions.active{right:0}.modules-list .cont-actions a+a{margin-left:10px}.modules-list .cont-actions .close-actions{margin-left:20px}.modules-list h5.divisor{background-color:#f5f6f7;padding:10px}.material-item h5{max-width:70%}.category-title{padding:20px 0;border-bottom:3px solid var(--primary-color)}.close-lessons-mobile,header .toggle-lessons-mobile{display:none}.school-view{min-height:calc(100vh - 67px)}.school-view .course-nav{flex:0 0 360px}.course-nav{background-color:var(--white-color);border-right:1px solid var(--border-color)}.course-nav h5{padding:10px 20px;background-color:#f5f6f7;border-bottom:1px solid var(--border-color)}.course-nav .module-description{padding:10px 20px;color:var(--primary-color);font-size:12px;background-color:#fafafa;border-bottom:1px solid #e2e2e2}.course-nav li{border-bottom:1px solid var(--border-color)}.course-nav li a{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;transition:var(--transition)}.course-nav li a::after{content:'';display:block;width:24px;height:24px;background:url(../img/play.svg) center center no-repeat;background-size:cover}.course-nav li a.active::after{content:'';display:block;width:24px;height:24px;background:url(../img/play-active.svg) center center no-repeat;background-size:cover}.course-nav li a:hover{background-color:var(--border-color)}.course-nav li a.active{color:var(--primary-color)}.school-content{flex:1 1 auto}.school-content .course-content{padding:40px 30px}.school-content .course-video{background-color:#000}@media screen and (max-width:768px){.school-view{min-height:calc(100vh - 63px)}body.course-body{padding-top:63px}header .toggle-lessons-mobile{display:block;width:35px;height:35px;position:absolute;top:13px;right:10px;bottom:10px;background:url(../img/play-active.svg) center center no-repeat;background-size:cover;cursor:pointer}aside.course-nav{position:fixed;width:100%;top:0;bottom:0;left:100%;z-index:9999;padding-top:60px;transition:var(--transition)}aside.course-nav.active{left:0}.close-lessons-mobile{display:block;position:absolute;top:10px;right:10px;cursor:pointer;font-size:36px}}