@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);@keyframes imgScale{0%{transform:scale(.9)}to{transform:scale(1.1)}}@keyframes titleScale{0%{transform:scale(1)}to{transform:scale(1.1)}}a,b,blockquote,body,canvas,caption,code,div,em,embed,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,main,nav,object,ol,p,pre,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,main,nav,section{display:block}body{line-height:1;font-family:"Roboto",sans-serif;background-color:#dfe6ff}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}*{transition:all .5s}*,:after,:before{box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth}.header{width:100%;position:relative;height:auto;display:flex;background-position:center}@media only screen and (max-width:37.5em){.header{align-items:center;flex-direction:column;padding:2rem 0;height:auto}}.header__title{display:flex;width:70%;padding:10rem 0;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:15%;left:15%;z-index:99999;animation:titleScale 20s linear 5s infinite alternate}@media only screen and (max-width:37.5em){.header__title{width:75%}}@media only screen and (max-width:56.25em){.header__title{width:70%;top:25%}}.header__title__logo{position:relative;display:flex;align-items:center;justify-content:center;width:55%}.header__title__logo sup{position:absolute;top:0;left:12%;color:#fff;font-size:2rem}@media only screen and (max-width:37.5em){.header__title__logo{width:100%}}@media only screen and (max-width:75em){.header__title__logo{width:85%}}.header__title__logo img{width:60%;margin-right:2rem;filter:drop-shadow(.5rem .4rem .5rem #222)}@media only screen and (max-width:37.5em){.header__title__logo img{width:60%}}@media only screen and (max-width:56.25em){.header__title__logo img{width:60%}}.header__title__desc{width:65%;margin:5rem 0;text-align:center;text-shadow:0 .1rem 1rem #000}@media only screen and (max-width:37.5em){.header__title__desc{width:100%}}@media only screen and (max-width:75em){.header__title__desc{width:85%}}@media only screen and (max-width:56.25em){.header__title__desc{width:85%}}.header__title__desc h1{line-height:1.5;color:#fff;font-size:3.5vh;font-weight:700;letter-spacing:.2rem;margin-bottom:3rem}@media only screen and (max-width:37.5em){.header__title__desc h1{font-size:2rem!important;letter-spacing:.4rem}}@media only screen and (max-width:75em){.header__title__desc h1{font-size:3.5rem}}@media only screen and (max-width:56.25em){.header__title__desc h1{font-size:3rem}}.header__title__desc p{color:#fff;width:100%;font-size:2.2vh;word-spacing:.2rem;line-height:1.5}@media only screen and (max-width:37.5em){.header__title__desc p{font-size:1.4rem!important}}@media only screen and (max-width:75em){.header__title__desc p{font-size:2rem}}.header__title__desc p span{color:#faa831;font-weight:700}.about-info__title span,.header__title__desc p b{font-weight:700}.header__title__btn{width:55%;display:flex;justify-content:center}@media only screen and (max-width:37.5em){.header__title__btn{width:100%;display:flex;justify-content:center}}@media only screen and (max-width:75em){.header__title__btn{width:85%}}@media only screen and (max-width:56.25em){.header__title__btn{width:100%;display:flex;justify-content:center}}.header__title__btn a{box-shadow:0 .1rem 2rem rgba(0,0,0,.212);text-decoration:none;background-color:#f8990b;border-radius:6px;font-weight:700;color:#fff;text-shadow:0 .1rem .5rem #000;font-size:2.5rem;padding:1.5rem 5rem}@media only screen and (max-width:37.5em){.header__title__btn a{padding:1.5rem 3rem}}.header__title__btn a:hover{background-color:#d88201}.header__map{display:flex;justify-content:center;width:100%}@media only screen and (max-width:56.25em){.header__map{width:95%}}.header__map img{width:90%;height:auto;animation:imgScale 10s linear 2s infinite alternate}@media only screen and (max-width:56.25em){.header__map img{width:60rem;height:35rem}}@media only screen and (max-width:37.5em){.header__map{display:none}}.container{display:flex;width:100%;height:auto}@media only screen and (max-width:56.25em){.container{flex-direction:column}}.container .menu,.container .menu .fixed{display:flex;flex-direction:column;padding:.5rem}.container .menu{width:18%;height:auto;box-shadow:0 1rem 4rem rgba(0,0,0,.76);background-color:#206186;border-right:.1rem solid rgba(6,44,128,.287)}@media only screen and (max-width:56.25em){.container .menu{width:100%}}.container .menu .fixed{width:12%;position:fixed}@media only screen and (max-width:56.25em){.container .menu .fixed{position:static;width:100%;flex-direction:row;justify-content:space-evenly}}.container .menu__logo{text-decoration:none;margin:1rem 0;padding:1rem;width:100%;display:flex;justify-content:space-between;align-items:center}.container .menu__logo sup{position:absolute;top:10%;right:15%;color:#fff}.container .menu__logo:hover{background-color:#e7e7e7}.container .menu__logo:hover i{color:#303030}.container .menu__logo:hover p{color:#1d1d1d}@media only screen and (max-width:75em){.container .menu__logo{margin:0}}.container .menu__logo img{width:85%;height:auto}@media only screen and (max-width:75em){.container .menu__logo img{width:9rem}}.container .menu__logo p{width:80%;color:#f3f3f3;font-size:1.6rem;text-align:left;margin-left:1rem}@media only screen and (max-width:75em){.container .menu__logo p{font-size:1.3rem}}.container .menu__logo i{width:30%;font-size:2.7rem;color:#f3f3f3}@media only screen and (max-width:75em){.container .menu__logo i{font-size:2rem}}.container .content{display:flex;flex-direction:column;width:87%;height:100%}@media only screen and (max-width:56.25em){.container .content{width:100%}}.container .content__header,.container .content__section{display:flex;flex-direction:column;align-items:center;width:100%}.container .content__header{padding:4rem;text-align:right;justify-content:center;height:20rem;background-color:#2897d8;color:#fff;text-shadow:0 .1rem 1rem #000}.container .content__header h1{width:75%;font-size:4vh;font-weight:500;line-height:1.2;letter-spacing:.1rem}@media only screen and (max-width:75em){.container .content__header h1{font-size:3rem}}@media only screen and (max-width:37.5em){.container .content__header h1{width:75%;text-align:center;font-size:2.2rem}}.container .content__header p{width:75%;margin:1rem 0;font-size:2rem}@media only screen and (max-width:75em){.container .content__header p{font-size:1.7rem}}@media only screen and (max-width:37.5em){.container .content__header p{width:75%;text-align:center;font-size:1.2rem}}.container .content__section{background-color:#fff}.container .content__section .teacher-card{display:flex;align-items:center;justify-content:space-around;width:100%;position:relative;background-color:#e6eafb;padding:4rem 8rem;border-top:.1rem solid rgba(22,31,51,.137)}.container .content__section .teacher-card:hover{background-color:#eee}@media only screen and (max-width:37.5em){.container .content__section .teacher-card{flex-direction:column;padding:4rem}}.container .content__section .teacher-card .course-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}.container .content__section .teacher-card__logo{width:29%;height:auto;box-shadow:0 .2rem 2.5rem rgba(0,0,0,.363)}@media only screen and (max-width:75em){.container .content__section .teacher-card__logo{width:35%;margin-right:1.5rem}}@media only screen and (max-width:75em) and (max-width:56.25em){.container .content__section .teacher-card__logo{width:47%}}@media only screen and (max-width:75em) and (max-width:37.5em){.container .content__section .teacher-card__logo{width:100%}}.container .content__section .teacher-card__logo img{width:100%;height:100%}.container .content__section .teacher-card__desc{width:65%;display:flex;padding:3rem 0;flex-direction:column;height:20rem}@media only screen and (max-width:37.5em){.container .content__section .teacher-card__desc{width:100%}}.container .content__section .teacher-card__desc h1{font-size:3.3rem;font-weight:500;color:#141414;margin-bottom:2rem}@media only screen and (max-width:75em){.container .content__section .teacher-card__desc h1{font-size:2.5rem}}@media only screen and (max-width:56.25em){.container .content__section .teacher-card__desc h1{font-size:2.2rem}}@media only screen and (max-width:37.5em){.container .content__section .teacher-card__desc h1{font-size:2.2rem}}.container .content__section .teacher-card__desc p{font-size:1.7rem;color:#2e2e2e}@media only screen and (max-width:75em){.container .content__section .teacher-card__desc p{font-size:1.4rem}}@media only screen and (max-width:56.25em){.container .content__section .teacher-card__desc p{font-size:1.2rem}}.container .content__footer{width:100%;background-color:#002e49;height:8rem;padding:2rem;color:#fff;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:37.5em){.container .content__footer{flex-direction:column}}.container .content__footer__logo{display:flex;align-items:center}.container .content__footer__logo img{width:3rem;height:3rem}@media only screen and (max-width:75em){.container .content__footer__logo img{width:2rem;height:2rem}}.container .content__footer__logo p{margin-left:1rem;font-size:1.7rem}@media only screen and (max-width:75em){.container .content__footer__logo p{font-size:1.4rem}}.container .content__footer .copyright{font-size:1.6rem}@media only screen and (max-width:75em){.container .content__footer .copyright{font-size:1.2rem}}.container .content .user-info{width:90%;padding:4rem;display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width:75em){.container .content .user-info{padding:0}}.container .content .user-info__name{font-size:2rem;font-weight:500;color:#1b1b1b;margin:2rem}.container .content .user-info__video iframe{width:100%;height:60rem;box-shadow:0 .1rem 2rem #00000065}@media only screen and (max-width:75em){.container .content .user-info__video iframe{width:100%;height:45rem}}@media only screen and (max-width:56.25em){.container .content .user-info__video iframe{width:100%;height:34rem}}@media only screen and (max-width:37.5em){.container .content .user-info__video iframe{width:100%;height:22rem}}.container .content .user-info__video iframe:hover{transform:scale(1.02)}.container .content .user-info__desc{box-shadow:0 .1rem 2rem #0000002c;padding:2rem;line-height:1.4;font-size:2rem;border:.1rem solid rgba(0,0,0,.329);width:100%;margin:1rem 0}@media only screen and (max-width:37.5em){.container .content .user-info__desc{font-size:1.8rem;border:0;box-shadow:none}}.container .content .user-info__desc p{font-size:2.4rem;font-weight:700;white-space:pre;font-family:monospace;display:block}@media only screen and (max-width:37.5em){.container .content .user-info__desc p{font-size:2.2rem}}.fixed-arrow{position:fixed;bottom:5%;right:2%;font-size:3.5rem}.about-info{display:flex;width:100%;align-items:center;justify-content:space-evenly;flex-direction:column;padding:8rem;margin-top:8rem}@media only screen and (max-width:37.5em){.about-info{flex-direction:column;justify-content:center}}.about-info__header{width:100%;padding:2rem;border-top:.1rem solid rgba(17,1,48,.164);display:flex;margin-bottom:5rem;justify-content:center;align-items:center}@media only screen and (max-width:37.5em){.about-info__header{width:100%;margin-bottom:1rem}}.about-info__header p{font-size:3rem;font-weight:700;letter-spacing:.3rem;color:orange}@media only screen and (max-width:37.5em){.about-info__header p{font-size:2rem;transform:rotate(0deg)}}.about-info__title{width:70%;display:flex;flex-direction:column;justify-content:space-evenly}@media only screen and (max-width:37.5em){.about-info__title{width:100%}}.about-info__title h4{font-size:2.2rem;font-weight:500;line-height:1.4}@media only screen and (max-width:37.5em){.about-info__title h4{font-size:1.8rem}}.about-info__title h5{font-size:2.2rem;font-weight:500;margin-top:3rem}@media only screen and (max-width:37.5em){.about-info__title h5{font-size:1.8rem}}.about-info__title p{font-size:2rem;margin:2rem 0}@media only screen and (max-width:37.5em){.about-info__title p{font-size:1.8rem}}.active{background-color:#0e4869}.active i,.active p{color:#fff!important}