@import url('root.css');
.bx-container { max-width: 1920px; }
.bx-container.o-nas .row { max-width: 1440px; margin: auto; }
.bx-contents.o-nas .col-sm-6:nth-child(2) > .img-wrapper { width: 100%; }
.carousel.slide { max-width: 1920px; margin-left: auto; margin-right: auto; }
.bx-container.bx-footer { max-width: unset; }
.bx-container.bartex-top-header { max-width: unset; }
.carousel-wrapper.bartex-bg-primary { margin-top: 0; }
.bx-container.o-nas { max-width: unset; }
.bx-container.bartex-oferta { max-width: unset; }
.bx-container.bartex-kategoria { max-width: unset; }
.bx-container.bartex-produkt { max-width: unset; }
.bx-container.bartex-szukaj { max-width: unset; }
.bx-container.bartex-aktualnosci { max-width: unset; }
.bx-container.bartex-reklamy { max-width: unset; }

.image100procent {width: 100%;}

.o-nas a:hover {
	text-transform: none;
	text-decoration: none;
}

.o-nas .img-wrapper a {
	
	width: 100%;
	height: 100%;
	display: block;
}

a {
	color: var(--e-global-color-primary-dark);
}
a:hover {
	color: var(--e-global-color-primary-dark);
}
.bartex-text h2 { 
	font-family: var(--e-global-font-family-secondary);
	font-size: 36px;
	color:var(--e-global-color-primary-dark-50);;
	font-weight: bold;
	margin-bottom: calc(var(--e-global-margin) * 1);
	margin-top: calc(var(--e-global-margin) * 1);
 }

.bartex-text h3 { 
	font-family: var(--e-global-font-family-secondary);
	color:var(--e-global-color-primary-dark-50);;
}

.bartex-text {margin-bottom: calc(var(--e-global-margin) * 1)}
.bartex-text  img {max-width: 100%;
height: auto;}

/* ==== KARIERA =============================================================== */


    .bartex-kariera {
        margin-top: 0;
    }
    .bartex-kariera h2 {
        color: var(--e-global-color-secondary);
    }
    .bx-max-width800 {
        max-width: 800px;
    }
    .bx-rekrutacja-wrapper ul {
        list-style: none; margin: 0; padding: 0;
        display: grid; grid-template-columns: 1fr 1fr 1fr;
        column-gap: calc(var(--e-global-margin) * 2);
        row-gap: calc(var(--e-global-margin) * 2);
    }
    .bx-rekrutacja-wrapper ul > li {
        padding: var(--e-global-margin);
        border: solid 1px var(--e-global-color-primary-dark);
        text-align: center;
    }

    .bx-rekrutacja-wrapper ul > li a {
        font-family: var(--e-global-font-family-primary);
        font-size: 18px;
        background-color: var(--e-global-color-primary-dark-50);
        border: solid 1px var(--e-global-color-primary-dark-50);
        color: transparent;
        background-image: url("../img/ico-submit.svg");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        display: block;
        width: 60px;
        height: 42px; margin-right: -35px;
    }
    .bx-rekrutacja-otwarta a:hover {
        animation: bx-animation 1800ms linear 1 both;
        animation-delay: 0.1s;
    }


    .bx-rekrutacja-wrapper .bx-form-inner-wrapper {
        display: flex;
        width: 96%;
        max-width: 1120px;
        margin: auto;
        margin-bottom: auto;
        position: relative;
        z-index: 2;
    }

    .bx-rekrutacja-wrapper li h3 {
        font-family: var(--e-global-font-family-secondary);
        margin-bottom: var(--e-global-margin);
        color: var(--e-global-color-secondary);
    }
    .bx-rekrutacja-wrapper li p {
        margin-bottom: 0;
    }
    .bx-rekrutacja-wrapper li p:nth-child(1) {
        margin-bottom: var(--e-global-margin);
    }

    .bx-rekrutacja-zamknieta .bx-form-inner-wrapper a{
        background-color: #c7c7c7;
        border-color: #c7c7c7;
        pointer-events: none; cursor: default;
    }
    .bx-rekrutacja-wrapper li.bx-rekrutacja-zamknieta {
        border-color: #c7c7c7;
    }
    .bx-rekrutacja-wrapper li.bx-rekrutacja-zamknieta p,
    .bx-rekrutacja-wrapper li.bx-rekrutacja-zamknieta h3 {
        color: #c7c7c7;
    }

    .etapy-rekrutacji {
        background-color: var(--e-global-color-primary-dark-50);
    }

    .etapy-rekrutacji h2 {
        color: white;
    }

    .etapy-rekrutacji ul {
        list-style: none; margin: 0; padding: 0;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        margin-left: calc(var(--e-global-margin) * -0.5);
        margin-right: calc(var(--e-global-margin) * -0.5);
    }
    .etapy-rekrutacji ul li {
        max-width: 300px; color: white;
        text-align: center; box-sizing: border-box;
        padding-left: calc(var(--e-global-margin) * 0.5);
        padding-right: calc(var(--e-global-margin) * 0.5);
    }
    .etapy-rekrutacji ul li > img { display: block; width: 32px; margin-left: auto; margin-right: auto; margin-bottom: var(--e-global-margin); }
    .etapy-rekrutacji ul li > h3 {
        font-family: var(--e-global-font-family-secondary);
    }
    .etapy-rekrutacji ul li:nth-child(3) {
        min-width: 300px;
    }

    @media (max-width: 940px) {
        .etapy-rekrutacji ul {
            display: flex; flex-wrap: wrap;
            justify-content: center;
        }

        .etapy-rekrutacji ul > li {
            margin-bottom: calc(var(--e-global-margin) * 3);
            padding-left: calc(var(--e-global-margin) * 1);
            padding-right: calc(var(--e-global-margin) * 1);
        }

        .bx-rekrutacja-wrapper ul {
            display: flex; flex-wrap: wrap;
            justify-content: center;
        }
        .bx-rekrutacja-wrapper ul > li {
            margin-bottom: calc(var(--e-global-margin) * 3);
            width: calc(50% - var(--e-global-margin) * 1);
        }
    }

    @media (max-width: 620px) {
        .etapy-rekrutacji ul {
            flex-direction: column;
            align-content: center;
        }
        .bx-rekrutacja-wrapper ul {
            flex-direction: column;
            align-content: center;
        }
        .bx-rekrutacja-wrapper ul > li {
            width: unset;
        }
    }





.kariera h3 {
    font-family: var(--e-global-font-family-secondary);
    color: var(--e-global-color-primary-dark-50);
    text-transform: uppercase;
   /* margin-bottom: calc(var(--e-global-margin) * 0.5);*/
}


    .kariera {
        background: url(/img/kariera/kariera-tlo2.png) no-repeat top right;
    }
     .kariera .buton2 {
    display: block;
    font-family: var(--e-global-font-family-primary);
    font-size: 18px;
    padding: 10px 20px !important;
    margin: 20px auto !important;
    width: 250px;
    text-align: center;
    background-color: var(--e-global-color-primary-dark-50);
    border: solid 1px var(--e-global-color-primary-dark-50);
    color: #fff;
     }

    .kariera h2, .kariera h3 {
        color: var(--e-global-color-secondary);
    }


    .kariera h3 {
        color: var(--e-global-color-secondary);
        text-transform: none;
    }

    .kariera ul {
        list-style-image: url(/img/kariera/bul.png);
    }

    .kariera ul.param {
        line-height:250%;
    }

    .kariera ul.param li {
        list-style: none;
    }

    .kariera ul.param li.gdzie {list-style-image: url(/img/kariera/pin.png)}
    .kariera ul.param li.etat {list-style-image: url(/img/kariera/doc.png)}
    .kariera ul.param li.stanowisko {list-style-image: url(/img/kariera/person.png)}

@media (max-width: 620px) {
    .kariera { background: none; }  
}