.box_placowki{

}
.div_placowki{
box-sizing:border-box;
position: relative;
padding: 0px 15px 15px 15px;
max-width: 1310px;
margin: 0px auto;


}
.placowki{
display: flex;
align-items: center;
justify-content: space-between;
background: url('../images/bg_placowki2.png') 50% 50% no-repeat;
padding: 0px 50px 0px 0px;
}

.placowki.wroclaw{

}

.placowki .tekst{
font-weight: 700;
font-size: 40px;
font-family: 'Poppins', sans-serif;
padding: 0px 122px 0px 120px;
flex: 1 1;
}

.placowki.wroclaw .tekst{
padding: 0px 35px;

}

.placowki .mapa{
width: 465px;
height: 490px;
position: relative;
flex: 0 0 465px;
min-width: 465px;
}

.placowki.wroclaw{
background: url('../images/bg_placowki2a.png') 50% 50% no-repeat;
padding: 0px 0px 0px 50px;
}

.placowki.wroclaw .mapa{
width: 598px;
height: 434px;
flex: 0 0 598px;
min-width: 598px;
}

.placowki.gdansk .tekst{
padding: 0 35px;
}

.placowki.gdansk{
background: url('../images/bg_placowki2a.png') 50% 50% no-repeat;
padding: 0px 0px 0px 50px;
}

.placowki.gdansk .mapa{
width: 598px;
height: 434px;
flex: 0 0 598px;
min-width: 598px;
}


.placowki .mapa img{
width: 100%;
height: auto;
position: relative;
z-index: 0;

}

.placowki.gdynia .mapa img{
object-fit: contain;
height: 100%;
}

.placowki .mapa .marker{
width: 32px;
height: 49px;
position: absolute;
background: url('/images/pin.png') 50% 50% no-repeat;
z-index: 1;
cursor: pointer;
background-size: 100% auto;
}

.placowki .mapa .marker.m1{
top: 196px;
left: 225px;
}
.placowki .mapa .marker.m2{
top: 58px;
left: 187px;
}
.placowki .mapa .marker.m3{
top: 363px;
left: 205px;
}
.placowki .mapa .marker.m4{
top: 240px;
left: 46px;
}
.placowki .mapa .marker.m5{
top: 91px;
left: 81px;
}

.placowki .mapa .marker.m6{
top: 28px;
left: 87px;
}
.placowki .mapa .marker.m7{
top: 194px;
left: 154px;
}

.placowki .mapa .marker.m10{
top: 224px;
left: 334px;
}
.placowki .mapa .marker.m11{
left: 160px;
top: 135px;
}
.placowki .mapa .marker.m12{
left: 217px;
top: 249px;
}

.placowki .mapa .marker.m13{
top: 155px;
left: 297px;
}
.placowki .mapa .marker.m14{
top: 142px;
left: 328px;
}

.placowki .mapa .point{
position: absolute;
top:20px;
left: 20px;
display: none;
background-color: #FFFFFF;
border: 1px solid #7EC34C;
border-radius: 6px;
box-shadow: 3px 3px 80px rgba(0,0,0,0.4);
z-index: 2;
width: 300px;
box-sizing: border-box;
padding: 25px;
font-size: 16px;
font-weight: 400;
flex-direction: column;
justify-content: space-between;
align-items: center;
text-align: center;
}

.placowki.wroclaw .mapa .point{
top:30px;
left: 80px;

}

.placowki .mapa .point .close{
position: absolute;
top:-14px;
right: -14px;
cursor: pointer;
width: 38px;
height: 38px;
background-color: #209E4B;
border-radius: 50%;
color: #FFFFFF;
text-align: center;
}
.placowki .mapa .point .close:before{
content: "";
width: 38px;
height: 38px;
display: inline-block;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAZJJREFUOE+NlL8rRlEYx93CajAoi9FsUDbqHRjkb/BjeRXJO0l+RpnUK1JKoZR/wEJKRhYZDEaLMtjs1+ere27nPvec+95TT+fH830+5+dzki5KmqYDVDPYTZIkvxqrW4idQNtL3L1iEgZGqG+xQewVm8b5VQdI7Aq6dqZdJa4toGZ49ADvtBs4v6ugBibpMzFjAnbT+cxW6BgfNMZjUGKW8B+bCefQXyYaRDBMdYcNeaIgNALbBbbzf4YOgFCwpyoomg38e2ZlOawAzFYaheJfxLarYCVgBfQHX7+BbbLNfXtx+ZZ9R2T7vmQZ2ImFBVdozvSNfp8JXAd2EIJ1AurW7JkppvJJxbYcg7mFRaElIOcXgm1BWgg8qUm2r6TISwEITG9Mb610AZGLEkwZlUP9h61UUkpFbzODKqOUWa4UoC71DvG2PFFKW7/HkZnAfXXKqCBUn0MD54OBzSvRLcz1s//TQs+IaQo4ivDFCxbsIgargF4RN+u2vIZwCjtn8LoTzEBP6fdgTX3MwXdYFxjS/QHJzasVJENxxgAAAABJRU5ErkJggg==') 50% 50% no-repeat;
}

.placowki .mapa .point .address{
position: relative;
padding-left: 30px;
box-sizing: border-box;
}
.placowki .mapa .point .phone{
position: relative;
padding-left: 30px;
box-sizing: border-box;
}

.placowki .mapa .point .address:before{
content: "";
display: inline-block;
position: absolute;
top:6px;
left: 0px;
background: url('../images/placeholder.png') 50% 50% no-repeat;
width: 17px;
height: 21px;
}
.placowki .mapa .point .phone:before{
content: "";
display: inline-block;
position: absolute;
top:0px;
left: 0px;
background: url('../images/p_telephone.png') 50% 50% no-repeat;
width: 21px;
height: 21px;
background-size: 100% auto;
}
.placowki .mapa .point a.buton1 {
width: 100%;
text-align: center;
}


.placowki .point p.trolley,
.placowki .point p.bus,
.placowki .point p.tram,
.placowki .point p.subway,
.placowki .point p.train,
.placowki .point p.parking{
align-self: flex-start;
text-align: left;
padding-left: 40px;
position: relative;
font-size: 14px;
margin-bottom: 12px;
}
.placowki .point .trolley:before,
.placowki .point .bus:before,
.placowki .point .tram:before,
.placowki .point .subway:before,
.placowki .point .train:before,
.placowki .point .parking:before{
content: "";
display: inline-block;
width: 30px;
height: 30px;
position: absolute;
top:0;
left: 0;
bottom: 0;
margin: auto;
}

.placowki .point .trolley:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAtVJREFUSEvlVj1vE0EQndnbQBBIBAkkKBCuqZwCCQSOnA4RI5xfgGsq0lEk0SpJT/5BQo8URziIzlEMokJYQtQY0VCAiGkQZG+HmUsuXO7D549IFDkX3tPezJt5Mzv7EP7Tg/3immZ1wte27mlbM7dedeJ25u3dgm/12nKpMd2Pz76BxdlCq7LNfz/Y+Wzc+cEe8F752IGDrPa8NoGqrUy9qIcAC69nHoMD4435xTQ20gLpK+NHH8vnrvy89ESjrhDRRSC6rJT3QRwSgUfkXwfErwj4bVyPr8zdWHuel3VPYKmr0/YhO5897Z25Oa7Paq1OATACEP/C5/CdwLo/v7q/v79DhA1l9TMzXd8dOOOgbkRFjq7OGXUcYiE3E6IvSHSVo6qyzfusZsvMeL5VKSuAplJu0tx+2c4DjO/n2SeA9+ndazKfRXG2VGr01QdpgS22KgfloLayY9NR2hNOmd797JDWkfDpqMCENAeENW4KWiptTf5ri1ioEqUDCIaAUD0qcJavRMYnEHhnpq48MtapieOiWiu363w0S1Nb1cwahxvhcTiOGq+UGjLjjzy55/jkATM/hggTVHme35WJZt7cK/q+dz5BJVJZbOU4DUU130ZdREw4zhuhod3QwNEaS8PlAUazC2fCUBmnNVec3pD2eFAjAQO5qvLgc3hDiQpxVn+Kg/DdeyG8BCQw58M1QFUfmuoogCOcFckj4Nbqw7tZa9sRyTO/c7+qkDaO2AzbXEK11JYPvOELfjc6feJZi3CQb1gwrEpdR6KaL9TgKLHDAiuKQvie1mQcXJlvvw6xWgls+H1gqsVwkec2IbD0wXUG5I6mgqyzOptlWI3hOgy4LWskaGcx1FNdMFVGAEUrR9dZwAHVDMrlMdF1BjvZJ1P0sqiQwy+INnvVWBjicjwIvxf1sXxna3VgYDGIDo20QRB1KnrNahtoNXl6fT+0kMvmqb+dv1hruC7BEDhCAAAAAElFTkSuQmCC') 50% 50% no-repeat;
}

.placowki .point .bus:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAj5JREFUSEvtVk1u2kAUnjd210lOUHKCkGWVQmFXFSroDTiCuw+JCzmAewNuUFCg6o6/Vl2GG4TewFnXnpdvLFyR2AZnQMqiGcmS7XnvffO+9zcknmnRM+GKF+AHzLu/PhRDJS9BS/OpIWEh+pZUX9yz74s03Uyq3XHzUFl/b5joTrDymOQyLzixKgiSDjEfdMqj49zA7u/3BRXYDSh4MrCP3Grfzwsay61s3OLbkXYwcN/8eHDwhMeaXhXKMdLuUBvplIbGCXgxr4NxLBa+tFR1nfaE0fas5uNnXxH1pBDjXYGVEFXJ3BKCGp3y8ChmJAGsT6mFtcC+gNNsvQCL9s+aY1lhPwjswr6otu1gGYZWs/t25GXGON44n9cr+wK+Kg0nj8sxs1T+X2B0gAloSVC1rZNBrwK9ii5NI6oF8wD9OupiMPQuB+A0kmX2BVHDGHgfncvI4zRgXXLEdLDmvQ+5r4/ZiLugETAze0S0ZKZFt3w91VMnDCzEnV7HQCz4jxW8KuoptqqGE+gVodcyphpJMo1jy8Sf15tAiocu/l0C9A7xXWg9Y+CY6otZrYfsOumURqdZCdae1zXYBDqOljGiOprLSt5sy+Jt+1Kq07Trz8YhjxN7uh7xOHqmoqyK+j0LDMY8lNFCz/Lofc373C1zRRVixg1mCTDVQtyOu6VhZQPVE9Q9rjuyR6QwEGgA2nXcE2ujx+ezj01J/O1f9uZMrlheMX26Kl/3nwy8LX677Btf5HYBjVrqrgZM9e8B5sNTLuOtJGYAAAAASUVORK5CYII=') 50% 50% no-repeat;
}
.placowki .point .tram:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAmVJREFUSEvtVs1uElEUPucyTVzyACbiE+heodSVEZK2T1CauJduXEkdhbhxUZZuDPMGRQXiogkUTFwWH8CkD2AibmW4x++MJWkp9E6ZJmx6d5O553znfOfnu0wrOrwiXLoFvsS8391KT7zwENTk45ZFRIJqrr171X0n1ZVBsUciD4VMickGMOhZ5vqsUyYJiPiUWJosfGDFvqzlOu8XgTuB9/uFwKSk7j/qDPcHxToJ7Qjx1nmHbGyGhAMrvF3LfWlW+s9K+H+nmut8WBpYDc/obiDKC4DznILmOmjec5XFmbGC2tT4RJj/iLDvTVI9f6M5mnUcBZf6i8BQBuaTara1kajGSi+yKGmNDcsDVyag+wfuHVobbtbWv35emmo015CF7mHi0+pEiI4XOEuDvv+BCY2izl5fTLmTamQsCqbdDJev32Zbc21eDYp5Q9QVsbug2ofNUS3bfr50xgpsiaJ6qWMXsP6HjW9J7t4CX5h9V5eulGpdChinYx0TV42NF96fhF5DSH4mrvEMK/6CjZVhZl2V0UFzfUwMrDsY2UIoYiiUQEjYZG6sq2vZls5xrHOj4+R54Slqd4AdvD0P3f/+NDP9fyPAlX5hhNoFJvT8ydq4VH3cvqTFGkgkEmf/IaVNy/QraY197N4XZKRsxmuf5inTlAHN2obeJr7r4USevMu3u0uvTDWMHgAE8PjnDcZubvdPXThFQi9WvhXK+pwRlj1o8nARvoF8QiB2VCjw+giuitMJrM8YjEcjjrOIHTyVFDy5HqO5ILBlVwbns1NwaOnvRHocv6zXu+mk+nru4t9eGfA/NgJvLkVBfMYAAAAASUVORK5CYII=') 50% 50% no-repeat;
}
.placowki .point .subway:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAp5JREFUSEvtVsFy2kAMXdn07nxByBeEnlsIuXUCnbpfAPmCkHucOpB7nS8If1BmCrnGwe30Sr8g+QTusa1KC9vZMKzX5pJDuzMcjC09PelpJRCvdOCVcMV/4K2Zv0i6bUrNGf18Y2lQLBFEjELcXDensa2E1lRfzjtjAdAjhw8CcIIIi21OAfO6AKdPDo8Q8Hz0fhYVgRcCXybdkIy/5Aifr1vfJ+wovPe9zM0Odadu5v4OjydL/i+Yn/QBnFvdZmugpqgYIHfTR5LfzbA55QDkCX50BoDwVbfbZCgDRuwNW7MDk38jYxW5k9b2FBtb3dT78NeHep7WHnMhjk31NgJz1FRXf9ScNtjhxfyj7wC+SPFmIAT0oIDIHhHz01Hrblwp1WvgNgG3FXspMPPxiMWhYhkk3QU9T/Qy6aZmxqRmBKhL4KQb04cLcjIoSjd1gBQg1dZf28SVgXUwmxMVzIssrYLdGVgalgbmnhfCU4w5IM5YpRrrYMQkEih61FrGS4GURDWGPor8nAWls68GPO8sASBixrKnaymrXCq8oDf/pnZnYG6Hoj609fTq1sNPw+bsbSXGOvCa8Znep5vOVJ9Thq743c6M9T7k6eQIcc99bBJLkHSeqMb7KkusCy5NZXFt3rd8R7uAcfjubut0kqMTsMFTSd3zSmiVUr2aQs9PZPRt1Jqd2mqq3ku7WnpLzwfquq0EzB+HP08aWQYxgOApFWHucCBmVRNjmkoDSvGe62LblB12YF0EVml7jngZKMn6iiZaZJtoVmAGY6FRa3hu+qZhcqiyU7Y0VmC1+pRkKz+jW2xs00Xx6sMTimYyCqdP+5ZcbWyHlc0bim3vKgQO6NpkULVv2UDVe57fJJ+IWHsmG2uqy4JV/e7fA/4DyWiCLi/zIVYAAAAASUVORK5CYII=') 50% 50% no-repeat;
}
.placowki .point .train:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAsdJREFUSEvtls1uElEUx8+5M7iVN5A+QWHZWBB2pmBKn6B15664b+uV6rr1CcQn6DSB6g4KGt2Jb0CfQFyYmDD3Hs8ZmaYmzB1oSXDhJATC3Ht+5/N/L8KKHlwRF/6DnZnXnx/nzMTbR4QyAOaBYEwIPUQKmpudd4uUbe5UH/a39hDUCSH9QMCAyA4RVQ6I8oC4TQA9L/R3dCUYz+PAXOCjQe2Uje3z52Wz2NYHg1oZ2QMBeJnJFViVNVa1+J8HKhMW9MaHURo8FXzQf1JXSGcc4dPj0kVLf9rKW6u+XhsmOm+WOnXdrWeNH/aQU9Asdgp3Bh8OqiOOZCjG04zFTsVOutY7I46jVX64ZoxX5/TedxlTyp5bgw0e0vW0qJ1grq3mQtaPi+08/yYCuuJunlk/NvRIesASDqU03AtO225wvxoQYpbBZQHHzTUr6vi95e5WAF2OvqAfXgyTMuQEHw5qPdl4GzA7UHlVbEf7Zz3/PpijH7KX60TU4pEJCLxIKFi1WMGIGwpzXN8dQBpLqpcWsUBEvQBVQxyI08eOsJJBoDJGi3CIuCwVfNSvtpRHp3HDCMD3w1GsUqJuHGUgDi0FzOKxLjJoJqrsZWwvSQ4lG/LeTjzNad+9U6olSjECQEOuo1bm3mXSITBVrW0OWEdRs+i4NNvd1R+rDVarEx7gbzfrmjQiUm9WrTEfl9njUid7a8mMhN+biFKdeSbzPPTDfJIxX9moy61RXYa/kVPs1mDZKHqNYHmE4DunveWINoeIe5ydSxEcFzQaw7QF8l40m79eRKODsw+KP2OFpIy/Ns9lIBUc3TxQvU076m6exyrMVNLg7uaaQqd3q0TBj7PGisYNxXcxnoI0eCL4OlKu2Tzl+HsN5aQnVPhzQ1d6v2btd4Cr3KXUkOvOouA47RbNs9eb778sBF4Utuj61OZa1OC861cG/g2L55IuG/40aAAAAABJRU5ErkJggg==') 50% 50% no-repeat;
}
.placowki .point .parking:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAANlBMVEUAAAB8w0x+w0x9w0yAxUp+w0t9wkt9w0t9w0x9xEt9wk2Ax0h+w0t9wkqAv1B+w0x+wkp+w0wJ8eTsAAAAEXRSTlMAQIDAMLDw4NBwPyDPYBCQT5Yv8CwAAACHSURBVCjPxdJbDoQgDAXQwb4o6sx0/5sVY9RgWuKP8X7RnEDa0M/rQWJrw4SnGmhqo9kOJ3BezLSfTB0e+ODksbWMsIb063Pam8aAc215FpOAYZvSMOZaWerwGN6eSil/sdztXDBgXueew7lhK59ghF/A/R9j9VhubgsyDNdMPHY2Vajqw1kAveEIsFg21+oAAAAASUVORK5CYII=') 50% 50% no-repeat;
}


@media screen and (max-width:1200px){
.placowki .tekst{padding: 0px 50px 0px 50px;font-size: 32px}
}

@media screen and (max-width:1000px){
.div_placowki{padding: 0px 10px 0px 10px}
.placowki,
.placowki.wroclaw,
.placowki.gdansk{flex-direction: column;align-items: flex-start;padding: 0px;background: none;position: relative;padding: 55px 0px 0px 0px;background: url(../images/bg_plac.png) 100% 20% no-repeat;}
.placowki .tekst{font-size: 24px;padding: 0px}
.placowki .mapa{margin: 0px auto 20px auto}
.placowki.wroclaw .tekst{order: 1}
.placowki.wroclaw .mapa{order: 2;flex: 1}

.placowki.gdansk .tekst{order: 1}
.placowki.gdansk .mapa{order: 2;flex: 1}

.placowki{
margin-bottom: 30px;
}

.placowki a.buton1{
margin: 25px 0px;
max-width: 77%;
}

.placowki:after{
content: "";
display: block;
height: 25px;
margin: 0px auto;
background-color: #E4F2DA;
position: absolute;
top:0px;
left: 0px;
right: 20px;
z-index: -1;
border-radius: 18px 18px 0px 0px;
}

.placowki:before{
content: "";
display: block;
height: 104px;
background-color: #E4F2DA;
position: absolute;
bottom:70px;
left: 0px;
right: 20px;
z-index: -1;
border-radius: 0px 0px 18px 18px;
}

}

@media screen and (max-width:650px){
.placowki.wroclaw .mapa {width: 465px;flex: 1;min-width: 465px;}
.placowki .mapa .marker.m10 {top: 163px;left: 256px;}
.placowki.wroclaw:before{}
.placowki a.buton1{padding: 5px 20px;}


.placowki.gdansk .mapa {width: 465px;flex: 1;min-width: 465px;}
.placowki .mapa .marker.m13 {top: 110px;left: 226px;}

}

@media screen and (max-width:510px){
.placowki .mapa {width: 340px;flex: 0 0 340px;min-width: 340px;}
.placowki .mapa .marker.m1 {top: 141px;left: 165px;}
.placowki .mapa .marker.m2 {top: 42px;left: 137px;}
.placowki .mapa .marker.m3 {top: 265px;left: 150px;}
.placowki .mapa .marker.m4 {top: 175px;left: 32px;}
.placowki .mapa .marker.m5 {top: 67px;left: 60px;}
.placowki .mapa .marker.m6{top: 16px;left: 61px;}
.placowki .mapa .marker.m7{top: 143px;left: 114px;}
.placowki .mapa .marker.m11 {left: 118px;top: 98px;}
.placowki .mapa .marker.m12 {left: 158px;top: 181px;}


.placowki .mapa .marker {width: 23px;height: 37px;}

.placowki.wroclaw .mapa {width: 340px;flex: 1;min-width: 340px;}
.placowki .mapa .marker.m10 {top: 120px;left: 187px;}

.placowki.gdansk .mapa {width: 340px;flex: 1;min-width: 340px;}
.placowki .mapa .marker.m13 {top: 82px;left: 167px;}
.placowki .mapa .marker.m14 {left: 262px;top: 140px;}
}

@media screen and (max-width:360px){
.placowki.gdynia .mapa {width: 310px;flex: 1;min-width: 310px;}
.placowki .mapa .marker.m14 {left: 237px;top: 124px;}
}