footer {
    margin-top: 120px;
    background-color: #12356C;
    padding: 106px 200px;
    box-sizing: border-box;
}

footer .ftp {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    justify-content: center;
}

.powered-by {
    width: 100%;
    flex: 0 0 100%;
    height: 23px;
    align-items: end;
    justify-content: center;
    margin-top: 100px;;
}

.powered-by .text {
    font-size: 17px;
    line-height: 1;
}

.powered-by .c-logo {
    width: 150px;
    flex: 0 0 150px;
    margin-left: 8px;
    position: relative;
    top: -2px;
}

.powered-by .c-logo * {
    width: 100%;
    height: 100%;
}

footer .left-side {
    width: calc(60% - 20px);
    flex: 0 0 calc(60% - 20px);
    margin-right: 20px;
    position: relative;
}

/* footer .left-side .top-menu .menu-item,
footer .left-side .bot-menu .menu-item {
    width: calc(100% / 3);
    flex: 0 0 calc(100% / 3);
} */

footer .left-side .top-menu .menu-item:not(:last-child),
footer .left-side .bot-menu .menu-item:not(:last-child) {
    padding-right: 20px;
}

/* footer .left-side .menu-item > ul > li.menu-item-title > a {
    font-size: 20px;
    line-height: 1;
    color: #00DED5;
    font-family: "cf_asty_st_medium", sans-serif;
    margin-top: 40px;
} */

/* footer .left-side .top-menu,
footer .left-side .bot-menu {
    display: flex;
} */

footer .right-side {
    margin-left: 20px;
}

/* footer .left-side .menu-item > li > a {
    font-size: 20px;
    line-height: 1;
    color: #00DED5;
    font-family: "cf_asty_st_medium", sans-serif;
    
}

footer .left-side .menu-item > li {
    margin-bottom: 20px;
}

footer .left-side .top-menu {
    margin-bottom: 70px;
}

footer .left-side .menu-item {
    display: inline-flex;
    flex-direction: column;
}

footer .left-side .menu-item > ul > li > a {
    font-size: 14px;
    line-height: 1;
    color: #fff;
}

footer .left-side .menu-item > ul > li:not(:last-child) {
    margin-bottom: 10px;
} */

.carbon-footer {
    width: 253px;
    margin-top: 54px;
    position: relative;
}

.carbon-footer.animated {
    left: 50%;
    transform: translate3d(-50%, 0, 0) scale(1) !important;
}

.carbon-footer .text {
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    text-align: center;
    margin-top: 13px;
    letter-spacing: -0.03px;
    display: block;
}

footer .right-side .contact-info {
    margin-top: 40px;
}

footer .right-side .contact-info p {
    font-size: 18px;
    line-height: 1.2;
    color: #fff;
    margin-bottom: revert;
}

footer .socials {
    margin-top: 54px;
}

.socials .facebook {
    width: 10px;
    flex: 0 0 10px;
    height: 20px;
}

.socials .instagram {
    width: 16px;
    flex: 0 0 16px;
    height: 16px;
}

.socials .linkedin {
    width: 21px;
    flex: 0 0 21px;
    height: 21px;
}

.socials .youtube {
    width: 19px;
    flex: 0 0 19px;
    height: 19px;
}

.socials > li:not(:last-child) {
    margin-right: 30px;
}

.socials > li a,
.socials > li img {
    width: 100%;
    height: 100%;
}

footer .first-lvl-menu > li {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 3);
    padding: 0 15px;
    box-sizing: border-box;
}

footer .first-lvl-menu > li > a > span {
    font-size: 20px;
    line-height: 1;
    color: #00DED5;
    font-family: "cf_asty_st_medium", sans-serif;
}

footer .first-lvl-menu > li > a {
    margin-bottom: 20px;
}

footer .left-side .first-lvl-menu > li ul > li {
    margin-bottom: 6px;
}

footer .left-side .first-lvl-menu > li ul > li > a > span {
    font-size: 18px;
    line-height: 1.3;
    color: #fff;
}

footer .left-side .first-lvl-menu li > a > img {
    display: none;
}

footer .first-lvl-menu > :nth-child(6n + 1):not(:last-child),
footer .first-lvl-menu > :nth-child(6n + 2):not(:last-child),
footer .first-lvl-menu > :nth-child(6n + 3):not(:last-child),
footer .first-lvl-menu > :nth-child(6n + 4):not(:last-child),
footer .first-lvl-menu > :nth-child(6n + 5):not(:last-child),
footer .first-lvl-menu > :nth-child(6n + 6):not(:last-child) {
  margin-bottom: 70px;
}

@media screen and (max-width: 1780px) {
    footer {
        padding: 80px 120px;
    }
}

@media screen and (max-width: 1380px) {
    footer .first-lvl-menu > li > a > span {
        font-size: 18px;
        line-height: 1.3;
    }

    footer .first-lvl-menu > li > a {
        margin-bottom: 16px;
    }

    footer .left-side .first-lvl-menu > li ul > li > a > span,
    footer .right-side .contact-info p {
        font-size: 16px;
    }

    footer .right-side .contact-info p {
        margin-bottom: 10px;
    }

    footer .left-side .first-lvl-menu > li ul > li {
        margin-bottom: 4px;
    }

    footer .right .logo {
        width: 170px;
        height: 42px;
    }

    footer .socials {
        margin-top: 44px;
    }

    footer .socials .linkedin {
        width: 18px;
        flex: 0 0 18px;
        height: 18px;
    }

    footer .socials > li:not(:last-child) {
        margin-right: 25px;
    }

    footer {
        padding: 80px;
    }
    
    footer .right-side .contact-info {
        margin-top: 34px;
    }
}

@media screen and (max-width: 1120px) {
    footer {
        flex-direction: column-reverse;
        height: auto;
    }

    footer .left-side {
        width: 100%;
        flex: 1;
        margin-right: 0;
        margin-top: 50px;

    }
    footer .right-side {
        margin-left: 0;
        text-align: center;
    }

    footer .socials {
        justify-content: center;
    }
}


@media screen and (max-width: 880px) {
    footer {
        margin-top: 50px;
    }
}

@media screen and (max-width: 820px) {
    footer .left-side .first-lvl-menu > li ul > li > a > span, footer .right-side .contact-info p {
        font-size: 18px;
    }
    
    footer .right-side .contact-info p {
        margin-bottom: 12px;
    }

    footer .socials {
        margin-top: 70px;
    }
}

@media screen and (max-width: 430px) {
    .powered-by {
        height: auto;
        align-items: end;
        justify-content: center;
        margin-top: 60px;
        flex-direction: column;
        align-items: center;
    }

    .powered-by .c-logo {
        width: 130px;
        flex: 1;
        margin-left: 0;
        position: relative;
        top: 0;
        margin-top: 6px;
    }

    .powered-by .text {
        font-size: 15px;
        line-height: 1;
    }
    
}