*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ac-custom {
	padding:8px 10px 8px 14%;
	max-width: 900px;
	margin: 0 auto;
	float:left; 
}
.mapmyiocn{position: absolute;
    right: 10px;
    top: 72px;
    width: 29px;
    background: #fff;
	cursor: pointer;
	}
.mean-bar{display:none;}
#mapview {
    position: absolute;
    right: 10px;
    top: 70px;
    width: auto;
    background: #fff;
	cursor: pointer;
    padding: 10px;
    border-radius: 5px;
	display:none;
}
#mapview  .radiofinal{width:100%;}
#mapview  .radiofinal input[type="radio"]{display:inline-block;color:#333333;margin:0;padding:0;}
#mapview  .radiofinal label{display:inline-block;color:#333333;font-size:12px;}
.ac-custom h2 {
	font-size: 3em;
	font-weight: 300;
	padding: 0 0 0.5em;
	margin: 0 0 30px;
}

.ac-custom ul,
.ac-custom ol {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	max-width: 800px;
}

.ac-custom li {
	margin: 0 auto;
	padding:2px  0;
	position: relative;
	width:50%; float:left;  
}

.ac-custom label {
	display: inline-block;
	position: relative;
	 font:12px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
	vertical-align: top;
	/*color: #000;*/
	color:#fff; 
	cursor: pointer;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.ac-custom input[type="checkbox"],
.ac-custom input[type="radio"],
.ac-custom label::before {
	/*width: 30px;
height: 30px;*/
width:20px;
height:20px;
left: -30px;
margin-top: -5px;
position: absolute;
cursor: pointer;
margin-right: 30px;
}

.ac-custom input[type="checkbox"],
.ac-custom input[type="radio"] {
	opacity: 0;
	-webkit-appearance: none;
	display: inline-block;
	vertical-align: middle;
	z-index: 100;
}

.ac-custom label::before {
	content: '';
	border:3px solid #fff;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.ac-radio label::before {
	border-radius: 50%;
}

.ac-custom input[type="checkbox"]:checked + label,
.ac-custom input[type="radio"]:checked + label {
	color: #fff;
} 

.ac-custom input[type="checkbox"]:checked + label::before,
.ac-custom input[type="radio"]:checked + label::before {
	opacity: 0.8;
}

/* General SVG and path styles */

.ac-custom svg {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	margin-top: -20px;
	left: 5px;
	pointer-events: none;
}

.ac-custom svg path {
	stroke: #fdfcd3;
	stroke-width: 13px;
	stroke-linecap: round;
	stroke-linejoin: round;
	fill: none;
}

/* Specific input, SVG and path styles */

/* Circle */
.ac-circle input[type="checkbox"],
.ac-circle input[type="radio"],
.ac-circle label::before {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	left: 10px;
	position: absolute;
}

.ac-circle label::before {
	background-color: #fff;
	border: none;
}

.ac-circle svg {
	width: 70px;
	height: 70px;
	margin-top: -35px;
	left: -10px;
}

.ac-circle svg path {
	stroke-width: 5px;
} 

/* Box Fill */
.ac-boxfill svg path {
	stroke-width: 8px;
} 

/* Swirl */
.ac-swirl svg path {
	stroke-width: 8px;
}

/* List */
.ac-list ol {
	list-style: decimal;
	list-style-position: inside;
}

.ac-list ol li {
	font-size: 2em;
	padding: 1em 1em 0 2em;
	text-indent: -40px;
}

.ac-list ol li label {
	font-size: 1em;
	text-indent: 0;
	padding-left: 30px;
}

.ac-list label::before {
	display: none;
}

.ac-list svg {
	width: 100%;
	height: 80px;
	left: 0;
	top: 1.2em;
	margin-top: 0px;
}

.ac-list svg path {
	stroke-width: 4px;
}
body { margin:0; padding:0;background: none; }
#map { position:fixed; top:168px; bottom:0; width:100%; }

    .filter-group {
        font: 15px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-weight: 600;
        position: fixed;
        top: 168px;
        left: 0px;
        z-index: 1;
        width:40%;
        color: #fff;
        background: #ffffff;
		margin:0%;
    overflow-x:hidden;
    }
.dkl { background: #546d7a;position: relative; overflow-y:scroll; }
   
 .filter-group input[type=checkbox] + label {
       
        display: block;
        cursor: pointer;
        padding: 10px; line-height:normal;
       
    }
    .filter-group label:last-child {
       
        border: none;
    }
	 .filter-group input[type=checkbox] + label {
       
        text-transform: capitalize;
    }

     .filter-group input[type=checkbox]:checked + label:before {
        content: '✔';
       text-align: center;
    }
	.mapboxgl-ctrl-logo{display:none!important;}
	
	.sidebar_popup
	{
        font: 15px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-weight: 600;
        position: relative;
        top: 0;
         left: 0px;
        z-index: 1;
        width: 100%;
        color: #000;
         background: #fff;
         /*min-height: 200px;*/
		 /*padding:5px 15px;*/
     float: left;
     background:#f1efe2; padding:10px 20px 40px 10%;  overflow-y:scroll; height:160px;  

    }
	.sidebar_popup h2{  /*font: 13px/20px Arial, "Helvetica Neue", Helvetica, sans-serif; border-bottom:1px solid #000; */ font-family:Arial;  color:#546e7b; font-weight: bold; font-size:14px;  }
	.sidebar_popup img{width:100%}
	
	.a_list .a_name{float:left;width:30%;font: 12px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;color: gray;}
	.a_list .a_value{ /*font: 12px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;color: #000;*/ float:left;width:100%; word-wrap:break-word; color:#546E7B; font-weight:bold; font-size:12px; padding-bottom:10px;  }
	.a_list .a_value a{ display:block;  font-size:12px; color:#546E7B; font-style:italic; font-weight:bold; text-decoration:none;  }
	#cross_sign {
   float: right;
   font: 13px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;
    width: 100%;
    text-align: right;
    cursor: pointer;
    color: gray;
    font-weight: bold;
}

 .mapboxgl-popup {
        max-width: 400px;
        font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
    }
	
.radio {
  /*padding-left: 10px;*/ 
  display: inline-block;
  
  }
  .radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; 
	cursor:pointer;
	}
    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #fff;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 11px;
      height: 11px;
      left: 3px;
      top: 3px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #555555;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {
    opacity: 0; }
    .radio input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #428bca; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }	
	.tgxl { display: none; }


/*new css*/
.fltr_sctn { float:left; width:100%;  }
.map_my_layer{float:left; width:100%; background:#41555e; padding:3px 0 3px 8%;  }
.map_my_layer h2{font-size:14px; color:#fff; text-transform:uppercase; float:left;width:auto; font-weight:600}
.map_hd { background:#41555e; padding:5px 15px 5px 10%; }
.map_hd h2 { font-size:14px; color:#fff; text-transform:uppercase; float:left;width:auto; }
/*.top_info { height:inherit !important; overflow-y:inherit !important; }*/
.email_link { display:block;  font-size:12px; color:#546E7B; font-style:italic; font-weight:bold; text-decoration:none;  }
.map_btmimg { float:left; width:100%; height:200px; overflow-y:scroll; overflow-x: hidden; } 
.map_btmimg img { width:100%; }

/*.map_btm { width:100%; background:#f1efe2; float:left; padding:20px 20px 40px 12%; }
.map_btm h2 { color:#546E7B; font-size:14px; font-weight:bold; }
.map_btm h3 { color:#546E7B; font-weight:normal; font-size:12px; }*/


/* Media Queries */
@media screen and (max-width: 1366px) {
.map_hd { padding-left:8%; }
.sidebar_popup { padding-left:8%; }

}	


@media screen and (max-width: 50em) {
	section {
		font-size: 80%;
	}
}

@media screen and (max-width: 800px) 
{
	.mean-bar{display:block;}
}
@media screen and (min-width:320px) and (max-width:970px) {
#navigation { right: 0; }
.ac-custom label { font-size:11px; }

}
@media screen and (min-width:320px) and (max-width:900px) {
#map, .filter-group { top: 113px; }
}
@media screen and (min-width:320px) and (max-width:640px) {
  #name-and-slogan { width: 100%;text-align: center; }
  .xx_bg_head { position: relative; }
  .tgxl { position: absolute;top: 30px;left: 0;display: block;font-size: 30px;z-index: 9999; }
  #filter-group { display: none; /*width:80%;*/ width:88%;  }
  #site-name {    font-size: 20px;    margin: 6px 0 0 0; }
  .mean-container .mean-nav ul li a.mean-expand { display: none; }

.filter-group input[type="checkbox"] + label { padding:10px 10px 10px 3px; }

}

@media screen and (max-width: 375px) { 
.map_hd { padding-left:5%; }
.sidebar_popup { padding-left:5%; }

}