#distselp select {
    padding: 6px;
    border: 1px solid #CCC;
    background: #FAFAFA;
    width: 100%;
}
#mapwrap {min-height: 360px;}
.distlist {width: 38%; float: left;  }
.distmap {width: 60%; float: right;}

.dealer {margin-bottom: 1px; border: 1px solid #CCC; background: #F2F2F2; border-radius: 4px; padding: 4px 12px; font-size: 12px; position: relative; width: 98%; }
.dealer.destacado, .dealer.destacado_gardena {
    border: 2px solid #000;
}

.dealer.destacado .destacados_wrap {
    padding: 10px 0;
}

.dealer.destacado .premium:first-child:after, .info.destacado h4 .premium:after {
    content: "\2606  PREMIUM STORE \2606";
    white-space: nowrap;
    background: #1d3f87;
    padding: 5px 10px;
    display: initial;
    width: fit-content;
    text-align: center;
    color: #fff;
    font-size: 11px;
    margin-left: 10px;
}

.dealer.destacado_gardena .gardena::after, .info.destacado_gardena h4 .gardena:after {
    content: "\2606  GARDENA STORE \2606";
    white-space: nowrap;
    background: #f15922;
    padding: 5px 10px;
    display: initial;
    width: fit-content;
    text-align: center;
    color: #fff;
    font-size: 11px;
    margin-left: 10px;
}

.dealername  {
	padding: 5px;
	display: flex;
    justify-content: space-between;
    align-items: center;
	font-size:14px;  font-weight: 600;  color: #454545; background: url(../uploads/markers/gen3.png) no-repeat left top; background-size: 18px;
}
.dealername a {
	color:inherit;
	padding-left: 20px;
}
.dealername a.seldist {
    text-align: center;
    padding: 5px;
    background: var(--color-secondary);
    color: #fff;
    font-size: 10px;
    border-radius: 5px;
}
.dealfull {margin-left: 22px; padding: 4px;}
.distlistfull {margin-top: 20px;overflow-y: auto; height: 320px;clear:both;}
.dealaddress {background: url(../images/icons/loc.png) no-repeat left 6px; padding:6px 0 6px 30px; background-size: 24px auto;  }
.dealphone  {background: url(../images/icons/phone.png) no-repeat left center; padding:6px 0 6px 30px; background-size: 24px auto;  }
.dealemail  {background: url(../images/icons/mail.png) no-repeat left center; padding:6px 0 6px 30px; overflow-wrap: break-word;background-size: 24px auto;  }
.dealtimes  {background: url(../images/icons/times.png) no-repeat 3px center; padding:6px 0 6px 30px; overflow-wrap: break-word;background-size: 18px auto;  }
.dealweb  {background: url(../images/icons/web.png) no-repeat left center; padding:6px 0 6px 30px; overflow-wrap: break-word;background-size: 24px auto;  }
.dealig  {background: url(../images/icons/instagram.png) no-repeat left center; padding:6px 0 6px 30px; overflow-wrap: break-word;background-size: 24px auto;  }
.dealfb  {background: url(../images/icons/fb.png) no-repeat left center; padding:6px 0 6px 30px; overflow-wrap: break-word;background-size: 24px auto;  }
.dealservtec {background: url(../images/icons/servtec.png) no-repeat left center; padding:6px 0 6px 30px; overflow-wrap: break-word;background-size: 24px auto;  }
.dealml {position: absolute; top:3px; right:10px; z-index: 9;}
.dealml img {height: 24px; width: auto}
.info h4 {font-size:18px;font-weight: 600;}

.dist_srchwrap {position: relative;margin-bottom: 8px;}
.dist_submit {position:absolute;z-index: 9; right:4px;top:6px;}

.distsrch {
    width: 100%;
    border: 1px solid #CCC;
    background: #FAFAFA;
    padding: 8px;
    color: #666;
    resize: none;
    font-family: inherit;
    font-size: 0.9em;
}

#mapicons {margin-top:12px; text-align: center;clear: both; height: 30px;}
#mapicons img {width: auto; height: 24px; vertical-align: middle}
#mapicons a {font-size: 13px; color: #333; padding: 6px 10px; border:1px solid #CCC; }
#mapicons a:hover {background: #F2F2F2;}

.butmaploc {float:left; width: 35%; background: #B1EAB6;}
.butmaptog {float:right;width: 62%;}


@media screen and (max-width: 768px) {
	.distlist {width: 100%; float: none;margin-bottom: 30px;  }
.distmap {width: 100%; float: none;}
}