div.tooltip {					/* set the CSS for tooltip divs */
	position: absolute;			/* reference for measurement */
	padding: 2px;					/* set a border around the rectangle */
	font: 14px sans-serif;		/* set the font type for the tooltips */
	background: #fff;	/* set the colour of the rectangle */
	border: 1px solid grey;					/* turn off the border (0px) */
	border-radius: 2px;			/* set how rounded the edges of the rectangle is */
	pointer-events: none;			/* 'none' tells the mouse to ignore the rectangle */
    min-width: 200px;
    min-height: 200px;  
	max-width: 258px;
	margin: 20px 0 auto 15px;
	
}

#wireframe ,#wireframe2, #wireframe3{
	display:none
}

svg text{
	font-size:13px;
	color: white;
	text-align: center;
}


.ctp-arrow {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background: transparent;
	bottom: -10px;
    left: calc(50% - 5px);
}

.ctp-arrow:after {
	position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    bottom: -10px;
	content: "";
    border-width: 10px;	
	border-top-color: #fff !important;
}

		html, 
		body, 
		#mapsWrapper { 
			width:100%; 
			height:100%; 
			margin:0; 
			padding:0;
			
		}
		
		#mapsWrapper > div  > svg{
			vertical-align: center;
			
		}


.dropdown .btn {
    width: 200px;
    text-align: left;
    position: relative;
    box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    outline: none !important;
}
.dropdown ul {
    width: 200px;
}
.dropdown button,
.dropdown li a {
    font-size: 16px !important;
}
.btn {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    outline: none !important;
}
/*@media (min-width: 768px)*/
.btn-macs1 {
    color: #6f7083 !important;
    background-color: #fff;
    border-color: #d8d8dd !important;
    border-radius: 0px !important;
    text-transform: uppercase;
}
.btn-macs1.active {
    color: #fff !important;
    background-color: #099bd7 !important;
}
.dropdown .btn span {
    position: absolute;
    right: 12px;
    top: 10px;
}
.btn-macs1.active span {
    color: #fff !important;
}
		
.popover {
    font-family: 'Roboto-Regular', Helvetica, Arial, sans-serif !important;
	max-width:200px;
}	

.popover-header {
    padding:8px 14px;
    background-color:#f7f7f7;
    border-bottom:1px solid #ebebeb;
    -webkit-border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}
.popover-title {
    margin:0;
    padding:0;
    background-color:transparent;
    border:none;
}

.popover-content {
    margin:0;
    padding:0;
    background-color:white;
    border:none;
	padding: 9px 14px;
}




.acenter {
    text-align:center;
    margin:30px 0;
}
.leaflet-control-fullscreen-custom {
	/*background-image: url(../img/fullscreen.png);*/
	background-size: 0px;/*45px*/
	box-shadow: none;
	background-color: #fff;
	width:0px;/*45px*/
	height: 0px;	/*39px*/
	cursor: pointer;
}

.ctp-dropdown-block {
	min-width:300px
}
.ctp-dropdown-block-title-service,
.ctp-dropdown-block-title {
	float:left;
	height: 34px;
	line-height: 34px;
	padding-right:16px;
	font-weight: bold;
	min-width:58px;
}
.ctp-dropdown-block-title-service {
	min-width:85px;
}

@media (max-width: 670px) {
	.ctp-dropdown-block {
		min-width:360px
	}
	.ctp-dropdown-block-title {
		float:left;
		height: 34px;
		line-height: 34px;
		padding-right:16px;
		font-weight: bold;
		min-width:85px;
	}
	.ctp-dropdown-block-btn {
		min-width:230px;
	}
	.ctp-dropdown-block-wrapper-servcie {
		margin-top:2px;
	}
}

.ctp-dropdown-block-btn-service {
	min-width:230px;
}

.#Layer_1, #Layer_2 { transform: matrix(0, 0, 0, 0, 0, 0)!important; }
.notransition {
  -o-transform: none !important;
 -moz-transform: none !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important;
}


#Layer_1, #Layer_2, .leaflet-container img {
	  width: 100%!important;
	  height: 100%!important;
}
.leaflet-overlay-pane, .leaflet-object-pane { width: 100%!important;
	  height: 100%!important; 
	  }
	  
.leaflet-map-pane { 
	  width: 100%!important; 
	  }

/* @media only screen and (max-width: 767px){
.ctp-dropdown-block-title .mapbutton { width: 100%!important; }
.ctp-dropdown-block .mapbutton { width: 100%!important; }
.ctp-dropdown-block-wrapper-servcie .mapbutton { width: 100%!important; }
} */


 @media only screen and (max-width: 320px){
.leaflet-map-pane { height: 300px; }
}
@media only screen and (min-width: 320px) and (max-width: 479px){
.leaflet-map-pane { height: 420px; }
}
@media only screen and (min-width: 480px) and (max-width: 639px){

.leaflet-map-pane { height: 50%; }
}
@media only screen and (min-width: 640px) and (max-width: 767px){
.leaflet-map-pane { height: 65%; }
}
@media only screen and (max-width: 767px) {

    .ctp-dropdown-block  .dropdown ul { max-height: 400px!important; overflow: auto!important; }
} 
@media only screen and (min-width: 768px) and (max-width: 1023px){
.leaflet-map-pane { height: 590px; }
}
@media only screen and (min-width: 1024px) {
.leaflet-map-pane { height: 780px; }
}