body {
    position: relative;
    overflow-x: hidden;
    min-width: 320px;
    padding-top: 0;
    background-size: 1940px;
    font-family: 'Montserrat';
}

html {
    scroll-padding-top: 90px;
}

a {
    position: relative;
    text-decoration: none;
    color: #595959;
}

a, a:visited, a:active {
    color: inherit;
}
a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    display: none;
    width: 0;
    height: 1px;
    background: inherit;
}

a:hover {
    text-decoration: none;
    color: #b5b5b5;
}

a:hover::after {
    width: 100%;
}

img {
    max-width: 100%;
}

section {
    margin-bottom: 60px;
}

.navBox {
    margin-right: -25px;
    padding: 15px 0;
}

section.slider img {
    width: 100%;
}
.container {
    margin: auto;
    padding: 0 !important;
}
.dotsBox {
    display: block;
    height: 30px;
    text-align: center;
}
a.dots-item {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border: 2px solid #b9b9b9;
    border-radius: 50%;
    background: #fff;
}
p svg {
    max-width: 100%;
}
.form-control:focus {
    border-color: #d2cfcf;
    box-shadow: none;
}
option {
    background: #f6f6f6;
}
.row {
    margin-right: -8px;
    margin-left: -8px;
}
.container {
    padding-right: 8px;
    padding-left: 8px;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    padding-right: 8px;
    padding-left: 8px;
}
.filter--item.active {
    background: #dcdcdc;
}

a.dots-item.active {
    border: 4px solid #919191;
    background: #919191;
}

#menu_desktop nav.container {
    text-align: right;
}

header {
    position: absolute;
    z-index: 20;
    top: 0;
    width: 100%;
    background-color: transparent;
}

.header_dark {
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.12);
}

.header_scroll {
    position: fixed;
}

.header_scroll, .header_dark, #menu_desktop:hover {
    background-color: #ffffff;
}

.header_scroll .navbar a, .header_dark .navbar a, #menu_desktop:hover .navbar a {
    color: #000000;
}

.header_dark .navigation-links::after, .header_scroll .navbar .navigation-links::after, #menu_desktop:hover .navigation-links::after {
    display: none;
}

.navbar a:hover, .header_scroll .navbar a:hover, .header_dark .navbar a:hover, #menu_desktop:hover .navbar a:hover {
    color: #E30613;
}

.header_scroll .fa-search, .header_dark .fa-search, #menu_desktop:hover .fa-search {
    color: #000000;
}

.header_scroll .brandLogo, .header_dark .brandLogo, #menu_desktop:hover .brandLogo {
    content: url(../img/logo.svg);
}

/* MENU */
#menu_desktop, #menu_mobile {
    display: none;
}

#menu_desktop .dropdown-content-products-active {
    color: #E30613 !important;
}

/* FOOTER */
footer {
    display: inline-block;
    width: 100%;
    margin-top: 0;
    padding: 65px 104px 25px;
    background: #000000;
    font-family: 'Montserrat';
    font-size: 16px;
    color: #ffffff;
}

footer a {
    color: #ffffff;
}

.footer_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer_contact_title {
    margin-bottom: 40px;
    font-family: 'Raleway';
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
}

.footer_contact_icons {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 50px;
}

.footer_contact_icons > div {
    display: flex;
    align-items: center;
    gap: 15px;
    line-height: 1;
}

.footer_contact_image {
    width: 24px;
    height: 24px;
}

.footer_contact_text, .footer_contact_link {
    font-size: 16px;
    color: #ffffff;
}

.footer_contact_link {
    text-decoration: underline;
}

.footer_partners_title {
    margin-bottom: 25px;
}

.footer_partners_logos {
    margin-bottom: 75px;
}

.footer_static_links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 12px;
}

.footer_social_icons {
    display: flex;
    gap: 16px;
    margin-bottom: 40px;
}

.footer_social_icons a {
    cursor: pointer;
}

.footer_scoial_icon {
    width: 32px;
    height: 32px;
}

.footer_scoial_icon img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.footer_social_icons--mobile {
    display: none;
}

.footer_terms {
    max-width: 800px;
    margin: 0 auto;
    margin-top: 30px;
    font-size: 10px;
    font-style: italic;
    text-align: center;
}

.footer_terms a {
    text-decoration: underline;
}

@media screen and (min-width: 992px) {
    .footer_contact_icons {
        gap: 55px;
    }

    .footer_static_links {
        gap: 60px;
    }

    .footer_partners_title {
        margin-bottom: 55px;
    }
}

@media screen and (min-width: 1428px) {
    .footer_social_icons {
        margin-bottom: 10px;
    }

    .footer_contact_icons > div {
        display: block;
    }

    .footer_contact_image {
        margin-bottom: 16px;
    }
}


/* ANNOUNCEMENT */
.announcement {
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}

.announcement .container {
    position: relative;
    padding: 50px !important;
    line-height: 1.8;
}

.announcement .close {
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 20px;
    opacity: 1;
    cursor: pointer;
    transition: all 0.4s;
}

.announcement .close:hover {
    opacity: 0.6;
}

.announcement .container p:last-child {
    margin-bottom: 0;
}

section.download::before {
    content: '';
    display: block;
    height: 1px;
    margin: 0 10px 10px;
    background-color: black;
}

.product_download_section {
    overflow: hidden;
}

.confirm-popup {
    position: fixed;
    z-index: 10;
    top: 50%;
    left: 50%;
    display: none;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 5px #ccc;
    background-color: #fff;
    font-size: 16px;
    text-align: center;
    transform: translate(-50%, -50%);
}
.confirm-popup p {
    margin: 0;
}

.confirm-popup .buttons {
    margin-top: 30px;
}

.confirm-popup button {
    padding: 5px;
    border: none;
    background-color: #efefef;
    font-size: 14px;
    text-transform: uppercase;
}

.confirm-popup button:hover {
    background-color: #e5e5e5;
}

.confirm-popup #loader {
    display: none;
    margin-bottom: 30px;
}

.confirm-popup .spinner {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #be1621;
    border-radius: 50%;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.bgMenu {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000082;
}

.GroupBox picture, .ProductContainer picture {
    position: relative;
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: flex-start;
    background-color: #969b9f;
}
.GroupBox picture img, .ProductContainer picture img {
    transition: transform 400ms ease;
}
.GroupBox picture:hover img, .ProductContainer picture:hover img {
    transform: scale(1.20);
}

.content--block {
    margin-bottom: 45px;
}
.content--block video {
    width: 100%;
    height: auto;
}
.content--center {
    text-align: center;
}
.content--text {
    margin-top: -5px;
}
.content--image img {
    width: 100%;
    height: auto;
}
.content--image--gallery img {
    max-width: 100%;
    height: auto;
}
.download--brick {
    float: left;
    display: flex;
    justify-content: center;
    gap: 4%;
    width: 50%;
}
.download--brick img {
    width: 100%;
    height: auto;
}
.download--brick .content--image, .download--brick .content--text {
    width: 48%;
}
.download--brick .content--image {
    height: 210px;
    text-align: center;
}
.download--brick .content--image img {
    width: auto;
    max-height: 100%;
}
.download--brick .header{
    font-size: 24px;
    font-weight: 700;
}
.download--brick .description {
    margin-bottom: 20px;
}

ul.picgram {
    padding: 0;
    list-style: none;
}
.picgram li {
    position: relative;
}
.picgram .icon-tooltip {
    position: absolute;
    top: -33px;
    left: 50%;
    display: none;
    padding: 2px 15px;
    background-color: #dcdcdc;
    font-size: 12px;
    white-space: nowrap;
}
.item-tooltip {
    position: absolute;
    z-index: 2;
    top: -65px;
    display: none;
    padding: 7px;
    box-shadow: 1px solid;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
    background-color: #fff;
    font-size: 19px;
    text-align: center;
}
.item-tooltip .image {
    width: 50px;
    height: 50px;
    background-color: #969b9f;
}
.item-tooltip .name {
    margin-left: 10px;
    font-size: 12px;
    font-weight: 400;
    font-weight: 100;
    line-height: 1;
}
.item-tooltip .image img {
    width: 100%;
}
.item-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    border-width: 10px;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent;
}
.variants-table {
    width: 100%;
    margin-bottom: 15px;
}
.variants-table tbody tr td:first-child:hover .item-tooltip {
    display: flex;
    align-items: center;
}
.item-tooltip:hover {
    display: none !important;
} 
.variants-table tbody tr td:first-child {
    position: relative;
}
.table-download {
    width: 100px;
}
.table-download-list {
    display: none;
}
.table-download-list .filter--item {
    display: block !important;
}
.banner, .banner-large {
    background-color: #969b9f;
}
.banner img, .banner-large img {
    display: block;
    margin: auto;
}
.banner img {
    width: 100%;
    height: auto;
}
.banner-large img {
    width: 100%;
    height: auto;
}
.carousel-item {
    -webkit-transition: transform 1s ease-in-out !important;
    transition: transform 1s ease-in-out !important;
}
.picgram .icon-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    border-width: 5px;
    border-style: solid;
    border-color: #dcdcdc transparent transparent transparent;
}
.picgram li:hover {
    cursor: pointer;
}
.picgram li:hover .icon-tooltip {
    display: block;
}

.bannerVideo { 
    display: block; 
    object-fit: contain;
    max-width: 100%;
    margin: 0 auto;
    background-color: #969b9f;
}

ul.picgram li {
    display: inline-block;
    margin-top: 15px;
    margin-right: 5px;
    margin-bottom: 10px;
    vertical-align: middle;
}
section.tableBox {
    margin-top: 30px;
}
.section--title {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 12px;
    font-size: 25px;
    font-weight: 100;
    color: #505050;
}
.section--title--projects {
    margin-top: 30px;
    margin-bottom: 0;
    text-align: left;
}
section.sectionBorderTop {
    padding-top: 3%;
    padding-bottom: 3%;
    border-top: 1px solid #e7e7e7;
}
section.accessory {
    margin: 0 -13px;
}
.accessories-container {
    margin-right: -33px !important;
    margin-left: -6px !important;
}

.section--desc {
    margin-top: 5px;
    margin-bottom: 5%;
    line-height: 29px;
    color: #505050;
}
section.tableBox table td {
    font-weight: 400;
}
section.tableBox table th {
    padding: 23px 11px;
    background: rgba(0, 0, 0, 0.02);
    font-weight: 100;
}
.variants-table td, .variants-table th {
    padding: 8px;
}
.tableBox table tbody {
    white-space: nowrap;
}
td.clickable {
    cursor: pointer;
}
.tableBox td, .tableBox th {
    font-size: 14px;
}
.tableBox table thead tr th:first-child, .tableBox table tbody tr td:first-child {
    font-weight: 700;
    text-align: left;
}
.characteristic {
    margin: 60px 0;
    padding-top: 30px;
    border-top: 1px solid #e7e7e7;
}
.characteristic .section--title {
    margin-bottom: 30px;
    line-height: 1;
}
.characteristic--image {
    position: relative;
    width: 100%;
}
.characteristic--marker {
    position: absolute;
    display: flex;
    align-items: end;
    width: 1px;
    min-height: 160px;
    background-color: #b4b4b4;
    transform-origin: 0% 0%;
}
.marker--left {
    min-height: 230px;
    transform: rotate(90deg);
}
.marker--right {
    min-height: 230px;
    transform: rotate(-90deg);
}
.custom .marker--right, .custom .marker--left, .custom .characteristic--marker {
    min-height: 140px;
}
.marker--up {
    transform: rotate(180deg);
}
.marker--text {
    position: absolute;
    width: 150px;
    padding-left: 5px;
    font-size: 16px;
}
.custom .marker--text {
    font-size: 14px;
}
.marker--left .marker--text {
    padding: 0;
    transform: rotate(-90deg);
    transform-origin: 0% 0%;
}
.marker--right .marker--text {
    padding: 0;
    text-align: right;
    transform: rotate(90deg);
    transform-origin: 0% 0%;
}
.marker--up .marker--text {
    padding-left: 5px;
    transform: rotate(180deg);
    transform-origin: 0% 0%;
}

.ProductBox {
    display: inline-block;
    max-width: 330px;
    margin: 10px;
    vertical-align: top;
}

.ProductContainer {
    margin: 50px 0;
}
.ProductContainer--title {
    margin-bottom: 14px;
    font-size: 31px;
    font-weight: 100;
    color: #505050;
}

.ProductBox--title {
    display: block;
    margin-top: 27px;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}
.ProductBox--desc {
    margin-top: 7px;
    font-size: 12px;
}
.ProductBox {
    display: inline-block;
    max-width: 330px;
    margin: 10px;
    vertical-align: top;
}
.ProductsList {
    overflow: hidden;
    width: 8000px;
}
.ProductBox:first-child {
    margin-left: 0;
}

.brandLogo {
    content: url(../img/logo-white.svg);
    display: inline-block;
    width: 170px;
    vertical-align: middle;
}

.brandLogo img {
    width: 100%;
}

.articleBox--news-picture {
    display: block;
    margin-bottom: 10px;
}
.news-product-picture {
    display: block;
    width: 315px;
    height: 315px;
    background-color: #969b9f;
}
.articleBox--title {
    margin-bottom: 6px;
}
.article a {
    font-size: 15px !important;
}
.articleBox--desc {
    margin-bottom: 10px;
    font-size: 12px;
}
.articleBox--date {
    font-size: 12px;
}
.articleBox a {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #505050;
}
.product--title {
    margin-top: 18px !important;
}
.product--title a {
    font-size: 15px !important;
}
.articleBox--product-listing a {
    font-size: 15px !important;
}
.articleBox--title .product--link {
    display: block;
    font-size: 13px;
    color: #cccccc;
}
tr {
    text-align: center;
}
ul.breadcrumbs {
    display: inline-block;
}
a.bt-right-grey {
    top: 7px;
    padding: 11px 24px;
    background: #dcdcdc;
    font-size: 13px;
}
.downloadButton {
    margin-left: auto;
}
.download-btn::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    margin-bottom: 10px;
    background-color: black;
}

b,
strong {
    font-weight: 700;
}
.articleBox {
    margin-top: 23px;
    margin-bottom: 23px;
    color: #505050;
}
ul.breadcrumbs {
    margin: 20px 0;
    padding: 0;
    font-size: 12px;
    list-style: none;
}
.custom-margin {
    margin: -50px auto -40px !important;
}
td.strong {
    font-weight: 700;
}
.navigation-links {
    position: static;
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 2px solid #ffffff;
    line-height: 1;
}
.navigation--slider {
    position: relative;
    display: none;
}
.navigation--slider--next {
    position: absolute;
    top: -310px;
    right: 0;
    width: 50px;
    height: 50px;
    background: url(../arrow_right.svg) center no-repeat #fff;
    background-size: 30px;
    cursor: pointer;
}
.navigation--slider--prev {
    position: absolute;
    top: -310px;
    left: 0;
    width: 50px;
    height: 50px;
    background: url(../arrow_left.svg) center no-repeat #fff;
    background-size: 30px;
    cursor: pointer;
}
.ProductsList.sliderProductlist:not(.drag) {
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
ul.breadcrumbs li {
    position: relative;
    left: 0;
    display: inline-block;
}
ul.breadcrumbs li::after {
    content: ">";
    display: inline-block;
    margin: 0 9px;
}
ul.breadcrumbs li a {
    color: #505050;
}

ul#pills-tab {
    display: block;
    width: 100%;
    padding: 0 15px;
}
ul#pills-tab li {
    display: inline-block;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    position: relative;
    padding: 9px 16px;
    border-radius: 0;
    background-color: #e3e3e3;
    color: #3e3e3e;
}
.nav-pills .nav-link {
    font-size: 13px;
}
.catalogBox picture {
    display: inline-block;
    width: 342px;
    vertical-align: top;
}
.catalogBox img {
    border: 1px solid;
}
.showInMobile {
    display: none !important;
}
li.search.searchBtn {
    color: #7a7a7a;
}
.catalogBox--desc {
    display: inline-block;
    width: calc(100% - 346px);
    padding-left: 67px;
    vertical-align: top;
}
.catalogBox,
.catalogBox a {
    color: #505050;
}
.catalogBox--desc a {
    position: relative;
    display: block;
    margin-top: 10px;
    font-size: 20px;
    font-weight: 100;
}
.catalogBox--title {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 30px;
}
.MoreBtn {
    display: block;
    width: 100%;
    margin-top: 9%;
    margin-bottom: 5%;
    text-align: center;
}
.MoreBtn a {
    position: relative;
    padding: 10px 50px;
    border: 1px solid #eee;
    font-size: 13px;
}
.catalogBox--description {
    margin-top: 25px;
    margin-bottom: 46px;
}

.filter--item {
    position: relative;
    display: inline-block;
    margin-right: 30px;
    padding-left: 24px;
}
section.FilterContent {
    margin-top: 14px;
    margin-bottom: 30px;
}
select.form-control {
    border-radius: 0;
}
.filter--item input:checked ~ label::before {
    display: block;
}
.filter--item label::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 17px;
    height: 17px;
    border: 1px solid #a5a6aa;
    background-color: #fff;
}
.table-download-list .filter--item label::after {
    top: 8px;
    left: 8px;
    width: 12px;
    height: 12px;
}
.filter--item.--select {
    padding-left: 0;
}
.formGroup {
    display: inline-block;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 0 15px;
}
.filter--item label {
    margin: 0;
    padding: 0;
}
.filter--item input {
    display: none;
}
h3.TitleSection {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
ul.breadcrumbs li:last-child::after {
    display: none;
}
section.SiteBox {
    padding: 3% 0;
    color: #505050;
}
.vertical_center {
    display: flex;
    align-items: center;
}
h3.TitleBorderB {
    margin-top: 8%;
    margin-bottom: 3%;
    font-size: 30px;
    font-weight: 100;
    color: #505050;
}
.contactBanner img {
    width: 100%;
    height: auto;
}
.newsBanner {
    width: 100%;
    height: 700px;
    max-height: 700px;
    background-color: #969b9f;
    text-align: center;
}
.newsBanner img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.contactBox--left {
    display: inline-block;
    width: 380px;
    color: #505050;
}
.contactBox--left a, .contactBox--left a:visited {
    color: #505050;
}
.contactBox--right {
    display: inline-block;
    width: calc(100% - 390px);
    padding-left: 170px;
    vertical-align: top;
}
.contactBox--right input, .contactBox--right select {
    height: auto !important;
    margin: 0 !important;
    border-radius: 0px;
}
section.contactBox {
    padding: 3% 0;
}
.customblocks {
    gap: 1%;
    margin-bottom: 45px;
}
.custom {
    position: relative;
    width: 49.5%;
    margin-bottom: 30px;
}
.custom--image {
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom--image img {
    width: 100%;
    height: auto;
}
a.custom--button {
    position: absolute;
    bottom: 12px;
    left: 20px;
    display: block;
    padding: 10px;
    background-color: #F6F6F6;
    font-size: 14px;
    color: #000000;
    cursor: pointer;
}
a.custom--button:visited {
    background-color: #F6F6F6;
    color: #000000;
}
a.custom--button:hover, .custom--button--paragraph:hover {
    background-color: #E7E7E7;
}
.custom--button--paragraph {
    padding: 10px;
    background-color: #F6F6F6;
    font-size: 14px;
    color: #000000;
    cursor: pointer;
}
.random-custom {
    display: flex;
    gap: 10px;
}
.random-custom .custom {
    width: 50%;
    padding: 0;
}
.random-custom a.custom--button {
    display: none;
}
.ProductBox-simple {
    margin: 5% 0;
}
.comBox {
    margin: 10px 0;
}
.filter--item label {
    width: 100%;
    margin-top: 3px;
    font-size: 12px;
}
.table-download-list .filter--item label {
    font-size: 10px;
    text-align: left;
}
.articleBox img {
    width: 100%;
}
.comBox.BoxText {
    padding-top: 5%;
}
.boxImageMenu {
    max-width: 149px;
    margin: 2% 0;
}
.contactBox--item--title {
    display: inline-block;
    width: 100%;
    margin-bottom: 13px;
    font-size: 16px;
    font-weight: 600;
}
.contactBox--item {
    margin-bottom: 70px;
}
.contactBox--item p {
    margin-top: 13px;
    margin-bottom: 26px;
    font-size: 16px;
}
.contactBox--right input,
.contactBox--right select {
    height: 48px;
    margin-top: 9px;
    margin-bottom: 27px;
    border-radius: 0;
}
.btn-primary {
    margin-top: 15px;
    padding: 12px;
    border-color: #969b9f;
    background-color: #969b9f;
    color: #fff;
}
.contactBox--right button {
    width: 100%;
    border-radius: 0;
}
.card-header button {
    padding: 0;
    text-align: left;
}
.card-header button:focus {
    outline: none !important;
    box-shadow: none !important;
}
.card-header button:hover {
    color: #202020;
}
.compositionBox {
    margin-top: 27px;
    color: #505050;
}
.compositionBox--title {
    margin-bottom: 25px;
    font-size: 30px;
    font-weight: 100;
}
.compositionBox--desc {
    margin-top: 43px;
    margin-bottom: 30px;
    line-height: 28px;
}
.MenuBox {
    position: absolute;
    z-index: 11;
    top: 25px;
    left: 0;
    display: none;
    width: 100%;
}
.MenuBox .container {
    margin-top: 40px;
    padding: 20px 0;
    background-color: #ffffff;
}
.boxLinkMenu--b {
    font-weight: 700;
}
.language, .knowledgeBtn {
    cursor: pointer;
}
.productArrow, .knowledgeArrow {
    display: none !important;
}
.rotate {
    transform: rotate(90deg);
}

.MenuBox ul li {
    display: block;
    text-align: left;
}
.card {
    padding-top: 7px;
    padding-bottom: 7px;
    border: 0;
    border-top: 1px solid #b0b0b0;
}
.people--name {
    font-size: 15px;
    font-weight: 600;
}
.card-body {
    padding: 0;
}
.btn-primary:hover {
    border-color: #ddd;
    background-color: #ddd;
    color: #969b9f;
}
.form--policy {
    margin-top: 29px;
    font-size: 11px;
    color: #505050;
}
.people p {
    margin-top: 3px;
    margin-bottom: 5px;
    font-size: 14px;
}
.card-header {
    padding: 0;
    border: 0;
    background-color: transparent;
}
.form--title {
    margin-top: 68px;
}
.btn-link {
    text-decoration: none;
    color: #505050;
}
.people {
    margin-bottom: 20px;
    color: #505050;
}
.SiteBox--title {
    display: inline-block;
    width: 100%;
    margin-bottom: 12px;
    font-size: 30px;
    font-weight: 100;
}
.SiteBox--date {
    font-size: 20px;
    line-height: 1;
}
.people picture {
    display: inline-block;
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 50%;
}
div#accordionBox {
    margin-bottom: 100px;
    border-bottom: 1px solid #b0b0b0;
}
.forms__header--text {
    margin-bottom: 10px;
    font-size: 22px;
}

.copyright > * {
    padding: 0 10px;
}
.form-control {
    position: relative;
    font-size: 13px;
}
.contact--form .form-control {
    margin-bottom: 10px !important;
    padding: 10px;
    font-size: 14px;
}
.contact--form textarea.form-control {
    min-height: 180px;
}
.contact--form .btn {
    margin-top: 10px;
    padding: 10px;
    background-color: #dddddd;
}
.contact--form .btn:hover {
    background-color: #cccccc;
    transition: none !important;
}
.contact--form--sent {
    margin-top: 10px;
    font-size: 20px;
    text-align: center;
    color: #059430;
}
.form_statements {
    font-size: 13px;
}
.form_statements .intro {
    margin-bottom: 10px;
}
.form_statements .email {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.form_statements .email label {
    padding-right: 10px;
}
.form_statements .email input {
    max-width: 35%;
    margin-bottom: 0 !important;
    margin-left: auto;
    border-radius: 0;
}
.contact--map {
    filter:grayscale(100%);
    transition: all .3s ease-in-out;
}
.contact--map:hover {
    filter: none;
}
.statement {
    margin: 0;
}
.contact--form .checkbox {
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px;
    font-size: 11px;
}
.contact--form .checkbox input {
    position: absolute;
    top: 3px;
    left: 0;
}
.contact--form .checkbox label {
    cursor: pointer;
}
select option:hover { 
    background: #000 !important;
}
.form-control-input-file input[type="file"] {
    display: none;
}
.form-control-input-file-button {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 33.5px;
    border: 1px solid #ced4da;
    font-size: 12px;
}
.form-control-input-file-button button {
    height: 100%;
    border: none;
    outline: none;
    background-color: #e9ecef;
    text-wrap: nowrap;
}
.form-control-input-file-button--lg {
    align-items: flex-start;
    min-height: 100px;
}
.form-control-input-file-button--lg button {
    height: 33.5px;
}
.people img {
    width: 120px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.BoxText {
    margin: 5% 0;
    font-size: 17px;
    line-height: 25px;
    color: #505050;
}
.BoxText--title {
    display: inline-block;
    width: 100%;
    margin-bottom: 27px;
    font-size: 32px;
    font-weight: 100;
    line-height: 42px;
}
.BoxText--title p {
    margin: 0;
}
.BoxText--title .product {
    font-size: 28px;
    color: #cccccc;
}
.filter--item label::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 5px;
    left: 2px;
    display: none;
    width: 13px;
    height: 13px;
    border: 1px solid #a5a6aa;
    background-color: #a5a6aa;
}
.table-download-list .filter--item label::before {
    top: 10px;
    left: 10px;
    width: 8px;
    height: 8px;
}
.BoxText.BoxTextRight {
    padding-left: 51%;
}
.BoxText.BoxTextLeft {
    padding-right: 51%;
}
h3.TitleSection {
    margin-top: 4%;
    margin-bottom: 18px;
    font-weight: 100;
    color: #505050;
}
section.SiteBox p {
    display: block;
    width: 100%;
    margin-top: 7px;
}
.line {
    display: inline-block;
    width: 100%;
    height: 1px;
    margin-top: 2%;
    margin-bottom: 2%;
    background: #b2b2b2;
}
section.InfoBox {
    padding-top: 3%;
    padding-bottom: 3%;
    background: #ddd;
    color: #505050;
}
.navigationButton {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 40px;
    margin-top: 5%;
    margin-bottom: 6%;
}
.BorderTopPD {
    margin-top: 2%;
    padding-top: 2%;
    padding-bottom: 5%;
    border-top: 1px solid #dfdfdf;
}
a.navigationButton--next {
    position: absolute;
    right: 0;
}
a.navigationButton--prev {
    position: absolute;
    left: 0;
}
.InfoBox--title {
    margin-bottom: 12px;
    font-size: 25px;
    line-height: 28px;
}
section.InfoBox p {
    margin-top: 31px;
    font-size: 18px;
    line-height: 28px;
}
.hamburger {
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 15px;
    border: 0;
    background-color: transparent;
    text-transform: none;
    color: inherit;
    cursor: pointer;
    transition-duration: 0.15s;
    transition-property: opacity, filter;
    transition-timing-function: linear;
    font: inherit;
}
.hamburger:hover {
    opacity: 0.7;
}
.hamburger.is-active:hover {
    outline: none;
    opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #000;
}
.hamburger-box {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
}
.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    position: absolute;
    width: 40px;
    height: 1px;
    border-radius: 4px;
    background-color: #000;
    transition-duration: 0.15s;
    transition-property: transform;
    transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}
.hamburger-inner::before {
    top: -10px;
}
.hamburger-inner::after {
    bottom: -10px;
}
.hamburger--slider-r .hamburger-inner {
    top: 2px;
}
button.hamburger {
    position: absolute;
    top: 5px;
    right: 5px;
    display: none;
    margin-left: 30px;
}
.hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-duration: 0.15s;
    transition-property: transform, opacity;
    transition-timing-function: ease;
}
.hamburger--slider-r .hamburger-inner::after {
    top: 20px;
}
.hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
    opacity: 0;
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
}
.hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(90deg);
}
.globeMobile {
    position: absolute;
    top: 13px;
    right: 100px;
}
.globeMobile .language img{
    width: 35px;
}
.globe-icon {
    width: 22px;
    height: 22px;
    margin-top: -5px;
}

.ProductBox img {
    width: 100%;
}
.sliderProductlist--content {
    font-size: 0;
}

.catalogBox {
    display: inline-block;
    margin-top: 35px;
    margin-bottom: 35px;
}
.card-body.row {
    margin: 0;
}

.badge.badge-new {
    display: block;
    margin-top: 9px;
    padding-left: 0;
    font-size: 12px;
    font-weight: 100;
    text-align: left;
    color: #ed1c24;
}
a.btnPDF {
    position: relative;
    display: block;
    max-width: 190px;
    padding: 12px 24px;
    background: #dcdcdc;
    font-size: 13px;
    text-align: center;
}
section.slider {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-height: 785px;
}
table.table {
    border-bottom: 1px solid;
}
form.searchBox button {
    color: #7a7a7a;
}
form.searchBox button:hover {
    opacity: 0.7;
}

form.searchBox button {
    border: 0;
    outline: none;
    background: transparent;
}
form.searchBox {
    display: flex;
    justify-content: space-around;
    padding-top: 15px;
    padding-bottom: 10px;
}
.knowledge {
    left: -5px;
    width: 185px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.knowledge .container {
    margin-top: 8px;
}
.knowledge ul {
    padding: 0;
}

.filters {
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #e0e0e0;
    background-color: #f6f6f6;
}
.filter-container {
    overflow: hidden;
    max-height: 189px;
}
.show-all-filters .filter-container{
    max-height: none;
}
.show-more {
    display: block;
    margin-top: 10px;
    font-size: 11px;
    color: #858585;
    cursor: pointer;
}
.filter-row, .filter-row-input {
    position: relative;
    display: flex;
    align-items: center;
    height: 35px;
    margin-bottom: 20px;
    font-size: 14px;
    cursor: pointer;
}
.filter-row-input.filterSelected {
    padding:0 5px;
}
.filterSelected input {
    background-color: transparent !important;
}
.filter-groups-container {
    display: flex;
    flex-wrap: wrap;
    margin: -20px -15px;
}
.filter-group {
    min-width: 140px;
    padding: 20px 15px;
}
.filter-group > .filter-row ~ .filter-row, .filter-group > .filter-row-input ~ .filter-row-input {
    border-top: 1px solid #393A3B;
}
.filterSelected ~ .filter-row-input {
    border-top: 1px solid #f8f9fa !important;
}
.filter-name {
    margin-bottom: 5px;
    margin-left: -1px;
    font-size: 12px;
    font-weight: 700;
}
.filterSelected {
    font-weight: 700;
    color: #000000;
}
.filterSelected .filter-img {
    padding: 3px;
    border: 2px solid #000000;
}
.filter:last-child {
    border: none;
}
.filter-img {
    width: 35px;
    min-width: 35px;
}
.filter-img img {
    width: 100%;
    background-color: #ffffff;
}
.filters .btn {
    margin-top: 30px;
    border: none;
    background-color: #dedede;
}
.filters .btn:hover {
    background-color: #cccccc;
}
.selected-filters {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    font-size: 13px;
    white-space: nowrap;
}
.selected-filter {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: -7px 0 15px 20px;
}
.selected-filter-name {
    font-weight: 800;
}
.selected-filter-value {
    padding: 6px;
    border: 1px solid black;
    background-color: #ffffff;
}
.filter-text {
    margin: 0 10px;
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
}
.filter-row:hover {
    background-color: #e7e7e7;
    color: #212529;
}
.filter-row input {
    position: absolute;
    z-index:2;
    width: 100%;
    height: 100%;
    opacity:0;
    cursor: pointer;
}
.filter-row-input .form-input {
    width: 100%;
    padding: 0;
    border: none;
    outline: none;
    font-size: 11px;
    opacity: 1;
    cursor: auto;
}
.filter-row a {
    color: #212529;
}
.reset-button {
    align-self: flex-start;
    margin-top: -3px;
    margin-left: auto;
    padding: 4px;
    border: 1px solid black;
    font-size: 11px;
}
.reset-button:hover {
    background-color: #e7e7e7;
}
.arrow {
    display: inline-block;
    margin-right: 8px;
    margin-left: 8px;
    padding: 2px;
    border: solid black;
    border-width: 0 1px 1px 0;
}
.right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.product-list-filters {
    margin-top: 80px;
}

.download-icon {
    width: 24px;
    height: 24px;
    margin: 0 3px;
    cursor: pointer;
}

.download-icon img {
    width: 100%;
    height: 100%;
}
.search-hints {
    display: none;
    width: 100%;
    background-color: #f6f6f6;
}

.search-hints .show-all {
    padding: 0 0 5px 5px;
    font-size: 14px;
    cursor: pointer;
}

.search-hints .show-all:hover {
    color: #a0a0a0;
}
.product-hint {
    display: flex;
    align-items: center;
    margin: 0 0 5px 5px;
}
.product-hint:hover {
    background-color: #d8d8d8;
    cursor: pointer;
}
.product-hint .photo {
    width: 60px;
    height: 60px;
    margin-right: 15px;
}
.product-hint .photo img {
    width: 100%;
    height: 100%;
}
.product-hint .name {
    max-width: 285px;
    text-align: left;
}
.product-hint .name p {
    margin: 0;
    padding: 0;
    line-height: 1;
}
.product-hint .name p:first-child {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 800;
}
.product-hint .name p:last-child {
    font-size: 13px;
    color: #a0a0a0;
}
.download-buttons-counter {
    display: flex;
    align-items: center;
    gap: 10px;
}
.download-buttons-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
}
.download-button {
    display: block;
    width: auto;
    margin: -40px auto 45px auto;
    padding: 13px 28px;
    background-color: #DCDCDC;
    font-size: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
}
nav {
    display: block;
}
.navbar {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    background-color: transparent;
}
.navbar a {
    float: left;
    padding: 10px;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
}
.dropdown-box-languages {
    top: 25px;
}
.dropdown-box-languages a {
    text-align: center;
}
.navbar a:hover {
    color: #4a4a4a;
    filter: brightness(75%);
}
.dropdown {
    position: static !important;
    float: left;
}
.dropdown .dropbtn, .dropdown-search .dropbtn {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    margin: 0;
    border: none;
    outline: none;
    background-color: inherit;
    font-family: inherit;
    font-size: 16px;
    color: white;
}
.dropdown .dropbtn {
    padding: 0;
}
.dropdown-content {
    z-index: 1;
    display: none;
    min-width: 75px;
    margin-top: 33px;
    padding: 10px;
    box-shadow: none;
    background-color: #ffffff;
}
.dropdown-content-products {
    margin-top: 18px;
    padding-bottom: 30px;
}
.dropdown-conent-custom-solution {
    font-weight: 700;
    color: #000000;
}
.dropdown-content-products::before {
    content: '';
    position: absolute;
    top: 0;
    left: -78%;
    width: 120vw;
    height: 100%;
    background-color: #ffffff;
}
.dropdown-box {
    position: absolute;
    top: 30px;
    background: none;
    line-height: 1.4;
}
.dropdown-box-products {
    top: 30px;
    left: 50%;
    width: auto;
    padding: 15px;
    transform: translateX(-50%);
}
.dropdown-box-projects {
    margin-left: -5px;
}
.dropdown-content ul {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    list-style-type: none;
}
.dropdown-content-products ul {
    margin-right: 60px;
}
.dropdown-content-products ul:last-child {
    margin-right: 0;
}
.dropdown-content-products ul span {
    position: relative;
    font-weight: 700;
    color: #000000;
} 
.dropdown-content a, .dropdown-content span {
    float: none;
    display: block;
    padding: 0 5px;
    text-decoration: none;
}
.dropdown-content a {
    text-transform: none;
}
.dropdown-content-products a, .dropdown-content-products span {
    text-align: left;
}
.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown:hover .dropdown-content-products {
    display: flex;
}
.dropdown-content-products {
    position: relative;
    margin-top: 25px;
}
.navbar .search-btn {
    float: left;
    padding: 10px;
    text-align: center;
}
.navbar .selectedLanguage {
    text-transform: uppercase;
}

.products--button, .download--brick .button {
    display: inline-block;
    width: auto;
    margin: 0 auto;
    padding: 5px 15px;
    border: 1px solid black;
    font-size: 15px;
    text-align: center;
    color: #505050;
    cursor: pointer;
}

.download--brick .button {
    margin: 0;
}

.products--button:hover, .download--brick .button:hover {
    background-color: #F6F6F6;
}

.projects {
    margin-top: 75px;
    margin-bottom: 50px;
}

th.order.asc {
    text-decoration: underline;
}
th.order.desc {
    text-decoration: overline;
}
@media screen and (min-width: 768px) {
    li.search {
        position: relative;
    }
    li.search input {
        position: absolute;
        top: 0;
        right: 0;
    }
    .navBox {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        height: 65px;
        background: #f6f6f6;
    }
    #menu_desktop nav.container {
        text-align: center;
    }
}
@media screen and (max-width: 1199px) {
    .contactBox--right {
        padding-left: 50px;
    }
}

@media screen and (max-width: 1200px) {
    .navbar a {
        padding: 0 5px;
    }
}

@media screen and (max-width: 620px) {
    .articleBox {
        max-width: 370px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .random-custom, .projects--gallery {
        flex-wrap: wrap;
    }
    .random-custom .custom, .projects--gallery .project--photo {
        width: 100%;
    }
}
@media screen and (max-width: 575px) {
    .articleBox,
    .ProductBox-simple {
        width: 50%;
    }
}
@media screen and (max-width: 992px) {
    #menu_desktop .fa-search {
        font-size: 25px;
    }

    .navbar .search-wrapper {
        position: absolute;
        top: 60px;
        right: 20px;
        padding-top: 0;
    }

    .globe-icon {
        width: 30px;
        height: 60px;
    }

    .dropdown-box-languages {
        width: 0;
    }

    a.bt-right-grey {
        top: 0;
        margin-bottom: 5px;
    }
    .BoxText.BoxTextRight {
        padding-left: 0;
    }
    .BoxText.BoxTextLeft {
        padding-right: 0;
    }
    .catalogBox--desc {
        width: calc(100% - 264px);
        padding-left: 27px;
    }
    .contactBox--left {
        width: 256px;
    }
    .contactBox--right {
        width: calc(100% - 260px);
    }
    .catalogBox picture {
        width: 260px;
    }
    .catalogBox--description {
        font-size: 12px;
    }
    .catalogBox--title {
        font-size: 22px;
    }
    .catalogBox--desc a {
        margin-top: 5px;
        font-size: 14px;
    }
    .navbar a {
        font-size: 19px;
    }
    .responsive-navigation {
        display: none !important;
    }
    .navigation-links {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        margin-top: 30px;
        margin-right: 0;
        line-height: 1.5;
    }

    .dropdown {
        text-align: left;
    }
    .dropdown-box {
        position: static;
    }
    .dropdown-box-products {
        padding: 0;
        transform: none;
    }
    .dropdown-content {
        margin: 0 !important;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none;
        background-color: transparent;
        font-weight: 100;
    }
    .dropdown:hover .dropdown-content {
        display: none;
    }
    .dropdown:hover .dropdown-content-products {
        display: none;
    }
    .dropdown-content-products ul {
        margin-bottom: 10px;
    }
    .dropdown-languages .dropbtn::after, .dropdown-search .dropbtn::after {
        display: none;
    }
    .dropbtn::after {
        content: '';
        position: absolute;
        top: 50%;
        clear: both;
        width: 0;
        height: 0;
        border-top: 5px solid #b3b3b3;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        transform: translate(0, -40%);
    }
    .dropbtn-clicked::after {
        border-top: none;
        border-bottom: 5px solid #b3b3b3;
    }
    .search-btn {
        padding-top: 0;
    }
    .contact--map {
        height: 200px !important;
    }
}
@media screen and (max-width: 950px) {
    .confirm-popup {
        font-size: 12px;
    }

    .confirm-popup .button {
        font-size: 12px;
    }
}
@media screen and (max-width: 920px) {
    .ProductsList {
        overflow: auto;
        width: 100%;
        -webkit-overflow-scrolling: touch;
    }
}

@media screen and (max-width: 767px) {
    #menu_desktop nav {
        position: relative;
        z-index: 1;
    }

    #menu_desktop::after {
        content: "";
        position: absolute;
        top: 0;
        width: 100%;
        height: 58px;
        background: #f6f6f6;
    }
}

@media screen and (max-width: 768px) {
    .custom {
        width: 100%;
    }

    .contact--map {
        height: 300px !important;
    }

    .contactBox--right {
        padding-left: 0;
    }

    #menu_desktop .language-menu {
        top: 8px;
        padding: 5px 0;
        background-color: #f6f6f6 !important;
    }

    .formGroup {
        padding: 0;
    }

    form.searchBox input {
        width: calc(100% - 80px);
    }

    h3.TitleSection {
        text-align: left;
    }

    .hideInMobile {
        display: none !important;
    }
    .showInMobile {
        display: block !important;
    }

    ul.breadcrumbs li {
        left: 0;
        margin: 8px 0;
    }

    .people p,
    .people--name {
        text-align: left;
    }

    .MoreBtn {
        margin-bottom: 50px !important;
    }

    .form-control {
        height: auto;
        padding: 12px;
    }

    a.bt-right-grey {
        margin-bottom: 15px;
    }

    ul#pills-tab li {
        display: inline-block;
        width: 100%;
        padding: 10px 0;
    }

    .filter--item.--select {
        width: 100%;
        margin: 7px 0;
    }

    .filter--item {
        width: 100%;
        margin: 13px 0;
    }

    ul.breadcrumbs li::after {
        margin: 0 15px;
    }

    .filter--item {
        margin-right: 0;
    }

    #menu_desktop.showMenuBox .MenuBox {
        display: block;
    }

    li.search.searchBtn {
        display: none;
    }

    .boxImageMenu {
        display: none;
        width: 100%;
        max-width: 100%;
        margin: 2% 0;
        flex: 0 0 50%;
    }

    .MenuBox {
        position: relative;
        top: 0;
        background-color: #ffffff !important;
    }

    .knowledge {
        top: 0;
        width: 100%;
        padding-top: 0;
    }

    .knowledge .container, .MenuBox .container {
        margin-top: 0;
        padding: 10px;
    }

    .knowledgeArrow, .productArrow {
        display: inline-block !important;
        visibility: visible;
        transition: all .3s;
    }

    .MenuBox ul {
        padding-left: 0;
    }

    .ProductsList.sliderProductlist {
        width: 100%;
        margin-bottom: 30px;
    }

    .MenuBox li a {
        display: inline-block;
        width: 100%;
        font-size: 16px;
        text-align: left;
    }

    .boxLinkMenu {
        padding-left: 0;
    }

    #menu_desktop .flag-icon {
        margin-left: 0px;
    }

    button.hamburger {
        display: block;
    }

    .BoxText--title {
        font-size: 25px;
        line-height: 33px;
    }

    .BoxText {
        font-size: 14px;
        line-height: 23px;
    }

    .contactBox--item {
        display: inline-block;
        width: 49%;
        vertical-align: top;
    }

    .contactBox--right,
    .contactBox--left {
        width: 100%;
    }

    #menu_desktop nav.container {
        text-align: left;
    }

    .catalogBox--desc {
        width: calc(100% - 205px);
        padding-left: 18px;
    }

    .catalogBox picture {
        width: 200px;
    }

    section.ProjectContent {
        text-align: center;
    }

    .content--text {
        margin: 10px 0;
    }
}

@media screen and (max-width: 550px) {
    .TabsProductItem--box--name {
        width: 210px;
        padding-left: 4px;
        font-size: 14.3px;
    }

    .contactBox--item {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 4% 0;
        text-align: left;
        vertical-align: top;
    }

    .card-header button {
        text-align: left;
    }

    .people {
        padding: 4% 8px;
        text-align: center;
    }
}

@media screen and (max-width: 575px) {
    .ProductBox-simple {
        max-width: 370px;
        margin: auto;
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .filter-group {
        width: 33%;
    }

    .marker--text {
        font-size: 13px;
        line-height: 1;
    }
}

@media screen and (max-width: 520px) {
    .ProductContainer--title {
        font-size: 25px;
    }

    ul#pills-tab li > a {
        padding: 8px;
        font-size: 12px;
    }

    ul#pills-tab li {
        display: inline-block;
        margin-right: 0;
    }

    .catalogBox--desc {
        width: 100%;
        margin-top: 18px;
        padding-left: 0;
        text-align: left;
    }

    .catalogBox picture {
        width: 100%;
        margin: auto;
    }

    .catalogBox {
        text-align: center;
    }

    .ProductBox {
        max-width: 270px;
    }
    
    .selected-filters {
        flex-direction: column;
    }
    .selected-filter {
        margin: 10px 0;
    }

    .downloadButton {
        margin-left: 0;
    }
}

@media screen and (max-width: 460px) {
    .navbar .search-wrapper {
        padding-left: 75px;
    }

    .filter-group {
        width: 50%;
    }
    .ProductBox-simple {
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    .globe-icon {
        width: 20px;
        height: 20px;
    }

    .burger-inner {
        width: 20px;
    }

    .burger-inner::after, .burger-inner::before {
        width: 20px;
    }
    .burger-inner::before {
        top: -7px;
    }

    .burger-inner::after {
        bottom: -7px;
    }

    #menu_desktop .fa-search {
        width: 20px;
        height: 20px;
        font-size: 19px;
    }

    .dropdown-search {
        top: 2px;
        right: 14px;
    }
}

@media screen and (max-width: 380px) {
    .navbar .search-wrapper {
        padding-left: 100px;
    }

    .articleBox {
        width: 100%;
    }
    .reset-button {
        margin-top: 20px;
        margin-left: 0;
    }
    .filter-group {
        width: 100%;
    }

    .contact--map {
        height: 200px !important;
    }
}

/* REDESIGN */

/* TYPOGRAPHY */
h1, h2, h3, h5 {
    font-family: 'Raleway';
    font-size: 72px;
    font-weight: 900;
    line-height: 100%;
    text-transform: uppercase;
}

h1.light, h2.light, h3.light {
    font-weight: 400;
}

h2 {
    font-size: 56px;
}

h3 { 
    font-size: 36px;
}

h4 {
    font-size: 32px;
}

h5 {
    font-size: 20px;
}

h5.light {
    font-weight: 300;
}

h6 {
    font-weight: 700;
}

h6.bold {
    font-size: 20px;
}

p {
    font-size: 16px;
}

p.bold {
    font-weight: 700;
}

p.small {
    font-size: 12px;;
}

.content--block {
    position: relative;
    margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
    .text-on-image .content--image {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        height: 100%;
        padding: 0;
    }

    .text-on-image .content--image img {
        height: 100%;
    }

    .text-on-image .content--text {
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 8px;
        background-color: #000000AA;
        text-align: center;
        color: #FFFFFF;
    }
}

/* AREABRICKS */
.column_blocks {
    display: grid;
    gap: 16px;
}

.column_block {
    padding: 0;
    width: auto !important;
    text-align: center;
}

.column_block img {
    display: block;
    margin: 0 auto;
}

.history_blocks {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, 1fr);
}

.history_block {
    position: relative;
    width: 296px;
    height: 332px;
}

.history_block::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    left: -15px;
    width: 340px;
    height: 20px;
    background-color: #E30613;
}

.history_block:first-child::before, .history_block:nth-child(5n)::before {
    left: -100% !important;
    width: 650px !important;
}

.history_block:nth-child(4n)::before {
    right: -100%;
    width: 650px;
}

.history_block_text {
    position: absolute !important;
    bottom: 0;
    width: 100% !important;
    height: 132px !important;
    padding: 15px;
    color: #ffffff;
}

.history_block_date {
    position: relative;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
}

.history_block_name {
    position: relative;
    margin-bottom: 8px;
    font-family: 'Raleway';
    font-size: 20px;
    font-weight: 900;
}

.history_block_description {
    position: relative;
    font-size: 12px;
}

.history_block_image {
    width: 100%;
    height: 100%;
}

.history_block_image img {
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 100%;
}

.areabrick_header {
    margin-bottom: 32px;
}

.areabrick_header p {
    margin: 0;
    padding: 0;
    font-family: 'Raleway';
    font-size: 36px;
    line-height: 1;
}

/* NEWS WIDGET */
.news-row {
    position: relative;
    display: flex;
    overflow: hidden;
    justify-content: center;
    gap: 16px;
    margin-bottom: 16px;
}

.news-title {
    position: absolute;
    top: 16px;
    left: calc(50% + 132px);
}

.news-title div {
    position: relative;
    font-size: 36px;
    font-weight: 900;
    text-transform: uppercase;
}

.news-row:first-child {
    align-items: end;
}

.news-block {
    position: relative;
    width: 504px;
    height: 450px;
    cursor: pointer;
}

.news-block-lg {
    height: 504px;
}

.news-block-sm {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 296px;
    height: 296px;
}

.news-block-tall {
    width: 296px;
    height: 480px;
}

.news-block-name {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.80);
    font-family: 'Raleway';
    font-size: 20px;
    font-weight: 900;
    color: #ffffff;
}

.news-block-lg .news-block-name,
.news-block-md .news-block-name {
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    gap: 48px;
}

.news-block-sm .news-block-name {
    position: static;
    justify-content: center;
    align-items: center;
    padding: 8px 40px;
    background: none;
    text-align: center;
}

.news-block-tall .news-block-name {
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
}

.news-block-name-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    min-width: 45px;
    height: 45px;
    padding: 5px;
    border: 1px solid #ffffff;
    border-radius: 50%;
}

.news-block-sm .news-block-name-arrow {
    display: flex;
    gap: 14px;
    width: 100%;
    border-radius: 28px;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 700;
}

.news-block-name-arrow img {
    width: 14px;
    height: 14px;
    transform: rotate(180deg);
}

.news-block-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.news-block-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.news-block-date {
    width: 85px;
    padding: 0 2px 1px 2px;
    border-bottom: 1px solid #ffffff;
    font-family: 'Montserrat';
    font-size: 12px;
}

/* VIDEO WIDGET */
.video_widget_container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.video_widget_asset {
    width: 1200px;
    height: 800px;
}


.video_widget_asset .pimcore_editable_video {
    width: 100%;
    height: 100%;
}

.video_widget_asset video, .video_widget_asset iframe {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* BANNER VIDEO WIDGET */

.banner_video {
    position: relative;
    width: 100%;
    height: 360px;
}

.banner_video_popup_container {
    cursor: pointer;
}

.banner_video::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #E30613;
}

.banner_video video, .banner_video img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.banner_video_button {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 200px;
    padding: 30px;
    background-color: #E30613;
    font-size: 20px;
    text-transform: uppercase;
    color: #ffffff;
    cursor: pointer;
}

.banner_video_overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.banner_video_popup {
    position: fixed;
    z-index: 15;
    top: 35%;
    left: 50%;
    display: none;
    transform: translate(-50%, -35%);
}

.banner_video_popup_close {
    position: fixed;
    top: -40px;
    right: -40px;
    color: #ffffff;
    cursor: pointer;
}

.clickable_block {     
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* CONTENT PHOTO WIDGET */

.content-photo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 96px;
}

.content-photo-container-template2 {
    flex-direction: row-reverse;
}

.content-photo-text {
    width: 320px;
    min-height: 460px;
    padding: 103px 0;
    border-bottom: 10px solid #E30613;
}

.content-photo-title {
    position: relative;
    margin-bottom: 25px;
    font-size: 16px;
}

.content-photo-title::after {
    content: '';
    position: absolute;
    width: 47px;
    height: 2px;
    margin-bottom: 25px;
    background-color: #000000;
}

.button_primary {
    position: relative;
    display: inline-block;
    height: auto;
    min-height: 44px;
    margin-top: 25px;
    padding: 7px 24px;
    border: 2px solid #000000;
    border-radius: 28px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}

.banner_button {
    display: inline-block;
    justify-content: center;
    align-items: center;
    padding: 7px 24px;
    border: 2px solid #ffffff;
    border-radius: 28px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    cursor: pointer;
}

.button_primary:hover {
    color: #E30613;
}

.content-photo-gallery {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 920px;
}

.content-photo-gallery img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* CONTENT PHOTO TEMPLATE 1 */
.content-photo-container-template1 .content-photo-gallery .picture1 {
    width: 504px;
    height: 460px;
}

.content-photo-container-template1 .content-photo-gallery .picture2 {
    width: 400px;
    height: 254px;
    margin-bottom: 16px;
}

.content-photo-container-template1 .content-photo-gallery .picture3 {
    width: 294px;
    height: 390px;
}

/* CONTENT PHOTO TEMPLATE 2 */
.content-photo-container-template2 .content-photo-gallery .picture1 {
    width: 607px;
    height: 311px;
    margin-bottom: 16px;
}

.content-photo-container-template2 .content-photo-gallery .picture2 {
    width: 400px;
    height: 254px;
    margin-left: auto;
}

.content-photo-container-template2 .content-photo-gallery .picture3 {
    width: 295px;
    height: 460px;
}

/* CONTENT PHOTO TEMPLATE 3 */
.content-photo-container-template3 .content-photo-gallery .picture1 {
    width: 296px;
    height: 460px;
}

.content-photo-container-template3 .content-photo-gallery .picture2 {
    width: 400px;
    height: 254px;
    margin-bottom: 16px;
}

.content-photo-container-template3 .content-photo-gallery .picture3 {
    width: 607px;
    height: 460px;
}

.partners_title {
    margin-bottom: 40px;
    font-size: 36px;
    text-transform: uppercase;
}

.partners_gallery {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.partners_item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 220px;
    height: 125px;
    margin-bottom: 15px;
    background-image: var(--grayImage);
    background-size: 180px auto;
    background-position: center;
    background-repeat: no-repeat;
}

.partners_item:before {
    content: '';
    position: absolute;
    visibility: hidden;
    width: 0;
    height: 0;
    background-image: var(--colorfulImage);
    background-size: contain;
}


.partners_item:hover {
    background-image: var(--colorfulImage);
    background-size: 180px auto;
    background-position: center;
    background-repeat: no-repeat;
}


/* LEARN MORE SECTION */
.LearnMoreSection {
    margin-bottom: 0;
    padding: 50px 40px;
    background-color: #e30613;
    color: #ffffff;
}

.learn_more_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.learn_more_container .button_primary {
    color: #ffffff;
}

.learn_more_title {
    margin-bottom: 15px;
    font-family: "Raleway", serif;
    font-size: 36px;
    line-height: 1;
}

.learn_more_text {
    font-size: 16px;
}

@media screen and (min-width: 768px) {
    .LearnMoreSection {
        padding: 80px 105px;
    }
}

.search_wrapper {
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    display: none;
    overflow: auto;
    width: 100%;
    height: 100%;
    padding-bottom: 160px;
    background: #ffffff;
}

.search_wrapper_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 47px;
    margin-top: 16px;
}

.search_wrapper_header_logo {
    width: 170px;
}

.search_wrapper_header_close{
    object-fit: contain;
    width: 25px;
    height: 25px;
    margin-right: 50px;
    cursor: pointer;
}

.search_input {
    margin-top: 100px;
    margin-bottom: 32px;
}

.search_input input { 
    width: 100%;
    padding: 5px 0;
    border: 0;
    border-bottom: 1px solid #6d6d6d;
    outline: none;
    font-size: 32px;
}

.search_results {
    text-align: left;
}

.search_results_count {
    margin-bottom: 56px;
    font-size: 20px;
}

.search_results_count span, .search_results_group_header span {
    font-weight: 700;
}

.search_results_group {
    margin-bottom: 56px;
}

.search_results_group_header {
    margin-bottom: 48px;
}

.search_results_group_items {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.search_results_group_item {
    width: 296px;
    margin-bottom: 10px;
    cursor: pointer;
}

.search_results_group_item .image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 296px;
    height: 296px;
    margin-bottom: 10px;
}

.search_results_group_item .image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.search_results_group_item .title {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
}

.search_results_group_item .subtitle {
    font-size: 12px;
}

.withdrawn_info {
    position: fixed;
    z-index: 100;
    top: 30vh;
    left: -50%;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200%;
    letter-spacing: -2px;
    text-align: center;
    pointer-events: none;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}

.withdrawn_info .text {
    font-family: 'Montserrat', sans-serif;
    font-size: 51pt;
    white-space: nowrap;
    color: rgba(255, 0, 0, 0.5);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.withdrawn_info p {
    font-size: inherit;
}

/* BANNER SLIDER */
.banner_slider {
    position: relative;
}

.banner_slider_loading_bar {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 5px;
    background-color: #e30613;
}

.banner_slider_arrow {
    position: absolute;
    top: 50%;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.banner_slider_arrow img {
    width: 100%;
    height: 100%;
}

.banner_slider_arrow--left {
    right: 160px;
}

.banner_slider_arrow--left::before {
    content: '';
    position: absolute;
    top: 80%;
    left: -300px;
    width: 270px;
    height: 1px;
    background-color: #ffffff;
}

.banner_slider_arrow--right {
    right: 100px;
}

.banner_slider_arrow--right img {
    transform: rotate(180deg);
}

.banner_slide {
    width: 100%;
    height: 700px;
    max-height: 700px;
    background-color: gray;
}

.banner_slide__editmode {
    height: auto !important;
    max-height: none !important;
}

.banner_slide_asset {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.banner_slide_asset-mobile, .banner_slide_asset-tablet {
    display: none;
}

.banner_slide_asset_description {
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 50%;
    height: 40%;
    padding: 3px 100px;
    padding-bottom: 24px;
    line-height: 1;
    color: #ffffff;
}

.banner_slide_asset_description div {
    height: 100%;
    max-height: 100%;
}

.banner_slide_asset_description_title {
    height: auto !important;
    margin-bottom: 24px;
    font-size: 72px;
    color: #ffffff;
}

.banner_slide_asset_description_subtitle {
    height: auto !important;
    font-size: 32px;
}

.banner_slide_asset img, .banner_slide_asset video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.banner_slide_asset_menu {
    position: absolute;
    bottom: 56px;
    left: 0;
    padding: 3px 100px;
}

.banner_slide_asset_menu_container {
    display: flex;
    align-items: flex-start;
    gap: 64px;
}

.banner_slide_asset_menu_link {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    cursor: pointer;
}

.banner_slide_asset_menu_link::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -5px;
    width: 40px;
    max-width: 50%;
    height: 2px;
    background-color: #ffffff;
}

/* PROJECTS */
.projects_navigation .container {
    margin-top: 60px;
    margin-bottom: 50px;
}

.projects_navgigation_title {
    margin-top: 60px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.projects_navigation_links {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin: 0 -10px;
    margin-left: auto;
}

.projects_navigation_link {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #676767 !important;
}

.projects_navigation_link img {
    display: block;
    object-fit: contain;
    width: 24px;
    height: 24px;
}

.projects_navigation_link:hover {
    color: #888888 !important;
}

.projects_navigation_link--active, .projects_navigation_link--active:hover {
    color: #000000 !important;
}

.projects_listing_row {
    display: flex;
    margin-bottom: 16px;
    grid-gap: 16px;
}

.projects_listing_item {
    position: relative;
    width: 33%;
    height: 420px;
}

.project_listing_item--dark {
    border: 1px solid #000000;
}

.project_listing_item--dark .projects_listing_item_description {
    color: #000000;
}

.projects_listing_item--large {
    width: 100%;
}

.projects_listing_item--big {
    width: 770px;
}

.projects_listing_item--medium {
    width: 532px;
}

.projects_listing_item--half-width {
    width: 50%;
}

.projects_listing_item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.projects_listing_item_description {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: flex;
    gap: 48px;
    color: #ffffff;
}

.projects_listing_arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    padding: 20px;
    border: 1px solid white;
    border-radius: 100vw;
}

.projects_listing_arrow img {
    width: 14px;
    min-width: 14px;
    height: 14px;
    margin-right: -2px;
    transform: rotate(180deg);
}

.overlay {
    position: relative;
    width: 100%;
    height: 100%;
}

.overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--overlay-value);
    pointer-events: none;
}

/* SERVICES */
.services_description {
    display: flex;
    align-items: flex-end;
    gap: 65px;
}

.services_description_left {
    width: 730px;
    border-bottom: 10px solid #E30613;
}

.services_description_name {
    position: relative;
    margin-bottom: 50px;
}

.services_description_name span {
    font-weight: 700;
}

.services_description_name::after {
    content: '';
    position: absolute;
    bottom: -24px;
    left: 0;
    width: 45px;
    height: 2px;
    background-color: #000000;
}

.services_description_header {
    margin-bottom: 25px;
}

.services_description_header h3 {
    text-transform: none;
}

.services_description_links {
    display: flex;
    gap: 16px;
    margin-bottom: 48px;
}

.services_description_right {
    width: 500px;
}

.services_description_image {
    width: 500px;
    height: 460px;
}

.services_description_image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.section_link {
    position: relative;
    width: 100%;
    height: 240px;
}

.section_link img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.section_link a {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 180px;
    padding-left: 100px;
    font-family: 'Raleway';
    font-size: 20px;
    font-weight: 900;
    color: #ffffff;
}

.section_link::after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 85px;
    background-color: #E30613;
    pointer-events: none;
}

.section_link_arrow {
    position: absolute;
    z-index: 3;
    bottom: 23px;
    left: 20px;
}

.section_link_arrow img {
    width: 14px;
    min-width: 14px;
    height: 14px;
}

/* GRANTS */
.grant_block {
    max-width: 850px;
    margin: 0 auto 64px auto;
}

.grant_block_title, .grant_block_text {
    margin-bottom: 30px;
}

.grant_block_title p {
    font-family: 'Raleway';
    font-size: 36px;
    font-weight: 900;
    line-height: 132%;
}

.grant_block_links {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.grant_block_links .button_primary, .download_button .button_primary {
    padding-right: 47px;
}

.grant_block_links .button_primary::after, .download_button .button_primary::after {
    content: url(../img/download-icon-new.svg);
    position: absolute;
    top: 7px;
    right: 31px;
    left: auto;
    display: block;
    width: 6px;
}

.grant_block_links .button_primary:hover::after, .download_button .button_primary:hover::after {
    content: url(../img/download-icon-new-hover.svg);
}

.download_button .button_primary input {
    border: none;
    background-color: transparent;
}

.download_button .button_primary:hover input {
    color: #e30613;
}

/* CONTACT */
.form_container {
    display: flex;
    gap: 50px;
}

.form_container_left {
    width: 430px;
    min-width: 430px;
    border-bottom: 10px solid #E30613;
}

.form_container_right {
    flex-grow: 1;
}

.form_info_header {
    margin-bottom: 16px;
}

.form_info_header p {
    font-family: 'Raleway';
    font-size: 36px;
    line-height: 1;
}

.form_info_text {
    margin-bottom: 30px;
}

.form_info_mail_container {
    display: flex;
}

.form_info_number_container {
    margin-bottom: 20px;
}

.form_info_number_name, .form_info_mail_name {
    font-size: 20px;
}

.form_info_number_value {
    font-size: 32px;
    font-weight: 700;
}

.form_info_mail_value {
    font-family: 'Raleway';
    font-size: 20px;
    font-weight: 900;
}

.form_grid {
    display: grid;
    row-gap: 8px;
    column-gap: 18px;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 30px;
}

.form_grid_product {
    position: relative;
    padding: 40px 20px;
    border: 1px solid lightgray;
}

.remove-product-button {
    position: absolute;
    top: 5px;
    right: 5px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 25px;
    color: #e30613;
    cursor: pointer;
}

.form_grid .form-control {
    margin: 0 !important;
    border-radius: 0;
}

.form-grid-product-file input {
    min-height: 100px;
}

.form_grid_pdroduct-collection div {
    align-self: end;
}

.form_grid_pdroduct-collection {
    row-gap: 20px;
    grid-template-columns: repeat(4, 1fr);
}

.form_grid textarea.form-control {
    grid-column: span 2;
    height: 100px;
    min-height: 100px;
}

.form_grid_label {
    font-size: 12px;
}

.product-actions {
    display: flex;
    justify-content: center;
    gap: 30px;
    grid-column: span 2;
    margin-top: 32px;
}

.form-grid-product-info {
    grid-column: span 2;
    max-width: 600px;
    margin-top: 32px;
    font-size: 12px;
    text-align: center;
    margin-inline: auto;
}

.contact--form sup {
    top: 0;
    left: 4px;
    font-size: 14px;
    color: #e40612;
}

.statement {
    margin-bottom: 16px;
    font-size: 16px;
}

.form_send_button_container .button_primary {
    background-color: transparent;
}

.form_send_button_container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 30px;
}

.contact_form_header_container {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 60px;
}

.contact_form_header p, .contact_data_header p {
    margin: 0;
    font-family: 'Raleway';
    font-size: 36px;
    line-height: 1;
}

.contact_form_header_line {
    flex-grow: 1;
    width: auto;
    height: 1px;
    background-color: #000000;
}

.form_container_right .card {
    border: 0;
}

div#accordionBox {
    border: 0;
}

.form_container_departments {
    padding-top: 40px;
}

.form_container_departments .form_container_left {
    border: 0;
}

#contactMap {
    margin-bottom: 0;
}

.contact_map iframe{
    width: 100% !important;
    filter:grayscale(100%);
    transition: all .3s ease-in-out;
}
.contact_map:hover iframe{
    filter: none;
}

.localization_icon {
    margin-left: 20px;
}

.form_department_block {
    margin-bottom: 55px;
}

.form_department_block_header, .form_department_block_text {
    margin-bottom: 30px;
}

.form_department_block_header p {
    font-family: 'Raleway';
    font-size: 20px;
}

.form_container_departments .card, .form_container_departments .people {
    padding: 7px 20px;
}

.employees_grid .pimcore_editable_block {
    display: flex;
    flex-wrap: wrap;
}

/* FILTERS */
.filter_groups_container {
    overflow: hidden;
    height: 100px;
    margin: 45px 0;
    background-color: rgba(0, 0, 0, 0.02);
}

.filter_groups_container .container {
    border-top: 2px solid rgba(0, 0, 0, 0.20);
}

.filter_groups {
    display: flex;
    flex-wrap: wrap;
}

.filter_button {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}

.filter_button .button_primary {
    height: auto;
    min-height: auto;
    margin-bottom: 20px;
    padding: 5px 12px;
    font-size: 12px;
    text-transform: uppercase;
}

.filters_show {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px 24px;
    border-radius: 28px;
    background-color: #e30613;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    cursor: pointer;
}

.filters_show img {
    object-fit: contain;
    width: 12px;
    height: 12px;
    transform: rotate(-90deg);
}

.rotate-arrow {
    transition: transform 0.5s ease;
}

.product_list_row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 10px -10px 0;
}

.product_item {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 10px 20px;
    cursor: pointer;
}

.product_item:hover .product_item_image img {
    transform: scale(1.1);
}

.product_item_image {
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
    aspect-ratio: 1 / 1;
}

.product_item_image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform 400ms ease;
}

.product_item_title {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
}

.product_group_items {
    position: absolute;
    z-index: 5;
    right: 10px;
    left: 10px;
    display: none;
    height: 384px;
    margin-top: 10px;
}

.product_group--active {
    background-color: #f6f6f6;
}

.product_group_items_container {
    display: flex;
    overflow-x: scroll;
    gap: 16px;
    width: 100%;
    padding: 16px 0;
    background-color: #f6f6f6;
}

.product_group_items_container--center {
    justify-content: center;
}

.product_group_items_container .product_item {
    width: 245px;
    padding: 0;
}

.product_group_items_container .product_item .product_item_image {
    width: 245px;
    height: 245px;
}

.product_group_items_container::-webkit-scrollbar {
    display: none;
}

@media screen and (min-width: 460px) {
    .product_item {
        width: 50%;
    }
}

@media screen and (min-width: 768px) {
    .product_item {
        width: 33.33333%;
    }
}

@media screen and (min-width: 992px) {
    .product_item {
        width: 25%;
    }

    .custom-margin {
        margin: -30px auto -20px !important;
    }
}

@media screen and (min-width: 1200px) {
    .product_item {
        width: 20%;
    }
}

.product_menu_section {
    margin-bottom: 48px;
    border-bottom: 1px solid #969b9f;
}

.product_menu_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
}

.product_group_arrow {
    position: absolute;
    top: 35%;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border: 0;
    outline: none;
    background-color: #050505ba;
}

.product_group_arrow img {
    object-fit: contain;
    width: 12px;
    height: 12px;
}

.product_group_arrow--right {
    right: 0;
    left: auto;
}

.product_group_arrow--right img {
    margin-left: 2px;
    transform: rotate(180deg);
}

.product_menu_item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 700;
}

.product_menu_item:hover {
    color: #6d6d6d;
}

.product_menu_item img {
    width: 24px;
    height: 24px;
}

.product_description_container {
    display: flex;
    align-items: flex-start;
    gap: 90px;
}

.product_description {
    width: 720px;
    padding-bottom: 32px;
    border-bottom: 10px solid #e30613;
}

.section_title {
    margin-bottom: 12px;
    font-family: 'Raleway';
    font-size: 36px;
    line-height: normal;
    text-transform: uppercase;
}

.product_awards {
    padding: 38px;
}

.product_award {
    width: 210px;
    height: 60px;
    margin-bottom: 48px;
}

.product_award img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.product_icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 15px 0;
}

.product_icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 156px;
}

.product_icon_image {
    width: 56px;
    height: 56px;
    margin-bottom: 16px;
}

.product_icon_image img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.product_icon_name {
    font-weight: 700;
    text-align: center;
}

@media screen and (min-width: 460px) {
    .product_icon {
        width: 33.33333%;
    }
}

@media screen and (min-width: 768px) {
    .product_icon {
        width: 25%;
    }
}

@media screen and (min-width: 992px) {
    .product_icon {
        width: 20%;
    }
}

@media screen and (min-width: 1200px) {
    .product_icon {
        width: auto;
    }
}

.product_technical_container {
    display: flex;
    gap: 120px;
}

.product_technical_left {
    width: 720px;
}

.product_technical_right {
    padding-top: 50px;
}

.product_technical_row {
    display: flex;
    justify-content: space-between;
    gap: 45px;
    padding: 8px 10px;
}

.product_technical_row:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.02);
}

.product_technical_row_name {
    font-weight: 700;
}

.product_technical_row_value {
    text-align: right;
}

.product_technical_drawing {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 400px;
    margin-bottom: 40px;
}

.product_technical_drawing_unit {
    margin-bottom: 20px;
    font-size: 12px;
}

.product_technical_drawing.vertical img {
    max-height: 400px;
}

.product_technical_drawing img {
    width: 100%;
}

.product_technical_fotometric_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 17px;
}

.product_technical_fotometric_item {
    width: 192px;
    height: 192px;
}

.product_technical_fotometric_item img { 
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.light_icons_container {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.light_icon {
    width: 232px;
}

.light_icon_image {
    width: 232px;
    height: 232px;
    margin-bottom: 10px;
}

.light_icon_image img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.light_icon_name {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
}

.download_container {
    display: flex;
    flex-wrap: wrap;
}

.download_button .button_primary {
    margin-left: 135px;
    background-color: transparent;
}

.download_column_name {
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.download_column_value {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
}

.download_column_value input[type="checkbox"] {
    width: 24px;
    height: 24px;
    border: 1px solid #8D8D8D;
}

.variants-table td {
    padding: 8px;
}

.tableBox tbody tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.02);
}

.pagination_module {
    display: flex;
    gap: 32px;
}

.pagination_module_link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 52px;
    cursor: pointer;
}

.pagination_module_link--last {
    display: flex;
    align-items: center;
    font-size: 20px;
    letter-spacing: 2px;
}

.pagination_module_link:hover {
    background-color: rgba(146, 146, 146, 0.10);
    font-weight: 700;
}

.pagination_module_link--active, .pagination_module_link--active:hover {
    background-color: rgba(90, 90, 90, 0.20);
    font-weight: 700;
    cursor: auto;
}

.pagination_module_link img {
    width: 12px;
    height: 12px;
}

.pagination_module_link--next {
    transform: rotate(180deg);
}

.variants_table_pagination, .groups_listing_pagination {
    display: flex;
    justify-content: flex-end;
    margin-top: 45px;
}

.groups_listing_pagination {
    margin-bottom: 60px;
}

/* SWIPER SECTION */
.slider_section {
    overflow: hidden;
    width: 100vw;
}

.slider_section .container {
    position: relative;
}

.swiper-section {
    overflow: visible !important;
}

.swiper-section .swiper-wrapper {
    display: flex;
}

.swiper-section .swiper-slide {
    display: flex;
    width: auto;
    height: 400px;
}

.swiper-section .swiper-slide img {
    max-width: none;
    height: 100%;
}

.swiper-section .swiper-scrollbar {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 5px !important;
    background: #b2b2b2;
    cursor: pointer;
}

.swiper-section .swiper-scrollbar-drag {
    height: 5px;
    background: #000000;
}

.photo_gallery_section .swiper-scrollbar {
    position: relative !important;
    top: 10px !important;
    left: 50% !important;
    height: 5px !important;
    cursor: pointer;
    transform: translateX(-50%) !important;
}

.photo_gallery_section .swiper-scrollbar-drag {
    height: 5px;
}

.swiper-section .swiper-navigation {
    display: none;
    gap: 30px;
    height: 35px;
    margin-top: 10px;
}

.swiper-section .swiper-buttons {
    display: flex;
    gap: 30px;
    height: 25px;
}

.swiper-section .swiper-buttons > * {
    width: 14px;
    height: 14px;
}

.swiper-section .swiper-buttons img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.swiper-section .swiper-next {
    transform: scaleX(-1);
    --webkit-transform: scaleX(-1);
}

@media screen and (min-width: 768px) {
    .swiper-section .swiper-navigation {
        display: flex;
        align-items: center;
    }
}

/* SWIPER PROJECT */
.swiper-project {
    margin-bottom: 15px;
}

.swiper-project .swiper-slide {
    width: auto;
    height: 400px;
}

.swiper-project .swiper-slide img {
    max-width: none;
    height: 100%;
}

.swiper-project .swiper-wrapper {
    display: flex;
    padding-bottom: 25px;
}

.swiper-project .swiper-pagination {
    position: relative;
    top: 0;
    left: 0;
}

.swiper-project .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: 2px solid #949494;
    background: initial;
    opacity: 0.6;
}

.swiper-project .swiper-pagination-bullet-active {
    background: #949494;
    opacity: 1;
}

@media screen and (min-width: 768px) {
    .swiper-project .swiper-slide {
        height: 720px;
    }
}

/* PHOTO GALLERY */
.photo_gallery_swiper {
    max-width: 1280px;
    height: 720px;
    margin-bottom: 10px;
    --swiper-navigation-color: #fff;
    --swiper-navigation-size: 25px;
}

.photo_gallery_swiper .swiper-slide img {
    display: block;
    object-fit: contain;
    width: 100%;
    height: 100%;
    user-select: none;
}

.photo_gallery_swiper .swiper-button-next, .photo_gallery_swiper .swiper-button-prev {
    padding: 20px 15px;
    background-color: #00000033;
}

.photo_gallery_thumbnails_swiper {
    max-width: 1280px;
}

.photo_gallery_thumbnails_swiper .swiper-slide {
    height: auto;
    max-height: 136px;
    cursor: pointer;
}


.photo_gallery_thumbnails_swiper .swiper-slide img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

.photo_gallery_thumbnails_swiper .swiper-slide-thumb-active img {
    opacity: 1;
}

@media screen and (max-width: 768px) {
    .photo_gallery_swiper {
        width: 100%;
        height: auto;
    }

    .photo_gallery_thumbnails_swiper {
        width: 100%;
    }
}


/* VARIANT */
.variant_header {
    margin-bottom: 30px;
}

.variant_header_name {
    font-size: 36px;
    line-height: 1;
}

@media screen and (min-width: 768px) {
    .variant_header_name {
        line-height: 1.5;
    }
}

.variant_header_code {
    font-size: 20px;
}

.variant_info_container {
    display: flex;
    gap: 32px;
}

.variant_info_left {
    width: 712px;
}

.variant_info_right {
    width: 488px;
}

.variant_info_photos {
    margin-bottom: 60px ;
}

.variant_info_photo {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 712px;
    height: auto;
    margin-bottom: 10px;
    background-color: #969b9f;
}

.variant_info_photo img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.variant_info_realizations {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.variant_info_realization {
    width: 166px;
    height: 166px;
}

.variant_info_realization img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.variant_info_modal {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #000000d9;
}

.variant_info_modal_container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.variant_info_modal_content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin: auto;
    padding: 0;
}

.variant_info_modal_close {
    position: absolute;
    top: -44px;
    right: 12px;
    font-size: 35px;
    font-weight: bold;
    color: #ffffff;
}

.variant_info_modal_close:hover, .variant_info_modal_close:focus {
    text-decoration: none;
    color: #999;
    cursor: pointer;
}

.variant_info_modal_photo {
    display: none;
    max-width: 90vw;
    max-height: 90vh;
}

.variant_info_modal_photo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.variant_info_modal_arrow {
    position: absolute;
    top: 50%;
    left: 0;
    width: auto;
    margin-top: -50px;
    padding: 16px;
    border-radius: 0 3px 3px 0;
    background-color: rgba(0, 0, 0, 0.8);
    font-size: 20px;
    font-weight: bold;
    color: white;
    cursor: pointer;
    transition: 0.6s ease;
    user-select: none;
    -webkit-user-select: none;
}

.variant_info_modal_arrow--next {
    right: 0;
    left: auto;
    border-radius: 3px 0 0 3px;
}

.variant_info_modal_arrow:hover {
    background-color: rgba(0, 0, 0, 1);
}

.variant_info_modal_counter {
    position: absolute;
    top: -34px;
    padding: 8px 12px;
    font-size: 12px;
    color: #f2f2f2;
}

.variant_info_attribute {
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
}

.variant_info_attribute:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.02);
}

.variant_info_attribute_name {
    font-weight: 700;
}

.variant_info_description {
    margin-top: -7px;
    margin-bottom: 24px;
    font-family: 'Raleway', serif;
    font-size: 20px;
    font-weight: 900;
}

.variant_info_description_attributes {
    min-height: 712px;
}

.variant_info_drawing {
    margin-bottom: 48px;
}

.variant_info_drawing:last-child {
    margin-bottom: 0;
}

.variant_info_drawing--technical {
    margin-bottom: 0;
}

.variant_info_drawing_header {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.variant_info_drawing_img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 488px;
    height: 488px;
}

.variant_info_drawing_img img {
    object-fit: contain;
    width: 365px;
    height: 365px;
}

.variant_info_drawing--technical .variant_info_drawing_img img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.variant_info_drawings_container {
    display: flex;
    gap: 12px;
}

.variant_info_drawings_container .variant_info_drawing_header {
    font-size: 16px;
}

.variant_info_drawings_container .variant_info_drawing {
    margin-bottom: 0;
}

.variant_info_drawings_container .variant_info_drawing_img {
    width: 238px;
    height: 238px;
}

.variant_info_drawings_container .variant_info_drawing_img img {
    width: 100%;
    height: 100%;
}

.accessories_group_name {
    margin-bottom: 10px;
    font-family: 'Raleway';
    font-size: 20px;
    font-weight: 900;
}

.accessories_group_table {
    display: flex;
    gap: 16px;
    margin-bottom: 32px;
}

.accessories_group_table_image {
    width: 250px;
    min-width: 250px;
    height: 250px;
}

.accessories_group_table_image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.accessories_group_table_content {
    width: 910px;
}

.accessories_group_product_name {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 700;
}

.accessories_group_table_row {
    display: flex;
    gap: 5px;
    width: 100%;
    padding: 8px;
}

.accessories_group_table_row_value {
    width: 190px;
    min-width: 190px;
    font-size: 12px;
}

.accessories_group_table_row_value--name {
    width: auto;
}

.accessories_group_table_row_value:first-child, .accessories_group_table_row--header .accessories_group_table_row_value {
    font-weight: 700;
}

.accessories_group_table_row:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.02);
}

.filters_show_container {
    display: flex;
    justify-content: center;
}

.filters_show_container .filters_reset {
    font-size: 12px;
    cursor: pointer;
}
.grayout {
    opacity: 0.6;
}
h4.red {
    color: #e30613;
}

/* ARROW SLIDER */
.arrow_slider {
    margin-bottom: 42px;
}

.arrow_slider_title {
    margin-bottom: 42px;
    font-family: 'Raleway';
    font-size: 36px;
    font-weight: 900;
}

.arrow_slider_container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 296px;
    margin-bottom: 32px;
}

.arrow_slider_container_inner {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    gap: 16px;
}

.arrow_slider_item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 296px;
    min-width: 296px;
    height: 296px;
    min-height: 296px;
    background-color: #888888;
}

.arrow_slider_item img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.arrow_slider_navigation {
    display: flex;
    align-items: center;
    gap: 40px;
}

.arrow_slider_scrollbar {
    position: relative;
    width: 1096px;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.30);;
}

.arrow_slider_scrollbar_inner {
    position: relative;
    top: 0;
    left: 0;
    width: 548px;
    height: 2px;
    background-color: #000000;
}

.arrow_slider_arrows {
    display: flex;
    align-items: center;
    gap: 48px;
}

.arrow_slider_arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.arrow_slider_arrow img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.arrow_slider_arrow--right {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

/* DOWNLOAD PAGE */
.catalog_title, .download_table_title {
    margin-bottom: 30px;
    font-size: 36px;
    font-weight: bold;
}

.catalog_cards_container {
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
}

.catalog_card {
    display: flex;
    align-items: flex-start;
    gap: 4%;
    width: 48%;
    margin-bottom: 50px;
}

.catalog_card_left, .catalog_card_right {
    min-width: 48%;
    max-width: 48%;
}

.catalog_card_name {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: bold;
}

.catalog_card_description {
    margin-bottom: 30px;
}

.catalog_card_image {
    width: 280px;
    height: 360px;
}

.catalog_card_image img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.download_table {
    margin-bottom: 50px;
}

.download_table_container {
    display: flex;
    gap: 20px;
}

.download_table_left, .download_table_right {
    width: calc(50% - 10px);
}

.download_table_link {
    position: relative;
    display: block;
    width: 100%;
    padding: 20px 0 15px;
    border-bottom: 1px solid black;
    font-weight: bold;
}
.download_table_link:hover {
    color: #E30613;
}

.download_table_link::after {
    content: url(../img/download-icon-new.svg);
    position: absolute;
    top: 20px;
    right: 10px;
    left: auto;
    display: block;
    width: 15px;
}

.download_table_link:hover::after {
    content: url(../img/download-icon-new-hover.svg);
    position: absolute;
    top: 20px;
    right: 10px;
    left: auto;
    display: block;
    width: 15px;
}

.go_top_button {
    position: fixed;
    z-index: 2;
    right: 25px;
    bottom: 25px;
    display: none;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border: none;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background-color: #e30613;
    cursor: pointer;
}

.go_top_button img {
    width: 25px;
    height: 25px;
    margin-top: -5px;
    transform: rotate(90deg);
}

.reclamation-form {
    width: 100%;
}

.reclamation-form select.form-control {
    min-height: 33px;
    -webkit-appearance: listbox !important;
}

.reclamation-form__section {
    display: none;
    min-height: 735px;
}

.reclamation-form__section.active {
    display: block;
}

.reclamation-form .button_primary {
    margin-top: 0;
    background-color: transparent;
}

.reclamation-form__adress-copy-button {
    width: 100%;
    min-height: 0;
    margin: 18px 0 !important;
    padding: 6px;
    font-size: 12px;
    color: #212529;
}

.reclamation-form__buttons {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.reclamation-form__section .form_grid {
    margin-bottom: 20px;
}

.reclamation-form .input-error {
    border: 1px solid red !important;
}

.input-invalid-format {
    display: none;
    font-weight: bold;
    color: red;
}

.reclamation-form .phone-number-grid {
    display: flex;
    gap: 5px;
}

.reclamation-form .phone-prefix-container {
    width: 125px;
}

.reclamation-form .phone-number-container {
    flex: 1;
}

.reclamation-form-sent-overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2c2c2cba;
}

.reclamation-form-sent {
    position: fixed;
    z-index: 10000;
    top: 40%;
    left: 50%;
    max-width: 735px;
    padding: 38px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    font-size: 14px;
    text-align: center;
    transform: translate(-50%, -80%);
}

.reclamation-form-sent__container {
    position: relative;
}

.reclamation-form-sent__container .close-button {
    position: absolute;
    top: -35px;
    right: -20px;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

.input-wrapper-format {
    position: relative;
    width: 100%; /* Dopasowanie szerokości kontenera do potrzeb */
}

.input-wrapper-format .form-flex-input-wrapper {
    display: flex;
}

.input-wrapper-format .form-control {
    position: relative;
    z-index: 1;
    width: 100%;
    background: none;
    color: transparent; /* Ukrycie rzeczywistego tekstu użytkownika */
    caret-color: black; /* Wskaźnik pozycji użytkownika jest widoczny */
}

.input-wrapper-format .form-control.form-control-invoice {
    flex: 1;
    color: unset;
    border-right: none;
    text-align: right;
}

.input-wrapper-format .form-control.form-control-invoice:first-child {
    text-align: right;
    color: transparent;
}

.input-wrapper-format .form-control.form-control-invoice:last-child {
    border-right: 1px solid #ced4da;
}

.input-wrapper-format .placeholder {
    position: absolute;
    z-index: 0;
    bottom: 1px;
    left: 1px;
    overflow-x: auto;
    width: 100%;
    padding: .375rem .75rem;
    font-family: inherit;
    font-size: 13px;
    color: gray;
    pointer-events: none;
}

.input-wrapper-format .placeholder.placeholder-invoice {
    width: 33.33333333%;
    text-align: right;
}

.input-wrapper-format .inputted-text {
    color: black;
}

@media screen and (min-width: 1006px) {
    .go_top_button {
        right: 55px;
        bottom: 55px;
    }
}

@media screen and (max-width: 1450px) {
    .banner_slide_asset_menu {
        right: 0;
        left: auto;
    }
}

@media screen and (max-width: 1400px) {
    .content-photo-container {
        gap: 20px; 
    }

    .product_group_items_container--center {
        flex-wrap: wrap;
    }

    .variant_info_left, .variant_info_right {
        width: 50%;
    }

    .variant_info_photo {
        width: 100%;
    }

    .history_blocks {
        grid-template-columns: repeat(3, 1fr);
    }

    .history_block:nth-child(4n)::before {
        right: -100%;
        width: 650px;
    }

    .product_menu_container {
        justify-content: space-evenly;
    }

    .product_menu_item {
        gap: 4px;
        padding: 4px;
        font-size: 12px;
    }

    .product_menu_item img {
        width: 16px;
        height: 16px;
    }
}

@media screen and (max-width: 1350px) {
    .news-row {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1300px) {
    .content-photo-container {
        flex-direction: column;
    }

    .content-photo-text {
        width: 920px;
        min-height: auto;
        padding: 10px 0;
    }
}

@media screen and (max-width: 1200px) {
    .banner_slide_asset_menu {
        right: 0;
        left: auto;
    }

    .product_technical_container {
        gap: 60px;
    }

    .download_button .button_primary {
        margin-left: 0;
    }

    .catalog_cards_container {
        gap: 2%;
    }

    .catalog_card {
        flex-direction: column-reverse;
        align-items: center;
        width: 49%;
    }

    .catalog_card_left, .catalog_card_right {
        min-width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 1150px) {
    .services_description {
        flex-direction: column;
        align-items: center;
    }

    .services_description_left, .services_description_right, .services_description_image {
        width: 100%;
    }

    .services_description_image img {
        object-fit: contain;
    }
}

@media screen and (max-width: 1100px) {
    .news-row {
        flex-direction: column;
        align-items: center;
    }

    .news-row:first-child {
        align-items: center;
    }

    .news-title {
        position: static;
    }

    .news-block-sm {
        width: 504px;
        height: 296px;
    }

    .news-block-tall {
        width: 504px;
    }

    .variant_info_drawings_container {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (min-width: 1351px) {
    .news-title {
        left: calc(50% - 125px);
    }
}

@media screen and (max-width: 1200px) {
    .banner_slide_asset-desktop, .banner_slide_asset-mobile {
        display: none;
    }

    .banner_slide_asset-tablet {
        display: block;
    }

    .banner_slide_asset_description {
        width: 70%;
    }

    .banner_slider_arrow--left::before {
        left: -165px;
        width: 155px;
    }
}

@media screen and (max-width: 1100px) {
    .banner_slide_asset_description {
        top: 40%;
    }

    .banner_slider_arrow {
        top: 42%;
    }
}

@media screen and (max-width: 1000px) {
    .content-photo-container {
        padding: 0 16px;
    }

    .content-photo-text, .content-photo-gallery {
        width: 100%;
    }

    .product_technical_container {
        flex-direction: column;
        gap: 30px;
    }

    .product_technical_left {
        width: 100%;
    }

    .product_technical_right {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding: 0;
    }

    .variant_info_container {
        flex-direction: column;
    }

    .variant_info_left, .variant_info_right {
        width: 100%;
    }

    .variant_info_description_attributes {
        min-height: auto;
    }

    .variant_info_drawing {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .variant_info_drawings_container {
        flex-direction: row;
        justify-content: center;
    }

    .banner_video {
        display: flex;
        flex-direction: column-reverse;
        height: auto;
    }

    .banner_video video {
        object-fit: contain;
    }

    .banner_video::after {
        display: none;
    }

    .banner_video_button {
        position: static;
        padding: 8px;
    }

    .form_container {
        flex-direction: column;
    }

    .download_table_container {
        flex-direction: column;
    }

    .download_table_left, .download_table_right {
        width: 100%;
    }

    .projects_navigation_links {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 12px;
    }

    .projects_navigation_link {
        padding: 0;
    }

    .product_menu_container {
        justify-content: flex-start;
    }
}

@media screen and (max-width: 990px) {
    .history_blocks {
        grid-template-columns: repeat(2, 1fr);
    }

    .history_block {
        width: 100%;
    }

    .history_block::before {
        display: none;
    }

    .history_block:nth-child(4n)::before {
        right: auto;
        width: 1100px;
    }

    .history_block:nth-child(2n)::before {
        left: -480px;
        display: block;
        width: 1100px;
    }
}

@media screen and (max-width: 950px) {
    .content-photo-gallery {
        flex-direction: column;
    }

    .content-photo-container-template1 .content-photo-gallery .picture1,
    .content-photo-container-template1 .content-photo-gallery .picture2,
    .content-photo-container-template1 .content-photo-gallery .picture3,
    .content-photo-container-template2 .content-photo-gallery .picture1,
    .content-photo-container-template2 .content-photo-gallery .picture2,  
    .content-photo-container-template2 .content-photo-gallery .picture3,
    .content-photo-container-template3 .content-photo-gallery .picture1,
    .content-photo-container-template3 .content-photo-gallery .picture2,  
    .content-photo-container-template3 .content-photo-gallery .picture3 {
        width: 100%;
    }
}

@media screen and (max-width: 900px) {
    .banner_slide_asset_description {
        padding: 3px 20px;
    }

    .banner_slider_arrow--left {
        right: 70px;
    }

    .banner_slider_arrow--right {
        right: 10px;
    }

    .accessories_group_table {
        flex-direction: column;
    }

    .accessories_group_table_content {
        width: 100%;
    }
}

@media screen and (max-width: 850px) {
    .banner_video_popup_close {
        right: 0px;
    }
}

@media screen and (max-width: 800px) {
    .banner_slide_asset_menu {
        padding: 3px 20px;
    }

    .banner_slider_arrow--left::before {
        display: none;
    }

    .banner_slider_arrow {
        top: auto;
        bottom: 20px;
    }

    .column_blocks {
        grid-template-columns: 1fr !important;
        padding: 0 16px;
    }

    .column_block {
        text-align: left;
    }

    .column_block img {
        margin: 0;
    }

    .services_description_links {
        flex-direction: column;
    }

    .services_description_link .button_primary {
        margin-top: 0;
    }

    .projects_listing_row {
        flex-wrap: wrap;
    }

    .projects_listing_item {
        width: 100% !important;
    }

    .banner_video_popup {
        width: 100%;
    }

    .banner_video_popup iframe {
        width: 100%;
        height: 400px;
    }

    .banner_video_popup_close {
        right: 10px;
    }

    .withdrawn_info .text {
        font-size: 40pt;
    }
}

@media screen and (max-width: 750px) {
    .services_description_image {
        height: auto;
    }

    .form_grid {
        display: block;
    }

    .catalog_cards_container {
        flex-direction: column;
    }

    .catalog_card {
        width: 100%;;
    }

    .catalog_card_image {
        width: 100%;
    }

    .catalog_card_left {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .catalog_card_name, .catalog_card_description {
        text-align: center;
    }
}

@media screen and (max-width: 650px) {
    footer {
        padding: 60px 30px;
    }

    .footer_social_icons--desktop {
        display: none;
    }

    .footer_social_icons--mobile {
        display: flex;
        margin-bottom: 40px;
    }

    .footer_partners_logos {
        margin-bottom: 54px;
    }

    .footer_partners_logos .d-flex {
        row-gap: 20px;
    }

    .banner_slide_asset_description {
        width: 100%;
    }

    .banner_slide_asset-desktop, .banner_slide_asset-tablet {
        display: none;
    }

    .banner_slide_asset-mobile {
        display: block;
    }

    .pagination_module {
        flex-wrap: wrap;
        gap: 12px;
    }
}

@media screen and (max-width: 600px) {
    .content-photo-gallery img {
        object-fit: cover;
    }

    .banner_slide_asset_menu_container {
        flex-wrap: wrap;
        gap: 10px;
    }

    .banner_video_popup iframe {
        height: 300px;
    }
}

@media screen and (max-width: 580px) {
    .history_blocks {
        grid-template-columns: repeat(1, 1fr);
        place-items: center;
    }

    .history_block {
        width: 100%;
        max-width: 400px;
    }

    .history_block::before {
        display: none !important;
    }
}

@media screen and (max-width: 575px) {
    .container {
        padding: 0 10px !important;
    }
}

@media screen and (max-width: 550px) {
    .slider_container_inner {
        padding: 0;
    }

    .accessories_group_table {
        align-items: center;
    };

    .accessories_group_table_row--header {
        display: none;
    }

    .accessories_group_table_row {
        flex-direction: column;
    }

    .variant_info_drawings_container {
        flex-direction: column;
    }

    .variant_info_drawing_img {
        width: 100%;
    }

    .tytul, .tytul span, .tytul p {
        font-size: 42px !important;
    }
}

@media screen and (max-width: 480px) {
    .news-row {
        padding: 0 20px;
    }

    .news-block {
        width: 100%;
    } 

    .news-block-image img {
        object-fit: contain;
    }

    .partners_item {
        width: 50%;
    }

    .projects_listing_item_description {
        gap: 12px;
    }

    .banner_slide_asset_menu_link {
        font-size: 12px;
    }

    .pagination_module_link {
        width: 30px;
        height: 30px;
    }
}

@media screen and (max-width: 430px) {
    .news-block {
        height: 300px;
    }

    .product_menu_container {
        flex-direction: column;
    }

    .form_container_left {
        width: 100%;
        min-width: auto;
    }

    .banner_video_popup iframe {
        height: 200px;
    }

    .withdrawn_info .text {
        font-size: 30pt;
    }
}

@media screen and (max-width: 400px) {
    .product_technical_row {
        flex-direction: column;
        gap: 5px;
    }

    .product_technical_drawing {
        width: 100%;
    }

    .catalog_card_image {
        height: auto;
    }

    .projects_navigation_link {
        width: 100%;
    }

    .pagination_module {
        gap: 6px;
    }
}

@media screen and (max-width: 320px) {
    .partners_item {
        width: 100%;
    }
}


#menu_mobile {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 72px;
    border-bottom: 1px solid rgba(194, 194, 194, 0.60);
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
}

.menu-mobile__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 20px;
}

.menu-mobile__languages {
    margin-top: 25px;
    padding: 25px 0 20px;
    border-top: 1px solid #d9d9d9;
}

.menu-mobile__languages a {
    margin-right: 15px;
}

.menu-mobile__languages a.language-active {
    color: #E30613;
}

#menu_mobile .brandLogo {
    content: url(../img/logo.svg);
}

.burger-button {
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.burger-button-clicked {
    transform: rotate(45deg);
}

.burger-box {
    position: relative;
    width: 100%;
    height: 100%;
}
.burger-inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: #505050;
    transform: translate(0, -50%);
}
.burger-inner::before, .burger-inner::after {
    content: "";
    position: absolute;
    display: block;
    width: 30px;
    height: 2px;
    background-color: #505050;
}
.burger-inner::before {
    top: -10px;
}
.burger-inner::after {
    bottom: -10px;
}

.burger-button-clicked .burger-inner::before {
    display: none;
}
.burger-button-clicked .burger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
}

.menu-mobile__list {
    position: absolute;
    top: 72px;
    left: -100%;
    overflow: auto;
    width: 100%;
    height: 100vh;
    background-color: #ffffff;
    transition: left 0.5s ease;
}

.menu-mobile__list__container {
    position: relative;
    overflow: auto;
    height: calc(100% - 70px);
    padding: 20px 20px;
}

.menu-mobile__list__button, .menu-mobile__list__dropdown-button--main {
    text-transform: uppercase;
}

.menu-mobile__list__button--sm {
    text-transform: none;
}

.menu-mobile__list__button a, .menu-mobile__list__dropdown-button a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
    padding: 13px 0;
    font-size: 15px;
}

.menu-mobile__list__dropdown-button-products--active {
    color: #E30613 !important;
}

.dropdown-content-products-active span {
    border-bottom: 2px solid #E30613;
    font-weight: bold;
}

.menu-mobile__list__dropdown-button--active {
    position: relative;
    font-weight: 700;
}

.menu-mobile__list__dropdown-button--active a {
    flex-direction: row-reverse;
    justify-content: left;
}

.menu-mobile__list__dropdown-button .dropdown-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
}

.menu-mobile__list__dropdown-button .dropdown-arrow img {
    width: 15px;
    height: 15px;
    transform: rotate(180deg);
    transition: all 0.4s;
}

.menu-mobile__list__dropdown-button--active .dropdown-arrow img {
    transform: rotate(0deg);
}

.menu-mobile__list__group {
    display: none;
}

.menu-mobile__list .dropdown-languages {
    padding: 8px 0;
}

#menu_mobile .fa-search {
    font-size: 25px;
    color: #212529;
}

#menu_mobile .dropdown-box, #menu_mobile .dropdown-languages {
    position: static;
}

#menu_mobile .dropdown .dropbtn {
    text-transform: uppercase;
    color: #000000;
}

@media screen and (max-width: 990px) {
    .search_wrapper_header_close {
        position: absolute;
        top: 92px;
        right: 0;
    }
}

@media screen and (max-width: 320px) {
    #menu_mobile .brandLogo {
        width: 100px;
    }

    .accessories_group_table_image {
        width: 100%;
        min-width: auto;
        height: auto;
    }

    .projects_listing_item_description {
        flex-direction: column-reverse;
        gap: 0;
    }
}

/*BOOTSTRAP EXTENSIONS*/
.rotate-90 {
    transform: rotate(90deg);
    transform-origin: center;
}