/*::-webkit-scrollbar {*/
/*    visibility: hidden;*/
/*}*/

header {
    background: white;
    z-index: 200;
    padding: 0;
}

header .navbar_list_item_link, header .navbar_list_item_link i {
    color: #5c5555;
}

header .navbar_list_item .dropdown-toggle:hover, header .navbar_list_item .dropdown-toggle:focus {
    color: black;
}

header.header_slide {
    background: black;
}

.burger_menu:hover .burger_menu_text, .burger_menu.open .burger_menu_text {
    color: black;
}

.burger_menu:hover .side_button span, .burger_menu.open .side_button span {
    color: black;
}


.tabs-nav {
    position: fixed;
    width: 100vw;
    background: white;
    z-index: 99;
    top: 108px;
}

@media (max-width: 768px) {
    .tabs-nav {
        top: 59px;
    }

    #nav-tabContent {
        margin-top: 90px !important;
    }
}
.nav-tabs {
    padding: 0 !important;
    border: none;
}

.prop-div .prop-sub {
    line-height: 1.6;
}

.prop-div, .value-div {
    height: calc(100% - 188px);
    margin-top: 210px;
    min-width: 750px;
    text-align: center;
}

.prop-div {
    width: 65%;
}

.value-div {
    width: 100%;
    padding: 0 9vw;
    overflow: hidden;
    position: relative;
}

.value-div .value-text {
    min-height: 300px;
    height: 65%;
    max-height: 100%;
    justify-content: center;
}

.value-div img {
    height: 65%;
    min-height: 300px;
}

.value-div .value-title {
    color: black;
    font-weight: bold;
}

.extra-block {
    transform: translateY(400px);
    /*opacity: 0;*/
}

#values .section .value-div > .value-text {
    transform: translateY(400px);
    transition: 0.75s all linear;
    /*opacity: 0;*/
    /*visibility: hidden;*/
}

#values .section:nth-child(odd) .extra-block {
    background: #1C1C1C;
    width: 450px;
    height: 312px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: all 0.75s linear;
}

#values .section:nth-child(even) .extra-block {
    background: #E51937;
    width: 594px;
    height: 312px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    transition: all 0.75s linear;
}

#values .section .value-div > * {
    opacity: 0;
}

#values .section.active .value-div > * {
    transform: translateY(0);
    opacity: 1;
}

.prop-title {
    color: #E51937;
}
.prop-div .prop-image {
    max-width: 100%;
    max-height: 57%;
}

#nav-tab .nav-link {
    padding: 20px !important;
    pointer-events: auto;
    border: none;
    outline: none;
    border-bottom: 3px solid #3B3B3B;
    color: #000000;
    font-family: Avenir LT, serif;
}

#nav-tab .nav-link.active {
    color: #E51937;
    border-bottom: 3px solid #E83953;
    font-family: Avenir EX-BD, serif;
}

.section .prop-div > * {
    transform: translateY(200px);
    transition: all 1s linear;
    opacity: 0;
}

.section.active .prop-div > * {
    transform: translateY(0);
    opacity: 1;
}

#mission .fp-tableCell, #values .fp-tableCell {
    display: flex !important;
}

@media (max-width: 767px) {
    .value-div .value-text {
        justify-content: start;
        min-height: unset;
    }

    .value-div img {
        min-height: unset;
    }

    .tabs-nav {
        position: relative;
    }
    .nav-tabs {
        padding: 20px 15px;
        border: none;
    }

    #nav-tab .nav-link {
        padding: 0;
        font-size: 16px !important;
    }

    .prop-div, .value-div {
        height: unset;
        margin-top: 0;
        width: 100vw;
        padding: 0 15px;
        min-width: unset;
        text-align: center;
    }

    #values .section .value-div > * {
        opacity: 1;
        transform: unset;
    }

    #values .section.active .value-div > * {
        transform: unset;
    }

    .section .prop-div > * {
        transform: unset;
        transition: all 0s linear;
        opacity: 1;
    }

    .section.active .prop-div > * {
        transform: unset;
        opacity: 1;
    }

    .prop-title, .prop-sub, .value-title, .value-sub {
        text-align: center;
    }

    .prop-title, .value-title {
        font-size: 20px;
        font-family: Avenir LT, serif;
        color: #000000;
        margin-bottom: 15px;
    }

    .prop-sub, .value-sub {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 15px;
    }

    .prop-div, .value-div {
        margin-bottom: 25px;
    }

    .extra-block {
        display: none;
    }

    #values .section .value-div {
        flex-direction: column !important;
    }

    #values .section .value-div > .value-text {
        transform: unset;
        text-align: center !important;
    }

    .gap-70 {
        gap: unset;
    }

    .gap-30 {
        gap: unset;
    }

    .value-text {
        margin-bottom: 15px;
    }
}

@media (max-width: 1599px) and (min-width: 768px) {
    .value-div img {
        max-width: 785px;
    }
}

footer {
    width: 100vw;
}

header a, header button, footer a, footer button {
    pointer-events: auto;
}

p {
    margin: 0;
}