/* ======= General rules ========= */
*,
*:before,
*:after {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #000000;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

a, a:hover {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    color: #4d045c;
    font-size: 3.22rem;
    line-height: 4rem;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
}

h1 {
    font-size: 3.46rem;
}

h4 {
    font-size: 24px;
}

section img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

.article h2 {
    margin-top: 0.4rem;
    line-height: 2rem;
    margin-bottom: 2rem;
}

.article p {
    margin: 0 0 2.34px;
}

    .article p:last-child {
        margin: 0;
    }

/* ====== button ===== */
.btn-action {
    padding: 6% 18% 7% 15%;
    font-size: 32.5px;
    letter-spacing: 0.1rem;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    text-align: center;
    border: solid 2px #00bdf6;
    background-color: #00bdf6;
    color: white;
    box-shadow: 0 0.07em 0.2em rgba(0,0,0,0.5);
}

    .btn-action:hover {
        border: solid 2px #00bdf6;
        background-color: white;
        color: #00bdf6;
    }

    .btn-action.medium {
        font-size: 30.7px;
    }

.btn-action {
    padding-top: 5px;
    margin-top: 35px;
    margin-bottom: 2%;
    border-radius: 5px;
    background: #00bdf6;
    border: none;
    text-transform: uppercase;
    color: #fff;
    border-bottom: 4px solid #1388ac;
    box-shadow: none;
}

    .btn-action:hover {
        padding-top: 5px;
        margin-top: 35px;
        margin-bottom: 2%;
        border-radius: 5px;
        background: hsla(194, 100%, 40%, 1);
        border: none;
        text-transform: uppercase;
        color: #fff;
        border-bottom: 4px solid hsla(194, 80%, 30%, 1);
        box-shadow: none;
        text-decoration: none !important;
    }

    .btn-action.purple {
        background-color: #422656;
        border: solid 2px #422656;
    }

        .btn-action.purple:hover {
            background-color: #ffffff;
            border: solid 2px #422656;
            color: #422656;
        }

/* ======== block-support ======== */
.block-support {
    position: relative;
    text-align: center;
    padding: 70px 0 45px 0;
}

.block-support_img {
    position: relative;
    top: -8px;
    margin: 0 25px 0 0;
}

.block-support_header {
    font-size: 36px !important;
    font-weight: 600;
    display: inline-block;
    color: #000000;
    margin: 0 0 43px 0;
}

.block-support_text {
    font-size: 1.6rem;
    text-align: center;
    max-width: 940px;
    line-height: 2.4rem;
    margin: 3rem auto !important;
}

.block-support_link {
    cursor: pointer;
    color: #00bdf6;
    text-decoration: underline;
}

    .block-support_link:hover {
        cursor: pointer;
        color: #2a6496;
        text-decoration: underline;
    }

/* ======= block-questions ======= */
.block-questions_title {
    font-size: 2rem !important;
    font-weight: 600;
    line-height: 2.2rem !important;
    text-align: center;
    margin-bottom: 83px !important;
    color: #000000;
}

.block-questions_header {
    color: #000000;
    font-size: 1.6rem !important;
    font-weight: normal;
    line-height: 2rem !important;
    margin: 60px 0 15px 0 !important;
}

.block-questions_text {
    margin-left: 8.33333333%;
    font-size: 1.3rem;
    line-height: 1.8rem;
    color: #5a6b7b !important;
}

.block-questions_fakeheader {
    line-height: 55px;
}
/* ====== action-block ====== */
.action-block {
    /* padding-top: 5.6rem; */
    padding-bottom: 7.8rem;
}

    .action-block p {
        font-size: 23.1px;
        margin-top: 1.6rem !important;
        margin-bottom: 2rem !important;
    }

    .action-block .action-image {
        width: 100%;
    }

    .action-block .image-block {
        display: inline-table;
        width: 151px;
        margin-right: 11.5px;
        margin-left: 11.5px;
    }

.image-block img {
    margin: 0 auto;
}

.action-block__btn {
    display: block;
    margin: 0 auto;
}

.action-block .btn-action {
    font-size: 3rem;
    padding: 1.6% 3.1% 1.6% 3.1%;
}

.image-block p {
    font-size: 18px;
    text-align: center;
    color: #452759 !important;
    line-height: 1.6rem;
}

.action-block__tagline {
    display: block;
    margin: 0 auto;
    margin-top: 2.5%;
}

    .action-block__tagline p {
        display: inline-block;
        margin: 0;
        font-size: 30.7px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        text-align: center;
        color: #000000;
    }

    .action-block__tagline img {
        display: inline-block;
        position: relative;
        bottom: 13px;
        left: 5px;
    }

.call-to-action .row {
    margin: 0 auto;
}

.action-block__lines {
    margin-top: -15px;
}

.left-line, .center-line, .rigth-line {
    display: inline-block;
    margin: 0 auto;
}

.center-line {
    width: 30%;
}

.left-line, .rigth-line {
    width: 23.5%;
    border: solid 2px #673ab7;
}

/* ======== Media ======== */
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    section img {
        margin: 0;
    }
}

/* IPhone 5 */
@media (max-width: 320px) {
    .main-bunner .article .start-free .btn {
        font-size: 25px;
    }

    .main-bunner .article .start-free p {
        left: 1.1em;
        top: 4.5em;
    }

    .action-block p {
        font-size: 20px;
    }
}
/* Only very small */
@media (max-width: 767px) {
    .article {
        padding: 0;
    }

    .programs img {
        margin: 0 auto;
        padding: 0;
        padding-top: 3rem;
    }

    .track-time .article {
        padding: 0;
    }

    .article p {
        text-align: justify;
    }

    .article h2 {
        text-align: center;
    }

    .article img {
        margin: 0 auto;
        padding: 0;
    }

    section img {
        margin: 7% auto;
    }

    .main-bunner .article .start-free {
        display: table;
        margin: 8% auto 0 auto;
    }

    .main-bunner .article p {
        text-align: center;
    }

    .block-support {
        padding: 35px 0 92px 0;
    }

    .block-support_img {
        margin: 0;
    }

    .block-support_header {
        margin: 0 0 43px 0;
    }

    .block-questions_section {
        text-align: center;
        padding: 0.5rem;
    }

    .block-questions_text {
        margin: 0;
    }
}

.award-images {
    margin-bottom: 3rem;
    border-bottom: 1px solid #e9e6e6;
}

.sub-container {
    max-width: 1600px;
    margin: 0 auto;
}