/*LOCALIZACAO*/
section { }
section .local { width: 100%; height: auto; position: relative; overflow: hidden; clear: both; background: #ffffff; text-align: center; padding: 50px 0px 20px 0px; }
section .local .titulo { color: #000000; font-size: 40px; line-height: 40px; font-family: 'Montserrat'; text-align: center; text-align: center; font-weight: 200; }
section .local .contexto { color: #5c5c5c; font-size: 15px; line-height: 20px; font-family: 'Montserrat'; text-align: center; font-weight: 400; padding: 15px 0px 30px 0px; text-align: center; }
section .local #como-chegar { width: 440px; height: 76px; text-align: center; position: absolute; z-index: 10; margin: 10px 0px 20px 10px; background-color: rgba(0,0,0,0.8); }
section .local #como-chegar input[type=text] { display: inline-block; vertical-align: top; margin: 20px 0px 0px 20px; width: 220px; height: 36px; line-height: 36px; color: #5c5c5c; padding: 0px 20px; font-size: 12px; font-family: 'Muli'; font-weight: 400; text-align: left; background-color: #ffffff; position: relative; overflow: hidden; }
section .local #como-chegar input[type=button] { display: inline-block; vertical-align: top; height: 36px; cursor: pointer; width: 110px; padding: 0px 30px 0px 15px; text-align: left; line-height: 36px; font-family: 'Muli', Arial; font-size: 11px; color: #ffffff; background-image: url(../imagens/seta-direita.png); background-repeat: no-repeat; background-size: auto 12px; background-color: #5c5c5c; background-position: 80px 12px; margin: 20px 20px 0px 20px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
section .local #como-chegar input[type=button]:hover { background-color: #cf2521; padding: 0px 24px 0px 15px; background-position: 76px 12px; }
section .local #como-chegar .atual { cursor: pointer; width: 30px; height: 20px; position: absolute; margin: 28px 0px 0px 247px; z-index: 11; background-position: center center; background-size: 20px auto; background-color: #ffffff; background-repeat: no-repeat; background-image: url(../imagens/geolocation.png); }
#local { width: 100%; height: 500px; overflow: hidden; position: relative; }
#mapview { display: none; width: 100%; height: 500px; overflow: hidden; position: relative; }

@media screen and (max-width: 1100px) {
	section .local #como-chegar { width: 100%; margin: 10px 0px; }
	section .local #como-chegar input[type=text] { padding: 0px 20px 0px 35px; width: -moz-calc(100% - 235px); width: -webkit-calc(100% - 235px); width: -o-calc(100% - 235px); width: calc(100% - 235px); }
	section .local #como-chegar .atual { width: 20px; margin: 28px 0px 0px 30px; }

	#local { width: 92%; height: 300px; margin: 0px 4%; }
}