﻿@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


:root {
    /*colors*/
    --white: #fff;
    --company-color: #101014;
    --company-color-secondary: #6B7280;
    --company-color-thirtiary: #C5A788;
    --company-color-bg: #F6F6F3;
    --text-color: var(--company-color);
    --text-color-secondary: var(--company-color-secondary);
    --text-color-thirtiary: var(--company-color-thirtiary);
    --mini-title-color: var(--text-color-thirtiary);
    --nav-link-color: var(--text-color);
    --footer-link-color: var(--white);
    /*fonts*/
    --font-family: "Inter", sans-serif;
    --font-family-secondary: "Frank Ruhl Libre", serif;
    /*sizes*/
    --fs-12: 12px;
    --fs-14: 14px;
    --fs-16: 16px;
    --fs-18: 18px;
    --fs-20: 20px;
    --fs-22: 22px;
    --fs-24: 24px;
    --fs-26: 26px;
    --fs-28: 28px;
    --fs-30: 30px;
    --fs-32: 32px;
    --fs-36: 36px;
    --fs-40: 40px;
    --fs-64: 64px;
    --base-fs: var(--fs-16);
    --nav-link-fs: var(--fs-12);
    --main-page-big-title-fs: var(--fs-64);
    --main-page-mini-title-fs: var(--fs-12);
    --main-page-text-fs: var(--fs-22);
    --bs-body-font-size: var(--base-fs);
    --bs-body-color: var(--text-color);
}

body, html {
    font-family: var(--font-family);
    font-size: var(--bs-body-font-size);
    line-height: normal;
    overflow-x: hidden;
    color: var(--text-color);
    background-color: #fff;
}

html {
    scroll-behavior: smooth;
}

.accordion-button {
    background-color: var(--white);
}


.accordion-item {
    color: var(--text-color);
    background-color: var(--white);
    border: var(--bs-accordion-border-width) solid #dee2e6;
}
/*slider*/

.text-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(16, 16, 20, 0.5);
    width: 50%;
    height: 100%;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    padding: 5%;
    align-items: start;
}


    .text-wrapper .title {
        color: var(--text-color-thirtiary);
        font-size: 12px;
        font-weight: 500;
    }

    .text-wrapper .detail {
        display: flex;
        flex-direction: column;
    }

.comma-top,
.comma-bottom {
    font-size: 100px;
    font-family: var(--font-family-secondary);
    color: var(--text-color-thirtiary);
    display: flex;
    height: 75px;
    width: 45px;
}

.comma-bottom {
    align-self: flex-end;
    margin-top: -55px;
}

.teaser-big-text {
    font-size: 52px;
    font-family: var(--font-family-secondary);
    line-height: normal;
}

.teaser-small-text {
    font-weight: 200;
    font-size: 20px;
    line-height: normal;
}

.teaser-button {
    height: 56px;
    width: 320px;
    border: solid 1px #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    font-family: var(--font-family-secondary);
    font-size: 24px;
}



.main-white {
    background-color: var(--white);
}

.main-black {
    background-color: var(--company-color);
    color: var(--white);
}


.main-gray {
    background-color: var(--company-color-bg);
    line-height: normal;
}

.main-mini-title {
    font-size: var(--fs-12);
    color: var(--company-color-thirtiary);
}

.main-big-title {
    font-family: var(--font-family-secondary);
    font-size: var(--fs-64);
}

.main-text {
    font-family: var(--font-family-secondary);
    font-size: var(--fs-22);
}

.main-text-secondary {
    font-size: var(--fs-16);
}


.h-500 {
    height: 500px;
}

.main-short-menu {
    padding: 0;
}

    .main-short-menu li {
        border-bottom: solid 1px rgba(197, 167, 136, 0.25);
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .main-short-menu li::after {
            content: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.2618 8.76226C17.6692 8.76226 17.9995 9.09252 17.9995 9.49993C17.9995 9.90733 17.6692 10.2376 17.2618 10.2376H0.737684C0.330272 10.2376 0 9.90733 0 9.49993C0 9.09252 0.330272 8.76226 0.737684 8.76226H17.2618Z' fill='%23C5A788'/%3E%3Cpath d='M8.4776 0.715909C8.72957 0.463945 9.11917 0.432604 9.40547 0.621395L9.52188 0.715909L17.7839 8.97779C18.072 9.26587 18.072 9.73398 17.7839 10.0221L9.52188 18.2839C9.2338 18.572 8.76568 18.572 8.4776 18.2839C8.18952 17.9959 8.18952 17.5278 8.4776 17.2397L16.2175 9.49993L8.4776 1.76017L8.38308 1.64376C8.19429 1.35746 8.22563 0.967873 8.4776 0.715909Z' fill='%23C5A788'/%3E%3C/svg%3E%0A");
            transition: all .3s ease;
        }


        .main-short-menu li:hover:after {
            transform: rotate(-33deg);
            transition: all .3s ease;
        }



        .main-short-menu li a {
            padding: 20px 10px;
            font-family: var(--font-family-secondary);
            font-size: var(--fs-22);
            color: var(--text-color);
            text-decoration: none;
            width: 100%;
            transition: all .3s ease;
        }

            .main-short-menu li a:hover {
                color: var(--company-color-thirtiary);
                text-decoration: none;
                padding-left: 25px;
                transition: all .3s ease;
            }

.main-page-video {
    height: 90%;
    border-radius: 40px;
    text-align: right;
    margin-top: 9rem;
}

    .main-page-video video {
        width: 80%;
        height: 100%;
        object-fit: cover;
        border-radius: 40px;
    }


.main-history > div {
    padding: 0 35px 0 0;
}

/*arrow-button*/
.arrow-button {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: fit-content;
    overflow: hidden;
    max-height: 60px;
    border: 1px solid;
    border-color: transparent;
}


/* image accordion*/



.i-accordion {
    height: 400px;
    display: flex;
    overflow: hidden;
    margin: 50px auto;
}

.tab {
    position: relative;
    width: 20%;
    height: inherit;
    padding: 10px;
    background: #000;
    color: #FFF;
    cursor: pointer;
    transition: width .5s ease;
}

    .tab img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .5s ease;
    }

.caption {
    position: absolute;
    z-index: 2;
    white-space: nowrap;
    bottom: 60px;
    width: 80%;
    transform: translateX(-50%);
    left: 50%;
    max-width: 260px;
}

    .caption h2 {
        margin-bottom: 2px;
        text-overflow: clip;
        font-size: 24px;
        border: solid 1px white;
        text-align: center;
        padding: 5px;
        background-color: rgba(16, 16, 20, 0.6);
        font-family: var(--font-family-secondary)
    }

    .caption p {
        font-size: 14px;
        margin-top: 15px;
    }

/* --- Hover Effects --- */

.tab:hover img {
    opacity: .6;
}

.tab:hover {
    width: 30%;
}

    .tab:hover .caption {
        transition: all .5s ease;
        opacity: 1;
    }


.bg-dark {
    background-color: #1B1919 !important;
}

.footer-big-text {
    font-family: var(--font-family-secondary);
    font-size: var(--fs-36);
    color: var(--white);
}

footer a {
    color: var(--white);
    text-decoration: none;
    font-family: var(--font-family-secondary) !important;
    font-size: var(--fs-24);
    font-weight: 300;
}


    footer a:hover {
        transition: color 0.8s ease;
        color: var(--company-color-thirtiary);
    }

footer ul {
    padding: 0;
}


    footer ul li {
        list-style: none;
        line-height: 36px;
        text-align: left;
    }

.font-secondary {
    font-family: var(--font-family-secondary);
}


.nav-link {
    font-size: 12PX;
    font-weight: 500;
    color: var(--text-color);
    margin-right: 24px;
}




/*** sub */


.sub-gray {
    background-color: var(--company-color-bg);
    line-height: normal;
}

.sub-mini-title {
    font-size: var(--fs-14);
    color: var(--company-color-thirtiary);
    font-weight: 500;
}

.sub-big-title {
    font-family: var(--font-family-secondary);
    font-size: 52px;
}

.sub-text {
    font-family: var(--font-family-secondary);
    font-size: var(--fs-24);
    color: rgba(13, 28, 41, 0.6);
}


/* sub left menu*/

.left-menu {
    background-color: #F6F6F3;
    margin: 15px;
}

    .left-menu li a {
        height: 48px;
        font-size: 20px;
        font-family: var(--font-family-secondary);
        font-weight: 300;
        margin: 0;
        line-height: 48px;
        padding-left: 15px;
    }

    .left-menu li .selected {
        background-color: var(--company-color-thirtiary);
        color: var(--text-color);
    }

    .left-menu li a:hover {
        background-color: var(--company-color-thirtiary);
        color: var(--text-color);
    }

.sub-page-heading {
    font-family: var(--font-family-secondary);
    font-weight: 300;
    font-size: var(--fs-24);
}

.sub-page-content p {
    margin: 40px 0;
}


.sub-portre {
    flex: 1;
    flex-basis: 0;
    flex-grow: 0.6;
}

.sub-kunye {
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.milestones {
    border-bottom: solid 1px var(--company-color-thirtiary);
}

    .milestones .title {
        font-family: var(--font-family-secondary);
        font-size: var(--fs-24);
    }

        .milestones .title span {
            margin-right: 10px;
        }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--company-color-thirtiary);
}




.photo-list {
    margin: 0;
    padding: 3rem;
}


h1.content-title {
    font-family: var(--font-family-secondary);
    font-weight: 300;
    font-size: var(--fs-24);
}


.accordion-body table {
    width: 100%;
}

    .accordion-body table td {
        padding: 6px 0;
    }


a {
    color: var(--company-color-thirtiary);
    text-decoration: none;
}


.accordion-button:not(.collapsed) {
    color: var(--text-color);
    background-color: #f6f6f3;
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
}


.left-collapse-menu {
    background-color: #F6F6F3;
    margin: 15px;
}

    .left-collapse-menu li ul li a {
        height: 48px;
        font-size: 20px;
        font-family: var(--font-family-secondary);
        font-weight: 300;
        margin: 0;
        line-height: 48px;
        padding-left: 15px;
        color: var(--text-color);
        display: block;
        text-decoration: none;
        background: none;
        border: 0;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    }

    .left-collapse-menu .selected {
        background-color: var(--company-color-thirtiary)
    }

    .left-collapse-menu a:hover {
        background-color: var(--company-color-thirtiary)
    }

    .left-collapse-menu button {
        width: 100%;
        /*background-color: #c5a788;*/
        border-radius: 0 !important;
        height: 68px;
        font-size: 24px;
        font-family: var(--font-family-secondary);
        font-weight: 300;
        margin: 0;
        line-height: 48px;
        padding-left: 15px;
        display: flex !important;
        justify-content: space-between;
        margin-bottom: 2px;
    }

        .left-collapse-menu button[aria-expanded="true"] {
            background-color: #c5a788;
        }

        .left-collapse-menu button:hover,
        .left-collapse-menu button:active {
            background-color: #c5a788 !important;
        }

.btn-toggle::after {
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform .35s ease;
    transform-origin: .5em 50%;
    transform: rotate(90deg);
}

.btn-toggle[aria-expanded="true"]::after {
    transform: rotate(270deg);
}


.left-collapse-menu li.standalone a {
    border: 0;
    width: 100%;
    /*background-color: #c5a788;*/
    border-radius: 0 !important;
    height: 68px;
    font-size: 24px;
    font-family: var(--font-family-secondary);
    font-weight: 300;
    margin: 0;
    line-height: 68px;
    padding-left: 15px;
    display: flex !important;
    justify-content: space-between;
    margin-bottom: 2px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    color: var(--text-color);
}

a.arrow-link-btn {
    color: var(--text-color);
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-size: 12px;
    margin-left: 10px;
}

    a.arrow-link-btn::after {
        content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='38' height='38' rx='19' fill='white'/%3E%3Crect x='0.5' y='0.5' width='37' height='37' rx='18.5' stroke='%23C5A788' stroke-opacity='0.25'/%3E%3Cpath d='M22.6618 16.1186C22.8025 15.98 23.0193 15.963 23.1791 16.0669L23.2439 16.1186L25.879 18.713C26.0398 18.8713 26.0398 19.1278 25.879 19.2862L23.2439 21.8814C23.0832 22.0395 22.8226 22.0395 22.6618 21.8814C22.501 21.7231 22.5011 21.4666 22.6618 21.3082L25.0058 18.9996L22.6618 16.6917L22.6093 16.6279C22.5038 16.4705 22.5211 16.2571 22.6618 16.1186Z' fill='%23101014' fill-opacity='0.25'/%3E%3Cpath d='M25.5885 18.5947L25.6711 18.6031C25.8588 18.6409 26 18.804 26 18.9999C26 19.1958 25.8588 19.3589 25.6711 19.3967L25.5885 19.4051H12.4115C12.1841 19.4051 12 19.2238 12 18.9999C12 18.776 12.1841 18.5947 12.4115 18.5947H25.5885Z' fill='%23101014' fill-opacity='0.25'/%3E%3C/svg%3E%0A");
        margin-left: 10px;
        transition: all 0.8s ease-in;
    }


    a.arrow-link-btn:hover:after {
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" fill="none"><rect width="38" height="38" rx="19" fill="%23C5A788"/><rect x="0.5" y="0.5" width="37" height="37" rx="18.5" stroke="%23C5A788" stroke-opacity="0.25"/><path d="M22.6618 16.1186C22.8025 15.98 23.0193 15.963 23.1791 16.0669L23.2439 16.1186L25.879 18.713C26.0398 18.8713 26.0398 19.1278 25.879 19.2862L23.2439 21.8814C23.0832 22.0395 22.8226 22.0395 22.6618 21.8814C22.501 21.7231 22.5011 21.4666 22.6618 21.3082L25.0058 18.9996L22.6618 16.6917L22.6093 16.6279C22.5038 16.4705 22.5211 16.2571 22.6618 16.1186Z" fill="white"/><path d="M25.5885 18.5947L25.6711 18.6031C25.8588 18.6409 26 18.804 26 18.9999C26 19.1958 25.8588 19.3589 25.6711 19.3967L25.5885 19.4051H12.4115C12.1841 19.4051 12 19.2238 12 18.9999C12 18.776 12.1841 18.5947 12.4115 18.5947H25.5885Z" fill="white"/></svg>');
        margin-left: 10px;
        transition: all 0.8s ease-in;
    }


p.sub-page-heading.big.mb-5 {
    font-size: 52px;
}

.inner-gallery {
    border-bottom: solid 1px #c5a788;
    padding-top: 35px;
}

a.arrow-link-btn.white-text {
    color: white;
}

a.nav-link.btn.btn-dark {
    background-color: #101014;
    color: white;
    border-radius: 24px;
    padding-left: 22px;
    padding-right: 22px;
}

a.big-arrow-link-btn {
    height: 58px;
    max-width: 320px;
    border: solid 1px #fff;
    display: inline-flex;
    align-items: center;
    justify-content: left;
    margin-top: 40px;
    font-family: var(--font-family-secondary);
    font-size: 24px;
    color: white;
    text-decoration: none;
    padding-top: 0;
    line-height: 15px;
    padding-right: 20px;
}

    a.big-arrow-link-btn::before {
        content: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='56' height='56' fill='%23F6F6F3'/%3E%3Cpath d='M36.2618 27.2623C36.6692 27.2623 36.9995 27.5925 36.9995 27.9999C36.9995 28.4073 36.6692 28.7376 36.2618 28.7376H19.7377C19.3303 28.7376 19 28.4073 19 27.9999C19 27.5925 19.3303 27.2623 19.7377 27.2623H36.2618Z' fill='%23101014'/%3E%3Cpath d='M27.4776 19.2159C27.7296 18.9639 28.1192 18.9326 28.4055 19.1214L28.5219 19.2159L36.7839 27.4778C37.072 27.7659 37.072 28.234 36.7839 28.5221L28.5219 36.7839C28.2338 37.072 27.7657 37.072 27.4776 36.7839C27.1895 36.4959 27.1895 36.0278 27.4776 35.7397L35.2175 27.9999L27.4776 20.2602L27.3831 20.1438C27.1943 19.8575 27.2256 19.4679 27.4776 19.2159Z' fill='%23101014'/%3E%3C/svg%3E%0A");
        margin-right: 24px;
    }



@media (width <= 600px) {

    .text-wrapper {
        display: none;
    }

    .main-big-title {
        font-size: 34px;
    }

    .main-text {
        font-size: var(--fs-18);
    }

    .main-history.d-flex {
        flex-direction: column;
    }

    .main-history > div {
        padding: 0 0 0 0;
    }

    .i-accordion {
        height: auto;
        display: flex;
        overflow: unset;
        margin: 0 auto;
        flex-direction: column;
    }

    .tab {
        position: relative;
        width: auto;
    }

        .tab img {
            position: relative;
        }

    .caption h2 {
        margin-bottom: 2px;
        text-overflow: clip;
        font-size: 14px
    }

    .caption {
        position: relative;
        z-index: 2;
        white-space: nowrap;
        bottom: auto;
        width: auto;
        transform: translateX(-50%);
        left: 50%;
        max-width: 260px;
        text-align: center;
    }

    .mobil-about-container {
        float: none !important;
        text-align: center;
    }

    .mobil-about {
        display: block !important;
        text-align: center;
    }


    .nav-pills .nav-link {
        width: 100%;
        text-align: center;
    }

    .nav-pills > li {
        width: 100%;
        text-align: center;
    }

    .sektor-container .d-flex {
        flex-direction: column;
    }

    .sektor-container a {
        font-size: 14px;
    }

    p.sub-page-heading.big.mb-5 {
        font-size: 42px;
        text-align: center;
    }
}


@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-250px * 7));
    }
}

.slider {
    height: 100px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: auto;
}

    .slider .slide-track {
        animation: scroll 40s linear infinite;
        display: flex;
        width: calc(250px * 14);
    }

    .slider .slide {
        height: 100px;
        width: 250px;
    }

.nav-link:hover, .nav-link:focus {
    transition: color 0.8s ease;
    color: var(--company-color-thirtiary);
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1600px;
    }
}

.form-control {
    background-color: var(--white);
    padding: 0.675rem 0.675rem;
    margin-bottom: 10px;
}

    .form-control::placeholder {
        color: var(--text-color);
        opacity: 0.5;
    }

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
}

.alert-warning {
    --bs-alert-color: #664d03;
    --bs-alert-bg: #fff3cd;
    --bs-alert-border-color: #ffe69c;
    --bs-alert-link-color: #664d03;
}


.arrow-link-btn {
    color: var(--text-color);
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 12px;
    margin-left: 0;
    width: 190px;
}


.arrow-link-btn {
    color: var(--text-color);
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 12px;
    margin-left: 0;
    width: 190px;
}

a.big-arrow-link-btn:hover {
    background-color: #ffffff2b;
    transition: background-color .5s ease;
    color: #fff;
}

.arrow-link-btn::after {
    content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='38' height='38' rx='19' fill='white'/%3E%3Crect x='0.5' y='0.5' width='37' height='37' rx='18.5' stroke='%23C5A788' stroke-opacity='0.25'/%3E%3Cpath d='M22.6618 16.1186C22.8025 15.98 23.0193 15.963 23.1791 16.0669L23.2439 16.1186L25.879 18.713C26.0398 18.8713 26.0398 19.1278 25.879 19.2862L23.2439 21.8814C23.0832 22.0395 22.8226 22.0395 22.6618 21.8814C22.501 21.7231 22.5011 21.4666 22.6618 21.3082L25.0058 18.9996L22.6618 16.6917L22.6093 16.6279C22.5038 16.4705 22.5211 16.2571 22.6618 16.1186Z' fill='%23101014' fill-opacity='0.25'/%3E%3Cpath d='M25.5885 18.5947L25.6711 18.6031C25.8588 18.6409 26 18.804 26 18.9999C26 19.1958 25.8588 19.3589 25.6711 19.3967L25.5885 19.4051H12.4115C12.1841 19.4051 12 19.2238 12 18.9999C12 18.776 12.1841 18.5947 12.4115 18.5947H25.5885Z' fill='%23101014' fill-opacity='0.25'/%3E%3C/svg%3E%0A");
    margin-left: 10px;
}


    .arrow-link-btn::after:hover {
        content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='38' height='38' rx='19' fill='%23C5A788'/%3E%3Crect x='0.5' y='0.5' width='37' height='37' rx='18.5' stroke='%23C5A788' stroke-opacity='0.25'/%3E%3Cpath d='M22.6618 16.1186C22.8025 15.98 23.0193 15.963 23.1791 16.0669L23.2439 16.1186L25.879 18.713C26.0398 18.8713 26.0398 19.1278 25.879 19.2862L23.2439 21.8814C23.0832 22.0395 22.8226 22.0395 22.6618 21.8814C22.501 21.7231 22.5011 21.4666 22.6618 21.3082L25.0058 18.9996L22.6618 16.6917L22.6093 16.6279C22.5038 16.4705 22.5211 16.2571 22.6618 16.1186Z' fill='white'/%3E%3Cpath d='M25.5885 18.5947L25.6711 18.6031C25.8588 18.6409 26 18.804 26 18.9999C26 19.1958 25.8588 19.3589 25.6711 19.3967L25.5885 19.4051H12.4115C12.1841 19.4051 12 19.2238 12 18.9999C12 18.776 12.1841 18.5947 12.4115 18.5947H25.5885Z' fill='white'/%3E%3C/svg%3E%0A");
        margin-left: 10px;
    }


.form-control:focus {
    color: var(--bs-body-color);
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}


.accordion.accordion-flush.leadership-accordion .accordion-button {
    font-family: var(--font-family-secondary);
    font-size: var(--fs-24);
}

    .accordion.accordion-flush.leadership-accordion .accordion-button:disabled:after {
        display: none;
    }




.left-collapse-menu li ul li button {
    /*background-color: rgba(197, 167, 136, 0.25) !important;*/
    padding-left: 32px;
}

.left-collapse-menu li ul li a {
    /*background-color: rgba(197, 167, 136, 0.25) !important;*/
    padding-left: 32px;
}

.left-collapse-menu li ul li ul li a {
    /*background-color: rgba(197, 167, 136, 0.25) !important;*/
    padding-left: 42px !important;
}



.ImageHeader > img {
    filter: brightness(0.35);
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    display: none;
}

.sub-min-link {
    font-size: 12px;
    color: var(--text-color);
    font-weight: 500;
    text-decoration: underline;
}

span.field-validation-error {
    padding: 5px;
    float: left;
    color: #dc3545;
}



button#SubmitButton {
    height: 58px;
    max-width: 320px;
    border: solid 1px #1b1919;
    display: inline-flex;
    align-items: center;
    justify-content: left;
    margin-top: 40px;
    font-family: var(--font-family-secondary);
    font-size: 24px;
    color: white;
    text-decoration: none;
    padding-right: 20px;
    line-height: 0;
    background: #1b1919;
    /* padding-right: 0; */
    border-radius: 0;
    font-weight: 300;
}

#SubmitButton:before {
    content: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='56' height='56' fill='%23F6F6F3'/%3E%3Cpath d='M36.2618 27.2623C36.6692 27.2623 36.9995 27.5925 36.9995 27.9999C36.9995 28.4073 36.6692 28.7376 36.2618 28.7376H19.7377C19.3303 28.7376 19 28.4073 19 27.9999C19 27.5925 19.3303 27.2623 19.7377 27.2623H36.2618Z' fill='%23101014'/%3E%3Cpath d='M27.4776 19.2159C27.7296 18.9639 28.1192 18.9326 28.4055 19.1214L28.5219 19.2159L36.7839 27.4778C37.072 27.7659 37.072 28.234 36.7839 28.5221L28.5219 36.7839C28.2338 37.072 27.7657 37.072 27.4776 36.7839C27.1895 36.4959 27.1895 36.0278 27.4776 35.7397L35.2175 27.9999L27.4776 20.2602L27.3831 20.1438C27.1943 19.8575 27.2256 19.4679 27.4776 19.2159Z' fill='%23101014'/%3E%3C/svg%3E%0A");
    margin-right: 24px;
    margin-left: -12px;
}


.fs-24 {
    font-size: 24px
}

.fs-22 {
    font-size: 22px;
}


button#SubmitButton:hover {
    color: #fff;
    background-color: #0000009e;
    transition: background-color .5s ease;
}


.back-to-top-link {
    position: fixed;
    bottom: 20px;
    pointer-events: all;
    text-align: center;
    width: 56px;
    height: 56px;
    border-radius: 80%;
    z-index: 656;
    right: 14px;
    box-shadow: 0 0 6px 0px rgb(30 30 30 / 32%);
    background: transparent;
    opacity: 0.5;
    transition: all .3s ease;
}

    .back-to-top-link:after {
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect y="56" width="56" height="56" rx="28" transform="rotate(-90 0 56)" fill="%23F6F6F3"/><path d="M27.1803 18.8202C27.1803 18.3675 27.5473 18.0006 28 18.0006C28.4526 18.0006 28.8196 18.3675 28.8196 18.8202L28.8196 37.1804C28.8196 37.633 28.4526 38 28 38C27.5473 38 27.1803 37.633 27.1803 37.1804L27.1803 18.8202Z" fill="%23101014"/><path d="M18.24 28.5804C17.96 28.3005 17.9252 27.8676 18.1349 27.5495L18.24 27.4201L27.4198 18.2401C27.7399 17.92 28.26 17.92 28.5801 18.2401L37.76 27.4201C38.0801 27.7402 38.0801 28.2604 37.76 28.5804C37.4399 28.9005 36.9198 28.9005 36.5997 28.5804L28 19.9805L19.4003 28.5804L19.2709 28.6855C18.9528 28.8952 18.5199 28.8604 18.24 28.5804Z" fill="%23101014"/></svg>');
    }

    .back-to-top-link:hover,
    .back-to-top-link:focus {
        opacity: 1;
        transition: all .3s ease;
    }



.accordion.companies .main-short-menu li a {
    transition: none;
    color: var(--text-color);
    text-decoration: none;
    padding-left: 0;
    transition: none;
    font-family: var(--font-family);
    font-size: 16px;
}


    .accordion.companies .main-short-menu li a:hover {
        transition: none;
        color: var(--text-color);
        text-decoration: none;
        padding-left: 0;
        transition: none
    }


.accordion.companies .accordion-button {
    font-family: var(--font-family-secondary);
    font-size: 22px;
}

.accordion.companies .accordion-body {
    padding-top: 0;
}

.accordion.companies .main-short-menu li::after {
    content: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.2618 8.76226C17.6692 8.76226 17.9995 9.09252 17.9995 9.49993C17.9995 9.90733 17.6692 10.2376 17.2618 10.2376H0.737684C0.330272 10.2376 0 9.90733 0 9.49993C0 9.09252 0.330272 8.76226 0.737684 8.76226H17.2618Z' fill='%23C5A788'/%3E%3Cpath d='M8.4776 0.715909C8.72957 0.463945 9.11917 0.432604 9.40547 0.621395L9.52188 0.715909L17.7839 8.97779C18.072 9.26587 18.072 9.73398 17.7839 10.0221L9.52188 18.2839C9.2338 18.572 8.76568 18.572 8.4776 18.2839C8.18952 17.9959 8.18952 17.5278 8.4776 17.2397L16.2175 9.49993L8.4776 1.76017L8.38308 1.64376C8.19429 1.35746 8.22563 0.967873 8.4776 0.715909Z' fill='%23C5A788'/%3E%3C/svg%3E%0A");
    transition: all .3s ease;
    transition: none;
    filter: brightness(0)
}

.accordion.companies .main-short-menu li:hover:after {
    transform: none;
    transition: none;
}


.accordion.companies .main-short-menu li {
    border: 0;
}

.accordion.accordion-flush.companies {
    margin-top: 12px;
}


.photo-list.main-galeri div div:nth-child(n+3) {
    display: block;
}