@charset "UTF-8";
/* CSS Document */
#location{
    background-color:#e9e9e9;
}
.ssr-location-text{
    margin-bottom:40px;
    justify-content: center;
}
.ssr-location-circle{
    text-align: center;
    padding: 15px;
    margin-top: 20px;
    transition: all 0.35s ease-in;
}
.ssr-location-circle .ssr-location__time {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    /* border: solid 2px #464c11; */
    /* background-color: #464c11; */
    border-radius: 50%;
    color: #FFFFFF;
    text-align: center;
}
.ssr-location-circle .ssr-location__time .ssr-location_time-num{
    font-size: 2.8rem!important;
    font-family: 'GraphikTH-SemiBold'!important;
}
.ssr-location-circle .ssr-location__text {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.ssr-location-circle .ssr-location__description {
    margin-top: 25px;
}

.mapNav{
  padding: 15px 0 15px!important;
  float:unset!important;
}

.maplink i {
    top: -4px;
}

@media(max-width:500px){
  .ssr-location-text-col{
      border-right: 0px!important;
      margin-bottom:2vmin;
  }
  .ssr-location-mobileres{
    display: flex!important;
    flex-wrap: nowrap!important;
    justify-content: flex-start!important;
    padding:0px;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom:15px;
  }
  .ssr-location-mobileres::-webkit-scrollbar {
      height: 0px;  /* Remove scrollbar space */
      background: transparent;  /* Optional: just make scrollbar invisible */
  }
  .ssr-location-mobileres .col-6{
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  .ssr-location-circle .ssr-location__time {
      position: relative;
      width: 100px;
      height: 100px;
      /* background-color: #464c11; */
      border:0px;
      color: #FFFFFF;
  }
  .ssr-location-col{
      -ms-flex: 0 0 30%!important;
      flex: 0 0 30%!important;
      max-width: 30%!important;
      padding:0;
  }
  .ssr-location-circle {
      padding: 0px;
  }
}

@media(max-width:320px){
  .ssr-location-circle {
      padding: 10px;
  }
  .ssr-location-circle .ssr-location__time {
      width: 75px;
      height: 75px;
  }
}


.ssr-tab-header .nav-tabs .nav-link.active::after {
    background-color: #000000;
}
.ssr-tab-header .nav-tabs .nav-link.active{
    color: #000000;
}

.ssr-location.ssr-tab-3{
  max-width:100%;
}
.ssr-location .tab-pane {
    padding: 0px;
    height:500px!important;
}
.ssr-location .mapNav svg{
  fill:#FFFFFF;
  color:#FFFFFF;
}
.ssr-location .boxMap {
    padding: 0;
}
.ssr-location .embed-responsive {
    height: 100%;
}
.ssr-location .ssr-map-gif{
  display: block;
}
.ssr-location .ssr-map-gif img{
  height: 500px;
  width: auto;
}

.ssr-location .boxMap{
  height:500px;
}

.mapNav {
    padding: 15px 0 15px!important;
    float: unset!important;
}

.mapNav {
    /* background: rgba(70, 76, 17, 1); */
    float: left;
    width: 100%;
    padding: 15px 0 20px;
    position: relative;
    bottom: 0px;
}

.listmaplink:not(:nth-last-of-type(1)){
  border-right: 1px solid #fff;
}
@media(max-width:767px){
  .listmaplink:not(:nth-last-of-type(1)){
    border-right: 0;
  }
  .mapNav {
      background: unset;
  }
  .maplink {
     width: 100%;
      padding: 16px 21px;
      border: 2px solid #ffffff;
      margin-bottom: 10px;
      display: inline-block;
      text-align: center;
  }
  .mapNav font{
      color:black!important;
      font-weight: bold;
      display:inline-block;
  }
 .ssr-location .mapNav svg {
     fill: #ffffff;
     color: #ffffff;
 }
 .ssr-location .tab-pane {
     height: auto!important;
 }
 .ssr-location .ssr-map-gif img {
     height: auto;
     width: 100%;
 }
 .ssr-mapnav-svg{
   fill:#000000;width: 30px;height: 30px;
 }
}
@media(max-width:500px){
  /* .mapNav {
      background: unset;
  }
  .maplink {
     width: 100%;
      padding: 16px 21px;
      border: 2px solid #000000;
      margin-bottom: 10px;
      display: inline-block;
      text-align: center;
  }
  .mapNav font{
      color:black!important;
      font-weight: bold;
      display:inline-block;
  }
 .ssr-location .mapNav svg {
     fill: #000000;
     color: #000000;
 }
 .ssr-location .tab-pane {
     height: auto!important;
 }
 .ssr-location .ssr-map-gif img {
     height: auto;
     width: 100%;
 }
 .ssr-mapnav-svg{
   fill:#000000;width: 30px;height: 30px;
 } */
}
@media(min-width:501px){

    .ssr-location .ssr-tab-header .nav-link {
        box-shadow: unset;
        flex: none!important;
        padding: 0!important;
        margin-right: 3rem!important;
        margin-bottom: 2rem;
    }
    .ssr-tab-header .nav-tabs .nav-item.show .nav-link, .ssr-tab-header .nav-tabs .nav-link.active {
        background-color: #ffffff00!important;
    }
    .ssr-mapnav-svg{
      fill:#FFFFFF;width: 20px;height: 20px;
    }
}


.ssr-map-tab {
    padding: 40px 0px!important;
}

@media (min-width: 500px) {
    .ssr-map-tab {
        padding:80px 0px!important;
    }
}

/* #map-location{
  padding-top: 0;
} */