:root {
    --color-theme: rgba(77,124,178,1); /* #4d7cb2 */
    --accent-color: rgba(77,124,178,1);
    --white: rgba(255,255,255,1);
    --border: rgba(18,18,18,1); /*#121212*/
}

.bg-theme, .nav__bg {
    background-color: var(--color-theme);
}

.navList__wrap a:hover,
.navList__wrap a:not([href]):not([tabindex]):hover {
    color: #000;
}

.bg-grey {
    background-color: #ededed;
}

.color-theme {
    color: var(--color-theme);
}

.button.bg-theme {
    background-color: var(--color-theme);
}

.ml-15 {
    margin-left: 15px;
}

.mr-l-5 {
    margin: 0px 5px;
}

.button.-black.border-none {
    border-color: transparent
}

    .button.-black.border-none:hover {
        border: 0.0625rem solid var(--border);
    }

.lowercase {
    text-transform: lowercase
}

.inline {
    display: inline-block !important
}

.w-100{
    width: 100%;
}

.w-fit {
    width: fit-content;
}

.bordered-light {
    border: 2px solid var(--white);
}

.inline.social-icon {
    text-align: center;
    width: 30px;
}

.sliderMain.-type-1 .sliderMain__subtitle {
    font-size: 2em;
}

h2 {
    line-height: 1.1;
    font-weight: 600;
    font-size: 4.2em;
}

h4{
    line-height: 1.5em;
    font-weight: 300;
}

p{
    font-size: 0.9em;
    font-weight: 600;
}

.overlay-black-md::after {
    background-color: transparent;
}

ul.list li {
    list-style: disc;
    margin-left: 20px;
}

.table-container table {
    width: 100%;
    font-size: var(--text-xl);
}

    .table-container table tr {
        border-bottom: 1px solid #c4c4c4;
    }

    .table-container table td {
        padding: 15px 0;
    }

    .table-container table tr td:first-child p {
        font-weight: 700 !important;
    }

    .table-container table tr td:last-child {
        text-align:right;
    }

/* Style the buttons that are used to open and close the accordion panel */
.table-container .accordion-container table {
    width: 100%;
    font-size: var(--text-lg);
}

.accordion-container .img-container img {
    width:100%;
}

.accordion {
    background-color: #4d7cb2;
    color: #FFF;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

    /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
    .active, .accordion:hover {
        background-color: #4d7cb2;
    }

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin-bottom: 10px;
}

.accordion:after {
    content: '\f078'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #FFF;
    float: right;
    margin-left: 5px;
    font-family: 'FontAwesome';
}

.active:after {
    content: "\f077"; /* Unicode character for "minus" sign (-) */
}

form input[type="text"]::placeholder,
form input[type="search"]::placeholder, form textarea::placeholder, form input[type="email"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #FFF;
    opacity: 1; /* Firefox */
}

form input[type="text"]:-ms-input-placeholder,
form input[type="search"]:-ms-input-placeholder, form textarea:-ms-input-placeholder, form input[type="email"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #FFF;
}

form input[type="text"]::-ms-input-placeholder, form input[type="search"]::-ms-input-placeholder, form textarea::-ms-input-placeholder, form input[type="email"]::-ms-input-placeholder { /* Microsoft Edge */
    color: #FFF;
}

.popup {
    width: 350px;
    background: #fefefe;
    margin: 40px auto;
    padding: 10px 20px;
    position: absolute;
    color: #333;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.overlay {
    position: fixed; /* schermo intero*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    background: rgba(0,0,0,0.7); /* colore sfondo e opcitą */
    text-align: center;
    display: none;
    z-index: 100000;
}

#close, #close-download-catalogo {
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
}

    #close:hover, #close-download-catalogo:hover {
        cursor: pointer;
    }

#popup-download-catalogo .popup {
    background-color: var(--color-theme);
}

form select {
    width: 100%;
    padding: 14px 0;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 1.1875rem;
    line-height: 1.5;
}

    form select:focus {
        outline: none;
        border-bottom: 1px solid black;
    }

form select option {
    color: #000;
    background-color: #fff;
}

p.info {
    color: #fff;
    padding: 10px 0;
    font-weight: 400;
    font-size: 9px;
}

@media (max-width: 1024px) {
    h2 {
        line-height: 1.1;
        font-weight: 600;
        font-size: 3.2em;
    }

    .navList li a {
        font-size: 1.9rem;
    }
}

@media (max-width: 991px) {
    .sliderMain.-type-1 .sliderMain__title {
        font-size: 4rem;
    }

    .navList li a {
        font-size: 1.5rem;
    }
}

@media (max-width: 575px) {
    .sliderMain.-type-1 .sliderMain__title {
        font-size: 2.5rem;
    }
}