.mapcontainer {
	position: relative;
}
.map svg, .map { }
.mapcontainer {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 800px;
    margin: auto;
}
.area { cursor: pointer}
#wrapper {
	position: relative;
	padding-left: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-direction: row;
	height: 100vh;
}
#wrapper.toggled {
  padding-left: 250px;
}
#sidebar-wrapper {
	background: #390e00;
	width: 320px;
	height: 540px;
	overflow-y: auto;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	display: none;/*activate it by code js*/
	position: absolute;
	top: 110px;
	right: 0;
	z-index: 10100;
}
#map {
	display: inline-block;/*activate it by code js*/
	position: absolute;
	left: 0;
	height: 100%;
	top: 0;
	z-index: 1000;
	width: 100%;
}
#wrapper.toggled #sidebar-wrapper {
  width: 250px;
  padding: 10px;
}
#side_bar {
  padding: 0;
  margin: 0;
}
#side_bar li {
  padding: 20px 10px;
  position: relative;
  border-bottom: 1px solid #000000;
  background: #ffffff;
  color: #000000;
}
#side_bar li h2::before {
	content: " ";
	background: url(/wp-content/uploads/UI/Marker.png);
	height: 30px;
	width: 20px;
	position: absolute;
	top: 28px;
	left: 16px;
	background-size: 20px;
	background-repeat: no-repeat;
	opacity: 1;
}
.Z-store-info {
    padding: 0;
    color: black;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 0;
    background: transparent;
    color: #ffffff;
}
.Z-store-info h1 {
    font-size: 44px;
    color: #ffffff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.Z-store-teaser{
	position: absolute;
	z-index: 9999;
	width: 100%;
	top: 0px;
	overflow: hidden;
}
.Z-firstHeading span {
	padding: 0;
	width: 220px;
	background: transparent;
	display: inline-block;
	position: relative;
	left: 30px;
	top: 0;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.Z-content {
	cursor: pointer;
}
.Z-firstHeading {
	color: #ffffff;
	font-size: 12px;
}
.Z-bodyContent{
	color: #000000;
	font-size: 12px;
    position: relative;
    left: 30px;
	width: 90%;
}
.Z-bodyContent-gm a,
.Z-bodyContent a {
	font-size: 12px;
}
.Z-bodyContent-gm a{
	color: #564a25;
}
.Z-bodyContent a{
	color: #a13600;
}
.z-gg-map {
	float: right;
}
.Z-Hover {
    background: #521c00;
    transition: 0.3s;
}
.Z-Hover-on {
    background: #aa3c00;
    transition: 0.3s;
}
.Z-loader {
    position: absolute;
    top: 190px;
    left: 50%;
    z-index: 29999;
}
.map_sidebar {
	position: absolute; right: 0;top:0;
}
#side_bar ul {position:relative;}
div.sidebar-brand {
    width: 100%;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: lighter;
    background: #000000;
    padding: 20px;
    border: 2px solid #390e01;
    color: #ffffff;
    height: auto;
    width: 291px;
    list-style: none;
	cursor:pointer;
	z-index: 1000;
}
div.sidebar-brand:hover {
    background: #250a01;
}


.Z-wrapper {
	position: relative;
	height: 663px;
	overflow: hidden;
}
.Z-teaser{
    width: 1500px;
    width: 1920px;
	display: none;/*activate it by code js*/
}
.Z-Filter {
	background: #ededed;
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	justify-content: left;
	position: absolute;
    margin: 0;
	height: 60px;
    width: 100%;
    top: 120px;
    left: 0;
    right: 0;
	z-index: 10000;
}
.Z-Box {

    display: flex;
    align-items: center;
    align-content: space-around;
    margin: 0px;
    padding: 0px;
    flex-direction: row;
    justify-content: space-between;
}
.box{
	width: 200px;
    height: auto;
    font-size: 14px;
    padding: 0;
    margin: 0;
}
.box_1{
	margin-left: 30px;
}
.box_3 {
    display: flex;
    align-items: center;
    margin: 0 20px 0 0;
}
.Z-1, #prettydropdown-country_ide {
	width: 100%;
    height: 45px;
    font-size: 14px;
    padding: 0;
    margin: 0;
    color: #ffffff;
    text-transform: uppercase;
    outline: none;
}
#prettydropdown-country_ide { width: 180px !important;}
.Z-hr {
	clear: both;
    position: relative;
    z-index: 9999;
}

option {
    outline: none;
}
.Z-2, #prettydropdown-state {
	width: 100%;
    height: 45px;
    font-size: 14px;
    padding: 0;
    margin: 0;
    color: #ffffff;
    text-transform: uppercase;
    outline: none;
}
.Z-2-bg {
	background:#121212;
}
.Z-3 {
	width: 280px;
    height: auto;
    font-size: 14px;
    padding: 0;
    margin: 0;
    background: none;
    color: #000000;
    border: none;
    text-transform: uppercase;
    outline: none;
}
 select>option:hover
    {
        color: #1B517E;
        cursor: pointer;
    }
div.sidebar-brand{
	width: 320px;
    z-index: 101000;
    overflow-y: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: none;
    position: absolute;
    top: 120px;
    right: 0;
    height: 60px;
}
#state {display: none;}

/*COLORS Blue*/

.Z-1 {
    background: #00263f;
    color: #ffffff;
    border: 1px solid #000000;
}
.Z-2 {
    background: #00263f;
    color: #ffffff;
    border: 1px solid #000000;
}
#sidebar-wrapper {
    background: #00263f;
	
}
div.sidebar-brand{
    background: #000000;
    border: 2px solid #00263f;
    color: #ffffff;
}
div.sidebar-brand:hover {
    background: #e4e4e4;
}
#side_bar li {
    border-bottom: 1px solid #003b57;
}
.Z-firstHeading {
    color: #ffffff;
}
.Z-bodyContent {
    color: #ffffff;
}
.Z-bodyContent a { /*Google map*/
    color: #5996b2;
}
.Z-Hover {
    background: #e4e4e4;
    transition: 0.3s;
}
.Z-Hover-on {
    background: #e4e4e4;
    transition: 0.3s;
}
#map > div:first-child {
	background-color: #000000 !important;
}

body .Z-bodyContent-gm .card_address { 
	color: #000000;
	font-size: 15px;
	width: 320px;
	line-height: 22px;
	margin-bottom: 20px;

}
body .Z-bodyContent .card_address { 
	color: #000000;
	line-height: 20px;
	margin-bottom: 20px;

}
body .Z-bodyContent-gm .card_a { 
	color: #000000;
	font-size: 12px;
	width: 320px;
	line-height: 20px;
    text-transform: lowercase;
    margin-bottom: 0;
    display: inline-block;

}

body .Z-bodyContent .card_a { 
	color: #000000;
	font-size: 12px;
	width: 90%;
    text-transform: lowercase;
    margin-bottom: 5px;
    display: inline-block;

}
.card_sup_info {
    color: #000000;
}

body #map .gm-style .gm-style-iw.gm-style-iw-c {
    padding: 10px 20px 0 20px;
}
body #map .gm-ui-hover-effect {
	top:0 !important;right:0 !important;
}
body .Z-bodyContent-gm .card_a:hover,
body .Z-bodyContent .card_a:hover { 
	color: #535353;
}

body .Z-bodyContent-gm .card_a .fa,
body .Z-bodyContent .card_a .fa {
	width: 14px;
	text-align: right;
	margin: 0 0 0 0;
}
/*COLORS*/

.Z-bodyContent-gm{
    color: #000000;
    font-size: 14px;
    width: 320px;
    line-height: 20px;
    margin-bottom: 20px;
}
body.elementor-kit-1204 h1.firstHeading {
    color: #000000;
    font-size: 1.3rem !important;
    width: 315px;
    margin: 10px 0 20px 0;
    font-weight: bold;
    text-transform: uppercase;
}

body button.gm-ui-hover-effect img {
    font-size: 20px;
    width: 20px !important;
    height: 20px !important;
    font-weight: bolder;
    top: 0px;
    position: relative;
    right: 5px;
}

.Z-1 {
	background: #2e2e2e;
    color: #ffffff;
    border: none;
}
.Z-2 {
	background: #2e2e2e;
    color: #ffffff;
    border: none;
}
#sidebar-wrapper {
    background: #222222;
    background: #2d2d2d;
	
}
div.sidebar-brand{
	background: #000000;
    border: 1px solid #2e2e2e;
    color: #ffffff;
    font-size: 16px;
    justify-content: center;
    padding-top: 14px;
}
div.sidebar-brand:hover {
    background: #aaaaaa;
}
#side_bar li {
    border-bottom: 1px solid #222222;
	cursor: pointer;
}
.Z-firstHeading {
    color: #ffffff;
}
.Z-bodyContent {
    color: #000000;
}
.Z-bodyContent a { /*Google map*/
    color: #777777;
}
.Z-Hover,
#side_bar li.Z-Hover {
    background: #e4e4e4;
    transition: 0.3s;
}
.Z-Hover-on,
#side_bar li.Z-Hover-on {
    background: #cccccc;
    transition: 0.3s;
}
#map > div:first-child {
	background-color: #000000 !important;
}

/*.Z-3 { display: none;}*/
.Z_hideMe.prettydropdown { display: none;}
.results {font-weight: bold;}

@media screen and (max-width: 1024px) {
	.results_title{
		display: inline-block;
	}
}


@media screen and (max-width: 678px) {
	#map{
		display: none;
	}
	#sidebar-wrapper {
		height: 632px;
		top: 272px !important;
		display: block;
		left: 0;
		width: 100%;
		z-index: 10;
	}
	div.sidebar-brand {
		display: none !important;
		top: 238px;
		left: 0;
		width: 100%;
	}
	.Z-Filter { height:auto;}
	.Z-Box {
		flex-direction: column;
	}
	.Z-Box {widht: 100%;}
	.box_3 {
		margin: 0;
	}
	.prettydropdown > ul > li {
		padding:0 !important;
	}
	.z-gg-map{color:#000000 !important;}
	
	.prettydropdown > ul.active,
	.prettydropdown > ul.active li {
		width: 100%;
		text-align: center;
	}
	#prettydropdown-country_ide, .box {
		width: 100% !important;
		text-align: center;
	}
	#prettydropdown-country_ide li,
	#prettydropdown-state li {
		width: 100% !important;
		text-align: left !important;
		position: relative;
		padding: 0 20px !important;
	}
	.box_1 {
		margin-left: 0;
	}
	.box_3 {
		padding: 0 0 10px 0;
	}
	.Z-3 {
		width: 100%;
		line-height: 46px;
	}
	.prettydropdown.arrow > ul > li.selected:after {
		position: absolute !important;
		top: 0 !important;
		bottom: 0 !important;
		right: 20px !important;
		left:  inherit !important;
	}
}


.prettydropdown {
  position: relative;
  min-width: 72px; /* 70px + borders */
  display: inline-block;
}
.prettydropdown.loading {
  min-width: 0;
}
.prettydropdown > ul {
  position: absolute;
  top: 0;
  left: 0;
  background: #ededed;
  border: 0px solid #666666;
  box-sizing: content-box;
  color: #000000;
  cursor: pointer;
  
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none; /* Firefox all */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Likely future */
  z-index: 1;
  text-transform: uppercase;
}
.prettydropdown.loading > ul {
  visibility: hidden;
  white-space: nowrap;
}
.prettydropdown > ul:focus, .prettydropdown:not(.disabled) > ul:hover {
  border-color: transparent;
}
.prettydropdown:not(.disabled) > ul.active {
  width: auto;
  max-height: none !important;
  border-color: #cccccc;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 99;
}
.prettydropdown > ul.active:focus {
  outline: none;
}
.prettydropdown > ul.active.reverse {
  top: auto;
  bottom: 0;
}
.prettydropdown > ul > li {
  position: relative;
  min-width: 70px;
  height: 48px; /* 50px - borders */
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-sizing: border-box;
  display: none;
  line-height: 46px; /* 48px - borders */
  margin: 0;
  padding: 0 0 0 15px;
  background: #ededed;
  color: #000000;
}
.prettydropdown.loading > ul > li {
  min-width: 0;
  display: block;
  padding-right: 0.8rem;
}
.prettydropdown > ul:not(.active) > li:not(.selected):first-child {
  visibility: hidden; /* Prevent FOUC */
}
.prettydropdown > ul > li:first-child, .prettydropdown > ul.active > li {
  display: block;
}
.prettydropdown > ul.active > li:not(.label):hover, .prettydropdown > ul.active > li.hover:not(.label), .prettydropdown > ul.active > li:first-child:hover:after {
  background: #ffffff;
  color: #000000;
}
.prettydropdown > ul.active > li.nohover {
  background: inherit !important;
  color: inherit !important;
}
/*.prettydropdown > ul.active > li.hover:before,*/
.prettydropdown > ul.active > li.nohover:after {
  border-top-color: #fff !important;
}
/*.prettydropdown > ul.active > li.nohover:before, */
.prettydropdown > ul.active > li.hover:after {
  border-top-color: #cccccc !important;
}
.prettydropdown.arrow > ul > li.selected:before{}
 .prettydropdown.arrow > ul > li.selected:after {
position: relative;
    top: 17px;
    bottom: 0;
    /* right: auto; */
    border: 0;
    box-sizing: border-box;
    content: '';
    display: inline-block;
    margin: auto;
    left: 10px;
    content: "v";
    height: 13px;
    width: 22px;
    text-indent: -20000px;
    background: url(/wp-content/uploads/UI/F-Down-Black.png) no-repeat 60% 60%;
	background-size: 60%;
}
.prettydropdown.arrow.small > ul > li.selected:before, .prettydropdown.arrow.small > ul > li.selected:after {
  top: 4px;
  height: 8px;
  border-width: 4px;
}
.prettydropdown.arrow > ul > li.selected:before {
  /* border-top-color: #a9a9a9; Arrow color */
}
.prettydropdown.arrow > ul > li.selected:after {
  /* top: 4px; Chevron thickness */
  border-top-color: #fff; /* Match background colour */
}
.prettydropdown.arrow.small > ul > li.selected:after {
  top: 2px; /* Chevron thickness */
}
.prettydropdown.arrow.triangle > ul > li.selected:after {
  content: none;
}
.prettydropdown > ul:hover > li.selected:before {
  /*border-top-color: #7f7f7f;*/
}
.prettydropdown > ul.active > li.selected:before,
.prettydropdown > ul.active > li.selected:after {
  border: none;
}
.prettydropdown > ul:not(.active) > li > span.checked {
  display: none;
}
.prettydropdown li > span { position : relative;}
/* Multi-Select */
.prettydropdown.multiple > ul > li.selected {
  overflow: hidden;
  padding-right: 2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.prettydropdown > ul > li > span.checked {
  clear: both;
  float: right;
  font-weight: bold;
  margin-right: 0.8rem;
}

/* Option Groups */
.prettydropdown > ul > li.label {
  cursor: default;
  font-weight: bold;
}
.prettydropdown > ul > li.label:first-child,
.prettydropdown.classic > ul > li.label ~ li.selected{
  border-top: none;
}
.prettydropdown > ul > li.label ~ li:not(.label):not(.selected),
.prettydropdown.classic > ul.active > li.label ~ li:not(.label) {

}

/* Classic Behavior */
.prettydropdown.classic > ul:not(.active) > li.selected:not(:first-child) {
  position: absolute;
  top: 0;
  display: block;
}

/* Disabled */
.prettydropdown.disabled, .prettydropdown > ul > li.disabled {
  opacity: 0.3;
}
.prettydropdown.disabled > ul > li, .prettydropdown > ul > li.disabled {
  cursor: not-allowed;
}

/* Divider Lines */
.prettydropdown.multiple > ul > li.selected + li, .prettydropdown.multiple > ul.reverse > li.selected,
.prettydropdown > ul > li.label, .prettydropdown > ul > li.label ~ li.selected {
  border-top-color: #dedede;
}