/* ================================================================================================================== */
/* fontes */
/* ================================================================================================================== */

@font-face {
    font-family:	'bold1';
    src:		url('../fonts/HelveticaNeueLTStdBdCn.eot');
    src:		url('../fonts/HelveticaNeueLTStdBdCn.eot') format('embedded-opentype'),
    			url('../fonts/HelveticaNeueLTStdBdCn.woff2') format('woff2'),
    			url('../fonts/HelveticaNeueLTStdBdCn.woff') format('woff'),
    			url('../fonts/HelveticaNeueLTStdBdCn.ttf') format('truetype'),
    			url('../fonts/HelveticaNeueLTStdBdCn.svg#HelveticaNeueLTStdBdCn') format('svg');
}
@font-face {
    font-family:	'regular1';
    src:		url('../fonts/HelveticaNeueLTStdCn.eot');
    src:		url('../fonts/HelveticaNeueLTStdCn.eot') format('embedded-opentype'),
    			url('../fonts/HelveticaNeueLTStdCn.woff2') format('woff2'),
    			url('../fonts/HelveticaNeueLTStdCn.woff') format('woff'),
    			url('../fonts/HelveticaNeueLTStdCn.ttf') format('truetype'),
    			url('../fonts/HelveticaNeueLTStdCn.svg#HelveticaNeueLTStdCn') format('svg');
}
@font-face {
    font-family:	'light1';
    src:		url('../fonts/HelveticaNeueLTStdLtCn.eot');
    src:		url('../fonts/HelveticaNeueLTStdLtCn.eot') format('embedded-opentype'),
         		url('../fonts/HelveticaNeueLTStdLtCn.woff2') format('woff2'),
         		url('../fonts/HelveticaNeueLTStdLtCn.woff') format('woff'),
         		url('../fonts/HelveticaNeueLTStdLtCn.ttf') format('truetype'),
         		url('../fonts/HelveticaNeueLTStdLtCn.svg#HelveticaNeueLTStdLtCn') format('svg');
}
@font-face {
    font-family:	'medium1';
    src:		url('../fonts/HelveticaNeueLTStdMdCn.eot');
    src:		url('../fonts/HelveticaNeueLTStdMdCn.eot') format('embedded-opentype'),
    			url('../fonts/HelveticaNeueLTStdMdCn.woff2') format('woff2'),
    			url('../fonts/HelveticaNeueLTStdMdCn.woff') format('woff'),
    			url('../fonts/HelveticaNeueLTStdMdCn.ttf') format('truetype'),
    			url('../fonts/HelveticaNeueLTStdMdCn.svg#HelveticaNeueLTStdMdCn') format('svg');
}

h1, h2, h3, h4, h5, h6, p, a, input, label, textarea, span, select, table, tr, th, td { font-family: 'regular1', sans-serif; font-size: 16px; color: #010101; padding: 0; margin: 0; line-height: 22px; }

.font-bold { font-family: 'bold1', serif; }
.font-light { font-family: 'light1', serif; }
.font-medium { font-family: 'medium1', serif; }

/* ================================================================================================================== */
/* principal e animacoes de defeito */
/* ================================================================================================================== */

html, body { position: relative; margin: 0; padding: 0; width: 100%; height: 100%; }
* { transition-property: all; -webkit-transition-property: all; -moz-transition-property: all; transition-duration: 400ms; -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; }
.long-animation { transition-property: all; -webkit-transition-property: all; -moz-transition-property: all; transition-duration: 800ms; -webkit-transition-duration: 800ms; -moz-transition-duration: 800ms; }
.no-animation { transition-property: none; -webkit-transition-property: none; -moz-transition-property: none; transition-duration: 0ms; -webkit-transition-duration: 0ms; -moz-transition-duration: 0ms; }

/* ================================================================================================================== */
/* limpador e truque para inline-block alinhamento */
/* ================================================================================================================== */

div.clear { clear: both; }
.trick_align_middle { display: inline-block; position: relative; width: 0; height: 100%; vertical-align: middle; background-color: transparent; }
.trick_align_top { display: inline-block; position: relative; width: 0; height: 100%; vertical-align: top; background-color: transparent; }
.trick_align_bottom { display: inline-block; position: relative; width: 0; height: 100%; vertical-align: bottom; background-color: transparent; }

/* ================================================================================================================== */
/* cabecalho */
/* ================================================================================================================== */

div#header { display: block; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; margin: 0; background-color: #ffffff; }
div#header[data-status="normal"] { height: 135px; }
div#header[data-status="small"] { height: 75px; }
	div#header div.responsive { display: none; }
	div#header div.header_responsive { display: block; position: relative; width: 1200px; height: 100%; margin: 0 auto; font-size: 0; }
	div#header[data-status="normal"] div.header_responsive { box-shadow: none; }
		div#header div.header_responsive span.responsive { display: none; }
		div#header div.header_responsive a.logo { display: inline-block; position: relative; width: 90px; height: 90px; background: transparent url(../images/logo.png) no-repeat center center; background-size: contain; vertical-align: middle; }
		div#header[data-status="small"] div.header_responsive a.logo { width: 90px; height: 50px; }

		div#header div.header_responsive div.block { display: inline-block; position: relative; width: 1100px; height: 100%; margin: 0 0 0 10px; vertical-align: middle; text-align: right; }

		div#header div.icons { display: block; position: relative; width: 100%; height: auto; margin: 25px 0 0 0; vertical-align: middle; font-size: 0; text-align: right; font-size: 0; }
		div#header[data-status="small"] div.icons { margin: 4px 0 0 0; vertical-align: middle; font-size: 0; text-align: right; font-size: 0; }
			div#header div.icons div.contacts { display: none; position: relative; width: 21px; height: 21px; background: transparent url(../images/contacts_header_icon.png) no-repeat right top; vertical-align: top; }

			div#header div.social_networks { display: inline-block; position: relative; height: 21px; margin: 0 0 0 30px; vertical-align: top; }
				div#header div.social_networks a { display: inline-block; position: relative; width: 21px; height: 21px; margin: 0 0 0 5px; background: transparent url(../images/social_networks.png) no-repeat; }
				div#header div.social_networks a:first-child { margin: 0; }
				div#header div.social_networks a.facebook span,
				div#header div.social_networks a.facebook { background-position-x: 0; }
				div#header div.social_networks a.instagram span,
				div#header div.social_networks a.instagram { background-position-x: -21px; }
				div#header div.social_networks a.twitter span,
				div#header div.social_networks a.twitter { background-position-x: -42px; }
					div#header div.social_networks a span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0; margin: 0; background: transparent url(../images/social_networks.png) no-repeat; background-position-y: -21px; z-index: 5; }
					div#header div.social_networks a:hover span { width: 100%; height: 100%; }

			div#header div.languages { display: inline-block; position: relative; height: 21px; margin: 0 0 0 30px; vertical-align: top; }
				div#header div.languages a { display: inline-block; position: relative; width: auto; line-height: 21px; text-decoration: none; color: #d0d2d3; }
				div#header div.languages a:hover,
				div#header div.languages a.selected { color: #eb2227; }
				div#header div.languages a:after { content: "|"; display: inline-block; position: relative; width: auto; line-height: 21px; text-decoration: none; margin: 0 3px; color: #d0d2d3; }
				div#header div.languages a:last-child:after { display: none; }

		div#header div.menu { display: block; position: relative; width: 100%; height: auto; margin: 35px 0 0 0; vertical-align: middle; font-size: 0; }
		div#header[data-status="small"] div.menu { margin: 15px 0 0 0; }
			div#header div.menu a { display: inline-block; position: relative; width: auto; line-height: 30px; margin: 0 0 0 50px; vertical-align: middle; text-decoration: none; color: #231f20; font-size: 18px; }
			div#header[data-status="small"] div.menu a { font-size: 16px; }
			div#header div.menu a:first-child { margin: 0; }
			div#header div.menu a:hover,
			div#header div.menu a.selected { color: #eb2227; }
				div#header div.menu a span { display: block; position: absolute; bottom: -5px; left: 50%; width: 0px; height: 3px; margin: 0; background-color: #eb2227; }
				div#header div.menu a.selected span,
				div#header div.menu a:hover span { width: 30px; margin: 0 0 0 -15px; }


@media all and ( max-width: 1199px )
{
	div#header[data-status="normal"],
	div#header[data-status="small"] { height: 65px; }
		div#header div.header_responsive { width: 100%; z-index: 2; }

			div#header div.header_responsive span.responsive { display: block; position: relative; margin: 15px 30px 0 0; width: 41px; height: 31px; background: transparent url(../images/menu_responsive.png) no-repeat; float: right; }
			div#header div.header_responsive span.responsive[data-responsive="closed"] { background-position-y: 0; }
			div#header div.header_responsive span.responsive[data-responsive="open"] { background-position-y: -31px; }

			div#header[data-status="small"] div.header_responsive a.logo,
			div#header div.header_responsive a.logo { margin: 0 0 0 30px; width: 50px; height: 50px; vertical-align: middle; }
			div#header div.header_responsive div.block { display: none; }

		div#header div.responsive { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 0 10px; overflow: hidden; box-sizing: border-box; z-index: 1; }
		div#header div.responsive[data-responsive="closed"] { top: 50px; height: 0; padding: 0 10px; }
		div#header div.responsive[data-responsive="open"] { top: 0; padding: 50px 10px 0 10px; height: 100%; }
			div#header div.responsive div.container { display: block; position: relative; overflow: auto; width: 100%; height: 100%; background-color: #ffffff; box-sizing: border-box; text-align: center; }
				div#header div.responsive div.container a.menu { display: inline-block; position: relative; width: auto; line-height: 30px; margin: 30px 0 0 0; vertical-align: middle; text-decoration: none; color: #231f20; font-size: 18px; }
				div#header div.responsive div.container a:hover,
				div#header div.responsive div.container a.selected { color: #eb2227; }
					div#header div.responsive div.container a span { display: block; position: absolute; bottom: -5px; left: 50%; width: 0px; height: 3px; margin: 0; background-color: #eb2227; }
					div#header div.responsive div.container a.selected span,
					div#header div.responsive div.container a:hover span { width: 30px; margin: 0 0 0 -15px; }

		div#header div.social_networks { display: block; margin: 40px 0; }
		div#header div.languages { display: block; margin: 0; }
}

/* ================================================================================================================== */
/* rodape */
/* ================================================================================================================== */

div#footer { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 260px; margin: 0; background: transparent url(../images/bg_footer.jpg) no-repeat center center; background-size: cover; text-align: center; z-index: 6; padding: 25px 0 0 0; font-size: 0; }
	div#footer div.container { display: block; position: relative; width: 1200px; height: 100%; margin: 0 auto; }
	div#footer h1.title { display: block; position: relative; color: #eb2227; font-size: 18px; line-height: 22px; margin: 0 0 25px 0; }
	div#footer div.col { display: inline-block; position: relative; vertical-align: top; width: 250px; height: 225px; text-align: left; margin: 0 66px 0 0; }
	div#footer div.col:last-child { width: 252px; margin: 0; }
		div#footer div.col a.talktous { display: inline-block; position: relative; text-decoration: none; font-size: 30px; line-height: 35px; }
		div#footer div.col a.talktous:hover { color: #eb2227; }
		div#footer div.col p { max-height: 132px; overflow: hidden; }
		div#footer div.col a.social_networks { display: inline-block; position: relative; width: 31px; height: 31px; vertical-align: top; background: transparent url(../images/social_networks.png) no-repeat; background-position-y: -42px; margin: 0 10px 10px 0; }
		div#footer div.col a.social_networks.facebook { background-position-x: 0; }
		div#footer div.col a.social_networks.instagram { background-position-x: -31px; }
		div#footer div.col a.social_networks.twitter { background-position-x: -62px; }
			div#footer div.col a.social_networks span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: transparent url(../images/social_networks.png) no-repeat; background-position-y: -73px; margin: 0; }
			div#footer div.col a.social_networks:hover span { height: 100%; }
			div#footer div.col a.social_networks.facebook span { background-position-x: 0; }
			div#footer div.col a.social_networks.instagram span { background-position-x: -31px; }
			div#footer div.col a.social_networks.twitter span { background-position-x: -62px; }
	div#footer p.copyright { display: block; position: relative; width: 100%; line-height: 35px; margin: 0; color: #231f20; text-align: left; }
		div#footer p.copyright a { text-decoration: none; }
		div#footer p.copyright a:hover { color: #eb2227; }

@media all and ( max-width: 1199px )
{
	div#footer { position: relative; height: auto; padding: 25px 0; z-index: 1; }
		div#footer div.container { width: auto; margin: 0 20px; }
		div#footer div.col,
		div#footer div.col:last-child { margin: 0; height: auto; padding: 0 0 50px 0; text-align: center; }
		div#footer p.copyright,
		div#footer p.copyright a { text-align: center; font-size: 12px; }
}

/* ================================================================================================================== */
/* corpo */
/* ================================================================================================================== */

div#container { display: block; position: relative; width: auto; min-height: 100%; padding: 0; z-index: 5; background-color: #ffffff; overflow: hidden; }
div#body { display: block; position: relative; width: auto; min-height: 100px; margin: 0 auto 0 auto; padding: 135px 0 285px 0; z-index: 5; }

@media all and ( max-width: 1199px )
{
	div#body { padding: 50px 0 0 0; }
}

/* ================================================================================================================== */
/* botoes */
/* ================================================================================================================== */

#button { display: inline-block; position: relative; background-color: #eb2227; padding: 3px 50px; text-decoration: none; cursor: pointer; }
	#button input,
	#button p { display: block; position: relative; font-size: 18px; line-height: 22px; color: #ffffff; z-index: 2; }
	#button span { display: block; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background-color: #010101; border-radius: 100%; z-index: 1; }
	#button.gray span { background-color: #d0d2d3; }

	li.ui-state-active #button span,
	#button[data-status="true"] span,
	#button:hover span { top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; }

	li.ui-state-active #button.gray p,
	#button.gray[data-status="true"] p,
	#button.gray:hover p { color: #eb2227; }

@media all and ( max-width: 1199px )
{
	#button { padding: 3px 25px; }
}

/* ================================================================================================================== */
/* menu secundario */
/* ================================================================================================================== */

div#secundary_menu { display: block; position: fixed; width: 100%; top: 0; left: 0; text-align: center; z-index: 100; }
div#secundary_menu[data-status="normal"] { top: 135px; }
div#secundary_menu[data-status="small"] { top: 75px; }
	div#secundary_menu div.menu { display: inline-block; position: relative; text-align: center; width: auto; }
		div#secundary_menu div.menu div.content { display: block; position: relative; background-color: #ec2328; font-size: 0; margin: 0 auto; }
			div#secundary_menu div.menu a { display: inline-block; position: relative; margin: 5px 50px; text-align: center; text-decoration: none; }
				div#secundary_menu div.menu a div.icon { display: inline-block; position: relative; height: 28px; background: transparent url(../images/ride_icons.png) no-repeat; background-size: auto 200%; vertical-align: middle; }
				div#secundary_menu div.menu a div.icon.stores { width: 28px; background-position-x: 0; }
				div#secundary_menu div.menu a div.icon.travels { width: 28px; background-position-x: -28px; }
				div#secundary_menu div.menu a div.icon.team { width: 45px; background-position-x: -57px; }
				div#secundary_menu div.menu a.selected div.icon { background-position-y: -28px; }
				div#secundary_menu div.menu a h1 { display: inline-block; font-size: 14px; line-height: 28px; color: #ffffff; margin: 0 0 0 10px; vertical-align: middle; }
				div#secundary_menu div.menu a:hover h1,
				div#secundary_menu div.menu a.selected h1 { color: #010101; }

@media all and ( max-width: 1199px )
{
	div#secundary_menu { z-index: 10; }
		div#secundary_menu[data-status="normal"],
		div#secundary_menu[data-status="small"] { top: 65px; }

			div#secundary_menu div.menu a { margin: 5px 10px; }
				div#secundary_menu div.menu a h1 { margin: 0 0 0 3px; }
}

/* ================================================================================================================== */
/* paginador */
/* ================================================================================================================== */

div#pagination { display: block; position: relative; margin: 0; width: 100%; font-size: 0; text-align: center; }
	div#pagination a { display: inline-block; position: relative; font-size: 18px; line-height: 25px; margin: 2px 8px; text-decoration: none; }
	div#pagination a.selected,
	div#pagination a:hover { color: #eb2227; }

/* ================================================================================================================== */
/* popup */
/* ================================================================================================================== */

div#popup { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(../images/popup_bg.png) repeat; z-index: 1000; text-align: center; overflow: auto; }
	div#popup div.container { display: inline-block; position: relative; max-width: 90%; max-height: 90%; vertical-align: middle; background-color: #ffffff; box-sizing: border-box; padding: 20px 35px; text-align: left; }
		div#popup div.container span.close { display: block; position: absolute; top: 0; right: -30px; width: 22px; height: 23px; background: transparent url(../images/popup_close.png) no-repeat; cursor: pointer; }
		div#popup div.container span.close:hover { background-position: 0 -23px; }
		div#popup div.container h1 { color: #eb2227; font-size: 30px; line-height: 35px; }
		div#popup div.container p { margin: 10px 0 0 0; }