.form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    margin: 0 !important;
}


.nav-pills,
.nav-tabs,
.nav-tabs .nav-link {
    margin: 0;
    border: 0;
}

    .nav-tabs .nav-item {
        margin: 0;
    }

        .nav-pills .nav-item .nav-link,
        .nav-tabs .nav-item .nav-link {
            padding: 0;
        }

        .nav-tabs .nav-item.show .nav-link,
        .nav-tabs .nav-link.active {
            background: transparent;
        }

.limit-line {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.limit-line-1 {
    -webkit-line-clamp: 1;
    line-clamp: 1;
}

.limit-line-2 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

html,
body {
    background: #E3F7FE url(../img/6.png) top no-repeat;
    background-size: contain;
    background-attachment: fixed;
}

header {
    padding: 40px 0;
}

.head-img-1 {
    margin-right: 23px;
}

    .head-img-1 img {
        /*width: 191px;*/
    }

.head-img-2 {
    font-size: 35px;
    color: white;
}

footer {
    padding: 15px 0;
    background: #484D61;
}

.foot-text {
    font-size: 14px;
    color: #fff;
    margin: 0 10px;
}

    .foot-text a {
        color: #fff;
    }

.content {
    flex: 1;
}

.breadcrumb {
    background: transparent;
    font-size: 14px;
    color: #647394;
    padding: 15px 0;
    margin-bottom: 0;
    justify-content: end;
}

    .breadcrumb > li + li:before {
        color: #647394;
        font: normal normal normal 12px/1 LineAwesome;
        content: '\f112';
        padding: 0 5px;
    }

    .breadcrumb li a {
        font-size: 14px;
        color: #647394;
    }

    .breadcrumb > li:nth-last-of-type(1) a {
        color: #5F78E1;
    }

/*  */
@media screen and (max-width:1023px) {
    .foot-box {
        flex-wrap: wrap;
    }

    .foot-text {
        width: 100%;
        margin: 3px 0;
    }

        .foot-text > div {
            width: 43%;
            text-align: right;
        }
}

@media screen and (max-width:768px) {
    header {
        padding: 25px 0;
    }

    .head-img-1 img {
        width: 133px;
    }

    .head-img-2 img {
        width: 254px;
    }

    .head-img-1 {
        margin-right: 15px;
    }
}

@media screen and (max-width:500px) {

    .head-img-1 img {
        width: 90px;
    }

    .head-img-2 img {
        width: 170px;
    }
}
