.header {
    background-size: 110% 100% !important;
    background-position-x: 18%;
}

.header.scroll .logo {
    transform: scale(0.7);
    transform-origin: top;
}

.header .logo img {
    max-height: 126px;
}

.header.scroll {
    background-size: 110% 77% !important;
}

.h-lang .icon {
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    background-image: url(../images/lang.svg);
    background-repeat: no-repeat;
    background-size: contain;
    align-items: center;
}

.h-lang .icon::after {
    content: "\f0d7 ";
    font-family: 'fontAwesome';
    position: absolute;
    top: 50%;
    left: calc(100% + 4px);
    transform: translateY(-50%);
}

.h-lang:hover ul {
    pointer-events: all;
    visibility: visible;
    opacity: 1;
}

.h-lang ul {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    background: #fff;
    padding: 8px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .3s;
}

.btn__all .arrow-top {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../images/arrow-top.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 4px;
}

.section-new__tabs .tabs {
    border-bottom: 8px solid #B22222;
    margin-bottom: 1.5rem !important;
}

.section-new__tabs .button-tabs {
    margin-bottom: -1px !important;
}

.section-new__tabs .tabs .tablinks.active {
    background-image: url(../images/bg-tabnews.png) !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #fff;
    background-position: right;
    padding: 16px 60px 16px 24px;
}

.section-new__tabs .tabs .tablinks {
    border: none;
    font-size: 1.125rem;
    padding: 16px 60px 16px 24px;
}

.section-diagram.section-new__tabs .tabs .tablinks.active {
    background-image: url(../images/bg-tab-big.png) !important;
}

.box-content-footer .title-form-contact {
    display: none;
}

.box-content-footer .name-phone p {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.box-content-footer .name-phone p br {
    display: none;
}

.box-content-footer .name-phone p span {
    width: 50%;
    padding: 0 8px;
    margin-bottom: 10px;
}

.box-content-footer span.wpcf7-not-valid-tip {
    width: 100% !important;
    padding: 0;
    font-size: 0.875rem;
}

.box-content-footer p span input {
    width: 100%;
    border-radius: 5px;
    background: #f5f5f5;
    border: none;
    padding: 12px 16px;
    margin-bottom: 8px;
}

.box-content-footer input[type=submit] {
    border-radius: 8px;
    background: linear-gradient(90deg, #741920 0%, #F01D26 100%);
    color: #fff;
}

.boximage-about::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #ED2224;
    position: absolute;
    top: -1rem;
    left: 1rem;
    border-radius: 10px;
    pointer-events: none;
}

.img_full img {
    width: 100%;
}

.item-new__all .img,
.item-new__main .img {
    margin-bottom: 0;
}

.item-new__all .short-content,
.item-new__main .short-content,
.item-project__category .shot_content,
.section-field__activity .activity-content .s-content {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.item-solution::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.item-solution .title {
    position: relative;
    z-index: 1;
}

.slide-solution .swiper-slide {
    height: auto;
}

.item-solution {
    height: 100%;
}

.form-search .form-control:focus {
    box-shadow: none;
}

.img-intro::before {
    content: "";
    width: calc(100% - 32px);
    height: calc(100% - 32px);
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 15px;
    background: linear-gradient(90deg, #B22222 0%, #F00 100%);
    pointer-events: none;
}

@media(min-width:1024px) {
    .menu>ul>li>a {
        font-weight: 600;
        font-size: 0.875rem;
        text-transform: initial;
    }
    .container {
        max-width: 1024px !important;
    }
    .item-solution {
        transition: .5s;
    }
    .item-solution:hover {
        transform: scale(1.05);
    }
    .slide-solution {
        padding-left: 24px;
        padding-right: 24px;
    }
    .footer-top {
        margin-bottom: -2px;
    }
}

@media(min-width:1400px) {
    .container {
        max-width: 1366px !important;
    }
    .menu>ul>li>a {
        font-size: 1rem;
    }
}

@media(max-width:1899px) {
    .header {
        background-position-x: 34%;
    }
}

@media(max-width:1799px) {
    .header {
        background-position-x: 58%;
    }
}

@media(max-width:1651px) {
    .header {
        background-position-x: 89%;
        background-size: 110% 100% !important;
    }
    .header.scroll .logo {
        transform: scale(0.8);
    }
    .header.scroll {
        background-size: 110% 90% !important;
    }
}

@media(max-width:1555px) {
    .header {
        background-position-x: 99%;
    }
}

@media(max-width:1499px) {
    .header {
        background-position-x: 130%;
    }
}

@media(max-width:1399px) {
    .header {
        background-position-x: 23%;
    }
    .header.scroll .logo {
        transform: scale(0.9);
    }
    .item-solution .title {
        padding: 0 24px;
    }
}

@media(max-width:1299px) {
    .header {
        background-position-x: 47%;
    }
}

@media(max-width:1199px) {
    .header {
        background-position-x: 73%;
    }
    .item-new__index .title-new {
        font-size: 0.875rem;
    }
}

@media(max-width:1099px) {
    .header {
        background-position-x: 118%;
    }
}

@media(max-width:1023px) {
    .header .logo img {
        max-width: 50px !important;
    }
    .header {
        transition: all .3s;
    }
    .header.scroll-mobile {
        background: #fff;
        box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
    }
    .contact-footer li img {
        display: none;
    }
    .contact-footer li {
        padding-left: 0;
    }
    .h-lang {
        margin-right: 8px;
    }
    .menu {
        background: #fff;
    }
    .item-contact .icon {
        top: 0;
    }
    .section-contact {
        padding: 2.5rem 0 !important;
    }
    .img-intro::before {
        width: calc(100% - 16px);
        height: calc(100% - 16px);
    }
    .h-lang .icon {
        background-image: url(../images/World.svg);
    }
    .h-lang .icon::after {
        color: #ED2224;
    }
}

@media(max-width:575px) {
    .box-content-footer .name-phone p span {
        width: 100%;
    }
    .section-new__tabs .tabs .tablinks {
        font-size: 0.875rem;
    }
    .item-solution .title {
        font-size: 0.875rem;
    }
    .box-content-footer p span input {
        font-size: 0.875rem;
    }
    .item-new__index .time-new {
        font-size: 0.75rem;
    }
    .item-project__category .title {
        font-size: 0.85rem;
    }
    .section-field__activity:not(:last-child) {
        padding: 16px 0 !important;
    }
    .section-field__activity .activity-content {
        margin-bottom: 0;
    }
    .section-field__activity .activity-content .title__all {
        font-size: 0.875rem;
        padding-bottom: 0;
        margin-bottom: 8px;
    }
    .section-field__activity .boxslide__all {
        margin-top: 1rem;
    }
}

.wpcf7 form.invalid .wpcf7-response-output {
    display: none;
}

/* .wpcf7-spinner {
    display: none !important;
} */

.cf7sg-response-output {
    color: red !important;
    margin-top: 8px;
}

.section-diagram.section-new__tabs .button-tabs {
    margin-bottom: -2px !important;
}

.wpcf7-spinner {
    margin: 0 !important;
    top: -38px;
    left: 68%;
    transform: translateX(-50%);
    width: 30px !important;
    height: 30px !important;
}

.wpcf7-spinner::before {
    background-image: url(..//images/loadding.gif);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 30px !important;
    height: 30px !important;
    background-color: transparent !important;
    top: 0 !important;
    left: 0 !important;
}

.img-project img {
    object-fit: contain;
}