/*********************************************************************************************************
 *********************************************************************************************************
 *												LOCATION 
 ********************************************************************************************************* 
 *********************************************************************************************************/
section.location-info {
	margin: 0 auto;
	position: relative;
	width: 60%; }
section.location-info h1.title {
	font-family: 'Museo Sans', sans-serif;
	font-size: 34px;
	font-weight: 300;
	margin: 80px auto;
	text-align: center;
	text-transform: uppercase; }
section.location-info p.description-main,
section.location-info p.description {
	font-size: 16px;
  font-weight: 100;
	line-height: 130%;
	margin-bottom: 10px;
	text-align: justify; }
section.location-info p.description-main {
  font-weight: 500;
  text-transform: uppercase; }
section.location-info a.scroll-down-wrapper {
	display: block;
	height: 35px;
    margin: 50px auto;
	width: 35px;}
section.location-info div.scroll-down-icon {
    background-color: #7d8189;
    background-size: contain;
    height: 35px;
    -webkit-mask: url(../../images/arrow-up.png) no-repeat center;
    mask: url(../../images/arrow-up.png) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transform: rotate(180deg);
    width: 35px; }
#map {
	float: right;
	position: relative;
  height: calc(100vh - 50px);
  width: calc(100% - 400px); 
}
.contact #map{
  width: calc(100% - 0px);
}
section.location-map .legenda-map {
    background-color: #b4b4b4;
    border: 0;
    float: left;
    height:  calc(100vh - 50px);
    overflow-y: scroll;
    padding: 30px;
    position: relative;
    width: 400px; }
section.location-map .legenda-map::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(244, 139, 26, .3);
	background-color: #eecba5; }
section.location-map .legenda-map::-webkit-scrollbar {
	width: 10px;
	background-color: #eecba5; }
section.location-map .legenda-map::-webkit-scrollbar-thumb {
	background-color: #f48b1a;
	border: 2px solid #f48b1a; }
section.location-map .legenda-map a.marker-link {
  border-bottom: 1px solid;
	color: #fff;
  display: block;
  font-family: 'Museo Sans';
  font-size: 18px;
  font-weight: 300;
  padding: 10px 0;
  text-decoration: none; }
section.location-map .legenda-map a.marker-link span.address {
    font-family: 'Museo Sans';
    font-size: 14px;
    font-style: italic;
    font-weight: 100; }
section.location-map .legenda-map .accordion, .accordion * {
  -webkit-box-sizing:border-box; 
  -moz-box-sizing:border-box; 
  box-sizing:border-box; }
section.location-map .legenda-map .accordion {
  overflow:hidden;
  border-radius:3px; }
section.location-map .legenda-map .accordion-section-title {
  width:100%;
  padding:15px;
  display:inline-block;
  border-bottom:1px solid #eecba5;;
  transition:all linear 0.15s;
  font-size: 18px;
  color:#fff;
  text-transform: uppercase; }
section.location-map .legenda-map .accordion-section-title.active, .accordion-section-title:hover {
  background: #eecba5;
  text-decoration:none; }
section.location-map .legenda-map .accordion-section:last-child .accordion-section-title {
  border-bottom:none; }
section.location-map .legenda-map .accordion-section-content {
  padding:15px;
  display:none; }
section.location-map .legenda-map .accordion-section-title:after {
  content: "+";
  float: right;
  font-size: 13px; }
section.location-map .legenda-map .accordion-section-title.active:after {
  content: "-";
  float: right;
  font-size: 13px; }


/*********************************************************************************************************
 *********************************************************************************************************
 *                        RESPONSIVE 
 ********************************************************************************************************* 
 *********************************************************************************************************/
@media only screen and (max-width: 1024px) {
  section.location-info {
    width: 75%; }
  #map {
    float: right;
    height: calc(100vh - 50px);
    position: relative;
    width: calc(100% - 350px); }
  section.location-map .legenda-map {
    height: calc(100vh - 50px);
    width: 350px; }
}
@media only screen and (max-width: 768px) {
  section.location-info {
    width: 100%; }
  #map {
    float: none;
    height: 40vh;
    position: relative;
    width: 100%; }
  section.location-map .legenda-map {
    height: 60vh;
    width: 100%; }
}
@media only screen and (max-width: 480px) {
  section.location-info {
    width: 100%; }
  section.location-info h1.title {
    font-size: 26px;
    margin: 40px auto; }
  #map {
    float: none;
    height: 50vh;
    position: relative;
    width: 100%; }
  section.location-map .legenda-map {
    height: 50vh;
    width: 100%; }
}