.footer__social_mob {
    text-align: left;
    /*float: left;*/
}

@media (max-width: 767.98px) {
    .footer__social_mob {
        text-align: center;
        margin-top: 10px;
    }
}

.footer__social_mob ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
}

.footer__social_mob ul li {
    margin-left: 10px;
    display: inline-block;
}

.footer__social_mob ul li:last-child {
    margin-left: 0;
}

.footer__social_mob ul li a {
    font-size: 26px;
    color: #606060;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer__social_mob ul li a:hover {
    color: #1eb8eb;
}

.night-mode .footer__social_mob a {
    color: #999;
}

.night-mode .footer__social_mob a:hover {
    color: #1eb8eb;
}

.footer__contact_mob {
    direction: ltr;
    text-align: left;
    float: left;
}

.night-mode .footer__contact_mob{
    color: #999;
}

.footer__spacer_mob {
    border-top: 1px solid #eee;
    margin-top: 10px;
    padding-top: 10px;
    font-size: 13px;
    color: #999;
}

.night-mode .footer__spacer_mob {
    border-top-color: rgba(255, 255, 255, 0.2);
    color: #999;
}

.footer__links_mob {
    text-align: center;
    padding-bottom: 20px;
}

.footer__links_mob ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    text-align: center;
}

.footer__links_mob ul li {
    display: inline-block;
    margin-left: 20px;
}

.footer__links_mob ul li:last-child {
    margin-left: 0;
}

.footer__links_mob ul li a {
    color: #606060;
    font-size: 16px;
}

.footer__links_mob ul li a:hover {
    color: #1eb8eb;
}

.footer__logo_mob {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}

.footer__bottom_spacer_mob {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    color: #999;
}

.night-mode .footer__bottom_spacer_mob {
    border-bottom-color: rgba(255, 255, 255, 0.2);
    color: #999;
}

.footer__brand_mob {
    text-align: center;
    padding-bottom:40px;
}


.footer__slogan_desktop {
    font-size: 13px;
    color: #999;
}

.night-mode .footer__slogan_desktop {
    border-bottom-color: rgba(255, 255, 255, 0.2);
    color: #999;
}

.footer__logo_desktop {
    padding-bottom: 10px;
}

.footer__brand_desktop {
    border-right: 1px solid #eee;
    font-size: 13px;
    color: #999;
}


.night-mode .footer__brand_desktop {
    border-right-color: rgba(255, 255, 255, 0.2);
    color: #999;
}


.footer__links_desktop ul {
    margin-left: 70px;
    padding: 0;
    list-style: none;
    font-size: 0;
    display: inline-block;
}

.footer__links_desktop ul li {
    /*display: inline-block;*/
    margin-top: 10px;
    margin-left: 20px;
}

.footer__links_desktop ul li:last-child {
    margin-left: 0;
}

.footer__links_desktop ul li a {
    color: #606060;
    font-size: 14px;
}

.footer__links_desktop ul li a:hover {
    color: #1eb8eb;
}

.footer__contact_desktop {
    direction: ltr;
    text-align: left;
    margin-bottom: 10px;
    font-size: 12px;
    border-bottom: 1px solid #eee;
    color: #999;
    display: inline-block;
}

.night-mode .footer__contact_desktop{
    color: #999;
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.footer__social_desktop {
    text-align: left;
    float: left;
}

.footer__social_desktop ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
}

.footer__social_desktop ul li {
    margin-left: 10px;
    display: inline-block;
}

.footer__social_desktop ul li:last-child {
    margin-left: 0;
}

.footer__social_desktop ul li a {
    font-size: 26px;
    color: #606060;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer__social_desktop ul li a:hover {
    color: #1eb8eb;
}

.night-mode .footer__social_desktop a {
    color: #999;
}

.night-mode .footer__social_desktop a:hover {
    color: #1eb8eb;
}

.footer {
    padding: 70px 0;
    border-top: 1px solid #ddd;
    background-color: #353535;
}

@media (max-width: 767.98px) {
    .footer {
        padding: 20px 0;
    }
}

.night-mode .footer {
    border-top-color: rgba(255, 255, 255, 0.2);
}

.home-content-categories-box-mob {
    overflow: auto;
    white-space: nowrap;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
}

/*.content-boarder-content-mob {*/
/*    border-radius: 25px;*/
/*    color: white;*/
/*    border: 2px solid #73AD21;*/
/*    padding: 10px 50px;*/
/*    font-size: 16px;*/
/*    margin-left: 30px;*/
/*}*/
.content-boarder-content-mob {
    border-radius: 25px;
    color: white;
    border: 2px solid;
    padding: 10px;
    font-size: 16px;
    /*margin-left: 30px;*/
    text-align: center;
}

.video__item_mob:hover .video__item-overlay_mob {
    color: #1eb8eb;
    opacity: 1;
}

.video__item_mob:hover .video__item-title_mob a {
    color: #1eb8eb;
}

.video__item_mob:hover .video__item-menu-toggle {
    opacity: 1;
    visibility: visible;
}

.video__item-image_mob {
    position: relative;
}

.video__item-image-mob img {
    max-width: 100%;
    max-height: 100%;
}

.aspect-ratio-box-16-9 {
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
}

.aspect-ratio-box-16-9-inside {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-black {
    background-color: #000000 !important;
}

.br-up-10 {
    /*border-radius: 4px !important;*/
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
}
.br-bottom-10 {
    /*border-radius: 4px !important;*/
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}
.aspect-ratio-box-inside {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video__item-overlay_mob {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 50px;
    height: 50px;
    margin-right: -25px;
    margin-top: -25px;
    font-size: 50px;
    opacity: 0.5;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.video__item-title_mob {
    padding-top: 10px;
    background: #353536;
}

.video__item-title_mob.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.video__item-title_mob a {
    font-size: 14px;
    font-weight: bold;
    color: #363c57;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.night-mode .video__item-title_mob a {
    color: #fff;
}

.video__item-detail_mob {
    padding-top: 5px;
    color: #a9a9a9;
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #353536;
}

.night-mode .video__item-detail_mob {
    color: #999;
}

.video_card_btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #1eb8eb;
    /*border-radius: 46px;*/
    width: 46px;
    height: 46px;
    color: #fff;
    font-size: 20px;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.video__section-slider .swiper-button-prev {
    background-image: none;
    right: -30px;
    outline: none;
}

.video__section-slider .swiper-button-prev i {
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 575.98px) {
    .video__section-slider .swiper-button-prev {
        right: auto;
        left: 40px;
        top: -40px !important;
        margin-top: 0 !important;
    }
}

.video__section-slider .swiper-button-next {
    background-image: none;
    left: -30px;
    right: auto;
    outline: none;
}

.video__section-slider .swiper-button-next i {
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 575.98px) {
    .video__section-slider .swiper-button-next {
        right: auto;
        left: 0;
        top: -40px !important;
        margin-top: 0 !important;
    }
}

.video__section-slider .swiper-button-next,
.video__section-slider .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -30px;
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #464646;
    font-size: 40px;
}

.video__section-slider .swiper-button-next:hover,
.video__section-slider .swiper-button-prev:hover {
    color: #1eb8eb;
}

.night-mode .video__section-slider .swiper-button-next,
.night-mode .video__section-slider .swiper-button-prev {
    color: #999;
}

.night-mode .video__section-slider .swiper-button-next:hover,
.night-mode .video__section-slider .swiper-button-prev:hover {
    color: #1eb8eb;
}

.container-line-indicator {
    margin-right: 20px;
    margin-top: 20px;
    left: -70%;
    width: 30%;
    height: 5px;
    background-color: #F0F0F5;
    position: relative;
}
.circle-section-indicator {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background-color: #F0F0F5;
    border: solid 1px #F0F0F5;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    left: calc(100% - 5px);
}

.container-line-indicator-right {
    margin-right: -20px;
    margin-top: 20px;
    width: 30%;
    height: 5px;
    background-color:  #F0F0F5;
    position: relative;
}
.circle-section-indicator-right {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background-color:  #F0F0F5;
    border: solid 1px #F0F0F5;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    left: calc(0% - 5px);
}

.video__item-image_mob img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

.video__item-image_mob img {
    max-width: 100%;
    max-height: 100%;
}


.course__all-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
}

.course__all-category a {
    /*background: #1eb8eb;*/
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    height: 40px;
    font-size: 15px;
    font-weight: bold;
    border-radius: 4px;
}

.course__all-category a i {
    margin-left: 10px;
    font-size: 20px;
}
.site-title-section{
    text-align: center;
    padding-bottom: 50px;
}

.site-title-mob {
    text-align: center;
    font-size: 1.7rem;
    color: white;
    padding-bottom: 15px;
}

.site-desc-mob {
    font-size: 1.3rem;
    color: white;
    padding-bottom: 15px;
}

.site-home-register-btn{
    border: 2px solid #1FCECE;
    border-radius: 4px;
    padding: 5px 70px 5px 70px;
    color: #1FCECE;
}

.parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 130%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

.swiper-slide .title {
    font-size: 28px;
    text-align: center;
    font-weight: 300;
    color: white;
    padding-top: 80px;
}

.swiper-slide .subtitle {
    padding-top:10px;
    font-size: 18px;
    text-align: center;
    color: white;
}

.swiper-slide .text {
    font-size: 14px;
    max-width: 400px;
    line-height: 1.3;
    text-align: center;
    color: white;
    padding-top: 40px;
}

.promoted-course-registration-btn{
    border: 2px solid #1FCECE;
    border-radius: 4px;
    padding: 5px 70px 5px 70px;
    color: white;
    background: #1FCECE;
}

.site-title-section-desktop{
    text-align: center;
    padding-bottom: 50px;
}

.site-title-desktop {
    text-align: center;
    font-size: 2.2rem;
    color: white;
    padding-bottom: 15px;
}

.site-desc-desktop {
    font-size: 1.3rem;
    color: white;
    padding-bottom: 15px;
}

.site-home-register-desktop-btn{
    border: 2px solid #1FCECE;
    border-radius: 4px;
    padding: 5px 90px 5px 90px;
    color: #1FCECE;
}
.content-categories-item-desktop{
    color: white;
    text-align: center;
}

.container-line-indicator-desktop {
    margin-right: 35%;
    margin-top: 50px;
    left: -70%;
    width: 30%;
    height: 5px;
    background-color: #F0F0F5;
    position: relative;
}

.container-line-indicator-right-desktop {
    margin-right: -35%;
    margin-top: 20px;
    width: 30%;
    height: 5px;
    background-color:  #F0F0F5;
    position: relative;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.swiper-slide .title-desktop {
    font-size: 28px;
    font-weight: 300;
    color: white;
    padding-top: 30px;
}

.swiper-slide .subtitle-desktop {
    padding-top:10px;
    font-size: 18px;
    color: white;
}

.swiper-slide .text-desktop {
    font-size: 14px;
    max-width: 400px;
    line-height: 1.3;
    color: white;
    padding-top: 40px;
}

.promoted-course-registration-btn-desktop{
    border: 2px solid #1FCECE;
    border-radius: 4px;
    padding: 5px 90px 5px 90px;
    color: white;
    background: #1FCECE;
}

.video__single-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
}

.course__name_section{
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #999;
    margin-bottom: 10px;
}

.course__start-date-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    color: white;
    font-size: 12px;
}

.comment-number-section{
    font-size: 12px;
}

.profile__about-section-title {
    color: white;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
}

.course__content-section {
    margin-top: 20px;
}

.course__content-section-title {
    color: white;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
}

.course-content-main{
    background-color: #202021;
    padding: 25px 0px;
}

.night-mode .course-content-main .nav-link.active {
    color: white;
    background-color: #202021;
    border-bottom: 2px solid #0d7496;
    border-radius: 0px;
}

.video-content-description{
    font-size: 14px;
    color: white;
}

.live-content-description{
    font-size: 14px;
    color: white;
}

.webinar-content-description{
    font-size: 14px;
    color: white;
}

.course-subscription-section{
    padding-top: 40px;
    padding-bottom: 40px;
}

.new-course-notify-section{
    margin-top: 30px;
    padding-top: 30px;
    text-align: center;
    border-top: 1px solid white;
    padding-bottom: 30px;
    border-bottom: 1px solid white;
}
.new-course-notify-title{
    font-weight: 500;
    color: white;
}

.new-course-notify-description{
    font-size: 12px;
    padding-bottom: 20px;
    color: white;
    padding-top: 10px;
}

.new-course-notify-form{

}

.new-course-notify-input{
    background-color: #353536;
    border: 1px solid #353536;
}

.new-course-notify-btn{
    background-color: #101010;
    border-color: #1FCECE;
    color: white;
}

.course-comments-section{

}

.course__comment-section-box {
    color: #606060;
    text-align: justify;
    font-size: 14px;
    background-color: #353536;
    border-radius: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.course__comment-view-section {
    color: #606060;
    text-align: justify;
    font-size: 14px;
    background-color: #353536;
    border-radius: 12px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.course-send-comment-btn{
    background: #353536;
    border: #353536;
    color: #495057;
}

.course-send-comment-btn:hover{
    background: #353536;
    border: #353536;
    color: #ffffff;
}

.course-comment-textarea{
    background-color: #353536;
    border: #353536;
    resize: none;
}
.course-comment-textarea:hover{
    background-color: #353536;
    border: #353536;
}

.course-comment-owner{
    color: white;
}

.course-comment-date{
    float: left;
}

.course-comment-text{
    padding-top: 15px;
    font-size: 12px;
}

related-course-item-title-desktop{

}


.related-course-item-title-desktop.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.related-course-item-title-desktop a {
    font-size: 12px;
    /*font-weight: bold;*/
    color: #fff;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.related-course__item-image {
    position: relative;
}

.related-course__item-image img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

.related-course__item_inner {
    margin-top: 20px;
    border-bottom: 1px solid #353536;
    padding-bottom: 20px;
}

.col-12.col-lg-12.related-course__item:last-child .related-course__item_inner:last-child {
    margin-top: 20px;
    border-bottom: 1px solid #202021;
    padding-bottom: 0px;
}


.course__related {
    margin-top: 20px;
}

.course__related-title{
    color: white;
}

.related-course-items-section{
    background-color: #202021;
    padding-bottom: 20px;
    border-radius: 5px;
    margin-top: 15px;
}

.course-comment-spacer{
    border-bottom: 1px solid #606060;
    padding-top: 5px;
    margin-bottom: 15px;
}
.col-12:last-child .course-comment-spacer:last-child{
    border-bottom: 1px solid #353536;
    padding-top: 5px;
    margin-bottom: 0px;
}

.filter-collapse-list{
    font-size: 12px;
}

.course-category-filter{
    background-color: #353536;
    margin-top: 70px;
    border-radius: 5px;
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
}

.category-filter-item{
    padding-bottom: 5px;
}

.course-category-list {
    background-color: #353536;
    margin-top: 70px;
    border-radius: 5px;
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
}

.course-category-list-items{
    font-size: 12px;
    padding-top: 15px;
}

.course-category-list-item{
    padding-bottom: 10px;
}

.course-category-list-title{
    padding-bottom: 10px;
    border-bottom: 1px solid #202021;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: white;
    background-color: #101010;
    border: 1px solid #101010;
}

.user-profile-info-section{
    padding-top: 100px;
    padding-bottom: 50px;
    color: white;
    z-index: -10;
}

.user-profile-img{
    border-radius: 50%;
}

.user-profile-personal-info-section{
    border-left: 1px solid #202021;
}

.user-profile-course-content-main{
    background-color: #101010;
    padding: 25px 0px;
}

.night-mode .user-profile-course-content-main .nav-link.active {
    color: white;
    background-color: #101010;
    border-bottom: 2px solid #0d7496;
    border-radius: 0px;
}

.user-profile-panel-section{
}

.user-profile-getting-teacher-section{
    margin-top: 0.5rem;
    padding: 10px 30px;
    background-color: #202021;
    border-radius: 5px;
    color: white;
}

.user-profile-panel-items{
    margin-top: 0.5rem;
    padding: 20px;
    background-color: #202021;
    border-radius: 5px;
    color: white;
    height: 82%;
}

.user-profile-panel-item{
    padding-bottom: 10px;
}



.profile-menu__side-nav-overlay {
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1001;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
}

.user_profile__side-nav {
    background: #353536;
    position: fixed;
    left: 0;
    top: 0;
    width: 250px;
    bottom: 0;
    z-index: 1002;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateX(250px);
    transform: translateX(250px);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    visibility: hidden;
}

.user_profile__side-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.user_profile__side-nav ul li {
    border-bottom: 1px solid #eee;
}

.user_profile__side-nav ul li a {
    color: #606060;
    display: block;
    padding: 10px 20px;
    line-height: 20px;
    font-weight: 500;
    font-size: 14px;
}

.user_profile__side-nav ul li a:hover {
    color: #1eb8eb;
}



body.user-panel-menu-open .user_profile__side-nav {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
}

body.user-panel-menu-open .profile-menu__side-nav-overlay {
    visibility: visible;
    opacity: 1;
}

.user-profile-menu-icon {
    font-size: 24px;
    color: white;
    margin-left: 10px;
    cursor: pointer;
    z-index: 10000;
    padding: 20px;
}

.user-profile-menu-icon:hover {
    color: #1eb8eb;
}

.user-profile-menu-icon i {
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

a {
    color: white;
}

.teacher-registration-header
{
    text-align: center;
    color: white;
    padding-top: 40px;
}

.teacher-registration-description{
    color: white;
    font-size: 22px;
    text-align: center;
    padding-top: 30px;
}

.teacher-registration-information-div{
    border-radius: 10px;
    border: 1px solid #202021;
    background-color: #202021;
    padding: 40px;
}

.teacher-registration-information-part .title {
    color: white;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.user-registration-send-doc-rule-text{
    color: white;
    font-size: 13px;
}

.user-registration-send-doc-rule-warning{
    font-size: 10px;
    color: white;
}

.user-registration-send-doc-rule-warning-icon {
    color: darkred;
    font-size: 12px;
    margin-left: 10px;
}

.user-registration-send-doc-rule-number{
    display: inline-flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    padding: .5em 0;
    margin: .25rem;
    line-height: 1em;
    color: #fff;
    /*background-color: #6c757d;*/
    border: 1px solid white;
    border-radius: 1em;
}

.user-registration-send-doc-title{
    text-align: center;
    color: white;
    padding-top: 45px;
    padding-bottom: 45px;
}

.user-registration-send-commitment-title{
    text-align: center;
    color: white;
    padding-top: 45px;
    padding-bottom: 45px;
}

.teacher-registration-requested-information{
    color: white;
    margin-top: -120px;
    padding-bottom: 50px;
}

.teacher-registration-accepted-text
{
    text-align: center;
    color: white;
    margin-top: -170px;
    padding-bottom: 100px;
}

.teacher-profile-panel-report-section{
    padding: 10px 30px;
    background-color: #202021;
    border-radius: 5px;
    color: white;
    margin-bottom: 20px;
}

.teacher-profile-panel-report-section-title{
    margin-top: 0.5rem;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid;
}

.teacher-profile-panel-report-section-item{
    margin-top: 0.5rem;
    font-size: 14px;
}

.teacher-profile-panel-courses-item{
    padding: 20px;
    border: 1px solid;
    border-radius: 10px;
    margin-bottom: 15px;
    color: white;
}

.teacher-create-entity  input{
    background-color: #101010;
}

.teacher-create-entity  textarea{
    background-color: #101010;
}

.teacher-create-entity  select{
    background-color: #101010;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #101010;
    border-color: #101010;
}

.accounting-card-item {
    padding: 20px 0px;
}


.movie-header-info{
    padding-top: 30px;
    padding-bottom: 16px;
    border-bottom: 1px solid white;
}

.movie-header-thumbnail{
    margin-left: 30px;
}

body{
    color: white;
}

.movie-header-data-title{
    padding-bottom: 32px;
    font-size: 1.6rem;
    font-weight: 500;
}

.movie-header-data-en-title{
    font-weight: 400;
    margin-bottom: 16px;
}

.movie-header-data-imdb-rating{
    color: #292929;
    fill: #292929;
    background-color: #f6b828;
    border-color: transparent;
    font-size: 1rem;
    border-radius: 8px;
}

.movie-header-data-imdb-logo{
    font-size: 0.8rem;
    padding-right: 5px;
    padding-left: 3px;
    border-left: 1px solid black;
}

.movie-header-data-imdb-value{
    padding-left: 5px;
}

.movie-header-data-age{
    color: #fdc13c;
}

.movie-header-data-description{
    margin-top: auto;
}

.movie-header-data-genre-tag{
    color: #fff!important;
    fill: #fff;
    margin-left: 8px;
    background-color: #4d4d4d!important;
    border-radius: 24px;
    padding-right: 8px;
    padding-left: 8px
}

.movie-header-data-description-details{
    margin-bottom: 24px;
    font-size: 14px;
    font-weight: 400;
}

.movie-header-data-actor{
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 14px;
}

.movie-header-action{
    padding-top: 24px;
}

.movie-header-left-actions{
    font-size: 16px;
}

.movie-header-action-like-action{
    border-radius: 50%;
    font-size: 24px;
}

.movie-header-action-bookmark-action{
    border-radius: 24px;
    padding: 10px 16px;
}

.movie-header-overlay{
    background: rgba(0,0,0,.6);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.movie-additional-text-content-title{
    font-size: 1.3rem;
    margin-bottom: 8px;
    font-weight: 700;
}

.movie-additional-gallery-content{
    padding-bottom: 30px;
}

.movie-additional-text-content-main{
    font-size: 14px;
    text-align: justify;
}

.movie-additional-content-section{
    padding-bottom: 30px;
}

.movie-crew-item-section{
    padding-left: 8px;
    padding-right: 8px;
}

.movie-crew-role-section{
    color: #aaaaaa;
    text-align: center;
}

.movie-crew-name-section{
    color: #ffffff;
    overflow: hidden;
    text-align: center;
    font-weight: normal;
    white-space: initial;
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 1.75;
}

.movie-crew-img-section{
    border-radius: 50%;
}

.movie__item-image_mob {
    position: relative;
}

.aspect-ratio-box-212-312 {
    height: 0;
    overflow: hidden;
    padding-top: 133%;
    position: relative;
}

.movie__item-title_mob {
    padding-top: 8px;
}

.movie-card-hover-delay {
    transition-delay: 300ms;
}

.movie-card-hover-info {
    top: 0;
    color: #ffffff;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    font-size: 12px;
    text-align: right;
    transition: all 0.5s;
    border-radius: 4px;
    background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.9));
    z-index: 10;
}

.aspect-ratio-box-inside:hover .movie-card-hover-info {
    visibility: visible;
    opacity: 1;
}

.movie-card-hover-info-item {
    padding: 0 10px;
     width: 100%;
     overflow: hidden;
     white-space: nowrap;
     margin-bottom: 10px;
     text-overflow: ellipsis;
 }

.sub-plans-page-title{
    font-size: 20px;
    margin-top: 40px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 24px;
}

.sub-plan-card-outsize {
    cursor: pointer;
    box-shadow: 0 0 2px rgb(0 0 0 / 32%);
    border-radius: 5px;
    margin-bottom: 16px;
    background-color: #353535;
}

.sub-plan-card-inside {
    padding: 5px 5px 5px 5px;
}

@media (min-width: 800px){
    .sub-plan-card-inside {
        padding: 20px 21px 20px 32px;
    }
}

.sub-plan-card-title{
    font-size: 18px;
    text-align: right;
    font-weight: 700;
}

.sub-plan-card-discount-title{
    padding: 2px 4px;
    font-size: 12px;
    margin-top: 4px;
    font-weight: bold;
    margin-left: 12px;
    border-radius: 2px;
    background: #ffc107;
}

@media(min-width: 800px){
    .sub-plan-card-discount-title {
        padding: 2px 8px;
    }
}

.sub-plan-card-discount-value{
    width: 45px;
    display: inline-block;
    position: relative;
    font-size: 16px;
    text-align: center;
    margin-left: 13px;
    border-radius: 2px;
    background-color: #D95C5C;
}

.sub-plan-card-price {
    color: #666666;
    font-size: 18px;
    text-decoration: line-through;
}

.sub-plan-card-final-price {
    font-size: 14px;
    font-weight: 700;
    margin-left: 4px;
}

@media (min-width: 800px){
    .sub-plan-card-final-price {
        font-size: 18px;
        margin-left: 8px;
    }
}

.sub-plan-card-final-price-parent {
    color: #1993ff;
    display: inline-block;
    margin-top: 5px;
    font-weight: 700;
}

.sub-plans-notify-section{
    color: #666666;
    font-size: 12px;
    line-height: 1.75;
    padding-bottom: 20px;
}

.sub-plans-notify-rules {
    border-radius: 5px;
    color: #ffffff;
    padding: 16px 24px;
    margin-bottom: 24px;
    background-color: #383d41;
}

.sub-plans-notify-alert{
    color: #ffffff;
    padding: 16px;
    border-radius: 5px;
    background-color: #D95C5C;
}

.red{
    background-color: red;
}

.green{
    background-color: green;
}

.yellow{
    background-color: yellow;
}