.footer-main{
    background-color: #002733;
    color: #e5f9ff
}

.footer-main .copy-rights a {
    color: #e5f9ff
}

.footer-main h4 {
    color: #fff;
    margin-bottom: 8px
}

.footer-main .footer_menu {
    border-bottom: 1px solid #004e66;
    border-top: 1px solid #004e66
}

.footer-main .footer_menu li a {
    color: #e5f9ff
}

.footer-main .footer_menu li a:hover {
    color: #01c2ff
}
.search-blk {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

@media screen and (max-width:1280px) {
    footer .container {
        padding-left: 32px;
        padding-right: 32px
    }

    .footer_menu {
        flex-wrap: wrap;
        margin-left: -32px;
        margin-right: -32px
    }

    .footer_menu-blk:nth-child(2) {
        order: 3
    }

    .copy-rights {
        padding-top: 32px
    }
}


footer .link-anim {
    color: #99e7ff
}

footer .link-anim:before {
    background: #99e7ff
}

footer .link-anim:hover:before {
    width: calc(100% - 5px)
}

.footer-top {
    padding-bottom: 64px
}

.footer_menu {
    display: flex;
    margin-left: -32px;
    margin-right: -32px;
    padding: 32px 3px
}

.footer_menu>div {
    padding-left: 29px;
    padding-right: 29px
}

.footer_menu p {
    padding-bottom: 16px
}

.footer_menu li {
    margin-bottom: 12px
}

.footer_menu a {
    font-family: Inter-SemiBold, sans-serif;
    text-decoration: none
}

.footer_menu-blk {
    padding-top: 32px;
    padding-bottom: 32px
}

.footer_menu-blk:last-child {
    order: 4
}

.footer_menu-blk:nth-child(4) {
    order: 2
}

.social-icons li {
    width: 24px;
    height: 24px;
    margin-right: 24px
}

.social-icons li:last-child {
    margin-right: 0
}

.copy-rights {
    padding-top: 20px
}

.copy-rights a {
    text-decoration: none !important
}

.copy-rights a:hover {
    color: #ffe500 !important
}

footer {
    padding-top: 64px;
    padding-bottom: 48px
}

.err-msg,
.success-msg {
    position: absolute;
    top: calc(100% + 5px);
    left: 2px;
    display: none
}

.err-msg {
    color: #ff6b6b
}

.success-msg {
    color: #7ae201
}

.search-blk label {
    position: relative
}

.search-blk input {
    border: 2px solid transparent;
    transition: border .4s
}

.search-blk.error input {
    border: 2px solid red;
    transition: border .5s
}



@media screen and (max-width:767px) {
    .search-blk {
        flex-wrap: wrap
    }

    .search-blk .button {
        text-align: center
    }

    .search-blk .button,
    .search-blk input,
    .search-blk label {
        width: 100%
    }
}