* {
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	outline: none;
}

	a img {
		border: 0;
	}

b {
	font-weight: 700;
}

body {
	font-family: 'Lato';
	font-size: 18px;
	font-weight: 300;
	background: #ffffff;
	overflow-x: hidden;
}

.topo {
	background: #3598dd;
	height: 60px;
	text-align: center;
	color: #FFF;
	font-weight: 300;
	line-height: 60px;
	font-size: 26px;
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	z-index: 10;
	position: relative;
}

	.topo .center {
		max-width: 95%;
		width: 940px;
		margin: 0 auto;
		position: relative;
	}

	.topo .colibrito {
		width: 120px;
		height: 35px;
		background: url(../../../img/admin/topo/logo-info.svg) no-repeat;
		display: block;
		margin-top: 14px;
		position: absolute;
		right: 0%;
		top: 0;
	}

.center {
	width: 95%;
	max-width: 940px;
	margin: 0 auto;
}

section:nth-child(even) {
	background: #f5f5f5;
}

.corretor {
	margin-bottom: 30px;
	background: #f5f5f5;
	border-bottom: 1px solid #cccccc;
}

	.corretor .center {
		display: flex;
		align-items: center;
		justify-content: left;
		height: 140px;
	}

	.corretor img,
	.corretor .sem-logo {
		height: 80px;
		float: left;
		margin-right: 20px;
	}

	.corretor .sem-logo {
		width: 80px;
	}

	.corretor .nome {
		font-weight: 700;
		color: #3598dd;
		font-size: 24px;
	}

.imovel {
	padding-bottom: 95px;
	border-bottom: 2px solid #3598dd;
}

	.imovel .tela-cheia {
		width: 134px;
		height: 37px;
		line-height: 37px;
		background: #3598dd url(../../../img/admin/rodadadeimoveis/ico-fullscreen-white.png) no-repeat 10px center;
		padding-left: 32px;
		color: #FFFFFF;
		text-align: left;
		font-size: 11px;
		border-radius: 5px;
		position: absolute;
		z-index: 2;
		top: 360px;
		left: 10px;
		cursor: pointer;
		font-weight: 400;
	}

	.imovel .imprimir {
		width: 90px;
		height: 37px;
		line-height: 37px;
		background: #3598dd url(../../../img/admin/rodadadeimoveis/ico-print-white.png) no-repeat 10px center;
		color: #FFFFFF;
		text-align: left;
		font-size: 11px;
		border-radius: 5px;
		position: absolute;
		z-index: 2;
		top: 360px;
		left: 164px;
		cursor: pointer;
		display: block;
		text-decoration: none;
		padding-left: 32px;
		font-weight: 400;
	}

	.imovel .whatsapp {
		width: 145px;
		height: 37px;
		line-height: 37px;
		background: #30d65d url(../../../img/admin/rodadadeimoveis/wpp-icon.svg) no-repeat 10px center;
		background-size: 16px;
		color: #FFFFFF;
		text-align: left;
		font-size: 11px;
		border-radius: 5px;
		position: absolute;
		z-index: 2;
		top: 360px;
		left: 275px;
		cursor: pointer;
		display: block;
		text-decoration: none;
		padding-left: 32px;
		font-weight: 400;
	}

section:last-child .imovel {
	border-bottom: 0;
}

	.imovel .center {
		width: 95%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		position: relative;
	}

	.imovel .fotos {
		width: calc(100% - 400px);
		height: 405px;
		margin-bottom: 30px;
	}

	.imovel .fotos .slick-prev {
		position: absolute;
		z-index: 1;
		top: calc(50% - 41px);
		left: 0;
		width: 52px;
		height: 82px;
		background-color: rgba(91,162,220, 0.7);
		background-image: url(../../../img/admin/seta_esquerda.svg);
		background-size: 21px 33px;
		background-repeat: no-repeat;
		background-position: 13px center;
		text-indent: -1000px;
		overflow: hidden;
		border: 0;
		outline: none;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		cursor: pointer;
	}

	.imovel .fotos .slick-next {
		position: absolute;
		z-index: 1;
		top: calc(50% - 41px);
		right: 0;
		width: 52px;
		height: 82px;
		background-color: rgba(91,162,220, 0.7);
		background-image: url(../../../img/admin/seta_direita.svg);
		background-size: 21px 33px;
		background-repeat: no-repeat;
		background-position: 18px center;
		text-indent: -1000px;
		overflow: hidden;
		border: 0;
		outline: none;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		cursor: pointer;
	}

	.imovel .foto {
		height: 100%;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.imovel .info {
		width: 380px;
		font-size: 13px;
	}

		.imovel .info b {
			font-size: 18px;
			display: block;
			margin-bottom: 10px;
			margin-top: 3px;
		}

	.imovel .tipo {
		line-height: 48px;
		background: #3598dd url(../../../img/admin/rodadadeimoveis/ico-tipo.png) no-repeat 8px center;
		background-size: 26px;
		color: #FFF;
		font-weight: 400;
		padding-left: 42px;
		border-radius: 10px;
		margin-bottom: 20px;
		font-size: 24px;
	}

.duas-colunas {
	display: flex;
	justify-content: space-between;
}

.imovel .referencia {
	padding-left: 52px;
	margin-bottom: 25px;
}

	.imovel .referencia b {
		display: inline-block;
		padding-left: 10px;
	}

.imovel .valor {
	padding-left: 52px;
	margin-bottom: 35px;
	height: 46px;
	background: url(../../../img/admin/rodadadeimoveis/ico-dindin.png) no-repeat 25px 19px;
}

	.imovel .valor b {
		font-size: 22px;
	}

.imovel .condominio {
	min-width: 110px;	
}

.imovel .area-total {
	padding-left: 52px;
	margin-bottom: 35px;
	background: url(../../../img/admin/rodadadeimoveis/area-total.png) no-repeat 13px 14px;
}

.imovel .area-util {
	padding-left: 52px;
	margin-bottom: 35px;
	background: url(../../../img/admin/rodadadeimoveis/ico-area-util.png) no-repeat 15px 16px;
}

.tres-colunas {
	display: flex;
	justify-content: space-between;
}

.quarto,
.garagem,
.banheiro {
	width: 30%;
	padding-left: 52px;
	margin-bottom: 35px;
}

.imovel .quarto {
	background: url(../../../img/admin/rodadadeimoveis/ico-dormitorio.png) no-repeat 13px 14px;
}

.imovel .garagem {
	background: url(../../../img/admin/rodadadeimoveis/ico-garagem.png) no-repeat 13px 14px;
}

.imovel .banheiro {
	background: url(../../../img/admin/rodadadeimoveis/ico-banheiro.png) no-repeat 13px 14px;
}

.imovel .bairro {
	padding-left: 52px;
	background: url(../../../img/admin/rodadadeimoveis/ico-marker.png) no-repeat 15px 9px;
	width: 100%;
	margin-bottom: 10px;
}

.imovel .endereco {
	padding-left: 52px;
	width: 100%;
	margin-bottom: 10px;
}

.imovel .edificio {
	padding-left: 52px;
	background: url(../../../img/admin/rodadadeimoveis/ico-edificio.png) no-repeat 15px 9px;
	width: 100%;
	margin-bottom: 10px;
}


/* -----          Fullscreen Fotos         -----*/
	.fullscreen-fotos {
		background: #0D0D0D;
		text-align: center;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 1001;
		display: none;
	}

		.fullscreen-fotos.active {
			display: block;
		}

		.fullscreen-fotos .fechar {
			width: 30px;
			height: 30px;
			background: url(../../../img/admin/rodadadeimoveis/fotos-fs-icones.svg) no-repeat;
			background-position: 5px 5px;
			position: absolute;
			right: 10px;
			top: 10px;
			cursor: pointer;
			z-index: 101;
		}

		.fullscreen-fotos .setas {
			height: 50px;
			width: 100%;
			position: absolute;
			bottom: 0;
			left: 0;
			background: transparent;
			text-align: center;
			z-index: 101;
		}

			.fullscreen-fotos .box-setas {
				max-width: 800px;
				width: 92%;
				margin: 0 auto;
			}

			.fullscreen-fotos .seta-esquerda {
				width: 50px;
				height: 50px;
				background: url(../../../img/admin/rodadadeimoveis/fotos-fs-icones.svg) no-repeat;
				background-position: -32px 13px;
				float: left;
				z-index: 101;
				cursor: pointer;
			}

			.fullscreen-fotos .seta-direita {
				width: 50px;
				height: 50px;
				background: url(../../../img/admin/rodadadeimoveis/fotos-fs-icones.svg) no-repeat;
				background-position: -78px 13px;
				float: right;
				cursor: pointer;
			}

		.box-fs-fotos {
			width: 100%;
			height: 100%;
			position: absolute;
			white-space: nowrap;
			z-index: 100;
		}

		.fs-foto {
			height: 100%;
			width: 100%;
			display: inline-flex;
			align-items: center;
			vertical-align: middle;
			text-align: center;
			align-content: center;
			justify-content: center;
			position: relative;
		}

			.fs-foto::selection {
				background: transparent;
			}

			.fs-foto img {
				max-height: 100%;
				max-width: 100%;
			}

				.fs-foto img::selection {
					background: transparent;
				}

			.fs-foto .label {
				position: absolute;
				height: 35px;
				line-height: 35px; 
				width: 100%;
				bottom: 60px;
				background: rgba(0,0,0, 0.5);
				color: #FFF;
				text-transform: uppercase;
				font-size: 16px;
				text-align: center;
				left: 0;
			}
/* ---------------------------------------------*/


/* -----     Definições de breakpoints     -----*/

	/* Mobile na horizontal */
	@media screen and (max-width: 680px) {
		.topo {
			height: 100px;
		}

		.topo .center {
			padding-top: 45px;
		}

		.topo .colibrito {
			position: absolute;
			top: 0;
			right: calc(50% - 60px);
		}

		h2 {
			margin-bottom: 85px;
		}

		.imovel .center {
			flex-wrap: wrap;
		}

		.imovel .fotos {
			width: 100%;
			height: 224px;
			margin-bottom: 140px;
		}

		.imovel .tela-cheia {
			left: 0;
			width: 45%;
			top: 240px;
		}

		.imovel .imprimir {
			left: auto;
			right: 0;
			width: 45%;
			top: 240px;
		}

		.imovel .whatsapp {
			left: 0;
			width: 100%;
			top: 285px;
			text-align: center;
			background-position: calc(50% - 50px) center;
		}

		.imovel .duas-colunas,
		.imovel .tres-colunas {
			display: block;
		}

		.imovel .condominio {
			padding-left: 52px;
			margin-bottom: 25px;
		}
	}

	/* Mobile na vertical*/
	@media screen and (max-width: 400px) {
		
	}
/* ---------------------------------------------*/