.pordenone_mappa_height{
     min-height: 454px;
}
 #sistema-mappa svg {
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     max-height: 454px;
}
/**/
.pordenone_mappa {
    margin-top: 50px;
}

 #sistema-mappa {
     background: url(/modules/custom/pordenone_mappa/images/VistaSfondoHomeCutted.jpg) no-repeat center top;
     z-index: -1;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 .bbsMap_lista li {
     list-style-type:none;
     columns: 2;
}
 #sistema-mappa #mappaMain ul {
     columns: 1;
}

 .bbsMap_elenco{
     padding: 0.67em;
     padding-left: 2em;
     padding-right: 2em;
}
 .bbsMap_end{
     clear: both;
}
 .descrizione {
     width: 100%;
     height: 120px;
     padding-left: 40px;
     padding-right: 15px;
     margin-top: 15px;
}
 .bbsMap_voce {
}
 .bbsMap_voce.selected {
     font-weight: bold;
}
 .bbsMap.secondaryMap {
     display: none;
    position: relative
}
 .back {
     position: absolute;
     display:none;
}
 .secondaryMap .back {
     display: block;
}
 .bbsMap_mappa_wrapper{
     position: relative;
     width: 50%;
     float: left;
     left: 3%;
}
 .bbsMap_elenco_wrapper{
     position: relative;
     width: 47%;
     background-color: #ffffff;
     opacity: 0.8;
     float: left;
     left: 3%;
}
 .bbsMap_mappa{
     height: auto;
}


@media screen and (max-width: 768px){

	.bbsMap_mappa_wrapper{

	     width: 100%;
	     float: none;
	}
	.bbsMap_elenco_wrapper{
	     width: 100%;
	     float: none;
	}
	.bbsMap_elenco{
	    padding-bottom: 2em;
    	padding-left: 1em;
    	padding-right: 1em;
	}
	.descrizione{
		display: none;
	}
	 .pordenone_mappa_height{
   	    min-height: auto;
	}
}

 #pordenone_mappa_loader {
     text-align: center;
     height: 100%;
     padding: 100px 0;
}
 @keyframes ld-heartbeat {
     0%,60% {
         -webkit-transform: scale(1.05);
         transform: scale(1.05) 
    }
     5% {
         -webkit-transform: scale(1.25);
         transform: scale(1.25) 
    }
     39% {
         -webkit-transform: scale(.9);
         transform: scale(.9) 
    }
     45% {
         -webkit-transform: scale(1.15);
         transform: scale(1.15) 
    }
     to {
         -webkit-transform: scale(1);
         transform: scale(1) 
    }
}
 @-webkit-keyframes ld-heartbeat {
     0%,60% {
         -webkit-transform: scale(1.05);
         transform: scale(1.05) 
    }
     5% {
         -webkit-transform: scale(1.25);
         transform: scale(1.25) 
    }
     39% {
         -webkit-transform: scale(.9);
         transform: scale(.9) 
    }
     45% {
         -webkit-transform: scale(1.15);
         transform: scale(1.15) 
    }
     to {
         -webkit-transform: scale(1);
         transform: scale(1) 
    }
}
 .ld-heartbeat {
     -webkit-animation: ld-heartbeat .8s infinite cubic-bezier(.215,.61,.355,1);
     animation: ld-heartbeat .8s infinite cubic-bezier(.215,.61,.355,1) 
}
 .ldimage {
    animation-direction: normal;
     animation-play-state: running;
     animation-duration: 2.09s;
     transform-origin: 50px 50px;
}