// $cinza1: #eceaeb
$cinza1:#fdfdfd

$cinza2: #e2e0e1

body
	font-family: 'News Cycle', sans-serif !important
	a 
		text-decoration: none !important

#header
	width: 100%
	transition: box-shadow .2s ease
	z-index: 10
	
.scrolled #header
	box-shadow: 0 0 10px rgba(0,0,0,.25)
	
.hd-logo
	background-color: $cinza1
	img
		max-width: 150px !important
		display: inline-block !important
		margin: 10px auto
	text-align: center

.hd-menu
	background-color: $cinza2
	ul
		display: inline-flex
		margin: 5px 0
		float: right
		padding: 0
		li 
			list-style: none
			margin-left: 30px
			color: black
			font-size: 16px

.home-tit
	text-align: center
	h1 
		font-family: 'News Cycle', sans-serif !important
		margin-bottom: 30px
		margin-top: 30px
		font-size: 50px
		// text-transform: uppercase

.linha
	bottom: 0
	height: 5px
	width: 100%
	position: absolute
	z-index: 1


.link-imoveis
	background: url(../../img/home_v2/abc_imoveis.png?a) center no-repeat
	background-size: cover
	&:before
		background: #5da752

.link-veiculos
	background: url(../../img/home_v2/abc_carros.png?a) left no-repeat
	background-size: cover
	&:before 
		background: #de8d2e

.link-empregos
	background: url(../../img/home_v2/abc_empregos.png?a) center no-repeat
	background-size: cover
	&:before
		background: #217aaa

.link-servicos
	background: url(../../img/home_v2/abc_servicos.png?a) center no-repeat
	background-size: cover
	&:before
		background: #a5498d


.link-imoveis,
.link-veiculos,
.link-empregos,
.link-servicos
	height: 300px
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale")
	filter: gray
	-webkit-filter: grayscale(100%)
	&:hover, &.active
		filter: none
		-webkit-filter: grayscale(0%)
	img 
		position: absolute
		bottom: 0
		left: 0
		width: 100%
		height: 100%
	display: inline-block
	vertical-align: middle
	-webkit-transform: perspective(1px) translateZ(0)
	transform: perspective(1px) translateZ(0)
	box-shadow: 0 0 1px transparent
	position: relative
	overflow: hidden
	&:before
		content: ""
		position: absolute
		z-index: 999
		left: 0
		bottom: -8px
		height: 12px
		right: 0
		-webkit-transform: translateY(4px)
		transform: translateY(4px)
		-webkit-transition-property: transform
		transition-property: transform
		-webkit-transition-duration: 0.3s
		transition-duration: 0.3s
		-webkit-transition-timing-function: ease-out
		transition-timing-function: ease-out
	&:hover:before,
	&:focus:before,
	&:active:before,
	&.active:before
		-webkit-transform: translateY(0)
		transform: translateY(0)


.link-titulo
	span 
		color: white
		font-size: 24px
		line-height: 100%
	text-align: center	
	position: absolute
	bottom: 10px
	width: 100%	

.sections
	padding-right: 0 !important
	padding-left: 0 !important
	.col-sm-3
		padding-right: 0 !important
		padding-left: 0 !important

.publicidade
	background: #fff 
	padding: 38px 0 0
	text-align: center

.box-publicidade
	background-color: $cinza2
	display: block
	height: 90px
	margin: 40px auto
	width: 970px

.box-anuncios
	background-color: #720e16
	height: 100px	
	color: white
	&:hover
		background-color: #680c13

.icone
	text-align: right
	i 
		font-size: 70px
		padding-top: 18px

.icone-txt
	padding-left: 0 !important
	span
		float: left
		padding-right: 6px
		&:first-child
			font-size: 26px
			padding-top: 9px
		&:last-child
			font-size: 16px
			line-height: 100%

.links-div
	padding: 60px 15px

.links-footer,
.logo-ges
	padding-top: 40px

.links-footer
	color: white
	padding-bottom: 32px
	h4,
	li
		span
			font-family: 'News Cycle', sans-serif !important
			line-height: 100%
			padding-bottom: 12px
			float: left
			clear: both
		a 
			color: white
	li 
		list-style: none
	ul 
		padding-left: 0
	h4 
		font-weight: 700

.logo-ges
	img,
	span	
		float: right
		display: block
		clear: both
	span
		color: white
		font-size: 12px
	img
		padding-bottom: 20px

.img-aspect
	display: block
	position: relative
	height: 0
	padding: 20% 0 0 0
	overflow: hidden
	img
		position: absolute
		display: block
		max-width: 100%
		max-height: 100%
		left: 0
		right: 0
		top: 0
		bottom: 0
		margin: auto

.abc__produto-fields
	background-color: $cinza2
	display: none
	line-height: 150%
	// overflow-x: hidden
	padding: 0
	width: 100%
	transform: translate3d(0,0,0)
	span.txtExpl
		color: #005576
		padding-top: 6px
		padding-bottom: 10px
		float: left
		font-size: 16px
	form 
		display: block
		clear: both
		label
			font-weight: 300
			font-size: 18px
	.formulario .btn
		border: 0
		color: #fff
		font-size: 18px
		line-height: 100%
		transition: background .2s
	.formulario .btn i
		position: relative
		top: -1px
	&.active
		display: block

.select2-container--default .select2-selection--single
	display: block
	height: 34px
	// padding: 6px 12px
	padding-top: 2px
	font-size: 14px
	line-height: 1.42857143
	color: #555
	background-color: #fff
	background-image: none
	border: 1px solid #ccc
	border-radius: 4px
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
	.select2-selection__rendered
		border: 0
	.select2-selection__arrow
		margin-top: 2px

.abc-produto__fields
	border-right: 2px solid #dad6d7
	font-size: 16px
	
.abc-produto__top
	padding: 20px 0 15px

.abc-produto__bottom
	color: #fff 
	font-size: 16px
	line-height: 100%
	padding: 4px 0 7px

.abc-produto__subtitle
	font-size: 18px
	margin-top: 12px

.abc-carros__title
	color: #d2741c 
	font-size: 22px
	font-weight: 700
	margin: 0 0 10px

.abc-carros__content
	color: #d2741c 
	font-size: 16px
	line-height: 110% 
	margin: 8px 0 0 
	text-align: center
	
.abc-carros__content a
	display: inline-block
	font-size: 18px
	font-weight: 700 
	margin-top: 5px
	
.abc-carros__logo
	margin: 0 auto
	width: 60% !important

#abcimoveis
	a
		color: #5da752
	.abc-produto__bottom
		background: #5da752
	.abc-produto__subtitle
		color: #5da752 
	.formulario .btn
		background: #5da752
		&:hover
			background: darken(#5da752, 6%)

#abcveiculos
	a
		color: #d3731c
	.abc-produto__bottom
		background: #d3731c
	.abc-produto__subtitle
		color: #d3731c 
	.formulario .btn
		background: #d3731c
		&:hover
			background: darken(#d3731c, 6%)
	.abc-e
		&>a
			width: 100%
			text-align: center
	
#abcempregos
	a
		color: #0087be
	.abc-produto__bottom
		background: #0087be
	.abc-produto__subtitle
		color: #108ec1 
	.formulario .btn
		background: #0087bf
		&:hover
			background: darken(#0087bf, 6%)
		
#abcservicos
	a
		color: #a5498d
	.abc-produto__bottom
		background: #a5498d
	.abc-produto__subtitle
		color: #a5498d 
	.formulario .btn
		background: #a5498d
		&:hover
			background: darken(#a5498d, 6%)

.abc-anuncio-loop
	display: flex
	flex-wrap: wrap
	padding-top: 38px
	&>div
		margin-bottom: 12px
		padding: 0 8px 

.abc-anuncio
	background: #eceaeb
	height: 100%
	font-size: 16px
	padding-bottom: 43px
	position: relative
	
.abc-anuncio__title	
	font-size: 18px
	font-weight: bold
	line-height: 120%
	margin: 0 
	a
		color: #333

.abc-anuncio__text
	font-size: 15px
	
.abc-anuncio__content
	padding: 12px 16px 8px 

.abc-anuncio__description
	margin-bottom: 0

.abc-anuncio__footer
	background: #e2e0e1 
	bottom: 0
	font-size: 18px
	position: absolute
	padding: 6px 16px 8px
	width: 100%

.abc-anuncio__footer a
	color: #005277
	transition: color .2s ease
	&:hover
		color: #2586b1

.abc-anuncio__link,
.abc-anuncio__mail,
.abc-anuncio__phone
	font-size: 17px
	margin-right: 6px

.abc-anuncio__download
	font-size: 27px
	line-height: 100%
	
.abc-anuncio--carros 
	background: none 
	border: 1px solid #c9c7c8
	border-radius: 3px
	height: 100%
	padding: 5px 0 4px 11px
	.abc-anuncio__content
		height: auto
		padding-top: 0
		padding-bottom: 0
		p
			line-height: 135%
	.abc-anuncio__title
		font-size: 22px
		font-weight: 400
		line-height: 110% 
	.abc-anuncio__description
		margin: 3px 0 5px
	.btn-carros
		background: #f49100 
		color: #fff
		font-size: 16px
		max-width: 100%  
		margin: 6px 0 0 
		padding: 2px 0 3px
		width: 100%
		transition: background .2s
		&:hover
			background: darken(#f49100, 5%)

.abc-anuncio__photo
	border: 1px solid #DDD
	padding-top: 15% 
	
.abc-anuncio__price
	color: #7a7677
	font-size: 20px
	line-height: 120% 
	margin: 0
	padding-left: 0 

.abc-paginacao
	margin: 34px auto 0 

.abc-paginacao__list,
.abc-paginacao .pagination
	padding-left: 0
	text-align: center

.abc-paginacao__item,
.abc-paginacao li
	display: inline-block
	font-size: 20px
	margin: 0 1px 

.abc-paginacao__item a,
.abc-paginacao li a
	border: 0
	border-radius: 0 !important
	color: #737373
	line-height: 150%
	padding: 0 14px 2px 
	&:hover
		color: #720e16
		text-decoration: underline !important

.abc-paginacao__item.active a,
.abc-paginacao li.active a
	background: #720e16 
	color: #fff 
	&:hover
		background: #720e16 
		color: #fff 
		text-decoration: none !important

.formulario
	padding-right: 0 !important
	padding-left: 0 !important

.abc-e 
	display: flex
	flex-wrap: wrap
	justify-content: center
	align-items: center
	&>a
		width: 100%
	img
		margin-left: auto
		margin-right: auto  
		width: 70%

.abc__main
	// padding: 0 0 45px

footer
	background-color: #66656a

@import "responsive.sass"