#map-container img {
    max-width: none;
}

.map-image {
    position: relative;
    display: block;
}

#btn-order-now {
    text-decorate: none;
}

.villa {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #f47822 !important;
    transform-origin: center center;
    cursor: pointer;
    border-radius: 2px;
    display: flex !important;
    justify-content: center !important;
    font-size: 11px;
    font-weight: 700;
    padding: 8px;
}

.villa.number-middle {
    align-items: center !important;
}

.villa.number-top {
    align-items: start !important;
    padding-top: 5px !important;
}

.villa.number-bottom {
    align-items: end !important;
    padding-bottom: 5px !important;
}

.villa:hover {
    background-color: #000066 !important;
}

.booked {
    background-color: #3f3355 !important;
}

#B16 .villa161 {
    top: 432px;
    right: 150px;
    height: 45px;
    transform: rotate(4deg);
    width: 22px;
}

/* start b16 */
#B16 .villa162 {
    top: 437px;
    right: 124px;
    height: 42px;
    transform: rotate(3deg);
    clip-path: polygon(0 0, 100% 35%, 100% 100%, 0% 100%);
}

#B16 .villa163 {
    top: 453px;
    right: 100px;
    height: 35px;
    transform: rotate(3deg);
    clip-path: polygon(0 0, 100% 16%, 100% 100%, 0 80%);
}

#B16 .villa164 {
    top: 460px;
    right: 76px;
    height: 34px;
    transform: rotate(2deg);
    clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 86%);
}

#B16 .villa165 {
    top: 461px;
    right: 55px;
    width: 18px;
    height: 34px;
    transform: rotate(1deg);
}

#B16 .villa166 {
    top: 458px;
    right: 31px;
    width: 19px;
    height: 39px;
    transform: rotate(3deg);
    clip-path: polygon(0 11%, 100% -6%, 100% 100%, 0 100%);
}
/* end b16 */

/* start b12 */
#B12 .villa121 {
    top: 390px;
    right: 103px;
    height: 20px;
    transform: rotate(31deg);
    width: 19px;
    clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
}

#B12 .villa122 {
    top: 397px;
    right: 89px;
    height: 20px;
    transform: rotate(19deg);
    width: 18px;
    clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
}

#B12 .villa123 {
    top: 400px;
    right: 75px;
    height: 20px;
    transform: rotate(9deg);
    width: 16px;
    clip-path: polygon(11% 0%, 80% 0%, 100% 100%, 0% 100%);
}

#B12 .villa124 {
    top: 401px;
    right: 60px;
    height: 20px;
    transform: rotate(1deg);
    width: 16px;
    clip-path: polygon(9% 0%, 80% 0%, 100% 100%, 0% 100%);
}

#B12 .villa125 {
    top: 399px;
    right: 46px;
    height: 22px;
    transform: rotate(-4deg);
    width: 15px;
    clip-path: polygon(6% 0%, 80% 0%, 100% 100%, 0% 100%);
}

#B12 .villa126 {
    top: 398px;
    right: 30px;
    height: 20px;
    transform: rotate(-11deg);
    width: 16px;
    clip-path: polygon(0% 0%, 80% 0%, 100% 100%, 0% 100%);
}

#B12 .villa127 {
    top: 422px;
    right: 29px;
    height: 20px;
    transform: rotate(-11deg);
    width: 16px;
    clip-path: polygon(0% 0%, 80% 0%, 100% 100%, 0% 100%);
}

#B12 .villa128 {
    top: 424px;
    right: 44px;
    height: 20px;
    transform: rotate(-6deg);
    width: 15px;
    clip-path: polygon(15% 0%, 82% 0%, 100% 100%, 9% 100%);
}

#B12 .villa129 {
    top: 425px;
    right: 57px;
    height: 20px;
    transform: rotate(2deg);
    width: 14px;
    clip-path: polygon(14% 0%, 80% 0%, 94% 100%, 10% 100%);
}

#B12 .villa1210 {
    top: 423px;
    right: 71px;
    height: 21px;
    transform: rotate(9deg);
    width: 16px;
    clip-path: polygon(6% 5%, 91% 0%, 100% 100%, 11% 100%);
}

#B12 .villa1211 {
    top: 422px;
    right: 85px;
    height: 20px;
    transform: rotate(16deg);
    width: 16px;
    clip-path: polygon(13% 0%, 84% 0%, 107% 100%, 10% 100%);
}

#B12 .villa1212 {
    top: 418px;
    right: 98px;
    height: 20px;
    transform: rotate(19deg);
    width: 16px;
    clip-path: polygon(15% 0%, 89% 0%, 100% 100%, 13% 100%);
}

#B12 .villa1213 {
    top: 413px;
    right: 111px;
    height: 20px;
    transform: rotate(26deg);
    width: 16px;
    clip-path: polygon(19% 0%, 94% 0%, 106% 100%, 14% 90%);
}

#B12 .villa1214 {
    top: 405px;
    right: 121px;
    height: 20px;
    transform: rotate(37deg);
    width: 15px;
    clip-path: polygon(7% 0%, 86% 0%, 100% 100%, 0% 100%);
}

#B12 .villa1215 {
    top: 396px;
    right: 132px;
    height: 20px;
    transform: rotate(49deg);
    width: 16px;
    clip-path: polygon(0% 0%, 80% 0%, 100% 100%, 0% 100%);
}
/* end b12 */

/* start b11 */
#B11 .villa111 {
    top: 344px;
    right: 162px;

    width: 18px;
    height: 19px;

    transform: rotate(-24deg);
    clip-path: polygon(12% 0, 89% 0, 79% 100%, 24% 100%);
}

#B11 .villa112 {
    top: 339px;
    right: 150px;
    width: 16px;
    height: 19px;
    transform: rotate(-19deg);
    clip-path: polygon(12% 0, 89% 0, 79% 100%, 24% 100%);
}

#B11 .villa113 {
    top: 336px;
    right: 137px;
    width: 18px;
    height: 19px;
    transform: rotate(-9deg);
    clip-path: polygon(12% 0, 84% 0, 79% 100%, 24% 100%);
}

#B11 .villa114 {
    top: 335px;
    right: 125px;
    width: 18px;
    height: 19px;
    transform: rotate(-6deg);
    clip-path: polygon(16% 0, 89% 0, 79% 100%, 24% 100%);
}

#B11 .villa115 {
    top: 334px;
    right: 110px;
    width: 20px;
    height: 19px;
    transform: rotate(0deg);
    clip-path: polygon(20% 0, 77% 0, 76% 100%, 24% 100%);
}

#B11 .villa116 {
    top: 334px;
    right: 100px;
    width: 18px;
    height: 19px;
    transform: rotate(0deg);
    clip-path: polygon(26% 0, 80% 0, 79% 100%, 24% 100%);
}

#B11 .villa117 {
    top: 335px;
    right: 88px;
    width: 18px;
    height: 19px;
    transform: rotate(0deg);
    clip-path: polygon(24% 0, 89% 0, 91% 100%, 24% 100%);
}

#B11 .villa118 {
    top: 335px;
    right: 75px;
    width: 18px;
    height: 19px;
    transform: rotate(-4deg);
    clip-path: polygon(24% 0, 89% 0, 79% 100%, 24% 100%);
}

#B11 .villa119 {
    top: 336px;
    right: 63px;
    width: 18px;
    height: 18px;
    transform: rotate(-2deg);
    clip-path: polygon(26% 0, 89% 0, 79% 100%, 24% 100%);
}

#B11 .villa1110 {
    top: 336px;
    right: 49px;
    width: 19px;
    height: 19px;
    transform: rotate(0deg);
    clip-path: polygon(18% 0, 83% 0, 88% 100%, 19% 100%);
}

#B11 .villa1111 {
    top: 335px;
    right: 37px;
    width: 16px;
    height: 19px;
    transform: rotate(-6deg);
    clip-path: polygon(19% 0, 83% 0, 90% 99%, 12% 100%);
}

#B11 .villa1112 {
    top: 333px;
    right: 24px;
    width: 17px;
    height: 19px;
    transform: rotate(-12deg);
    clip-path: polygon(17% 0, 79% 0, 90% 99%, 12% 100%);
}

#B11 .villa1113 {
    top: 359px;
    right: 30px;
    width: 18px;
    height: 19px;
    transform: rotate(-8deg);
    clip-path: polygon(19% 0, 83% 0, 90% 99%, 12% 100%);
}

#B11 .villa1114 {
    top: 359px;
    right: 45px;
    width: 16px;
    height: 19px;
    transform: rotate(2deg);
    clip-path: polygon(19% 0, 83% 0, 98% 99%, 12% 100%);
}

#B11 .villa1115 {
    top: 359px;
    right: 57px;
    width: 19px;
    height: 19px;
    transform: rotate(4deg);
    clip-path: polygon(20% 0, 91% 0, 83% 100%, 24% 100%);
}

#B11 .villa1116 {
    top: 358px;
    right: 70px;
    width: 18px;
    height: 19px;
    transform: rotate(6deg);
    clip-path: polygon(13% 0, 79% 0, 88% 100%, 24% 100%);
}

#B11 .villa1117 {
    top: 357px;
    right: 83px;
    width: 18px;
    height: 19px;
    transform: rotate(2deg);
    clip-path: polygon(12% 0, 82% 0, 79% 100%, 17% 100%);
}

#B11 .villa1118 {
    top: 357px;
    right: 96px;
    width: 18px;
    height: 19px;
    transform: rotate(-1deg);
    clip-path: polygon(13% 0, 86% 0, 79% 100%, 14% 100%);
}

#B11 .villa1119 {
    top: 357px;
    right: 110px;
    width: 18px;
    height: 19px;
    transform: rotate(-5deg);
    clip-path: polygon(12% 0, 89% 0, 79% 100%, 15% 100%);
}

#B11 .villa1120 {
    top: 358px;
    right: 123px;
    width: 18px;
    height: 19px;
    transform: rotate(-13deg);
    clip-path: polygon(12% 0, 89% 0, 79% 100%, 19% 100%);
}

#B11 .villa1121 {
    top: 362px;
    right: 135px;
    width: 18px;
    height: 18px;
    transform: rotate(-19deg);
    clip-path: polygon(12% 0, 87% 0, 82% 100%, 12% 100%);
}

#B11 .villa1122 {
    top: 366px;
    right: 148px;
    width: 18px;
    height: 19px;
    transform: rotate(-24deg);
    clip-path: polygon(12% 0, 89% 0, 79% 100%, 12% 100%);
}

/* end b11 */

/* start b10 */
#B10 .villa101 {
    top: 291px;
    right: 186px;

    width: 18px;
    height: 19px;

    transform: rotate(-36deg);
    clip-path: polygon(12% 0, 89% 0, 79% 100%, 24% 100%);
}

#B10 .villa102 {
    top: 284px;
    right: 175px;
    width: 18px;
    height: 19px;
    transform: rotate(-31deg);
    clip-path: polygon(20% 0, 89% 7%, 79% 100%, 24% 100%);
}

#B10 .villa103 {
    top: 279px;
    right: 162px;
    width: 18px;
    height: 19px;
    transform: rotate(-21deg);
    clip-path: polygon(12% 0, 89% 0, 79% 100%, 24% 100%);
}

#B10 .villa104 {
    top: 275px;
    right: 149px;
    width: 18px;
    height: 19px;
    transform: rotate(-13deg);
    clip-path: polygon(12% 0, 87% 0, 79% 100%, 24% 100%);
}

#B10 .villa105 {
    top: 273px;
    right: 136px;
    width: 18px;
    height: 19px;
    transform: rotate(-7deg);
    clip-path: polygon(12% 0, 89% 0, 79% 100%, 24% 100%);
}

#B10 .villa106 {
    top: 273px;
    right: 123px;
    width: 18px;
    height: 19px;
    transform: rotate(0deg);
    clip-path: polygon(21% 0, 86% 0, 79% 100%, 24% 100%);
}

#B10 .villa107 {
    top: 273px;
    right: 111px;
    width: 18px;
    height: 19px;
    transform: rotate(1deg);
    clip-path: polygon(23% 0, 89% 0, 79% 100%, 18% 100%);
}

#B10 .villa108 {
    top: 274px;
    right: 98px;
    width: 18px;
    height: 19px;
    transform: rotate(1deg);
    clip-path: polygon(23% 0, 89% 0, 79% 100%, 18% 100%);
}

#B10 .villa109 {
    top: 275px;
    right: 85px;
    width: 18px;
    height: 19px;
    transform: rotate(1deg);
    clip-path: polygon(23% 0, 89% 0, 79% 100%, 18% 100%);
}

#B10 .villa1010 {
    top: 277px;
    right: 71px;
    width: 18px;
    height: 19px;
    transform: rotate(1deg);
    clip-path: polygon(19% 0, 87% 0, 79% 100%, 12% 100%);
}

#B10 .villa1011 {
    top: 277px;
    right: 59px;
    width: 18px;
    height: 19px;
    transform: rotate(1deg);
    clip-path: polygon(23% 0, 89% 0, 79% 100%, 18% 100%);
}

#B10 .villa1012 {
    top: 278px;
    right: 46px;
    width: 18px;
    height: 19px;
    transform: rotate(1deg);
    clip-path: polygon(23% 0, 89% 0, 91% 100%, 24% 100%);
}

#B10 .villa1013 {
    top: 278px;
    right: 32px;
    width: 18px;
    height: 19px;
    transform: rotate(-4deg);
    clip-path: polygon(23% 0, 89% 0, 79% 100%, 18% 100%);
}

#B10 .villa1014 {
    top: 277px;
    right: 21px;
    width: 15px;
    height: 19px;
    transform: rotate(-6deg);
    clip-path: polygon(24% 0, 89% 0, 106% 100%, 13% 100%);
}

#B10 .villa1015 {
    top: 299px;
    right: 15px;
    width: 18px;
    height: 19px;
    transform: rotate(-8deg);
    clip-path: polygon(20% 0, 75% 0, 79% 100%, 13% 100%);
}

#B10 .villa1016 {
    top: 299px;
    right: 28px;
    width: 18px;
    height: 19px;
    transform: rotate(-4deg);
    clip-path: polygon(12% 0, 83% 0, 79% 100%, 11% 100%);
}

#B10 .villa1017 {
    top: 299px;
    right: 44px;
    width: 13px;
    height: 19px;
    transform: rotate(-3deg);
    clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%);
}

#B10 .villa1018 {
    top: 299px;
    right: 56px;
    width: 18px;
    height: 19px;
    transform: rotate(1deg);
    clip-path: polygon(20% 0, 89% 0, 88% 100%, 24% 100%);
}

#B10 .villa1019 {
    top: 298px;
    right: 69px;
    width: 18px;
    height: 19px;
    transform: rotate(1deg);
    clip-path: polygon(20% 0, 89% 0, 79% 100%, 15% 100%);
}

#B10 .villa1020 {
    top: 297px;
    right: 83px;
    width: 19px;
    height: 19px;
    transform: rotate(5deg);
    clip-path: polygon(18% 0, 93% 0, 93% 100%, 24% 100%);
}

#B10 .villa1021 {
    top: 296px;
    right: 96px;
    width: 18px;
    height: 20px;
    transform: rotate(1deg);
    clip-path: polygon(20% 0, 91% 2%, 85% 100%, 14% 100%);
}

#B10 .villa1022 {
    top: 295px;
    right: 109px;
    width: 18px;
    height: 19px;
    transform: rotate(1deg);
    clip-path: polygon(12% 0, 89% 5%, 79% 100%, 24% 100%);
}

#B10 .villa1023 {
    top: 296px;
    right: 122px;
    width: 18px;
    height: 19px;
    transform: rotate(-3deg);
    clip-path: polygon(12% 0, 89% 0, 84% 100%, 13% 100%);
}

#B10 .villa1024 {
    top: 296px;
    right: 135px;
    width: 19px;
    height: 19px;
    transform: rotate(-10deg);
    clip-path: polygon(12% 0, 89% 0, 79% 100%, 24% 100%);
}

#B10 .villa1025 {
    top: 298px;
    right: 149px;
    width: 19px;
    height: 20px;
    transform: rotate(-22deg);
    clip-path: polygon(21% 0, 89% 0, 82% 100%, 24% 100%);
}

#B10 .villa1026 {
    top: 304px;
    right: 161px;
    width: 18px;
    height: 19px;
    transform: rotate(-28deg);
    clip-path: polygon(12% 0, 89% 0, 79% 100%, 24% 100%);
}

/* end b10 */

/* start b9 */
#B9 .villa91 {
    top: 238px;
    right: 205px;
    width: 18px;
    height: 17px;
    transform: rotate(-33deg);
    clip-path: polygon(12% 0, 89% 0, 79% 100%, 24% 100%);
}

#B9 .villa92 {
    top: 231px;
    right: 193px;
    width: 18px;
    height: 18px;
    transform: rotate(-27deg);
    clip-path: polygon(17% 0, 80% 0, 79% 100%, 24% 100%);
}

#B9 .villa93 {
    top: 226px;
    right: 183px;
    width: 18px;
    height: 17px;
    transform: rotate(-25deg);
    clip-path: polygon(16% 0, 89% 0, 79% 100%, 24% 100%);
}

#B9 .villa94 {
    top: 221px;
    right: 171px;
    width: 18px;
    height: 17px;
    transform: rotate(-25deg);
    clip-path: polygon(22% 0, 89% 0, 79% 100%, 16% 100%);
}

#B9 .villa95 {
    top: 216px;
    right: 160px;
    width: 18px;
    height: 17px;
    transform: rotate(-16deg);
    clip-path: polygon(21% 0, 89% 0, 79% 100%, 24% 100%);
}

#B9 .villa96 {
    top: 213px;
    right: 148px;
    width: 18px;
    height: 17px;
    transform: rotate(-12deg);
    clip-path: polygon(19% 0, 89% 0, 79% 100%, 24% 100%);
}

#B9 .villa97 {
    top: 211px;
    right: 135px;
    width: 18px;
    height: 17px;
    transform: rotate(-6deg);
    clip-path: polygon(14% 0, 80% 0, 79% 100%, 24% 100%);
}

#B9 .villa98 {
    top: 211px;
    right: 122px;
    width: 18px;
    height: 17px;
    transform: rotate(-3deg);
    clip-path: polygon(12% 0, 85% 0, 79% 100%, 11% 100%);
}

#B9 .villa99 {
    top: 211px;
    right: 111px;
    width: 18px;
    height: 17px;
    transform: rotate(1deg);
    clip-path: polygon(27% 0, 89% 0, 79% 100%, 24% 100%);
}

#B9 .villa910 {
    top: 212px;
    right: 98px;
    width: 18px;
    height: 17px;
    transform: rotate(3deg);
    clip-path: polygon(16% 0, 86% 0, 85% 100%, 16% 100%);
}

#B9 .villa911 {
    top: 212px;
    right: 85px;
    width: 18px;
    height: 18px;
    transform: rotate(0deg);
    clip-path: polygon(18% -9%, 89% 9%, 79% 103%, 12% 97%);
}

#B9 .villa912 {
    top: 214px;
    right: 74px;
    width: 18px;
    height: 17px;
    transform: rotate(4deg);
    clip-path: polygon(24% 0, 89% 0, 79% 100%, 24% 100%);
}

#B9 .villa913 {
    top: 215px;
    right: 62px;
    width: 11px;
    height: 17px;
    transform: rotate(3deg);
    clip-path: polygon(16% 0, 90% 0, 79% 100%, 10% 100%);
}

#B9 .villa914 {
    top: 216px;
    right: 48px;
    width: 20px;
    height: 18px;
    transform: rotate(4deg);
    clip-path: polygon(22% 0, 82% 0, 83% 100%, 20% 100%);
}

#B9 .villa915 {
    top: 217px;
    right: 37px;
    width: 18px;
    height: 17px;
    transform: rotate(4deg);
    clip-path: polygon(21% 0, 89% 0, 90% 100%, 19% 100%);
}

#B9 .villa916 {
    top: 219px;
    right: 22px;
    width: 18px;
    height: 17px;
    transform: rotate(-5deg);
    clip-path: polygon(16% 0, 63% 0, 73% 100%, 3% 90%);
}

#B9 .villa917 {
    top: 240px;
    right: 18px;
    width: 15px;
    height: 17px;
    transform: rotate(-1deg);
    clip-path: polygon(16% 0, 77% 2%, 92% 100%, 5% 100%);
}

#B9 .villa918 {
    top: 239px;
    right: 31px;
    width: 18px;
    height: 18px;
    transform: rotate(2deg);
    clip-path: polygon(24% 0, 89% 0, 79% 100%, 17% 100%);
}

#B9 .villa919 {
    top: 238px;
    right: 44px;
    width: 18px;
    height: 18px;
    transform: rotate(2deg);
    clip-path: polygon(24% 0, 89% 0, 79% 100%, 17% 100%);
}

#B9 .villa920 {
    top: 237px;
    right: 56px;
    width: 20px;
    height: 18px;
    transform: rotate(2deg);
    clip-path: polygon(24% 0, 89% 0, 84% 100%, 17% 100%);
}

#B9 .villa921 {
    top: 236px;
    right: 70px;
    width: 18px;
    height: 18px;
    transform: rotate(2deg);
    clip-path: polygon(24% 0, 89% 0, 79% 100%, 17% 100%);
}

#B9 .villa922 {
    top: 235px;
    right: 82px;
    width: 20px;
    height: 19px;
    transform: rotate(2deg);
    clip-path: polygon(24% 0, 89% 0, 83% 100%, 18% 95%);
}

#B9 .villa923 {
    top: 234px;
    right: 95px;
    width: 19px;
    height: 18px;
    transform: rotate(2deg);
    clip-path: polygon(13% 0, 85% 2%, 79% 100%, 17% 100%);
}

#B9 .villa924 {
    top: 234px;
    right: 110px;
    width: 17px;
    height: 18px;
    transform: rotate(2deg);
    clip-path: polygon(24% 0, 89% 0, 93% 100%, 17% 100%);
}

#B9 .villa925 {
    top: 233px;
    right: 122px;
    width: 18px;
    height: 18px;
    transform: rotate(2deg);
    clip-path: polygon(11% 0, 89% 0, 79% 100%, 17% 100%);
}

#B9 .villa926 {
    top: 234px;
    right: 135px;
    width: 18px;
    height: 18px;
    transform: rotate(-5deg);
    clip-path: polygon(12% 0, 89% 0, 79% 100%, 16% 100%);
}

#B9 .villa927 {
    top: 236px;
    right: 148px;
    width: 18px;
    height: 17px;
    transform: rotate(-11deg);
    clip-path: polygon(12% 0, 89% 0, 82% 100%, 17% 100%);
}

#B9 .villa928 {
    top: 239px;
    right: 161px;
    width: 18px;
    height: 17px;
    transform: rotate(-17deg);
    clip-path: polygon(16% 0, 89% -6%, 84% 100%, 22% 100%);
}

#B9 .villa929 {
    top: 243px;
    right: 173px;
    width: 18px;
    height: 17px;
    transform: rotate(-26deg);
    clip-path: polygon(13% 0%, 89% 3%, 82% 100%, 19% 100%);
}

#B9 .villa930 {
    top: 250px;
    right: 184px;
    width: 20px;
    height: 17px;
    transform: rotate(-33deg);
    clip-path: polygon(24% -9%, 89% 0, 79% 100%, 24% 100%);
}

#B9 .villa931 {
    top: 256px;
    right: 196px;
    width: 18px;
    height: 17px;
    transform: rotate(-33deg);
    clip-path: polygon(12% 0, 89% 0, 86% 100%, 24% 100%);
}

/* end b9 */

/* start b8 */
#B8 .villa81 {
    top: 184px;
    right: 248px;

    width: 18px;
    height: 17px;

    transform: rotate(-53deg);
    clip-path: polygon(12% 0, 89% 0, 79% 100%, 30% 100%);
}

#B8 .villa82 {
    top: 174px;
    right: 238px;
    width: 18px;
    height: 17px;
    transform: rotate(-41deg);
    clip-path: polygon(12% 0, 86% 0, 79% 100%, 30% 100%);
}
#B8 .villa83 {
    top: 166px;
    right: 228px;
    width: 18px;
    height: 17px;
    transform: rotate(-32deg);
    clip-path: polygon(12% 0, 86% 0, 79% 100%, 30% 100%);
}
#B8 .villa84 {
    top: 159px;
    right: 216px;
    width: 18px;
    height: 17px;
    transform: rotate(-28deg);
    clip-path: polygon(12% 0, 82% 0, 75% 100%, 15% 100%);
}
#B8 .villa85 {
    top: 155px;
    right: 205px;
    width: 18px;
    height: 17px;
    transform: rotate(-21deg);
    clip-path: polygon(12% 0, 89% 0, 79% 100%, 30% 100%);
}
#B8 .villa86 {
    top: 151px;
    right: 193px;
    width: 18px;
    height: 17px;
    transform: rotate(-16deg);
    clip-path: polygon(19% 0, 89% 0, 79% 100%, 30% 100%);
}
#B8 .villa87 {
    top: 147px;
    right: 180px;
    width: 18px;
    height: 17px;
    transform: rotate(-14deg);
    clip-path: polygon(15% 0, 89% 0, 79% 100%, 20% 100%);
}
#B8 .villa88 {
    top: 145px;
    right: 167px;
    width: 18px;
    height: 17px;
    transform: rotate(-9deg);
    clip-path: polygon(14% 0, 89% 0, 79% 100%, 18% 100%);
}
#B8 .villa89 {
    top: 143px;
    right: 154px;
    width: 18px;
    height: 17px;
    transform: rotate(-5deg);
    clip-path: polygon(16% 0, 81% 0, 79% 100%, 21% 100%);
}
#B8 .villa810 {
    top: 142px;
    right: 142px;
    width: 18px;
    height: 18px;
    transform: rotate(-2deg);
    clip-path: polygon(12% 0, 89% 0, 89% 100%, 19% 100%);
}
#B8 .villa811 {
    top: 142px;
    right: 129px;
    width: 18px;
    height: 17px;
    transform: rotate(2deg);
    clip-path: polygon(19% 0, 89% 0, 79% 100%, 30% 100%);
}
#B8 .villa812 {
    top: 142px;
    right: 116px;
    width: 18px;
    height: 18px;
    transform: rotate(4deg);
    clip-path: polygon(16% 0, 89% 0, 82% 100%, 18% 100%);
}
#B8 .villa813 {
    top: 143px;
    right: 102px;
    width: 18px;
    height: 17px;
    transform: rotate(4deg);
    clip-path: polygon(16% 0, 82% 0, 79% 100%, 18% 100%);
}
#B8 .villa814 {
    top: 143px;
    right: 90px;
    width: 18px;
    height: 18px;
    transform: rotate(8deg);
    clip-path: polygon(18% 0, 89% 0, 90% 100%, 21% 100%);
}

#B8 .villa815 {
    top: 145px;
    right: 77px;
    width: 18px;
    height: 17px;
    transform: rotate(9deg);
    clip-path: polygon(16% 0, 85% 0, 79% 100%, 30% 100%);
}
#B8 .villa816 {
    top: 147px;
    right: 64px;
    width: 20px;
    height: 17px;
    transform: rotate(8deg);
    clip-path: polygon(25% 0, 89% 0, 86% 100%, 24% 100%);
}
#B8 .villa817 {
    top: 148px;
    right: 50px;
    width: 19px;
    height: 19px;
    transform: rotate(10deg);
    clip-path: polygon(14% 0, 83% 0, 81% 100%, 14% 100%);
}
#B8 .villa818 {
    top: 150px;
    right: 39px;
    width: 18px;
    height: 18px;
    transform: rotate(11deg);
    clip-path: polygon(25% 0, 88% 0, 88% 100%, 22% 100%);
}
#B8 .villa819 {
    top: 152px;
    right: 25px;
    width: 20px;
    height: 18px;
    transform: rotate(10deg);
    clip-path: polygon(22% 0, 86% 0, 86% 100%, 22% 100%);
}
#B8 .villa820 {
    top: 155px;
    right: 11px;
    width: 20px;
    height: 18px;
    transform: rotate(13deg);
    clip-path: polygon(12% 0, 82% 0, 80% 100%, 17% 100%);
}
#B8 .villa821 {
    display: none !important;
    /* top: 205px;
  right: 236px;
  width: 18px;
  height: 18px;
  transform: rotate(-53deg);
  clip-path: polygon(12% 0, 89% 0, 79% 100%, 30% 100%); */
}
#B8 .villa822 {
    top: 178px;
    right: 13px;
    width: 18px;
    height: 18px;
    transform: rotate(10deg);
    clip-path: polygon(12% 0, 89% 0, 79% 100%, 17% 100%);
}
#B8 .villa823 {
    top: 176px;
    right: 26px;
    width: 19px;
    height: 19px;
    transform: rotate(8deg);
    clip-path: polygon(20% 0, 86% 0, 86% 100%, 17% 100%);
}
#B8 .villa824 {
    top: 174px;
    right: 40px;
    width: 18px;
    height: 18px;
    transform: rotate(9deg);
    clip-path: polygon(12% 0, 89% 0, 79% 100%, 20% 100%);
}
#B8 .villa825 {
    top: 172px;
    right: 54px;
    width: 20px;
    height: 19px;
    transform: rotate(7deg);
    clip-path: polygon(21% 0, 89% 0, 92% 100%, 25% 100%);
}
#B8 .villa826 {
    top: 170px;
    right: 68px;
    width: 19px;
    height: 19px;
    transform: rotate(9deg);
    clip-path: polygon(16% 0, 89% -14%, 94% 100%, 25% 100%);
}
#B8 .villa827 {
    top: 169px;
    right: 81px;
    width: 19px;
    height: 19px;
    transform: rotate(4deg);
    clip-path: polygon(20% 0, 89% 0, 87% 100%, 21% 100%);
}
#B8 .villa828 {
    top: 168px;
    right: 95px;
    width: 19px;
    height: 19px;
    transform: rotate(6deg);
    clip-path: polygon(12% 0, 89% 0, 94% 100%, 30% 100%);
}
#B8 .villa829 {
    top: 168px;
    right: 108px;
    width: 18px;
    height: 19px;
    transform: rotate(1deg);
    clip-path: polygon(12% 0, 81% 0, 90% 100%, 16% 100%);
}
#B8 .villa830 {
    top: 168px;
    right: 121px;
    width: 19px;
    height: 19px;
    transform: rotate(-3deg);
    clip-path: polygon(13% 0, 86% 0, 81% 100%, 13% 100%);
}
#B8 .villa831 {
    top: 169px;
    right: 135px;
    width: 19px;
    height: 18px;
    transform: rotate(-3deg);
    clip-path: polygon(17% 0, 84% 0, 87% 100%, 19% 100%);
}
#B8 .villa832 {
    top: 169px;
    right: 149px;
    width: 18px;
    height: 18px;
    transform: rotate(-10deg);
    clip-path: polygon(12% 0, 94% 0, 79% 100%, 7% 100%);
}
#B8 .villa833 {
    top: 171px;
    right: 163px;
    width: 18px;
    height: 17px;
    transform: rotate(-8deg);
    clip-path: polygon(12% 0, 84% 0, 87% 100%, 19% 100%);
}
#B8 .villa834 {
    top: 174px;
    right: 176px;
    width: 18px;
    height: 17px;
    transform: rotate(-18deg);
    clip-path: polygon(21% 0, 89% 0, 79% 100%, 21% 100%);
}
#B8 .villa835 {
    top: 177px;
    right: 189px;
    width: 19px;
    height: 18px;
    transform: rotate(-16deg);
    clip-path: polygon(15% 0, 89% 0, 89% 100%, 21% 100%);
}
#B8 .villa836 {
    top: 181px;
    right: 201px;
    width: 21px;
    height: 18px;
    transform: rotate(-26deg);
    clip-path: polygon(18% 0, 89% 0, 79% 100%, 24% 100%);
}
#B8 .villa837 {
    top: 187px;
    right: 213px;
    width: 19px;
    height: 19px;
    transform: rotate(-34deg);
    clip-path: polygon(12% 0, 89% 0, 79% 100%, 10% 96%);
}
#B8 .villa838 {
    top: 194px;
    right: 226px;
    width: 18px;
    height: 19px;
    transform: rotate(-43deg);
    clip-path: polygon(7% 0, 97% 5%, 79% 100%, 17% 100%);
}
#B8 .villa839 {
    top: 203px;
    right: 235px;
    width: 7px;
    height: 20px;
    transform: rotate(-53deg);
    clip-path: polygon(76% 1%, 87% 9%, 78% 101%, 10% 107%, -78% 64%);
}

/* end b8 */

/* start b3 */
#B3 .villa31 {
    top: 370px;
    right: 855px;

    width: 18px;
    height: 17px;

    transform: rotate(26deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B3 .villa32 {
    top: 375px;
    right: 842px;
    width: 18px;
    height: 17px;
    transform: rotate(15deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B3 .villa33 {
    top: 379px;
    right: 829px;
    width: 18px;
    height: 17px;
    transform: rotate(11deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B3 .villa34 {
    top: 381px;
    right: 815px;
    width: 18px;
    height: 17px;
    transform: rotate(8deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B3 .villa35 {
    top: 383px;
    right: 801px;
    width: 18px;
    height: 17px;
    transform: rotate(-1deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B3 .villa36 {
    top: 383px;
    right: 787px;
    width: 18px;
    height: 18px;
    transform: rotate(-3deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B3 .villa37 {
    top: 383px;
    right: 773px;
    width: 18px;
    height: 17px;
    transform: rotate(-6deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B3 .villa38 {
    top: 382px;
    right: 759px;
    width: 18px;
    height: 18px;
    transform: rotate(-9deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B3 .villa39 {
    top: 380px;
    right: 745px;
    width: 18px;
    height: 17px;
    transform: rotate(-13deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B3 .villa310 {
    top: 377px;
    right: 731px;
    width: 18px;
    height: 19px;
    transform: rotate(-17deg);
    clip-path: polygon(22% 0, 85% 0, 89% 100%, 15% 100%);
}

#B3 .villa311 {
    top: 372px;
    right: 718px;
    width: 18px;
    height: 17px;
    transform: rotate(-25deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B3 .villa312 {
    top: 367px;
    right: 705px;
    width: 18px;
    height: 19px;
    transform: rotate(-26deg);
    clip-path: polygon(22% 0, 85% 0, 86% 100%, 15% 100%);
}

#B3 .villa313 {
    top: 360px;
    right: 693px;
    width: 18px;
    height: 18px;
    transform: rotate(-34deg);
    clip-path: polygon(22% 0, 93% 8%, 79% 100%, 15% 100%);
}

#B3 .villa314 {
    top: 354px;
    right: 680px;
    width: 18px;
    height: 18px;
    transform: rotate(-33deg);
    clip-path: polygon(22% 0, 85% 0, 83% 100%, 15% 100%);
}

#B3 .villa315 {
    top: 345px;
    right: 669px;
    width: 18px;
    height: 17px;
    transform: rotate(-39deg);
    clip-path: polygon(15% 0, 85% 0, 79% 100%, 15% 100%);
}

#B3 .villa316 {
    top: 337px;
    right: 658px;
    width: 19px;
    height: 19px;
    transform: rotate(-43deg);
    clip-path: polygon(24% 0, 85% 0, 79% 100%, 15% 100%);
}

#B3 .villa317 {
    top: 378px;
    right: 674px;
    width: 19px;
    height: 19px;
    transform: rotate(-41deg);
    clip-path: polygon(26% 0, 85% 0, 79% 100%, 15% 100%);
}

#B3 .villa318 {
    top: 386px;
    right: 686px;
    width: 18px;
    height: 18px;
    transform: rotate(-31deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B3 .villa319 {
    top: 393px;
    right: 700px;
    width: 18px;
    height: 17px;
    transform: rotate(-26deg);
    clip-path: polygon(22% 0, 85% 0, 95% 100%, 15% 100%);
}

#B3 .villa320 {
    top: 397px;
    right: 711px;
    width: 20px;
    height: 18px;
    transform: rotate(-21deg);
    clip-path: polygon(18% 0, 88% 0, 79% 100%, 15% 100%);
}

#B3 .villa321 {
    top: 401px;
    right: 726px;
    width: 18px;
    height: 18px;
    transform: rotate(-16deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B3 .villa322 {
    top: 403px;
    right: 739px;
    width: 18px;
    height: 18px;
    transform: rotate(-18deg);
    clip-path: polygon(22% 0, 95% 6%, 82% 100%, 15% 100%);
}

#B3 .villa323 {
    top: 406px;
    right: 753px;
    width: 18px;
    height: 18px;
    transform: rotate(-9deg);
    clip-path: polygon(22% 0, 89% 0, 88% 100%, 9% 100%);
}

#B3 .villa324 {
    top: 407px;
    right: 767px;
    width: 18px;
    height: 17px;
    transform: rotate(-5deg);
    clip-path: polygon(22% 0, 92% 0, 79% 100%, 15% 100%);
}

#B3 .villa325 {
    top: 407px;
    right: 780px;
    width: 18px;
    height: 18px;
    transform: rotate(-3deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 5% 100%);
}

#B3 .villa326 {
    top: 406px;
    right: 794px;
    width: 20px;
    height: 19px;
    transform: rotate(1deg);
    clip-path: polygon(22% -16%, 88% 0, 79% 100%, 15% 100%);
}

#B3 .villa327 {
    top: 406px;
    right: 808px;
    width: 19px;
    height: 18px;
    transform: rotate(6deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 11% 100%);
}

#B3 .villa328 {
    top: 403px;
    right: 821px;
    width: 19px;
    height: 19px;
    transform: rotate(11deg);
    clip-path: polygon(12% 0, 83% 0, 79% 100%, 15% 100%);
}

#B3 .villa329 {
    top: 401px;
    right: 836px;
    width: 19px;
    height: 19px;
    transform: rotate(18deg);
    clip-path: polygon(22% 0, 85% 0, 97% 93%, 16% 100%);
}

#B3 .villa330 {
    top: 397px;
    right: 849px;
    width: 18px;
    height: 18px;
    transform: rotate(19deg);
    clip-path: polygon(8% 0, 92% 0, 79% 100%, 10% 100%);
}

#B3 .villa331 {
    top: 392px;
    right: 863px;
    width: 18px;
    height: 18px;
    transform: rotate(26deg);
    clip-path: polygon(22% 0, 85% 0, 94% 100%, 15% 100%);
}

/* end b3 */

/* start b6 */
#B6 .villa61 {
    top: 298px;
    right: 600px;

    width: 18px;
    height: 20px;

    transform: rotate(-22deg);
    clip-path: polygon(13% 0, 85% 0, 79% 100%, 15% 100%);
}

#B6 .villa62 {
    top: 293px;
    right: 586px;
    width: 18px;
    height: 20px;
    transform: rotate(-22deg);
    clip-path: polygon(13% 0, 85% 0, 79% 100%, 15% 100%);
}

#B6 .villa63 {
    top: 288px;
    right: 573px;
    width: 18px;
    height: 20px;
    transform: rotate(-22deg);
    clip-path: polygon(13% 0, 85% 0, 79% 100%, 15% 100%);
}

#B6 .villa64 {
    top: 283px;
    right: 560px;
    width: 18px;
    height: 20px;
    transform: rotate(-21deg);
    clip-path: polygon(13% 0, 85% 0, 79% 100%, 15% 100%);
}

#B6 .villa65 {
    top: 279px;
    right: 547px;
    width: 18px;
    height: 20px;
    transform: rotate(-17deg);
    clip-path: polygon(13% 0, 85% 0, 79% 100%, 15% 100%);
}

#B6 .villa66 {
    top: 275px;
    right: 533px;
    width: 18px;
    height: 20px;
    transform: rotate(-20deg);
    clip-path: polygon(13% 0, 85% 0, 79% 100%, 15% 100%);
}

#B6 .villa67 {
    top: 272px;
    right: 519px;
    width: 18px;
    height: 20px;
    transform: rotate(-15deg);
    clip-path: polygon(13% 0, 85% 0, 79% 100%, 15% 100%);
}

#B6 .villa68 {
    top: 268px;
    right: 505px;
    width: 18px;
    height: 20px;
    transform: rotate(-13deg);
    clip-path: polygon(13% 0, 85% 0, 79% 100%, 15% 100%);
}

#B6 .villa69 {
    top: 265px;
    right: 491px;
    width: 18px;
    height: 19px;
    transform: rotate(-14deg);
    clip-path: polygon(13% 0, 85% 0, 79% 100%, 15% 100%);
}

#B6 .villa610 {
    top: 262px;
    right: 476px;
    width: 20px;
    height: 20px;
    transform: rotate(-12deg);
    clip-path: polygon(9% 0, 85% 0, 79% 100%, 15% 100%);
}

#B6 .villa611 {
    top: 259px;
    right: 463px;
    width: 18px;
    height: 20px;
    transform: rotate(-10deg);
    clip-path: polygon(13% 0, 85% 0, 79% 100%, 15% 100%);
}

#B6 .villa612 {
    top: 257px;
    right: 448px;
    width: 20px;
    height: 20px;
    transform: rotate(-6deg);
    clip-path: polygon(7% 0, 85% 0, 79% 100%, 15% 100%);
}

#B6 .villa613 {
    top: 255px;
    right: 434px;
    width: 19px;
    height: 20px;
    transform: rotate(-8deg);
    clip-path: polygon(13% 0, 85% 0, 79% 100%, 6% 100%);
}

#B6 .villa614 {
    top: 254px;
    right: 421px;
    width: 18px;
    height: 20px;
    transform: rotate(-5deg);
    clip-path: polygon(13% 0, 85% 0, 79% 100%, 15% 100%);
}

#B6 .villa615 {
    top: 277px;
    right: 431px;
    width: 21px;
    height: 21px;
    transform: rotate(-6deg);
    clip-path: polygon(13% 0, 85% 0, 79% 100%, 15% 100%);
}

#B6 .villa616 {
    top: 278px;
    right: 447px;
    width: 18px;
    height: 20px;
    transform: rotate(-10deg);
    clip-path: polygon(13% 0, 85% 0, 79% 100%, 15% 100%);
}

#B6 .villa617 {
    top: 281px;
    right: 460px;
    width: 19px;
    height: 20px;
    transform: rotate(-13deg);
    clip-path: polygon(13% 0, 85% 0, 79% 100%, 6% 100%);
}

#B6 .villa618 {
    top: 283px;
    right: 474px;
    width: 19px;
    height: 20px;
    transform: rotate(-12deg);
    clip-path: polygon(13% 0, 85% 0, 79% 100%, 19% 100%);
}

#B6 .villa619 {
    top: 287px;
    right: 487px;
    width: 20px;
    height: 20px;
    transform: rotate(-15deg);
    clip-path: polygon(11% 0, 85% 0, 79% 100%, 11% 100%);
}

#B6 .villa620 {
    top: 290px;
    right: 500px;
    width: 23px;
    height: 20px;
    transform: rotate(-15deg);
    clip-path: polygon(18% -23%, 82% 0, 79% 100%, 15% 100%);
}

#B6 .villa621 {
    top: 294px;
    right: 515px;
    width: 21px;
    height: 20px;
    transform: rotate(-16deg);
    clip-path: polygon(10% 0, 85% 0, 79% 100%, 15% 100%);
}

#B6 .villa622 {
    top: 297px;
    right: 531px;
    width: 20px;
    height: 21px;
    transform: rotate(-22deg);
    clip-path: polygon(18% 1%, 93% 8%, 79% 100%, 15% 100%);
}

#B6 .villa623 {
    top: 302px;
    right: 543px;
    width: 19px;
    height: 20px;
    transform: rotate(-22deg);
    clip-path: polygon(13% 0, 85% 0, 79% 100%, 2% 100%);
}

#B6 .villa624 {
    top: 306px;
    right: 556px;
    width: 20px;
    height: 20px;
    transform: rotate(-22deg);
    clip-path: polygon(13% 0, 85% 0, 79% 100%, 15% 100%);
}

#B6 .villa625 {
    top: 311px;
    right: 570px;
    width: 18px;
    height: 20px;
    transform: rotate(-22deg);
    clip-path: polygon(13% 0, 85% 0, 84% 100%, 5% 100%);
}

#B6 .villa626 {
    top: 316px;
    right: 582px;
    width: 22px;
    height: 21px;
    transform: rotate(-22deg);
    clip-path: polygon(18% 0, 85% 0, 79% 100%, 15% 100%);
}

#B6 .villa627 {
    top: 322px;
    right: 595px;
    width: 21px;
    height: 20px;
    transform: rotate(-22deg);
    clip-path: polygon(19% 0, 81% 0, 79% 100%, 15% 100%);
}

#B6 .villa628 {
    top: 327px;
    right: 608px;
    width: 22px;
    height: 21px;
    transform: rotate(-22deg);
    clip-path: polygon(13% 0, 80% 0, 82% 100%, 14% 100%);
}

/* end b6 */

/* start b2 */
#B2 .villa21 {
    top: 312px;
    right: 841px;

    width: 18px;
    height: 18px;

    transform: rotate(22deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B2 .villa22 {
    top: 315px;
    right: 827px;
    width: 18px;
    height: 18px;
    transform: rotate(18deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B2 .villa23 {
    top: 319px;
    right: 814px;
    width: 18px;
    height: 18px;
    transform: rotate(10deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B2 .villa24 {
    top: 320px;
    right: 800px;
    width: 18px;
    height: 18px;
    transform: rotate(4deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B2 .villa25 {
    top: 321px;
    right: 786px;
    width: 18px;
    height: 18px;
    transform: rotate(0deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B2 .villa26 {
    top: 320px;
    right: 772px;
    width: 18px;
    height: 18px;
    transform: rotate(-9deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B2 .villa27 {
    top: 318px;
    right: 759px;
    width: 18px;
    height: 18px;
    transform: rotate(-14deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B2 .villa28 {
    top: 314px;
    right: 745px;
    width: 18px;
    height: 18px;
    transform: rotate(-26deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B2 .villa29 {
    top: 308px;
    right: 732px;
    width: 18px;
    height: 18px;
    transform: rotate(-30deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B2 .villa210 {
    top: 302px;
    right: 720px;
    width: 18px;
    height: 18px;
    transform: rotate(-35deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B2 .villa211 {
    top: 294px;
    right: 707px;
    width: 18px;
    height: 18px;
    transform: rotate(-32deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B2 .villa212 {
    top: 287px;
    right: 696px;
    width: 18px;
    height: 18px;
    transform: rotate(-33deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B2 .villa213 {
    top: 279px;
    right: 685px;
    width: 19px;
    height: 19px;
    transform: rotate(-39deg);
    clip-path: polygon(22% 0, 85% 0, 86% 100%, 15% 100%);
}

#B2 .villa214 {
    top: 302px;
    right: 675px;
    width: 20px;
    height: 19px;
    transform: rotate(-38deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B2 .villa215 {
    top: 311px;
    right: 687px;
    width: 19px;
    height: 18px;
    transform: rotate(-35deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B2 .villa216 {
    top: 317px;
    right: 700px;
    width: 18px;
    height: 18px;
    transform: rotate(-33deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B2 .villa217 {
    top: 324px;
    right: 712px;
    width: 18px;
    height: 18px;
    transform: rotate(-35deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B2 .villa218 {
    top: 330px;
    right: 725px;
    width: 18px;
    height: 18px;
    transform: rotate(-27deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B2 .villa219 {
    top: 336px;
    right: 737px;
    width: 18px;
    height: 18px;
    transform: rotate(-23deg);
    clip-path: polygon(22% 0, 85% 0, 79% 100%, 15% 100%);
}

#B2 .villa220 {
    top: 340px;
    right: 748px;
    width: 20px;
    height: 20px;
    transform: rotate(-21deg);
    clip-path: polygon(17% -12%, 87% 0, 79% 100%, 0% 100%);
}

#B2 .villa221 {
    top: 344px;
    right: 764px;
    width: 18px;
    height: 19px;
    transform: rotate(-8deg);
    clip-path: polygon(17% 0, 84% 0, 90% 100%, 15% 100%);
}

#B2 .villa222 {
    top: 345px;
    right: 777px;
    width: 20px;
    height: 19px;
    transform: rotate(-6deg);
    clip-path: polygon(21% 0, 85% 0, 85% 100%, 15% 100%);
}

#B2 .villa223 {
    top: 345px;
    right: 792px;
    width: 18px;
    height: 19px;
    transform: rotate(6deg);
    clip-path: polygon(22% 0, 85% 0, 96% 100%, 12% 100%);
}

#B2 .villa224 {
    top: 344px;
    right: 804px;
    width: 20px;
    height: 19px;
    transform: rotate(7deg);
    clip-path: polygon(13% 0, 80% 0, 79% 100%, 15% 100%);
}

#B2 .villa225 {
    top: 341px;
    right: 820px;
    width: 19px;
    height: 19px;
    transform: rotate(13deg);
    clip-path: polygon(18% 0, 85% 0, 94% 100%, 15% 100%);
}

#B2 .villa226 {
    top: 337px;
    right: 835px;
    width: 18px;
    height: 19px;
    transform: rotate(17deg);
    clip-path: polygon(22% 0, 97% 0, 94% 100%, 15% 100%);
}

#B2 .villa227 {
    top: 333px;
    right: 845px;
    width: 22px;
    height: 20px;
    transform: rotate(22deg);
    clip-path: polygon(22% 0, 76% 0, 79% 100%, 15% 107%);
}

/* end b2 */

/* start b5 */
#B5 .villa51 {
    top: 242px;
    right: 624px;
    width: 5px;
    height: 18px;
    transform: rotate(-22deg);
    clip-path: polygon(0 0, 79% 0, 81% 100%, 35% 100%, 0 60%);
}

#B5 .villa52 {
    top: 236px;
    right: 612px;
    width: 18px;
    height: 18px;
    transform: rotate(-25deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B5 .villa53 {
    top: 231px;
    right: 599px;
    width: 18px;
    height: 18px;
    transform: rotate(-25deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B5 .villa54 {
    top: 227px;
    right: 586px;
    width: 18px;
    height: 19px;
    transform: rotate(-21deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B5 .villa55 {
    top: 223px;
    right: 573px;
    width: 18px;
    height: 18px;
    transform: rotate(-20deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B5 .villa56 {
    top: 219px;
    right: 560px;
    width: 18px;
    height: 18px;
    transform: rotate(-15deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B5 .villa57 {
    top: 215px;
    right: 547px;
    width: 18px;
    height: 18px;
    transform: rotate(-13deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B5 .villa58 {
    top: 213px;
    right: 533px;
    width: 18px;
    height: 19px;
    transform: rotate(-14deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B5 .villa59 {
    top: 210px;
    right: 519px;
    width: 18px;
    height: 18px;
    transform: rotate(-15deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B5 .villa510 {
    top: 208px;
    right: 505px;
    width: 19px;
    height: 19px;
    transform: rotate(-9deg);
    clip-path: polygon(20% 0, 85% 0, 84% 100%, 16% 103%);
}

#B5 .villa511 {
    top: 206px;
    right: 491px;
    width: 18px;
    height: 18px;
    transform: rotate(-8deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B5 .villa512 {
    top: 206px;
    right: 477px;
    width: 19px;
    height: 18px;
    transform: rotate(-5deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B5 .villa513 {
    top: 228px;
    right: 475px;
    width: 18px;
    height: 18px;
    transform: rotate(-4deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B5 .villa514 {
    top: 229px;
    right: 488px;
    width: 18px;
    height: 18px;
    transform: rotate(-5deg);
    clip-path: polygon(13% 0, 85% 0, 79% 100%, 15% 100%);
}

#B5 .villa515 {
    top: 230px;
    right: 502px;
    width: 18px;
    height: 18px;
    transform: rotate(-10deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B5 .villa516 {
    top: 232px;
    right: 515px;
    width: 18px;
    height: 18px;
    transform: rotate(-14deg);
    clip-path: polygon(20% 0, 93% 0, 79% 100%, 15% 100%);
}

#B5 .villa517 {
    top: 234px;
    right: 528px;
    width: 18px;
    height: 18px;
    transform: rotate(-12deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B5 .villa518 {
    top: 237px;
    right: 541px;
    width: 18px;
    height: 18px;
    transform: rotate(-15deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B5 .villa519 {
    top: 240px;
    right: 553px;
    width: 20px;
    height: 19px;
    transform: rotate(-18deg);
    clip-path: polygon(19% 0, 85% 0, 79% 100%, 15% 100%);
}

#B5 .villa520 {
    top: 244px;
    right: 566px;
    width: 20px;
    height: 19px;
    transform: rotate(-20deg);
    clip-path: polygon(18% 0, 86% 0, 79% 100%, 15% 100%);
}

#B5 .villa521 {
    top: 249px;
    right: 579px;
    width: 18px;
    height: 18px;
    transform: rotate(-24deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B5 .villa522 {
    top: 253px;
    right: 590px;
    width: 21px;
    height: 18px;
    transform: rotate(-23deg);
    clip-path: polygon(18% 0, 85% 0, 78% 100%, 15% 100%);
}

#B5 .villa523 {
    top: 258px;
    right: 603px;
    width: 20px;
    height: 18px;
    transform: rotate(-25deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B5 .villa524 {
    top: 264px;
    right: 615px;
    width: 19px;
    height: 18px;
    transform: rotate(-25deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

/* end b5 */

/* start b4 */
#B4 .villa41 {
    top: 184px;
    right: 652px;
    width: 20px;
    height: 19px;
    transform: rotate(-27deg);
    clip-path: polygon(0 0, 57% 0, 58% 100%, 37% 100%, 0 55%);
}

#B4 .villa42 {
    top: 179px;
    right: 646px;
    width: 18px;
    height: 19px;
    transform: rotate(-29deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B4 .villa43 {
    top: 173px;
    right: 634px;
    width: 18px;
    height: 19px;
    transform: rotate(-28deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B4 .villa44 {
    top: 169px;
    right: 621px;
    width: 18px;
    height: 19px;
    transform: rotate(-24deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B4 .villa45 {
    top: 163px;
    right: 609px;
    width: 18px;
    height: 19px;
    transform: rotate(-25deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B4 .villa46 {
    top: 159px;
    right: 596px;
    width: 18px;
    height: 19px;
    transform: rotate(-26deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B4 .villa47 {
    top: 154px;
    right: 584px;
    width: 18px;
    height: 19px;
    transform: rotate(-21deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B4 .villa48 {
    top: 151px;
    right: 570px;
    width: 18px;
    height: 19px;
    transform: rotate(-14deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B4 .villa49 {
    top: 149px;
    right: 557px;
    width: 18px;
    height: 19px;
    transform: rotate(-14deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B4 .villa410 {
    top: 148px;
    right: 544px;
    width: 18px;
    height: 19px;
    transform: rotate(-5deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B4 .villa411 {
    top: 148px;
    right: 531px;
    width: 18px;
    height: 19px;
    transform: rotate(-4deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B4 .villa412 {
    top: 168px;
    right: 492px;
    width: 18px;
    height: 19px;
    transform: rotate(-2deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B4 .villa413 {
    top: 168px;
    right: 504px;
    width: 20px;
    height: 19px;
    transform: rotate(-1deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B4 .villa414 {
    top: 168px;
    right: 518px;
    width: 18px;
    height: 19px;
    transform: rotate(0deg);
    clip-path: polygon(6% 0, 85% 0, 79% 100%, 15% 100%);
}

#B4 .villa415 {
    top: 169px;
    right: 531px;
    width: 20px;
    height: 19px;
    transform: rotate(-7deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 19% 100%);
}

#B4 .villa416 {
    top: 171px;
    right: 544px;
    width: 20px;
    height: 19px;
    transform: rotate(-12deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B4 .villa417 {
    top: 173px;
    right: 558px;
    width: 18px;
    height: 19px;
    transform: rotate(-14deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B4 .villa418 {
    top: 176px;
    right: 571px;
    width: 18px;
    height: 19px;
    transform: rotate(-18deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B4 .villa419 {
    top: 179px;
    right: 584px;
    width: 18px;
    height: 19px;
    transform: rotate(-19deg);
    clip-path: polygon(17% 0, 85% 0, 79% 100%, 15% 100%);
}

#B4 .villa420 {
    top: 183px;
    right: 595px;
    width: 21px;
    height: 19px;
    transform: rotate(-19deg);
    clip-path: polygon(17% 0, 85% 0, 79% 100%, 18% 100%);
}

#B4 .villa421 {
    top: 188px;
    right: 609px;
    width: 18px;
    height: 19px;
    transform: rotate(-23deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B4 .villa422 {
    top: 193px;
    right: 620px;
    width: 20px;
    height: 19px;
    transform: rotate(-26deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

#B4 .villa423 {
    top: 198px;
    right: 632px;
    width: 20px;
    height: 19px;
    transform: rotate(-28deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 12% 100%);
}
#B4 .villa424 {
    top: 204px;
    right: 645px;
    width: 18px;
    height: 19px;
    transform: rotate(-30deg);
    clip-path: polygon(20% 0, 85% 0, 79% 100%, 15% 100%);
}

/* end b4 */

/* start b4 */
#B1 .villa11 {
    top: 250px;
    right: 823px;

    width: 18px;
    height: 20px;

    transform: rotate(25deg);
    clip-path: polygon(33% 0, 85% 0, 88% 100%, 0% 100%);
}

#B1 .villa12 {
    top: 247px;
    right: 709px;
    width: 20px;
    height: 20px;
    transform: rotate(-36deg);
    clip-path: polygon(33% 0, 85% 0, 88% 100%, 21% 100%);
}

#B1 .villa13 {
    top: 258px;
    right: 798px;
    width: 17px;
    height: 19px;
    transform: rotate(-1deg);
    clip-path: polygon(33% 0, 85% 0, 88% 100%, 0% 100%);
}

#B1 .villa14 {
    top: 256px;
    right: 784px;
    width: 18px;
    height: 19px;
    transform: rotate(-17deg);
    clip-path: polygon(33% 0, 85% 9%, 80% 100%, 0% 100%);
}

#B1 .villa15 {
    top: 253px;
    right: 771px;
    width: 17px;
    height: 20px;
    transform: rotate(-22deg);
    clip-path: polygon(33% 0, 85% 9%, 88% 100%, 0% 100%);
}

#B1 .villa16 {
    top: 249px;
    right: 758px;
    width: 18px;
    height: 19px;
    transform: rotate(-26deg);
    clip-path: polygon(25% 0, 85% 0, 88% 100%, 9% 100%);
}

#B1 .villa17 {
    top: 243px;
    right: 746px;
    width: 18px;
    height: 20px;
    transform: rotate(-34deg);
    clip-path: polygon(33% 0, 85% 0, 88% 100%, 5% 100%);
}

#B1 .villa18 {
    top: 237px;
    right: 735px;
    width: 18px;
    height: 20px;
    transform: rotate(-36deg);
    clip-path: polygon(33% 0, 85% 0, 88% 100%, 21% 100%);
}

#B1 .villa19 {
    top: 230px;
    right: 725px;
    width: 18px;
    height: 19px;
    transform: rotate(-45deg);
    clip-path: polygon(33% 0, 97% 14%, 88% 100%, 18% 100%);
}

#B1 .villa110 {
    top: 222px;
    right: 712px;
    width: 19px;
    height: 19px;
    transform: rotate(-38deg);
    clip-path: polygon(16% 0, 85% 0, 88% 100%, 26% 100%);
}

#B1 .villa111 {
    top: 240px;
    right: 699px;
    width: 18px;
    height: 20px;
    transform: rotate(-38deg);
    clip-path: polygon(33% 0, 85% 0, 88% 100%, 19% 100%);
}

#B1 .villa112 {
    top: 247px;
    right: 709px;
    width: 18px;
    height: 20px;
    transform: rotate(-36deg);
    clip-path: polygon(33% 0, 85% 0, 88% 100%, 16% 100%);
}

#B1 .villa113 {
    top: 254px;
    right: 721px;
    width: 18px;
    height: 20px;
    transform: rotate(-31deg);
    clip-path: polygon(17% 0, 85% 0, 88% 100%, 8% 100%);
}

#B1 .villa114 {
    top: 262px;
    right: 732px;
    width: 19px;
    height: 20px;
    transform: rotate(-34deg);
    clip-path: polygon(24% 0, 85% 0, 77% 100%, 4% 100%);
}

#B1 .villa115 {
    top: 269px;
    right: 746px;
    width: 18px;
    height: 20px;
    transform: rotate(-24deg);
    clip-path: polygon(18% 0, 85% 0, 88% 100%, 13% 100%);
}

#B1 .villa116 {
    top: 274px;
    right: 759px;
    width: 18px;
    height: 20px;
    transform: rotate(-22deg);
    clip-path: polygon(33% 0, 85% 0, 88% 100%, 7% 100%);
}

#B1 .villa117 {
    top: 277px;
    right: 772px;
    width: 18px;
    height: 20px;
    transform: rotate(-12deg);
    clip-path: polygon(13% 0, 85% 0, 88% 100%, 10% 100%);
}

#B1 .villa118 {
    top: 279px;
    right: 786px;
    width: 21px;
    height: 20px;
    transform: rotate(-6deg);
    clip-path: polygon(33% 0, 85% 0, 88% 100%, 17% 100%);
}

#B1 .villa119 {
    top: 279px;
    right: 801px;
    width: 18px;
    height: 19px;
    transform: rotate(-1deg);
    clip-path: polygon(23% 0, 85% 0, 88% 100%, 7% 100%);
}

#B1 .villa120 {
    top: 278px;
    right: 814px;
    width: 20px;
    height: 20px;
    transform: rotate(10deg);
    clip-path: polygon(23% 0, 85% 0, 88% 100%, 4% 100%);
}

#B1 .villa121 {
    top: 273px;
    right: 829px;
    width: 18px;
    height: 20px;
    transform: rotate(25deg);
    clip-path: polygon(33% 0, 85% 0, 88% 100%, 0% 100%);
}

/* end b4 */

/* start b7 */
#B7 .villa71 {
    top: 259px;
    right: 333px;

    width: 18px;
    height: 20px;

    transform: rotate(3deg);
    clip-path: polygon(12% 0, 87% 0, 85% 100%, 14% 100%);
}

#B7 .villa72 {
    top: 261px;
    right: 318px;
    width: 18px;
    height: 20px;
    transform: rotate(8deg);
    clip-path: polygon(12% 0, 87% 0, 85% 100%, 14% 100%);
}

#B7 .villa73 {
    top: 263px;
    right: 304px;
    width: 18px;
    height: 20px;
    transform: rotate(11deg);
    clip-path: polygon(12% 0, 87% 0, 85% 100%, 14% 100%);
}

#B7 .villa74 {
    top: 267px;
    right: 289px;
    width: 18px;
    height: 20px;
    transform: rotate(12deg);
    clip-path: polygon(12% 0, 87% 0, 85% 100%, 14% 100%);
}

#B7 .villa75 {
    top: 271px;
    right: 275px;
    width: 18px;
    height: 20px;
    transform: rotate(16deg);
    clip-path: polygon(12% 0, 87% 0, 85% 100%, 14% 100%);
}

#B7 .villa76 {
    top: 275px;
    right: 261px;
    width: 18px;
    height: 20px;
    transform: rotate(18deg);
    clip-path: polygon(12% 0, 87% 0, 85% 100%, 14% 100%);
}

#B7 .villa77 {
    top: 279px;
    right: 247px;
    width: 18px;
    height: 20px;
    transform: rotate(14deg);
    clip-path: polygon(12% 0, 87% 0, 85% 100%, 14% 100%);
}

#B7 .villa78 {
    top: 285px;
    right: 233px;
    width: 18px;
    height: 20px;
    transform: rotate(19deg);
    clip-path: polygon(12% 0, 87% 0, 85% 100%, 14% 100%);
}

#B7 .villa79 {
    top: 290px;
    right: 219px;
    width: 18px;
    height: 20px;
    transform: rotate(23deg);
    clip-path: polygon(12% 0, 87% 0, 85% 100%, 14% 100%);
}

#B7 .villa710 {
    top: 322px;
    right: 211px;
    width: 19px;
    height: 20px;
    transform: rotate(30deg);
    clip-path: polygon(12% 0, 87% 0, 85% 100%, 14% 100%);
}

#B7 .villa711 {
    top: 314px;
    right: 224px;
    width: 18px;
    height: 20px;
    transform: rotate(26deg);
    clip-path: polygon(12% 0, 87% 0, 85% 100%, 14% 100%);
}

#B7 .villa712 {
    top: 308px;
    right: 238px;
    width: 18px;
    height: 20px;
    transform: rotate(20deg);
    clip-path: polygon(12% 0, 87% 0, 85% 100%, 14% 100%);
}

#B7 .villa713 {
    top: 302px;
    right: 252px;
    width: 18px;
    height: 20px;
    transform: rotate(17deg);
    clip-path: polygon(12% 0, 93% 4%, 85% 100%, 14% 100%);
}

#B7 .villa714 {
    top: 298px;
    right: 266px;
    width: 18px;
    height: 20px;
    transform: rotate(17deg);
    clip-path: polygon(12% 0, 87% 0, 91% 100%, 14% 100%);
}

#B7 .villa715 {
    top: 293px;
    right: 280px;
    width: 18px;
    height: 20px;
    transform: rotate(15deg);
    clip-path: polygon(12% 0, 92% 0, 85% 100%, 14% 100%);
}

#B7 .villa716 {
    top: 289px;
    right: 294px;
    width: 18px;
    height: 20px;
    transform: rotate(12deg);
    clip-path: polygon(12% 0, 87% 0, 85% 100%, 14% 100%);
}

#B7 .villa717 {
    top: 285px;
    right: 308px;
    width: 18px;
    height: 21px;
    transform: rotate(11deg);
    clip-path: polygon(12% 0, 87% 0, 85% 100%, 14% 100%);
}

#B7 .villa718 {
    top: 283px;
    right: 323px;
    width: 18px;
    height: 21px;
    transform: rotate(6deg);
    clip-path: polygon(12% 0, 93% 0, 85% 100%, 14% 100%);
}

#B7 .villa719 {
    top: 280px;
    right: 337px;
    width: 18px;
    height: 22px;
    transform: rotate(6deg);
    clip-path: polygon(10% 5%, 87% 5%, 85% 100%, 14% 100%);
}

/* end b7 */

/* start b14 */
#B14 .villa141 {
    top: 359px;
    right: 217px;
    width: 23px;
    height: 19px;
    transform: rotate(-25deg);
    clip-path: polygon(0 22%, 100% 13%, 100% 88%, 0 84%);
}

#B14 .villa142 {
    top: 373px;
    right: 211px;
    width: 23px;
    height: 19px;
    transform: rotate(-20deg);
    clip-path: polygon(0 22%, 100% 13%, 100% 88%, 0 84%);
}

#B14 .villa143 {
    top: 387px;
    right: 206px;
    width: 23px;
    height: 19px;
    transform: rotate(-14deg);
    clip-path: polygon(0 22%, 100% 13%, 100% 88%, 0 84%);
}

#B14 .villa144 {
    top: 402px;
    right: 203px;
    width: 23px;
    height: 19px;
    transform: rotate(-13deg);
    clip-path: polygon(0 22%, 100% 13%, 100% 88%, 0 84%);
}

#B14 .villa145 {
    top: 417px;
    right: 200px;
    width: 23px;
    height: 19px;
    transform: rotate(-6deg);
    clip-path: polygon(0 22%, 100% 13%, 100% 88%, 0 84%);
}

#B14 .villa146 {
    top: 432px;
    right: 198px;
    width: 23px;
    height: 20px;
    transform: rotate(-4deg);
    clip-path: polygon(0 22%, 100% 13%, 100% 88%, 0 84%);
}

#B14 .villa147 {
    top: 447px;
    right: 198px;
    width: 23px;
    height: 19px;
    transform: rotate(-2deg);
    clip-path: polygon(0 22%, 100% 13%, 100% 88%, 0 84%);
}

#B14 .villa148 {
    top: 462px;
    right: 197px;
    width: 23px;
    height: 19px;
    transform: rotate(2deg);
    clip-path: polygon(0 22%, 100% 13%, 100% 88%, 0 84%);
}

#B14 .villa149 {
    top: 463px;
    right: 221px;
    width: 23px;
    height: 19px;
    transform: rotate(-1deg);
    clip-path: polygon(0 22%, 100% 13%, 100% 88%, 0 84%);
}

#B14 .villa1410 {
    top: 449px;
    right: 221px;
    width: 22px;
    height: 19px;
    transform: rotate(-2deg);
    clip-path: polygon(0 22%, 100% 13%, 100% 88%, 0 84%);
}

#B14 .villa1411 {
    top: 435px;
    right: 222px;
    width: 21px;
    height: 19px;
    transform: rotate(-6deg);
    clip-path: polygon(6% 22%, 100% 13%, 100% 88%, 0 84%);
}

#B14 .villa1412 {
    top: 420px;
    right: 224px;
    width: 21px;
    height: 19px;
    transform: rotate(-10deg);
    clip-path: polygon(0 24%, 100% 20%, 100% 88%, 0 84%);
}

#B14 .villa1413 {
    top: 407px;
    right: 226px;
    width: 21px;
    height: 19px;
    transform: rotate(-12deg);
    clip-path: polygon(0 22%, 100% 13%, 100% 88%, 0 84%);
}

#B14 .villa1414 {
    top: 392px;
    right: 231px;
    width: 19px;
    height: 19px;
    transform: rotate(-17deg);
    clip-path: polygon(0 22%, 100% 19%, 100% 88%, 0 84%);
}

#B14 .villa1415 {
    top: 379px;
    right: 234px;
    width: 20px;
    height: 19px;
    transform: rotate(-20deg);
    clip-path: polygon(0 22%, 100% 13%, 100% 88%, 0 84%);
}

#B14 .villa1416 {
    top: 367px;
    right: 240px;
    width: 20px;
    height: 19px;
    transform: rotate(-29deg);
    clip-path: polygon(0 22%, 100% 13%, 100% 88%, 0 84%);
}

#B14 .villa1417 {
    top: 354px;
    right: 247px;
    width: 21px;
    height: 19px;
    transform: rotate(-35deg);
    clip-path: polygon(0 22%, 100% 13%, 100% 88%, 0 84%);
}

/* end b14 */

/* end b13 */
#B13 .villa131 {
    top: 368px;
    right: 602px;

    width: 21px;
    height: 18px;

    transform: rotate(17deg);
    clip-path: polygon(0 14%, 100% 14%, 100% 88%, 0 88%);
}

#B13 .villa132 {
    top: 384px;
    right: 605px;
    width: 21px;
    height: 18px;
    transform: rotate(17deg);
    clip-path: polygon(0 14%, 100% 14%, 100% 88%, 0 88%);
}

#B13 .villa133 {
    top: 399px;
    right: 608px;
    width: 21px;
    height: 18px;
    transform: rotate(8deg);
    clip-path: polygon(0 14%, 100% 14%, 100% 88%, 0 88%);
}

#B13 .villa134 {
    top: 415px;
    right: 609px;
    width: 21px;
    height: 18px;
    transform: rotate(6deg);
    clip-path: polygon(0 14%, 100% 14%, 100% 88%, 0 88%);
}

#B13 .villa135 {
    top: 432px;
    right: 611px;
    width: 21px;
    height: 18px;
    transform: rotate(5deg);
    clip-path: polygon(0 14%, 100% 14%, 100% 88%, 0 88%);
}

#B13 .villa136 {
    top: 447px;
    right: 611px;
    width: 21px;
    height: 18px;
    transform: rotate(3deg);
    clip-path: polygon(0 14%, 100% 14%, 100% 88%, 0 88%);
}

#B13 .villa137 {
    top: 447px;
    right: 588px;
    width: 21px;
    height: 19px;
    transform: rotate(0deg);
    clip-path: polygon(0 14%, 100% 14%, 100% 88%, 0 88%);
}

#B13 .villa138 {
    top: 432px;
    right: 587px;
    width: 22px;
    height: 18px;
    transform: rotate(5deg);
    clip-path: polygon(0 14%, 100% 14%, 100% 88%, 0 88%);
}

#B13 .villa139 {
    top: 417px;
    right: 587px;
    width: 21px;
    height: 18px;
    transform: rotate(7deg);
    clip-path: polygon(0 14%, 100% 14%, 100% 88%, 0 88%);
}

#B13 .villa1310 {
    top: 403px;
    right: 585px;
    width: 21px;
    height: 18px;
    transform: rotate(8deg);
    clip-path: polygon(0 14%, 100% 14%, 100% 88%, 0 88%);
}

#B13 .villa1311 {
    top: 388px;
    right: 583px;
    width: 21px;
    height: 18px;
    transform: rotate(12deg);
    clip-path: polygon(0 14%, 100% 14%, 100% 88%, 0 88%);
}

#B13 .villa1312 {
    top: 374px;
    right: 579px;
    width: 21px;
    height: 18px;
    transform: rotate(14deg);
    clip-path: polygon(0 14%, 100% 14%, 100% 88%, 0 88%);
}

#B13 .villa1313 {
    top: 360px;
    right: 575px;
    width: 21px;
    height: 18px;
    transform: rotate(17deg);
    clip-path: polygon(0 14%, 100% 14%, 100% 88%, 0 88%);
}

/* end b13 */

/* start b15 */
#B15 .villa159 {
    top: 398px;
    right: 663px;
    height: 73px;
    width: 24px;
    transform: rotate(-1deg);
    clip-path: polygon(
        70% 31%,
        105% 31%,
        100% 60%,
        100% 100%,
        8% 100%,
        2% 29%,
        57% 23%
    );
}

#B15 .villa158 {
    top: 413px;
    right: 690px;
    height: 58px;
    width: 22px;
    transform: rotate(-1deg);
    clip-path: polygon(0 31%, 108% 15%, 100% 100%, 0 100%);
}

#B15 .villa157 {
    top: 424px;
    right: 716px;
    height: 49px;
    width: 22px;
    transform: rotate(-1deg);
    clip-path: polygon(0 31%, 108% 15%, 100% 100%, 0 100%);
}

#B15 .villa156 {
    top: 433px;
    right: 741px;
    height: 40px;
    width: 22px;
    transform: rotate(-1deg);
    clip-path: polygon(0 31%, 108% 15%, 100% 100%, 0 100%);
}

#B15 .villa155 {
    top: 432px;
    right: 765px;
    height: 42px;
    width: 22px;
    transform: rotate(-1deg);
    clip-path: polygon(0 31%, 98% 30%, 100% 100%, 0 100%);
}

#B15 .villa154 {
    top: 432px;
    right: 791px;
    height: 42px;
    width: 22px;
    transform: rotate(-1deg);
    clip-path: polygon(0 31%, 98% 30%, 100% 100%, 0 100%);
}

#B15 .villa153 {
    top: 432px;
    right: 818px;
    height: 42px;
    width: 22px;
    transform: rotate(7deg);
    clip-path: polygon(0 31%, 98% 30%, 213% 97%, -2% 97%);
}

#B15 .villa152 {
    top: 428px;
    right: 843px;
    height: 40px;
    width: 22px;
    transform: rotate(13deg);
    clip-path: polygon(0 31%, 98% 30%, 100% 100%, 0 100%);
}

#B15 .villa151 {
    top: 420px;
    right: 868px;
    height: 42px;
    width: 19px;
    transform: rotate(14deg);
    clip-path: polygon(0 31%, 98% 30%, 100% 100%, 0 100%);
}

/* AREA OCENAMI */

.area-ocenami {
    background-color: #662d91;
    border-radius: 50%;
    transition: background-col?? 0.3s;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 10px;
    z-index: 100;
}

.area-ocenami:hover {
    background-color: orange;
}

.area-ocenami.A01 {
    position: absolute;
    top: 115px;
    left: 536px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A02 {
    position: absolute;
    top: 229px;
    left: 605px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A03 {
    position: absolute;
    top: 190px;
    left: 580px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A04 {
    position: absolute;
    top: 204px;
    left: 441px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A05 {
    position: absolute;
    top: 189px;
    left: 475px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A06 {
    position: absolute;
    top: 209px;
    left: 490px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A07 {
    position: absolute;
    top: 151px;
    left: 488px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A08 {
    position: absolute;
    top: 124px;
    left: 432px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A09 {
    position: absolute;
    top: 209px;
    left: 419px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A10 {
    position: absolute;
    top: 228px;
    left: 420px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A11 {
    position: absolute;
    top: 293px;
    left: 505px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A12 {
    position: absolute;
    top: 338px;
    left: 508px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A13 {
    position: absolute;
    top: 364px;
    left: 581px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A14 {
    position: absolute;
    top: 345px;
    left: 656px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A15 {
    position: absolute;
    top: 385px;
    left: 528px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A16 {
    position: absolute;
    top: 428px;
    left: 556px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A17 {
    position: absolute;
    top: 400px;
    left: 442px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A18 {
    position: absolute;
    top: 394px;
    left: 419px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A19 {
    position: absolute;
    top: 333px;
    left: 418px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A20 {
    position: absolute;
    top: 403px;
    left: 352px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A21 {
    position: absolute;
    top: 355px;
    left: 285px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A22 {
    position: absolute;
    top: 371px;
    left: 256px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A23 {
    position: absolute;
    top: 211px;
    left: 102px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A24 {
    position: absolute;
    top: 235px;
    left: 556px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A25 {
    position: absolute;
    top: 193px;
    left: 187px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A26 {
    position: absolute;
    top: 301px;
    left: 451px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A27 {
    position: absolute;
    top: 379px;
    left: 447px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A28 {
    position: absolute;
    top: 483px;
    left: 242px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A29 {
    position: absolute;
    top: 476px;
    left: 308px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A30 {
    position: absolute;
    top: 487px;
    left: 704px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A31 {
    position: absolute;
    top: 384px;
    left: 707px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A32 {
    position: absolute;
    top: 496px;
    left: 576px;
    width: 16px;
    height: 16px;
}

.area-ocenami.A33 {
    position: absolute;
    top: 522px;
    left: 100px;
    width: 16px;
    height: 16px;
}

/* end b15 */
@media only screen and (max-width: 1000px) {
    #map-wragment {
        overflow-x: scroll;
    }

    #map-container {
        margin-left: 460px;
    }
}