@charset "UTF-8";

/***
* RESET
***/

* {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-size: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/***
* REGRAS GERAIS
***/

body {
	font-family: 'Roboto', sans-serif;
	font-size: 62.5%;
	background-color: #f5f7f6;
}
img, legend, fieldset, input, button { border: 0; }
:focus {
	outline-color: transparent;
	outline-style: none;
}
a {
	text-decoration: none;
	cursor: pointer;
}
a:hover { text-decoration: underline; }
legend { display: none; }
ol, ul { list-style: none; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}

header, nav, section,
article, aside, footer { display: block; }

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
	-webkit-appearance: none;
	border-radius: 0;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.container {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}

/***
* CABEÇALHO
***/

header {
	width: 100%;
	margin: 0 0 59px;
	position: relative;
	background: url('../img/bkg/header.jpg') center bottom no-repeat;
	background-size: cover;
}
header .container {
	width: 100%;
	max-width: 1440px;
	height: 500px;
	margin: 0 auto 59px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {
	header {
		background: url('../img/bkg/header@2x.jpg') center top no-repeat;
		background-size: 1440px 500px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (min--moz-device-pixel-ratio: 3),
only screen and (-o-min-device-pixel-ratio: 3/1),
only screen and (min-device-pixel-ratio: 3),
only screen and (min-resolution: 3dppx) {
	header {
		background: url('../img/bkg/header@3x.jpg') center top no-repeat;
		background-size: 1440px 500px;
	}
}

header img {
	width: 100%;
	display: block;
}
.logo {
	width: 100px;
	height: 68px;
	display: block;
	position: absolute;
	top: 32px;
	left: 100px;
}
.logo-menu-estilo {
	width: 446px;
	height: 246px;
	display: block;
	position: absolute;
	top: 167px;
	left: 100px;
}
.link-header {
	padding: 10px 20px 8px;
	font-weight: 400;
	font-size: 14px;
	color: #fff;
	line-height: 1;
	text-align: center;
	display: block;
	position: absolute;
	top: 50px;
	right: 100px;
	border: 1px solid #fff;
}

@media screen and (max-width: 900px) {
	header { height: 400px; }
	.logo-menu-estilo {
		width: 295px;
		height: 163px;
	}
}
@media screen and (max-width: 600px) {
	header {
		height: 353px;
		margin: 0 auto 31px;
		border-top: 68px solid #013558;
	}
	.logo {
		width: 72px;
		height: 50px;
		top: -59px;
		left: 20px;
	}
	.logo img {
		width: 72px;
		height: 50px;
		display: block;
		border: 1px solid #fff;
	}
	.link-header {
		top: -51px;
		right: 20px;
	}
	.logo-menu-estilo {
		top: 49px;
		left: 32px;
	}
}
@media screen and (max-width: 360px) {
	header {
		border: none;
		background: url('../img/bkg/header_mobile.jpg') center top no-repeat;
	}
	.logo { top: 9px; }
	.link-header { top: 17px; }
	.logo-menu-estilo {
		top: 117px;
		left: 50%;
		opacity: 0;
		transform: translate(-50%,0);
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 360px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 360px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 360px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 360px),
only screen and (min-resolution: 2dppx) and (max-width: 360px) {
	header {
		background: url('../img/bkg/header_mobile@2x.jpg') center top no-repeat;
		background-size: 360px 353px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 360px),
only screen and (min--moz-device-pixel-ratio: 3) and (max-width: 360px),
only screen and (-o-min-device-pixel-ratio: 3/1) and (max-width: 360px),
only screen and (min-device-pixel-ratio: 3) and (max-width: 360px),
only screen and (min-resolution: 3dppx) and (max-width: 360px) {
	header {
		background: url('../img/bkg/header_mobile@3x.jpg') center top no-repeat;
		background-size: 360px 353px;
	}
}

/***
* CONTEÚDO
***/

main { width: 100%; }
main .container {
	width: 100%;
	max-width: 702px;
	margin: 0 auto;
	padding: 0 30px;
}
main .container:last-child { padding: 0 30px 60px; }
main p {
	margin-bottom: 27px;
	font-weight: 400;
	font-size: 18px;
	color: #958a7e;
	line-height: 1.44;
}
main p a {
	color: #958a7e;
	text-decoration: underline;
}
main .image {
	width: 100%;
	max-width: 610px;
	margin: 0 auto 61px;
	display: block;
}

.title-1 {
	margin-bottom: 16px;
	font-size: 48px;
	font-weight: 300;
	color: #6e655b;
	line-height: 1.08;
	letter-spacing: 2px;
}
.title-2 {
	margin-bottom: 55px;
	font-weight: 700;
	font-family: Arial, sans-serif;
	font-size: 28px;
	color: #958a7d;
	line-height: 1.14;
	letter-spacing: 1px;
	text-align: center;
}
.tag {
	margin-bottom: 14px;
	font-weight: 400;
	font-size: 14px;
	color: #6284c0;
	line-height: 1;
	display: block;
}
.description {
	margin-left: -22px;
	margin-bottom: 24px;
	padding: 16px 10px 14px 24px;
	font-weight: 300;
	font-size: 24px;
	color: #6e655b;
	line-height: 1.33;
	letter-spacing: 2px;
	display: block;
	background: url('../img/ico/borda.png') left top repeat-y;
}
.warning {
	margin: 0 -20px 61px;
	font-weight: 300;
	font-size: 24px;
	line-height: 1.33;
	letter-spacing: 2px;
	text-align: center;
	color: #6e655b;
	display: block;
}
.disclaimer {
	margin-top: 40px;
	font-size: 12px;
}

.lista-restaurantes {
	width: 100%;
	max-width: 1121px;
	margin: 0 auto 61px;
	padding: 0 30px 0 0;
	display: flex;
}
.lista-restaurantes li {
	width: 25%;
	padding: 0 20px 35px 60px;
	flex-grow: 1;
	border-right: 1px solid #e2d694;
}
.lista-restaurantes img {
	width: 100%;
	margin-bottom: 16px;
	display: block;
}
.lista-restaurantes strong {
	margin-bottom: 12px;
	font-weight: 400;
	font-size: 16px;
	color: #6e655b;
	line-height: 1.25;
	letter-spacing: 2px;
	display: block;
}
.lista-restaurantes span {
	font-weight: 400;
	font-size: 14px;
	color: #958a7e;
	line-height: 1.29;
	display: block;
}

.slick-dots li {
	width: auto;
	padding: 0;
	border: none;
}
.slick-dots li button:before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid #6284c0;
}
.slick-dots li.slick-active button:before {
	border: none;
	background: #6284c0;
}

.box-cliente-estilo {
	width: 100%;
	margin-top: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.box-cliente-estilo a:first-child {
	font-weight: 400;
	font-size: 14px;
	color: #6284c0;
	line-height: 1;
	display: block;
}
.box-cliente-estilo a:last-child {
	margin-left: 40px;
	padding: 21px 20px 18px;
	font-weight: 400;
	font-size: 14px;
	color: #6284c0;
	line-height: 1;
	white-space: nowrap;
	display: block;
	box-shadow: 0 2px 4px 0 rgba(214, 214, 214, 0.5);
	border: 1px solid #6284c0;
	background-color: #fff;
}

@media screen and (max-width: 1000px) {
	.lista-restaurantes.slick-slider {
		margin: 0 0 60px -30px;
		padding: 0;
	}
	.slick-dots { margin-left: 30px; }
}
@media screen and (max-width: 600px) {
	main { padding-bottom: 30px; }
	main p {
		font-size: 18px;
		line-height: 1.33;
	}
	.title-1 {
		font-size: 24px;
		letter-spacing: 1.5px;
	}
	.title-2 { margin-bottom: 29px; }
	.description {
		margin-left: 0;
		padding: 0;
		font-weight: 700;
		font-size: 16px;
		color: #958a7e;
		line-height: 1.38;
		letter-spacing: normal;
		background: none;
	}
	.warning { margin: 0 0 31px; }
	main .image { margin: 0 auto 31px; }
	.box-cliente-estilo { flex-direction: column-reverse; }
	.box-cliente-estilo a { margin: 0 0 22px; }
	.box-cliente-estilo a:last-child { margin-left: 0; }
}

/***
* RODAPÉ
***/

footer {
	width: 100%;
	padding: 60px 0 0;
	background-color: #fff;
}
footer .container {
	max-width: 884px;
	padding: 0 30px;
	display: flex;
	justify-content: space-between;
}

.box-logos span {
	margin-bottom: 40px;
	padding-bottom: 16px;
	font-weight: 300;
	font-size: 32px;
	color: #6e655b;
	line-height: 1.13;
	letter-spacing: 2px;
	display: block;
	position: relative;
}
.box-logos span:after {
	content: "";
	width: 64px;
	height: 4px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url('../img/ico/borda_horizontal.png') repeat-x;
}
.box-logos ul {
	margin: 0 -30px;
	display: flex;
	align-items: center;
}
.box-logos li { padding: 0 0 0 30px; }
.box-logos img { display: block; }

#oferecimento li:nth-child(1) img { width: 100px; }
#oferecimento li:nth-child(2) img { width: 122px; }
#oferecimento li:nth-child(3) img { width: 92px; }
#apoio li:nth-child(1) img { width: 142px; }

.lista-info {
	width: 100%;
	margin-top: 68px;
	padding: 35px 0 40px;
	border-top: 1px solid #d8d8d8;
}
.lista-info ul {
	width: 100%;
	max-width: 1302px;
	margin: 0 auto;
	padding: 0 30px;
	display: flex;
	justify-content: space-between;
}
.lista-info strong {
	font-weight: 700;
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #003657;
	line-height: 1.5;
	letter-spacing: -0.2px;
	text-transform: uppercase;
	display: block;
}
.lista-info span {
	font-weight: 400;
	font-size: 20px;
	color: #958a7d;
	display: block;
}

.bottom-bar {
	width: 100%;
	padding: 22px 0 19px;
	background-color: #6184c0;
}
.bottom-bar .container {
	width: 100%;
	max-width: 1272px;
	padding: 0 15px;
	display: flex;
	justify-content: space-between;
}
.bottom-bar span {
	font-weight: 700;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #fff;
	line-height: 1.33;
	letter-spacing: 1px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
}
.bottom-bar a {
	padding-right: 54px;
	font-weight: 400;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #fff;
	line-height: 1.33;
	letter-spacing: 1px;
	display: block;
	background: url('../img/ico/seta_direita.svg') right 50% no-repeat;
}

@media screen and (max-width: 900px) {
	.lista-info {
		margin-top: 40px;
		padding: 25px 0;
	}
	.lista-info ul { display: block; }
	.lista-info li + li { margin-top: 20px; }
}
@media screen and (max-width: 780px) {
	footer { padding: 30px 0 0; }
	footer .container { display: block; }
	.box-logos + .box-logos { margin-top: 50px; }
	.box-logos span {
		font-size: 24px;
		line-height: 1.08;
		letter-spacing: 1.5px;
	}
	.box-logos ul { margin: 0 -15px; }
	.box-logos li { padding: 0 15px; }
	.box-logos img { width: 100%; }
}
@media screen and (max-width: 450px) {
	.bottom-bar a {
		width: 120px;
		padding-right: 40px;
	}
}
@media screen and (max-width: 340px) {
	.bottom-bar span { width: 120px; }
}