.tip1{
	width: 100%;
	display: flex;
}
.tip1 div{
	width: 50%;
}
.tip1 div img{
	width: 100%;
	padding: 5px;
}

.tip2{
	text-align: left;
    line-height: initial;
	padding: 5px;
	font-size: 14px;
}
.tip2 p{
	text-align: right;
	padding: 5px;
	margin: 0;
	width: 100%;
}
.left{
	float: left;
}
.scoli-box{
    border: 2px solid #3c82aa;
    border-radius: 10px;
    padding: 10px;
    display: grid;
    margin: 10px;
}

.scoli-box .title{
    font-weight: 600;
}

.scoli-box .adresa{
    font-size: 13px;
}

.scoli-box .contact{
    font-size: 13px;
}
.hover-layer{
	width: 100%;
    background-color:#2897d7;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0.5;
    z-index: 100;
	}
.rhombus{
	width: 10px;
    height: 10px;
    margin-top: 4px;
    margin-right: 7px;
	transform: rotate(45deg);
	background-color: #fc3de5;
}
.img-tipso.typso-showing{
	z-index:101 !important;
}
.circle{
	width: 10px;
    height: 10px;
    margin-top: 4px;
    margin-right: 7px;
	border-radius: 10px;
	background-color: #ffff00;
}
   .img-unesco-point{position:absolute; cursor: pointer; }
   .distribution-map {
   position: relative;
   width: 100%;
   padding: 0px;
   box-sizing: border-box;
   margin: 0 auto;
   }
   .distribution-map .bg-img{
   width: 100%;
   position: relative;
   margin: 0;
   padding: 0;
   }
   .legenda{
	background-color:#a9cfe3;
	margin:0;
	
   }
   
   .legenda .h1, .legenda .p, .legenda {
		color: #014483;
	   padding-top: 30px;
	   padding-bottom:30px;
   }
   .carousel{
	text-align:center;
	margin: 20px 0;
   }
   .carousel-inner{
	width:400px;
	margin:auto;
   }
   .carousel .carousel-control-prev-icon {
    background-image: url(images/left.png);
    width: 25px;
    height: 35px;
	}
	.carousel .carousel-control-next-icon {
    background-image: url(images/right.png);
    width: 25px;
    height: 35px;
	}
	.select2-container--default .select2-selection--single {
		background-color: #ffffff;
		border: 2px solid #5fa0d2;
		border-radius: 4px;
	}
	
	.select2-container {
		margin-right: 30px;
	}
	
.modal-body h4{
    padding: 0 15px;
    font-family: Roboto, sans-serif !important;
}

.modal-body span{
    padding: 0 15px;
    font-family: Roboto, sans-serif !important;
}

.modal-body p{
    padding: 0 15px;
    font-family: Roboto, sans-serif !important;
}
.modal-body a{
    padding: 0 15px;
    font-family: Roboto, sans-serif !important;
    font-size: 14px;
}
.modal-body .row div{
    padding-bottom: 10px;
}

.modal-header .modal-title{
    font-family: Roboto, sans-serif !important;
}
	
@media (min-width: 576px){
   .modal-dialog {
       max-width: 60vw;
       margin: 1.75rem auto;
   }
}
@media (max-width: 500px){
   .tipso_bubble {
    	max-width: 320px !important;
    	left: 1px !important;
    }
}