/*wersja Normalna*/
@media (min-width: 992px) {
    .navbarOwn {
        padding-left: 30px;
    !important;

    }

    #gapMenu {
        padding-left: 7vw
    }

    .navbarOwn {
        height: 10vh;
    }

    .mainSection {
        min-height: 84.9vh;
    }

    .footerElement {
        min-height: 4vh;
    }

    .sliderContainer {
        height: 500px;
        max-height: 400px;
    }

    .TitleMagePage {
        min-height: 25vh;
    }

    #OfertaSlider1 {
        min-height: 10rem;
    }
    .ImgAbout{
        width: 50%;
    }
    .TextAbout{
        padding-left:1.5rem
    }
}

/*wersja mobilna*/
@media (max-width: 992px) {
    #VideoTekst{
        display: none;
    }
    #OfertaSlider1 {
        min-height: 19rem;
    }

    .navbarOwn {
        min-height: 10vh;
        /*min-height: -webkit-fill-available;*/
    }

    .mainSection {
        min-height: 83vh;
    }

    .footerElement {
        min-height: 7vh;
    }

    .sliderContainer {
        height:400px;
    }

    .TitleMagePage {
        min-height: 40vh;
    }
    .ImgAbout{
        width: 100%;
    }
}

.ImgAbout {

    float: left;
    margin-right: 1em;
}

/*wersja ogólna  */
.sliderContainer {
    width: 100%;
    position: relative;
    height: 400px;


}

.TitleMagePage {
    width: 100%;
    background: #ffffff;
    padding-top: 5vh;
    z-index: 5400;
}

body {

    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    font-size: large;
    font-weight: 300;

}

body {
    min-height: 100vh;
    //min-height: 100 -webkit-fill-available;
}

/*html {*/
/*    height: -webkit-fill-available;*/
/*}*/

nav {
    font-size: larger;
    /*box-shadow: 0 0 3px 3px #dbdbdb;*/
    z-index: 1040;
}

#boxSlider {
    opacity: 70%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 100;
    width: 250px;
    height: 25px
}

.SliderDotes {
    background-color: #aaaaaa;
    /*width: 50px;*/
    /*height: 10px;*/
    /*!*border-radius: 50px;*!*/
    /*float: left;*/
    /*!*margin-right: 5px;*!*/
    /*!*margin-left: 5px;*!*/

    width: 20px;
    height: 20px;
    border-radius: 50px;
    float: left;
    margin-right: 15px;
    margin-left: 15px;
}

.OfertaSliderDotes {
    background-color: #aaaaaa;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    float: left;
    margin-right: 15px;
    margin-left: 15px;
}

.boxOfertaSlider {
    width: 200px;
    height: 25px;
    margin: auto;
}

.SliderDotesActive {
    /*background-color: #676767;*/
    background-color: #337e29;
}

.visible {
    opacity: 1;
}

.unvisible {
    opacity: 0;
}

html {
    scroll-behavior: smooth;
}

.leftOut {
    left: -5000px;
    position: absolute;

}

#OfertaSlider1 {
    position: relative;
}

.ofertaSliderItem {
    opacity: 0;
    top: -100px;
}

.ofertaSliderItemActive {
    opacity: 1;
    top: auto;
}

.sliderImg {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center ;
    background-size: cover;
    position: absolute;
    display: none;

}

#SliderImg1 {
    display: block;
    background-image: url("../img/slider1.jpg");
}

#SliderImg2 {
    background-image: url("../img/slider2.jpg");
}

#SliderImg3 {
    background-image: url("../img/slider3.jpg");
}

#SliderImg4 {
    background-image: url("../img/slider4.jpg");
}

#SliderImg5 {
    background-image: url("../img/slider5.jpg");
}

.paralax {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-size: 5rem;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-shadow: 1px 1px #000000;

}

#titleAktualnosci {
    background-image: url("../img/extra_small_separatorPolityka.jpg");
}
#titleKariera{
    background-image: url("../img/extra_small_separatorPolityka.jpg");
}
#titleAbout{
    background-image: url("../img/extra_small_separatorPolityka.jpg");
}

#titleOferta {
    background-image: url("../img/extra_small_separatorPolityka.jpg");
}

#titleTechnologia {
    background-image: url("../img/extra_small_separatorPolityka.jpg");
}

#titleEkologia {
    background-image: url("../img/extra_small_separatorPolityka.jpg");
}

#titlePolitykaJakosci {
    background-image: url("../img/extra_small_separatorPolityka.jpg");
}

#titleProdukcja {
    background-image: url("../img/extra_small_separatorPolityka.jpg");
}
#titleContact{
    background-image: url("../img/extra_small_separatorPolityka.jpg");
}

/*#titleAktualnosci,#titleOferta,#titleTechnologia,#titleEkologia,#titlePolitykaJakosci,#titleProdukcja{*/
/*    background-image: url("../img/ofirmie.jpg");*/
/*}*/

#ContentAktualnosci {
    min-height: 30vh;
    background-color: #e8e8e8;
    padding: 15px;
}


.NewsRow {
    margin-top: 4vh;
    padding: 15px;
    border-radius: 5px;
}

#contentOferta {
    background: #e8e8e8;
    padding: 2vh 15px 15px;
}

#ekologiaContent {
    background: #e8e8e8;
    padding: 10vh 15px 0;
}

#contentProdukcja {
    background: #e8e8e8;
    padding: 5vh;

}

#contentPolitykaJakosci {
    background: #e8e8e8;
    padding: 5vh;
}

#TechnologiaContainer {
    background: #e8e8e8;
}

.imgElement {
    width: 100%;
    max-height: 40vh;
}
.NewsElement{
    cursor: pointer;
}
.NewsElement:hover>div>div>.newsElement{
    opacity: 60%;

}
.technoImg{
    background-color: rgba(0,0,0,0.5);
}

body {
    font-family: 'Work Sans', sans-serif;
    min-height: 100vh;
}

.btn-none-round {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}

.nadrukElement:hover {
    background: rgba(0, 0, 0, 0.7);
    box-shadow:  inset 0 0 3em #070606
}
.nadrukElement {
    background: rgba(0, 0, 0, 0.5);
    transition: ease-in 0.4s;
}





.HightContrast {
    background: black !important;
    color: yellow !important;
    font-weight: bold !important;
    box-shadow: 0 0 0 0 #000000;
}
.DarkTheme{
    background: #343a40!important;
    color: white !important;
    font-weight: bold !important;
    box-shadow: 0 0 0 0 #000000;
}

.ContrastThemeHR{
    border-top: 1px solid yellow;
}
.DarkThemeHR{
    border-top: 1px solid #bfbfbf;
}

.HightContrast2 {
    background: yellow !important;
    color: black !important;
    font-weight: bold !important;
}
#errorContainer2{
    font-size: large;
    max-width: 40ch;
    word-wrap: break-word;
    z-index: 1500;
    position: fixed;
    right: 0;
    top: 10vh
}
#numTel,#faxnum,#emailname{
    cursor: pointer;
}
.hrefDec >a{
    color: inherit;
    text-decoration: none;
}
.hrefDec >a:hover{
    color: inherit;
    text-decoration: none;
}
#sfwdt2e531a{
    z-index: 99999999;
}
.editButtonDiv {
    right: 1vw;
    top: 1vh;
    z-index: 9999;
}

.ck-editor__editable {
    min-height: 500px;
}

.NewsDate {
    color: silver;
    right: 5px;
    font-size: 1.2rem;
    top: 0.5em
}

.center-element {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 992px) {
    .sliderImg > div > div > p.h1-style {
        text-shadow: 0 0 8px black;

        font-size: 3rem !important;
    }
}
@media (min-width: 992px) {
    .sliderImg > div > div > p.h1-style {
        text-shadow: 0px 0px 8px black;

        font-size: 4rem !important;
    }
}
.sliderImg > div > div > p.h3-style {
    text-shadow: 0px 0px 5px black;
}

.sliderHead1,.sliderHead2 {

    font-family: "Work Sans", serif;
    font-weight: bold;


}
.sliderHead1>p.h1-style {

    font-family: "Work Sans", serif;
    font-size: 1.2rem!important;
    line-height: 1 !important;
    font-weight: bold!important;


}
.sliderHead2>p.h3-style
{
    text-shadow: 0px 0px 8px black;
    font-size: 2rem !important;
    font-weight: 600;
}
.objectPage{
    min-height: 90vh;
}
.t-5{
    top:5%;
}
.nav-link{
    font-size:0.92em!important;
}
.footerElement>div{
    font-size: 0.8em;
}
.addCv:hover{
    cursor: pointer;

}
.addCv:hover >p
{

    border-bottom: 2px solid #1c7430;
}
.addCv >p
{
    border-bottom: 2px solid white;
}

.color-red {
    color:red;
}
#kadrymail:hover{
    cursor: pointer;
    text-decoration: underline;
}
#logoNav{
    color: rgba(0,0,0,.5);font-size: 1.4rem
}
#logoImg{
    height:3em;
}
.ckeditorHeight{
    height: 500px;
}
.bg-black{
    background: black;
}
.newsFontSize{
    font-size: 0.8rem
}
.pt-5vh{
    padding-top: 5vh;
}
.pb-5vh{
    padding-bottom: 5vh ;
}
.nadrukElementTextDiv{
    top:0;bottom:0;margin-top: auto;margin-bottom: auto;
}

.nadrukElementText{
    position: relative;top: 50%;transform: translateY(-50%);
    text-shadow: 0px 0px 8px black;
    font-size: 2rem !important;
    font-weight: 600;
}

.ribbon2Element {
    display: grid;
    font-size: 11px;
    grid-gap: 1px;
    grid-template-columns: repeat(2, 1fr) 1em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    width: 100%;
    box-shadow: 0px 0px ;
}
.ribbon1Element {
    display: grid;
    font-size: 11px;
    grid-gap: 1px;
    grid-template-columns: repeat(1, 1fr) 1em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    width: 100%;
    box-shadow: 0px 0px ;
}

.ribbon__element {
    /*background-color: #11d295;*/
    color: #fff;
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.333em;
    padding: 0.667em 0.667em 0.667em 1.333em;
    position: relative;
    text-decoration: none;
}
.ribbon__element:nth-child(1) {
    background-color: #009739;
    z-index: 3;
}
.ribbon__element:nth-child(2) {
    background-color: #009739;
    background-color: rgba(0,157,57,0.9);
    z-index: 2;
}
.Absolute-Center {
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}
@media (min-width: 996px) {
    .ribbon--alpha .ribbon__element:before {
        border-bottom: 1.333em solid transparent;
        border-left: 0.667em solid #fff;
        border-top: 1.333em solid transparent;
        bottom: 0;
        content: '';
        height: 0;
        left: 0;
        position: absolute;
        top: 0;
        width: 0;
    }

    .ribbon--alpha .ribbon__element:after {
        border-bottom: 1.333em solid transparent;
        border-left: 0.676em solid;
        border-top: 1.333em solid transparent;
        bottom: 0;
        content: '';
        height: 0;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform: translateX(0.667em);
        transform: translateX(0.667em);
        width: 0;
    }
}
.ribbon--alpha .ribbon__element:after {
    border-left-color: #009739;
}
#backToTop{
    width: 60px;height: 60px;border: #343434 solid 1px;border-radius:80px;z-index:1049;margin:auto;background: #e7e7e7;color:#343434
}
#backToTop:hover{
    color:#e7e7e7; background:#343434  ;
    cursor: pointer;
}
nav{
    z-index: 1044;
}
.sliderNav{
    z-index: 1000;
    cursor: pointer;
    opacity: 30%;
    transition: ease-in 0.2s;
}
.sliderNav:hover{
    opacity: 100%;
}
.sliderNavLeft{
    background: linear-gradient(to left, rgba(0,0,0,0) , rgba(0,0,0,1))
}
.sliderNavRight{
    background: linear-gradient(to right, rgba(0,0,0,0) , rgba(0,0,0,1));
    right: 0;
}
.sliderNavArrow{
    z-index: 1000;position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-shadow: 0px 0px 8px black;
    font-size: 3rem !important;

    color:white
}
.sliderNavLeftArrow{
    padding-right: 3rem;
    padding-left: 1rem;
}
.sliderNavRightArrow{
    padding-right: 1rem;
    padding-left: 3rem;
}
a{
    color: #1c7430;
    font-weight: 400;
}
a:hover{
    color: #1c993c;
}
.mw-bold{
    font-weight: 400;
}
.h1-style{
    display: block;
    font-size: 2em;
    margin: 0.67em 0;
    font-weight: bold;
}
.h2-style{
    display: block;
    font-size: 1.5em;
    margin: 0.83em 0;
    font-weight: bold;
}
.h3-style {
    display: block;
    font-size: 1.17em;
    margin: 1em 0;
    font-weight: bold;
}
.h5-style {
    display: block;
    font-size: .83em;
    margin: 1.67em 0;
    font-weight: bold;
}

.OfertaElementText{
    position: relative;top: 50%;transform: translateY(-50%);
    text-shadow: 0px 0px 8px black;
    font-size: 1.8rem !important;
    font-weight: 300;
}
.ofertaElementTextDiv{
    bottom:0;margin-top: auto;margin-bottom: auto;
}

.OfertaElement:hover {
    background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7));
    box-shadow:  inset 0 0 3em #070606
}
.OferItem:hover>a>.OfertaElement{
    background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7));
    box-shadow:  inset 0 0 3em #070606
}
/*.OferItem:hover{*/
/*    background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(12, 0, 0, 0.9));*/
/*    */
/*}*/
.OfertaElement {
    /*background: rgba(0, 0, 0, 0.5);*/
    background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5));
    transition: ease-in 0.4s;
    /*border-radius: 0 0 0.6rem 0.6rem;*/
}
.OferItem>a>img{
    /*border:1px rgba(0, 0, 0, 0.5) solid;*/
    /*border-radius: 0 0 0.6rem 0.6rem;*/
    margin-top:1rem;
}

.btn-outline-wok {
    color: #1c7430;
    background-color: transparent;
    background-image: none;
    border-color:#1c7430 ;
}

.btn-outline-wok:hover {
    color: #fff;
    background-color: #1c7430;
    border-color: #1c7430;
}

.btn-outline-wok:focus, .btn-outline-wok.focus {
    box-shadow: 0 0 0 0.2rem rgba(41, 143, 64, 0.5);
}

.btn-outline-wok.disabled, .btn-outline-wok:disabled {
    color: #1c7430;
    background-color: transparent;
}

.btn-outline-wok:not(:disabled):not(.disabled):active, .btn-outline-wok:not(:disabled):not(.disabled).active,
.show > .btn-outline-wok.dropdown-toggle {
    color: #fff;
    background-color: #1c7430;
    border-color: #1c7430;
}

.btn-outline-wok:not(:disabled):not(.disabled):active:focus, .btn-outline-wok:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-wok.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(46, 133, 68, 0.5);
}

