@charset "UTF-8";
* {
    scrollbar-color: #8f9591 rgba(102, 102, 102, 0.1);
}

*,*:before,*:after {
    font-family: "fot-tsukuardgothic-std", sans-serif;
    font-weight: 700;
    font-style: normal;
}


html, body {
    max-width: 1920px;
}
header {
    background-color: #FFF;
}
.MAIN{
    background-color: #FFF;
}
.CONTAINER {
    max-width: 100%;
}
header>img {
    width: auto;
    max-width: 100%;
}
footer {
    text-align: right;
    background-color: #436c58;
    font-size: 1rem;
    padding: 2px;
    border: solid 2px #436c58;
    height: 36px;
    background-image:  url("../images/custom/footer.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    z-index: 10;
    line-height: 30px;
}
.WINDOW .LIST .ITEM {

    min-height: 39px;

}
.box {
    max-width: 330px;
    border:none;
}
.CourseWrap{
    border:none;
}
.CONTAINER > .CourseWrap {
    min-width: 1200px;
    width: calc(70% - 0px) !important;
    margin: 5px auto 0;
}
.Couese_Title_wap{
    padding: 0px 10px 0px 0px;
    background-color: #FFF!important;
    color: #000!important;
    margin: 5px 10px;
}
.CourseWrap>.CourseWrap>.acd-label>.Couese_Title_wap {
    background-color: #59a980;
}
.CourseWrap>.CourseWrap>.CourseWrap>.acd-label>.Couese_Title_wap {
    background-color: #5c8f75;
}
.Course_description img {
    max-width: 100%;
    width: auto;
    margin-left: 15px;
}
.Couese_Title {
    color: #000;
    margin-top: 5px;
    margin-bottom: 5px;
    //font-weight: bold;
    font-size: 1.5rem;
    padding: 0px;
}
.Course_description > .couese_img {
    padding: 10px 10px 0px 0px;
}

.acd-label:before {
    font-size: 24px;
    left: 0px;
    top: -15px;
}
.acd-label:after {
    font-size: 24px;
    left: 0px;
    top: -15px;
}

.CourseWrap > label >.Couese_Title_wap > .gauge{
    margin-right: 10px;
    margin-top: 4px;
}
.CourseWrap > .CourseWrap > label > .Couese_Title_wap > .gauge{
    margin-right: 0px;
}
.CourseWrap > .CourseWrap > .CourseWrap > label > .Couese_Title_wap > .gauge{
    margin-right: -10px;
}


@media screen and (max-width: 844px) {
    .CourseWrap {
        margin: 0 5px 5px!important;
    }
    .Couese_Title_wap {
        padding: 10px 10px 10px 0px;
        margin-bottom: 5px;
    }
    .CONTAINER > .CourseWrap {
        margin: 5px auto 0px!important;
    }
    .acd-label:before, .acd-label:after {
        left: -4px;
    }
    .Couese_Title{
        /*margin-top: 0px;*/
    }
    .Course_description > .couese_img {
        padding: 0px 5px;
    }

    footer{
        font-size: 10px;
    }
    .gauge{
        height: 24px!important;
        width: 220px!important;
        
    }
    .gauge .fill {
        background: #4ff8a1;
    
    }
    .gauge .label {
        top: 2px!important;
    }
    .CourseWrap > label >.Couese_Title_wap > .gauge{
        margin-right: 5px;
        margin-left: auto;
    }
    .CourseWrap > .CourseWrap > label > .Couese_Title_wap > .gauge{
        margin-right: 0px;
        margin-left: auto;
    }
    .CourseWrap > .CourseWrap > .CourseWrap > label > .Couese_Title_wap > .gauge{
        margin-right: -5px;
        margin-left: auto;
    }

    .acd-label:before {
        font-size: 24px;
        left: -4px;
        top: -7px;
    }
    .acd-label:after {
        font-size: 24px;
        left: -4px;
        top: -7px;
    }

    .Course_description img {
        width: fit-content;
        max-width: 100%;
        margin-left: 10px;
        margin-right: 10px;
    }
    .sidebarIconToggle {
        top: 3px!important;
    }
}
@media screen and (max-width: 1200px) {
    .CONTAINER > .CourseWrap {
        min-width: calc(100% - 5px) !important;
        width: calc(100% - 5px) !important;
        margin: 10px auto 0;
    }
    .acd-content{
        overflow:visible;
    }

}
@media screen and (min-width: 1201px) {
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        //right: -75px !important;
        left: auto;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        //left: -75px !important;
        right: auto;
    }
}
.acd-content{
    overflow:visible;
}
.swiper-button-next, .swiper-button-prev {
    background-color: #5c8f75;
    opacity: 0.7;
}
.sidebarIconToggle {
    background-color: #FFF;
    top: 22px;
}
.gauge{
    width: 300px;
    height: 24px;
    border: solid 1px #FFF;
    background: #436c58;
}
.gauge .fill {
    background: #4ff8a1;

}
.gauge .label {
    color: #FFF;
    top: 2px;
}

.couese_img {
    margin: 0px auto;
    padding: 10px 10px 0px;
}
.couese_img+.TYPE {
    margin: 0px 10px;
    padding: 2px 5px;
    font-size: 1rem;
    //font-weight: 900;
    color: #436c58;
    background-color: #e7f6ee;
}
.couese_img+.TYPE+.TITLE{
    font-size: 1.2rem;
    //font-weight: 400;
}

nav.TOP>div a:link, nav.TOP>div a:hover, nav.TOP>div a:visited, nav.TOP>div a:active, nav.TOP>div span, nav.TOP>div div {
    background-color: #5c8f75;
    border-bottom: #193125 solid thick;
}
nav.TOP>div a:link.ON, nav.TOP>div a:hover.ON, nav.TOP>div a:visited.ON, nav.TOP>div a:active.ON, nav.TOP>div span.ON, nav.TOP>div div.ON {
    background-color: #52bf87;
    border-bottom: #33634b solid thick;
}
nav.TOP>div a:link[href]:hover,nav.TOP>div a:hover[href]:hover,nav.TOP>div a:visited[href]:hover,nav.TOP>div a:active[href]:hover,nav.TOP>div span[href]:hover,nav.TOP>div div[href]:hover {
    background-color: #52bf87;
    border-bottom: #193125 solid thick;
}
nav.SIDE {
    background-color: #59a980;
}
nav.SIDE .BLOCK, nav.SIDE .BLOCK .BASE {
    background-color: #59a980;
}
.WINDOW>.TITLE {
    background-color: #5c8f75;
}
.WINDOW .LIST .HEADER {
    background-color: #5c8f75 !important;
}
.WINDOW .CAPTION {
    background-color: #5c8f75;
}
.MAIN>.LOGINTop, .MAIN>.LoginCONTAINER {
    background-color: #FFF;
    background-image:  url("../images/custom/top2.png");
    min-height: calc(100vh);
    min-width: 100% !important;
}
.WINDOW.LOGIN {
    border: solid 2px #2f5043;
}
.BUTTONAREA > .CENTER > .BTN.PRIMARY {
    background-color: #2f5043;
    width: 90%;
    margin: auto;
}
.WINDOW.LOGIN .PARTS {
    width: 90%;
    margin: auto;
}
.horizontal, .diagonal.part-1, .diagonal.part-2 {
    background-color: #5c8f75;
}
.WINDOW .EDIT>img[href] {
    background-color: #75c099;
}
.WINDOW .LIST .PAGES .ROWS:nth-child(even) {
    background-color: rgba(90, 187, 139, 0.1);
}
.WINDOW .LIST .ITEM.GROUP {
    max-width: 100%;
}
.acd-label:after {
    display: none;
}
.acd-label::before {
    display: none;
}
.acd-content {

  height: auto;
  max-height: 1000px;
  opacity: 1;
  visibility: visible;
  overflow: visible;
}
.swiper-button-next, .swiper-button-prev {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -5px;
    top: 30%;
    left: auto;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -5px;
    top: 30%;
    right: auto;
}