/*

.iframe-live{
    height: 58.3vh;
    width: 100%;
}

@media(max-width: 991px){
	.iframe-resize {
		height: 23vh;
	}
}

@media(min-width: 320px) { .iframe-resize { height: 21.5vh;} }
@media(min-width: 360px) { .iframe-resize { height: 25.5vh;} }
@media(min-width: 375px) { .iframe-resize { height: 25.5vh;} }
@media(min-width: 384px) { .iframe-resize { height: 27.5vh;} }
@media(min-width: 390px) { .iframe-resize { height: 21.5vh;} }
@media(min-width: 414px) { .iframe-resize { height: 21.5vh;} }
@media(min-width: 480px) { .iframe-resize { height: 27.5vh;} }
@media(min-width: 600px) { .iframe-resize { height: 43.5vh;} }
@media(min-width: 768px) { .iframe-resize { height: 25.5vh;} }
@media(min-width: 992px) { .iframe-resize { height: 55vh;} }
@media(min-width: 1382px) { .iframe-resize { height: 58.3vh;} }

.map-screen{
    height:30vh;
    background-color:#000000;
}


*/
.view-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  }
  
  /* Then style the iframe to fit in the container div with full height and width */
  .view-responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
  }
/*//////////////////////////////PIN MAPA/////////////////////////*/

.custom-popup .leaflet-popup-content-wrapper {
	background-color: hsla(0,0%,100%,.9);
	  border-radius: 30px;
	  font-size: 120%;
	  min-width: 150px;
	  text-align: center;
	  padding: 0.2px;
	}
  .custom-popup .leaflet-popup-content-wrapper a {
	margin-right: 6px;
    font-weight: 600;
    color: rgb(68, 68, 68);
    font-size: 14px;
	}

  .custom-popup .leaflet-popup-tip-container {
	width:30px;
	height:15px;
	}
  .custom-popup .leaflet-popup-tip {
	  background-color: hsla(0,0%,100%,.9);
	  border-radius: 30px;
	  min-width: 150px;
	  text-align: center;
	  padding: 0px;
	}

	.map-resize{
		height: 54%;
	}
	
	@media(max-width: 760px){
		.map-resize{
			height: 150%;
		}
	}