.btn-green {
    color: #FFFFFF;
    background-color: #3DB39E;
}
.btn-green:hover {
    color: #FFFFFF;
    background-color: #388678;
}
.btn-gray {
    color: #FFFFFF;
    background-color: #4A4747;
}
.btn-gray:hover {
    color: #FFFFFF;
    background-color: #495057;
}
.bg-hover:hover {
    background-color: #F0F8F7;
}
.bg-green {
    color: #FFFFFF;
    background-color: #5EC1B0;
}
.bg-darkgreen {
    color: #FFFFFF;
    background-color: #47B4A2;
}
.text-green {
    color: #5EC1B0;
}
body img {
    max-width: 100%;
}
.home-template {
    height: 100vh;
    font-family: 'adineuePROCyr';
    font-weight: lighter;
}
h1, h2, b, strong {
    font-weight: bold;
}

/*
    Left side
*/
.left-side {
    position: relative;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    background-color: #5EC1B1;
    background-image: url('../img/bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/*
    Contact block
*/
.contact-block {
    display: flex;
    flex-direction: column;
    font-size: 2.5rem;
}
.contact-btn {
    margin: 2px 0;
    padding: 5px;
    color: #FFFFFF;
    background-color: #5EC1B0;
}
.contact-btn:hover {
    color: #FFFFFF;
    background-color: #4A4747;
}

/*
    Courses list
*/
.courses-list-btn {
    position: absolute;
    right: 40px;
    bottom: 20px;
}
.courses-list-btn span {
    padding: 0 1rem;
    color: #FFFFFF;
    background-color: #5EC1B0;
    font-size: 1.5rem;
    text-transform: uppercase;
}

/*
    Courses modal
*/
.modal-body ul {
    list-style: none;
    padding-left: 1.5rem;
}
.modal-body ul li {
    /* margin-left: 10px; */
}
.modal-body ul li::before {
    /* content: '\e82a'; */
    content: '–';
    margin-right: .5rem;
}

/*
    Right side
*/
.right-side .top-block {
    height: 60%;
    padding: 0 1.5rem;
    color: #FFFFFF;
    background-color: #5EC1B0;
}
.right-side .heading {
    margin: 1rem 0;
    line-height: 1.2;
    text-transform: uppercase;
    font-size: 1.75rem;
}
.right-side .desc {
    margin: 0 0 2rem;
}
.right-side .bottom-block {
    height: 40%;
    padding: 0 1.5rem;
    color: #FFFFFF;
    background-color: #47B4A2;
}
.right-side .form-heading {
    font-size: 1.5rem;
}

/*
    Form
*/
.home-form .form-control {
    border-radius: 0;
}
.home-form .form-control:focus {
    color: #495057;
    background-color: #FFFFFF;
    border-color: #5EC1B0;
    box-shadow: 0 0 0 0.2rem rgb(94 193 176 / 25%);
}
.home-form .btn-gray {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    border-radius: 0;
    font-weight: bold;
}

@media(max-width: 600px) {
    .left-side {
        min-height: 50vh;
    }
    .courses-list-btn {
        right: 0;
        bottom: 0;
        text-align: right;
    }
    .right-side .top-block,
    .right-side .bottom-block {
        height: auto;
    }
    .form-heading {
        margin: 1rem 0;
    }
    .right-side .bottom-block {
        padding-bottom: 2rem;
    }
}