.div_content .commentParent{
grid-area: comm;
}
.div_content{
grid-template-areas:
'blog_l blog_r'
'comm blog_r'
'. blog_r';
align-items: start;
margin-top:45px ;
}
.blogParent {
box-sizing: border-box;
margin-bottom: 30px;
}
.contentZajawka{
color: #FFFFFF;
font-size: 16px;
font-weight: 400;
line-height: 1.7em;
}

.contentZajawka img{
max-width: 100%;
height: auto;
}

.contentZajawka ul li{
background: url('../images/pkt.png') 0px 13px no-repeat;
padding: 5px 0px 5px 20px;
line-height: 1.5em;
}

.contentZajawka ol ul li{
background: url('../images/pkt.png') 0px 13px no-repeat;
padding: 5px 0px 5px 20px;
line-height: 1.5em;
}

.contentZajawka ul{
list-style: none;
margin: 0px 0px 0px 10px;
overflow: hidden;
}
.contentZajawka ol{
margin: 0px 0px 0px 30px;
}

.contentZajawka ol li{
padding: 5px 0px 5px 0px;
line-height: 1.5em;
background: none;
}

.contentZajawka p{
margin-bottom: 20px;
}

.divTag{
margin-top: 20px;
}
.divTag span {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
color: #FFFFFF;
font-weight: 400;
margin-bottom: 5px;
font-family: 'Poppins', sans-serif;
font-size: 13px;
}
.divTag span:before {
content: "";
display: inline-block;
vertical-align: middle;
margin-right: 11px;
width: 26px;
height: 26px;
background: url('data:image/svg+xml;base64,PHN2ZyBpZD0idGFnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNi40MiIgaGVpZ2h0PSIyNi40MiIgdmlld0JveD0iMCAwIDI2LjQyIDI2LjQyIj4NCiAgPGcgaWQ9Ikdyb3VwXzExMCIgZGF0YS1uYW1lPSJHcm91cCAxMTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPg0KICAgIDxnIGlkPSJHcm91cF8xMDkiIGRhdGEtbmFtZT0iR3JvdXAgMTA5Ij4NCiAgICAgIDxwYXRoIGlkPSJQYXRoXzUwIiBkYXRhLW5hbWU9IlBhdGggNTAiIGQ9Ik0yNi4xMTcuM2ExLjAzMiwxLjAzMiwwLDAsMC0uNzMtLjNoLTkuNTdhMS4wMzIsMS4wMzIsMCwwLDAtLjczLjNMLjMsMTUuMDg4YTEuMDMyLDEuMDMyLDAsMCwwLDAsMS40NTlsOS41Nyw5LjU3YTEuMDMyLDEuMDMyLDAsMCwwLDEuNDYsMEwyNi4xMTcsMTEuMzMyYTEuMDMyLDEuMDMyLDAsMCwwLC4zLS43M1YxLjAzMkExLjAzMiwxLjAzMiwwLDAsMCwyNi4xMTcuM1ptLTEuNzYyLDkuODczTDEwLjYsMjMuOTI4LDIuNDkxLDE1LjgxNywxNi4yNDUsMi4wNjRoOC4xMTFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBmaWxsPSIjZWZhNjI5Ii8+DQogICAgPC9nPg0KICA8L2c+DQogIDxnIGlkPSJHcm91cF8xMTIiIGRhdGEtbmFtZT0iR3JvdXAgMTEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNi4wODEgMy45NDYpIj4NCiAgICA8ZyBpZD0iR3JvdXBfMTExIiBkYXRhLW5hbWU9Ikdyb3VwIDExMSI+DQogICAgICA8cGF0aCBpZD0iUGF0aF81MSIgZGF0YS1uYW1lPSJQYXRoIDUxIiBkPSJNMzE3LjEwNSw3Ny40MTRhMy4yLDMuMiwwLDEsMCwwLDQuNTIyQTMuMiwzLjIsMCwwLDAsMzE3LjEwNSw3Ny40MTRabS0xLjQ2LDMuMDYyYTEuMTMzLDEuMTMzLDAsMSwxLDAtMS42QTEuMTM1LDEuMTM1LDAsMCwxLDMxNS42NDUsODAuNDc3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxMS42NDggLTc2LjQ3OSkiIGZpbGw9IiNlZmE2MjkiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K') 50% 50% no-repeat;
}

.divTag div {
display: inline-block;
vertical-align: middle;
}
.divTag div a {
display: inline-block;
vertical-align: middle;
margin: 0px 5px 5px 5px;
background-color: #212121;
border-radius: 5px;
border: 1px solid #212121;
box-sizing: border-box;
font-size: 14px;
color: #EFA629;
font-weight: 400;
padding: 8px 10px;
transition: all 0.5s ease-out 0s;
font-family: 'Poppins', sans-serif;
}
.divTag div a:hover {
background-color: #FFFFFF;
border: 1px solid rgba(237,211,120,0.32);
color: #212121;
}

.commentParent>ul {
padding: 25px;
box-sizing: border-box;
background-color: #FFFFFF;
border: 1px solid #E9E8F1;
margin-bottom: 16px;
}

.contentBlog .topWpis{
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 25px;
}

.contentBlog .topWpis .topWpis2{
display: flex;
justify-content: space-between;
align-items: center;
}

.contentBlog .topWpis .topWpis2 .dateUser{

}

.contentBlog .topWpis .topWpis2 .dateAutor{
display: flex;
justify-content: flex-start;
align-items: center;
font-family: 'Poppins', sans-serif;
font-size: 13px;
font-weight: 400;
margin-bottom: 10px;
}

.contentBlog .topWpis .topWpis2 .dateAutor .data{
padding-right: 5px;
position: relative;
}
.contentBlog .topWpis .topWpis2 .dateAutor .data:after{
content: "";
display: inline-block;
vertical-align: middle;
width: 1px;
height: 14px;
background-color: #FFFFFF;
position: absolute;
right: 0px;
top:0px;
bottom: 0px;
margin: auto;
}

.contentBlog .topWpis .topWpis2 .dateAutor .nameUser{
padding-left: 5px;
}
/*background: url('data:image/svg+xml;base64,YOUR BASE64 STRING HERE') 50% 50% no-repeat;*/

.contentBlog .topWpis .topWpis2 .dateAutor:before{
content: "";
display: inline-block;
vertical-align: middle;
margin-right: 11px;
width: 26px;
height: 26px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNS45ODgiIHZpZXdCb3g9IjAgMCAyNiAyNS45ODgiPg0KICA8ZyBpZD0iY2FsZW5kYXJfMl8iIGRhdGEtbmFtZT0iY2FsZW5kYXIgKDIpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjExNCkiPg0KICAgIDxwYXRoIGlkPSJQYXRoXzMxMjIxIiBkYXRhLW5hbWU9IlBhdGggMzEyMjEiIGQ9Ik0yMC45OCwyLjExaC0uOTdWMS4xMjlhMS4wMTUsMS4wMTUsMCwxLDAtMi4wMywwVjIuMTFIOC4wMlYxLjEyOWExLjAxNSwxLjAxNSwwLDEsMC0yLjAzLDBWMi4xMUg1LjAyQTUuMDI1LDUuMDI1LDAsMCwwLDAsNy4xM1YyMS4wODNBNS4wMjUsNS4wMjUsMCwwLDAsNS4wMiwyNi4xSDIwLjk4QTUuMDI1LDUuMDI1LDAsMCwwLDI2LDIxLjA4M1Y3LjEzYTUuMDI1LDUuMDI1LDAsMCwwLTUuMDItNS4wMlpNNS4wMiw0LjE0MWguOTdWNi4xMmExLjAxNSwxLjAxNSwwLDEsMCwyLjAzLDBWNC4xNDFoOS45NlY2LjEyYTEuMDE1LDEuMDE1LDAsMSwwLDIuMDMsMFY0LjE0MWguOTdBMi45OTMsMi45OTMsMCwwLDEsMjMuOTcsNy4xM1Y4LjFIMi4wM1Y3LjEzQTIuOTkzLDIuOTkzLDAsMCwxLDUuMDIsNC4xNDFaTTIwLjk4LDI0LjA3Mkg1LjAyQTIuOTkzLDIuOTkzLDAsMCwxLDIuMDMsMjEuMDgzVjEwLjEzSDIzLjk3VjIxLjA4M0EyLjk5MywyLjk5MywwLDAsMSwyMC45OCwyNC4wNzJaTTkuMDE4LDE0LjEyM0ExLjAxNSwxLjAxNSwwLDAsMSw4LDE1LjEzOWgtMmExLjAxNSwxLjAxNSwwLDEsMSwwLTIuMDNIOEExLjAxNSwxLjAxNSwwLDAsMSw5LjAxOCwxNC4xMjNabTExLjk5MSwwYTEuMDE1LDEuMDE1LDAsMCwxLTEuMDE1LDEuMDE1SDE4YTEuMDE1LDEuMDE1LDAsMSwxLDAtMi4wM2gyQTEuMDE1LDEuMDE1LDAsMCwxLDIxLjAwOSwxNC4xMjNabS02LDBhMS4wMTUsMS4wMTUsMCwwLDEtMS4wMTUsMS4wMTVIMTJhMS4wMTUsMS4wMTUsMCwxLDEsMC0yLjAzaDJBMS4wMTUsMS4wMTUsMCwwLDEsMTUuMDA4LDE0LjEyM1ptLTUuOTksNS45OUExLjAxNSwxLjAxNSwwLDAsMSw4LDIxLjEyOGgtMmExLjAxNSwxLjAxNSwwLDEsMSwwLTIuMDNIOEExLjAxNSwxLjAxNSwwLDAsMSw5LjAxOCwyMC4xMTNabTExLjk5MSwwYTEuMDE1LDEuMDE1LDAsMCwxLTEuMDE1LDEuMDE1SDE4YTEuMDE1LDEuMDE1LDAsMSwxLDAtMi4wM2gyQTEuMDE1LDEuMDE1LDAsMCwxLDIxLjAwOSwyMC4xMTNabS02LDBhMS4wMTUsMS4wMTUsMCwwLDEtMS4wMTUsMS4wMTVIMTJhMS4wMTUsMS4wMTUsMCwxLDEsMC0yLjAzaDJBMS4wMTUsMS4wMTUsMCwwLDEsMTUuMDA4LDIwLjExM1oiIGZpbGw9IiNlZmE2MjkiLz4NCiAgPC9nPg0KPC9zdmc+DQo=') 50% 50% no-repeat;
}



.contentBlog .topWpis .topWpis2 .divCategory{
font-family: 'Poppins', sans-serif;
font-size: 13px;
font-weight: 400;
margin-bottom: 10px;
}

.contentBlog .topWpis .topWpis2 .divCategory:before{
content: "";
display: inline-block;
vertical-align: middle;
margin-right: 11px;
width: 26px;
height: 26px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4NCiAgPHBhdGggaWQ9ImNhdGVnb3J5XzJfIiBkYXRhLW5hbWU9ImNhdGVnb3J5ICgyKSIgZD0iTTExLjE3MiwwSDEuMDE2QTEuMDE2LDEuMDE2LDAsMCwwLDAsMS4wMTZWMTEuMTcyYTEuMDE2LDEuMDE2LDAsMCwwLDEuMDE2LDEuMDE2SDExLjE3MmExLjAxNiwxLjAxNiwwLDAsMCwxLjAxNi0xLjAxNlYxLjAxNkExLjAxNiwxLjAxNiwwLDAsMCwxMS4xNzIsMFpNMTAuMTU2LDEwLjE1NkgyLjAzMVYyLjAzMWg4LjEyNVpNMjUuMzczLDEzLjg5YTEuMDE2LDEuMDE2LDAsMCwwLTEuMTA3LjIyTDE0LjExLDI0LjI2NkExLjAxNiwxLjAxNiwwLDAsMCwxNC44MjgsMjZIMjQuOTg0QTEuMDE2LDEuMDE2LDAsMCwwLDI2LDI0Ljk4NFYxNC44MjhhMS4wMTUsMS4wMTUsMCwwLDAtLjYyNy0uOTM4Wm0tMS40LDEwLjA3OUgxNy4yOGw2LjY4OS02LjY4OVpNMTkuOTA2LDEyLjE4N2E2LjA5NCw2LjA5NCwwLDEsMC02LjA5NC02LjA5NEE2LjEsNi4xLDAsMCwwLDE5LjkwNiwxMi4xODdabTAtMTAuMTU2YTQuMDYyLDQuMDYyLDAsMSwxLTQuMDYyLDQuMDYyQTQuMDY3LDQuMDY3LDAsMCwxLDE5LjkwNiwyLjAzMVpNMTEuODksMTUuNTQ2bC00LjM2LDQuMzYsNC4zNiw0LjM2QTEuMDE2LDEuMDE2LDAsMCwxLDEwLjQ1NCwyNS43bC00LjM2LTQuMzZMMS43MzQsMjUuN0ExLjAxNiwxLjAxNiwwLDAsMSwuMywyNC4yNjZsNC4zNi00LjM2TC4zLDE1LjU0NkExLjAxNiwxLjAxNiwwLDAsMSwxLjczNCwxNC4xMWw0LjM2LDQuMzYsNC4zNi00LjM2YTEuMDE2LDEuMDE2LDAsMSwxLDEuNDM2LDEuNDM3Wm0wLDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIiBmaWxsPSIjZWZhNjI5Ii8+DQo8L3N2Zz4NCg==') 50% 50% no-repeat;
}






















.contentBlog .topWpis .date{
color: #C9C9C9;
font-size: 16px;
font-weight: 400;
}
.contentBlog .topWpis .date>div{
display: inline-block;
align-items: center;
}

.contentBlog .topWpis .date .d{
margin-right: 5px;
}

.contentBlog .topWpis .shareSocial {
flex: 1 0 auto;
}

.contentBlog .topWpis .titleWpis{
flex: 1 1 auto;
}

.contentBlog .topWpis .titleWpis .title{
width: 100%;
margin-bottom: 16px;
}
.contentBlog .topWpis .titleWpis .title h1{
font-size:30px;
margin: 0px 0px 30px 0px;
color: #FFFFFF;
font-weight: 700;
padding: 0px;
padding-bottom: 11px;
position: relative;
}

.contentBlog .topWpis .titleWpis .title h1:after {
content: "";
display: block;
position: absolute;
width: 136px;
height: 4px;
background-color: #EFA629;
bottom: 0px;
left: 0px;
}

.contentBlog .topWpis .titleWpis .kat{
display: inline-block;
vertical-align: middle;
color: #333336;
font-size: 15px;
font-weight: 400;
padding: 0px 18px;
justify-self: flex-start;
}

.contentBlog .topWpis .titleWpis .kat:before{
content: "";
width: 20px;
height: 20px;
display: inline-block;
margin-right: 5px;
vertical-align: middle;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVFJREFUeNrkVDFywkAMPGfo8Q+SJ3gGCjrMC8gPQk8DLwB+QBFqnBfAD3CqpKAwP4AfXF5AtMyKUTx3DEno2BmNPTpZJ2lXTj5eW1Pn3MSFsRfr8QkUYi+R2AqxDSZ7FysDQTgbiOHSjMnezAWKJ55lDTpKfhRKqEhNlefLO8Ot+1y0c638wd0Yd5rwwOEfA+YMo5DFl9jGxgghR/oAD5ZzSiOmw0KDGfsc06EwXiUi7H+1CNlYqA4h2mYgfsfKQkhN5T8SXlonz9WrjA9tL7kdEDXGMpZK10qKrlMvYGltZjkJSMRmNBC1ksQj2/I+sst1FFRFpq1KZVNJVlIp89/oENU+Mml9rnOcY6dvJWz/l03xbLcfOBux/VJniFa6VyTFhysSgzY9yeiToBMpO27K4MKfWAFpjPnvXBv/DOTgBZuSkrVYm1XkLNc2rfNbgAEA3H5pxkFCpO8AAAAASUVORK5CYII=') 50% 50% no-repeat;
}

.contentBlog .topWpis .titleWpis .kat a{
color: #C79433;;
transition: all 0.5s ease;
}

.contentBlog .topWpis .titleWpis .kat a:hover{
color: #333;
}

.contentBlog .topWpis .titleWpis .godz{
display: inline-block;
vertical-align: middle;
padding-left: 18px;
font-size: 16px;
color: #452522;
font-weight: 300;
}
.contentBlog .topWpis .titleWpis .godz .sp1{
font-weight: 500;
}
.contentBlog .topWpis .titleWpis .godz:before{
content: "";
width: 20px;
height: 20px;
display: inline-block;
margin-right: 5px;
vertical-align: middle;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAelJREFUOE+NlEFy2kAQRV8nBV6GnCAcYdjE0srkBCZVhq3DDewTRD6B4xOYbJGrLN+ArERWmZwgzglMdgkLd6olBEgg4dmoStPz5k/37xZqVuqGnwROAAfi8jD1gAdNAn/3sO+oVH9+d6OBwjXQBf2j4CWDgIKT/II3wKPA5bGfJtuMEjB1o4nAuaK/gSj08WSfClNv+4K8E4iO/fSqiFsDNzC+hn5qB9YrdWf918jivY8zpbZ+uEHnL+0vuQCuQj+N7H8GXD3zXtmF2X7qhjP7hj7uVxXP3TABOVWeP4T+bpYBUzd8XB3o1jyxFpgrbVmenwIf9ySvptwqOm7IWS1wJShjCHyUPHc6CHzcabBQI9BU/qP9BHojczfyii725ae4oCmH1RgDqpEDH1/UKXzppZmNDgG37LS2RkPhuo1PbvJmFVqkpSjKaeDjt9tBRaLrvLkvNivKxtS7tjFozyeLutwW/+fu7AJeXZu518YWRI9Y9l4C2FXX+qXw05xSaj3QSeDj8SFF5T4fzgQ5KbVe7vZRJPAZSI5Yjg8pzXPcugfpb3dZdXwVUJt1UZvlQxW8Ap3b+ALpVFt2Z8DaqAKZmEnzp2nWdpsl2cRR9BtoZBOmtFuXL6v+MwxAbQIVU8iUW6smVVDB+Q9CSRx5SAc7hAAAAABJRU5ErkJggg==') 50% 50% no-repeat;
}

.shareSocial{
text-align: right;
padding-bottom: 0px;
float: right;
}

.shareSocial .shareSpan{
color: #333336;
text-transform: uppercase;
font-size: 15px;
font-weight: 400;
display: none;
}

#fb-root{
visibility: hidden;
}

.shareSocial>div{
margin-left: 10px !important;
box-sizing:border-box;
display: inline-block;
height: 28px !important;
vertical-align: middle !important;
padding: 7px 13px;
}

.shareSocial>a{
margin-left: 10px !important;
box-sizing:border-box;
display: inline-block;
vertical-align: middle !important;
padding: 0px;
line-height: 26px;
width: 28px;
height: 28px;
position: relative;
transition: all 0.5s ease-out 0s;
border-radius:3px;
filter: grayscale(100%) contrast(0%);
}

.shareSocial>a:hover{
filter: grayscale(0%) contrast(100%);
}

.shareSocial .fb-share-button{
padding: 0px;
}

.shareSocial>a:before{
content: "";
position: absolute;
width: 100%;
height: 100%;
top:0px;
left: 0px;
transition: all 0.5s ease-out 0s;
}

.shareSocial>a:before{
opacity: 1;
}





.shareSocial .twitter:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAARCAYAAAAyhueAAAAABHNCSVQICAgIfAhkiAAAAY9JREFUOE+VVMFVwkAUnB9O6kGiBYg3kIOUEDuQCmQrkA6EDugg2AFWAHSAB5BjGpDIQW5kfH95iQTYvLCnvPy/M/N3ZldwxqqFcfVKkjdCAgFaBGak9L+MP9LaBRDotyhmM1zNCOksjD9zceimS+FYwU70TAAECaVtQXfsjAH8bCntpfG14Wg1w+8BRF5dpKpayOkW3mCndLjifzMHv/T6kfF/9gF0GggenaDEWqfNjX+4geAQ4o02CaZKkCc+hibZX5jbnlas0noYBxXhuMAzVV0t8jQHag0AdbTYYUKpfGwpT6kfVulDuIpEcFdqt6NpS7lfGj86Z/xiPuJzbm6yqFml2bmCgyKH3c6LWRh/mNYz0EYYP3tCzWFwzjGQWG8gtf0IZqD2EoCTc5Wmt2hfSAaqP3fAid6cl1Jqyfe5ue0c9uZA02IjjLue8K0wmw5A6349jGseUE0quPaIAGRHgFrZoJ/qs6AVJL0yI5P4SCDdNI8u4pxR+h4KkhYgNgECRgQiwIs2wOjwkXGB/gGbJ8HoWz5VQQAAAABJRU5ErkJggg==') 50% 50% no-repeat;
}

.shareSocial .linkedin:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcFJREFUeNq0VD0vBFEUPffNzFqJYuMHKISEDoVSoxW9j58g2agkQickGoWCRKGS+Ac6CQpRkEg0KDQUghURG7vz8Zw3s+zM7BIj6yZn7rtv5p1357x7n2DrsgtuZQ0iA8QxXH8WPh4QN9GAo4CAXtGLAJpjunDOxFYOyOVgw3PXOTEeLtRBN2yLi61pBglOBB4a5pqYzY9GYqkgjAPX4cCtTwt+a8xfHyRmNA759P5CFmXo5GdQfbe5sI/xGXL5IixLU1fA95DVqKF3Sz9W18qN4HmZs4sIA2+YC3sMFWGR6JzDC7JRXzEbddROw7zfJTqJCco9RN/Gtdf0e8RJRChSpJ+Mlcgqn3OUt51+myjUtPRZMiTAPPl7E+cILED7iyylFWaBSirramxc/iI0GYpshlk1mkXCZVTKRyqDPE6M7LXpFzqYUhk1f4IWFj36iVHiJvV+MAOhaTG1ASU7DO4Y7BNLyRaVQgbCsH9PY79ncJXW0s70w9p/iy4F9VmjQZPWy2BCNnPzfH9JKIUWW6sJ5V8IrYaqTxZz6qh/jB1zys9EKbbHSyi6Dk/wPrGBZpvq2h2pTBmZNtWlGOHjhwADAB3dhSsCpbNvAAAAAElFTkSuQmCC') 50% 50% no-repeat;
}

.shareSocial .facebook:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAUCAYAAABbLMdoAAAABHNCSVQICAgIfAhkiAAAAMpJREFUKFPNkUEOwWAUhGdKJBbERnTHDfQIHMEJXIGFdmspNq6iJ8AN6gZdipU21kba5g/apgvSxNv97/8yM3lDlIztRmsQc4Aj8y3AZ54deHFAYFzQEE4f8MCNFiR3ZW4owCWqAs4UbiITx9fYXqz390OYXbfdvdlVwiCnl03n+B1su/ERhLGfvMeQFJC8JTtJPvM5Sy+R0jjVA6cN9ld3p9FQL7WXDrnMS1pWkO2aYY2nq2rwt1L+UdmNQpDDrF1FZMu5bNqhifoETMB0G1/Di9kAAAAASUVORK5CYII=') 50% 50% no-repeat;
}

.shareSocial .google:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMFJREFUeNp00LELQVEUx/H7WEgppSQp/gDJYkBWDP4MxR+irAasNovNYlFiwGI2KCYSA2XG93BeXnpOfbp177m/27mW+ZQXNcRRRBpLDPTc9JQHEeywgGX01gNV860GnsjJjbB2Jh0Na13fCQGN3CPoSFjBZ+lGBm0ccUYMdZzMT6X07Y5xqQTKmiBNTXv+ELoo4II+/PrEVZrGmLgkDrGRMUuY/2mQRDPDDXl7bv08+eaKbETRQhZbHHDHCNOXAAMAFo0meunxxIIAAAAASUVORK5CYII=') 50% 50% no-repeat;
}

.shareSocial .email:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAQCAYAAAD9L+QYAAAABHNCSVQICAgIfAhkiAAAAhxJREFUOE+tlD9oU1EYxc/JS5NgiukkcVAUC0IV+4ZiXqZWZ8GCeRF00CwOXYyodGwyFizGQQeX6tDBJEoLTg4SpybS4Vb8g1BRcGh0SqQpSczLJ9dQfJiKDck3vnvf7zvnu+deFk07A/A6Blpyz1K5JFfNeIrA3CDZAqSjKpviuzF7uObDqANkCE7200QgrwwgGWxi48T73BaLZvyzoJ2IqnyhaMaSAFMAQ701kSogKUvlM6tmbIrwLFoqe1TDBSIiwP1wNXi7PFIPA86jvbrQagHjargSKH8Lbd8BZAYkLZVlB75TIh9F2leib56W/u/CpfbUhQjpeQzy+A6qGw5AIA6EC+Hqvrl/uXCrLYe206DcJGi4R7kr3O3C23TOTHx4tvnHhV7tzHZtzD7cGsILt9q9wQVfifZMZD3/vGTGp31oFuoIjOifA6hXGvBOWiq/UhqPnRN4HoA49HcAupSLSIPAvNdbn//pBA8QziLAKQBfdKI0QCcBwBFACgIjMWTUvrdagVkBZkn6d5+5yEuv47k28fbJp14uFoFURGXTaycvHmsZ7Ycgz+oGHeXj9qZQbkVVfqmTUd4FaPaYcyWQG/qulEz7kggWrPXcQRZHL+/3D9c8Dfj0E5DsDdq1O+NHM93YCratjaUf1AcmED3b3wfWf0mFYCKissssmvYywPP9Q90EWbFUbpr602vTNh3IQJQbYOW0yinN/QX8KwMgusA06QAAAABJRU5ErkJggg==') 50% 50% no-repeat;
}

a.buton1 {
display: inline-block;
transition: all 0.5s ease;
color: #C79433;
font-size: 16px;
padding: 15px 20px;
position: relative;
border: 1px solid #C79433;
border-radius: 113px;
font-weight: 700;
}

a.buton1:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 35px;
height: 13px;
margin-left: 55px;
transition: all 0.5s ease;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAANCAYAAAAjf9cfAAAABHNCSVQICAgIfAhkiAAAAMZJREFUOE/F07ENwjAQBdC7eABWyAiWkZDoPArUsANsgFASUcII2QA6SxTBo5A+5rCDEJGVUJ5Pcn3P/t8IjGNOMqcueyBCvdw263g1MlogYMAJ63fOAOgSg1gx4eL3SkpH4jYGYsf8AyXBTIHQVGoHhJqzO79dlAOgP75BREc05fz5yS/5tNg3vINexz2E4uB7Iv3eVqDTyTpjSnX2Ea2+kMXG2iSYMUhIhR0zBWHHmEJqQHEdRjPsKf/LFGovslcdOhJ/mDeiRVpmih9aJQAAAABJRU5ErkJggg==') 50% 50% no-repeat;
}

a.buton1:hover {
background-color: #C79433;
color: #FFFFFF;
}
a.buton1:hover:after {
filter: brightness(0) invert(100%);
}

a.buton2 {
display: inline-block;
transition: all 0.5s ease;
background-color: #8b2939;
color: #FFFFFF;
font-size: 14px;
padding: 12px 27px;
position: relative;
border-radius: 3px;
}

a.buton2:hover {
background-color: #2B2D41;
}

@media screen and (max-width:1364px){
.blogParent{padding: 0px}
}

@media screen and (max-width:1330px){
.shareSocial{float: none;margin-top: 20px}
.contentBlog .topWpis .date {align-self: flex-start}
.contentBlog .topWpis .titleWpis .title h1 {font-size: 19px}
.contentBlog .topWpis .titleWpis .kat {font-size: 16px;padding: 0px 15px 0px 0px;}
.contentBlog .topWpis .titleWpis .godz {font-size: 14px;padding: 0px 0px 0px 15px;}
.contentBlog .topWpis .date {font-size: 16px}
.blogParent .content .wpisDetail .zajawkaWpis {font-size: 14px}
.content .wpisDetail .countComment {font-size: 17px}
.content .wpisDetail .countComment a::before {width: 27px;background-size: 100% auto}
.content .wpisDetail .zajawkaStopka .buton1 {font-size: 15px}
.parentNullComment a.addComment{font-size: 15px}
.parentNullComment .countComment {font-size: 17px}
.parentNullComment .countComment::before {width: 27px;background-size: 100% auto}
}

@media screen and (max-width:1200px){
.parentNullComment .countComment {font-size: 17px}
.parentNullComment .countComment::before {width: 27px;background-size: 100% auto}

.contentBlog .topWpis .topWpis2 .dateAutor::before {width: 20px;height: 20px;background-size: auto 100%}
.contentBlog .topWpis .topWpis2 .divCategory::before {width: 20px;height: 20px;background-size: auto 100%}

.contentBlog .topWpis .topWpis2{flex-direction: column;align-items: flex-start}
}



@media screen and (max-width:1100px){
.contentBlog .topWpis {display: block;}
.contentBlog .topWpis .date {margin-top: -15px;margin-left: 0px;text-align: right;background-color: transparent;font-size: 14px;font-weight: 500;border: unset}
.blogParent .content .wpisDetail {padding: 15px}
.contentBlog .topWpis .date>div{display: inline-block}
.contentBlog .topWpis .titleWpis .kat {display: block;padding: 0px;margin: 0px 0px 20px 0px;border: none}
.contentBlog .topWpis .titleWpis .godz {display: block;padding: 0px}
.shareSocial {margin-top: 10px}
.shareSocial .shareSpan {font-size: 14px !important;}
}

@media screen and (max-width:630px){
.commentParent > ul {padding: 10px}
.oneComment .avatar img {width: 30px}
.oneComment .oneCommFoot{flex-wrap: wrap;flex-direction: column;justify-content: flex-start;align-items: flex-start}

}

@media screen and (max-width:550px){
.commentParent .parentNullComment{flex-wrap: wrap;flex-direction: column}
.oneComment .autorOneCom{order: 0}
.oneComment .odp{order: 1;margin-top: 30px;width: 100%;text-align: right}
.parentNullComment .countComment{margin-bottom: 30px}
.contentBlog .topWpis .topWpis2 .dateAutor{flex-direction: column;align-items: flex-start}
.contentBlog .topWpis .topWpis2 .dateAutor .data::after {display: none}
.contentBlog .topWpis .topWpis2 .dateAutor .data{padding: 0px 0px 10px 0px}
.contentBlog .topWpis .topWpis2 .dateAutor::before {display: none}
.contentBlog .topWpis .topWpis2 .divCategory::before {display: none}
.contentBlog .topWpis .topWpis2 .divCategory{}
.contentBlog .topWpis .shareSocial{display: block;text-align: center;width: 100%}
.shareSocial > a{margin: 0px 5px !important;}
.contentBlog .topWpis .topWpis2 .dateAutor .nameUser{padding: 0px}
}

@media screen and (max-width:430px){
.addCommentTable input{width: 100%}
}