body{
    border: 0;
    padding: 0px;
    margin: 0px;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 300;
    color: #373535;
    font-family: 'Encode Sans Expanded', sans-serif;
    overflow-x: hidden;
    }
    
    p{
    padding: 0px;
    margin: 0px;
    margin-bottom: 15px;
    }
    a{
    text-decoration: none;
    color: inherit;
    }
    a img{
    border: none;
    }
    strong{
    font-weight:500;
    }
    .widthSection {
    float: left;
    width: 100%;
    }
    
    table tr td{
    vertical-align: top;
    }
    
    #topSec .widthHolder{
    position: relative;
    transition: all .5s;
    }
    
    h1{
    text-align :center;
    font-size: 30px;
    line-height: 36px;
    font-weight: 400;
    margin: 10px 0px 15px 0px
    }
    
    h1.marker{
        text-align :left;
    }

    h1.marker::before{
        display: inline-block;
        content: "";
        background: repeating-linear-gradient(90deg, #dce135, #dce135 5px, #00afef 5px, #00afef 10px, #323456 10px, #323456 15px);
        height: 27px;
        width: 15px;
        position: relative;
        top: 5px;
        left: 0;
        float: left;
        margin-left: -25px;
    }
    
    h2 {
    font-size: 35px;
    font-weight: 400;
    margin-bottom: 20px;
    }
    
    h2::before{
    display: inline-block;
    content: "";
    background: repeating-linear-gradient( 90deg, #dce135, #dce135 5px, #00afef 5px, #00afef 10px, #323456 10px, #323456 15px );
    height: 27px;
    width: 15px;
    position: relative;
    top: 10px;
    left: -10px;
    float: left;
    }
    
    h3{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0px;
    }
    
    .widthHolder{
    min-width: 320px;
    max-width: 1100px;
    margin: 0px auto;
    padding: 0px 10px; 
    box-sizing: border-box;
    }
    
    #sliderSectionMobile, #sliderSectionMobile2{
    display: none;
    }

    #sliderSection {
    margin-top: 90px;
    }
    
    #sliderSection .widthHolder{
    padding: 0px 0px; 

    }
    #sliderSection2{
    position: absolute;
    }
    #sliderSection2 .widthHolder{
    padding: 0px 0px; 
    }
    
    
    #topSec{
    z-index: 10000;
    left: 0px;
    top: 0px;
    transition: all .5s;
    background-color: #ffffff;
    height: 80px;
    padding-top: 10px;
    position: fixed;
    }
    
    #topSec.show{
    position: fixed;
    background-color: #ffffff;
    border-bottom: solid #dedede 1px;
    background: #ffffffd1;
    height: 70px;
    display: none;
    }
    
    #topSec.show .widthHolder {
    height: 60px;
    position: relative;
    transition: all .5s;
    }
    
    #topSec.show #menuplace {
    position: absolute;
    left: 0px;
    bottom: 20%;
    transition: all .5s;
    }
    
    #logoplace img{
    transition: all .5s;
    }
    
    #topSec.show #logoplace img {
    width: 170px;
    height: auto;
    transition: all .5s;
    }
    
    #logoplace{
    position: relative;
    top: 5px;
    }
    
    #logo{
    margin-bottom: 20px;
    margin-top: 5px;
    }
    
    #topSec.show #logoplace{
    top: -8px;
    }
    
    #menuplace{
    transition: all .5s;
    position: absolute;
    right: 0px;
    top: 35px;
    }
    
    #menuplace ul.menu, #menuplace ul{
    list-style: none;
    padding: 0px;
    margin: 0px auto;
    width: auto;
    height: 20px;
    }

    #menuplace .mod-languages{
        display: none;
    }
    
    #menuplace ul li{
    position: relative;
    float: left;
    padding: 0px;
    margin: 0px;
    padding-bottom: 2px;
    }
    
    #menuplace ul li a, #menuplace ul li .separator{
    display: block;
    padding: 0px 20px 0px 20px;
    font-size: 15px;
    text-decoration: none;
    cursor: pointer;
    font-weight: 300;
    }
    
    #menuplace ul.nav-child{
    display: none;
    width: 250px;
    position: absolute;
    left: 0px;
    top: 25px;
    z-index: 1000;
    list-style: none;
    padding: 15px 15px 15px 10px;
    background-color: #ffffffd1;
    }
    #menuplace ul li.item-110 .separator{
    font-weight: 500;
    }
    
    #menuplace ul.nav-child a{
    padding:15px 16px 5px 16px;
    }
    
    #menuplace ul li:hover{
    opacity: 0.6;
    }
    
    #menuplace ul li:hover ul.nav-child{
    display: block;
    }
    
    ul.nav-child li:hover{
    border: none!important;
    }
    
    ul.nav-child li a:hover{
    border-bottom: solid 2px #000000;
    padding-bottom: 3px!important;
    }
    
    #sliderSection .layer_gif{
    opacity: 0.4!important;
    }
    #sliderSection .layer_gif img{
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         40s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    }
    @-webkit-keyframes rotate {
    from {
    -webkit-transform: rotate(0deg);
    }
    to { 
    -webkit-transform: rotate(360deg);
    }
    }
    #sliderSection2 .tp-caption.excerpt.haslo_slider{
    color: #000000;
    font-weight: 300;
    font-family: 'Encode Sans Expanded', sans-serif;
    font-size: 40px!important;
    }
    #sliderSection2 .tp-caption.excerpt.haslo_slider span{
    font-weight: 500;
    font-size: 41px!important;
    }
    #sliderSection2 .tp-caption.excerpt.haslo_slider::before{
    display: inline-block;
    content: "";
    background: repeating-linear-gradient( 90deg, #dce135, #dce135 5px, #00afef 5px, #00afef 10px, #323456 10px, #323456 15px );
    height: 75px;
    width: 15px;
    position: relative;
    top: 4px;
    left: -10px;
    float: left;
    }
    
    #sliderSection2 .tp-caption.excerpt2.haslo_small{
    color: #000000;
    font-weight: 300;
    font-family: 'Encode Sans Expanded', sans-serif;
    font-size: 20px!important;
    }
    
    #position1 p{
    font-weight: 500;
    font-size: 20px;
    margin-top: 30px;
    }
    
    #position2{
    position: relative;
    background: linear-gradient(90deg, #e2de00 72%, #ffffff 70%);
    padding: 40px 0px 30px 0px;
    margin-top: 40px;
    }
    #position2 .doskonalac{
    font-size: 18px;
    }
    
    #position2b{
    position: relative;
    top: -330px;
    margin-bottom: -300px;
    right: -13.5%;
    }
    #position2b img{
    width: 49%;
    height: auto;
    }
    #position2 .custom{
    width: 75%;
    }
    #position2c img{
    animation-name: layeranim;
    -webkit-animation-duration:         40s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    animation-delay: 3s;
    
    opacity: 0.7;
    position: relative;
    float: right;
    right: -9%;
    top: 150px;
    }
    #position2c {
    height: 580px;
    margin-top: -510px;
    }
    
    #position3 h4{
    margin-top: 2px;
    }
    
    @keyframes layeranim {
    from {
    -webkit-transform: rotate(0deg);
    }
    to { 
    -webkit-transform: rotate(360deg);
    }
    }
    
    #position3 #zespol_wielokat img{
    animation-name: layeranim_wielokat;
    -webkit-animation-duration:         40s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    animation-delay: 1.5s;
    
    }
    
    @keyframes layeranim_wielokat {
    from {
    -webkit-transform: rotate(0deg);
    }
    to { 
    -webkit-transform: rotate(360deg);
    }
    }
    
    
    #position5 .pasja_anim{
    animation-name: layeranim_wielokat2;
    -webkit-animation-duration:         40s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    
    }
    
    @keyframes layeranim_wielokat2 {
    from {
    -webkit-transform: rotate(0deg);
    }
    to { 
    -webkit-transform: rotate(360deg);
    }
    }
    
    
    
    #position3 .more{
    position: relative;
    top: 4px;
    left: 3px;
    }
    #position3 .msimg_table{
    position: relative;
    left: -55px;
    }
    #position3 .ms_table{
    padding-right: 20px;
    }
    #position3 .kwimg_table{
    position: relative;
    left: 55px;
    }
    #position3 .kw_table{
    padding-left: 20px;
    }
    #position3 .anim1{
    
    animation-name: anim1;
    -webkit-animation-duration:         40s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    opacity: 0.7;
    margin-top: -70%;
    margin-left: -15%;
    animation-delay: 2s;
    }
    
    @keyframes anim1 {
    from {
    -webkit-transform: rotate(0deg);
    }
    to { 
    -webkit-transform: rotate(360deg);
    }
    }
    #position3 .anim2{
    
    animation-name: anim2;
    -webkit-animation-duration:         40s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    opacity: 0.7;
    margin-top: -85%;
    margin-left: -8%;
    animation-delay: 4s;
    
    }
    
    @keyframes anim2 {
    from {
    -webkit-transform: rotate(0deg);
    }
    to { 
    -webkit-transform: rotate(360deg);
    }
    }
    
    #rozwiniecie1, #rozwiniecie2{
    display: none;
    background: rgb(255, 255, 255);
    position: relative;
    }
    #czytaj_wiecej1, #czytaj_wiecej2, #czytaj_wiecej3, #czytaj_wiecej4, #czytaj_wiecej5{
    float: right;
    position: relative;
    right: 5px;
    cursor: pointer;
    }
    #czytaj_wiecej1:hover, #czytaj_wiecej2:hover, #czytaj_wiecej3:hover, #czytaj_wiecej4:hover, #czytaj_wiecej5:hover{
    opacity: 0.6;
    }
    #zespol_wielokat{
    position: absolute;
    margin-top: -45px;
    margin-left: -20px;
    }
    #position3 table{
    margin-bottom: 15px
    }
    
    #position3 table.zespol{
    width: 100%;
    }
    #position3 table tr td.td_punktor{
    width: 4%;
    }
    #position3 table.zespol strong{
    font-size: 20px;
    }
    #position3 table.zespol{
    font-size: 19px;
    }
    
    #position3 .socialmedia_icon{
    margin: 8px 12px 0px 0px;
    }
    #position3 .zespol_click{
    width: 33.3%;
    padding: 27px 0px 30px 0px;
    
    }
    #position3 .zespol_click.active{
    pointer-events: none;
    background: url("/images/zespol/zespol_ramka_malav2.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    padding: 27px 0px 30px 0px;
    }
    
    #position3{
    padding-bottom: 100px;
    margin-top: -100px;
    }
    
    #michalSzulecki{
    background: #ffffff;
    position: relative;
    float: left;
    
    margin-top: -68px;
    padding-top: 10px;
    
    }
    #kamilWinski{
    background: #ffffff;
    position: relative;
    float: left;
    margin-top: -15px;
    }
    
    #kamilWinski, #michalSzulecki{
    display: none;
    }
    
    #kamilWiClick{
    position: relative;
    top: 20px;
    }
    
    #adamMilczarek{
    background: url("/images/zespol/zespol_ramka.png");
    background-repeat: no-repeat;
    background-position: center;
    padding: 60px 0px 60px 0px;
    font-size: 15px;
    background-size: 100%;
    min-height: 325px;
    }
    
    #bartoszZurkowski, #ewelinaSzulecka{
    background: url("/images/zespol/zespol_ramka.png");
    background-repeat: no-repeat;
    background-position: center;
    padding: 60px 0px 60px 0px;
    font-size: 15px;
    background-size: 100%;
    min-height: 325px;
    }
    
    
    #adamMilczarek {
    visibility: hidden;
    }
    #ewelinaSzulecka {
    margin-top: -487px;
    visibility: hidden;
    padding-top: 115px;
    }
    #bartoszZurkowski {
    margin-top: -508px;
    visibility: hidden;
    padding-top: 130px;
    }
    #adamMilczarek.active{
    visibility: visible;
    margin-bottom: -532px;
    padding-top: 180px;
    margin-top: -75px;
    
    }
    #ewelinaSzulecka.active{
    visibility: visible;
    }
    #bartoszZurkowski.active{
    visibility: visible;
    }
    #adamMilczarek p, #ewelinaSzulecka p, #bartoszZurkowski p{
    width: 90%;
    margin: 0px auto;
    }
    
    #ewelinaSzulecka ul, #bartoszZurkowski ul, #adamMilczarek ul{
    width: 90%;
    margin: 0px auto;
    margin-top: 10px;
    }
    
    #adamMiClick, #ewelinaSzClick, #bartoszZuClick{
    cursor: pointer;
    text-align: center;
    }
    #adamMiClick:hover, #ewelinaSzClick:hover, #bartoszZuClick:hover{
    opacity: 0.6;
    }
    
    #position3b .liczby_1, #position3b .liczby_5{
    color: #e2de00;
    font-weight: 600;
    }
    #position3b .liczby_2, #position3b .liczby_4{
    color: #009fe3;
    font-weight: 600;
    }
    #position3b .liczby_3, #position3b .liczby_6{
    color: #22214a;
    font-weight: 600;
    }
    #liczba1, #liczba2, #liczba3, #liczba4, #liczba5, #liczba6{
    font-size: 180pt;
    margin-bottom: -25px;
    cursor: pointer;
    }
    #position3b table.liczby_rzad1{
    width: 60%;
    }
    #position3b table.liczby_rzad2{
    width: 60%;
    float: right;
    }
    
    #position3b .liczby_img{
    position: relative;
    bottom: 125px;
    left: 75px;
    margin-bottom: -110px;
    }
    #position3b .liczby_img img{
    width: auto;
    height: 95px;
    }
    #position3b .liczby_podtytuly{
    text-align: center;
    font-size: 20px;
    }
    #liczba1.jump{
    animation: bounce2 2s ease;
    animation-delay: 0s;
    }
    #liczba2.jump{
    animation: bounce2 2s ease;
    animation-delay: 1s;
    }
    #liczba3.jump{
    animation: bounce2 2s ease;
    animation-delay: 2s;
    }
    #liczba4.jump{
    animation: bounce2 2s ease;
    animation-delay: 3s;
    }
    #liczba5.jump{
    animation: bounce2 2s ease;
    animation-delay: 4s;
    }
    #liczba6.jump{
    animation: bounce2 2s ease;
    animation-delay: 5s;
    }
    #liczba1:hover, #liczba2:hover, #liczba3:hover, #liczba4:hover, #liczba5:hover, #liczba6:hover{
    animation: bounce2 2s ease infinite;
    }
    @keyframes bounce2 {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
    }
    
    #position5 h4{
    font-weight: 700;
    font-size: 16px;
    margin: 0px 0px 25px 0px;
    }
    
    #position5{
    padding-top: 15px;
    }
    #position5 .custom{
    width: 1200px;
    margin: 0px auto;
    }
    #position5 table.okreslanie{
    background: url("/images/pos3/ramka_szara.png");
    background-position: left;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 38px 0px 38px 5px;
    font-size: 14px;
    width: 99%;
    height: 220px;
    }
    #position5 table.okreslanie tr td{
    padding-left: 20px;
    }
    a:hover, .sprawdz:hover{
    opacity: 0.7;
    }
    
    #position5 table tr td{
    vertical-align: middle;
    }
    #position5 table tr td.akceptacja{
    background: url("/images/pos3/strzalki_tlo-dlugie.png");
    background-position: left;
    background-repeat: no-repeat;
    background-size: 94%;
    padding: 0px 0px 0px 15px;
    font-size: 14px;
    width: 300px;
    height: 450px;
    vertical-align: top;
    }
    #position5 table tr td.organizacja{
    background: url("/images/pos3/strzalki_tlo-dlugie.png");
    background-position: left;
    background-repeat: no-repeat;
    background-size: 94%;
    padding: 0px 0px 0px 15px;
    font-size: 14px;
    width: 300px;
    height: 450px;
    vertical-align: top;
    }
    #position5 table tr td.konsultacja{
    background: url("/images/pos3/strzalki_tlo-dlugie.png");
    background-position: left;
    background-repeat: no-repeat;
    background-size: 94%;
    padding: 0px 0px 0px 15px;
    font-size: 14px;
    width: 300px;
    height: 450px;
    vertical-align: top;
    }
    
    #position5 table tr td.akceptacja, #position5 table tr td.organizacja, #position5 table tr td.konsultacja{
    padding-top: 60px;
    height: 390px;
    }
    
    
    
    
    #position5 table tr td.wdrozenie{
    background: url("/images/pos3/ramka_kieruje_nami_pasja_kolor_v2.png");
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: 14px;
    padding: 0px 20px 30px 30px;
    width: 250px;
    }
    #position5 img.pasja_anim{
    
    float: right;
    bottom: 115px;
    position: relative;
    right: 2%;
    }
    
    .okreslanie img, .akceptacja img, .organizacja img, .konsultacja img, .wdrozenie img{
    cursor: pointer;
    }
    .organizacja img{
    
    width: 25%;
    height: auto;
    position: relative;
    top: 10px;
    
    }
    .okreslanie:hover img, .akceptacja:hover img, .organizacja:hover img, .konsultacja:hover img, .wdrozenie:hover img{
    animation: bounce 2s ease infinite;
    animation-delay: 0s;
    
    }
    @keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-17px);}
    60% {transform: translateY(-15px);}
    }
    
    #position6{
    padding-top: 70px;
    margin-bottom: 60px;
    }
    #position6 table{
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    }
    #position6 table tr td {
    vertical-align: middle;
    padding-bottom: 20px;
    width: 25%;
    }
    
    #position7 .custom{
    z-index: 10000;
    width: 70%;
    float: right;
    position: relative;
    }
    #position7 .numer{
    font-size: 40px;
    }
    #position7 table{
    float: right;
    }
    #position7 table tr td{
    vertical-align: middle;
    }
    #position7 table tr td img{
    margin-right: 10px;
    margin-left: 25px;
    }
    
    
    #position7{
    background: linear-gradient(90deg, #ffffff 30%, #e2de00 30%);
    padding: 40px 0px 30px 0px;
    }
    
    #position7 p{
    font-size: 17px;
    }
    
    #position7c{
    position: relative;
    top: -330px;
    left: -15%;
    margin-bottom: -330px;
    }
    
    #position7b img{
    animation-name: layeranim2;
    -webkit-animation-duration:         40s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    opacity: 0.7;
    animation-delay: 5s;
    
    }
    #position7b{
    margin-top: -450px;
    position: relative;
    z-index: 2;
    margin-bottom: 300px;
    }
    
    
    
    @keyframes layeranim2 {
    from {
    -webkit-transform: rotate(0deg);
    }
    to { 
    -webkit-transform: rotate(360deg);
    }
    }
    
    
    #position8{
    padding: 80px 0px 0px 0px;
    }
    
    #position8 table{
    width: 100%;
    margin-top: 70px;
    }
    
    #position8b .wsparcie{
    opacity: 0.7;
    animation-name: corobimy1;
    -webkit-animation-duration:         40s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    
    bottom: 35px;
    left: 11%;
    position: relative;
    }
    
    @-webkit-keyframes corobimy1 {
    from {
    -webkit-transform: rotate(0deg);
    }
    to { 
    -webkit-transform: rotate(360deg);
    }
    }
    #position8b .polaczenie{
    opacity: 0.7;
    animation-name: corobimy2;
    -webkit-animation-duration:         40s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    float: right;
    bottom: 60px;
    right: 63%;
    position: relative;
    animation-delay: 2s;
    }
    @keyframes corobimy2 {
    from {
    -webkit-transform: rotate(0deg);
    }
    to { 
    -webkit-transform: rotate(360deg);
    }
    }
    
    #position8b .kreatywne{
    opacity: 0.7;
    animation-name: corobimy3;
    -webkit-animation-duration:         40s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    float: right;
    bottom: 15px;
    right: 38%;
    position: relative;
    }
    @keyframes corobimy3 {
    from {
    -webkit-transform: rotate(0deg);
    }
    to { 
    -webkit-transform: rotate(360deg);
    }
    }
    
    #position8b .aplikacje{
    opacity: 0.7;
    animation-name: corobimy4;
    -webkit-animation-duration:         40s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    float: right;
    bottom: 70px;
    right: 6%;
    position: relative;
    animation-delay: 3s;
    }
    @keyframes corobimy4 {
    from {
    -webkit-transform: rotate(0deg);
    }
    to { 
    -webkit-transform: rotate(360deg);
    }
    }
    #position8b{
    position: relative;
    bottom: 100px;
    }
    #position10 .scorise_box h3{
    width: 65%;
    }
    #position10 h3{
    width: 81%;
    position: relative;
    left: 65px;
    margin-bottom: 15px;
    margin-top: 0px;
    line-height: 1;
    }
    
    #position10 a:hover{
    opacity: 1;
    color: #009fe3;
    }
    
    #position10 .datapoint_box.show .partnerzy_anim{
    opacity: 0.7;
    animation-name: partnerzy;
    -webkit-animation-duration:         40s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    }
    @keyframes partnerzy {
    from {
    -webkit-transform: rotate(0deg);
    }
    to { 
    -webkit-transform: rotate(360deg);
    }
    }
    #position10 .scorise_box.show .partnerzy_anim{
    opacity: 0.7;
    animation-name: partnerzy;
    -webkit-animation-duration:         40s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    animation-delay: 5s;
    }
    @keyframes partnerzy {
    from {
    -webkit-transform: rotate(0deg);
    }
    to { 
    -webkit-transform: rotate(360deg);
    }
    }
    #position10 .dp_box.show .partnerzy_anim{
    opacity: 0.7;
    animation-name: partnerzy;
    -webkit-animation-duration:         40s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    animation-delay: 2s;
    }
    @keyframes partnerzy {
    from {
    -webkit-transform: rotate(0deg);
    }
    to { 
    -webkit-transform: rotate(360deg);
    }
    }
    #position10 .bni_box.show .partnerzy_anim{
    opacity: 0.7;
    animation-name: partnerzy;
    -webkit-animation-duration:         40s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    animation-delay: 5s;
    }
    @keyframes partnerzy {
    from {
    -webkit-transform: rotate(0deg);
    }
    to { 
    -webkit-transform: rotate(360deg);
    }
    }
    #position10 .jabali_box.show .partnerzy_anim{
    opacity: 0.7;
    animation-name: partnerzy;
    -webkit-animation-duration:         40s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    animation-delay: 2s;
    }
    @keyframes partnerzy {
    from {
    -webkit-transform: rotate(0deg);
    }
    to { 
    -webkit-transform: rotate(360deg);
    }
    }
    
    #position9, #position9b, #position9c{
    padding: 50px 0px 100px 0px;
    }
    #position9, #position9b{
    display: none;
    height: 600px;
    }
    #position9 .slideshow-container2, #position9b .slideshow-container,  #position9c .slideshow-container{
    height: 600px;
    }
    #position9b, #position9c{
    height: 600px;
    }
    
    #position9b .pasek img, #position9c .pasek img{
    position: relative;
    bottom: 50px;
    }
    
    .case_table{
        display: flex;
        justify-content: space-between;
    }
    
    .case_table>p{
          width: 30%;
        padding: 30px 10px;
        background: url("/images/cases/case_ramka.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    font-weight: 700;
    width: 30%;
    text-align: center;
    border-radius: 20px;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    transition: all .5s;
    
    }
    
    .case_table>p:hover{
          background: #e2de00;
        transition: all .5s;
    }
    
    
    #case1_click, #case2_click, #case3_click{
    
    }
    
    .case_table>p.active{
    pointer-events: none;
    background: #e2de00;
    }
    
    #position10 .data_img{
    width: 30%;
    float: left;
    margin-top: 10%;
    }
    #position10 .datapoint_box{
    float: left;
    background: url("/images/partnerzy/partnerzy_ramka.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
    width: 65%;
    padding: 60px 0px;
    }
    #position10 .datapoint_box p, #position10 .datapoint_box table{
    padding: 0px 65px;
    }
    #position10 .bni_img{
    width: 30%;
    float: left;
    margin-top: 12%;
    }
    #position10 .bni_box{
    float: left;
    background: url(/images/partnerzy/partnerzy_ramka.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
    width: 65%;
    padding: 60px 0px;
    margin-left: -20px;
    margin-right: 20px;
    }
    #position10 .bni_box p, #position10 .bni_box table{
    padding: 0px 65px;
    }
    
    #position10 .scorise_img{
    width: 30%;
    float: left;
    margin-top: 10%;
    }
    #position10 .jabali_img{
    width: 30%;
    float: left;
    margin-top: 5%;
    }
    #position10 .scorise_box{
    float: left;
    background: url("/images/partnerzy/partnerzy_ramka.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
    width: 65%;
    padding: 60px 0px;
    }
    #position10 .scorise_box p, #position10 .scorise_box table{
    padding: 0px 65px;
    }
    
    #position10 .dp_img{
    width: 30%;
    float: left;
    margin-top: 7%;
    }
    #position10 .dp_box{
    float: left;
    background: url("/images/partnerzy/partnerzy_ramka.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
    width: 65%;
    padding: 85px 0px;
    margin-left: -20px;
    margin-right: 20px;
    }
    #position10 .dp_box p, #position10 .dp_box table{
    padding: 0px 65px;
    }
    #position10 .jabali_box{
    float: left;
    background: url("/images/partnerzy/partnerzy_ramka.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
    width: 65%;
    padding: 65px 0px;
    margin-left: -20px;
    margin-right: 20px;
    }
    #position10 .jabali_box p, #position10 .jabali_box table{
    padding: 0px 65px;
    }
    #position10 table tr td {
    vertical-align: middle;
    }
    #position10{
    padding-bottom: 80px;
    }
    #position10 .sekcja_partnerzy{
    width: 100%;
    float: left;
    margin-bottom: 30px;
    }
    
    #position10 .datapoint_box{
    right: -110%;
    position: relative;
    visibility: hidden;
    transition: all .7s;
    }
    
    #position10 .datapoint_box.show{
    right: 0%;
    visibility: visible;
    transition: all .7s;
    }
    
    #position10 .bni_box{
    left: -110%;
    position: relative;
    visibility: hidden;
    transition: all .7s;
    }
    
    #position10 .bni_box.show{
    left: 0%;
    visibility: visible;
    transition: all .7s;
    }
    
    #position10 .scorise_box{
    right: -110%;
    position: relative;
    visibility: hidden;
    transition: all .7s;
    }
    
    #position10 .scorise_box.show{
    right: 0%;
    visibility: visible;
    transition: all .7s;
    }
    
    #position10 .dp_box{
    left: -110%;
    position: relative;
    visibility: hidden;
    transition: all .7s;
    }
    
    #position10 .dp_box.show{
    left: 0%;
    visibility: visible;
    transition: all .7s;
    }
    
    #position10 .jabali_box{
    right: -110%;
    position: relative;
    visibility: hidden;
    transition: all .7s;
    }
    
    #position10 .jabali_box.show{
    right: 0%;
    visibility: visible;
    transition: all .7s;
    }
    
    #footSection{
    padding: 10px 0px 0px 0px;
    margin-top: -220px;
    }
    #footSection .socialmedia img{
    margin: 10px 5px 10px 20px;
    }
    #copyright{
    font-weight: 500;
    letter-spacing: 5px;
    font-size: 13px;
    padding: 30px 0px 10px 0px;
    margin-top: 30px;
    }
    
    
    #position19{
    background: url("/images/stopka/ramkav2.png");
    background-repeat: no-repeat;
    height: 395px;
    float: right;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    width: 55.5%;
    bottom: -400px;
    position: relative;
    padding: 10px;
    margin-top: -400px;
    }
    
    #position20{
    background: url("/images/stopka/stopka_paralaksa.jpg");
    background-position: bottom -100px right -210px;
    background-repeat: no-repeat;
    background-size: 70%;
    background-attachment: fixed;
    height: 300px;
    float: right;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    width: 55.5%;
    }
    #position20 img{
    position: relative;
    bottom: 30px;
    }
    #position3mob, #position5mob, #position6mob, #position10mob, #sliderSectionMobile, #footSectionMob, #position11, #position12, #position12b{
    display: none;
    }
    #position13{
    position: relative;
    top: 40px;
    }
    #position13 .custom{
        max-width: 96%;
    }
    #position14 .custom{
        max-width: 94%;
    }
    #position14{
    position: relative;
    z-index: 10;
    top: 40px;
    }
    #position14b{
    position: relative;
    z-index: 5;
    top: -860px;
    margin-bottom: -860px;
    }
    #position14b img{
    min-width: 78%;
    max-width: 88%;
    }
    #position14 table{
    width: 100%;
    }
    #position14 table.table1{
    background: #ffffff;
    padding: 35px 15px 25px 15px;
    border-radius: 15px;
    }
    #position14 table.table2{
    margin-top: 20px;
    }
    
    #position14 .sprawdz{
    font-weight: 700;
    color: #ffffff;
    background: #e8780a;
    width: 85%;
    padding: 11px;
    border-radius: 8px;
    margin: 0px auto;
    font-size: 16px;
    }
    
    #position14 .poznaj{
    background: #008d9b;
    color: #ffffff;
    font-weight: 700;
    font-size: 22px;
    padding: 5px;
    border-radius: 5px;
    margin: 0px auto;
    width: 73%;
    }
    
    #position14 .konektor{
    float: right!important;
    }
    #position14 .poznaj_div {
    position: relative;
    text-align: center;
    font-weight: 700;
    color: #ffffff;
    background: #008d9b;
    width: 95%;
    padding: 7px 5px 3px 0px;
    border-radius: 8px;
    margin: 0px auto;
    font-size: 22px;
    top: 13px;
    }
    #position14 .poznaj_div a{
    bottom: 4px;
    position: relative;
    }
    #position14 .poznaj_div a img{
    top: 3px;
    position: relative;
    left: 10px;
    width: 125px;
    height: auto;
    }
    #position15 {
    background: url("/images/formularz/ramki1.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 100px;
    }
    
    #position15 .pipedriveWebForms {
    text-align: center;
    }
    
    #position15 .pipedriveWebForms iframe{
    padding: 110px 50px 110px 50px;
    }
    #app .gDhlQr{
    max-width: 800px!important;
    
    }
    #position14mob, #position2mob{
    display: none;
    }
    
    .sc-iAvgwm.dFRxWz{
        display: none;
    }
    
    @media screen and (max-width: 1099px){
    table tr td {
    width: 100%;
    float: left;
    }
    img{
    max-width: 100%;
    height: auto;
    }
    #position2c, #position2, #position3, #position10, #position9, #position9a, #position9b, #position9c, #position7b, #footSection, #position19, #position20, #position5, #position6, #position8b{
    display: none;
    }
    #sliderSectionMobile, #sliderSectionMobile2, #position2mob,#sliderSection, #sliderSection2{
    display: block;
    }
    #logoplace {
    left: 5px;
    top: 0px;
    width: 40%;
    height: auto;
    }
    #topSec {
    position: fixed;
    height: 45px;
    }
    #position2mob {
    padding: 50px 0px 30px 0px;
    background: #e2de00;
    margin-bottom: 155px;
    margin-top: 10px;
    }
    #position2mob .custom {
    width: 100%;
    }
    
    #poznaj_zwin{
    margin-bottom: -40px;
    }
    
    #position2mob #poznaj_nas_mobile_box{
    display: none;
    padding-top: 10px;
    position: relative;
    top: -50px;
    background: #e2de00;
    }
    
    #position3mob .msimg_table {
    left: 0px;
    text-align: center;
    }
    
    #position3mob h4{
    margin-top: 0px;
    text-align: center!important;
    }
    #position3mob h3{
    text-align: center!important;
    }
    
    #position1 p {
    font-size: 16px;
    width: 85%;
    margin: 0px auto;
    margin-bottom: 20px;
    margin-top: 50px;
    }
    
    #position3mob .zespol{
    margin-top: 50px;
    }
    
    #position3mob .more{
    position: relative;
    top: 4px;
    left: 3px;
    }
    #position3mob .msimg_table{
    position: relative;
    left: 0px;
    text-align: center;
    }
    #position3mob .ms_table{
    padding-right: 0px;
    }
    #position3mob .kwimg_table{
    position: relative;
    left: 0px;
    text-align: center;
    margin-top: 60px;
    }
    
    
    #rozwiniecie1Mob, #rozwiniecie2Mob{
    display: none;
    background: rgb(255, 255, 255);
    position: relative;
    }
    #czytaj_wiecej1Mob, #czytaj_wiecej2Mob, #czytaj_wiecej3Mob, #czytaj_wiecej4Mob, #czytaj_wiecej5Mob{
    float: right;
    position: relative;
    right: 5px;
    cursor: pointer;
    }
    #czytaj_wiecej1Mob:hover, #czytaj_wiecej2Mob:hover, #czytaj_wiecej3Mob:hover, #czytaj_wiecej4Mob:hover, #czytaj_wiecej5Mob:hover{
    opacity: 0.6;
    }
    #zespol_wielokatMob{
    display: none;
    }
    #position3mob table{
    margin-bottom: 5px
    }
    
    #position3mob table.zespol{
    width: 100%;
    }
    #position3mob table tr td.td_punktor{
    width: 4%;
    }
    #position3mob table.zespol strong{
    font-size: 15px;
    }
    #position3mob table.zespol{
    font-size: 15px;
    }
    
    #position3mob .socialmedia_icon{
    margin: 8px 12px 0px 0px;
    }
    #position3mob .zespol_click{
    padding: 33px 0px 33px 0px;
    
    }
    #adamMiClickMob{
    width: 32%; 
    }
    #ewelinaSzClickMob{
    width: 30%; 
    }
    #bartoszZuClickMob{
    width: 37%; 
    }
    #position1{
    margin-top: 50px;
    }
    #position3mob .zespol_click.active{
    pointer-events: none;
    background: none;
    pointer-events: none;
    background: none;
    padding: 20px 0px 20px 0px;
    border: 1px solid #b1b1b1;
    border-radius: 3px;
    }
    #position3mob .zespol_click{
    padding: 20px 0px 20px 0px;
    
    }
    
    #position3mob{
    padding-bottom: 0px;
    margin-top: -100px;
    }
    
    #michalSzuleckiMob{
    background: #ffffff;
    position: relative;
    float: left;
    margin-top: -70px;
    }
    #kamilWinskiMob{
    background: #ffffff;
    position: relative;
    float: left;
    margin-top: -40px;
    }
    
    #kamilWinskiMob, #michalSzuleckiMob{
    display: none;
    }
    
    #adamMilczarekMob, #ewelinaSzuleckaMob, #bartoszZurkowskiMob{
    padding: 0px 0px 20px 0px;
    font-size: 15px;
    min-height: 120px;
    }
    #adamMilczarekMob {
    visibility: hidden;
    }
    #ewelinaSzuleckaMob {
    margin-top: -195px;
    visibility: hidden;
    }
    #bartoszZurkowskiMob {
    margin-top: -195px;
    visibility: hidden;
    }
    
    table.zespol tr td#adamMiClick {
    width: 28%;
    float: left;
    }
    table.zespol tr td#ewelinaSzClick {
    width: 33%;
    float: left;
    }
    table.zespol tr td#bartoszZuClick {
    width: 38%;
    float: left;
    }
    
    #adamMilczarekMob.active{
    visibility: visible;
    }
    #ewelinaSzuleckaMob.active{
    visibility: visible;
    }
    #bartoszZurkowskiMob.active{
    visibility: visible;
    }
    #adamMilczarekMob p, #ewelinaSzuleckaMob p, #bartoszZurkowskiMob p{
    width: 100%;
    margin: 0px auto;
    }
    
    #adamMiClickMob, #ewelinaSzClickMob, #bartoszZuClickMob{
    cursor: pointer;
    text-align: center;
    }
    #adamMiClickMob:hover, #ewelinaSzClickMob:hover, #bartoszZuClickMob:hover{
    opacity: 0.6;
    }
    
    #position5mob h4{
    font-weight: 700;
    font-size: 16px;
    }
    
    #position5mob{
    padding-top: 15px;
    }
    #position5mob .custom{
    width: 100%;
    margin: 0px auto;
    }
    #position5mob table.okreslanie{
    background: url("/images/pos3/ramka_szara.png");
    background-position: left;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 70px 0px 70px 5px;
    width: 97%;
    }
    #position5mob table.okreslanie tr td{
    padding-left: 35px;
    }
    #position5mob table tr td.akceptacja, #position5 table tr td.organizacja, #position5 table tr td.konsultacja{
    background: url("/images/pos3/strzalki_tlo.png");
    background-position: left;
    background-repeat: no-repeat;
    background-size: 90%;
    padding: 30px 0px 15px 25px;
    }
    
    #position5mob table tr td.wdrozenie{
    background: url("/images/pos3/ramka_kolor_pionowa.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 70px 20px 70px 30px;  
    }
    #position5mob img.pasja_anim{
    animation-name: anim3;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    float: right;
    bottom: 100px;
    position: relative;
    right: 2%;
    }
    #position5mob, #position3mob, #sliderSectionMobile, #position6mob, #footSectionMob, #position10mob, #position11, #position12, #position12b{
    display: block;
    }
    
    #position7 {
    padding: 35px 0px 25px 0px;
    position: relative;
    margin-top: 15px;
    background: #e2de00;
    }
    #position7 .custom {
    width: 100%;
    float: left;
    top: 0px;
    }
    #position7 .numer {
    font-size: 30px;
    }
    #position8 {
    padding: 80px 0px 20px 0px
    }
    #position8 table {
    width: 100%;
    margin-top: 40px;
    }
    #position8 .wsparcie, #position8 .polaczenie, #position8 .kreatywne, #position8 .aplikacje{
    margin-bottom: 30px;
    margin-top: 20px;
    padding: 0px;
    }
    
    td.aplikacje, td.wsparcie, td.polaczenie{
    margin-bottom: 20px;
    }
    
    #case1_click {
    margin: 0px 0px 0px 0px;
    }
    #case2_click {
    margin: 0px 0px 0px 0px;
    }
    #position9, #position9b, #position9c {
    height: 940px;
    overflow-x: hidden;
    }
    #case1 .box, #case2 .box, #case3 .box, #case0 .box, #case01 .box, #case02 .box, #case4 .box, #case5 .box, #case6 .box, #case7 .box {
    width: 100%;
    padding-right: 0px;
    }
    #case1, #case2, #case3, #case0, #case01, #case02, #case4, #case5, #case6, #case7 {
    background: none;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    height: auto;
    }
    #case1 .case_image, #case2 .case_image, #case3 .case_image, #case4 .case_image, #case5 .case_image, #case6 .case_image, #case7 .case_image, #case0 .case_image, #case01 .case_image, #case02 .case_image {
    float: right;
    margin-top: 5%;
    margin-right: 0%;
    }
    #case1_click, #case2_click {
    background: none;
    font-weight: 700;
    padding: 30px 0px;
    width: 100%;
    float: left;
    font-size: 20px;
    line-height: 1.2;
    cursor: pointer;
    }
    #case1 h3, #case2 h3, #case3 h3, #case0 h3, #case01 h3, #case02 h3, #case4 h3, #case5 h3, #case6 h3, #case2 h3, #case7 h3 {
    width: 100%;
    }
    #case1 table tr td.first_td, #case2 table tr td.first_td, #case3 table tr td.first_td, #case0 table tr td.first_td, #case01 table tr td.first_td, #case02 table tr td.first_td, #case4 table tr td.first_td, #case5 table tr td.first_td, #case6 table tr td.first_td, #case7 table tr td.first_td {
    width: 100%;
    }
    .casesNavigation {
    width: 100%;
    font-size: 40px;
    font-weight: 500;
    color: #dedd25;
    position: relative;
    bottom: 2900px;
    }
    .casesNavigation2 {
    width: 100%;
    font-size: 40px;
    font-weight: 500;
    color: #dedd25;
    position: relative;
    bottom: 2900px;
    }
    
    #copyright {
    font-weight: 500;
    letter-spacing: 5px;
    font-size: 11px;
    margin: 0px auto;
    }
    
    #copyright p{
    margin: 0px auto;
    width: 92%;
    letter-spacing: 4px;
    }
    
    #footSection {
    padding: 10px 0px 0px 0px;
    margin-top: 0px;
    }
    #footSection img, #footSection .socialmedia, #footSection p{
    text-align: center!important;
    }
    
    #footSectionMob .socialmedia{
    text-align: center;
    }
    
    #position3b table.liczby_rzad1 {
    width: 80%;
    text-align: center;
    margin-top: 30px;
    }
    #position3b table.liczby_rzad2 {
    width: 80%;
    float: right;
    text-align: center;
    }
    #position3b{
    overflow-x: hidden;
    margin-top: -80px;
    }
    #position20 {
    background: url(/images/stopka/stopka_paralaksa.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 85%;
    background-attachment: fixed;
    height: 160px;
    float: right;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    width: 70%;
    margin-bottom: 40px;
    }
    #position19{
    background: url(/images/stopka/ramkav2.png);
    background-repeat: no-repeat;
    bottom: -400px;
    position: relative;
    padding: 5px;
    margin-top: -410px;
    height: 160px;
    float: right;
    width: 70%;
    margin-bottom: 40px;
    background-size: cover;
    }
    
    #footSectionMob table{
    width: 100%;
    }
    #footSectionMob table tr td{
    width: 49%;
    float: left;
    }
    #footSectionMob .socialmedia img{
    margin: 15px 15px 0px 15px;
    }
    #position14 .sprawdz {
    
    margin-bottom: 60px;
    }
    #position14 {
    background: none;
    }
    #position14 .poznaj_div {
    margin-top: 30px;
    }
    
    #position2b {
    display: none;
    }
    #position7c{
    display: none;
    }
    .pipedriveWebForms {
    width: 90%!important;
    height: 100%;
    overflow: visible!important;
    position: relative;
    }
    #position15 .pipedriveWebForms iframe {
    padding: 10px;
    }
    
    #sliderSectionMobile .layer_gif{
    opacity: 0.4!important;
    }
    #sliderSectionMobile .layer_gif img{
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         40s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    }
    @-webkit-keyframes rotate {
    from {
    -webkit-transform: rotate(0deg);
    }
    to { 
    -webkit-transform: rotate(360deg);
    }
    }
    #sliderSectionMobile2 .tp-caption.excerpt.haslo_slider{
    color: #000000;
    font-weight: 300;
    font-family: 'Encode Sans Expanded', sans-serif;
    font-size: 20px!important;
    line-height: 1!important;
    }
    #sliderSectionMobile2 .tp-caption.excerpt.haslo_slider span{
    font-weight: 500;
    font-size: 20px!important;
    line-height: 1!important;
    }
    #sliderSectionMobile2 .tp-caption.excerpt.haslo_slider::before{
    display: inline-block;
    content: "";
    background: repeating-linear-gradient( 90deg, #dce135, #dce135 5px, #00afef 5px, #00afef 10px, #323456 10px, #323456 15px );
    height: 60px;
    width: 15px;
    position: relative;
    top: 1px;
    left: -10px;
    float: left;
    }
    
    #sliderSectionMobile2 .tp-caption.excerpt2.haslo_small{
    color: #000000;
    font-weight: 300;
    font-family: 'Encode Sans Expanded', sans-serif;
    font-size: 16px!important;
    line-height: 1.2!important;
    }
    #sliderSectionMobile2{
    position: relative;
    top: 50px;
    }
    #sliderSectionMobile{
    position: relative;
    top: 70px;
    margin-bottom: 50px;
    }
    
    h2 {
    font-size: 28px;
    margin-bottom: 15px;
    }
    h2::before {
    height: 25px;
    top: 6px;
    left: -7px;
    }
    #position8 table tr td{
    width: 50%;
    }
    #position8 .aplikacje p, #position8 .wsparcie p, #position8 .polaczenie p, #position8 .kreatywne p{
    font-size: 12px;
    }
    #position8 img{
    max-width: 55%;
    }
    #position11 img.case_image, #position12 img.case_image, #position12b img.case_image{
    max-width: 50%;
    }
    
    #position11 #mobcase01 img.case_image, #position11 #mobcase02 img.case_image{
    max-width: 27%;
    }
    
    #adamMilczarek {
    background: none;
    padding: 0px 5px;
    height: 400px;
    border: 1px solid #b1b1b1;
    padding-top: 50px!important;
    margin-top: 20px!important;
    margin-bottom: 160px!important;
    border-radius: 3px;
    }
    #ewelinaSzulecka {
    background: none;
    padding: 0px 5px;
    height: 400px;
    border: 1px solid #b1b1b1;
    margin-top: -612px!important;
    margin-bottom: 160px!important;
    padding-top: 50px!important;
    border-radius: 3px;
    }
    #bartoszZurkowski {
    background: none;
    padding: 0px 5px;
    height: 400px;
    border: 1px solid #b1b1b1;
    margin-top: -612px!important;
    padding-top: 50px!important;
    margin-bottom: 160px!important;
    border-radius: 3px;
    }
    
    body{
    font-size: 15px;
    }
    #position3mob span{
    font-size: 15px!important;
    }
    
    #position3b table tr td{
    width: 32%;
    float: left;
    }
    #liczba1, #liczba2, #liczba3, #liczba4, #liczba5, #liczba6 {
    font-size: 70pt;
    margin-bottom: 80px;
    }
    #position3b .liczby_podtytuly {
    text-align: center;
    font-size: 13px;
    }
    #position3b .liczby_img img {
    width: auto;
    height: 35px;
    }
    
    #position3b .liczby_img {
    bottom: 138px;
    left: 0px;
    margin-bottom: -130px;
    width: 70%;
    }
    
    #position4{
    margin-top: 30px;
    }
    
    #position5mob p{
    padding: 0px 10px;
    }
    #position6mob table tr td{
    width: 100%;
    float: left;
    vertical-align: middle;
    height: 65px;
    }
    #position6mob .image_klienci{
    position: relative;
    top: 15px;
    }
    #position7 p {
    font-size: 16px;
    }
    #position7 table tr td {
    vertical-align: middle;
    width: 50%;
    float: none;
    }
    #position14b{
    display: none;
    }
    #position14mob .poznaj_div {
    width: 95%;
    padding: 7px 5px 3px 0px;
    border-radius: 8px;
    margin: 0px auto;
    font-size: 14px;
    top: 10px;
    margin-bottom: 30px;
    
    position: relative;
    text-align: center;
    font-weight: 700;
    color: #ffffff;
    background: #008d9b;
    }
    #position14mob .poznaj_div a img {
    top: 1px;
    position: relative;
    left: 10px;
    width: 70px;
    height: auto;
    
    }
    #position14mob .poznaj_div a {
    bottom: 2px;
    position: relative;
    }
    #position14mob .sprawdz {
    font-weight: 700;
    color: #ffffff;
    background: #e8780a;
    width: 90%;
    padding: 5px;
    border-radius: 8px;
    margin: 0px auto;
    font-size: 15px;
    margin-bottom: 20px;
    }
    
    #position14mob{
    display: block;
    margin-top: 40px;
    }
    #position14{
    display: none;
    }
    #position10mob .data_img img{
    width: 45%;
    height: auto;
    }
    #position10mob .scorise_img img{
    width: 50%;
    height: auto;
    }
    #position10mob .dp_img img{
    width: 45%;
    height: auto;
    }
    #position10mob .bni_img img{
    width: 40%;
    height: auto;
    }
    #position10mob .jabali_img img{
    width: 40%;
    height: auto;
    }
    
    #position10mob .partnerzy_anim{
    display: none;
    }
    
    #position10mob .data_img{
    text-align: center;
    margin-top: 50px;
    }
    #position10mob .scorise_img{
    text-align: center;
    margin-top: 70px;
    }
    #position10mob .dp_img{
    text-align: center;
    margin-top: 70px;
    }
    #position10mob .bni_img{
    text-align: center;
    margin-top: 70px;
    }
    #position10mob .jabali_img{
    text-align: center;
    margin-top: 70px;
    }
    h3{
    font-size: 18px;
    }
    #position15 {
    background: none;
    margin-top: 50px;
    }
    #position3mob table.zespol tr td{
    vertical-align: middle;
    }
    
    
    #position11 h3, #position12 h3, #position12b h3{
    font-size: 16px;
    background: #dedd25;
    padding: 5px 0px 5px 5px;
    width: 100%;
    margin: 10px 0px;
    }
    
    #pasja_rozwiniecie2, #pasja_rozwiniecie3, #pasja_rozwiniecie4, #pasja_rozwiniecie5{
    display: none;
    }
    
    #pasja_rozwin1{
    margin-top: 20px;
    }
    
    #pasja_rozwin2, #pasja_rozwin3, #pasja_rozwin4, #pasja_rozwin5{
    margin-top: 60px;
    }
    
    #position6mob{
    margin-top: 10px;
    }
    #position7 table {
    float: none;
    margin: 0px auto;
    }
    #position7 table tr td img {
    margin-right: 10px;
    margin-left: 10px;
    }
    
    #position14mob table tr td{
    padding-top: 50px;
    }
    #position10mob{
    margin-top: 40px;
    }
    #position13 {
    margin-top: 20px;
    }
    
    #partnerzy_rozwiniecie2, #partnerzy_rozwiniecie3, #partnerzy_rozwiniecie4, #partnerzy_rozwiniecie5{
    display: none;
    }
    
    #position10mob h3{
    font-size: 18px;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 20px;
    margin-top: 25px;
    }
    
    }
    
    .logo-animacja{
       animation-name: layeranim;
        -webkit-animation-duration: 40s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-delay: 3s;
        opacity: 0.7;
        position: absolute;
        right: -9%;
        width: 200px;
        right: 0px;
        background-repeat: no-repeat;
        bottom: 0;
    }
    
    
    .link_strong{
        font-weight: 500;
    }

    #menuplace ul li a.vb_lang_sw{
        font-weight: bold;
        border-left: 2px solid #dce135; 
    }

    a.case_przycisk,
    .case_przycisk.gk_mobile-button,
    .case_przycisk_cta
    {
        background: #e2de00 !important;
        margin: 0 auto !important;
        font-size: 16px !important;
        float: unset !important;
        padding: 20px !important;
        width: 45% !important;
        min-width: 300px !important;
        text-align: center !important;
        font-weight: 600 !important;;    
        border-radius: 20px !important;
    }


    .triangle_link{
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 10px solid #000;
        display: inline-block;
    }


.blogListSection{
    margin-bottom: 100px;
}

.blogListSection .siema-carousel-prev,
.blogListSection .siema-carousel-next{

    margin-top: 20px;
    margin-bottom: 10px

 }

.blogListSection .category-module{
    width: 100%;
}

.blogListSection .single-blog-short{
    margin-right: 40px;
    text-align: center;
}

.single-blog-short h4 {
    height: 5rem;
    text-align: center;
}

.single-blog-short .single-blog-image{

}

.single-blog-short .single-blog-content .single-blog-read{
    text-align: center;
}

.blog, .single-blog-post{
    margin-top: 130px;
}

.single-blog-post{
    margin-bottom: 130px;
}

.widthHolder-l{
    text-align: center;
    position: relative;
}

.img-container{
    position: relative;
    margin-bottom: 100px;
}


.logo-animacja-blog-header{
    position: absolute;
    right: auto;
    left: 20%;
    width: 300px;
    bottom: -100px;
}

.post-container{
    display: grid;
    grid-template-columns: repeat(auto-fill, 33%);
}

.post-container article{
}

.post-container .single-blog-content{
    padding-right: 40px;
    margin-bottom: 40px;
}

.subheading-category.marker{
    margin-bottom: 40px;

    margin-left: 21px;
}

.subheading-category.marker span{
    font-weight: normal;
}

.is_category #positionbloglist{
    display: none;
}

.myMobSlides3 .logo-animacja,  .myMobSlides2 .logo-animacja, .myMobSlides .logo-animacja{

    width: 100px;
    bottom: 116px;
    right: 50%;

}