body {
	max-width: 100vw;
	overflow-x: hidden;
	background-image: url("../images/branches_background.jpg");
	background-image: url("../images/branches_background.jpg");
	background-position-y: 0;
}
.branchs {
	min-height: 1048px;
}
.banner img {
	width: 100%;
	opacity: 0.8;
}

.banner img.wide {
	display: none;
}
/* 
.title {
	padding-top: 30vw;
}
.title h2 {
	margin-bottom: -30px;
} */

.map h3::after {
	content: "\ea50";
}

.map h3::after {
	font-family: 'icomoon';
	line-height: 1;
	font-size: 0.9em;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	transform: rotate(180deg);
}

.map {
	background-image: url("../images/map-mobile.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	height: 110vw;
}

.map h3 {
	cursor: pointer;
}

.goias ul li, .minasgerais ul li, .saopaulo ul li {
	list-style-type: disc;
	color: #3100a3;
}

.goias ul li a, .minasgerais ul li a, .saopaulo ul li a {
	color: #010052;
	word-break: keep-all;
}

.halter, .coqueteleira {
	display: none;
}

.content-map ul li {
	font-size: 0.8em;
	line-height: 1.4em;
	list-style: none;
}

.content-map a {
	color: #ffffff;
	line-height: 1.8em;
}

.content-map ul li a:hover {
	text-decoration: none;
	color: #5b15ff;
}

.goias h3, .minasgerais h3, .saopaulo h3 {
	position: absolute;
	font-size: 0.9em;
	font-family: 'Asap', 'Gill Sans', Calibri, 'Trebuchet MS', sans-serif;
	font-weight: bold;
}

.goias ul, .minasgerais ul, .saopaulo ul {
	position: absolute;
	/********************** MEDIA QUERY */
	transition: ease 0.3s;
	display: block;
	font-size: 0em;
	padding: 25px 5px;
	padding-left: 40px;
	padding: 0;
	z-index: 10;
}

.goias h3 {
	right: 26vw;
	bottom: 12px;
	margin-bottom: 80vw;
}

.goias ul {
	top: calc(32vw - 28px);
}

.minasgerais h3 {
	left: 8vw;
	top: -22px;
	margin-top: 72vw;
}

.minasgerais ul {
	left: 8vw;
	top: calc(74vw - 10px);
	font-size: 0em;
	height: 0;
}

.saopaulo h3 {
	right: 12vw;
	top: -18px;
	margin-top: 86vw;
}

.saopaulo ul {
	-moz-column-count: 2;
	-moz-column-gap: 28px;
	-moz-column-fill: auto;
	-webkit-column-count: 2;
	-webkit-column-gap: 28px;
	-webkit-column-fill: auto;
	column-count: 2;
	column-gap: 28px;
	column-fill: auto;
	top: 85vw;
	right: 8vw;
	z-index: 2;
}

.saopaulo ul li {
	line-height: 1.8em;
}

@media (max-width:575px) {
	.goias ul, .minasgerais ul, .saopaulo ul {
		max-width: 0;
		width: 0;
	}
	.branchs {
		min-height: 0;
	}
	.goias ul {
		right: 25vw;
	}
	.saopaulo ul {
		-moz-column-gap: 6vw;
		-webkit-column-gap: 6vw;
		column-gap: 6vw;
	}
	/*  */
	.goias .show_ul, .goias:hover ul {
		max-width: 270px;
		width: 65%;
		padding: 20px 5px;
		padding-left: 8vw;
		top: 28.5vw;
		right: 72px;
	}
	.minasgerais .show_ul, .minasgerais:hover ul {
		max-width: 250px;
		width: 40%;
		padding: 20px 5px;
		padding-left: 40px;
		top: calc(74vw - 8px);
		left: 6vw;
	}
	.saopaulo .show_ul, .saopaulo:hover ul {
		max-width: 350px;
		width: 88%;
		right: 6vw;
		padding: 20px;
		padding-left: 8vw;
		padding-right: 2vw;
		top: 87vw;
		box-shadow: 4px 4px 18px #0000004d;
		z-index: 6;
	}
	.show_ul, .goias:hover ul, .minasgerais:hover ul, .saopaulo:hover ul {
		font-size: 1em !important;
		background-color: #fffffff6;
		height: auto !important;
	}
	.unidades ul li {
	    font-size: 0.7em;
	}
}

@media (min-width:400px) {
	.goias h3, .minasgerais h3, .saopaulo h3 {
		font-size: 1em;
	}
}

@media (min-width:576px) {
	.banner img.mobile {
		top: -30px;
	}
	.map {
		background-size: 110%;
		background-position-x: -50px;
		margin-bottom: 50px;
		height: 600px;
	}
	.map h3 {
		cursor: default;
	}
	.content-map ul li a:hover {
		color: #d0ff00;
	}
	.goias ul li a, .minasgerais ul li a, .saopaulo ul li a {
		color: #ffffff;
		word-break: keep-all;
	}
	.goias ul, .minasgerais ul, .saopaulo ul {
		transition: ease 0.3s;
		display: block;
		font-size: 1em;
		padding: 25px 5px;
		padding-left: 40px;
		padding: 0;
		z-index: 2;
	}
	.map h3::after {
		display: none;
	}
	.goias h3, .minasgerais h3, .saopaulo h3 {
		font-size: 1.1em;
		margin-top: 0;
		margin-bottom: 0;
		bottom: initial;
		right: initial;
	}
	.goias h3 {
		left: 350px;
		top: 116px;
		margin-bottom: 0;
	}
	.goias ul {
		left: 350px;
		top: 158px;
	}
	.minasgerais h3 {
		left: 20px;
		top: 375px;
	}
	.minasgerais ul {
		left: 20px;
		top: 410px;
	}
	.saopaulo h3 {
		left: 415px;
		top: 462px;
	}
	.saopaulo ul {
		right: initial;
		left: 264px;
		top: 505px;
		text-align: right;
		column-gap: 0;
		margin-top: 0;
	}
}

@media (min-width:768px) {
	.banner .mobile {
		display: none;
	}
	.banner img.wide {
		display: block;
		width: 100%;
	}
	.map {
		background-image: url("../images/map.png");
		background-size: 105%;
		background-position-x: -70px;
		height: 700px;
	}
	.goias h3 {
		top: 44px;
		left: 350px;
	}
	.goias ul {
		top: 82px;
		left: 350px;
	}
	.minasgerais h3 {
		top: 152px;
		left: 512px;
	}
	.minasgerais ul {
		top: 188px;
		left: 585px;
	}
	.saopaulo h3 {
		top: 440px;
		left: 522px;
	}
	.saopaulo ul {
		top: 480px;
		left: 370px;
	}
}

@media (min-width:992px) {
	.banner img {
		width: 100%;
	}
	.map {
		background-size: 84%;
		height: 720px;
		background-position-x: 40px;
	}
	.goias h3, .minasgerais h3, .saopaulo h3 {
		font-size: 1.4em;
		letter-spacing: 1px;
	}
	.goias h3 {
		top: 32px;
		left: 475px;
	}
	.goias ul {
		top: 72px;
		left: 476px;
	}
	.minasgerais h3 {
		top: 148px;
		left: 625px;
	}
	.minasgerais ul {
		top: 188px;
		left: 740px;
	}
	.saopaulo h3 {
		top: 452px;
		left: 642px;
	}
	.saopaulo ul {
		top: 498px;
		left: 525px;
	}
}

@media (min-width:1200px) {
	.banner img {
		top: -60px;
	}
	.map {
		height: 810px;
		background-size: 88%;
		background-position-x: -10px;
		background-repeat: no-repeat;
		margin-top: 50px;
	}
	.halter {
		/* display: block; */
		display: none;
		position: absolute;
		height: auto;
		width: 40%;
		max-width: 580px;
		left: -15px;
		top: 450px;
		margin-top: 100vh;
	}
	.coqueteleira {
		/* display: block; */
		display: none;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position-y: 0;
		position: absolute;
		z-index: 2;
		height: 810px;
		width: 22%;
		top: 115vh;
		right: 0;
		height: 810px;
		width: 280px;
		top: 100vh;
	}
	.content-map ul li {
		font-size: 0.9em;
		letter-spacing: 1px;
	}
	.goias h3, .minasgerais h3, .saopaulo h3 {
		font-size: 1.4em;
		letter-spacing: 2px;
	}
	.goias h3 {
		top: 0px;
		left: 540px;
	}
	.goias ul {
		top: 50px;
		left: 540px;
	}
	.minasgerais h3 {
		top: 142px;
		left: initial;
		right: 225px;
	}
	.minasgerais ul {
		top: 194px;
		left: initial;
		right: 225px;
	}
	.saopaulo h3 {
		top: 522px;
		left: initial;
		right: 245px;
	}
	.saopaulo ul li {
		line-height: 1em;
	}
	.saopaulo ul {
		top: 580px;
		left: initial;
		right: 245px;
	}
}