.div_content{
width: 1200px;
max-width: 100%;
box-sizing: border-box;
margin: 0px auto;
}
.boxNews{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px 20px;
}
.boxNews a{
display: block;
background-color: #FFFFFF;
box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.05);
padding-bottom: 50px;
}
.boxNews a .imgP{
display: block;
margin-bottom: 16px;
position: relative;
}
.boxNews a .imgP img{
max-width: 100%;
height: auto;
}
.boxNews a .tytulNews{
display: block;
font-size: 18px;
color: #010101;
font-weight: 400;
padding: 0px 16px 30px 16px;
}
.boxNews a .zajawkaNews{
display: block;
font-size: 14px;
color: #010101;
font-weight: 400;
padding: 0px 16px 0px 16px;
line-height: 1.6em;
}
.boxFootNews{
text-align: center;
padding-top: 40px;
}
.moreArch{
display: inline-block;
transition: all 0.5s ease-out 0s;
cursor: pointer;
background-color: #41ABC4;
border: 1px solid #41ABC4;
color: #FFFFFF;
font-weight: 700;
font-size: 14px;
box-sizing: border-box;
padding: 20px 40px;
border-radius: 4px;
}
.moreArch:hover{
color: #41ABC4;
background-color: #FFFFFF;
}
.boxNews a .imgP .tloImg{
background-color: rgba(0,50,77,0.5);
display: block;
position: absolute;
width: 100%;
height: 100%;
top:0px;
left: 0px;
opacity: 0;
transition: all 0.5s ease-out 0s;
}
.boxNews a .imgP .tloImg:after{
content: "";
width: 0px;
height: 0px;
position: absolute;
top:0px;
left: 0px;
bottom: 0px;
right: 0px;
margin: auto;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAABHNCSVQICAgIfAhkiAAABVhJREFUaEPlm1mIHUUUhr/fJS4IikjQgHGNQoyJedeIqBFBNIKExP1ZH8xkc49bDKK466tIFo3GBxFEkKgheVIhaNwSdyMuqETUgOL2y3Gqx55rz73dPX3n3pscGIZhuqrO16fr1KlTp0SXxPZM4AzgJOAo4Mjc7xj1W+Cb3O8dwBZJ73RDJTXZqe1zgQvTz4/AGuCPFqAADMmDx4vYD7gKOBR4IX4kbWxKv0ZAbd8DXAG8m1PyyzpK2p6ae1knA+sk3VSnr3ybcYHaXgrcB1wPPCgprNeY2J4ELAbuBpZJeqBu57VAbV8JxKBPSFped/Cy7WyHnvFCY9zFktaWbZs9VxnU9jNAfJarJO2qOuB4nrd9BHBjODVJl1bpqzSo7X3THFwhaUOVQZp+1vYC4GZJp5btuxSo7dnAG8AMSbEM9FxsnwLEUjSrzJLUEdT2FOAlSbN6TleggO33gLMlZctWoZptQZMln+xXyIzIdixrC9tZdkzQNCd/k7R/P1qyVSeHa5bG5GkH+gEwr1/mZKeXnebs+rEcVCFoWkKe67V37QRXYNWFwAWSLmv93/9AUzAwU1JEPQMnth8C3pS0Lq98EegPseOY6GCgqTdqezKwTVJsGkZkFGiKXSdPRFjXFFhRP7YjPN0pKaz7r7SCtvVc3VSuyb6LVowR0LTV2iXp3iYH7VVftmNrd7CkW0ZZ1PZXwLFNb7V6CHoQsENS7G+HP92UGVgq6bxeKdaNcW2/AqyU9FoG+iiwXdLj3RiwV33avi59pUMZ6BfA6ZJqpT/KgtieB9wGHAYMSXq+bNs6z9k+Dtgo6QSlbN1qSafV6axKG9ufA8ekNm9Jiu1fVyUF/PMD9FrgQEn3d3XEYV/g/BjtgvCmdLEdqZ6fAvRh4BNJjzTV+Vj99Ah0CDg6QJ8FNkxEAN8j0Ei7XBSgm1P+ZcseatE5wF0B+hFwvqSPmwLNedeqDi6cVaPe2PY04MUA/SWlD3c3CJr3rlW7bdQb2z4kjkT6EfTtJpe6PGi3Pt3bIxVZ0ZwRuCxqMpDIf7p7ujM6E7hjr1pe9pqA4ZoUAtY+kis7D3sUMCzLQsA4qFk7Edn4lqC+Ue/aJuyMI4tLsm1arHtzJO0sa506z6VAIrxxbNMa9a5F+tg+HnhZ0okZaAT0H0p6rA5Av7axvQiYKmlxBnoOsFzS3H5Vuo5etl8F7pS0KZ8FjMV6mqTf63Tab21sR3LsfUmRZfgvr2t7FfCzpKgwGXixHWnOSZJWjAKNP2z/FfU+kkZlAgaN2nYcde6WdECme2umPkpdpgzqAVMGlQ6aPs1nTYoOmb4DpkuKw6aBE9txuLRVUpQkjEgR6OXAbElLBo5yePrFwdLrkp5uC5rm6lOpFm/9IMHaDiPNlRSFV6Ok3dF+lLYskBQhVN+L7dj7RmFJYa64U1XK35L26XfKVEL3p6Qo+iqUTqAR8EcBRBQv9a3Y3g5cLCkKTKqDpvkaXizOL2b0G2myZMDFhiRWizGlY+VYgg3Lbkslcn0xZ9Oc3Jp0GtOSGXkp0Oxh2+GgoqpzlOueaEsn77qkyiFVJdBk3Shr+T4Bt/1cmn4BKRi4ATi8aAkZ96fb2oHtKFiK07dYb6MyOmLkrkmKXaMweT4Qlqz8RVW2aJ4mbWxDgTjcjVLzX5ukTVutiNBuTS+09onfuEBzc3dlKgOPZHh2w+GzOtAp/ZHdtIi95Jpsq1Wnv1rOqNNAts/K3XAI667OXQf5Ol0LibsuIXEFJALv+J1dB7kaiK1V9rI2dRqz7P8bsWjRYLanpws+caWjFSqaBHAePhb9uODTcakoC5d/7h+Uc2bUWwhz4gAAAABJRU5ErkJggg==') 50% 50% no-repeat;
transition: all 0.5s ease-out 0s;
background-size: 100% 100%;
}
.boxNews a:hover .imgP .tloImg{
opacity: 1;
}
.boxNews a:hover .imgP .tloImg:after{
width: 58px;
height: 58px;
}
@media screen and (max-width:1200px){
.div_nowosci {padding: 20px 0px;}
.boxNews {box-sizing: border-box;padding: 0px}
.boxNews a {margin-bottom: 15px}
.content-text {padding: 20px 0px}
}
@media screen and (max-width:920px){
.boxNews {grid-template-columns: 1fr 1fr;}
.boxNews a .imgP {text-align: center}
}
@media screen and (max-width:580px){
.boxNews {grid-template-columns: 1fr;}
}