@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

:root {
    --shBig: 4px 4px 4px;
    --shSmall: 2px 2px 4px;
    --shLight: #bbbbbb;
    --shDark: #333333;
    --fText: #888;
}

/* Шапка */

.uc-hat .t-btn {
    box-shadow: var(--shSmall) var(--shDark);
}

/* Ваш первый шаг */

.uc-first-step .t533__textwrapper {
    box-shadow: var(--shSmall) var(--shLight);
}

/* Кнопка на светлом фоне */

.uc-button-light-bg .t-btn {
    box-shadow: var(--shSmall) var(--shLight);
}

/* Чему научатся */

.uc-our-students-make .t604__imgwrapper {
    box-shadow: var(--shSmall) var(--shDark);
}

.uc-our-students-make .t604__separator {
    padding-bottom: 56.25% !important;
}

/* Кнопка на темном фоне */

.uc-button-dark-bg .t-btn {
    box-shadow: var(--shSmall) var(--shDark);
}

/* Программы обучения */

.uc-our-courses .t-store__card__wrap_all {
    box-shadow: var(--shBig) var(--shDark);
}

.uc-our-courses .t-store__card__btn {
    box-shadow: var(--shSmall) var(--shLight);
}

/* Программы обучения - карточки */

.uc-product-text {
    font-size: 18px;
}

.uc-h {
    font-size: 22px;
    font-weight: bold;
}

.uc-strong {
    font-weight: bold;
}

.uc-module {
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
}

/* Отзывы */

.uc-reviews .t530__bubble {
    box-shadow: var(--shSmall) var(--shLight);
}

/* Как проходят занятия */

.uc-how-we-teach .t1032__content {
    box-shadow: var(--shSmall) var(--shLight);
    border-radius: 10px;
}

/* Скидки */

.uc-discount .t-btn {
    box-shadow: var(--shSmall) var(--shDark);
}

/* Стоимость */

.uc-price .t-btn {
    box-shadow: var(--shSmall) var(--shLight);
}

/* Форма записи */

.uc-form .t-input-block {
    box-shadow: var(--shSmall) var(--shDark);
}

.uc-form .t-submit {
    box-shadow: var(--shSmall) var(--shDark);
}

.uc-form label {
    color: #fff;
    font-weight: 400;
}

.uc-form-btn-enabled {
    background-color: #34bc5a !important;
}

/* Стоимость */

.uc-faq .t668__wrapper {
    box-shadow: var(--shSmall) var(--shLight);
    border-radius: 10px;
}

/* Футер */

.uc-footer {
    font-family: 'Roboto', Arial, sans-serif;
    text-align: left;
}

.ftext {
    color: var(--fText);
    font-size: 14px;
    padding-bottom: 20px;
}

.ftitle {
    color: #fff;
    font-size: 18px;
    padding-bottom: 10px;
}

.footerwrap {
    display: flex;
    flex-wrap: wrap;
    padding: 0px calc((100% - 960px) / 3 + 20px) !important;
    margin-top: 15px;
}

.footercol {
    flex: 0 0 25%;
    max-width: 25%;
}

.pads {
    padding: 15px 15px;
}

.fimg {
    width: 100%;
    max-width: 200px;
}

.fimgs {
    width: 30px;
    border-radius: 6px;
}

.uc-footer a {
    color: #fff !important;
}

.uc-footer a:hover {
    color: var(--fText) !important;
}

.fc4 a {
    text-align: center;
    width: 32px;
    height: 32px;
    float: left;
    border: 1px solid var(--fText);
    box-shadow: var(--shSmall) var(--shDark);
    border-radius: 10px;
    margin: 0 10px 10px 0;
    padding: 6px;
}

.fc4 a:hover {
    background: #fff;
}

@media screen and (max-width: 960px) {

    .footercol {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .footer {
        padding: 0px;
    }
}

@media screen and (max-width: 640px) {

    .footercol {
        flex: 0 0 100%;
        max-width: 100%;
    }
}