body{
border: 0;
padding: 0px;
margin: 0px;
font-size: 19px;
line-height: 1.4;
font-weight: 300;
color: #3e4154;
font-family: 'Roboto Condensed', sans-serif;
overflow-x: hidden;
background: #f3f3f3;
}

p{
padding: 0px;
margin: 0px;
margin-bottom: 15px;
}

strong{
font-weight: 700;
}

.widthSection {
float: left;
width: 100%;
}

#topBackground{
position: absolute;
z-index: 21;
width: 40%;
}

#topBackground .square_1{
width: 90px;
height: 90px;
background-color: #dcdddf;
animation-name: square1;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
margin-left: 5%; 
position: relative;
z-index: 3;
top: -25px;
}
#topBackground .square_2{
width: 110px;
height: 110px;
background-color: #bdbec0;
animation-name: square2;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
top: -30px;
position: relative;
}
#topBackground .square_3{
width: 110px;
height: 110px;
background-color: #bbd373;
animation-name: square3;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
position: relative;
z-index: 3;
margin-left: 3%;
top: -70px;
}

@keyframes square1 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes square2 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes square3 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}

#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
}

h2 {
font-size: 33px;
font-weight: 400;
margin-bottom: 20px;
left: -30px;
}

h3{
font-size: 28px;
font-weight: 300;
margin-bottom: 15px;
color: #bcd273;
}

.widthHolder{
min-width: 320px;
max-width: 1050px;
margin: 0px auto;
padding: 0px 25px;
}

.tp-video-play-button {
display: none!important;
}

#sliderSection{
max-height: 1020px;
overflow: hidden;
z-index: 2;
position: relative;
top: 0px;
}
#sliderSectionMobile{
display: none;
}
.fullcoveredvideo video, .fullscreenvideo video {
background: #ffffff!important;
}
#sliderSection .div{
line-height: 1.2!important;
width: 1920px;
text-align: center;
padding: 25px 0px 30px 0px!important;
}
#detach-button-host{
display: none!important;
}
.sliderSection strong{
font-size: 36px!important;
}
#sliderSection .div span{
font-weight: 600;
font-size: 55px!important;
}
#sliderSection .div p{
font-size: 29px!important;
line-height: 1.2!important;
font-weight: 500;
font-family: 'Roboto Condensed', sans-serif;
color: #000000;
text-decoration: none;
background-color: transparent;
text-shadow: none;
margin: 0px!important;
letter-spacing: 0px!important;
padding: 0px!important;
height: auto;
border: none!important;
}
.html5vid.videoisplaying .tp-video-play-button{
display: none!important;
}

#sliderSection .widthHolder{
padding: 0px 0px; 
}
#sliderSectionMobile{
display: none;
}
.button_slider1 p{
font-size: 14px!important;
margin-bottom: 0px!important;
text-align: center;
}
.button_slider1 span{
font-size: 24px!important;
}
.button_slider1{
background: #a9c748;
color: #ffffff;
padding: 5px 12px 2px 12px!important;
border-radius: 15px;
font-weight: 500;
cursor: pointer;
}
.button_slider2 p{
font-size: 14px!important;
margin-bottom: 0px!important;
text-align: center;
cursor: pointer;
}
.button_slider2 span{
font-size: 24px!important;
}
.button_slider2{
padding: 10px 15px 8px 15px!important;
border-radius: 15px;
font-weight: 500;
}

#topSec{
z-index: 3;
left: 0px;
top: 0px;
transition: all .5s;
background-color: #ffffffdb;
margin-bottom: 10px;
height: 100px;
position: fixed;
}

#topSec.show{
z-index: 10000001;
left: 0px;
top: 0px;
transition: all .5s;
background-color: #fffffffa;
margin-bottom: 10px;
height: 70px;
position: fixed;
}

#topSec.show .widthHolder {
height: 60px;
position: relative;
transition: all .5s;
}

#topSec.show #menuplace {
position: absolute;
right: 0px;
transition: all .5s;
top: 15px;

}

#menuplace .item-115{
width: 165px;
}
#menuplace .item-116{
width: 135px;
}
#menuplace .item-117{
width: 130px;
}
#menuplace .item-118{
width: 155px;
}

#menuplace .item-118 span{
font-weight: 700!important;
}
#logoplace img{
transition: all .5s;
width: 75%;
height: auto;
}

#topSec.show #logoplace img {
width: 140px;
height: auto;
transition: all .5s;
}

#logoplace{
position: absolute;
left: 10px;
top: 10px;
transition: all .5s;
}

#logo{
margin-bottom: 20px;
margin-top: 5px;
}

#topSec.show #logoplace{
top: 3px;
}

#menuplace{
transition: all .5s;
position: absolute;
right: 0px;
top: 35px;
}

#menuplace ul.menu{
list-style: none;
padding: 0px;
margin: 0px auto;
width: 590px;
height: 20px;
}

#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: 16px;
text-decoration: none;
cursor: pointer;
font-weight: 500;
}

#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.nav-child a{
padding:15px 16px 5px 16px;
}

#menuplace ul li:hover ul.nav-child{
display: block;
}

#menuplace ul li:hover .separator{
border: none!important;
font-weight: 700;

}

ul.nav-child li a:hover{
border-bottom: solid 2px #000000;
padding-bottom: 3px!important;
}

#position1{
position: relative;
z-index: 3;
height: 0px;
}

#position1 .square_1{
width: 30px;
height: 190px;
background-color: #dcdddf;
animation-name: square4;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
position: relative;
z-index: 21;
float: right;
right: 0;
top: -150px;
}
#position1 .square_2{

width: 180px;
height: 190px;
background-color: #bdbec0;
animation-name: square5;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
position: absolute;
float: right;
right: 0;
top: -30px;

}
#position1 .square_3{
width: 110px;
height: 190px;
background-color: #bbd373;
animation-name: square6;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
position: absolute;
z-index: 3;
float: right;
right: 0%;
top: 130px;
}

@keyframes square4 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes square5 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes square6 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}

#position2{
background: #f3f3f3 url("/images/bezpieczenstwo_modul/tlo_rozpoznajv2.png");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
padding: 55px 0px 150px 0px;
overflow-x: hidden;
}
#position2 .safe_start h2{
background: url(/images/datasafe_title.png);
background-repeat: no-repeat;
background-position: top 28px left 0px;
background-size: 4%;
padding-bottom: 10px;
padding-left: 20px;

}
#position2  span{
position: relative;
left: 30px;
top: -15px;
}
#position2 .safe_start p{
padding: 0px 30px;
}
#position2b {
margin-top: -10px;
background: #ffffff;
padding-top: 10px;
}
#position2b h2 span{
position: relative;
left: 40px;
top: -10px;
}
#position2 .safe_title h2{
left: 0;
font-size: 44px;
font-weight: 500;
line-height: 1;
position: relative;
bottom: 20px;
}
.simple_start p {
color: #bbd373!important;
font-weight: 400;
font-size: 27px;
left: 0px;
position: relative;
margin-top: 10px;
margin-bottom: 45px;
text-align: center;
}
#position2 .safe_start{
padding-bottom: 100px;
}

#position2b h2{
background: url(/images/datasafe_title.png);
background-repeat: no-repeat;
background-position: bottom 45px left 0px;
background-size: 4%;
padding-bottom: 10px;
padding-left: 20px;
}


#position2background{
z-index: 21;
position: relative;
bottom: 385px;
margin-bottom: -380px;
}

#position2background .square_1{
width: 100px;
height: 100px;
background-color: #babcbe;
animation-name: square7;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
margin-left: 0;
position: relative;
top: -25px;
}
#position2background .square_2{
width: 120px;
height: 120px;
background-color: #c9dc95;
animation-name: square8;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
top: -90px;
z-index: 3;
position: relative;
margin-left: 2%;
}
#position2background .square_3{
width: 130px;
height: 130px;
background-color: #bcd273;
animation-name: square9;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
position: relative;
z-index: 4;
margin-left: 0;
top: -150px;
}

@keyframes square7 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes square8 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes square9 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}

#position3{
background: #ffffff;
margin-bottom: -630px;
}

#position3 .widthHolder{
max-width: 1150px;

}
#position3 h3{
font-size: 35px;
font-weight: 300;
margin-bottom: 12px;
color: #ffffff;
line-height: 1;
}
#position3 table tr td img{
margin-right: 35px;
float: right;
}
#position3 table{
width: 100%;
margin: 0px auto;
margin-bottom: 30px;
padding-top: 20px;
}

#position4{
background: #f3f3f3;
padding-top: 190px;
}

#position4 .poznaj{
font-size: 29px;

}
#position4 .strzalki_Ewa{
height: 25px;
width: 450px;
margin: 0px auto;
}
#position4 .umowsie{
float: left;
position: relative;
z-index: 1000000;
cursor: pointer;
font-size: 30px;
font-weight: 700;
}
#position4 .umowsie:hover{
opacity: 0.6;

}
#position4 .zadzwon a{
z-index: 1000000;
color: #ffffff;
text-decoration: none;
position: relative;
font-size: 30px;
}
#position4 .zadzwon a:hover{
opacity: 0.6;
}
#position4 .zadzwon{
float: left;
margin-top: 20px;
margin-left: -275px
}
#position4 .green_box{
background: #a9c748;
color: #ffffff;
padding: 50px 100px 50px 50px;
border-radius: 20px;
width: 66%;
float: left;
}
#position4 .image_proces{
width: 18%;
float: left;
position: relative;
bottom: 200px;
left: 60px;
z-index: 3;
}

.triangle_proces1{
border-radius: 0 3px 3px 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #a7a9ac;
right: 0;
top: 12px;
animation-name: triangle_proces1;
animation-duration: 2s;
animation-iteration-count: infinite;
float: right;
right: 90px;
position: relative;
cursor: pointer;
z-index: 10001;
}
.triangle_proces2{
border-radius: 0 3px 3px 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #a7a9ac;
right: 0;
top: 12px;
animation-name: triangle_proces2;
animation-duration: 2s;
animation-iteration-count: infinite;
float: right;
animation-delay: 0.1s;
right: 95px;
position: relative;
cursor: pointer;
z-index: 10001;
}
.triangle_proces3{
border-radius: 0 3px 3px 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #a7a9ac;
right: 0;
top: 12px;
animation-name: triangle_proces3;
animation-duration: 2s;
animation-iteration-count: infinite;
float: right;
animation-delay: 0.3s;
right: 100px;
position: relative;
cursor: pointer;
z-index: 10001;
}

@keyframes triangle_proces1 {
0% {transform: scale(1.3);}
50% {transform: scale(0.3);}
100% {transform: scale(1.3);}
}
@keyframes triangle_proces2 {
0% {transform: scale(1.3);}
50% {transform: scale(0.3);}
100% {transform: scale(1.3);}
}
@keyframes triangle_proces3 {
0% {transform: scale(1.3);}
50% {transform: scale(0.3);}
100% {transform: scale(1.3);}
}


#position5{
background: #f3f3f3;
margin-top: -330px;
padding-bottom: 15px;
padding-top: 55px;
}
#position5 h2 {
background: url(/images/datasafe_title.png);
background-repeat: no-repeat;
background-position: top 28px left 0px;
background-size: 4%;
padding-bottom: 10px;
padding-left: 20px;
}
#position5 span {
position: relative;
left: 30px;
top: -15px;
}
#position5 p{
padding: 0px 30px;
}
#position5 .umow_sie{
top: 0;
left: 0;
font-size: 24px;
}
#position5 .zdiagnozuj{
top: 0;
left: 0; 
font-size: 13px;
}
#position5 .big_number{
font-weight: 700;
font-size: 65px;
top: 59px;
color: #3e4154;
line-height: 1;
position: relative;
background: url(/images/datasafe_title.png);
background-repeat: no-repeat;
background-position: top 35px left 20px;
background-size: 4%;
padding-bottom: 10px;
}
#position5 h3 {
font-size: 26px;
font-weight: 600;
margin-bottom: 0px;
color: #3e4154;
line-height: 1;
margin-left: 60px;
margin-top: -25px;
}
#position5 .title_center{
font-size: 20px;
line-height: 1.2;
margin-top: 50px;
margin-bottom: 25px;
}
#position5 .button{
text-align: center;
width: 37%;
margin: 0px auto;
background: #a9c748;
color: #ffffff;
padding: 5px 10px;
border-radius: 15px;
margin-top: 95px;
cursor: pointer;

}

#position5background{
height: 0px;
}

#position5background .square_kroki1{
width: 100px;
height: 100px;
background-color: #c6d891;
animation-name: square_kroki1;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
margin-left: 2%;
position: relative;
top: -100px;
z-index: 3;
}
#position5background .square_kroki2{
width: 100px;
height: 100px;
background-color: #babcbe;
animation-name: square_kroki2;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
top: -150px;
z-index: 2;
position: relative;
margin-left: 0%;
}
#position5background .square_kroki3{
width: 100px;
height: 100px;
background-color: #e1e2e2;
animation-name: square_kroki3;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
position: relative;
z-index: 1;
margin-left: 3%;
top: -203px;
}

@keyframes square_kroki1 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes square_kroki2 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes square_kroki3 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}

#position6b .back2{
    width: 12%;
    font-size: 28px;
    font-weight: 500;
    cursor: pointer;
}

#position6b .triangle_back1{
    border-radius: 0 3px 3px 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 15px solid #babcbe;
    right: 0;
    animation-name: triangle_back1;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    float: right;
    position: relative;
    cursor: pointer;
    z-index: 10001;
    bottom: 42px;
    }
    #position6b .triangle_back2{
    border-radius: 0 3px 3px 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 15px solid #babcbe;
    right: 0;
    animation-name: triangle_back2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    float: right;
    animation-delay: 0.1s;
    position: relative;
    cursor: pointer;
    z-index: 10001;
    bottom: 42px;
}
    #position6b .triangle_back3{
    border-radius: 0 3px 3px 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 15px solid #babcbe;
    right: 0;
    animation-name: triangle_back3;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    float: right;
    animation-delay: 0.3s;
    position: relative;
    cursor: pointer;
    z-index: 10001;
    bottom: 42px;
}
    

#position6, #position6b{
    display: none;
}

#arrows_ep2{
    width: 78%;
}
#position6start .triangle_ep1{
border-radius: 0 3px 3px 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #a7a9ac;
right: 0;
animation-name: triangle_ep1;
animation-duration: 2s;
animation-iteration-count: infinite;
float: right;
position: relative;
cursor: pointer;
z-index: 1;
bottom: 42px;
}
#position6start .triangle_ep2{
border-radius: 0 3px 3px 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #a7a9ac;
right: 0;
animation-name: triangle_ep2;
animation-duration: 2s;
animation-iteration-count: infinite;
float: right;
animation-delay: 0.1s;
position: relative;
cursor: pointer;
z-index: 1;
bottom: 42px;
}
#position6start .triangle_ep3{
border-radius: 0 3px 3px 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #a7a9ac;
right: 0;
animation-name: triangle_ep3;
animation-duration: 2s;
animation-iteration-count: infinite;
float: right;
animation-delay: 0.3s;
position: relative;
cursor: pointer;
z-index: 1;
bottom: 42px;
}
#position6start h3{
color: #000000;
font-weight: 500;

cursor: pointer;
}
#position6start h3:hover{
opacity: 0.6;
}






#position6b .umow_sie{
top: 0;
left: 0;
font-size: 24px;
}
#position6b .zdiagnozuj{
top: 0;
left: 0; 
font-size: 13px;
}
#position6b .button{
text-align: center;
width: 37%;
margin: 0px auto;
background: #a9c748;
color: #ffffff;
padding: 5px 10px;
border-radius: 15px;
margin-top: 95px;
cursor: pointer;

}
#position6b .zadzwon {
margin-top: -50px;
margin-bottom: 25px;
position: relative;
z-index: 10000000;
}
#position6b .green {
font-size: 21px;
margin-bottom: 0px;
}



#position6b .proces_q1 {
width: 8px;
height: 8px;
background-color: #babcbe;
animation-name: proces_q1;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 1px;
margin-left: 35%;
position: relative;
z-index: 3;
top: -80px;
}
#position6b .proces_q2 {
width: 8px;
height: 8px;
background-color: #e1e2e2;
animation-name: proces_q2;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 1px;
margin-left: 34.5%;
position: relative;
z-index: 2;
top: -92px;
}
#position6b .proces_q3 {
width: 8px;
height: 8px;
background-color: #c9da93;
animation-name: proces_q3;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 1px;
margin-left: 34.1%;
position: relative;
z-index: 1;
top: -94px;
}

#position6b .proces_q4 {
width: 35px;
height: 35px;
background-color: #dbe9b1;
animation-name: proces_q4;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
margin-left: 30%;
position: relative;
z-index: 3;
top: -40px;
opacity: 0.8;
}

#position6b .proces_q5 {
width: 35px;
height: 35px;
background-color: #babcbe;
animation-name: proces_q5;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
margin-left: 68%;
position: relative;
z-index: 3;
top: -130px;
opacity: 0.8;
}
#position6b .proces_q6 {
width: 17px;
height: 17px;
background-color: #babcbe;
animation-name: proces_q6;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 3px;
margin-left: 63%;
position: relative;
z-index: 3;
top: -96px;
opacity: 0.8;
}

@keyframes proces_q1 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes proces_q2 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes proces_q3 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes proces_q4 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes proces_q5 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes proces_q6 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}




#position6 .widthHolder{
max-width: 1100px;
}

#position6 .title_center {
font-size: 20px;
line-height: 1.2;
margin-top: 50px;
margin-bottom: 25px;
}

#position6 .big_number {
font-weight: 700;
font-size: 65px;
color: #3e4154;
line-height: 1;
position: relative;
top: 94px;
left: -38px;
background: url(/images/datasafe_title.png);
background-repeat: no-repeat;
background-position: top 35px left 80px;
background-size: 20%;

z-index: 10;
padding-bottom: 20px;
text-align: center;
}

#position6 .krok{
font-size: 26px;
font-weight: 600;
margin-bottom: 0px;
color: #3e4154;
line-height: 1;
margin-left: 90px;
POSITION: RELATIVE;
Z-INDEX: 11;
}

#position6 h3{
font-size: 20px;
line-height: 1.2;
margin-top: 35px;
margin-bottom: 0px;
color: #3e4154;
font-weight: 600;
}

#position6 h4{
font-size: 18px;
line-height: 1.4;
font-weight: 300;
color: #3e4154;
margin-top: 0px;
}

#position6{
background: #e4e4e4;
padding-bottom: 70px;
margin-top: -90px;
z-index: 2;
    position: relative;
}

#position6b .goSlownik{
background: url(/images/datasafe_title.png);
background-repeat: no-repeat;
background-position: top 40px left 3px;
background-size: 38%;
padding-left: 15px;
}

#position6b .big_number {
font-weight: 700;
font-size: 65px;
color: #3e4154;
line-height: 1;
position: relative;
top: 93px;
left: 10px;
background: url(/images/datasafe_title.png);
background-repeat: no-repeat;
background-position: top 30px left 0px;
background-size: 10%;
z-index: 10;
padding-bottom: 20px;
text-align: left;
}

#position6b .krok{
font-size: 26px;
font-weight: 600;
margin-bottom: 35px;
color: #3e4154;
line-height: 1;
margin-left: 45px;
POSITION: RELATIVE;
Z-INDEX: 11;
}

#position6b h3{
font-size: 20px;
line-height: 1.2;
margin-top: 35px;
margin-bottom: 0px;
color: #3e4154;
font-weight: 600;
}

#position6b h4{
font-size: 18px;
line-height: 1.4;
font-weight: 300;
color: #3e4154;
margin-top: 0px;
}
#position6b table{
width: 100%;
}
#position6b table tr td{
width: 50%;
padding: 0px 50px;
vertical-align: top;
}
#position6b{
background: #ffffff;
padding-top: 40px;
padding-bottom: 60px;
}

#position6b .rozbuduj{
margin-bottom: -100px;
}

#position5 .green_a a{
font-size: 34px;
}
#position5 .green{
font-size: 21px;
margin-bottom: 0px;
}
#position9 .green_a a{
font-size: 34px;
}
#position9 .green{
font-size: 21px;
margin-bottom: 0px;
}
#position5 .zadzwon{
margin-top: -50px;
margin-bottom: 25px;
position: relative;
z-index: 10000000;
}
#position9 .zadzwon{
margin-top: -50px;
margin-bottom: 25px;
position: relative;
z-index: 10000000;
}

#position7 h2{
background: url(/images/datasafe_title.png);
background-repeat: no-repeat;
background-position: top 28px left 0px;
background-size: 4%;
padding-bottom: 10px;
padding-left: 20px;
}
#position7  span{
position: relative;
left: 30px;
top: -15px;
}
#position7{
background: url("/images/tlo_position7.jpg");
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 30px;
padding-top: 20px;
}

#position7 .simple_koniec{
max-width: 580px;
margin: 0px auto;
margin-top: 95px;
}
#position7 .button_audyt p{
font-size: 14px;
margin-bottom: 0px!important;
}
#position7 .button_audyt span{
font-size: 24px!important;
left: 0;
top: 0;
}
#position7 .button_audyt{
background: #a9c748;
color: #ffffff;
padding: 5px 10px 5px 10px!important;
border-radius: 15px;
font-weight: 500;
width: 65%;
text-align: center;
float: left;
cursor: pointer;

}
#position7 .button_slownik p{
font-size: 14px;
margin-bottom: 0px!important;

}
#position7 .button_slownik span{
font-size: 24px!important;
left: 0;
top: 0;
}
#position7 .button_slownik{
padding: 10px 15px 8px 15px!important;
border-radius: 15px;
font-weight: 500;
width: 25%;
float: left;
text-align: center;
cursor: pointer;

}


#position4background{
position: relative;
top: -1000px;
margin-bottom: -1000px;
}



#position4background .q1 {
width: 38px;
height: 38px;
background-color: #dcdddf;
animation-name: q1;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
margin-left: 2%;
position: relative;
z-index: 3;
top: 110px;
}
#position4background .q2{
width: 75px;
height: 75px;
background-color: #bdbec0;
animation-name: q2;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
top: 100px;
position: relative;
left: -4%;
z-index: 2;
}
#position4background .q3{
width: 20px;
height: 20px;
background-color: #bbd373;
animation-name: q3;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
position: relative;
z-index: 1;
margin-left: 3%;
top: 60px;
}

@keyframes q1 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes q2 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes q3 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}

#position4background .q4{
width: 75px;
height: 75px;
background-color: #babcbe;
animation-name: q4;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
margin-right: 22%;
position: absolute;
z-index: 2;
top: 60%;
right: 0px;
}
#position4background .q5{
width: 45px;
height: 45px;
background-color: #dcdddfe3;
animation-name: q5;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
top: 335px;
left: 2%;
position: relative;
}
#position4background .q6{
width: 55px;
height: 55px;
background-color: #babcbe;
animation-name: q6;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
position: relative;
z-index: 3;
margin-left: 5%;
top: 310px;
}

@keyframes q4 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes q5 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes q6 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}


#position4background .q7{
width: 45px;
height: 45px;
background-color: #a9c748ab;
animation-name: q7;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
margin-left: 73%;
position: relative;
z-index: 3;
top: 230px;
}
#position4background .q8{
width: 70px;
height: 110px;
background-color: #dcdddf;
animation-name: q8;
animation-duration: 4s;
animation-iteration-count: infinite;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
top: 90%;
position: absolute;
z-index: 3;
right: 0px;
}
#position4background .q9{
width: 105px;
height: 105px;
background-color: #babcbe;
animation-name: q9;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
position: absolute;
z-index: 2;
right: 3%;
top: 120%;
}
#position4background .q10{
width: 105px;
height: 105px;
background-color: #bbd373;
animation-name: q10;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
position: absolute;
z-index: 2;
right: 1%;
top: 140%;
}

@keyframes q7 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes q8 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes q9 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes q10 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}

.triangle_kroki{
border-radius: 0 3px 3px 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #bbd476;
right: 0;
animation-name: triangle_kroki;
animation-duration: 2s;
animation-iteration-count: infinite;
float: right;
top: 50px;
right: 125px;
position: relative;
cursor: pointer;
z-index: 10001;
}
.triangle_kroki2{
border-radius: 0 3px 3px 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #bbd476;
right: 0;
animation-name: triangle_kroki2;
animation-duration: 2s;
animation-iteration-count: infinite;
float: right;
animation-delay: 0.1s;
top: 50px;
right: 120px;
position: relative;
cursor: pointer;
z-index: 10001;
}
.triangle_kroki3{
border-radius: 0 3px 3px 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #bbd476;
right: 0;
animation-name: triangle_kroki3;
animation-duration: 2s;
animation-iteration-count: infinite;
float: right;
animation-delay: 0.3s;
right: 115px;
top: 50px;
position: relative;
cursor: pointer;
z-index: 10001;
}

@keyframes triangle_kroki {
0% {transform: scale(1.3);}
50% {transform: scale(0.3);}
100% {transform: scale(1.3);}
}
@keyframes triangle_kroki2 {
0% {transform: scale(1.3);}
50% {transform: scale(0.3);}
100% {transform: scale(1.3);}
}
@keyframes triangle_kroki3 {
0% {transform: scale(1.3);}
50% {transform: scale(0.3);}
100% {transform: scale(1.3);}
}

#position5 .proces_q1 {
width: 8px;
height: 8px;
background-color: #babcbe;
animation-name: proces_q1;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 1px;
margin-left: 35%;
position: relative;
z-index: 3;
top: -80px;
}
#position5 .proces_q2 {
width: 8px;
height: 8px;
background-color: #e1e2e2;
animation-name: proces_q2;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 1px;
margin-left: 34.5%;
position: relative;
z-index: 2;
top: -92px;
}
#position5 .proces_q3 {
width: 8px;
height: 8px;
background-color: #c9da93;
animation-name: proces_q3;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 1px;
margin-left: 34.1%;
position: relative;
z-index: 1;
top: -94px;
}

#position5 .proces_q4 {
width: 35px;
height: 35px;
background-color: #dbe9b1;
animation-name: proces_q4;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
margin-left: 30%;
position: relative;
z-index: 3;
top: -40px;
opacity: 0.8;
}

#position5 .proces_q5 {
width: 35px;
height: 35px;
background-color: #babcbe;
animation-name: proces_q5;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
margin-left: 68%;
position: relative;
z-index: 3;
top: -130px;
opacity: 0.8;
}
#position5 .proces_q6 {
width: 17px;
height: 17px;
background-color: #babcbe;
animation-name: proces_q6;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 3px;
margin-left: 63%;
position: relative;
z-index: 3;
top: -96px;
opacity: 0.8;
}

@keyframes proces_q1 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes proces_q2 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes proces_q3 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes proces_q4 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes proces_q5 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes proces_q6 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}

#position8a ul{
list-style: none;
padding: 0;
}
#position8spec ul{
list-style: none;
padding: 0;
}
.logosHolder h3 {
    margin-top: 15px;
    font-weight: 500;
}
.jakosc{
background: #e1e2e2;
padding: 10px 20px 0px 0px;
border-top-right-radius: 10px;
}
.jakosc.active{
background: #ffffff;
color: #000000;
pointer-events: none;
}

.ePiekart{
text-align: right;
padding: 10px 30px 0px 10px;
background: #a9c748;
color: #ffffff;
border-top-left-radius: 10px;
}
.ePiekart.active{
background: #ffffff;
color: #a9c748;
pointer-events: none;
}

.mKopacz{
text-align: left;
padding: 10px 0px 0px 10px;
background: #babcbe;
color: #ffffff;
border-top-left-radius: 10px;
position: relative;
z-index: 2;
right: 10px;
}
.mKopacz.active{
color: #8baed0;
background: #ffffff;
pointer-events: none;
}
#position8{
padding-bottom: 60px;
position: relative;
background: #ffffff;
z-index: 3;
top: 0px;
padding-top: 20px;
}
#position8line{
background: linear-gradient(to right, #ffffff 0%,#ffffff 70%,#babcbe 70%,#babcbe 100%);
margin-top: -55px;
height: 55px;
position: relative;
top: 72px;
}

#position8line.white{
background: #ffffff;
}
#position8a{

margin-top: -20px;
padding-top: 55px;
background: #ffffff;
}

#position8a .switch_open{
display: block;
float: left;
cursor: pointer;
transition: all .5s;
font-size: 25px;
width: 100%;
padding-bottom: 10px;
position: relative;
z-index: 3;
}
#position8spec .switch{
display: block;
float: left;
cursor: pointer;
transition: all .5s;
font-size: 25px;
width: 48%;
padding-bottom: 10px;
position: relative;
z-index: 3;
}

#position8b{
background: url(/images/jakosc_datasafe/tlo_jakoscDataSafe.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: top;
padding: 60px 0px 80px 0px;
height: auto;
}
#position8c{
background: url("/images/sekcjaLiderzy/ePiekart_sekcjaLider_tlo.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
padding: 0px 0px 0px 0px;
height: 650px;
display: none;
}
#position8c .naglowek{
font-size: 30px;
}
#position8c .div_nazwisko{
    font-size: 20px;
    font-weight: 300;
    float: left;
    cursor: pointer;
    position: relative;
    left: 25%;
}
#position8c .div_nazwisko:hover{
opacity: 0.6;
}
#position8c .nazwisko{
font-size: 30px;
font-weight: 700;
}

#position8c .zadzwon{
    float: left;
    cursor: pointer;
    top: 25px;
    position: relative;
    left: 35%;
    text-align: center;
    font-weight: 500;
    font-size: 26px;
}
#position8c .zadzwon a{
text-decoration: none;
color: #ffffff;
}
#position8c .zadzwon:hover{
opacity: 0.6;
}

#position8c .div_nazwisko p{
margin-bottom: 0px;
}

#position8c img{
    width: 118%;
    height: auto;
}
#position8c table{
width: 100%;
margin-top: -96px;
}
#position8c .td_tresc{
width: 65%;
vertical-align: top;
padding-top: 50px;
padding-right: 50px;
}
#position8c .td_img{
width: 35%;
}
#position8c .div_nazwisko img{
width: 100px;
height: auto;
}

#position8c .custom{
width: 100%;
color: #ffffff;
position: relative;
top: 100px;
}
#position8c .back{
position: absolute;
width: 125px;
float: left;
top: 80%;
}
#position8c .back .powrot{
position: relative;
top: 38px;
font-size: 20px;
cursor: pointer;
}
#position8c .back .powrot:hover{
opacity: 0.6;
}

#position8c .header{
height: 150px;
background: #ffffff;
bottom: 150px;
position: relative;
margin-bottom: -140px;
}
#position8c .header p{
color: #a9c748;
position: relative;
left: 30%;
}
#position8c .header p span{
font-size: 30px;
}

#position8d .naglowek{
font-size: 30px;
}

#position8d .div_nazwisko{
font-size: 20px;
font-weight: 300;
float: right;
}
#position8d .nazwisko{
font-size: 30px;
font-weight: 700;
}

#position8d .div_nazwisko p{
margin-bottom: 0px;
}

#position8d .div_nazwisko img{
    width: 100px;
    height: auto;
}

#position8d{
background: url("/images/sekcjaLiderzy/moduy_personalne_tlo_mk.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
padding: 0px 0px 0px 0px;
height: 650px;
display: none;
}

#position8d .custom{
width: 100%;
float: right;
color: #ffffff;
position: relative;
top: 100px;
}

#position8d table{
width: 100%;
margin-top: -96px;
}
#position8d .td_tresc{
width: 65%;
vertical-align: top;
padding-top: 50px;
padding-right: 50px;
position: relative;
    z-index: 100;
}
#position8d .td_img{
width: 35%;
}
#position8d .td_img img{
width: 167%;
height: auto;
position: relative;
top: -10px;
left: -202px;
}
#position8d .back{
position: absolute;
width: 120px;
float: left;
top: 74%;
left: 8%;
}
#position8d .back .powrot{
position: relative;
top: 38px;
cursor: pointer;
font-size: 20px;
}

#position8d .header{
height: 150px;
background: #ffffff;
bottom: 150px;
position: relative;
margin-bottom: -140px;
}
#position8d .header p{
color: #5c5b5b;
position: relative;
left: 30%;
}
#position8d .header p span{
font-size: 30px;
}

#position8b table{
width: 100%;
}
#position8b table tr td{
width: 33.3%;
}




#position8 h2{
background: url(/images/datasafe_title.png);
background-repeat: no-repeat;
background-position: top 28px left 0px;
background-size: 4%;
padding-bottom: 10px;
padding-left: 20px;
}
#position8title h2{
background: url(/images/datasafe_title.png);
background-repeat: no-repeat;
background-position: top 28px left 0px;
background-size: 4%;
padding-bottom: 0px;
padding-left: 20px;
margin-bottom: 0px;
padding-top: 30px;

}
#position8title h2 span {
position: relative;
left: 40px;
top: -10px;
}
#position8 h2 span{
position: relative;
left: 40px;
top: -15px;
}



#liderzy{
background: url("/images/liderzy_tlo.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: top;
height: 676px;
}
#liderzy table{
width: 100%;
}
#liderzy .liderzy_img_ep {
position: relative;
float: right;
text-align: right;
z-index: 101;
left: 100px;
}
#liderzy .liderzy_img_mk{
position: relative;
z-index: 100;
text-align: left;
float: left;
right: 200px;
}
#liderzy .liderzy_ep{
font-size: 30px;
width: 245px;
font-weight: 500;
cursor: pointer;

}
#liderzy table tr td{
width: 50%;
}
#liderzy .liderzy_mk{
font-size: 30px;
width: 210px;
font-weight: 500;
cursor: pointer;
}
#liderzy .liderzy_mk:hover{
opacity: 0.6;
}
#liderzy .liderzy_ep:hover{
opacity: 0.6;
}
#liderzy .td_ep{
vertical-align: middle;
position: relative;
color: #000000;
right: 45px;
float: right;
top: 13px;
}
#liderzy .td_mk{
vertical-align: middle;
position: relative;
text-align: right;
left: 24%;
top: 13px;

}  
#arrows_mk{
position: relative;
float: left;
top: -13px;
right: -8px;
}

#liderzy .pasek_white{
position: relative;
bottom: 190px;
background: #ffffff;
}
#arrows_ep{
position: relative;
float: left;
top: -13px;
right: -100px;
}

#position8background{
margin-bottom: -520px;
position: relative;
bottom: 60px;
}

#position8background .square_lider1{
width: 130px;
height: 130px;
background-color: #e1e2e2;
animation-name: square_lider1;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
margin-left: 90%;
position: relative;
top: 150px;
z-index: 3;
}
#position8background .square_lider2{
width: 140px;
height: 140px;
background-color: #babcbe;
animation-name: square_lider2;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
top: 120px;
z-index: 2;
position: relative;
margin-left: 76%;
}
#position8background .square_lider3{
width: 140px;
height: 140px;
background-color: #c6d891;
animation-name: square_lider3;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
position: relative;
z-index: 2;
margin-left: 83%;
top: 80px;
}

@keyframes square_lider1 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes square_lider2 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes square_lider3 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}

#position8background .square_lider4{
width: 40px;
height: 40px;
background-color: #e1e2e2;
animation-name: square_lider4;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
margin-left: 30%;
position: relative;
top: 310px;
z-index: 10004;
}
#position8background .square_lider5{
width: 70px;
height: 70px;
background-color: #babcbe;
animation-name: square_lider5;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
top: 290px;
z-index: 10003;
position: relative;
margin-left: 24%;
}
#position8background .square_lider6{
width: 20px;
height: 20px;
background-color: #c6d891;
animation-name: square_lider6;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 3px;
position: relative;
z-index: 10002;
margin-left: 30%;
top: 255px;
}

@keyframes square_lider4 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes square_lider5 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes square_lider6 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}




.triangle_ep1{
border-radius: 0 3px 3px 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #a7a9ac;
right: 0;
animation-name: triangle_ep1;
animation-duration: 2s;
animation-iteration-count: infinite;
float: right;
position: relative;
cursor: pointer;
z-index: 10001;
}
.triangle_ep2{
border-radius: 0 3px 3px 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #a7a9ac;
right: 0;
animation-name: triangle_ep2;
animation-duration: 2s;
animation-iteration-count: infinite;
float: right;
animation-delay: 0.1s;
position: relative;
cursor: pointer;
z-index: 10001;
}
.triangle_ep3{
border-radius: 0 3px 3px 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #a7a9ac;
right: 0;
animation-name: triangle_ep3;
animation-duration: 2s;
animation-iteration-count: infinite;
float: right;
animation-delay: 0.3s;
position: relative;
cursor: pointer;
z-index: 10001;
}

@keyframes triangle_ep1 {
0% {transform: scale(1.3);}
50% {transform: scale(0.3);}
100% {transform: scale(1.3);}
}
@keyframes triangle_ep2 {
0% {transform: scale(1.3);}
50% {transform: scale(0.3);}
100% {transform: scale(1.3);}
}
@keyframes triangle_ep3 {
0% {transform: scale(1.3);}
50% {transform: scale(0.3);}
100% {transform: scale(1.3);}
}

.triangle_mk1{
border-radius: 0 3px 3px 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #a7a9ac;
right: 0;
animation-name: triangle_mk1;
animation-duration: 2s;
animation-iteration-count: infinite;
float: right;
position: relative;
cursor: pointer;
z-index: 10001;
}
.triangle_mk2{
border-radius: 0 3px 3px 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #a7a9ac;
right: 0;
animation-name: triangle_mk2;
animation-duration: 2s;
animation-iteration-count: infinite;
float: right;
animation-delay: 0.1s;
position: relative;
cursor: pointer;
z-index: 10001;
}
.triangle_mk3{
border-radius: 0 3px 3px 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #a7a9ac;
right: 0;
animation-name: triangle_mk3;
animation-duration: 2s;
animation-iteration-count: infinite;
float: right;
animation-delay: 0.3s;
position: relative;
cursor: pointer;
z-index: 10001;
}

@keyframes triangle_mk1 {
0% {transform: scale(1.3);}
50% {transform: scale(0.3);}
100% {transform: scale(1.3);}
}
@keyframes triangle_mk2 {
0% {transform: scale(1.3);}
50% {transform: scale(0.3);}
100% {transform: scale(1.3);}
}
@keyframes triangle_mk3 {
0% {transform: scale(1.3);}
50% {transform: scale(0.3);}
100% {transform: scale(1.3);}
}

.triangle_back1{
border-radius: 0 3px 3px 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 15px solid #ffffff;
right: 0;
animation-name: triangle_back1;
animation-duration: 2s;
animation-iteration-count: infinite;
float: right;
position: relative;
cursor: pointer;
z-index: 10001;
}
.triangle_back2{
border-radius: 0 3px 3px 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 15px solid #ffffff;
right: 0;
animation-name: triangle_back2;
animation-duration: 2s;
animation-iteration-count: infinite;
float: right;
animation-delay: 0.1s;
position: relative;
cursor: pointer;
z-index: 10001;
}
.triangle_back3{
border-radius: 0 3px 3px 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 15px solid #ffffff;
right: 0;
animation-name: triangle_back3;
animation-duration: 2s;
animation-iteration-count: infinite;
float: right;
animation-delay: 0.3s;
position: relative;
cursor: pointer;
z-index: 10001;
}

@keyframes triangle_back1 {
0% {transform: scale(1.3);}
50% {transform: scale(0.3);}
100% {transform: scale(1.3);}
}
@keyframes triangle_back2 {
0% {transform: scale(1.3);}
50% {transform: scale(0.3);}
100% {transform: scale(1.3);}
}
@keyframes triangle_back3 {
0% {transform: scale(1.3);}
50% {transform: scale(0.3);}
100% {transform: scale(1.3);}
}




#position9background{
height: 0px;
}

#position9background .square_jakosc1{
width: 100px;
height: 110px;
background-color: #c8c9cb;
animation-name: square_jakosc1;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
position: relative;
z-index: 3;
float: right;
right: 0;
top: -70px;
}
#position9background .square_jakosc2{
width: 120px;
height: 120px;
background-color: #bbd273;
animation-name: square_jakosc2;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
position: absolute;
float: right;
z-index: 2;
right: 1%;
}
#position9background .square_jakosc3{
width: 80px;
height: 100px;
background-color: #c8c9cb;
animation-name: square_jakosc3;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
position: relative;
z-index: 1;
float: right;
right: -5%;
top: 80px;
}

@keyframes square_jakosc1 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes square_jakosc2 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes square_jakosc3 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}


#position9 {
background: #f3f3f3 url(/images/audyt/tlo_audyt.png);
background-repeat: no-repeat;
background-position: top 120px left;
background-size: contain;
padding-top: 55px;
margin-top: 65px;
}
#position9 h2{
background: url(/images/datasafe_title.png);
background-repeat: no-repeat;
background-position: top 28px left 0px;
background-size: 4%;
padding-bottom: 10px;
padding-left: 20px;
}
#position9 h2 span{
position: relative;
left: 75px;
top: -15px;
}

#position8a h2{
background: url(/images/datasafe_title.png);
background-repeat: no-repeat;
background-position: top 28px left 0px;
background-size: 4%;
padding-bottom: 0px;
padding-left: 20px;
margin-bottom: 0px;
}
#position8a h2 span{
position: relative;
left: 35px;
top: -15px;
}

#position9 .haslo_td{
width: 50%;
}
#position9 .audyt_haslo{
font-size: 40px;
line-height: 1.2;
}
#position9 .audyt_haslo span{
font-weight: 500;
}
#position9 .button_audyt{
background: #a9c748;
color: #ffffff;
width: 38%;
margin: 0px auto;
padding: 5px 20px;
border-radius: 15px;
cursor: pointer;
margin-top: 100px;
z-index: 3;
position: relative;
}
#position9 .paragraph1{
margin: 0;
font-weight: 700;
font-size: 25px;
}
#position9 .paragraph2{
margin: 0;
font-size: 14px;
}
#position9 h3{
font-size: 40px;
font-weight: 700;
margin-bottom: 30px;
margin-top: 110px;
color: #bcd273;
line-height: 1.1;
}
#position9 table{
margin-top: 30px;
}

#position9 .audyt_q1 {
width: 8px;
height: 8px;
background-color: #dbdbdd;
animation-name: audyt_q1;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 1px;
margin-left: 37%;
position: relative;
z-index: 3;
top: -98px;
}
#position9 .audyt_q2 {
width: 8px;
height: 8px;
background-color: #a9c748;
animation-name: audyt_q2;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 1px;
margin-left: 36.5%;
position: relative;
z-index: 2;
top: -110px;
}
#position9 .audyt_q3 {
width: 8px;
height: 8px;
background-color: #999c9d;
animation-name: audyt_q3;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 1px;
margin-left: 36.1%;
position: relative;
z-index: 1;
top: -112px;
}

#position9 .audyt_q4 {
width: 35px;
height: 35px;
background-color: #d2d4d5;
animation-name: audyt_q4;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
margin-left: 31%;
position: relative;
z-index: 1;
top: -50px;
}

#position9 .audyt_q5 {
width: 35px;
height: 35px;
background-color: #d4e1ab;
animation-name: audyt_q5;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
margin-left: 65%;
position: relative;
z-index: 1;
top: -155px;
}

@keyframes audyt_q1 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes audyt_q2 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes audyt_q3 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes audyt_q4 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes audyt_q5 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}

#position10background{
height: 0px;
position: relative;
top: -20px;
}

#position10background .square_audyt1{
width: 90px;
height: 100px;
background-color: #bcd273;
animation-name: square_audyt1;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
position: relative;
z-index: 3;
float: right;
right: 0;
top: -175px;
}
#position10background .square_audyt2{
width: 120px;
height: 120px;
background-color: #fcfcfc;
animation-name: square_audyt2;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
position: relative;
float: right;
z-index: 3;
right: -4%;
top: -100px;
}
#position10background .square_audyt3{
width: 100px;
height: 110px;
background-color: #acaeb0;
animation-name: square_audyt3;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
position: absolute;
z-index: 1;
float: right;
right: 0%;
}

@keyframes square_audyt1 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes square_audyt2 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes square_audyt3 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}



#position10, #position10c, #position10e, #position10g {
background: #babcbe;
height: 150px;
}
#position10b, #position10d, #position10f, #position10h {
background: #f3f3f3;
font-weight: 500;
}
#position10b .widthHolder, #position10d .widthHolder, #position10f .widthHolder, #position10h .widthHolder {
max-width: 1150px;
}

.big_number_white{
margin: 0px;
color: #ffffff;
font-weight: 700;
font-size: 70px;
float: left;
}
.title_audyty{
color: #ffffff;
font-weight: 700;
font-size: 26px;
line-height: 1.1;
position: relative;
top: 21px;
left: 5px;
}
.white_box{
background: #ffffff;
color: #babcbe;
padding: 20px 100px;
position: relative;
z-index: 3;
height: 120px;
font-size: 20px;
border-radius: 15px;
bottom: 50px;
margin-bottom: -20px;
}

#position10button{
margin-top: -35px;
}

#position10button .button_dofinansowanie {
background: #a9c748;
color: #ffffff;
width: 320px;
margin: 0px auto;
padding: 5px 20px;
border-radius: 15px;
cursor: pointer;
margin-top: 80px;
z-index: 3;
position: relative;
font-weight: 700;
font-size: 25px;
text-align: center;
top: 35px;
}
#position10button .button_dofinansowanie p{
margin: 0;
}

#position10button .dofinansowanie_q1 {
width: 8px;
height: 8px;
background-color: #d4e1ab;
animation-name: dofinansowanie_q1;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 1px;
margin-left: 37%;
position: relative;
z-index: 3;
top: -58px;
}
#position10button .dofinansowanie_q2 {
width: 8px;
height: 8px;
background-color: #fafafa;
animation-name: dofinansowanie_q2;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 1px;
margin-left: 36.5%;
position: relative;
z-index: 2;
top: -70px;
}
#position10button .dofinansowanie_q3 {
width: 8px;
height: 8px;
background-color: #a9c748;
animation-name: dofinansowanie_q3;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 1px;
margin-left: 36.1%;
position: relative;
z-index: 1;
top: -72px;
}

#position10button .dofinansowanie_q4 {
width: 20px;
height: 20px;
background-color: #e4eacf;
animation-name: dofinansowanie_q4;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
margin-left: 60%;
position: relative;
z-index: 1;
top: 3px;
}

#position10button .dofinansowanie_q5 {
width: 35px;
height: 35px;
background-color: #c9da93;
animation-name: dofinansowanie_q5;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
margin-left: 65.5%;
position: relative;
z-index: 1;
top: -100px;
}

@keyframes dofinansowanie_q1 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes dofinansowanie_q2 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes dofinansowanie_q3 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes dofinansowanie_q4 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes dofinansowanie_q5 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}


#position11background .square_dofinansowanie1{
width: 120px;
height: 120px;
background-color: #e5e5e6;
animation-name: square_dofinansowanie1;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
position: relative;
z-index: 1;
float: left;
left: 0%;
top: -35px;
}
#position11background .square_dofinansowanie2{
width: 50px;
height: 100px;
background-color: #fcfcfced;
animation-name: square_dofinansowanie2;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
position: absolute;
float: left;
left: 0%;
top: 35px;
z-index: 3;
}
#position11background .square_dofinansowanie3{
width: 95px;
height: 115px;
background-color: #bcd273;
animation-name: square_dofinansowanie3;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
position: absolute;
z-index: 2;
float: left;
left: 0%;
top: 80px;
}

@keyframes square_dofinansowanie1 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes square_dofinansowanie2 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes square_dofinansowanie3 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}

#position11background{
height: 0px;
position: relative;
bottom: 390px;
}

#position12b p{
width: 36px;
float: left;
text-align: center;
}

#position12b .close{
pointer-events: none;
}

#position12b{
background: url("/images/tlo_koniec.jpg");
background-size: 95%;
background-position: left;
background-repeat: no-repeat;
}


#open3, #open8, #open9, #open11, #open13, #open15, #open20, #open25, #open27, #open28, #open29{
color: #aeb1b3;
pointer-events:none;
}
#open1, #open2, #open4, #open5, #open6, #open7, #open10, #open12, #open14, #open16, #open17, #open18, #open19, #open21, #open22, #open23, #open24, #open26{
cursor: pointer;
font-weight: 500;
}

#position12, #position13, #position14, #position11title, #position11, #position11a, #position11b, #position11c, #position11d, #position11e, #position11f, #position11g, #position11h, #position11i{
background: url("/images/tlo_koniec.jpg");
background-size: 95%;
background-position: left;
background-repeat: no-repeat;
}

#wybierzOpcje .dataHolder div{
display: none;
}
#wynik-1, #wynik-2, #wynik-3, #wynik-4, #wynik-8, #wynik-9, #wynik-16, #wynik-17, #wynik-23, #wynik-27, #wynik-28, #wynik-29{
display: block!important;
}
#wybierzOpcje .switchData.activeData strong, #wybierzOpcje .switchData5.activeData5 strong, #wybierzOpcje .switchData8.activeData8 strong, #wybierzOpcje .switchData9.activeData9 strong,
#wybierzOpcje .switchData12.activeData12 strong, #wybierzOpcje .switchData13.activeData13 strong, #wybierzOpcje .switchData15.activeData15 strong {
background-color: #d5e4a5;
border-radius: 5px;
padding: 2px 5px;
}
#wybierzOpcje .switchData {
font-size: 17pt;
padding: 2px 5px;
opacity: 1;
transition: all .5s;
text-align: center;
}
#datasafe_id1{
display: block;
}
#datasafe_id2, #datasafe_id3, #datasafe_id4, #datasafe_id5, #datasafe_id6, #datasafe_id7, #datasafe_id8, #datasafe_id9, #datasafe_id10, #datasafe_id11,
#datasafe_id12, #datasafe_id13, #datasafe_id14, #datasafe_id15, #datasafe_id16, #datasafe_id17, #datasafe_id18{
display: none;
}

#position14{
padding-bottom: 140px;
padding-top: 60px;
}

#position11{
display: none;
}

#position11title h2{
background: url(/images/datasafe_title.png);
background-repeat: no-repeat;
background-position: top 28px left 0px;
background-size: 4%;
padding-bottom: 10px;
padding-left: 20px;
}
#position11title h2 span{
position: relative;
left: 40px;
top: -15px;
}



#position13{
padding: 60px 0px 50px 0px;
}

#position14 .widthHolder{
max-width: 1050px;
}

#footSection, #footSection .custom{
height: 0px;
}

#footSection .square_stopka1{
width: 80px;
height: 140px;
background-color: #bbd373;
animation-name: square_stopka1;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
margin-left: 0%;
position: relative;
z-index: 3;
top: 75px;
}
#footSection .square_stopka2{
width: 140px;
height: 140px;
background-color: #babcbe;
animation-name: square_stopka2;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
top: -10px;
position: relative;
left: 1.8%;
}
#footSection .square_stopka3{
width: 110px;
height: 110px;
background-color: #bbd373;
animation-name: square_stopka3;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
position: relative;
z-index: 3;
margin-left: 93%;
top: -180px;

}
#footSection .square_stopka4{
width: 110px;
height: 110px;
background-color: #dadadc;
animation-name: square_stopka4;
animation-duration: 4s;
animation-iteration-count: infinite;
border-radius: 5px;
position: relative;
z-index: 3;
margin-left: 89%;
top: -220px;
}

@keyframes square1 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes square2 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes square3 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}
@keyframes square3 {
0% {transform: scale(1);}

50% {transform: scale(1.3);}

100% {transform: scale(1);}
}



#copyright{
padding-top: 40px;
margin-top: 150px;
background: url(/images/tlo_koniec.jpg);
background-size: 95%;
background-position: left;
background-repeat: no-repeat;
padding-bottom: 30px;
}

#position19{
font-size: 24px;
font-weight: 700;
color: #a9c748;
position: fixed;
z-index: 111111;
right: 0px;
width: 20%;
height: 210px;
bottom: 16%;
background: #ffffffcf;
padding: 10px 0px 0px 15px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border: solid 1px #f3f3f3;
border-right: none;
margin-right: -400px;
transition: all .5s;
}
#position19 .custom{
    text-align: center;
}


#position19.visible{
margin-right: 0px;
transition: all .5s;
}

#position19 span{
    font-weight: 300;
    font-size: 20px;
    margin-right: 3px;
    margin-left: 3px;
}
#position19 p{
left: 22px;
position: relative;
}
#position19 .zegar_p1{
    font-size: 20px;
    margin: 0px auto;

    color: #000000;
    line-height: 1.2;
    text-align: center;
    width: 230px;
    font-weight: 500;
    margin-top: 0px;
    left: 0;
    margin-bottom: 8px;
}
#position19 .zegar_p2{
margin: 0px;
float: left;
margin-left: -30px;
position: relative;
left: 0;
top: 10px;
}
#position19 .zegar_p3{
    font-size: 11px;
    font-weight: 300;
    color: #000000;
    text-align: center;
    width: 260px;
    left: 0;
    margin: 0px auto;
}


#position20 .zegar_p2 {
position: fixed;
right: 19%;
width: 20px;
height: auto;
bottom: 20%;
margin-right: -400px;
transition: all .5s;
}
#position20 .zegar_p2.visible{
margin-right: 0px;
transition: all .5s;
}
#position19 .button_audyt{
    background: #a9c748;
    color: #ffffff;
    width: auto;
    margin: 0px auto;
    padding: 5px 10px;
    border-radius: 10px;
    cursor: pointer;
    margin-top: 15px;
    z-index: 3;
    position: relative;

}
#position19 .paragraph1 {
    left: 0;
    margin: 0;
    font-weight: 500;
    font-size: 20px;
}
#position19 .paragraph2{
    margin: 0;
    font-size: 14px;
    left: 0px;
    font-weight: 300;
}

#position3mobile{
display: none;
}

#zwin19{
cursor: pointer;
z-index: 1111112;

}
#zwin20{
cursor: pointer;
z-index: 1111111;

}

#position19 .widthHolder{

animation-name: shake;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in;
position: relative;
animation-delay: 4s;
transition: all .5s;
}

@keyframes shakeAnim {
0% {right: 0}
1% {right: -3px}
2% {right: 5px}
3% {right: -8px}
4% {right: 8px}
5% {right: -5px}
6% {right: 3px}
7% {right: 0}
}

@keyframes shake {
0% {right: 0}
1% {right: -3px}
2% {right: 5px}
3% {right: -8px}
4% {right: 8px}
5% {right: -5px}
6% {right: 3px}
7% {right: 0}
}

#copyright p{
    font-size: 14px;
}
#copyright a{
    text-decoration: none;
    color: inherit;
}
#copyright a:hover{
opacity: 0.6;
}

.item-page.polityka_prywatnosci{
    padding-top: 50px;
}
.item-page.polityka_prywatnosci a{
    color: inherit;
    text-decoration: none;
}
.item-page.polityka_prywatnosci a:hover{
    opacity: 0.6;
}
    

@media screen and (max-width: 1550px){
.button_slider1 {
position: relative;
right: 15px;
padding: 9px 14px 8px 14px!important;
}
.button_slider2{
left: 15px;
position: relative;
}
#position9{
padding-top: 60px;
}
.button_slider1 p {
line-height: 1.2!important;
}
.button_slider2 p{
line-height: 1.2!important;
}
#liderzy .td_mk {
left: 28%;
}
#liderzy .td_ep {
right: 15%;
}
#position8d .back {
    top: 80%;
    left: 10%;
}
#position8c .back {
    top: 80%;
}
#position19 .custom {
    text-align: left;
}
#position19 .zegar_p1 {
    font-size: 20px;
    margin: 0px;
    width: 230px;
    font-weight: 500;
    margin-top: 0px;
    left: 0;
    margin-bottom: 8px;
}
#position19 .zegar_p3 {
    font-size: 11px;
    text-align: center;
    width: 260px;
    left: -10px;
    margin: 0px;
}
#position19 {
    padding: 10px 0px 0px 35px;
}
#position20 .zegar_p2 {
    right: 20%;
}
#position19 .paragraph1 {
    left: 0;
    margin: 0;
    font-weight: 500;
    font-size: 17px;
}
#position19 .button_audyt {
    width: 85%;
    margin: 0px;
    padding: 5px 5px;
    border-radius: 10px;
    cursor: pointer;
    margin-top: 15px;
    left: -16px;
}
#position19 {
    bottom: 21%;
}
}

@media screen and (max-width: 1099px){
#position2 .safe_start {
padding-bottom: 0px;
}
#position2{
padding: 30px 0px 20px 0px;
}
#position6b .button {
width: 75%;
}
#position2 .safe_title h2 {
font-size: 25px;
}
#textSelector .switch img {
padding-bottom: 0px;
width: 50px;
height: auto;
}
#textSelector .navSide {
width: 100%;
height: 170px;
}

#textSelector .logosHolder {
width: auto;
right: 0px;
}
.navSide span {
position: relative;
left: 0px!important;
top: 0px!important;
}
#textSelector .switch {
width: 20%;
padding-left: 0px;
height: 50px;
}
#textSelector .logosHolder {
margin-top: 25px;
padding: 10px 20px;
right: 0;
margin-bottom: 30px;
}
#textSelector .logosHolder div.cur {
height: auto;
}
#topBackground{
display: none;
}
#position1{
display: none;
}
#position2background{
display: none;
}
#position4background{
display: none;
}
#position5background{
display: none;
}
#position9background{
display: none;
}
#sliderSection{
display: none;
}
#sliderSectionMobile{
display: block;
}
#logoplace img {
width: 50%;
}
#topSec {
height: 70px;
z-index: 21;
}
h2 {
font-size: 27px;
}
h3 {
font-size: 23px;
}
#position2 .safe_start p {
padding: 0px 0px;
}
table tr td{
width: 100%;
float: left;
}
.simple_start p {
font-size: 23px;
left: 0px;
margin-bottom: 25px;
margin-top: 20px;
}
#box1{
width: 100%;
float: left;
height: auto;
left: 0;
margin-top: 185px;
bottom: 47%;
}
#box2{
width: 100%;
float: left;
height: auto;
left: 0;
}
#box3{
width: 100%;
float: left;
height: auto;
left: 0;
bottom: 202%;
}
#box4{
width: 100%;
float: left;
height: auto;
left: 0;
margin-top: 185px;
bottom: 47%;
}
#box5{
width: 100%;
float: left;
height: auto;
left: 0;
}
#box6{
width: 100%;
float: left;
height: auto;
left: 0;
bottom: 202%;
}
#box8{
width: 100%;
float: left;
height: auto;
left: 0;
margin-top: 185px;
bottom: 47%;
}
#box7{
width: 100%;
float: left;
height: auto;
left: 0;
}
#box9{
width: 100%;
float: left;
height: auto;
left: 0;
bottom: 202%;
}
#position3 table {
width: 100%;
margin: 0px auto;
margin-bottom: 30px;
padding-top: 20px;
bottom: 200%;
}
#position3{
display: none;
overflow: hidden;
}
#position3 .triangle_prev1{
border-radius: 0 3px 3px 0;
height: 0;
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
border-right: 17px solid #dcdcdc;
animation-name: triangle_mobnewslide1;
animation-duration: 2s;
animation-iteration-count: infinite;
float: left;
animation-delay: 0.3s;
}
#position3 .triangle_prev2{
border-radius: 0 3px 3px 0;
height: 0;
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
border-right: 17px solid #dcdcdc;
animation-name: triangle_mobnewslide2;
animation-duration: 2s;
animation-iteration-count: infinite;
float: left;
animation-delay: 0.1s;
}
#position3 .triangle_prev3{
border-radius: 0 3px 3px 0;
height: 0;
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
border-right: 17px solid #dcdcdc;
animation-name: triangle_mobnewslide3;
animation-duration: 2s;
animation-iteration-count: infinite;
float: left;
}
#position3 .triangle_next1{
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
border-left: 17px solid #bbd476;
}
#position3 .triangle_next2{
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
border-left: 17px solid #bbd476;
}
#position3 .triangle_next3{
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
border-left: 17px solid #bbd476;
}
#position3 .next {
cursor: pointer;
position: absolute;
top: 51%;
right: 0px;
}
#position3 .next {
cursor: pointer;
position: absolute;
top: 51%;
right: 0px;
}

.prev {
cursor: pointer;
position: absolute;
top: 51%;
left: 0px;
}


#position3mobile{
display: block;
padding-bottom: 100px;
}
.prevmob {
top: 103%;
}
.nextmob {
top: 103%;
}
#position4 {
padding-top: 0px;
}
#position4 .green_box {
padding: 20px 5px 30px 10px;
width: 100%;
float: left;
}
#position4 .image_proces {
width: 100%;
float: left;
bottom: 100px;
left: 0px;
z-index: 3;
}
.triangle_proces1{
right: 5px;
top: 7px;
}
.triangle_proces2{
right: 10px;
top: 7px;
}
.triangle_proces3{
right: 15px;
top: 7px;
}
#position4 .image_proces img{
width: 100%;
height: auto;
}
#position5 {
background: #f3f3f3;
margin-top: -150px;
padding-bottom: 0px;
margin-bottom: -50px;
}
#position5 p {
padding: 0px 0px;
}
#position5 .button {
text-align: center;
width: 75%;
margin: 0px auto;
background: #a9c748;
color: #ffffff;
padding: 5px 10px;
border-radius: 15px;
margin-top: 60px;
cursor: pointer;
}
#textSelector2 .switch {
height: 50px;
width: 33.3%;
}
#position6 .krok {
font-size: 20px;
margin-left: 0px;
width: 65%;
float: left;
margin-top: 4px;
}
#position6 .big_number {
font-size: 50px;
top: 0px;
left: 0px;
background: none;
padding-bottom: 0px;
text-align: left;
width: 30%;
float: left;
}

#textSelector2 .navSide2 {
width: 100%;
padding: 0px 0px;
margin-top: 0px;
}

#position6 h3 {
margin-top: 0px;
}

#textSelector2 .logosHolder2 {
width: 100%;
margin-top: 0px;
padding: 0px 0px 0px 0px;
right: 0;
}
.kroki_end {
top: 30px;
}
#position6 {
padding-bottom: 20px;
padding-top: 20px;
margin-top: -145px;
}
#position6b .back2 {
    width: 44%;
    font-size: 25px;
font-weight: 500;
}
.slideshow-container2 {
position: relative;
height: auto;
}
.next2, .prev2 {
top: 120%;
}
#samouczek1 p, #samouczek2 p, #samouczek3 p, #samouczek4 p, #samouczek5 p, #samouczek6 p, #samouczek7 p, #samouczek8 p, #samouczek9 p, #samouczek10 p {
color: #000000;
font-weight: 300;
font-style: italic;
font-size: 20px;
text-align: center;
line-height: 1.2;
}
#samouczek1 h3, #samouczek2 h3, #samouczek3 h3, #samouczek4 h3, #samouczek5 h3, #samouczek6 h3, #samouczek7 h3, #samouczek8 h3, #samouczek9 h3, #samouczek10 h3 {
text-align: center;
color: #000000;
font-weight: 600;
font-style: italic;
font-size: 24px;
line-height: 1.1;
}
#samouczek1, #samouczek2, #samouczek4, #samouczek5, #samouczek7, #samouczek9{
top: 0px;
}
#samouczek10{
top: 0px;
}
#textSelector2 .logosHolder2 div.cur {
top: -40px;
}
#position6b table tr td {
width: 100%;
padding: 0px;
height: 385px;
}
.samouczek_start p {
margin-top: 0px;
padding: 0px 0px;
}
#samouczek1, #samouczek2, #samouczek3, #samouczek4 {
width: 90%;
font-size: 22px;
margin: 0px auto;
}
.mySlides2 {
padding: 0px;
}
#position7 .button_audyt span {
font-size: 20px!important;
left: 0;
top: 0;
}
#position7 .button_audyt p {
font-size: 11px;
margin-bottom: 0px!important;
}

#position8b, #position8c, #position8d{
background-size: cover;
height: 610px;
}
#position9 {
padding-top: 20px;
}
#position9 .haslo_td {
width: 100%;
}
#position9 .audyt_haslo {
font-size: 28px;
line-height: 1.2;
}
#position9 .button_audyt {
width: 85%;
padding: 5px 20px;
margin-top: 20px;
}
#position9 h3 {
font-size: 22px;
margin-top: -20px;
}
.white_box {
padding: 10px 10px;
height: auto;
font-size: 17px;
bottom: 50px;
margin-bottom: -20px;
}
.title_audyty {
font-size: 22px;
top: 22px;
left: 5px;
}
.big_number_white {
font-size: 65px;
}
#mod_selector .switchi.cur7 p {
font-size: 30px;
transition: all .5s;
background: #d5e4a5;
width: 100%;
text-align: center;
border-radius: 15px;
}
#mod_selector .mod_holder_i {
padding: 0px;
right: 0;
top: 0px;
margin-bottom: 0px;
}
#mod_selector .mod_holder {
padding: 0px;
right: 0;
top: 0px;
margin-bottom: 0px;
}


#sliderSectionMobile .div{
line-height: 1.2!important;
width: 1920px;
text-align: center;
padding: 25px 0px 30px 0px!important;
}
.sliderSectionMobile strong{
font-size: 36px!important;
}
#sliderSectionMobile .div span{
font-weight: 600;
font-size: 30px!important;
}
#sliderSectionMobile .div p{
font-size: 22px!important;
line-height: 1.3!important;
font-weight: 500;
font-family: 'Roboto Condensed', sans-serif;
color: #000000;
text-decoration: none;
background-color: transparent;
text-shadow: none;
margin: 0px!important;
letter-spacing: 0px!important;
padding: 0px!important;
height: auto;
border: none!important;
}
.button_slider1 span {
font-size: 20px!important;
}
.button_slider1 {
background: #a9c748;
color: #ffffff;
padding: 10px 12px 7px 12px!important;
border-radius: 10px;
font-weight: 500;
cursor: pointer;
}
.button_slider1 p {
font-size: 12px!important;
margin-bottom: 0px!important;
text-align: center;
line-height: 1.5!important;
margin-top: -4px!important;
}
#position5 .title_center {
margin-top: 40px;
text-align: left!important;
}
#position19 {
font-size: 24px;
font-weight: 700;
color: #a9c748;
position: fixed;
z-index: 111111;
right: 0px;
width: 60%;
height: 150px;
bottom: 16%;
background: #ffffffcf;
padding: 10px 0px 0px 15px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border: solid 1px #f3f3f3;
border-right: none;
}

#position14 {
padding-bottom: 60px;
padding-top: 0px;
}
.next3 {
cursor: pointer;
position: absolute;
top: 110%;
right: 0px;
}
.prev3 {
cursor: pointer;
position: absolute;
top: 110%;
}
#newslide1, #newslide2, #newslide3, #newslide4 {
font-size: 22px;
}
#position19{
display: none;
}
#copyright {
padding-bottom: 15px;
padding-top: 15px;
background-size: 100%;
margin-top: 50px;
}
#copyright img{
width: 120px;
height: auto;
}
#copyright p{
margin: 0px;
}

#footSection .square_stopka1 {
width: 20px;
height: 40px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
top: 25px;
}
#footSection .square_stopka2 {
width: 40px;
height: 40px;
top: 0px;
left: 2%;
}
#footSection .square_stopka3 {
width: 30px;
height: 30px;
margin-left: 90%;
top: -65px;
}
#footSection .square_stopka4 {
width: 30px;
height: 30px;
margin-left: 85%;
top: -75px;
}
#position13, #position14, #position11title, #position11, #position11a, #position11b, #position11c, #position11d, #position11e, #position11f, #position11g, #position11h, #position11i {
background-size: 100%;
}

.triangle_newslide1, .triangle_newslide2, .triangle_newslide3{
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
border-right: 17px solid #dcdcdc;
}

.triangle_newslide6, .triangle_newslide5, .triangle_newslide4 {
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
border-left: 17px solid #bbd476;
}
#position13 {
padding: 30px 0px 30px 0px;
}
#mod_selector .mod_holder_i p {
width: 85%;
padding: 0px 20px;
}
#position12{
padding-top: 0px;
}
#wybierzOpcje .datasafeNav {
float: left;
width: 100%;
box-sizing: border-box;
padding: 10px 0px;
border-radius: 10px;
margin-top: 0px;
}
#mod_selector .mod_holder_i div.cur7 {
height: auto;
}
#mod_selector .mod_holder p {
width: 85%;
padding: 0px 20px;
}
#mod_selector .mod_holder div.cur {
height: auto;
}
#mod_selector .switch.cur p {
font-size: 25px;
}
#mod_selector .switchi.cur7 p {
font-size: 25px;
}
#opcja-18, #opcja-7{
width: 100%!important;
}
#mod_selector .switchi p, #mod_selector .switch p{
font-size: 25px;
}
#position12, #position13, #position14, #position11title, #position11, #position11a, #position11b, #position11c, #position11d, #position11e, #position11f, #position11g, #position11h, #position11i {
background-repeat: repeat;
}
#position10button .dofinansowanie_q1{
margin-left: 15%;
top: -65px;
}
#position10button .dofinansowanie_q2{
margin-left: 13.5%; 
top: -80px;
}
#position10button .dofinansowanie_q3{
margin-left: 12.1%;
top: -79px;
}
#position10button .dofinansowanie_q4 {
margin-left: 70%;
top: -15px;
}
#position10button .dofinansowanie_q5 {
margin-left: 88%;
top: -110px;
}
#position10button .button_dofinansowanie {
width: 260px;
font-size: 20px;
top: 20px;
}
#position11background {
display: none;
}
#position10background {
display: none;
}
#position9 .paragraph1 {
font-size: 20px;
}
#position9 table {
margin-top: 0px;
}
#position9 h2 {
padding-bottom: 0px;
}

.triangle_prev7, .triangle_prev8, .triangle_prev9{
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
border-right: 17px solid #dcdcdc;
}

.triangle_next7, .triangle_next8, .triangle_next9{
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
border-left: 17px solid #bbd476;
}
#position7 h2, #position2 .safe_start h2, #position2b h2, #position5 h2, #position8 h2, #position8a h2, #position9 h2, #position11title h2{
background-position: top 15px left 0px;
background-size: 10%;
padding-bottom: 0px;
padding-left: 15px;
}
#position8title h2{
background-position: top 15px left 0px;
background-size: 10%;
padding-bottom: 0px;
padding-left: 15px;
padding-top: 0px;
}
#position8c .back {
position: absolute;
width: 125px;
float: left;
top: 105%;
}
#position8c .div_nazwisko {
font-size: 20px;
font-weight: 300;
float: none;
cursor: pointer;
}
span{
left: 0px!important;
}
#position8d .div_nazwisko{
text-align: center;
float: none;
}
#position8d .back{
top: 105%;
}
#position9 .zadzwon {
margin-top: -50px;
margin-bottom: 50px;
position: relative;
z-index: 10000000;
}
#position7 .button_audyt {
padding: 5px 0px!important;
width: 100%;
}
#position7 .simple_koniec {
max-width: 285px;
margin-top: 170px;
}
#position7 .button_slownik {
padding: 5px 0px!important;
line-height: 1;
width: 100%;
margin-top: 15px;
}
#position7 {
padding-bottom: 40px;
}
#position5 .umow_sie {
font-size: 20px;
}
#position5 .proces_q5 {
width: 30px;
height: 30px;
margin-left: 85%;
top: -145px;
}
#position5 .proces_q6 {
width: 16px;
height: 16px;
margin-left: 75%;
top: -95px;
}
#position5 .proces_q4 {
width: 30px;
height: 30px;
margin-left: 5%;
top: -35px;
}
#position5 .proces_q1 {
top: -88px;
}
#position5 .proces_q2 {
top: -100px;
}
#position5 .proces_q3 {
top: -102px;
}
#position5 .big_number {
font-size: 50px;
top: 40px;
background: none;
padding-bottom: 0px;
}
#position5 h3 {
font-size: 21px;
margin-bottom: 0px;
margin-left: 30px;
margin-top: -22px;
}
.button_slider1 {
right: 0px;
}
.button_slider2{
left: 0px;
}
.button_slider2 p {
line-height: 1.4!important;
}
.ePiekart {
padding: 10px 0px 0px 10px;
width: 100%!important;
}
#position8a .switch {
font-size: 18px;
width: 97%!important;
text-align: left;
}
.jakosc {
padding: 10px 0px 0px 10px;
}
.mKopacz {
padding: 10px 0px 0px 10px;
right: 0px;
}
#position8b table tr td {
width: 100%;
float: left;
padding-top: 10px;
}
#position8b table {
width: 100%;
margin-top: -30px;
}
#position8d .custom {
width: 100%;
float: right;
color: #ffffff;
position: relative;
top: 60px;
}
#liderzy img{
max-width: 100%;
height: auto;
}
#position20{
display: none;
}
#briefForm {
width: 83%;
margin: 0px auto;
padding: 30px 30px 20px 30px;
background: #dadadc;
height: auto;
border-radius: 10px;
}
.imie, .email {
width: 98%;
font-size: 15px;
height: 30px;
margin-bottom: 20px;
}
.textarea {
width: 98%;
height: 110px;
font-size: 15px;
margin-bottom: 20px;
}
.checkbox, .checkbox2 {
background-repeat: no-repeat;
width: 20px;
border: none;
height: 20px;
cursor: pointer;
float: left;
margin-left: 0px;
}
.zgoda {
float: left;
width: 85%;
padding-left: 15px;
font-size: 14px;
}
#Send {
font-size: 26px;
padding: 4px 20px;
top: 15px;
}
#position3mobile table tr td{
width: 49%;
}
#position3mobile h4 {
font-size: 23px;
font-weight: 300;
margin-bottom: 0px;
color: #ffffff;
line-height: 1;
}
#position3mobile h3 {
font-size: 23px;
font-weight: 500;
margin-bottom: 0px;
color: #ffffff;
line-height: 1;
text-align: center;
}
#formularz {
margin-bottom: 0px;
}
.green_a {
font-size: 30px;
line-height: 1;
}
.green {
font-size: 23px;
}
#position12b {
background-size: 100%;
}
#position12b p {
width: 22px;
}
#position8background {
display: none;
}
#liderzy .liderzy_img_ep {
margin-right: 0px;
position: relative;
left: 0px;
z-index: 101;
top: 18px;
width: 70%;
}
#liderzy .liderzy_img_mk {
margin-left: -15px;
position: relative;
right: 40px;
z-index: 100;
top: 20px;
margin-bottom: 0px;
}
#ewa_piekart_click{
width: 85%;
}
#mateusz_kopacz_click{
width: auto;
height: auto;
}
#liderzy table tr td{
width: 49%;
}
#liderzy .liderzy_mk {
font-size: 16px;
width: 190px;
font-weight: 500;
}
#liderzy .liderzy_ep {
font-size: 16px;
width: 110px;
font-weight: 500;
}

#liderzy {
background: url(/images/liderzy_tlo.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: top;
height: auto;
}
#arrows_ep {
top: -31px;
right: -95px;
}
#arrows_mk {
vertical-align: bottom;
top: -31px;
position: relative;
left: -122px;
float: none;
}
#liderzy .td_ep {
vertical-align: bottom;
top: 2px;
position: relative;
color: #000000;
left: -65px;
}
#liderzy .td_mk {
vertical-align: bottom;
top: 2px;
position: relative;
left: -23px;
float: none;}
#liderzy .pasek_white {
position: relative;
bottom: 0px;
background: #ffffff;
height: 30px;
}
.triangle_ep1, .triangle_ep2,.triangle_ep3, .triangle_mk1, .triangle_mk2, .triangle_mk3 {
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 10px solid #a7a9ac;
}

#position8b{
height: auto;
}
#wybierzOpcje .switchData {
width:25%;
text-align: left;
padding: 2px 0px;
}
#wybierzOpcje .dataHolder {
margin-top: 0px;
margin-bottom: 15px;
top: 15px;
}
#opcja-1, #opcja-2, #opcja-4{
width: 40%!important;
}
#position8c .custom {
width: 100%;
color: #ffffff;
position: relative;
top: 20px;
}
#position4 .umowsie{
font-size: 20px;
}
#position4 .strzalki_Ewa{
width: 270px;
margin: 0px;
}
#position4 .zadzwon a {
font-size: 20px;
}
#position4 .zadzwon {
margin-top: 0px;
margin-left: 0px;
}
#position5 .zadzwon {
margin-top: -70px;
margin-bottom: 70px;
position: relative;
z-index: 10000000;
}
.green {
font-size: 19px!important;
margin-bottom: 5px;
}
.green_a a {
font-size: 28px!important;
}
#position8c .zadzwon {
float: none;
cursor: pointer;
top: 39px;
position: relative;
left: 0px;
text-align: center;
font-weight: 500;
font-size: 23px;
}
.mySlides {
padding: 0px;
}
#position3 table tr td img {
margin-right: 15px;
float: right;
}
#position3 table tr td{
width: 49%;
}
#position3 table tr td img {
margin-left: 35px;
float: left;
width: 50%;
height: auto;
}
#position3 h3 {
font-size: 30px;
font-weight: 300;
margin-bottom: 12px;
color: #ffffff;
line-height: 1;
margin-top: 0px;
}
#position8c{
    height: auto;
}
#position8c table{
    width: 100%;
    margin-top: 0px;
    }
    #position8c .td_tresc{
    width: 100%;
    vertical-align: top;
    padding-top: 50px;
    bottom: 35px;
    position: relative;
    }
    #position8c .td_img{
    width: 100%;
    bottom: 17px;
    position: relative;
    }
    #position8c img {
        width: 55%;
        height: auto;
    }
    #position8c .zadzwon {
        float: none;
        cursor: pointer;
        top: 15px;
        position: relative;
        left: 0px;
        text-align: center;
        font-weight: 500;
        font-size: 20px;
    }
    #position8c .back {
        position: absolute;
        width: 125px;
        float: left;
        top: 134%;
        left: 55%;
    }
#position8d{
    height: 890px;
}

    #position8d table{
        width: 100%;
        margin-top: 0px;
        }
        #position8d .td_tresc{
            width: 100%;
            vertical-align: top;
            padding-top: 0px;
            position: absolute;
        }
        #position8d .td_img{
            width: 100%;
            bottom: -500px;
            position: relative;
        }
        #position8d img {
            width: 55%;
            height: auto;
        }

        #position8d .back {
            position: absolute;
            width: 125px;
            float: left;
            top: 118%;
            left: 58%;
        }
        #position8d .td_img img {
            width: 315px;
            height: auto;
            position: relative;
            left: 0px;
        }
        #position14 {
            padding-bottom: 90px;
            padding-top: 0px;
        }
    }