/* --- Created by Brain Studio --- */
/* ------ */
/* ------ */
/* ------ */
/* ------ */
/* --- Font --- */

body *,
.list-horizontal.breadcrumbs li a,
#header .dropdown .dropdown-menu .dropdown-item,
.dropdown .dropdown-toggle,
.list-horizontal.tabs li a,
.download-file .btn-link,
.form-control,
.text-content p,
.text-content p *,
.text-content span,
.text-content span * {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400;
}

body * i,
body * em,
.text-content p i,
.text-content span i,
.text-content i p,
.text-content i span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-style: italic;
}

b,
strong,
.btn,
.btn-link,
#header .dropdown .dropdown-menu .dropdown-item,
#header .dropdown .dropdown-toggle,
.download-file.file-title label,
#header .download-count .ico,
.text-content p b,
.text-content p strong,
.text-content b p,
.text-content strong p,
.text-content span b,
.text-content span strong,
.text-content b span,
.text-content strong span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

b i,
strong i,
b em,
strong em,
.text-content p b i,
.text-content p i b,
.text-content b i,
.text-content p strong i,
.text-content p i strong,
.text-content strong i {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-style: italic;
}

/* --- End Font --- */

/* --- Font - size --- */

.display-0,
.display-0 * {
    font-size: 80px;
    line-height: 90px;
}

h1,
.display-1,
.display-1 * {
    font-size: 42px;
    line-height: 54px;
}

@media (max-width: 768px) {

    h1,
    .display-1,
    .display-1 * {
        font-size: 32px;
        line-height: 38px;
    }
}

h2,
.display-2,
.display-2 * {
    font-size: 32px;
    line-height: 38px;
}

@media (max-width: 768px) {

    h2,
    .display-2,
    .display-2 * {
        font-size: 26px;
        line-height: 30px;
    }
}

@media (max-width: 992px) {
    .download-txt-section .display-2 {
        font-size: 26px;
        line-height: 30px;
    }
}

h3,
.display-3,
.display-3 *,
.pagination .page-link {
    font-size: 26px;
    line-height: 30px;
}

@media (max-width: 768px) {

    h3,
    .display-3,
    .display-3 * {
        font-size: 22px;
        line-height: 30px;
    }
}

h4,
.display-4,
.display-4 *,
.download-file.file-title label,
#formularz-kontaktowy #form .display-3 {
    font-size: 20px;
    line-height: 28px;
}

@media (max-width: 576px) {

    #elementy-kolekcji-lista .box .display-4,
    #produkty-lista .box .display-4,
    #kategorie-lista .box .display-4,
    #kolekcje-lista .box .display-4,
    #przestrzenie-lista .box .display-4 {
        font-size: 16px;
        line-height: 22px;
    }
}

h5,
.display-5,
.display-5 * {
    font-size: 16px;
    line-height: 22px;
}

@media (max-width: 576px) {
    .pagination .page-link {
        font-size: 16px;
        line-height: 22px;
    }
}

h6,
.display-6,
a,
p,
span,
.btn,
.btn-link,
label,
.form-control,
.tab-pane-content table,
.tab-pane-content table p {
    font-size: 12px;
    line-height: 16px;
}

.text-content p,
.text-content p *,
.text-content span,
.text-content span * {
    font-size: 12px !important;
    line-height: 16px !important;
}

.display-7,
.display-7 a,
#cookies .custom-switch label {
    font-size: 10px;
    line-height: 14px;
}

.display-8,
#header .download-count .ico {
    font-size: 7px;
    line-height: 9px;
}

@media (min-width: 1920px) {
    .nav-header ul li a {
        font-size: 12px;
        line-height: 16px;
    }
}

@media (min-width: 1920px) {

    h6,
    .display-6,
    a,
    p,
    span,
    .btn,
    .btn-link,
    label,
    .form-control {
        font-size: 14px;
        line-height: 20px;
    }

    .text-content p,
    .text-content p *,
    .text-content span,
    .text-content span * {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    h5,
    .display-5,
    .display-5 *,
    .nav-accordion .accordion-flush .accordion-item .accordion-button {
        font-size: 20px;
        line-height: 28px;
    }

    .display-7,
    .display-7 * {
        font-size: 12px;
        line-height: 16px;
    }
}

@media (max-width: 768px) {

    .box-wrapper .display-5,
    .box-wrapper .display-5 * {
        font-size: 20px;
        line-height: 28px;
    }

}

/* --- End Font - size --- */

/* --- Colors --- */

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
#header .dropdown-item:focus,
#header .dropdown-item:hover,
#header .dropdown-item:active,
#header,
.accordion-button:not(.collapsed),
.accordion-button,
.page-link,
.page-link:focus,
.page-link:hover,
.page-link:active,
.pagination .page-item.active .page-link,
#header .dropdown-toggle,
.dropdown-item:hover,
.download-file .btn,
#download-dialog .download-file .btn-check:checked + .btn,
.btn-white-border,
#header .dropdown .dropdown-menu li:hover {
    background-color: transparent;
}

.txt-black-100,
.txt-black-100 *,
body *,
a,
a:hover,
a:focus,
a:active,
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
#header.header-white .dropdown .dropdown-menu li .dropdown-item:hover,
#header.header-white .dropdown .dropdown-menu li .dropdown-item:focus,
.accordion-button:not(.collapsed),
.list-horizontal li .active,
.search-result-single:hover p,
.pagination .page-item.active .page-link,
.pagination .page-link:hover,
.btn.dropdown-toggle,
.btn.dropdown-toggle:hover,
.btn.dropdown-toggle:focus,
.btn.dropdown-toggle:active,
.btn.dropdown-toggle.active,
.search-section .search-form,
.download-file .btn,
.download-file .btn:hover,
.download-file .btn-check:active + .btn,
.download-file .btn-check:checked + .btn,
.download-file .btn.active,
.download-file .btn.show,
.download-file .btn:active,
.download-file .btn-check:focus + .btn,
.download-file .btn:focus,
.btn.btn-white-border,
.btn.btn-white-border:hover,
.btn.btn-white-border:focus,
.btn.btn-white-border:active,
.btn.btn-white-border:hover,
.form-control:hover,
.form-control:focus,
.form-control:active,
.dropdown-menu li a,
.list-horizontal.breadcrumbs li a span:hover,
.tab-pane-content table tr th,
.tab-pane-content table tr td,
.text-content table tr th,
.text-content table tr td,
table p *,
.btn.btn-white,
.btn.btn-white:hover,
.btn.btn-white:focus,
.btn.btn-white:active {
    color: #000;
}

::placeholder {
    color: #000 !important;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #000 !important;
}

::-ms-input-placeholder {
    color: #000 !important;
}

a,
p a,
p *,
.txt-black-60,
#header.header-white .dropdown .dropdown-menu li .dropdown-item:active,
a.txt-black-100:hover,
a.txt-black-100:focus,
a.txt-black-100:active,
.form-control:disabled {
    color: #646464;
}

.txt-black-40,
.pagination .page-link {
    color: #C8C8C8;
}

.text-white,
.btn,
.btn:hover,
.btn:focus,
.btn:active,
#header.header-black .btn-link,
#header.header-black .btn-link *,
#header.header-black .dropdown .dropdown-menu li .dropdown-item,
.slider-100-full .carousel-caption *,
#header.header-black .text-ue {
    color: #fff;
}

.bg-black,
.btn,
.btn-line::after,
#banner-slider-head.carousel,
#banner-slider-head .carousel-item,
.form-check-input:checked,
.slider-50-50 .carousel-image {
    background-color: #000;
}

.btn:hover,
.btn:focus,
.btn:active {
    background-color: #646464;
}

.line-grey::before,
.line-grey::after,
.dropdown-toggle,
.btn.dropdown-toggle:hover,
.btn.dropdown-toggle:focus,
.btn.dropdown-toggle:active,
.btn.dropdown-toggle.active,
.download-file:hover .btn,
.box .box-image::before,
.dropdown.btn-white-border .dropdown-toggle,
.line-timeline .box-small-caption::before {
    background-color: #E1E1E1;
}

.breadcrumbs li a::after {
    background-color: #C8C8C8;
}

.dropdown-menu li:hover,
.dropdown-menu li:focus,
.dropdown-menu li:active,
.dropdown-menu li.active,
.download-file .btn-check:active + .btn,
.download-file .btn-check:checked + .btn,
.download-file .btn.active,
.download-file .btn.show,
.download-file .btn:active {
    background-color: #f0f0f0;
}

body,
.bg-white,
.slider-50-50 .carousel-item,
.line-white::before,
.line-white::after,
.modal-100-full,
.accordion-flush .accordion-collapse,
.modal-backdrop,
.carousel-item,
#footer,
.box .box-caption,
#nav-fixed,
#product-0-slider.slider-50-50 .carousel-image,
.dropdown.btn-white-border .dropdown-toggle,
.btn.btn.btn-white-border,
.btn.btn.btn-white-border:hover,
.btn.btn.btn-white-border:focus,
.btn.btn.btn-white-border:active,
.carousel-image-custom,
.btn-white,
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
#cookies,
.interactive-image .item {
    background-color: #fff;
}

.btn,
.form-control,
.form-check-input:hover,
.form-check-input:focus,
.form-check-input:active,
.dropdown.btn-white-border .dropdown-toggle {
    border: 1px solid #000;
}

#header .dropdown-toggle,
.download-file .btn,
.download-file .btn:hover,
.download-file .btn:focus,
.download-file .btn:active,
.download-file .btn.active {
    border: 0;
}

.form-check-input,
.form-check-input:checked {
    border: 1px solid #000;
}

.btn:hover,
.btn:focus,
.btn:active,
.form-control:hover,
.form-control:focus,
.form-control:active,
.dropdown.btn-white-border .dropdown-toggle:hover,
.dropdown.btn-white-border .dropdown-toggle:focus,
.dropdown.btn-white-border .dropdown-toggle:active,
.dropdown.btn-white-border .dropdown-toggle.active {
    border: 1px solid #646464;
}

.box,
.box .dropdown-toggle,
.btn.dropdown-toggle:hover,
.btn.dropdown-toggle:focus,
.btn.dropdown-toggle:active,
.btn.dropdown-toggle.active,
.dropdown-menu,
.dropdown-toggle,
.form-control:disabled {
    border: 1px solid #E1E1E1;
}

.btn.btn-white {
    border: 1px solid #fff;
}

#header-title,
.accordion-flush .accordion-item,
#download-dialog .download-category.line-horizontal,
table tr {
    border-bottom: 1px solid #E1E1E1;
}

@media (min-width: 992px) {
    .line-border-left {
        border-left: 1px solid #E1E1E1;
    }

    .border-bottom-line {
        border-bottom: 1px solid #E1E1E1;
    }

    .border-top-line {
        border-top: 1px solid #E1E1E1;
    }
}


@media (max-width: 992px) {
    .box:nth-child(2n) {
        border-right: 1px solid #E1E1E1;
    }
}

@media (min-width: 768px) {
    .filtr-column {
        border-right: 1px solid #fff;
    }
}

.filtr-section .filtr-column::last-child {
    border-right: 0;
}

#banner-slider-head.slider-home .carousel-caption {
    border-top: 1px solid #fff;
}

.timeline-row-2 {
    border-top: 1px solid #E1E1E1;
}

.download-file {
    border-right: 1px solid #fff;
}

/* --- End Colors --- */

/* --- Selection --- */
::selection {
    background: #000;
    color: #fff;
}

::-moz-selection {
    background: #000;
    color: #fff;
}

::-webkit-selection {
    background: #000;
    color: #fff;
}

::-o-selection {
    background: #000;
    color: #fff;
}

/* --- End Selection --- */

/* --- Transition --- */

*,
*:hover,
*:focus,
*:active,
*::after {
    transition: 0.5s ease;
}

#map-poland,
#map-poland *,
#map-poland .btn-link,
.download-file .btn-link.add-download-ico-1,
.download-file .btn-link.delete-ico-1,
#nav-fixed,
#scroll-to-top {
    transition: none;
}

/* --- End Transition --- */

/* --- Effects --- */

/* --- End Logos slider --- */
::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: transparent;
}

svg {
    overflow-x: visible;
    overflow-y: visible;
}

a,
p a,
.btn,
.btn-link {
    text-decoration: none;
}

label a,
.search-result-single:hover .title,
.text-content a,
.slider-50-50 .carousel-caption p a,
#cookies p a {
    text-decoration: underline;
}

.btn,
.btn-link,
.sub-title {
    text-transform: uppercase;
}

.dropdown-toggle,
.download-file .btn-link {
    text-transform: none;
}

.btn,
.btn-link,
.form-control {
    border-radius: 0;
}

a,
.download-file .btn {
    outline: none;
}

textarea {
    resize: none;
}

.search-section .search-form,
.search-section .search-form:hover,
.search-section .search-form:focus,
.search-section .search-form:active,
.page-link,
.page-link:focus,
.page-link:hover,
.page-link:active,
.accordion-button {
    border: 0;
    outline: none;
    box-shadow: none;
}

.form-control,
.form-control:hover,
.form-control:focus,
.form-control:active,
.accordion-flush .accordion-item .accordion-button,
textarea {
    outline: none;
    box-shadow: none;
    transition: none;
}

.form-check-input:focus {
    box-shadow: none;
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: none !important;
}

.dropdown-menu li,
.dropdown-menu li input,
.dropdown-menu li label,
#header .btn-link:hover,
.search-section .search-btn:hover {
    cursor: pointer;
}

.btn:hover,
.btn-link:hover,
.form-check-input[type=checkbox],
.form-check-input[type=checkbox]:hover,
.form-field label {
    cursor: pointer;
}

.list-horizontal.breadcrumbs li a.active:hover,
.search-section .btn-link,
.search-section .btn-link:hover {
    cursor: default;
}

#timeline {
    cursor: grab;
}

img,
img:hover,
img:focus,
img:active,
img * {
    pointer-events: none;
}

/* --- End Effects --- */

/* --- Opacity --- */

.carousel-control-next,
.carousel-control-prev,
.pagination .page-link .ico {
    opacity: .3;
}

#header .btn-link:hover,
.ico-center:hover,
.modal-footer .btn-link:hover,
.accordion-button.collapsed,
.btn.btn.btn-white-border:hover,
.btn.btn.btn-white-border:focus,
.btn.btn.btn-white-border:active,
.btn.dropdown-toggle:hover,
.btn.dropdown-toggle:focus,
.btn.dropdown-toggle:active,
.btn.dropdown-toggle.active,
#header-title .header-back .btn-link :hover,
.box:hover .box-caption *,
.download-file .btn-link:hover,
.filtr-clear a:hover,
label a:hover,
.filtr-clear .btn-link,
.btn-link.btn-cookies:hover {
    opacity: .5 !important;
}

.image-opacity-70,
.img-thumbnail:hover img,
.btn-white-border .btn.dropdown-toggle:hover,
.btn-white-border .btn.dropdown-toggle:focus,
.btn-white-border .btn.dropdown-toggle:active,
.btn.btn-white:hover,
.btn.btn-white:focus,
.btn.btn-white:active {
    opacity: .7;
}

.accordion-button,
.accordion-button:hover,
.accordion-button.collapsed:hover,
.pagination .page-link:hover .ico,
.filtr-clear .btn-link.submit-filters,
.filtr-clear .btn-link:hover,
.nav-accordion .accordion-flush .accordion-item:hover .accordion-button {
    opacity: 1 !important;
}

/* --- End Opacity --- */

/* --- Icons --- */

.logo-main a,
.ico {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    float: left;
}

.ico-medium {
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
}

.ico-small {
    background-size: 20px 20px;
    width: 17px;
    height: 17px;
}

/* --- End Icons --- */

/* --- Lines --- */
.line-vertical::before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    margin: 0 auto;
    z-index: 1030;
}

.line-horizontal::before {
    display: block;
    content: '';
    width: 100vw;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: -100vw;
    right: -100vw;
    margin: 0 auto;
    z-index: 1010;
}


.line-vertical.line-end::before {
    height: 50%;
}

.line-horizontal::before {
    bottom: 1px;
}

.line-horizontal.line-start::before {
    top: 0;
}

.title-header-box.line-horizontal::before,
.line-horizontal.line-end::before {
    bottom: 0;
}

.title-header-box.line-horizontal::before {
    width: 100vw;
    left: -5vw;
    right: 0;
}

.line-horizontal.line-start::before {
    top: 0;
}

.line-vertical.line-middle::before {
    right: 0;
    left: auto;
}

.line-vertical.line-left::before {
    left: 10%;
    right: auto;
}

#elementy-kolekcji-lista,
#aranzacje-kolekcje-lista,
#produkty-lista {
    overflow: hidden;
}

@media (max-width: 992px) {
    #blad.slider-50-50 .carousel-caption {
        padding: 130px 15px;
    }

    .slider-50-50 .carousel-caption .sub-title {
        margin: 40px 0;
    }

    .line-vertical::before {
        display: none;
        opacity: 0;
        visibility: hidden;
    }
}

@media (max-width: 576px) {
    #blad.slider-50-50 .carousel-caption {
        padding: 60px 15px;
    }

    #elementy-kolekcji-lista .box,
    #produkty-lista .box,
    #kategorie-lista .box,
    #kolekcje-lista .box,
    #przestrzenie-lista .box {
        width: 50%;
    }
}

/* --- End Lines --- */

/* --- Buttons - links --- */
p a,
p .btn,
p .btn-link {
    float: none !important;
}

p a {
    padding: 0;
}

p {
    margin-bottom: 0;
}

.btn,
.btn-link {
    position: relative;
    float: left;
}

.btn {
    padding: 16px;
}

.btn-link {
    padding: 16px 0;
}

.btn-line {
    display: block;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    width: 50px;
    height: 16px;
    position: relative;
}

@media (min-width: 1920px) {
    .btn-line {
        height: 22px;
    }
}

.btn-line::after {
    display: block;
    content: '';
    width: 44px;
    height: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.btn-link:hover .btn-line,
.btn-link.active .btn-line {
    width: 84px;
}

.btn-link:hover .btn-line::after,
.btn-link.active .btn-line::after {
    width: 78px;
}

.link-left .btn-line::after {
    right: 0;
}

.link-right .btn-line::after {
    left: 0;
}

.link-right .btn-line {
    background-position: right 50%;
    float: right;
    margin-left: 10px;
}

.link-left .btn-line {
    background-position: left 50%;
    float: left;
    margin-right: 10px;
}

.ico-center {
    padding: 22px 0;
}

.ico-center .ico {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
}

/* --- End Buttons - links --- */

/* --- Forms --- */
.dropdown-menu {
    border-radius: 0;
    width: 100%;
    margin-top: 49px !important;
    padding: 0;
    max-height: 300px;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    display: none;
    transform: none !important;
}

@media (min-width: 1920px) {
    .dropdown-menu {
        margin-top: 53px !important;
    }
}

.dropdown-menu.display-block {
    opacity: 1;
    visibility: visible;
    z-index: 1120;
}

.dropdown-menu li {
    padding: 0;
}

.dropdown-menu li a,
.form-check {
    padding: 10px 15px;
}

.form-check {
    padding: 10px 15px 10px 35px;
    margin: 0;
}

.dropdown-toggle {
    text-align: left;
}

.dropdown-toggle::after {
    margin-top: 7px;
    position: absolute;
    right: 15px;
}

#header .dropdown .dropdown-menu {
    border-radius: 0;
    border: 0;
    background: transparent;
    margin: 0 0 0 7px !important;
}

#header .dropdown .dropdown-menu li {
    float: none;
    list-style-type: none;
    padding: 0;
}

#header .dropdown .dropdown-menu li .dropdown-item {
    padding: 7px;
    font-weight: bold;
}

.filtr-section {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.filtr-column {
    position: relative;
    float: left;
}

.filtr-column .dropdown-toggle {
    margin-bottom: 1px;
}

.filtr-section .dropdown .btn {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    position: relative;
    padding: 16px 32px 16px 16px;
}

.filtr-clear {
    width: 100%;
    float: left;
}

.filtr-clear .btn-link {
    float: right;
    padding-bottom: 0;
    margin-left: 30px;
}

@media (max-width: 768px) {
    .filtr-clear .btn-link {
        width: 100%;
        text-align: center;
    }
}

.form-check-input[type=checkbox] {
    border-radius: 0;
}

.form-check-input {
    margin-top: 4px;
}

.dropdown-menu label {
    width: 100%;
}

.form-check:focus {
    border-color: #000;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 10%);
}

.form-field {
    padding: 20px 20px 0 0;
    position: relative;
}

@media (max-width: 767px) {
    .form-field {
        padding: 20px 0 0 0;
    }
}

.form-field .btn.dropdown-toggle {
    width: 100%;
}

.form-control {
    padding: 16px;
}

.form-field .btn {
    width: 100%;
}

.form-field label {
    padding: 4px 0 0 10px;
    width: 90%;
}

@media (min-width: 1920px) {
    .custom-control.form-field label {
        padding-top: 2px;
    }
}

.invalid-feedback {
    position: absolute;
    bottom: -18px;
}

@media (min-width: 768px) {
    .form-field:first-child {
        padding: 20px 40px 0 0;
    }

    #form-pCon .form-field:first-child {
        padding: 20px 0 0 0;
    }
}

.form-field [type="checkbox"] {
    width: 16px;
    height: 16px;
}

/*
.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-control:invalid {
    border-color: #dc3545;
}
*/

.form-field .btn-copy-value {
    width: 100%;
    margin-top: 28px;
}

@media (min-width: 1920px) {
    .form-field .btn-copy-value {
        margin-top: 32px;
    }

}

/* --- Custom switch --- */

.custom-switch {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding-left: 2.25rem
}

.custom-switch .custom-control-input {
    width: 10%;
    float: left;
    margin-top: 2px;
}

.custom-switch .custom-control-label {
    width: 90%;
    float: left;
    position: relative;
    padding-top: 4px;
}

.custom-switch .custom-control-label p:nth-child(2) {
    margin-top: 3px;
}

.custom-switch .custom-control-label::before {
    content: '';
    display: block;
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem;
}

.custom-switch .custom-control-label::after {
    content: '';
    display: block;
    top: calc(0.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #bbbbbb;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
}

.custom-switch .custom-control-label:hover::after {
    background-color: #8e8e8e;
}

@media(prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none;
    }
}

.custom-switch:hover * {
    cursor: pointer;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(0.75rem);
    transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 0, 0, 0.5);
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #000;
    background-color: #000;
}

.custom-control [type="checkbox"]:not(:checked),
.custom-control [type="checkbox"]:checked {
    position: absolute;
    pointer-events: none;
    opacity: 0;
}

.custom-control input[type="radio"],
.custom-control input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #bbbbbb solid 1px;
}

.custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50% / 50% 50% no-repeat;
}

/* --- End Custom switch --- */

/* --- End Forms --- */

/* --- Title header box --- */

.title-header-box {
    position: relative;
    float: left;
    padding: 20px 0 10px 0;
}

@media (min-width: 992px) {
    .title-padding {
        padding: 2% 5%;
    }
}

@media (max-width: 768px) {
    .title-padding {
        padding: 2%;
    }
}

@media (max-width: 576px) {
    .title-padding {
        padding: 2% 0;
    }
}

#header-title {
    position: relative;
}

.header-title-wrapper {
    float: left;
    position: relative;
}

/* --- End Title header box --- */

/* --- Banners --- */

/* --- New carousel --- */

.gallery-dialog .modal-content .modal-body {
    padding: 1%;
    overflow: hidden;
    width: 98vw;
    height: 100vh;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.gallery-dialog .modal-content .modal-body img {
    margin: 0 auto;
    width: auto;
    height: 100%;
}

@media (max-width: 1280px) {
    .gallery-dialog .modal-content .modal-body img {
        width: auto;
        height: auto;
        max-height: 95vh;
        max-width: 90vw;
    }
}

.carousel-tumbails {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
    position: relative;
}

#produkt-galeria .cover-gradient-vertical,
#realizacja-galeria .cover-gradient-vertical {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
}

#produkt-galeria .cover-gradient-vertical::after,
#realizacja-galeria .cover-gradient-vertical::after {
    content: '';
    display: block;
    width: 50px;
}

#realizacja-wpis {
    margin-bottom: 60px;
}

@media (max-width: 576px) {
    #realizacja-wpis {
        margin-bottom: 40px;
    }
}

.carousel-tumbails .tumbails-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto;
    height: 100%;
    float: left;
    overflow-x: auto;
}

#tumbails-drag {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: -moz-scrollbars-none;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    overflow-x: auto;
}

#tumbails-drag::-webkit-scrollbar {
    display: none;
}

.fade,
.modal,
.modal * {
    transition: none !important;
    transform: none !important;
}

.fade:not(.show) {
    opacity: 0;
    visibility: hidden;
}

.fade.show {
    opacity: 1;
    visibility: visible;
}

.carousel-tumbails .carousel-item {
    margin: 0;
    padding: 0 10px;
    width: 100px;
    height: 80px;
    overflow: hidden;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

@media (max-width: 768px) {
    .carousel-tumbails .carousel-item {
        padding: 0 10px;
        width: 70px;
        height: 50px;
    }
}

.carousel-tumbails .carousel-item img {
    width: 100%;
    height: auto;
}

.carousel-tumbails .carousel-item:hover,
.carousel-tumbails .carousel-item.active,
.carousel-tumbails .carousel-item.active:hover {
    opacity: .2;
}

#gallery-85.carousel-fade .carousel-item.active {
    z-index: auto;
}

#gallery-85.slider-100-full .carousel-control-next,
#gallery-85.slider-100-full .carousel-control-prev {
    width: auto;
}

#gallery-85.slider-100-full .carousel-control-prev {
    padding-right: 30px;
}

#gallery-85.slider-100-full .carousel-control-next {
    padding-left: 30px;
}

/* --- End New carousel --- */

.interactive-image .unsupported-screen {
    display: none !importnat;
    opacity: 0 !important;
    visibility: hidden !important;
}

#news-wpis #artykul-slider,
#artykul-wpis #artykul-slider {
    width: 100%;
}

.carousel-control-next,
.carousel-control-prev {
    width: 5%;
}

.slider-100-full .carousel-control-next,
.slider-100-full .carousel-control-prev {
    width: 20%;
}

.slider-100-full .carousel-control-next {
    justify-content: right;
    padding-right: 30px;
}

.slider-100-full .carousel-control-prev {
    justify-content: left;
    padding-left: 30px;
}

@media (max-width: 640px) {
    .slider-100-full .carousel-control-next {
        padding-right: 10px;
    }

    .slider-100-full .carousel-control-prev {
        padding-left: 10px;
    }
}

@media (max-width: 992px) {

    .carousel-control-next,
    .carousel-control-prev {
        width: 13%;
    }

    .slider-50-50 .carousel-control-next,
    .slider-50-50 .carousel-control-prev {
        bottom: 40%;
    }

    #banner-slider-head .carousel-control-next,
    #banner-slider-head .carousel-control-prev {
        display: none;
        opacity: 0;
        visibility: hidden;
    }
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 40px;
    height: 40px;
}

.carousel-image-custom {
    width: 100%;
    height: 80vh;
}

@media (min-width: 1920px) {
    .carousel-image-custom {
        height: 65vh;
    }
}

@media (min-width: 1440px) {
    .carousel-image-custom {
        height: 70vh;
    }
}

@media (max-width: 992px) {
    .carousel-image-custom {
        height: 600px;
    }
}

@media (max-width: 768px) {

    .slider-50-50 .carousel-control-next,
    .slider-50-50 .carousel-control-prev {
        bottom: 45%;
    }
}

@media (max-width: 576px) {
    .carousel-image-custom {
        height: 400px;
    }

    .slider-50-50 .carousel-control-next,
    .slider-50-50 .carousel-control-prev {
        bottom: 50%;
    }
}

@media (max-width: 420px) {

    .slider-50-50 .carousel-control-next,
    .slider-50-50 .carousel-control-prev {
        bottom: 55%;
    }
}

/* --- Banner slider head --- */
.slider-100-full .carousel-item .image-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 100vh;
}

#banner-slider-head {
    z-index: 1000;
    margin-top: -60px;
    height: auto;
    overflow: hidden;
    padding: 0;
}

#banner-slider-head .carousel-inner,
#banner-slider-head .carousel-item,
#banner-slider-head .carousel-item .carousel-image {
    height: 100%;
}

#banner-slider-head .slider-txt-left,
#banner-slider-head .slider-txt-right {
    padding: 5%;
}

#banner-slider-head .slider-txt-left *,
#banner-slider-head .slider-txt-right * {
    width: 100%;
}

#banner-slider-head .slider-txt-left .header-back {
    width: 50px;
    margin-right: 5%;
}

#banner-slider-head .slider-txt-left .header-back .btn-link {
    padding: 7px 0 0 0;
}

#banner-slider-head .carousel-item img {
    position: relative;
    height: auto !important;
    width: 100% !important;
}

@media (min-width: 1680px) {
    #banner-slider-head .carousel-item img {
        height: auto !important;
        width: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 1920px) and (max-height:740px) {
    #banner-slider-head .carousel-item img {
        height: auto !important;
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #banner-slider-head .slider-txt-left .header-back {
        width: 20px;
        margin-right: 15px;
    }

    #banner-slider-head .slider-txt-left .header-back .btn-link {
        padding: 0;
    }
}

#banner-slider-head .carousel-caption {
    display: flex;
    z-index: 1040;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    text-align: left;
}

#banner-slider-head.slider-card .carousel-caption {
    top: 5%;
}

#banner-slider-head.slider-100-full {
    padding-top: 0;
}

.slider-100-full img {
    height: auto;
}

.content-wrapper .carousel {
    float: left;
}

.slider-100-full .carousel-inner {
    overflow: visible;
}

@media (max-width: 992px) {
    #banner-slider-head .carousel-caption {
        display: block;
    }

    #banner-slider-head.slider-home .slider-txt-left {
        padding: 5% 5% 0 5%;
    }

    #banner-slider-head .slider-txt-right {
        padding: 2% 5% 10% 5%;
    }

    #banner-slider-head.slider-card .carousel-caption {
        top: 10%;
    }

    .slider-100-full img,
    .slider-100-full.height-100 img {
        width: 100% !important;
        height: auto;
    }

    .carousel-item.d-flex {
        display: block !important;
    }
}

@media (max-width: 768px) {
    #banner-slider-head {
        height: 100vh;
    }

    #banner-slider-head .carousel-item img {
        width: auto !important;
        height: 100% !important;
        left: -50%;
    }

    #banner-slider-head .slider-txt-right {
        padding: 2% 5% 15% 5%;
    }

    #banner-slider-head .carousel-caption {
        bottom: 0;
    }
}

@media (max-width: 576px) {
    #banner-slider-head .slider-txt-right {
        padding: 2% 5% 100px 5%;
    }
}

/* --- End Banner slider head --- */

/* --- Slider 50% image, 50% text --- */
@media (max-width: 992px) {
    #slider-4.carousel-fade .carousel-item.active {
        visibility: visible;
    }

    #slider-4.carousel-fade .carousel-item {
        visibility: hidden;
    }
}

.slider-50-50 {
    padding: 0 0 100px 0;
    float: none;
}

#salony-slider {
    float: left;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.slider-50-50 .carousel-image,
.slider-50-50 .carousel-caption {
    position: relative;
    overflow: hidden;
    height: auto;
}

.slider-50-50 .carousel-image img {
    width: 100%;
    height: auto;
    max-height: none;
}

@media (min-width: 768px) {
    #produkt-start .slider-50-50 .carousel-image {
        padding: 5% 0;
    }
}

@media (min-width: 992px) {
    .slider-50-50 .carousel-image img {
        width: 100%;
        height: auto;
    }

    #produkt-start .slider-50-50 .carousel-caption {
        padding-top: 5%;
    }
}

@media (min-width: 1680px) {
    #produkt-start .slider-50-50 .carousel-caption {
        padding-top: 0;
    }
}

.slider-50-50.slider-50-left .carousel-image,
.slider-50-50.slider-50-right .carousel-caption {
    float: left;
}

.slider-50-50.slider-50-left .carousel-caption,
.slider-50-50.slider-50-right .carousel-image {
    float: right;
}

.slider-50-50 .carousel-caption {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
}

.slider-50-50 .carousel-caption .btn,
.slider-50-50 .carousel-caption .btn-link {
    margin-top: 20px;
}

.slider-50-50 .carousel-caption .title {
    margin: 20px 0;
}

.slider-50-50 .carousel-caption .sub-title {
    width: 100%;
    float: left;
    margin-bottom: 40px;
    margin-left: 2px;
}

.slider-50-50 .carousel-caption p {
    padding: 16px 0;
}

.slider-50-50.slider-50-height-100 {
    padding: 0;
}

.slider-50-50.slider-50-height-100 .logo-main {
    position: absolute;
    z-index: 1030;
    padding: 25px 30px;
}

.slider-50-50.slider-50-height-100 .carousel-image img {
    width: auto;
    height: 60vh;
}

#logotypes-slider .carousel-control-next {
    z-index: 1095;
}

#realizacje-slider.slider-50-50 .carousel-control-next,
#realizacje-slider.slider-50-50 .carousel-control-prev {
    bottom: 15%;
}

#realizacje-slider {
    padding-bottom: 0;
}

#realizacje-slider .w-100.mt-5.mb-5 {
    margin-bottom: 1rem !important;
}

#dystrybucja-krajowa .align-items-center {
    align-items: flex-start !important;
}

/* --- przycinanie pionowych zdjęć na sliderze --- */
/* --- slider realizacje --- */
/*
#realizacja-slider .carousel-item,
#artykul-slider .carousel-item {
    overflow: hidden;
}

@media (min-width: 1025px) {
    #realizacja-slider .carousel-item {
        height: 100vh;
    }
}

@media (max-width: 1024px) {
    #realizacja-slider .carousel-item {
        height: 480px;
    }
}

@media (max-width: 767px) {
    #realizacja-slider .carousel-item {
        height: 400px;
    }
}

@media (max-width: 640px) {
    #realizacja-slider .carousel-item {
        height: 340px;
    }
}

@media (max-width: 540px) {
    #realizacja-slider .carousel-item {
        height: 260px;
    }
}

@media (max-width: 419px) {
    #realizacja-slider .carousel-item {
        height: 200px;
    }
}

@media (max-width: 419px) {
    #realizacja-slider .carousel-item {
        height: 200px;
    }
}
*/

/* --- end slider realizacje --- */

/* --- slider newsy i artykuły --- */

#artykul-slider .carousel-item {
    height: auto;
}

/*
@media (min-width: 2560px) {
    #artykul-slider .carousel-item {
        height: 1080px;
    }
}

@media (max-width: 2559px) {
    #artykul-slider .carousel-item {
        height: 840px;
    }
}

@media (max-width: 1919px) {
    #artykul-slider .carousel-item {
        height: 720px;
    }
}

@media (max-width: 1679px) {
    #artykul-slider .carousel-item {
        height: 580px;
    }
}

@media (max-width: 1365px) {
    #artykul-slider .carousel-item {
        height: 460px;
    }
}

@media (max-width: 1024px) {
    #artykul-slider .carousel-item {
        height: 340px;
    }
}

@media (max-width: 767px) {
    #artykul-slider .carousel-item {
        height: 330px;
    }
}

@media (max-width: 640px) {
    #artykul-slider .carousel-item {
        height: 300px;
    }
}

@media (max-width: 540px) {
    #artykul-slider .carousel-item {
        height: 240px;
    }
}

@media (max-width: 419px) {
    #artykul-slider .carousel-item {
        height: 170px;
    }
}
*/

/* --- end slider newsy i artykuły --- */

/* --- slider tumbnails --- */
.slider-tumbnails .carousel-item img {
    width: auto !important;
    height: 100%;
    margin: 0 auto;
}

.slider-tumbnails .carousel-item {
    overflow: hidden;
}

@media (min-width: 2560px) {
    .slider-tumbnails .carousel-item {
        height: 1080px;
    }
}

@media (max-width: 2559px) {
    .slider-tumbnails .carousel-item {
        height: 840px;
    }
}

@media (max-width: 1919px) {
    .slider-tumbnails .carousel-item {
        height: 730px;
    }
}

@media (max-width: 1679px) {
    .slider-tumbnails .carousel-item {
        height: 640px;
    }
}

@media (max-width: 1365px) {
    .slider-tumbnails .carousel-item {
        height: 500px;
    }
}

@media (max-width: 1024px) {
    .slider-tumbnails .carousel-item {
        height: 450px;
    }
}

@media (max-width: 767px) {
    .slider-tumbnails .carousel-item {
        height: 360px;
    }
}

@media (max-width: 640px) {
    .slider-tumbnails .carousel-item {
        height: 300px;
    }
}

@media (max-width: 540px) {
    .slider-tumbnails .carousel-item {
        height: 270px;
    }
}

@media (max-width: 419px) {
    .slider-tumbnails .carousel-item {
        height: 200px;
    }
}

/* --- end slider tumbnails --- */

/* --- end przycinanie pionowych zdjęć na sliderze --- */

#yt-movie {
    float: left;
}

@media (max-width: 768px) {
    #yt-movie {
        height: 100vh;
        float: left;
        width: auto;
    }
}

video {
    width: 100%;
    height: 100%;
}

@media (max-width: 992px) {
    .slider-50-50 .carousel-caption {
        padding: 30px 15px;
    }

    .slider-50-50 .carousel-caption .sub-title {
        margin: 40px 0;
    }

    .slider-50-50 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #salon-kontakt,
    #siedziba-firmy.slider-50-50,
    #realizacja-slider.slider-100-full,
    #o-nas-1-slider,
    #pcon-1-slider,
    #architekci-1-slider {
        padding-top: 0;
    }

    #dystrybucja-krajowa {
        padding-top: 20px !important;
    }

    #logotypes-slider.slider-100-full {
        padding-bottom: 0;
    }

    .slider-50-50.slider-50-height-100 .carousel-image img {
        width: 100%;
        height: auto;
    }

    #realizacje-slider.slider-50-50 .carousel-control-next,
    #realizacje-slider.slider-50-50 .carousel-control-prev {
        bottom: 15%;
        top: 30%;
    }
}

@media (max-width: 768px) {
    .slider-50-50.slider-50-height-100 .logo-main {
        padding: 15px 20px;
    }
}

@media (max-width: 576px) {
    .slider-50-50 .carousel-caption {
        padding: 5%;
    }

    .title-header-box {
        padding: 20px 0 10px 0;
    }

    #nagrody-section.pb-100 {
        padding-bottom: 50px;
    }

    #logotypes-slider.slider-100-full {
        padding-top: 20px;
        padding-bottom: 0;
    }

    .slider-50-50.slider-50-height-100 .carousel-image img {
        width: auto;
        height: 80vh;
    }

    #realizacje-slider.slider-50-50 .carousel-control-next,
    #realizacje-slider.slider-50-50 .carousel-control-prev {
        top: 35%;
    }
}

@media (min-width: 992px) {

    .slider-50-50.slider-50-right .carousel-image img {
        left: 0;
    }

    .slider-50-50.slider-50-left .carousel-image img {
        right: 0;
    }

    .slider-50-50.slider-50-height-100 {
        height: 100vh;
    }

    .slider-50-50.slider-50-height-100 .carousel-item,
    .slider-50-50.slider-50-height-100 .carousel-item img {
        height: 100vh;
    }

    .slider-50-50.slider-50-height-100 .carousel-item img {
        width: auto;
    }
}

@media (min-width: 1400px) {

    .slider-50-50 .carousel-caption .btn,
    .slider-50-50 .carousel-caption .btn-link {
        margin-top: 40px;
    }

    .slider-50-50 .carousel-caption .title {
        margin: 40px 0;
    }

    .slider-50-50 .carousel-caption .sub-title {
        margin-bottom: 60px;
    }

}

/* --- End Slider 50% image, 50% text --- */

/* --- Slider box --- */
.slider-box .carousel-control-next {
    right: -5%;
}

.slider-box .carousel-control-prev {
    left: -5%;
}

@media (max-width: 992px) {

    .slider-box .carousel-control-next,
    .slider-box .carousel-control-prev {
        display: none;
        opacity: 0;
        visibility: hidden;
    }
}

/* --- End Slider box --- */

/* --- End Bannes --- */

/* --- Boxs --- */

.box {
    margin: 0px -1px -1px 0;
    overflow: hidden;
}

.box-list {
    position: relative;
    float: left;
    margin-top: 1px;
    width: 100%;
}

.box-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: -2px 0 1px 0;
}

@media (min-width: 992px) {
    .box-wrapper {
        margin-left: 3px;
    }
}

.box .box-image {
    position: relative;
    z-index: 1020;
}

.box .box-image img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

@media (min-width: 576px) {

    #artykuly-lista .box .box-image,
    #artykuly-lista-wszystkie .box .box-image,
    #articles-list .box .box-image,
    #articles-slider .box .box-image {
        height: 170px;
    }
}

@media (min-width: 680px) {

    #artykuly-lista .box .box-image,
    #artykuly-lista-wszystkie .box .box-image,
    #articles-list .box .box-image,
    #articles-slider .box .box-image {
        height: 195px;
    }
}

@media (min-width: 768px) {

    #artykuly-lista .box .box-image,
    #artykuly-lista-wszystkie .box .box-image,
    #articles-list .box .box-image,
    #articles-slider .box .box-image {
        height: 220px;
    }
}

@media (min-width: 900px) {

    #artykuly-lista .box .box-image,
    #artykuly-lista-wszystkie .box .box-image,
    #articles-list .box .box-image,
    #articles-slider .box .box-image {
        height: 260px;
    }
}

@media (min-width: 992px) {

    #artykuly-lista .box .box-image,
    #artykuly-lista-wszystkie .box .box-image,
    #articles-list .box .box-image,
    #articles-slider .box .box-image {
        height: 140px;
    }
}

@media (min-width: 1139px) {

    #artykuly-lista .box .box-image,
    #artykuly-lista-wszystkie .box .box-image,
    #articles-list .box .box-image,
    #articles-slider .box .box-image {
        height: 160px;
    }
}

@media (min-width: 1279px) {

    #artykuly-lista .box .box-image,
    #artykuly-lista-wszystkie .box .box-image,
    #articles-list .box .box-image,
    #articles-slider .box .box-image {
        height: 185px;
    }
}

@media (min-width: 1439px) {

    #artykuly-lista .box .box-image,
    #artykuly-lista-wszystkie .box .box-image,
    #articles-list .box .box-image,
    #articles-slider .box .box-image {
        height: 205px;
    }
}

@media (min-width: 1679px) {

    #artykuly-lista .box .box-image,
    #artykuly-lista-wszystkie .box .box-image,
    #articles-list .box .box-image,
    #articles-slider .box .box-image {
        height: 245px;
    }
}

@media (min-width: 1919px) {

    #artykuly-lista .box .box-image,
    #artykuly-lista-wszystkie .box .box-image,
    #articles-list .box .box-image,
    #articles-slider .box .box-image {
        height: 280px;
    }
}

@media (min-width: 2240px) {

    #artykuly-lista .box .box-image,
    #artykuly-lista-wszystkie .box .box-image,
    #articles-list .box .box-image,
    #articles-slider .box .box-image {
        height: 330px;
    }
}

@media (min-width: 2559px) {

    #artykuly-lista .box .box-image,
    #artykuly-lista-wszystkie .box .box-image,
    #articles-list .box .box-image,
    #articles-slider .box .box-image {
        height: 370px;
    }
}

#artykuly-lista .box .box-image,
#artykuly-lista-wszystkie .box .box-image,
#articles-list .box .box-image,
#articles-slider .box .box-image {
    overflow: hidden;
}

#artykuly-lista .box .box-image img,
#artykuly-lista-wszystkie .box .box-image img,
#articles-list .box .box-image img,
#articles-slider .box .box-image img {
    height: auto;
}

.box:hover .box-image img {
    opacity: 0.5;
}

.box .box-caption {
    padding: 20px 20px 40px 20px;
    min-height: 120px;
    width: 100%;
    float: left;
    z-index: 1030;
}

.box .box-image::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1020;
}

.box .box-caption .additional-title {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.box.box-no-image .box-caption {
    padding: 100px 20px 40px 20px;
    border-top: 0;
}


@media (max-width: 992px) {
    .box {
        float: left;
    }
}

.product-section {
    overflow: hidden;
}

/* --- End Boxs --- */

/* --- Header --- */
#header {
    z-index: 1030;
    position: relative;
    width: 100%;
    padding: 10px 0;
}

@media (min-width: 1680px) {
    #header {
        padding: 20px 10px;
    }

    #banner-slider-head {
        margin-top: -80px;
    }
}

#header .container-fluid {
    overflow: visible;
}

#header .btn-link {
    padding: 13px 8px;
}

#header .download-count .ico {
    padding-top: 4px;
    text-align: center;
}


#header .burger-menu {
    padding: 0 !important;
}

.logo-main a {
    background-size: 107px 25px;
    width: 107px;
    height: 40px;
    text-indent: -9999px;
}

.logo-ue {
    padding: 0;
}

#header .logo-ue {
    position: absolute;
}

.image-ue {
    height: 14px;
}

.text-ue {
    padding-left: 5px;
}

#header.header-white .text-ue {
    color: #2b4c87;
}

@media (min-width: 575px) {
    #footer .logo-ue {
        display: none;
        opacity: 0;
        visibility: hidden;
    }
}

@media (max-width: 575px) {
    #header .logo-ue {
        display: none;
        opacity: 0;
        visibility: hidden;
    }
}

@media (min-width: 992px) {
    .logo-ue {
        right: 23px;
        top: 4px;
    }
}

@media (min-width: 1680px) {
    .logo-ue {
        right: 32px;
        top: 8px;
    }
}

@media (max-width: 991px) {
    .logo-ue {
        right: 23px;
        top: 4px;
    }

    #header.image-ue {
        height: 12px;
    }

    #header .text-ue {
        font-size: 8px;
    }
}

@media (min-width: 992px) {
    .logo-main a {
        margin-left: 243px;
    }

    .slider-50-50 .logo-main a {
        margin-left: 0;
    }
}

.nav-header {
    height: 40px;
}

.nav-header ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.nav-header ul li {
    float: left;
}

.nav-header ul li:last-child {
    padding-right: 15px;
}

@media (max-width: 360px) {
    .nav-header ul li:last-child {
        padding-right: 0;
    }

    #header .btn-link {
        padding: 13px 5px;
    }
}

#header .dropdown .dropdown-menu {
    margin: 35px 0 0 1px !important;
    min-width: 0;
    transform: none !important;
}

@media (max-width: 768px) {
    .logo-main a {
        background-size: 107px 20px;
        width: 107px;
        height: 40px;
    }

    .ico-medium {
        background-size: 20px 20px;
        width: 20px;
        height: 40px;
    }
}

#header .dropdown .dropdown-menu {
    display: none;
}

#header .dropdown .dropdown-toggle::after {
    right: -5px;
}

/* --- End Header --- */

/* --- Footer --- */
#footer {
    overflow: hidden;
    position: relative;
    margin-top: -1px;
    z-index: 1000;
}

#footer .content {
    padding-top: 100px;
    padding-bottom: 30px;
}

.footer-column {
    float: left;
}

.footer-column ul {
    margin: 15px 0;
    padding: 0;
}

.footer-column ul li {
    padding: 8px 20px 8px 0;
    float: left;
    width: 100%;
}

.footer-column ul li a {
    padding: 0;
    float: left;
    width: 100%;
}

.footer-column ul li .btn-link {
    width: auto;
}

.footer-column .footer-column-inner {
    float: left;
    padding: 0 5% 55px 0;
}

@media (max-width: 576px) {
    #footer .content {
        padding-top: 60px;
    }
}

@media (min-width: 1680px) {
    .footer-column:last-child .footer-column-inner:last-child {
        padding: 35px 5% 25px 0;
    }
}

/* --- End Footer --- */

/* --- Modals --- */
.modal {
    border: 0;
    box-shadow: none;
    z-index: 1200;
}

.modal-content {
    border: 0;
}

.modal-footer {
    position: fixed;
    z-index: 1040;
    border-top: 0;
    padding: 0;
    display: block;
}

.modal-footer .btn-link {
    border: 0;
    padding: 10px;
    margin: 0;
}

@media (min-width: 1680px) {
    .modal-footer {
        left: 10px;
        top: 10px;
    }
}

/* --- Modal 100 full --- */

.modal-100-full .modal-dialog {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.modal-100-full .modal-body {
    padding: 10% 5%;
    margin: 0 auto;
}

.modal-100-full .modal-body ul {
    margin: 15px 0 30px 0;
    padding: 0;
}

@media (min-width: 1920px) {
    .modal-100-full .modal-body ul {
        margin: 15px 0 50px 0;
    }

    .nav-accordion .footer-column-inner {
        padding-bottom: 30px !important;
    }
}

.modal-100-full .modal-body ul li {
    padding: 8px 0;
}

.modal-100-full .modal-body .nav-accordion ul li {
    padding: 4px 0;
}

/* --- End Modal 100 full --- */
/* --- End Modals --- */

/* --- Nav --- */
.nav-box,
.nav-bar-inner {
    position: relative;
    float: left;
}

.nav-accordion {
    padding-left: 0;
}

.nav-accordion .footer-column-inner {
    float: left;
    padding-bottom: 20px;
}

.nav-accordion .accordion-flush .accordion-item .accordion-button {
    padding: 5px 0;
}

.nav-accordion .footer-column-inner ul li {
    padding-left: 10px !important;
}

@media (max-width: 992px) {
    .nav-accordion {
        border-top: 1px solid #E1E1E1;
        padding-top: 50px;
    }

    /*
.nav-accordion .accordion-flush .accordion-item .accordion-button {
    cursor: not-allowed;
    pointer-events: none;
}
*/
}

@media (min-width: 992px) {
    .nav-bar-inner:first-child {
        padding-top: 50px;
    }

    .modal-100-full .modal-body {
        padding: 5% 5% 10% 5%;
        height: 100%;
    }

    .nav-accordion {
        padding-left: 5%;
    }

    .nav-accordion .accordion-button::after {
        transition: none !important;
    }
}

@media (max-width: 576px) {
    .modal-100-full .modal-body {
        padding: 80px 5%;
    }

    #download-dialog.modal-100-full .modal-body {
        padding: 80px 5% 200px 5%;
    }
}

@media (min-width: 992px) {
    .nav-accordion .accordion-header {
        margin-bottom: 0;
        width: 100%;
        float: left;
        display: block;
    }

    .nav-accordion .accordion-flush .accordion-item .accordion-button {
        width: 20%;
        padding: 0;
    }

    .nav-accordion .accordion-flush .accordion-collapse {
        width: 60%;
        float: right;
        position: absolute;
        top: 75px;
        right: 0;
    }

    .nav-accordion .accordion-flush .accordion-item:first-child:hover #flush-collapseOne,
    .nav-accordion .accordion-flush .accordion-item:nth-child(2):hover #flush-collapseTwo,
    .nav-accordion .accordion-flush .accordion-item:nth-child(3):hover #flush-collapseThree {
        display: block;
    }

}

@media (min-width: 1920px) {
    .nav-accordion .accordion-flush .accordion-item .accordion-button {
        margin-bottom: 20px;
    }
}

/* --- End Nav --- */

/* --- Nav fixed --- */

#nav-fixed {
    position: fixed;
    left: -20px;
    top: 45vh;
    z-index: 1045;
    margin: 0;
    padding: 0 10px 0 0;
}

#nav-fixed li .btn-link {
    padding: 10px 0;
}

#produkt-galeria,
#realizacja-slider {
    z-index: 1100;
}

#nav-fixed .link-left .btn-line {
    opacity: 0;
    background-image: none;
}

#nav-fixed .link-left:hover .btn-line,
#nav-fixed .link-left.active .btn-line {
    opacity: 1;
}

#nav-fixed .btn-link .btn-line,
#nav-fixed .btn-link:hover .btn-line::after,
#nav-fixed .btn-link.active .btn-line::after {
    width: 44px;
}

@media (max-width: 992px) {
    #nav-fixed {
        width: 100%;
        left: 0;
        bottom: 0;
        top: auto;
        padding: 30px;
    }

    #nav-fixed li .btn-link {
        padding: 12px 15px;
        width: 100%;
    }

    #nav-fixed {
        border-top: 1px solid #000;
    }

    #nav-fixed li {
        width: 50%;
        float: left;
    }
}

@media (max-width: 576px) {
    #nav-fixed li .btn-link {
        padding: 8px 12px;
        width: 100%;
    }

    #nav-fixed {
        padding: 5px;
    }

    #nav-fixed .btn-link .btn-line {
        display: none;
        opacity: 0;
        visibility: hidden;
    }

    #nav-fixed .btn-link.active {
        opacity: .5;
    }
}

@media (max-height: 450px) {
    #nav-fixed {
        padding: 10px 30px;
    }

    #nav-fixed li .btn-link {
        padding: 6px 15px;
    }
}

/* --- End Nav fixed --- */

/* --- Accordion --- */
.accordion-button:not(.collapsed),
.accordion-button {
    border: 0 !important;
    box-shadow: none;
}

.accordion-flush .accordion-item .accordion-button,
.accordion-body {
    padding: 15px 0;
}

.nav-accordion .accordion-flush .accordion-item {
    border-bottom: 0;
}

.accordion-flush .accordion-header {
    margin: 0;
}

.slider-50-50 .carousel-caption .accordion-body p {
    padding: 0 0 5px 0;
}

/* --- End Accordion --- */

/* --- Search modal --- */
.search-section,
.download-txt-section {
    position: relative;
    float: left;
}

.download-txt-section {
    padding-bottom: 20px;
}

.search-section .search-form {
    background-repeat: no-repeat;
    padding-left: 60px;
    width: 80%;
    float: left;
    padding: 17px 0;
}

.search-section .btn-link {
    width: 50px;
}

.search-section .ico-medium {
    width: 30px;
}

@media (min-width: 577px) {
    .search-section .search-form {
        font-size: 32px;
        line-height: 38px;
    }
}

@media (max-width: 768px) {
    .search-section .ico-medium {
        background-size: 40px 40px;
    }

    .search-section .btn-link {
        width: 40px;
    }
}

@media (max-width: 576px) {
    .search-section .search-form {
        padding: 21px 0;
        font-size: 26px;
        line-height: 30px;
    }
}

.addons-section,
.search-results-section,
.header-back {
    position: relative;
    float: left;
}

.addons-section {
    z-index: 1040;
}

@media (max-width: 768px) {
    .addons-tabs {
        cursor: move;
        overflow-x: auto;
    }
}

@media (min-width: 576px) {
    #search-dialog .addons-tabs {
        cursor: default;
        overflow-x: hidden;
    }
}

.header-back .btn-link {
    padding: 18px 0 40px 0;
}

@media (max-width: 768px) {
    .header-back .btn-link {
        padding: 15px 0 40px 0;
    }
}

.search-results-section {
    padding-bottom: 50px;
}

.search-result-single {
    padding: 20px 0;
}

.search-result-single,
.search-result-single .result-header,
.search-result-single .result-desc {
    width: 100%;
    float: left;
}

.search-result-single .result-header {
    padding-bottom: 10px;
}

.search-result-single .title {
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}

/* --- End Search modal --- */

/* --- List horizontal --- */
.list-horizontal {
    width: 100%;
    float: left;
    margin: 0 0 15px 0 !important;
    padding: 0;
}

.list-horizontal li {
    width: auto;
    float: left;
    padding: 0 !important;
}

.list-horizontal li a {
    position: relative;
    padding: 5px 30px 5px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .list-horizontal.tags li:first-child {
        width: 100%;
        padding-bottom: 10px !important;
    }

    .list-horizontal li a {
        padding: 5px 20px 5px 0;
    }
}

/* --- End List horizontal --- */

/* --- Breamcrumbs--- */
.breadcrumb {
    flex-wrap: nowrap;
}

.breadcrumbs li {
    list-style: circle;
    overflow: hidden;
    max-width: 500px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.breadcrumbs li a::after {
    display: block;
    content: '';
    width: 2px;
    height: 2px;
    border-radius: 10px;
    position: absolute;
    top: 12px;
    bottom: 0;
    right: 13px;
}

.breadcrumbs li:last-child a::after {
    display: none;
    opacity: 0;
    visibility: hidden;
}

@media (max-width: 992px) {
    .breadcrumbs li {
        max-width: 250px;
    }
}

@media (max-width: 576px) {
    .breadcrumbs li a::after {
        right: 8px;
    }

    x .list-horizontal.breadcrumbs li a {
        padding: 5px 20px 5px 0;
    }

    .breadcrumbs li {
        max-width: 140px;
    }
}

@media (max-width: 420px) {
    .breadcrumbs li {
        max-width: 100px;
    }
}

@media (min-width: 1920px) {
    .breadcrumbs li a::after {
        top: 13px;
    }
}

/* --- End Breamcrumbs--- */

/* --- Header tabs --- */

.list-horizontal.tabs {
    margin: 30px 0 !important;
    flex-wrap: nowrap;
    overflow-x: auto;
    text-align: left;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.list-horizontal.tabs li a {
    padding: 0 20px;
}

@media (min-width: 768px) {
    .list-horizontal.tabs li a {
        padding: 0 15px;
    }
}

@media (min-width: 1080px) {
    .list-horizontal.tabs li a {
        padding: 0 25px;
    }
}

@media (min-width: 1920px) {
    .list-horizontal.tabs li a {
        padding: 0 30px;
    }
}

.product-section .tabs.justify-content-start {
    margin: 0 0 30px 0 !important;
}

.tabs.justify-content-start li a {
    padding-left: 0;
    padding-right: 50px;
}

.tab-pane-content {
    padding: 40px 0;
    float: left;
}

@media (max-width: 768px) {
    .list-horizontal {
        display: flex !important;
        width: auto;
        margin: 30px 0 20px 0 !important;
    }

    .list-horizontal.breadcrumbs {
        display: flex !important;
        width: auto;
        margin: 0 0 15px 0 !important
    }

    .list-horizontal.tabs li a {
        float: left;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding: 0 30px 0 0;
    }

    .list-horizontal.tags {
        margin: 20px 0 10px 0 !important;
    }

    /*
    .list-horizontal.tabs li:has(a.active) {
        order: -1 !important;
    }
*/

}

@media (max-width: 576px) {
    .list-horizontal.tabs li {
        width: 100%;
    }

}

@media (min-width: 992px) {
    .list-horizontal.tabs .btn-right {
        padding-left: 100px !important;
    }
}

/* --- End Header tabs --- */

/* --- Pagination--- */
.pagination-right {
    display: block;
    float: left;
    margin: 30px 0 100px 0;
}

.pagination-right ul.pagination {
    margin: 0;
    align-items: center;
    justify-content: center !important;
}

.pagination .page-link {
    border: 0;
    padding: 0 12px;
}

@media (min-width: 576px) {
    .pagination .page-link .ico.ico-small {
        background-size: 30px 30px;
    }

    .pagination .page-link {
        padding: 0 20px;
    }
}

@media (max-width: 360px) {
    .pagination .page-link {
        padding: 0 8px;
    }
}

/* --- End Pagination--- */

/* --- Download--- */

.download-file {
    position: relative;
    width: 100%;
    min-width: 100px;
    float: left;
    margin: 1px 1px 0 0;
    z-index: 1030;
}

.download-file.file-title {
    width: auto;
}

.download-file.file-title .btn {
    padding-right: 86px;
}

.carousel-caption .download-file {
    max-width: 300px;
}

.download-file .btn {
    box-shadow: none !important;
    outline: none;
    padding: 16px 66px 16px 16px;
    width: 100%;
    text-align: left;
    margin: 0 !important;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}

.download-file .btn-link {
    margin-top: 0 !important;
}

.download-file.file-title .ico-small {
    height: 32px;
}

.download-ico-1,
.add-download-ico-1,
.delete-ico-1 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

.download-ico-1 {
    right: 45px;
}

.add-download-ico-1,
.delete-ico-1 {
    right: 15px;
}

.download-file .add-download-ico-1,
.download-file .btn-check:checked ~ .delete-ico-1,
#download-dialog .download-file .delete-ico-1 {
    opacity: 1;
    visibility: visible;
}

.download-file .delete-ico-1,
.download-file .btn-check:checked ~ .add-download-ico-1,
#download-dialog .download-file .add-download-ico-1 {
    opacity: 0;
    visibility: hidden;
}

.download-category {
    position: relative;
    padding: 20px 0;
}

.download-category:last-child {
    margin-bottom: 100px;
}

#download-dialog .download-category.line-horizontal::before {
    display: none;
    opacity: 0;
    visibility: hidden;
}

@media (min-width: 992px) {

    #download-dialog .download-category:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 1400px) {

    .slider-50-50 .carousel-caption .download-file .btn-link {
        margin-top: 0;
    }
}

@media (min-width: 1680px) {
    #download-dialog .download-category .d-block .d-block {
        width: 20%;
    }
}

/* --- End Download--- */

/* --- Karta produktu --- */
@media (min-width: 1920px) {
    #produkt-start .slider-50-50 {
        padding-bottom: 1%;
    }
}

.product-section .title-header-box {
    padding: 8% 0 30px 0;
}

.product-section .line-horizontal::before {
    left: -6.5%;
    right: 0;
}

.img-thumbnail {
    padding: 20px 20px 0 0;
    border: none;
    border-radius: 0;
    max-width: 100%;
    height: auto;
    overflow: hidden;
}

.img-thumbnail img {
    height: auto;
}

@media (min-width: 992px) {
    .line-border-left {
        padding-left: 5%;
    }
}

@media (min-width: 1280px) {

    #produkt-informacje #product-tabs-1,
    #produkt-informacje #product-tabs-2 {
        width: 70%;
    }
}

.wymiary-column {
    align-items: stretch;
    flex-wrap: wrap;
}

.wymiary-column .wymiar-single {
    padding: 0;
    align-items: flex-end;
}

.wymiary-column .wymiar-single svg {
    width: 100%;
}

/*
@media (min-width: 1280px) {
    .wymiary-column .wymiar-single {
        padding: 25px;
    }
}

@media (min-width: 1679px) {
    .wymiary-column .wymiar-single {
        padding: 30px;
    }
}

@media (min-width: 2559px) {
    .wymiary-column .wymiar-single {
        padding: 40px;
    }
}

@media (max-width: 992px) {
    .wymiary-column .wymiar-single {
        padding: 40px;
    }
}

@media (max-width: 768px) {
    .wymiary-column .wymiar-single {
        padding: 30px;
    }
}
*/

#tools .title-header-box {
    padding: 40px 0 0 0;
}

/*
#produkt-start .content {
    padding: 0;
}
*/

#produkt-start .slider-50-50 .carousel-image img {
    width: 100%;
    height: auto;
}

.text-padding-left-10 {
    padding-left: 16px !important;
}

@media (min-width: 1920px) {
    #produkt-konfigurator iframe {
        height: 800px;
    }
}

@media (min-width: 992px) {
    #product-0-slider {
        padding-bottom: 50px;
    }

    #produkt-konfigurator iframe {
        height: 600px;
    }
}

@media (max-width: 992px) {
    #produkt-konfigurator iframe {
        height: 550px;
    }
}

@media (max-width: 768px) {
    #produkt-konfigurator iframe {
        height: 400px;
    }
}


/* --- End Karta produktu --- */

/* --- Text content --- */
body {
    overflow-x: hidden;
}

.seo-text {
    float: left;
    margin: 40px 0;
}

.content,
.content-wrapper,
.float-center {
    margin: 0 auto;
}

#map-poland .poland {
    margin: 0 auto !important;
}

.text-content {
    margin: 50px 0 30px 0;
    float: left;
}

.text-content p {
    margin-bottom: 10px;
}

.text-content ul,
.text-content ol {
    margin: 20px 0;
}

.text-content ul li,
.text-content ol li {
    margin: 10px 0;
}

.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5,
.text-content h6 {
    margin: 5px 0;
}

.tab-pane-content table tr th,
.tab-pane-content table tr td,
.text-content table tr th,
.text-content table tr td {
    vertical-align: top;
    padding: 15px 10px;
}

.tab-content .tab-pane .tab-pane-content img {
    height: auto !important;
}

.float-end .btn-link,
.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}

@media (min-width: 1680px) {
    .text-content {
        margin-top: 70px;
    }
}

@media (min-width: 576px) {
    .download-button-section .btn-link {
        margin-right: 40px;
    }
}

@media (max-width: 992px) {

    .content-wrapper .slider-50-50,
    .content-wrapper .slider-100-full {
        padding-top: 0;
    }

}

@media (max-width: 576px) {
    .download-button-section {
        width: 100% !important;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        border-top: 1px solid #000;
        margin: 0 !important;
        padding: 10px 15px 15px 15px;
        z-index: 1210;
    }

    .download-button-section .btn-link,
    .download-button-section .btn,
    .btn.btn-white-border {
        width: 100%;
        text-align: center;
    }

    .container-fluid .content {
        padding-left: 5%;
        padding-right: 5%;
    }

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

/* --- End Text content --- */

/* --- Logos slider --- */

.logotypes-slider {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    float: left;
}

.logotypes-slider ul {
    float: left;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: start !important;
}

#logotypes-slider {
    padding-right: 50px;
}

@media (max-width: 992px) {

    .logotypes-slider ul {
        display: block;
    }
}

.cover-gradient-vertical::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 27%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%);
    z-index: 1090;
}

@media (max-width: 1280px) {

    .cover-gradient-vertical::after {
        width: 17%;
    }
}

@media (max-width: 768px) {

    .cover-gradient-vertical::after {
        width: 13%;
    }

    #search-dialog .cover-gradient-vertical::after {
        bottom: 20px;
    }
}

#produkt-informacje .cover-gradient-vertical::after {
    bottom: 5px;
}

@media (min-width: 769px) {

    #produkt-informacje .cover-gradient-vertical::after,
    #search-dialog .cover-gradient-vertical::after,
    #header-title .cover-gradient-vertical::after {
        display: none;
    }
}

@media (max-width: 576px) {
    #search-dialog .addons-section.line-horizontal::before {
        width: 160vw;
    }
}

@media (max-width: 420px) {

    .cover-gradient-vertical::after {
        width: 10%;
    }

    #logotypes-slider {
        padding-right: 0;
    }
}

.logotypes-slider ul li {
    padding: 0 30px 0 0;
}

.logotypes-slider img {
    margin: 0 auto;
    height: 100px;
    width: auto;
}

@media (min-width: 1920px) {
    .logotypes-slider img {
        height: 140px;
    }
}

@media (max-width: 1280px) {
    .logotypes-slider img {
        height: 80px;
    }
}

@media (max-width: 992px) {
    .logotypes-slider img {
        width: auto !important;
        height: 130px;
    }

    .logotypes-slider ul li {
        padding: 0 30px 30px 0;
    }
}

@media (max-width: 768px) {
    .logotypes-slider img {
        height: 100px;
    }
}


@media (max-width: 576px) {
    .logotypes-slider img {
        height: 90px;
    }
}

@media (max-width: 420px) {
    .logotypes-slider img {
        height: 60px;
    }
}

/* --- Timeline --- */
#timeline-module {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
}


@media (min-width: 992px) {
    #timeline-module {
        padding-top: 100px;
    }
}


@media (min-width: 1280px) {
    #timeline-module {
        padding-top: 150px;
    }
}

@media (min-width: 1680px) {
    #timeline-module {
        padding-top: 200px;
    }
}

#timeline {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    padding: 0 0 20px 0;
    overflow-x: auto;
    -ms-overflow-style: none;
    /* for Internet Explorer, Edge */
    scrollbar-width: none;
    /* for Firefox */
    overflow-x: -moz-scrollbars-none;
}

#timeline::-webkit-scrollbar {
    display: none;
    /* for Chrome, Safari, and Opera */
}

.timeline-row-1,
.timeline-row-2 {
    float: left;
    position: relative;
    display: flex;
}

.timeline-row-1 {
    padding: 0 50px 40px 15%;
}

@media (max-width: 768px) {
    .timeline-row-1 {
        padding: 0 50px 40px 30%;
    }
}

.timeline-row-2 {
    padding: 40px 50px 0 5%;
}

.box-small-image {
    position: relative;
    overflow: hidden;
}

.box-small {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.handlowcy-section,
.handlowcy-wrapper,
.form-section {
    width: 100%;
    float: left;
    position: relative;
}

.handlowcy-section {
    display: flex;
    flex-wrap: wrap;
}

#dystrybucja-krajowa .handlowcy-section {
    display: none;
    opacity: 0;
    visibility: hidden;
}

#dystrybucja-krajowa .handlowcy-section.active {
    display: block;
    opacity: 1;
    visibility: visible;
}

@media (max-width: 992px) {
    .handlowcy-section {
        padding-top: 30px;
    }
}

.handlowcy-section .box-small .display-4 {
    margin-top: 0;
}

.handlowcy-section .box-small {
    padding-bottom: 40px;
}

.box-small-image img {
    border-radius: 100px;
    width: 80%;
    height: auto;
}

@media (min-width: 1920px) {
    .box-small {
        min-width: 350px;
    }

    .handlowcy-section .box-small {
        padding-bottom: 60px;
    }
}

.box-small-caption {
    position: relative;
}

.slider-50-50 .box-small-caption p {
    padding: 0;
}

.line-timeline .box-small-caption {
    padding-left: 20px;
}

.line-timeline .box-small-caption::before {
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    width: 1px;
    height: 25px;
}

.timeline-row-1 .line-timeline .box-small-caption::before {
    bottom: -40px;
}

.timeline-row-2 .line-timeline .box-small-caption::before {
    top: -40px;
}

#timeline .box-small {
    width: 300px;
}

@media (min-width: 1680px) {
    #timeline .box-small {
        width: 400px;
    }
}

/* --- End Timeline --- */

/* --- Cookies --- */
#cookies {
    position: fixed;
    z-index: 1110;
    bottom: 15px;
    right: 15px;
    width: 35vw;
    height: auto;
    padding: 0;
    opacity: 1;
    visibility: visible;
    box-shadow: 2px 6px 12px rgb(0, 0, 0, .1);
}

#cookies.cookies-hide {
    opacity: 0;
    visibility: hidden;
}

#cookies .cookies-txt-top {
    padding: 25px 25px 10px 25px;
}

.btn-link.btn-cookies {
    float: right;
    padding: 10px 10px 5px 5px;
    border: 0;
}

.cookies-btn {
    float: left;
    padding: 10px;
}

.cookies-btn,
.cookies-checks {
    width: 100%;
}

.cookies-checks {
    padding: 5px 25px 10px 25px;
}

#cookies .custom-switch label {
    padding-top: 0;
}

#cookies #cookies-switch {
    opacity: 0;
    display: none;
}

#cookies.active #cookies-switch {
    opacity: 1;
    display: block;
}

#cookies.active .cookies-btn .btn.btn-white {
    opacity: .2;
    pointer-events: none;
    cursor: not-allowed;
}

@media (min-width: 2559px) {
    #cookies {
        width: 30vw;
    }
}

@media (max-width: 1280px) {
    #cookies {
        width: 55vw;
    }
}

@media (max-width: 992px) {
    #cookies {
        width: 65vw;
    }
}

@media (max-width: 768px) {
    #cookies {
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

@media (max-width: 420px) {

    .cookies-btn .btn {
        width: 100%;
        margin-bottom: 10px;
    }

    .cookies-btn .btn:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 421px) {

    .cookies-btn .btn {
        width: 49%;
    }

    .cookies-btn .btn.btn-white-border {
        float: right;
    }
}

@media (max-height: 400px) {
    #cookies {
        width: 90vw;
    }
}

/* --- End Cookies --- */

/* --- Pointer image --- */
.interactive-image .hotspot {
    display: block;
    opacity: 1;
    visibility: visible;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.2);
}

.icon-radio-checked:before {
    content: '' !important;
    background-color: rgb(255, 255, 255, .3);
    border-radius: 50px;
    width: 25px;
    height: 25px;
    margin: 8px 0 0 8px;
    float: left;
}

.interactive-image .hotspot:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

.icon-radio-checked:before:hover {
    background-color: rgb(255, 255, 255, .6);
}

.interactive-image .item {
    color: #000;
    min-width: 150px;
    min-height: 150px;
    border-radius: 110px;
    box-shadow: none;
}

.interactive-image .item:after,
.interactive-image .close-button {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.interactive-image .text-item {
    padding: 20px;
    max-width: 150px;
    text-align: center;
    width: 100%;
    /*
    align-items: center;
    justify-content: center;
    display: grid;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
*/
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.interactive-image .text-item .title {
    font-size: 16px;
    width: 100%;
    float: left;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-variant: none;
    text-transform: none;
    display: block;
    color: #000;
    text-align: center;
    margin-top: 10px;
}

.interactive-image .text-item .description {
    font-size: 12px;
    text-align: center;
    color: #646464;
    width: 100%;
    float: left;
}

.interactive-image .text-item .btn-link {
    width: 100%;
    text-align: center;
    float: none;
    padding: 5px 0 0 0;
}

/* --- End Pointer image --- */

/* --- Scroll to top --- */
#scroll-to-top {
    position: fixed;
    bottom: 18px;
    right: 18px;
    z-index: 1105;
    display: none;
    opacity: 1;
}

#scroll-to-top .btn-link {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: #fff;
    padding: 4px 6px 6px 6px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
}

#scroll-to-top .btn-link .ico-medium {
    background-size: 30px 30px;
}

@media (min-width: 1680px) {
    #scroll-to-top {
        bottom: 35px;
        right: 35px;
    }
}

@media (max-width: 768px) {
    #scroll-to-top .btn-link .ico-medium {
        width: 40px;
    }
}

@media (max-width: 576px) {
    #scroll-to-top {
        bottom: 10px;
        right: 10px;
    }
}

@media (min-width: 768px) {
    .contact-form .form-field:first-child {
        padding: 20px 20px 0 0;

    }
}

.form-field-empty {
    height: 98px;
}

.form-field-check {
    padding: 15px 11px 17px 11px;
    margin-top: 46px;
}

@media (min-width: 1920px) {
    .form-field-empty {
        height: 108px;
    }

    .form-field-check {
        padding: 15px 11px 15px 11px;
        margin-top: 52px;
    }
}

@media (max-width: 767px) {
    .form-field-empty {
        display: none;
        opacity: 0;
        visibility: hidden;
        height: 0;
    }

    .form-field-check {
        margin-top: 0;
        padding: 15px 0px 17px 11px;
    }
}

/* --- End Scroll to top --- */

/* --- URL --- */
.logo-main a,
#header.header-white .logo-main a {
    background-image: url('../images/logo/logo-balma-black.svg');
}

#header.header-black .logo-main a {
    background-image: url('../images/logo/logo-balma-white.svg');
}

.btn-link.link-right:hover .btn-line,
.ico-arrow-right {
    background-image: url('../images/ico/small/arrow-right.svg');
}

.btn-link.link-left:hover .btn-line {
    background-image: url('../images/ico/small/arrow-left.svg');
}

#header.header-white .ico-burger {
    background-image: url('../images/ico/medium/burger-menu.svg');
}

#header.header-black .ico-burger {
    background-image: url('../images/ico/medium/burger-menu-white.svg');
}

.ico-arrow-simply-left,
.carousel-control-prev-icon,
.slider-box .carousel-control-prev-icon,
.slider-100-full.slider-tumbnails .carousel-control-prev-icon {
    background-image: url(../images/ico/medium/arrow-simply-left.svg);
}

.ico-arrow-simply-right,
.carousel-control-next-icon,
.slider-box .carousel-control-next-icon,
#logotypes-slider.slider-100-full .carousel-control-next-icon,
.slider-100-full.slider-tumbnails .carousel-control-next-icon {
    background-image: url(../images/ico/medium/arrow-simply-right.svg);
}

.slider-100-full .carousel-control-prev-icon,
#banner-slider-head .slider-txt-left .header-back .ico-arrow-simply-left {
    background-image: url(../images/ico/medium/arrow-simply-left-white.svg);
}

.slider-100-full .carousel-control-next-icon {
    background-image: url(../images/ico/medium/arrow-simply-right-white.svg);
}

#header.header-black .ico-download-2 {
    background-image: url('../images/ico/small/download-2-white.svg');
}

#header.header-black .download-count .ico-download-2 {
    background-image: url('../images/ico/small/download-3-white.svg');
}

#header.header-white .ico-download-2 {
    background-image: url('../images/ico/small/download-2.svg');
}

#header.header-white .download-count .ico-download-2 {
    background-image: url('../images/ico/small/download-3.svg');
}

#header.header-black .ico-search {
    background-image: url('../images/ico/small/search-white.svg');
}

#header.header-white .ico-search {
    background-image: url('../images/ico/small/search.svg');
}

.ico-search-2 {
    background-image: url('../images/ico/medium/search-normal.svg');
}

#header.header-black .ico-user {
    background-image: url('../images/ico/small/login-white.svg');
}

#header.header-white .ico-user {
    background-image: url('../images/ico/small/login.svg');
}

.ico-gallery {
    background-image: url('../images/ico/small/gallery.svg');
}

.ico-close {
    background-image: url('../images/ico/medium/close.svg');
}

.accordion-button::after {
    background-image: url('../images/ico/small/arrow-simply-down.svg');
}

.accordion-button:not(.collapsed)::after {
    background-image: url('../images/ico/small/arrow-simply-down.svg');
}

.form-check-input:checked[type=checkbox] {
    background-image: url('../images/ico/small/close-white.svg');
}

.ico-download {
    background-image: url('../images/ico/small/download.svg');
}

.ico-add-download {
    background-image: url('../images/ico/small/plus.svg');
}

.ico-delete {
    background-image: url('../images/ico/small/delete.svg');
}

@media (min-width: 992px) {
    .nav-accordion .accordion-button::after {
        background-image: url('../images/ico/small/arrow-simply-right.svg');
    }

    .nav-accordion .accordion-button:not(.collapsed)::after {
        background-image: url('../images/ico/small/arrow-simply-left.svg');
    }
}

.btn-line {
    background-image: url('../images/ico/small/empty.svg');
}

#header.header-black .ico-pcon {
    background-image: url('../images/ico/small/pcon-white.svg');
}

#header.header-white .ico-pcon {
    background-image: url('../images/ico/small/pcon.svg');
}

.ico-arrow-top {
    background-image: url('../images/ico/medium/arrow-simply-top.svg');
}


/* --- End URL --- */

/* --- Others --- */
.display-block {
    display: block !important;
}