.map-container {
    position: relative;
    height: 600px;
}

.map-container .map-center {
    opacity: 0.7;
    height: 300px;
    width: 300px;
    left: calc(50% - 300px/2);
    top: calc(50% - 50px);
    position: absolute;
}

.map-container .lines {
    position: absolute;
    left: calc(50% - 448px);
    width: 896px;
    height: 200px;
}

.map-industries {
    position: absolute;
    z-index: 2;
    left: calc(50% - 448px);
    top: 100px;
    transition: all 0.4s ease;
    width: 896px;
    height: 200px;
    display: block;
    margin: 0;
    padding: 0;
}

.map-industries .industry {
    width: 100px;
    height: 100px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
}

.map-industries .industry1 {
    left: 14px;
    background-image: url(../images/idustries/educ.png);
}

.map-industries .industry2 {
    left: calc(128px + 14px);
    top: 10px;
    background-image: url(../images/idustries/finance.png);
}

.map-industries .industry3 {
    left: calc(256px + 14px);
    top: 18px;
    background-image: url(../images/idustries/remote.png);
}

.map-industries .industry4 {
    left: calc(384px + 14px);
    top: 24px;
    background-image: url(../images/idustries/retail.png);
}

.map-industries .industry5 {
    left: calc(512px + 14px);
    top: 18px;
    background-image: url(../images/idustries/automobile.png);
}

.map-industries .industry6 {
    left: calc(640px + 14px);
    top: 10px;
    background-image: url(../images/idustries/construction.png);
}

.map-industries .industry7 {
    left: calc(768px + 14px);
    background-image: url(../images/idustries/contact.png);
}

.map-products {
    position: absolute;
    z-index: 2;
    left: calc(50% - 480px / 2);
    bottom: 0;
    transition: all 0.4s ease;
    width: 480px;
    height: 200px;
    display: block;
    margin: 0;
    padding: 0;
}

.map-products .product {
    width: 100px;
    height: 100px;
    position: absolute;
}

.map-products .product img {
    width: 60px;
    position: absolute;
    left: 20px;
    top: 20px;
}

.map-products .product .bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    background-color: white;
    opacity: 0.8;
}

.map-products .product1 {
    left: 16px;
}

.map-products .product2 {
    left: calc(100px + 16px * 2);
}

.map-products .product3 {
    left: calc(200px + 16px * 3);
}

.map-products .product4 {
    left: calc(300px + 16px * 4);
}

#mymap {
    height: 600px;
    z-index: -1000;
}

@keyframes fade {
    from {
        opacity: 0.4;
    }
}

.blinking {
    animation: fade 800ms infinite alternate;
    height: 16px;
    width: 16px;
}

.another-popup .leaflet-popup-content-wrapper {
    background: #2ce897;
    color: #eee;
    font-size: 12px;
    line-height: 24px;
    border-radius: 0px;
}

.another-popup .leaflet-popup-content-wrapper a {
    color: rgba(200, 200, 200, 0.1);
}

.another-popup .leaflet-popup-tip-container {
    width: 50px;
    height: 15px;
}

.another-popup .leaflet-popup-tip {
    background: transparent;
    border: none;
    box-shadow: none;
}