/* common */
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@700&display=swap');

:root{
	--color-blue01:#1a4584;
	--color-blue02:#0275d8;
	--color-ltblue01:#b7dffa;
	--color-ltblue02:#17a2b8;
	--color-red01:#dc0e00;
	--color-green01:#5cb85c;
	--color-grey01:#777777;
	--color-ltgrey01:#efefef;
	--color-ltgrey02:#cccccc;
	--color-dkgrey01:#2b2b2b;
	--max-height-nav:160px;
	--max-height-footer:48px;
}
html,body,body *{margin:0;padding:0;box-sizing:border-box;line-height:100%;outline:none;}
body{color:#333333;font-family:'Roboto',sans-serif;font-size:14px;}
h1,h2,h3,h4,h5,h6,p,a,button{font-weight:400;}
h1{font-size:4em;}
h2{font-size:3em;}
h3{font-size:2.4em;}
h4{font-size:2em;}
h5{font-size:1.6em;}
h6{font-size:1.2em;}
p{font-size:1em;}
p.p-detail{line-height: 1.8em;}
nav,main,footer{width:100%;position:relative;overflow:hidden;}
nav{max-height:var(--max-height-nav);overflow:hidden;}
main{min-height:calc(100vh - var(--curr-height-nav) - var(--max-height-footer));}
footer{max-height:var(--max-height-footer);overflow:hidden;}
.section-inner{padding:70px 0;}
.section-title{margin-bottom:27px;padding-bottom:8px;position:relative;color:var(--color-blue01);font-family:'Nunito',sans-serif;font-size:2em;font-weight:800;line-height:1.44em;text-transform:uppercase;}
.section-title:after{content:'';width:144px;height:4px;margin:auto;position:absolute;bottom:0;left:50%;transform: translateX(-50%);background:var(--color-red01);border-radius:4px;display:inline-block;}
.section-title.left-after:after{left:0;transform: translateX(0);}
.btn-link{padding:4px 12px;border:none;border-radius:4px;cursor:pointer;font-family:'Nunito',sans-serif;font-weight:700;line-height:24px;outline:none !important;text-decoration: none!important;}
.btn-link:focus,.btn-link:hover{filter:brightness(.88);}
/**/

/* navbar */
nav#_navbar{padding:0;position:relative;background:#ffffff;flex-direction:column;z-index:1001;}
nav>div{width:100%;}
nav a,nav a:focus,nav a:hover{color:inherit;text-decoration:none;}
.nav-top{background:var(--color-blue01);color:#ffffff;transition:all .24s;}
.nav-info{padding:10px 0;display:flex;}
.nav-info>p{padding:0 16px;line-height:16px;}
.nav-info>p:first-of-type{padding-left:0;border:none;}
.nav-info>p>a,.nav-socmed>p>a{display: inline-block;font-size:12px;transition: all .18s ease-out;}
.nav-info>p>a:hover{filter: brightness(0.8);transform: scale(.9)}
.nav-info>p>a>i{margin-right:8px;font-size:1.2em;vertical-align:middle;}
.nav-info>p>a>span{vertical-align:middle;}
.nav-info img{margin-right: 5px;}
.nav-socmed>p{font-size:1.2em;}
.nav-socmed>p>a{margin-left:10px;}
.nav-socmed>p>a:focus,.nav-socmed>p>a:hover{color:var(--color-red01);}
.nav-socmed img,.nav-info img{max-width: 22px;height: auto;transition: all .18s ease-out;image-rendering: -webkit-optimize-contrast;}
.nav-socmed img:hover{filter: brightness(0.8);transform: scale(.8)}
.nav-socmed img:active{filter: brightness(1);transform: scale(1)}
.nav-lesson{display:none;}
@media screen and (max-width: 767px) {.nav-socmed>p>a:first-child{margin-left: 0;}}
@media screen and (max-width: 414px) {.icon-text{display: none;}.nav-info>p{padding: 0;}.nav-info>p:last-child{margin-left: 10px;}.nav-info img {margin-right: 3px;}}

.nav-bottom{background:#ffffff;}
nav#_navbar.scrolled>.nav-bottom{position:fixed;top:0;box-shadow:0 0 4px var(--color-grey01);}
.navbar-collapse{justify-content:flex-end;}
.navbar-nav{margin:0;}
.navbar-brand{padding:15px 0;}
.navbar-brand>img{height:56px;}
.nav-bottom .navbar-nav>li{margin:0 8px;display: flex;align-items: center;justify-content: center;}
.nav-bottom .navbar-nav>li:last-of-type{margin-right:0;}
.nav-bottom .navbar-nav>li>a.nav-link{padding:4px 12px;font-weight:700;line-height:24px;letter-spacing: .5px;}
.nav-bottom .navbar-nav>li:not(:last-child)>a.nav-link{color: var(--color-blue01);}
/*.nav-bottom .navbar-nav>li>a.nav-link:focus,.nav-bottom .navbar-nav>li>a.nav-link:hover{color:var(--color-red01);}*/
.nav-bottom .navbar-nav>li.nav-sign-in>a{color: var(--color-blue01);border: 2px solid var(--color-blue01);border-radius:4px;padding: 2px 42px;}
.nav-bottom .navbar-nav>li.nav-register>a{border-radius:4px;color:#ffffff !important;padding: 4px 42px;}
.nav-bottom .navbar-nav>li.nav-logout>a{border-radius:4px;color:#ffffff !important;padding: 4px 12px;}
.nav-bottom .navbar-nav>li.nav-register>a{background:var(--color-red01);}
.nav-bottom .navbar-nav>li.nav-logout>a{background:var(--color-red01);}
.nav-bottom .navbar-nav>li.nav-register>a:focus,.nav-bottom .navbar-nav>li.nav-register>a:hover,.nav-bottom .navbar-nav>li.nav-logout>a:focus,.nav-bottom .navbar-nav>li.nav-logout>a:hover{filter:brightness(.88);}
.prof-pic-header{border-radius: 100%;width: 37px;height: auto;}
@media screen and (max-width: 767px) {.navbar-brand>img {height: 26px;}.navbar-toggler{display: none;}#_navbar{max-height: unset;}.nav-bottom>.container{flex-wrap: nowrap;}#w0-collapse{display: flex;}.navbar-nav{flex-direction: row;}.nav-bottom .navbar-nav>li.nav-item:not(.nav-logout)>a.nav-link:not(.guest){padding-left: 0;}.welcome-user,.logout-label{display: none;}.logout-label+span{margin: 0!important;}.nav-bottom .navbar-nav>li.nav-item>a.nav-link.guest{padding: 4px 12px;}}
@media screen and (max-width: 991px) {.nav-bottom>.container{flex-wrap: nowrap;}#w0-collapse{display: flex;}}
@media screen and (min-width: 768px) and (max-width: 991px) {#w0-collapse>.navbar-nav{flex-direction: row;content: 'wacetuk'}}
/**/


/* footer */
footer{position:relative;background:var(--color-dkgrey01);color:var(--color-ltgrey02);z-index:999;}
footer p{line-height:var(--max-height-footer);text-align:center;}
.link-footer{color: var(--color-ltgrey02)!important;}
@media screen and (max-width: 767px) {footer{max-height: unset;font-size: 12px;}footer>.container{padding-top: 10px;padding-bottom: 10px;}footer p{line-height: 24px}}
/**/

#popup-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .48s;z-index:-1;}
#popup-overlay.showed{opacity:1;z-index:1001;}