.tab-navigation {
    position: absolute;
    top: 104px;
    z-index: 999;

    width: 100%;
}

.tab-navigation .title-tab {
    display: none;
    margin: 25px 0 0;

    font-size: 18px;
    font-weight: bold;
    color: #df6c4f;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.tab-navigation .title-tab p {
    width: 100%;
    margin: 0;
}

.tab-navigation .title-tab span {
    display: block;

    font-size: 18px;
    font-weight: bold;
    color: #344555;
    text-transform: none;
}

.tab-navigation .tabs {
    display: flex;
    padding: 50px 0 0;
    margin: 0;
}

.tab-navigation.scrolled {
    position: fixed;
}

.tab-navigation.scrolled .tabs {
    /*padding: 17px 0 8px;*/
}

.tab-navigation .tabs a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-right: 20px;

    font-size: 13px;
    font-weight: normal;
    color: #344555;
    letter-spacing: 1.65px;
    text-transform: uppercase;
    text-decoration: none;

    cursor: pointer;
}

.tab-navigation.scrolled .tabs a {
    /*color: #fff;*/
}

.tab-navigation .tabs a:focus {
    outline: none;
}

.tab-navigation .tabs a:not(:last-child) {
    margin-right: 30px;
}

.tab-navigation .tabs a span {
    display: block;
    height: 3px;
    width: 0;
    max-width: 80px;
    margin-top: 6px;

    opacity: 0;

    transition: .3s ease-in-out;

    background: #df6c4f;
}

.tab-navigation.scrolled .tabs a span {
    /*background: #fff;*/
}

.tab-navigation .tabs a:hover span,
.tab-navigation .tabs a.active span,
.tab-navigation .tabs a.start-active span {
    width: 100%;
    opacity: 1;
}


/*[class*="-tab-section"] {*/
/*    display: none;*/
/*    opacity: 0;*/

/*    transition: .5s ease;*/
/*}*/

[class*="-tab-section"].active {
    display: block;
    opacity: 1;
}

@media only screen and (max-width: 1023px) {
    .tab-navigation .tabs-wrap {
        margin-bottom: 20px;
    }

    .tab-navigation .title-tab {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0;
    }

    .tab-navigation .title-tab {
        position: relative;
    }

    .tab-navigation .title-tab::after {
        position: absolute;
        right: 0;
        content: '＋';
        top: 50%;

        display: flex;
        justify-content: center;
        align-items: center;
        width: 37px;
        height: 37px;

        font-size: 23px;
        color: #df6c4f;
        line-height: 1;

        border: 2px solid #df6c4f;
        border-radius: 50%;

        transform: translateY(-50%);
    }

    .tab-navigation .tabs-wrap.active .title-tab {
        padding: 20px;

        color: #fff;

        background: #df6c4f;
    }

    .tab-navigation .tabs-wrap.active .title-tab::after {
        right: 15px;
        color: #fff;
        border-color: #fff;
    }

    .tab-navigation .tabs-wrap.active .title-tab span {
        display: none;
    }

    .tab-navigation .tabs {
        flex-wrap: wrap;
        padding: 20px;

        background: #c86147;
    }

    .tab-navigation .tabs a {
        text-transform: capitalize;
    }

    .tab-navigation .tabs {
        display: none;
    }

    .tab-navigation.scrolled .tabs a.active span {
        width: 100%;
        opacity: 1;
    }

    .tab-navigation .tabs-wrap.active .tabs {
        display: block;
    }

    .tab-navigation.scrolled .tabs {
        padding: 20px 45px;
    }

    .tab-navigation .tabs-wrap.active .tabs a {
        display: block;
        width: 100%;
        margin-bottom: 20px;

        color: #fff;
        letter-spacing: 1.5px;
    }

    .tab-navigation .tabs-wrap.active .tabs a:last-child {
        margin-bottom: 0;
    }

    .tab-navigation .tabs-wrap.active .tabs a[data-tab="#start-up-process"] {
        display: none;
    }

    .tab-navigation .tabs a span {
        background: #fff;
    }

}