.page-cover {
    position: relative
}

.page-cover .page-img {
    height: 31.25vw;
    max-height: 600px;
    overflow: hidden;
    position: relative
}

@media (max-width:576.98px) {
    .page-cover .page-img {
        height: 220px;
        min-height: 220px
    }
}

.page-cover .page-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (max-width:576.98px) {
    .page-cover .page-img img {
        min-height: 220px
    }
}

.page-cover .page-img img.lazyload {
    background-size: 450px auto;
    height: 31.25vw
}

@media (max-width:576.98px) {
    .page-cover .page-img img.lazyload {
        background-size: 300px auto;
        height: 100%
    }
}

.page-cover .page-img:after {
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.75)),to(rgba(0,0,0,0)));
    background: -o-linear-gradient(bottom,rgba(0,0,0,.75) 0,rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,0));
    bottom: 0;
    content: "";
    height: 50%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.page-cover .page-desc {
    background: var(--color);
    color: #fff;
    padding: 1.5rem 0
}

@media (max-width:767.98px) {
    .page-cover .page-desc {
        padding: 1rem 0
    }
}

.page-cover .page-desc>.container {
    position: relative
}

.page-cover .page-desc .page-title {
    bottom: -webkit-calc(100% + 1.5rem);
    bottom: calc(100% + 1.5rem);
    font-size: 3.5em;
    font-weight: 600;
    left: 15px;
    line-height: .7;
    margin-bottom: 0;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
    z-index: 4
}

@media (max-width:1199.98px) {
    .page-cover .page-desc .page-title {
        font-size: 3em
    }
}

@media (max-width:767.98px) {
    .page-cover .page-desc .page-title {
        font-size: 2.5em;
        line-height: .5
    }
}

@media (max-width:576.98px) {
    .page-cover .page-desc .page-title {
        font-size: 2.25em;
        left: 23px;
        line-height: .3
    }
}

.page-cover .page-desc .page-excerp {
    font-size: 1.3em;
    line-height: 1.5;
    margin: 0;
    padding: 0
}

@media (max-width:1199.98px) {
    .page-cover .page-desc .page-excerp {
        font-size: 1.2em
    }
}

@media (max-width:767.98px) {
    .page-cover .page-desc .page-excerp {
        font-size: 1.1em
    }
}

@media (max-width:576.98px) {
    .page-cover .page-desc .page-excerp {
        font-size: 1.05em
    }
}

.contact-section {
    padding: 2.75rem 0
}

@media (max-width:576.98px) {
    .contact-section {
        padding: 2.5rem 0
    }
}

.contact-nav a {
    color: #000;
    display: block;
    padding: 5px 0;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.contact-nav a i {
    background: #0b56a4;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 1.15em;
    height: 35px;
    line-height: 1;
    margin-right: 6px;
    padding: 8px 5px;
    text-align: center;
    width: 35px
}

.contact-nav a:hover {
    color: #0b56a4
}

.contact-nav a:hover i {
    color: #fff
}