/***
** Page Style
***/
:root {--body_line_height: 1,5em}
body a{
    font-family: "Chakra Petch", Sans-serif !important;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .nav-tabs > li > a, .heading_font, table, .widget_categories ul li a, .sidebar-area .widget ul li a, .select2-selection__rendered, blockquote, .select2-chosen, .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a, .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a {font-family: "Chakra Petch", Sans-serif !important;}

#wpadminbar,
#wpadminbar *{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;}
.theme-ms-lms-starter-theme #page {padding-bottom: 0px !important;}
/***
** FlexSlider Nav
***/
.aa-carusel-nav .flex-direction-nav a {
    width: 20px;
    height: 40px;
    margin: -20px 0 0;
	opacity:1;
	text-shadow: none;
	border-radius:0;
	padding:0;}
.aa-carusel-nav .flex-direction-nav .flex-prev{
	left: -15px;
	transform: translateX(-100%);}
.aa-carusel-nav .flex-direction-nav .flex-next{
	right: -15px;
	transform: translateX(100%);}

.aa-carusel-nav .flex-direction-nav a.flex-prev:before,	
.aa-carusel-nav .flex-direction-nav a.flex-next:before{
    display: block;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: eicons;
    border-width: 0;
    margin: 0px;
    border-radius: 0px;
    color: #FF008A;
    font-size: 40px;
    line-height: 40px;
    width: 20px;
    height: 40px;}

.aa-carusel-nav .flex-direction-nav a.flex-prev:before {
	content:"\e87e";
	transform: rotate(0deg);
	margin-left: -10px;}	
	
.aa-carusel-nav .flex-direction-nav a.flex-next:before {
	content:"\e87d";
	transform: rotate(0deg);
	margin-left: -10px;}

.flexslider.aa-carusel-nav:hover .flex-direction-nav .flex-prev{
	left: -15px;
	opacity:1;
	transform: translateX(-100%);}
.flexslider.aa-carusel-nav:hover .flex-direction-nav .flex-next{
	right: -15px;
	opacity:1;
	transform: translateX(100%);}

/***
** Header - menu
***/
#asysdent-header {
	position: absolute;
    width: 100%;}
.hfe-nav-menu{padding-bottom:0px !important;}	
.login-btn > div > a:nth-child(2),
.sing-in-btn > div > a:nth-child(2){
	display: inline-block;
	border: solid 1px var(--e-global-color-790aaa5 );
    border-radius: 3px;
    padding: 13px 20px;}
.asysdent-header .login-btn:hover > div > a:nth-child(2) > span{color:var(--e-global-color-790aaa5 ) !important;}
.asysdent-header .sing-in-btn:hover > div > a:nth-child(2) > span{color:var(--e-global-color-e9f18ad) !important;}	
body.logged-in .sing-in-btn{display:none;}
body.logged-in .login-btn #dLabel{
	background-color: var(--e-global-color-790aaa5 ) !important;
    border: solid 1px var(--e-global-color-790aaa5 ) !important;
	border-radius:3px !important;
    letter-spacing: .2em;
	padding:13px 20px;}
body.logged-in .login-btn #dLabel .login_name {font-size:16px !important;}	
body.logged-in .login-btn #dLabel i {    
	display: initial;
	font-size: inherit;
    background-color: transparent!important;}	
body.logged-in .login-btn #dLabel .caret {transition:none;}	
body.logged-in .login-btn #dLabel:hover i,
body.logged-in .login-btn #dLabel:hover .login_name,
body.logged-in .login-btn #dLabel:hover .caret{color:#fff;}

body.logged-in .mobile-login,
body.logged-in .mobile-sing-up,
body .mobile-my-account{display:none;}

body.logged-in .mobile-my-account {display:block;}

body .mobile-login a{color:var(--e-global-color-790aaa5) !important;}
body .mobile-sing-up a,
body .mobile-my-account a {
	background-color:var(--e-global-color-790aaa5) !important;
	color:#fff !important; }

#asysdent-header-fixed{
	position: fixed;
    width: 100%;
    opacity: 0;
	top:0;
    visibility: hidden;
    transform: translateY(-100%);
	transition:all .2s ease-in-out;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
#asysdent-header-fixed.fix-active{
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
	transition: transform .4s ease-out .1s, opacity .5s ease-out;}	
#asysdent-header-fixed .login-btn > div > a:nth-child(2),
#asysdent-header-fixed .sing-in-btn > div > a:nth-child(2){
	border: solid 1px var(--e-global-color-accent );
	padding: 10px 20px;}
body.logged-in #asysdent-header-fixed.fix-active .login-btn #dLabel{
	background-color: var(--e-global-color-accent ) !important;
    border: solid 1px var(--e-global-color-accent ) !important;
	padding:10px 20px;}
	

body #asysdent-header-fixed .mobile-login a{color:var(--e-global-color-accent ) !important;}
body #asysdent-header-fixed .mobile-sing-up a,
body #asysdent-header-fixed .mobile-my-account a {
	background-color:var(--e-global-color-accent ) !important;
	color:#fff !important; }
	
/***
** Footer
***/
footer{position:initial;}
.footer-dento-net p {margin:0 !important;}

/***
** Hero Image
***/
#aa-hero-image {min-height:695px;}
.hero-btn a{display:block;}

/***
** Counter
***/

.conter-users {position:relative;}
.conter-users:before{
    content: "ponad";
    font-family: "Open Sans", Sans-serif;
    font-size: 20px;
    font-weight: 100;
    line-height: 1.5em;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);}	
.conter-users .elementor-counter-title{line-height:1.5em !important;}

/***
** Carousel Courses
***/
.aa-courses-carusel li > div {
	overflow:hidden;
	border-radius:5px;
	background-color:#fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);}
.aa-courses-carusel .aa-course-thumbnail{
	height:215px;
	width:100%;}
.aa-courses-carusel .aa-course-thumbnail > div {
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	height:100%;
	position:relative;}
.aa-courses-carusel	.aa-courses-tag{
	position:absolute;
	right:10px;
	top:15px;
	font-family: "Bebas Neue", Sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1em;
	letter-spacing: 0.2em;
	text-align: center;
	background: #FF008A;
	border-radius: 2px;
	color:#fff;
    min-width: 80px;
    padding: 5px 10px 3px 10px;
    box-sizing: border-box;}
.aa-course-info{
	padding:25px 15px 15px 15px;
	box-sizing:border-box;}	
.author-box{
	display:flex;
	display:-webkit-flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;}
.author-image{	
	border: 1px solid #C1A866;
	border-radius: 2px;
	width:50px;
	height:50px;
    overflow: hidden;
	box-sizing:border-box;
	margin-right:15px;}
.flexslider.aa-courses-carusel .slides .author-image > img{
	height:50px;
	width:50px;
	object-fit: cover;}
.author-info p,
.author-info h6{
	font-family: "Open Sans", Sans-serif;
	font-size: 16px;
	font-weight: lighter;
	line-height: 1,5em;
	color: #274537;
	margin:0;}
.aa-course-info h3 {
	font-family: Bebas Neue;
	font-size: 24px;
	line-height: 1.25em;
	letter-spacing: 0em;
	font-weight:normal;
	min-height:95px;
	margin-top:25px;
	margin-bottom:0;
	color: #274537;}
.aa-courses-btn {margin-top:60px;}
.aa-courses-btn > a {
	background: #C1A866;
	border-radius: 2px;
	font-family: "Bebas Neue", Sans-serif;
	font-size: 24px;
	line-height: 1em;
	font-weight:normal;
	letter-spacing: 0.2em;
	text-align: center;
	color:#fff;
	display:block;
	padding:18px 0;}
/***
** Carousel Instructors
***/
.instructor-box{
	color:#fff;
	text-align:center;}
.instructor-image{	
	border: 1px solid #C1A866;
	border-radius: 7px;
	width:200px;
	height:200px;
    overflow: hidden;
	box-sizing:border-box;
	margin:0 auto 20px auto;}
.flexslider.aa-instructor-carusel .slides .instructor-image > img{
	height:200px;
	width:200px;
	object-fit: cover;}
.instructor-info p{
	font-family: "Open Sans", Sans-serif;
	font-family: Open Sans;
	font-size: 16px;
	font-weight: lighter;
	line-height: 1.5em;
	margin-bottom:10px;}	
.instructor-info h3{
	color:#fff;
	font-family: "Bebas Neue", Sans-serif;
	font-size: 24px;
	line-height: 1.25em;
	font-weight:normal;
	letter-spacing: 0em;}	
	
/***
** AA Info
***/
.aa-info p{line-height:1.5em;}

/***
** single courses
***/
.single-stm-courses .stm-lms-wrapper .container > .row > div:nth-of-type(2) {display:none !important;}
.single-stm-courses .stm-lms-wrapper .container > .row > div:nth-of-type(3) {
	padding-left:0px;
	width: 100%!important;}
.single-stm-courses .stm-lms-wrapper .container > .row .stm_lms_course__title{color:var(--e-global-color-primary);}

.stm-lms-lesson_navigation_next,
.stm-lms-lesson_navigation_prev{
	top:50%;
	position:absolute;}
.stm-lms-lesson_navigation_next{right:50px;}
.stm-lms-lesson_navigation_prev{left:50px;}
.stm-lms-lesson_navigation_side a span {
    display: block;
font-size: 20px !important;}
html.stm_lms_type_video body .stm-lms-lesson_navigation_side>a i {
    background-color: rgba(151,0,81,1)!important;
border-color: rgba(151,0,81,1)!important;}
html.stm_lms_type_video body .stm-lms-lesson_navigation_side>a:hover i {
background-color: rgba(39,69,55,1)!important;
border-color: rgba(39,69,55,1)!important;}
.stm-lms-lesson_navigation{
    justify-content: space-between;}
.nav.nav-tabs {
margin: 0px 0 0px;}
.stm_lms_course__content p a{
	
    text-decoration: underline !important; 
    color: rgba(151,0,81,1) !important;}
	
	.stm-lms-wrapper.stm-quizzes #stm-lms-lessons .stm-lms-course__lesson-content__top h1{
    color: #333333 !important;}
.sky-competition-button {
	visibility:hidden;
	opacity:0;
	display:none;}
body.logged-in .sky-competition-button br{display:none;}
body.logged-in .sky-competition-button .mpb-shotcode-buttons{
    margin: 0 !important;
    padding: 0 !important;}
.sky-fixed-header-button .md-trigger{
    padding: 8px 20px !important;
	background-color:#C1A866 !important;}
body.logged-in .sky-competition-button .md-trigger{
	
    margin: 0px;
    padding: 11px 20px;
    font-family: "Bebas Neue", Sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5em;
    letter-spacing: 0.2em;}
body.logged-in .sky-competition-button {
	
	visibility:visible;
	opacity:1;
	display:inline-block;}

.md-modal .mpb-buttons button{	
   
    outline: 0 !important;
    outline-offset: 0px !important;
    background: #FF008A !important;
    border: 0;
    padding: 0;
    cursor: pointer;
    font-size: 0px;
    line-height: 1;
    color: transparent;}
.md-modal .mpb-buttons button:before {
    content: "\f00d";
    font-size: 24px;
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    color: #fff;}
	.mpb-buttons{position: absolute;
    top: 15px;
    right: 15px;
    background: #FF008A !important;
    max-width: 40px !important;
    max-height: 40px;
    padding: 0px !important;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    line-height: 1em !important;}
/*register - checkbox*/
	#stm-lms-register  .additional-fields .form-group .field-description{

    display: block;
    font-size: 11px;
    line-height: 1.25;
    transition: visibility .3s ease-in-out, opacity 0.3s ease-in-out;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top:50px;
    background-color: #eef1f7;
    border: 1px solid #212121;
    padding: 25px;}
	#stm-lms-register  .additional-fields .form-group:hover .field-description{

    overflow: visible;
    opacity: 1;
    visibility: visible;
    z-index: 10;
	}
@media 
		only screen and(max-device-width: 768px) and ( min-device-pixel-ratio: 1),
		(max-width: 768px){
		#stm-lms-register  .additional-fields .form-group .field-description{
			overflow: visible;
			opacity: 1;
			top:0px;
			visibility: visible;
			position: relative;}
		}