.noactivo{background: red !important; height:0 !important; visibility:hidden;} 
.activo{ opacity:1 !important;}
.activePlace{max-width:38px;}

.meatitle {
    color: #003283;
    font-family: 'seravekbold';
    font-weight: 700;
}

.row {
	display:flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 10px;
}


.cityintro{line-height:26px;font-family:"Segoe UI This"; }
.cityintro a{color:#003283; text-decoration:none; font-weight:700;}

.activePlace{position:absolute; right:21px; bottom:14px; cursor:pointer;}

.placeLocation .row:nth-child(3) img {margin-top:20px;}


.placeLocation img{position:relative; top:8px;}

.knowthecitycontainer{text-align:Center;}
.knowthecitycontainer{font-family:"Segoe UI This"; max-width:1074px;}
.placeTitle{font-family:'seravekbold'; max-width:184px; color:white;    background: #003283;}
.placeImageContainer{content:""; max-width:771px;}
.placeTitleContainer{display:flex; position:relative;}
.placeContent{background:#f0f0f0; text-align:left; line-height:26px; opacity:0; transition: opacity 2s !important;}
.placebar{width:1px; content:""; background:#707070; height:auto;}

.meatitle{text-align:center;}


@media (max-width: 1080px){
		.placeTitle{ font-size:23px;padding:111px 66px 120px 68px;}
	.placeTitle,.placebar{display:none;}
	.placeTitleContainer img {width:100%;}
		.mobTitle{width:100%;display:display:flex; background-color:#003083; color:white; font-family:'seravekbold'; font-size:24px; padding:30px 0px; }
	.knowWrapper{padding:0;}
	.placeContent{padding:20px 20px; display:grid; gap:24px;}
		.cityy{padding-top:45px;}
		.meatitle{font-size: 26px;margin-bottom: 30px;}
		.knowthecitycontainer .cityintro{margin-bottom:38px; font-size:15px;}





}


@media (min-width: 1080px){
	.activo{display:flex; padding:65px 67px 68px;}
	.placeContent{display:flex;  justify-content:space-between;}
	.placeText{max-width:561px;}
	.placeLocation{max-width:230px; margin: auto 0;}
	.placeImageContainer{height:294px;}
		.placeTitle{ font-size:23px;padding:111px 66px 120px 68px; width:100%; max-width:312px; text-align:left; align-content:center;}
	.mobTitle{display:none;}
	.cityy{padding-top:68px;}
	.meatitle {
        font-size: 38px;
		margin-bottom: 38px;}
	.placesContainer .placeContainer:not(:last-child){margin-bottom:29px;}



	.knowthecitycontainer .cityintro{margin-bottom:58px; font-size:16px;}


}


@media (min-width: 1400px) {
    .meatitle {
        font-size: 45px;
        margin-bottom: 60px;
    }
	.placeTitle{ font-size:23px;padding:111px 62px 120px 68px;}
	.placeImageContainer{height:294px;}
	.knowthecitycontainer .cityintro{font-size:18px; margin-bottom:78px;}
	
}