.bl_map {
    /*height: 375px;*/
    position: relative;
    z-index: 0;
    width: 100%;
    margin: 0 0 0 0;
}

.bl_google_map {
    position: relative;
    padding: 8px;
    background: #fff;
    /*border: 1px solid #d0deed;*/
    margin: 0 0 0 0;
}

    .bl_google_map iframe {
        border: none;
        background: #fff;
        /*width: 815px;*/
        width: 110%;
        height: 350px;
        margin: 0 0 0 0;
        /*object-fit: cover;*/
    }

.google_map_shadow {
    background: url(../files/images1/map_bg.png) 0 0 no-repeat;
    /*width: 863px;*/
    width: 115%;
    background-size: 100% 100%;
    height: 375px;
    position: absolute;
    top: 0;
    margin: 0 0 0 0;
}

.map_photo .frame {
    margin: 0 auto;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius: 3px;
    position: relative;
    z-index: 999;
    /*border: thin solid #a9a9a9;*/
}

    .map_photo .frame .imglogin .img {
        overflow: hidden !important;
        background: #fff;
        text-align: center;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        -moz-border-radius: 3px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        padding: 5px;
        position: absolute;
        z-index: 999;
        object-fit: cover;
    }

    .map_photo .frame .imglogin:hover {
        -moz-opacity: 0.85;
        -khtml-opacity: 0.85;
        opacity: 0.85;
    }

.map_photo_shadow {
    top: 100%;
    width: 90px;
    height: 37px;
    left: 0;
    background: url(../files/images1/map_photo_shadow1.png) 0 0 no-repeat;
    position: absolute;
    margin: -10% 0% 100% 0;
    text-align: center;
    z-index:100;
}

.map_photo_shadow2 {
    top: 100%;
    width: 110px;
    height: 40px;
    left: 0;
    background: url(../files/images1/map_photo_shadow2.png) 0 0 no-repeat;
    position: absolute;
    margin: -6% 0% 100% 0;
    text-align: center;
    z-index: 100;
}

.google_map_shadow_transparent {
    background: transparent !important;
}

.map_interests_chart {
    background: transparent !important;
}

.map_photo {
    position: absolute;
}

    .map_photo .photo {
        /*background: url(../files/images1/map_photo_triangle.png) 50% 80% no-repeat;*/
        z-index: 1;
        position: relative;
        padding: 0 0 25px;
        /*border: thin solid #a9a9a9;*/
    }

    .map_photo .size1 {
        width: 75px;
        height: 85px;
    }

    .map_photo .size2 {
        width: 75px;
        height: 85px;
    }

    .map_photo .size3 {
        width: 70px;
        height: 80px;
    }

    .map_photo .size4 {
        width: 60px;
        height: 70px;
    }

    .map_photo .size5 {
        width: 90px;
        height: 100px;
    }

    .map_photo .size6 {
        width: 90px;
        height: 100px;
    }

    .map_photo .size7 {
        width: 90px;
        height: 100px;
    }

    .map_photo .size8 {
        width: 90px;
        height: 100px;
    }

    .map_photo.pos1 {
        left: 180px;
        top: 15px;
    }

    .map_photo.pos2 {
        left: 350px;
        top: 50px;
    }

    .map_photo.pos3 {
        left: 600px;
        top: 20px;
    }

    .map_photo.pos4 {
        left: 460px;
        top: 1px;
    }

    .map_photo.pos5 {
        left: 120px;
        top: 150px;
    }

    .map_photo.pos6 {
        left: 300px;
        top: 180px;
    }

    .map_photo.pos7 {
        left: 490px;
        top: 150px;
    }

    .map_photo.pos8 {
        left: 670px;
        top: 150px;
    }

.spos1 {
    left: -7px;
}

.spos2 {
    left: -8px;
}

.spos3 {
    left: -12px;
}

.spos4 {
    left: -15px;
}

.spos5 {
    left: -6px;
}

.spos6 {
    left: -4px;
}

.spos7 {
    left: -10px;
}

.spos8 {
    left: 0px;
}

@media screen and (max-width: 1200px) {
    .map_photo .size1 {
        width: 75px;
        height: 85px;
    }

    .map_photo .size2 {
        width: 70px;
        height: 80px;
    }

    .map_photo .size3 {
        width: 70px;
        height: 80px;
    }

    .map_photo .size4 {
        width: 60px;
        height: 70px;
    }

    .map_photo .size5 {
        width: 90px;
        height: 100px;
    }

    .map_photo .size6 {
        width: 90px;
        height: 100px;
    }

    .map_photo .size7 {
        width: 90px;
        height: 100px;
    }

    .map_photo .size8 {
        width: 85px;
        height: 95px;
    }

    .map_photo.pos1 {
        left: 170px;
        top: 20px;
    }

    .map_photo.pos2 {
        left: 310px;
        top: 50px;
    }

    .map_photo.pos3 {
        left: 540px;
        top: 58px;
    }

    .map_photo.pos4 {
        left: 430px;
        top: 1px;
    }

    .map_photo.pos5 {
        left: 70px;
        top: 150px;
    }

    .map_photo.pos6 {
        left: 240px;
        top: 170px;
    }

    .map_photo.pos7 {
        left: 390px;
        top: 150px;
    }

    .map_photo.pos8 {
        left: 550px;
        top: 160px;
    }

    .spos8 {
        left: -2px;
    }
}

@media screen and (max-width: 992px) {
    .bl_google_map iframe {
        border: none;
        background: #fff;
        /*width: 815px;*/
        width: 80%;
        height: 350px;
        margin: 0 0 0 0;
    }

    .google_map_shadow {
        background: url(../files/images1/map_bg.png) 0 0 no-repeat;
        /*width: 863px;*/
        width: 100%;
        background-size: 100% 100%;
        height: 375px;
        position: absolute;
        top: 0;
        margin: 0 0 0 0;
    }

    .map_photo .size1 {
        width: 75px;
        height: 85px;
    }

    .map_photo .size2 {
        width: 70px;
        height: 80px;
    }

    .map_photo .size3 {
        width: 70px;
        height: 80px;
    }

    .map_photo .size4 {
        width: 60px;
        height: 70px;
    }

    .map_photo .size5 {
        width: 90px;
        height: 100px;
    }

    .map_photo .size6 {
        width: 90px;
        height: 100px;
    }

    .map_photo .size7 {
        width: 90px;
        height: 100px;
    }

    .map_photo .size8 {
        width: 85px;
        height: 95px;
    }

    .map_photo.pos1 {
        left: 180px;
        top: 20px;
    }

    .map_photo.pos2 {
        left: 310px;
        top: 50px;
    }

    .map_photo.pos3 {
        left: 540px;
        top: 58px;
    }

    .map_photo.pos4 {
        left: 420px;
        top: 1px;
    }

    .map_photo.pos5 {
        left: 70px;
        top: 150px;
    }

    .map_photo.pos6 {
        left: 240px;
        top: 170px;
    }

    .map_photo.pos7 {
        left: 400px;
        top: 140px;
    }

    .map_photo.pos8 {
        left: 550px;
        top: 160px;
    }
}

    @media screen and (max-width: 768px) {
        .map_photo.pos1 {
            left: 120px;
            top: 20px;
        }

        .map_photo.pos2 {
            left: 250px;
            top: 50px;
        }

        .map_photo.pos3 {
            left: 480px;
            top: 40px;
        }

        .map_photo.pos4 {
            left: 360px;
            top: 5px;
        }

        .map_photo.pos5 {
            left: 60px;
            top: 160px;
        }

        .map_photo.pos6 {
            left: 210px;
            top: 190px;
        }

        .map_photo.pos7 {
            left: 350px;
            top: 150px;
        }

        .map_photo.pos8 {
            left: 490px;
            top: 180px;
        }
    }

    @media screen and (max-width: 640px) {
        .bl_map {
            position: relative;
            z-index: 0;
            width: auto;
            margin: -10px auto 0 auto;
        }

        .bl_google_map {
            position: relative;
            padding: 22px;
            background: #fff;
            /*border: 1px solid #d0deed;*/
            margin: 0 0 0 0;
        }

            .bl_google_map iframe {
                border: none;
                background: #fff;
                width: 100%;
                height: 335px;
                margin: 0;
            }

        .map_photo .frame .imglogin .img {
            overflow: hidden !important;
            background: #fff;
            text-align: center;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            -moz-border-radius: 3px;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            padding: 3px;
            position: absolute;
            z-index: 999;
        }

        .google_map_shadow {
            /*background: url(../files/images1/map_bg.png) 40% 0 no-repeat;*/
            width: 100%;
            background-size: 100% 100%;
            height: 100%;
            /*overflow: hidden;*/
            position: absolute;
            margin: 0 auto;
            /*display:block;*/
            /*border: 1px solid #000;*/
        }

        .map_photo .size1 {
            width: 60px;
            height: 60px;
        }

        .map_photo .size2 {
            width: 60px;
            height: 75px;
        }

        .map_photo .size3 {
            width: 65px;
            height: 75px;
        }

        .map_photo .size4 {
            width: 66px;
            height: 80px;
        }

        .map_photo .size5 {
            width: 90px;
            height: 110px;
        }

        .map_photo .size6 {
            width: 90px;
            height: 110px;
        }

        .map_photo .size7 {
            width: 80px;
            height: 90px;
        }

        .map_photo .size8 {
            width: 70px;
            height: 80px;
        }

        .map_photo.pos1 {
            left: 63%;
            top: 10px;
        }

        .map_photo.pos2 {
            left: 38%;
            top: -10px;
        }

        .map_photo.pos3 {
            left: 45px;
            top: 60px;
        }

        .map_photo.pos4 {
            left: 67%;
            top: 90px;
        }

        .map_photo.pos5 {
            left: 20px;
            top: 175px;
        }

        .map_photo.pos6 {
            left: 38%;
            top: 205px;
        }

        .map_photo.pos7 {
            left: 69%;
            top: 195px;
        }

        .map_photo.pos8 {
            left: 40%;
            top: 90px;
        }

        .spos1 {
            left: -15px;
        }

        .spos2 {
            left: -15px;
        }

        .spos3 {
            left: -11px;
        }

        .spos4 {
            left: -12px;
        }

        .spos5 {
            left: -11px;
        }

        .spos6 {
            left: -8px;
        }

        .spos7 {
            left: -16px;
        }

        .spos8 {
            left: -19px;
        }
    }

@media screen and (max-width: 420px) {
  
}

@media screen and (max-width: 350px) {
   
}