.box_jakosc{
margin-top: 5%;
margin-bottom: 5%;
}
.div_jakosc{
box-sizing: border-box;
width: 1400px;
max-width: 100%;
margin: 0px auto;
}
.div_jakosc>div{
display: inline-block;
width: 50%;
vertical-align: middle;
}
.div_jakosc>div.ulJakosc{
position: relative;
}
.div_jakosc>div.ulJakosc ul{
list-style: none;
display: flex;
flex-wrap: wrap;
flex-direction:column;
}
.div_jakosc>div.ulJakosc ul li{
padding: 20px 0px;
overflow: hidden;
}

.div_jakosc>div.ulJakosc ul li:nth-child(1){
padding-left: 0;
}
.div_jakosc>div.ulJakosc ul li:nth-child(2){
padding-left: 5%;
}
.div_jakosc>div.ulJakosc ul li:nth-child(3){
padding-left: 6%;
}
.div_jakosc>div.ulJakosc ul li:nth-child(4){
padding-left: 0%;
margin-left: -2%;
}

.div_jakosc>div.ulJakosc ul li .ciecieIn{
padding: 20px 0px;
font-family: 'Raleway', sans-serif;
font-size: 28px;
position: relative;
display: inline-block;
transition: all 0.5s ease-out 0s;
color: #121212;
}
.div_jakosc>div.ulJakosc ul li .ciecieIn:before{
content: "";
width: 0%;
height: 2px;
background-color: #63cbdd;
position: absolute;
left: 100%;
top:0px;
bottom: 0px;
margin: auto;
margin-left: 20px;
transition: all 0.5s ease-out 0s;
}
.div_jakosc>div.ulJakosc ul li .ciecieIn:hover{
color: #63cbdd;
}
.div_jakosc>div.ulJakosc ul li .ciecieIn:hover:before{
width: 1000%;
}

.div_jakosc>div.ulJakosc ul li .ciecieIn:after{
content: attr(data-title);
position: absolute;
font-weight: 900;
color: #FFFFFF;
text-shadow: 2px 0px 35px rgba(0,0,0,0.15);
left: -5px;
top:-5px;
z-index: -1;
font-size: 50px;
white-space: nowrap;
transition: all 0.5s ease-out 0s;
}
.div_jakosc>div.ulJakosc ul li .ciecieIn:hover:after{
text-shadow: 2px 0px 35px rgba(0,0,0,0);

}


/*
.box_ciecie{
padding-bottom: 113px;
}
.coTniemyP{
box-sizing: border-box;
padding: 50px 0px 0px 0px;
}

.topTniemy{
background-image: url('../images/doswiadczenie_pozycjonowanie.jpg');
background-repeat: no-repeat;
background-position: 50% -30%;
padding: 1% 0px 20% 0px;
}
.menuCoTniemy{
width: 1200px;
margin: 0px auto;
box-sizing: border-box;
max-width: 100%;
}
.topTniemy .tytulH1{
margin: 0% 0px 0px 0px;
}
.menuCoTniemy{

}
.menuCoTniemy ul{
list-style: none;
display: table;
width: 100%;
table-layout: fixed;
}
.menuCoTniemy ul li{
display: table-cell;
text-align: center;
padding: 0px 7px;
position: relative;
box-sizing: border-box;
}
.menuCoTniemy ul li:after{
content: "";
width: 1px;
height: 20%;
position: absolute;
right: 0px;
top:0px;
bottom: 0px;
margin: auto;
background-color: #eeeff1;
display: block;
}
.menuCoTniemy ul li:last-child:after{
display: none;
}

.menuCoTniemy ul li .ciecieIn{
padding: 40px 0px;
display: block;
box-sizing: border-box;
font-size: 18px;
font-weight: 400;
color: #5a5e64;
position: relative;
transition: all 0.5s ease-out 0s;
}
.menuCoTniemy ul li .ciecieIn:after{
content: "";
display: block;
position: absolute;
width: 100%;
height: 3px;
bottom: 0px;
left: 0px;
background-color: #63cbdd;
transition: all 0.5s ease-out 0s;
z-index: -1;
}
.menuCoTniemy ul li .ciecieIn:hover{
color: #FFFFFF;
}
.menuCoTniemy ul li .ciecieIn:hover:after{
height: 100%;
}

@media screen and (max-width:1200px){
.topTniemy {padding-top: 1%;background-size: 800px auto,auto auto;}
.topTniemy .tytulH1 {padding-top: 0%;margin-top: 3%;}
.menuCoTniemy{width: 100%;}
.menuCoTniemy ul {width: 100%;}
}
@media screen and (max-width:1100px){
.box_ciecie {padding-bottom: 30px;}
}
@media screen and (max-width:840px){
.topTniemy {background-image: none, url('../images/bg_ciecie.jpg');}
.topTniemy {padding: 1% 0 3% 0}
}
@media screen and (max-width:740px){
.menuCoTniemy ul {display: block;text-align: center}
.menuCoTniemy ul li {display: inline-block;width: 33.333%;vertical-align: middle}
.menuCoTniemy ul li .ciecieIn {padding: 20px 0px;}
}
*/