/* ========= INFORMATION ============================
	- document:  WP Coder!
	- author:    Dmytro Lobov 
	- url:       https://wow-estore.com/
==================================================== */
.testingo {
  letter-spacing: 6px;
  
  
}



.test2{
  opacity: 0;
  fill: #ffffff;
  font-family: "sofia-pro", Sans-serif; 
  z-index: 1000000000000000000000 !important;
}
.linking{
  color: #0F0F0F;
  
}

.linking:hover{
  color: #0F0F0F;
  
}

.linking:hover{
 color: #ffffff;
}
svg {
  transform-origin:50% 50%;
  display: block;
  width: 50%;
  overflow: visible !important;
}
path{z-index: 0;stroke: none;}

path:hover, circle:hover {
  
  cursor: pointer;
  z-index: 10000000 !important;
}
#path67 {
  fill: none !important;
  
  cursor: default;
}

#states *.on {
  fill: #E71919;
  stroke: #E71919;
  stroke-width: 12px;
  filter: drop-shadow(0px 13px 19px #00000064);
  stroke-linejoin: crop !important; transition: stroke-width 0.1s, filter 0.1s !important;
  transform-origin: 50% 50%;
  transform: scale3D();
   -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.list-of-states {
  margin: 0;
  padding: 0;
  columns: auto;
  column-gap: 0px;
  column-count: 3;
  list-style: none;
  width: 45%;
  padding-right: 6%;
  
}
.list-of-states li {
  padding: 2px 7px;
  display: contents !important;
  width: 100%;
  color: #0F0F0F;
  font-family: "sofia-pro", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
  
}
.list-of-states li.on {
  padding: 0px 8px;
  background: #E71919;
  color: white;
  font-weight: bold;
  border-radius: 50px !important;
  width: auto;
  column-span: all !important;
  display: inline-block !important;
  margin-left: -8px;
}

.blabla1{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  
}
}
.cst_sidebr_all{
  	display: flex !important;
  	align-items: baseline !important;
  
}

.cst_sidebr_all i{
 color: #E71919 !important; 
  padding-right: 8px !important;
  font-size: 13px;
}


@media (max-width: 1024px){
 .list-of-states {
   width: 44%; 
   padding-right: 0%; 
}   
  svg {
  transform: scale(1);
}
  
  
  
  
  
  
  
}  

@media (max-width: 768px){
  
 .list-of-states li {
    font-size: 10px;  
} 
  
  .list-of-states {
  	width: 43%;
    padding-right: 0%; 
} 
  svg {
  transform: scale(1);
}
  
}

@media (max-width: 430px){
  
 svg {
    display: block;
    width: 100%;
    transform: scale(1);
}
  .blabla1 {
    display: flex;
    /* justify-content: space-evenly; */
    align-items: flex-start;
    flex-direction: column;
}
  
.list-of-states {
    width: 100% !important;
  	padding: 0% 2% 0% 5%;
}  
  
  .list-of-states li {
  
    font-size: 10px;
    font-weight: 400;
}
  
  
}


@media (max-width: 320px){
  
  .list-of-states {
  	column-count: 2;
}   
}