:root {
    --color-red: #EB0000;
    --color-green: #A0E4D8;
    --color-blue: #B2D7E6;
    --color-white: #fff;
    --color-333: #333333;
    --color-black: #000000;
    /*18.01.2022*/
    --color-gray: #BBBCBC;
    --color-beige: #DCBFA6;
    --color-yellow: #EFDBB2;
    --color-violet: #B6B8DC;
    --color-grean: #8FE2B0;
}

.row-courses .color-red {
    background-color: var(--color-red);
}
.color-red .subtitle {
    color: var(--color-white);
}
.row-courses .color-green {
    background-color: var(--color-green);
    color: var(--color-333);
}

.row-courses .color-blue {
    background-color: var(--color-blue);
    color: var(--color-333);
}

/*.18.01.2022*/
.row-courses .color-gray {
    background-color: var(--color-gray);
    color: var(--color-333);
}
.row-courses .color-beige {
    background-color: var(--color-beige);
    color: var(--color-333);
}
.row-courses .color-yellow {
    background-color: var(--color-yellow);
    color: var(--color-333);
}
.row-courses .color-violet {
    background-color: var(--color-violet);
    color: var(--color-333);
}
.row-courses .color-grean {
    background-color: var(--color-grean);
    color: var(--color-333);
}

.color-gray .btn.btn-light,
.color-beige .btn.btn-light,
.color-yellow .btn.btn-light,
.color-violet .btn.btn-light,
.color-grean .btn.btn-light,
.color-green .btn.btn-light,
.color-blue .btn.btn-light {
    background: var(--color-red);
    box-shadow: 0 4px 15px rgba(235, 0, 0, 0.2);
    border-color: var(--color-red);
    color: var(--color-white);
}

.color-gray .btn.btn-light:hover,
.color-beige .btn.btn-light:hover,
.color-yellow .btn.btn-light:hover,
.color-violet .btn.btn-light:hover,
.color-grean .btn.btn-light:hover,
.color-green .btn.btn-light:hover,
.color-blue .btn.btn-light:hover {
    color: var(--color-333);
    background: var(--color-white);
    border-color: var(--color-white);
}

.color-blue .subtitle,
.color-gray .subtitle,
.color-beige .subtitle,
.color-yellow .subtitle,
.color-violet .subtitle,
.color-grean .subtitle,
.color-green .subtitle,
.color-green .buttons .readmore,
.color-blue .buttons .readmore {
    color: var(--color-333);
}
.color-blue .buttons .readmore:after,
.color-green .buttons .readmore:after {
    border-bottom-color: var(--color-333);
}

.color-green .buttons .readmore:hover,
.color-blue .buttons .readmore:hover {
    color: var(--color-white);
}

.color-blue .buttons .readmore:hover:after,
.color-green .buttons .readmore:hover:after {
    border-bottom-color: var(--color-white);
}

/*18.01.2022*/
/*.course-head-block
.cource-color-grean
.cource-color-violet
.cource-color-yellow
.cource-color-beige
.cource-color-gray
*/

.cource-color-grean .row-questions .questions-item,
.cource-color-grean .row-teachers__one .teacher-box .photo,
.cource-color-grean .row-questions .questions-item,
.cource-color-grean .course-for {
    background-color: var(--color-grean);
}

.cource-color-violet .row-questions .questions-item,
.cource-color-violet .row-teachers__one .teacher-box .photo,
.cource-color-violet .row-questions .questions-item,
.cource-color-violet .course-for {
    background-color: var(--color-violet);
}

.cource-color-yellow .row-questions .questions-item,
.cource-color-yellow .row-teachers__one .teacher-box .photo,
.cource-color-yellow .row-questions .questions-item,
.cource-color-yellow .course-for {
    background-color: var(--color-yellow);
}

.cource-color-beige .row-questions .questions-item,
.cource-color-beige .row-teachers__one .teacher-box .photo,
.cource-color-beige .row-questions .questions-item,
.cource-color-beige .course-for {
    background-color: var(--color-beige);
}
.cource-color-gray .row-questions .questions-item,
.cource-color-gray .row-teachers__one .teacher-box .photo,
.cource-color-gray .row-questions .questions-item,
.cource-color-gray .course-for {
    background-color: var(--color-gray);
}

.cource-color-gray .course-head-block {
    background-color: var(--color-gray);
    color: var(--color-333);
}
.cource-color-beige .course-head-block {
    background-color: var(--color-beige);
    color: var(--color-333);
}
.cource-color-yellow .course-head-block {
    background-color: var(--color-yellow);
    color: var(--color-333);
}
.cource-color-violet .course-head-block {
    background-color: var(--color-violet);
    color: var(--color-333);
}
.cource-color-grean .course-head-block {
    background-color: var(--color-grean);
    color: var(--color-333);
}

/*
* Landing cource-color-green // cource-color-blue
*/
.cource-color-gray .breadcrumbs,
.cource-color-beige .breadcrumbs,
.cource-color-yellow .breadcrumbs,
.cource-color-violet .breadcrumbs,
.cource-color-grean .breadcrumbs,
.cource-color-blue .breadcrumbs,
.cource-color-green .breadcrumbs {
    color: rgba(51, 51, 51, .5);
}
.cource-color-gray .breadcrumbs ol li a,
.cource-color-beige .breadcrumbs ol li a,
.cource-color-yellow .breadcrumbs ol li a,
.cource-color-violet .breadcrumbs ol li a,
.cource-color-grean .breadcrumbs ol li a,
.cource-color-blue .breadcrumbs ol li a,
.cource-color-green .breadcrumbs ol li a {
    color: var(--color-333);
}
.cource-color-gray .breadcrumbs ol li + li:before,
.cource-color-beige .breadcrumbs ol li + li:before,
.cource-color-yellow .breadcrumbs ol li + li:before,
.cource-color-violet .breadcrumbs ol li + li:before,
.cource-color-grean .breadcrumbs ol li + li:before,
.cource-color-blue .breadcrumbs ol li + li:before,
.cource-color-green .breadcrumbs ol li + li:before {
    color: var(--color-333);
}
.cource-color-blue .course-head-block {
    background-color: var(--color-blue);
    color: var(--color-333);
}

.cource-color-green .course-head-block {
    background-color: var(--color-green);
    color: var(--color-333);
}

.cource-color-beige h1,
.cource-color-gray h1,
.cource-color-yellow h1,
.cource-color-violet  h1,
.cource-color-grean h1,
.cource-color-blue h1,
.cource-color-green h1 {
    color: var(--color-333);
}

.cource-color-beige .btn.btn-light,
.cource-color-gray .btn.btn-light,
.cource-color-yellow .btn.btn-light,
.cource-color-violet .btn.btn-light,
.cource-color-grean .btn.btn-light,
.cource-color-blue .btn.btn-light,
.cource-color-green .btn.btn-light {
    background-color: var(--color-red);
    border-color: var(--color-red);
    box-shadow: 0 4px 15px rgba(235, 0, 0, 0.2) !important;
    color: var(--color-white);
}

.cource-color-beige .btn.btn-light:hover,
.cource-color-gray .btn.btn-light:hover,
.cource-color-yellow .btn.btn-light:hover,
.cource-color-violet .btn.btn-light:hover,
.cource-color-grean .btn.btn-light:hover,

.cource-color-blue .btn.btn-light:hover,
.cource-color-green .btn.btn-light:hover {
    color: var(--color-333);
    background: var(--color-white);
    border-color: var(--color-white);
    box-shadow: none !important;
}

.cource-color-grean .course-certificate,
.cource-color-violet .course-certificate,
.cource-color-yellow .course-certificate,
.cource-color-beige .course-certificate,
.cource-color-gray .course-certificate,
.cource-color-blue .course-certificate,
.cource-color-green .course-certificate {
    background: var(--color-red) url(../images/course-certificate-bg-red.svg) center 26px no-repeat;
}

.cource-color-grean .certificate-row,
.cource-color-violet .certificate-row,
.cource-color-yellow .certificate-row,
.cource-color-beige .certificate-row,
.cource-color-gray .certificate-row,
.course-certificate .certificate-row,
.cource-color-blue .certificate-row,
.cource-color-green .certificate-row {
    margin-bottom: 83px;
}
.course-certificate .certificate-row .image {
    max-width: 638px;
}

.cource-color-grean .certificate-row p,
.cource-color-violet .certificate-row p,
.cource-color-yellow .certificate-row p,
.cource-color-beige .certificate-row p,
.cource-color-gray .certificate-row p,
.cource-color-blue .certificate-row p,
.cource-color-green .certificate-row p {
    color: var(--color-white);
}

.cource-color-blue .row-questions .questions-item,
.cource-color-blue .course-for {
    background-color: var(--color-blue);
}

.course-lectors .row-teachers__one .teacher-box-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.row-teachers__one .teacher-box__desc  .readmore {
    display: none;
}
.row-teachers__one .teacher-box .photo img {
    max-height: 100%;
    object-fit: cover;
    object-position: center;
}

.row-teachers__one .subtitle {
    font-weight: 500;
}

.row-teachers__one .teacher-box .photo {
    background-color: var(--color-green);
}

.cource-color-blue .row-teachers__one .teacher-box .photo {
    background-color: var(--color-blue);
}

.link-icon {
    color: var(--color-black);
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    text-decoration: underline;
    transition: all .2s linear;
}
.link-icon:hover {
    text-decoration: none;
}

.link-icon img {
    margin-right: 14px;
}

.link-block .facebook img {
    width: 42px;
    height: 42px;
}

.link-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.link-block__socials a+a{
    margin-left: 5px;
}
/*fix header*/
.fix-header #wrapper,
.page-course #wrapper {
    padding-top: 84px !important;
}
.main-start-learning {
    padding-bottom: 0;
}
/*
media max-width
*/
@media (max-width: 1199px) {
    .course-lectors .row-teachers__one .teacher-box-wrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (max-width: 991px) {
    .course-lectors .row-teachers__one .teacher-box-wrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .main-start-learning {
        padding: 0;
    }
    .main-start-learning .box:after {
        display: none;
    }
}
@media (max-width: 767px) {
    .course-lectors .row-teachers__one .teacher-box-wrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 95%;
        flex: 0 0 95%;
        max-width: 95%;
    }

    .main-start-learning {
        padding: 40px 0 0;
    }

}

/*
media min-width
*/
@media screen and  (min-width: 992px) {
    /*fix-header*/
    .fix-header #wrapper,
    .page-course #wrapper {
        padding-top: 92px !important;
    }
    .row-teachers__one .teacher-box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0;
    }
    .row-teachers__one .teacher-box .photo {
        margin-top: 0;
        margin-bottom: 79px;
        position: relative;
        max-width: 338px;
        max-height: 346px;
        width: 100%;
        height: 100%;
    }
    .row-teachers__one .teacher-box .photo:after {
        width: 75px;
        height: 79px;
    }
    .row-teachers__one .teacher-box__desc {
        margin-left: 99px;
        padding: 20px 45px 20px 0;
    }
    .row-teachers__one .teacher-box .name {
        font-weight: 500;
        font-size: 24px;
        line-height: 29px;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .row-teachers__one .teacher-box__desc p {
        font-size: 14px;
        line-height: 24px;
    }
    .row-teachers__one .teacher-box .desc {
        margin-bottom: 20px;
    }
    .row-teachers__one .teacher-box .desc ul {
        list-style: none;
        font-size: 14px;
        line-height: 24px;
    }
    .row-teachers__one .desc p  {
        margin-bottom: 15px;
    }
    .row-teachers__one .teacher-box .subject {
        min-height: auto;
        color: var(--color-black);
        margin-bottom: 10px;
    }
    .course-certificate {
        padding-bottom: 90px;
    }

    .cource-color-grean .certificate-row,
    .cource-color-violet .certificate-row,
    .cource-color-yellow .certificate-row,
    .cource-color-beige .certificate-row,
    .cource-color-gray .certificate-row,
    .course-certificate .certificate-row,
    .cource-color-blue .certificate-row,
    .cource-color-green .certificate-row {
        margin-bottom: 0;
    }
    .course-certificate .certificate-row .certificate-text {
        padding-bottom: 0;
    }
    .course-certificate .certificate-row .image {
        align-self: center;
        margin-bottom: 0;
    }
}
@media screen and  (min-width: 1200px) {
    .cource-color-grean .course-certificate,
    .cource-color-violet .course-certificate,
    .cource-color-yellow .course-certificate,
    .cource-color-beige .course-certificate,
    .cource-color-gray .course-certificate,
    .cource-color-blue .course-certificate,
    .cource-color-green .course-certificate {
        min-height: 621px;
    }
    .cource-color-grean .certificate-row .certificate-text,
    .cource-color-violet .certificate-row .certificate-text,
    .cource-color-yellow .certificate-row .certificate-text,
    .cource-color-beige .certificate-row .certificate-text,
    .cource-color-gray .certificate-row .certificate-text,
    .cource-color-blue .certificate-row .certificate-text,
    .cource-color-green .certificate-row .certificate-text {
        padding-bottom: 0;
    }
    .cource-color-grean .certificate-row,
    .cource-color-violet .certificate-row,
    .cource-color-yellow .certificate-row,
    .cource-color-beige .certificate-row,
    .cource-color-gray .certificate-row,
    .cource-color-blue .certificate-row,
    .cource-color-green .certificate-row {
        margin-bottom: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}