/* Map custom popup */
#stockist_map,
#stockist_map > div,
#stockist_map > div > .gm-style{ overflow: hidden; border-radius: 12px;}

/* US container */
.us_map_container{ display:none;}
.us_map{margin:auto; width:1100px; overflow:hidden}
.us_map_container header {  position: relative;}
.us_map_container header h2 {  text-align: center; font-size: 40px; font-weight: 300;}
.us_map_container header a {position: absolute;z-index: 2;right: 0;margin-left: -70px;top: -1px;padding: 12px 20px;border: 2px solid #ddd;border-radius: 6px;padding-left: 51px;color: #999;transition:200ms;}
.us_map_container header a:before {transition:200ms;content: "";display: block;position: absolute;top: 50%;left: 19px;margin-top: -10px;width: 21px;height: 21px;background: url('images/earth-icon.svg') no-repeat center center;opacity: 0.3;background-size: contain;}
.us_map_container header a:hover:before { opacity:1}
.us_map_container header a:hover{ color:#444}

/* Geo cart tooltip */
.jt_geochart_tooltip { color: #777; width: 110px;  font-weight: normal;  text-align:center;}
.jt_geochart_tooltip h4 {  padding:7px 0 5px;  color: #111;}
.jt_geochart_tooltip span { display: inline-block; padding-right: 4px;}
.jt_geochart_tooltip_state { display:none;}

/* Coming soon style */
/* .selected_country_wrap .country_map .country_list li:not(.united_states) { opacity: 0.2; filter: saturate(0);} */
.selected_country_wrap .country_map .country_list li.disabled { opacity: 0.2; filter: saturate(0);}

/* Hide Selectbox */
#country_list_selectbox{-webkit-appearance: none;width: 100%;height: 52px;padding: 0 15px;font-size: 15px;border: 3px solid #ddd;border-radius: 5px;margin-right: 0;background: #fff url(images/icon-direction-down.svg) no-repeat 96% center;background-size: 12px;display:none;font-weight: bold;color: #bbb;}
#country_list_selectbox.selected { color:#444 }
#country_list_selectbox option:disabled {  color: #ddd;}
#country_list_selectbox option { color: #444;}



@media(max-width:1120px){

    .us_map{width: 100%; height: auto;}
    #us_map > div > div { width: 100% !important; height: auto !important; padding-top: 30%;}
    .us_map_container header h2 { font-size: 30px;}
    #us_map svg{ width: 100%;height: auto;}

}

@media(max-width:767px){

   .us_map_container header a { display: none;}

   .country_map #country_list{display:none}
   .country_map #country_list_selectbox{ display:block; }

   div.selected_country_wrap .location_search .jt_label span { display: none;}
   .selected_country_wrap .location_search .jt_label:before { content: "or"; display: block; margin-top: 0px; margin-bottom: 10px;}
   div.selected_country_wrap .country_map { margin-bottom: 10px;}

}


@media(max-width:540px){

   #country_list_selectbox{ background-position:94% center}

}