#dialog-where-we-are {
	background: #fbbb3a;
}
#dialog-where-we-are.dialogfancybox {
	background: rgba(251, 175, 23, 0.7);
    height: 100%;
	}
#dialog-where-we-are .container {
	width: 100%;
	max-width: 1280px;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
#dialog-where-we-are .container button.btn-close {
	position: fixed;
	top: 2.5rem;
	right: 2.5rem;
	width: 3.5rem;
	height: 3.5rem;
	border: 2px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: none;
	padding: .8rem;
}
#dialog-where-we-are .container button.btn-close span {
	font-size: 1.5rem;
	color: #fff;
}
#dialog-where-we-are .container .map {
	max-width: 65rem;
	padding: 1.5rem 2.5rem;
	width: 100%;
}

@media(max-width: 768px) {
	#dialog-where-we-are .container .map {
		display: none;
	}
	
	#dialog-where-we-are {
		height: 140% !important;
	}
}
#dialog-where-we-are .container .franchises-list {
	padding: 1.5rem 2.5rem;
	width: 80rem;
	font-family: "Titillium Web", sans-serif;

}

#dialog-where-we-are .container .franchises-list h4 {
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #3b566f !important;
	font-weight: bold;
}
#dialog-where-we-are .container .franchises-list p {
	color: #3b566f !important;
	letter-spacing: 1px;
	margin: 25px 0;
}
#dialog-where-we-are .container .franchises-list ul {
	width: 100%;
	max-height: 250px;
	overflow-y: scroll;
}
@media(max-width: 768px) {
	#dialog-where-we-are .container .franchises-list ul {
		/*max-height: 100%;*/

	}
}

#dialog-where-we-are .container .franchises-list li {
	background: rgba(255,255,255, 0.2);
	color: #fff;
	padding: .5rem 1.5rem;
	width: 100%;
	border-radius: .2rem;
	margin: .5rem 0;
	letter-spacing: 1px;
}
#dialog-where-we-are .container .franchises-list li:hover {
	cursor: pointer;
		background: rgba(255,255,255, 0.3);
}
			
	


section#onde_estamos .content .secao_form h3 {
	font-size: 2rem;
	line-height: 3rem;
	text-align: left;
	font-family: "Titillium Web", sans-serif;
	color: #666;
	border-bottom: 2px dotted #ddd;
}

section#onde_estamos .content {
	max-width: 1500px;
	width: 100%;
	margin: 0 auto;
	padding: 0 2%;
	box-sizing: border-box;
}

#svg-map path { fill:#c1c1c1 }

#svg-map path.active { fill:pink }
#svg-map text { fill:#fff; font-family: "Titillium Web",sans-serif;font-size:.9rem;}
#svg-map a{ text-decoration:none }
#svg-map a:hover { cursor:pointer; text-decoration:none }
// #svg-map a:hover path{ fill:#999 !important }





#svg-map a.sede-existente path {
	fill:#2c3e50 !important ;
	transition-duration:.5s;
}
#svg-map a.sede-existente path:hover { fill:#3b566f !important }


.st0{stroke:#FFFFFF;stroke-width:1.0404;stroke-linecap:round;stroke-linejoin:round;}
.st1{fill:#FFFFFF;}
.st2{font-family:'ArialMT';}
.st3{font-size:14.8355px;}





.marker-content {
	position:absolute;
	width:55px;
	height:55px;
	.marker {
		position:absolute;
		z-index:10;
		left:.55rem;
		width:35px;
		bottom:0;
		transition-duration:.5s;
		@media(max-width:1400px) {
			width:28px;
			&:hover {
				width:36px !important;
				left:.40rem !important;
			}
		}
		&:hover {
			width:40px;
			left:.45rem;
			transition-duration:.5s;
			cursor:pointer;
			z-index:100;
			&::before {
				display: block;
				position:absolute;
				top:-1.75rem;
				width:100px;
				border-radius:.2rem;
				background:rgba(0,0,0,0.7);
				text-align:center;
				margin-left:-25px;
				color:#fff;
				padding:.25rem .5rem;
			}
		}
	}
}


// PE
#marker-unit-1 {
	right:25px;
	top:210px;
	@media(max-width:1400px) {
		right:5px;
		top:180px;
		z-index:12;
	}
	@media(max-width:1024px) {
		right:-20px;
		top:120px;
	}
	.marker {
		z-index:11;
		&:hover {
			&::before {
				content:'Recife - PE';
			}
		}
	}
}

// PB
#marker-unit-2 {
	right:75px;
	top:175px;
	@media(max-width:1400px) {
		right:30px;
		top:160px;
		z-index:13;
	}
	@media(max-width:1024px) {
		right:0px;
		top:100px;
	}
	.marker {
		&:hover {
			&::before {
				content:'Patos - PB';
			}
		}
	}
}

// RN
#marker-unit-3 {
	right:40px;
	top:165px;
	@media(max-width:1400px) {
		right:12px;
		top:140px;
	}
	@media(max-width:1024px) {
		right:0px;
		top:90px;
	}
	.marker {
		&:hover {
			&::before {
				content:'Natal - RN';
			}
		}
	}
}

//  CE
#marker-unit-4 {
	right:100px;
	top:140px;
	@media(max-width:1400px) {
		right:75px;
		top:125px;
	}
	@media(max-width:1024px) {
		right:35px;
		top:70px;
	}
	.marker {
		&:hover {
			&::before {
				content:'Sobral - CE';
			}
		}
	}
}

// MA
#marker-unit-5 {
	right:200px;
	top:170px;
	@media(max-width:1400px) {
		right:150px;
		top:110px;
	}
	@media(max-width:1024px) {
		right:120px;
		top:100px;
	}
	.marker {
		&:hover {
			&::before {
				content:'Imperatriz - MA';
			}
		}
	}
}

// PA
#marker-unit-6 {
	right:260px;
	top:110px;
	@media(max-width:1400px) {
		right:215px;
		top:70px;
	}
	@media(max-width:1024px) {
		right:165px;
		top:55px;
	}
	.marker {
		&:hover {
			&::before {
				content:'Belém - PA';
			}
		}
	}
}

// AM
#marker-unit-7 {
	right:420px;
	top:140px;
	@media(max-width:1400px) {
		right:360px;
		top:130px;
	}
	@media(max-width:1024px) {
		right:300px;
		top:90px;
	}
	.marker {
		&:hover {
			&::before {
				content:'Manaus - AM';
			}
		}
	}
}

// RO
#marker-unit-8 {
	right:440px;
	top:220px;
	@media(max-width:1400px) {
		right:400px;
		top:210px;
	}
	@media(max-width:1024px) {
		right:310px;
		top:140px;
	}
	.marker {
		&:hover {
			&::before {
				content:'Porto Velho - RO';
			}
		}
	}
}

// MT
#marker-unit-9 {
	right:310px;
	top:320px;
	@media(max-width:1400px) {
		right:290px;
		top:230px;
	}
	@media(max-width:1024px) {
		right:230px;
		top:165px;
	}
	.marker {
		&:hover {
			&::before {
				content:'Cuibá - MT';
			}
		}
	}
}

// SE
#marker-unit-10 {
	right:50px;
	top:245px;
	@media(max-width:1400px) {
		right:40px;
		top:215px;
	}
	@media(max-width:1024px) {
		right:0px;
		top:150px;
	}
	.marker {
		&:hover {
			&::before {
				content:'Aracaju - SE';
			}
		}
	}
}

// BA
#marker-unit-11 {
	right:85px;
	top:290px;
	@media(max-width:1400px) {
		right:70px;
		top:275px;
	}
	@media(max-width:1024px) {
		right:30px;
		top:200px;
	}
	.marker {
		&:hover {
			&::before {
				content:'Salvador - BA';
			}
		}
	}
}

// MG
#marker-unit-12 {
	right:130px;
	top:400px;
	@media(max-width:1400px) {
		right:135px;
		top:310px;
	}
	@media(max-width:1024px) {
		right:95px;
		top:230px;
	}
	.marker {
		&:hover {
			&::before {
				content:'Juiz de fora - MG';
			}
		}
	}
}


// MG 2
#marker-unit-13 {
	right:165px;
	top:350px;
	@media(max-width:1400px) {
		right:110px;
		top:340px;
	}
	@media(max-width:1024px) {
		right:70px;
		top:260px;
	}
	.marker {
		&:hover {
			&::before {
				content:'Montes Claros - MG';
			}
		}
	}
}

// SP
#marker-unit-14 {
	right:210px;
	top:430px;
	@media(max-width:1400px) {
		right:180px;
		top:380px;
		z-index:12;
	}
	@media(max-width:1024px) {
		right:130px;
		top:290px;
	}
	.marker {
		&:hover {
			&::before {
				content:'Americana - SP';
			}
		}
	}
}

// PB 2
#marker-unit-15 {
	right:45px;
	top:190px;
	@media(max-width:1400px) {
		right:50px;
		top:150px;
		z-index:12;
	}
	@media(max-width:1024px) {
		right:12px;
		top:110px;
	}
	.marker {
		&:hover {
			&::before {
				content:'João Pessoa - PB';
			}
		}
	}
}


// PA
#marker-unit-16 {
	right:220px;
	top:120px;
	@media(max-width:1400px) {
		right:235px;
		top:85px;
	}
	@media(max-width:1024px) {
		right:130px;
		top:45px;
	}
	.marker {
		&:hover {
			&::before {
				content:'Castanhal - PA';
			}
		}
	}
}

.filtro-estado{

	form{
		background: #4470b0 !important;
		width: 97% !important;
		margin-left: 6% !important;
		padding: 20px 0 20px 0 !important;
	}

	select{
		width: 88% !important;
		height: 34px !important;
		padding: 6px !important;
		border: 2px solid #ddd !important;
	}

	label{
		margin-left: -78% !important;
		font-family: "Titillium Web", sans-serif !important;
		font-weight: 600 !important;
		color: #fff !important;
		text-transform: uppercase;
	}
}

.btn-formulario{
	margin-top: -38px;

	.btn-entre-contato{
		color: #fff;
		background-color: #4470b0;
		//margin-left: 2.7rem !important;
		margin-left: 4% !important;

		width: 101%;
		font-size: 1.5rem !important;
		padding: 1rem;
		cursor: pointer;
		text-align: left !important;
		background-image: url(../images/icon-open-cad.html) !important ;
		background-repeat: no-repeat;
		background-position: 97%;
		margin-bottom: 0px !important;
		transition-duration: 0.5s;

		&:hover{
			background-color: #005a9d;

		}
	}
}

.mapa-franquias{
	width: 100%;
	iframe{
		width: 100%
	}
}

#states-list{
	height: 50px;
	margin: 1px 0;
	background: #f9f9f9;
	border: 2px solid #ddd;
}

#area-interesse{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.result-pesquisa{
	text-align: left;
	//margin-left: 4.2rem;
	margin-left: 6%;
	width: 96.5%;
	font-family: "Titillium Web", sans-serif;

	h3{
		text-transform: uppercase;
		color: #4470B0;
	}

	li{
		font-size: 1.6rem;
		color: #666
	}

}