/* Map css start */

.slideimg{
   margin-top: 10px;
    float: left;
    padding:0;
/*     min-width: 180px; */
}

#origin{
    margin:auto;
    margin-top:0px;
/*     max-width:500px; */
    width:100%;
}

#origin span{
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#3c5a74;
    text-transform:uppercase;
}

#map_block{
    clear: both;
    float: left;
    width: 100%;
    margin:8px 0px;
    display:block;
}

#map_resp{
/*     max-width:874px; */
    width:94%;
    margin:0 auto;
    display:flex;
    flex-wrap:wrap;
}

#map_wrapper{
    position:relative;
    float:left;
    max-width:100%;
    margin:0 auto;
    
}

#mapimg img{
    width:100%;
    display:block;
/*  height: 420px;
    object-fit: cover;
    object-position: center */
}

.logolst li{
    list-style-type:none;
    float:left;
    padding:0px 10px;
    display:inline;
}

#logogrid{
/*     max-width:500px; */
    width:100%;
    margin:auto;
    margin-top:0%;
    text-align:center;  
    overflow:hidden;
}

.logogrid_on .navbtns_off img{ display:none}
.logogrid_on .navbtns_on img{ display:block}


.navbtns_off{
/*    background-color: #fff !important;
    height: 40px !important;
    width: 40px !important;
    border-radius: 50%; */
    padding: 7px !important;
    background-size: 12px !important;
    color:#fff;
    font-size:22px;
    line-height:24px;
    font-weight:bold;
    font-family:Verdana, Geneva, sans-serif;
    cursor:default;
    float:left;
    margin-top:20px;
    /*opacity:0;*/
}

.navbtns_on{
/*     background-color: #304885 !important;
    height: 40px !important;
    width: 40px !important;
    border-radius: 50%; */
    padding: 7px !important;
    background-size: 12px !important;
    color:#fff;
    font-size:22px;
    line-height:24px;
    font-weight:bold;
    cursor:pointer;
    float:left;
    margin-top:20px;
    
}

.navbtns_on:hover{
/*     background-color: #fdb922 !important;
    height: 40px !important;
    width: 40px !important;
    border-radius: 50%; */
    padding: 7px !important;
    background-size: 12px !important;
    color:#000;
    font-size:22px;
    line-height:24px;
    font-weight:bold;
    cursor:pointer;
    float:left;
    margin-top:20px;
}

.logoarea_off{
    float:left;
    border-top:1px solid #fff;
/*     max-width:500px; */
    width:88%;
    margin:10px 10px;
    overflow-x: hidden;
}

.logoarea{
    float:left;
    border-top:1px solid #ccc;
/*     max-width:500px; */
    width:88%;
    margin:10px 10px;
    overflow-x: hidden;
}

.logoarea_center{
    float:left;
    border-top:1px solid #ccc;
    width:88%;
    margin:10px 10px;
}

.imgslider{
  width:100%;
    display:flex;
    align: center;
    justify-content: left;
}
.imgslider_center{
    width:100%;
    display:flex;
    align: center;
    justify-content: center;
}

.slideimg img{
    margin:5px;
/*     max-width: 200px; */
    max-height:45px;
    /*display:flex;
    justify-content: space-between;*/
}
#logowrap{
/*     max-width:500px; */
    width:100%;
    overflow-x:hidden;
    text-align:center;
    margin:0 auto;
}

.map_dot{
    position:absolute;
    min-width: 1px;
    min-height: 1px;
}

.map_pointer {
    background-color: #fdb913 !important;
    width: 12px;
    height: 12px;
    border:2px solid transparent;
    outline: 2px solid transparent;
    border-radius: 50%;
    transition: all .5s ease-in-out;
    font-size: 4px;
    animation: pulse-blank 1s infinite;
}

.map_pointer:hover {
  background: #e78021 !important;
  border:2px solid #fff;
  outline: 3px solid #3c5a74;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
  height: 12px;
  width: 12px;
  transform: scale(4);
  animation: pulse-blue 1s infinite;
  cursor: pointer;
}

.map_pointer_on {
  background: #e78021 !important;
  border:2px solid #fff;
  outline: 3px solid #3c5a74;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
  height: 12px;
  width: 12px;
  transform: scale(4);
  animation: pulse-blue 1s infinite;
  cursor: pointer;
}

.map_pointer_clckd {
  background: #e78021 !important;
  border:2px solid #fff;
  outline: 3px solid #3c5a74;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
  height: 12px;
  width: 12px;
  transform: scale(4);
  animation: pulse-blue 1s infinite;
  cursor: pointer;
}
/* 
#slideimg img{
    width:100%;
} */



@keyframes pulse-blue {
  0% {
    transform: scale(0.75);
    box-shadow: 0 0 0 0 rgba(60, 90, 116, 0.75);
  }
  
  50% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(60, 90, 116, 0);
  }
  
  100% {
    transform: scale(0.75);
    box-shadow: 0 0 0 0 rgba(60, 90, 116, 0);
  }
}

.transition {
  transition: .7s;
}

@keyframes pulse-blank {
  0% {
    transform: scale(0.75);
    box-shadow: 0 0 0 0 rgba(60, 90, 116, 0);
  }
  
  50% {
    transform: scale(0.75);
    box-shadow: 0 0 0 0px rgba(60, 90, 116, 0);
  }
  
  100% {
    transform: scale(0.75);
    box-shadow: 0 0 0 0 rgba(60, 90, 116, 0);
  }
}

.transition {
  transition: .7s;
}


@media only screen and (min-width : 320px) {
        .logoarea_off{
        float:left;
        border-top:1px solid #fff;
        width:70%;
        margin:5px 0px;
        overflow-x: hidden;
    }

    .logoarea{
        float:left;
        border-top:1px solid #ccc;
        width:65%;
        margin: 5px 0px;
        overflow-x: hidden;
    }
    
    .logoarea_center{
        float:left;
        border-top:1px solid #ccc;
        width:65%;
        margin:5px 0px;
    }   
    .slideimg img {
    max-height: 34px;
}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
        .logoarea_off{
        float:left;
        border-top:1px solid #fff;
        width:76%;
        margin:6px;
        overflow-x: hidden;
    }

    .logoarea{
        float:left;
        border-top:1px solid #ccc;
        width:78%;
        margin:6px;
        overflow-x: hidden;
    }
    
    .logoarea_center{
        float:left;
        border-top:1px solid #ccc;
        width:78%;
        margin:6px;
    }   
    .slideimg img {
    max-height: 34px;
}
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    .logoarea_off{
        float:left;
        border-top:1px solid #fff;
        width:80%;
        margin:10px 10px;
        overflow-x: hidden;
    }

    .logoarea{
        float:left;
        border-top:1px solid #ccc;
        width:80%;
        margin:10px 10px;
        overflow-x: hidden;
    }
    
    .logoarea_center{
        float:left;
        border-top:1px solid #ccc;
        width:80%;
        margin:10px 10px;
    }   
    }
    
    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .logoarea_off{
            float:left;
            border-top:1px solid #fff;
            width:88%;
            margin:5px;
            overflow-x: hidden;
        }
    
        .logoarea{
            float:left;
            border-top:1px solid #ccc;
            width:88%;
            margin:5px;
            overflow-x: hidden;
        }
        
        .logoarea_center{
            float:left;
            border-top:1px solid #ccc;
            width:88%;
            margin:5px;
        }   
    }


/* Map css end */