/*
GERAL
 */
* {
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
	font-family: 'Karla', sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	background-color: #faf7f7;
}

a {
	color: #FFF;
}

ul {
	list-style: none;
}

hr {
	width: 100%;
	float: left;
}

:disabled {
	opacity: 0.3;
}



/*
DEFINIÇÕES E TRANSIÇÕES
 */
.transition {
	-webkit-transition: .15s all;
	-moz-transition: .15s all;
	-o-transition: .15s all;
	-ms-transition: .15s all;
	transition: .15s all;
}

.transition:hover {
	-webkit-transition: .15s all;
	-moz-transition: .15s all;
	-o-transition: .15s all;
	-ms-transition: .15s all;
	transition: .15s all;
}

.transp {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: .15s all;
	-moz-transition: .15s all;
	-o-transition: .15s all;
	-ms-transition: .15s all;
	transition: .15s all;
}

.transp:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
	-webkit-transition: .15s all;
	-moz-transition: .15s all;
	-o-transition: .15s all;
	-ms-transition: .15s all;
	transition: .15s all;
}

.opac {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
	-webkit-transition: .15s all;
	-moz-transition: .15s all;
	-o-transition: .15s all;
	-ms-transition: .15s all;
	transition: .15s all;
}

.opac:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: .15s all;
	-moz-transition: .15s all;
	-o-transition: .15s all;
	-ms-transition: .15s all;
	transition: .15s all;
}

.scale {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.scale:hover {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
}

.left {
	float: left !important;
}

.right {
	float: right !important;
}

.nomargintop {
	margin-top: 0 !important;
}

.nomarginbottom {
	margin-bottom: 0 !important;
}

.nomarginleft {
	margin-left: 0 !important;
}

.nomarginright {
	margin-right: 0 !important;
}

.padding10p {
	padding: 10px !important;
}

.padding20p {
	padding: 20px !important;
}

.col10p {
	width: 10% !important;
}

.col15p {
	width: 15% !important;
}

.col20p {
	width: 20% !important;
}

.col25p {
	width: 25% !important;
}

.col30p {
	width: 30% !important;
}

.col33p {
	width: calc(100% / 3) !important;
}

.col35p {
	width: 35% !important;
}

.col40p {
	width: 40% !important;
}

.col45p {
	width: 45% !important;
}

.col50p {
	width: 50% !important;
}

.col55p {
	width: 55% !important;
}

.col60p {
	width: 60% !important;
}

.col65p {
	width: 65% !important;
}

.col70p {
	width: 70% !important;
}

.col75p {
	width: 75% !important;
}

.col80p {
	width: 80% !important;
}

.col85p {
	width: 85% !important;
}

.col90p {
	width: 90% !important;
}

.col95p {
	width: 95% !important;
}

.col100p {
	width: 100% !important;
}

.text {
	width: 100%;
	float: left;
}

.text a {
	color: #397dbb;
	text-decoration: underline;
}

.text a:hover {}

.text a[target="_blank"]:after {}

.text img {
	max-width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.3);
}

.text object {
	max-width: 100%;
}

.text embed {
	max-width: 100%;
}

.text iframe {
	max-width: 100%;
}

.text br {
	margin: 10px 0;
}

.text p {
	margin: 0 0 15px 0;
}

.text strong,
span,
em,
u,
b,
i {}

.text strong {
	font-weight: bold;
}

.text i,
em {
	font-style: italic;
}

.text u {
	text-decoration: underline;
}

.text s {
	text-decoration: line-through;
}

.text ul {
	padding-left: 18px;
	list-style: square;
	line-height: 22px;
}

.hide {
	display: none !important;
}

.show {
	display: block !important;
}

.clear {
	clear: both !important;
}

.borderbox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.font-smoothing {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.center-float-element {
	left: 50%;
	float: left;
	position: relative;
}

.center-float-element .float-element {
	left: -50%;
	float: left;
	position: relative;
}

.text-overflow-dots {
	white-space: nowrap;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
}

.btn {
	height: 60px;
	line-height: 40px;
	padding: 10px 20px;
	border-radius: 5px;
	background-color: #CCC;
	color: #FFF;
	font-size: 30px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}

.btn:hover {
	background-color: #BBB;
}

.btn i {}

.btn-small {
	height: 40px;
	line-height: 30px;
	padding: 5px 20px;
	font-size: 18px;
}

.btn-medium {
	height: 50px;
	line-height: 40px;
	padding: 5px 20px;
	font-size: 22px;
}

.btn:disabled,
.btn:disabled:hover {
	opacity: 0.3;
	-moz-opacity: 0.3;
	-webkit-opacity: 0.3;
	cursor: default;
}

.btn-blue {
	background-color: #1C729E;
	border: 1px solid #1C729E;
}

.btn-blue:active,
.btn-blue:hover {
	background-color: #2990c4;
}

.btn-orange {
	background-color: #bf6821;
	border: 1px solid #bf6821;
}

.btn-orange:active,
.btn-orange:hover {
	background-color: #d0772f;
}

.btn-red {
	background-color: #cf3030;
	border: 1px solid #cf3030;
}

.btn-red:active,
.btn-red:hover {
	background-color: #e74a4a;
}

.btn-green {
	background-color: #2DB000;
	border: 1px solid #2DB000;
}

.btn-green:active,
.btn-green:hover {
	background-color: #4cd21f;
}

.btn-gray {
	background-color: #888;
	border: 1px solid #666;
}

.btn-gray:active,
.btn-gray:hover {
	background-color: #999;
}

.btn-left {
	border-radius: 5px 0 0 5px !important;
}

.btn-right {
	border-radius: 0 5px 5px 0 !important;
}

.formulario {}

.formulario label {
	width: 100%;
	margin-bottom: 5px;
	float: left;
}

.formulario input {}

.msg {
	width: 100%;
	margin-bottom: 20px;
	padding: 20px;
	font-size: 20px;
	background-color: #CCC;
	border: 1px solid #BBB;
	color: #222;
	border-radius: 5px;
}

.erro {
	background-color: #DA6252 !important;
	color: #fefefe !important;
	border-color: #E45542 !important;
}

.sucesso {
	background-color: #88CF58 !important;
	color: #fefefe !important;
	border-color: #82C852 !important;
}

.imagem {
	width: 100%;
	float: left;
	overflow: hidden;
}

.imagem center {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.imagem img {
	height: 100%;
}

.yellow {
	color: #fbf449 !important;
}

.red {
	color: #f12b10 !important;
}

.green {
	color: #56a81d !important;
}

.black {
	color: #000000 !important;
}

.white {
	color: #FFFFFF !important;
}

.bg-red {
	background-color: rgba(255, 0, 0, 0.2) !important;
}

.bg-orange {
	background-color: rgba(255, 122, 0, 0.2) !important;
}

.bg-green {
	background-color: rgba(112, 255, 0, 0.2) !important;
}

.bg-black {
	background-color: rgba(0, 0, 0, 0.2) !important;
}

.stars {
	width: 100%;
}

.stars i {
	height: 30px;
	line-height: 30px;
	padding-right: 5px;
	font-size: 30px;
	color: #CCC;
	text-shadow: 1px 1px 0px #BBB;
	float: left;
}

.stars i:last-child {
	padding-right: 0;
}

.stars .nota {
	height: 30px;
	line-height: 34px;
	margin-left: 10px;
	float: left;
}

.stars .nota a {
	margin-left: 10px;
	color: #333;
}

.rating {}

.rating-container {
	width: 100%;
	line-height: 60px;
	float: left;
}

.rating-container .stars {}

.rating-container .stars i {
	height: 60px;
	line-height: 50px;
	padding: 5px;
	margin-right: 5px;
	color: #FFF;
	border-radius: 5px;
	cursor: pointer;
}

.rating-container span {
	margin-left: 20px;
	font-size: 30px;
}

.loadingPage {
	width: 40px;
	height: 40px;
	bottom: 20px;
	right: 20px;
	padding: 10px;
	margin: -20px 0 0 -20px;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 5px;
	box-shadow: 0 0 15px #CCC;
	position: fixed;
	z-index: 1000;
	display: none;
}

.loadingPage i {
	font-size: 20px;
	color: #1582DC;
}

#btn-search {
	right: 20px;
	bottom: 60px;
	position: fixed;
	z-index: 100;
}

#btn-search a {
	width: 1px;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	background-color: #BB3E39;
	border-radius: 200px;
	box-shadow: 2px 2px 0px 0px rgba(187, 62, 57, 0.4);
	float: left;
	opacity: 0;
	visibility: hidden;
}

#btn-search a:hover {
	background-color: #df5751;
}

#btn-search a i {
	width: 1px;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	text-align: center;
	color: #FFF;
	float: left;
}

#btn-search .show {
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 30px;
	opacity: 1;
	visibility: visible;
}

#btn-search .show i {
	width: 60px;
	height: 60px;
	line-height: 55px;
	font-size: 30px;
}

.debug-data {
	width: 100%;
	margin-top: 10px;
	padding: 10px;
	font-size: 14px;
	background-color: #ccb265;
	border-radius: 5px;
	float: left;
}

.debug-data>div {
	margin-top: 0 !important;
	margin-bottom: 10px !important;
}

.debug-data>div:last-child {
	margin-bottom: 0 !important;
}



/*
TYPEJS
 */
.typed-cursor {
	opacity: 1;
	-webkit-animation: blink 0.7s infinite;
	-moz-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite;
}

@keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}



/*
ESTRUTURAS BASES
 */
.background {
	width: 100%;
	height: 85vh;
	background: url(templates/alotorres/img/body/background-6.jpg) no-repeat;
	background-position: left bottom !important;
	background-size: cover !important;
	background-color: #1b6185;
	border-bottom: 2px solid #1C729E;
	position: absolute;
	z-index: 1;
}

.background.full{
	height: 100vh;
}

.page {
	width: 100%;
	min-height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	z-index: 2;
}

.page .block {
	width: 100%;
	float: left;
}

.page .block .center-content {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.wrap {
	padding-top: 120px;
	padding-bottom: 120px;
}

.wrap .cont {
	width: 100%;
	float: left;
}

.footer {
	line-height: 60px;
	bottom: 0;
	left: 0;
	padding: 10px 0;
	position: absolute;
}

.nav {
	height: 80px;
	line-height: 60px;
	padding: 10px 0;
	float: left;
	position: fixed;
	z-index: 1000;
}



/*
ESTILOS
 */
.facebook {
	color: #3a5795;
}

.facebook:hover {
	background-color: #3a5795 !important;
}

.google {
	color: #cc181e;
}

.google:hover {
	background-color: #cc181e !important;
}

.twitter {
	color: #55acee;
}

.twitter:hover {
	background-color: #55acee !important;
}

.linkedin {
	color: #006fa6;
}

.linkedin:hover {
	background-color: #006fa6 !important;
}

.facebook:hover i,
.google:hover i,
.twitter:hover i,
.linkedin:hover i {
	color: #FFF;
}

.plan-medal {}

.plan-medal:before {
	content: '\f02e';
	font-family: "FontAwesome";
	width: 40px;
	height: 40px;
	line-height: 40px;
	top: -5px;
	right: 5px;
	font-size: 40px;
	color: #000;
	text-align: center;
	text-shadow: 0 1px #666;
	position: absolute;
	z-index: 10;
}

.rel5 {}

.rel5 .image {}

.rel5:before {
	color: #BB3E39;
	text-shadow: 1px 2px 0 rgba(187, 62, 57, 0.3);
}

.rel5:hover {
	background-color: #FFF !important;
}

.rel10 {}

.rel10 .image {}

.rel10:before {
	color: #1C729E;
	text-shadow: 1px 2px 0 rgba(28, 114, 158, 0.3);
}

.rel10:hover {
	background-color: #FFF !important;
}

.dest {
	background-color: #fef4ba !important;
}

.dest .image {
	background-color: #e4dba9 !important;
}

.dest:before {
	color: #FFB700;
	text-shadow: 1px 2px 0 rgba(255, 183, 0, 0.3);
}

.dest:hover {
	background-color: #FFF !important;
}

.menu-dropdown {
	position: relative;
}

.menu-dropdown+.left .left {
	margin-right: 20px;
}

.menu-dropdown+.right .left {
	margin-left: 20px;
}

.menu-dropdown>a {}

.menu-dropdown>a i {
	line-height: 60px;
	font-size: 40px;
}

.menu-dropdown>ul {
	width: 10px;
	line-height: 1px;
	height: 0;
	padding: 20px;
	top: 25px;
	left: 15px;
	font-size: 1px;
	background-color: #FFF;
	border-radius: 5px;
	box-shadow: 0 5px 6px -1px #555;
	position: absolute;
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
}

.menu-dropdown>ul hr {
	width: 100%;
	margin: 10px 0;
	border-bottom: 1px dashed #DDD;
	float: left;
}

.menu-dropdown>ul li {
	width: 100%;
	float: left;
}

.menu-dropdown>ul li a {
	width: 100%;
	color: #333;
	text-decoration: none;
	float: left;
}

.menu-dropdown>ul li a i {
	width: 20px;
	margin-right: 5px;
}

.menu-dropdown>ul li a:hover {
	color: #1C729E;
}

.menu-dropdown .show {
	width: 250px;
	height: auto;
	line-height: 30px;
	font-size: 16px;
	opacity: 1;
	visibility: visible;
	overflow: auto;
}

.buscar {
	width: 740px;
	height: 70px;
	top: calc(85vh/2 + 40px);
	left: 50%;
	margin-top: -35px;
	margin-left: -370px;
	box-shadow: 0 5px 10px -5px #000;
	border-radius: 5px;
	float: left;
	position: absolute;
}

.buscar form #gpsbtn {
	top: 0;
	left: 0;
	background: none;
	border: 0;
	color: #AAA;
	position: absolute;
}

.buscar form label {
	width: 100%;
	margin-top: 20px;
	font-size: 20px;
	color: #1C729E;
	float: left;
}

.buscar form input[type=text] {
	height: 70px;
	line-height: 50px;
	padding: 0 20px 0 60px;
	font-size: 20px;
	color: #666;
	background-color: #FFF;
	border-radius: 5px 0 0 5px;
	border: 1px solid #1C729E;
}

.buscar form .btn {
	height: 70px;
	line-height: 50px;
	padding: 0;
	border-left: 0;
}

.buscar form .btn i {
	width: 100%;
	float: left;
}

.anunciados {
	width: 100%;
	margin-top: calc(85vh - 70px) !important;
	float: left;
}

.anunciados ul li {
	width: 100% !important;
}

.recomendados {
	width: 100%;
	margin-top: 20px;
	float: left;
}

.recomendados ul {
	width: 100%;
	float: left;
}

.recomendados ul>li {
	width: 25%;
	padding: 10px;
	margin-bottom: 10px;
	float: left;
}

.recomendados ul>li:last-child {
	margin-bottom: 0;
}

.recomendados ul>li a {
	text-decoration: none;
}

.recomendados ul>li .title {
	width: 100%;
	height: 40px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #1C729E;
	font-size: 24px;
	border-bottom: 1px dashed #AAA;
	float: left;
}

.recomendados ul>li .title i {
	margin-right: 10px;
}

.recomendados ul>li .listando-comercios {}

.recomendados ul>li .listando-comercios ul {}

.recomendados ul>li .listando-comercios ul li {
	width: 100%;
	padding: 0;
}

.recomendados ul>li .listando-comercios ul li a {
	padding: 15px;
}

.recomendados ul>li .listando-comercios ul li .nome {
	font-size: 16px;
}

.recomendados ul>li .listando-comercios ul li .telefone {
	font-size: 14px;
}

.slug {
	width: 100%;
	margin-top: 10px;
	font-size: 20px;
	float: left;
}

.slug .url {
	width: auto;
	height: 30px;
	line-height: 30px;
	float: left;
}

.slug #slug {
	width: 380px !important;
	height: 30px;
	line-height: 30px;
	padding: 0;
	border: 0;
	font-weight: bold;
	background-color: #faf7f7;
	float: none !important;
	float: left;
}

.googlemaps {
	width: 100%;
	float: left;
	position: relative;
}

.googlemaps #map {
	width: 100%;
	height: 300px;
	border: 1px solid #1C729E;
	border-radius: 5px;
	float: left;
	overflow: hidden;
}

.googlemaps .btn {
	bottom: 50px;
	left: 20px;
	height: 50px !important;
	line-height: 50px !important;
	padding: 0 20px !important;
	font-size: 20px;
	position: absolute;
}

.googlemaps input[type=text] {
	height: 30px !important;
	line-height: 30px !important;
	padding: 0;
	margin: 0;
	text-align: right;
	font-size: 16px !important;
	border: 0 !important;
	background-color: #faf7f7 !important;
}

.breadcumb {
	width: 100%;
	padding-bottom: 30px;
	color: #1C729E;
	border-bottom: 1px solid rgba(28, 114, 158, 0.2);
	float: left;
}

.breadcumb .icon {
	float: left;
}

.breadcumb .icon i {
	width: 100%;
	font-size: 4em;
	text-align: center;
	text-shadow: 2px 2px 0 #CCC;
}

.breadcumb .links {
	width: 890px;
	font-size: 16px;
	float: right;
}

.breadcumb .links ul {
	width: 100%;
	float: left;
}

.breadcumb .links ul li {
	line-height: 20px;
	margin-right: 10px;
	float: left;
}

.breadcumb .links ul li:after {
	content: '≫';
	margin-left: 10px;
}

.breadcumb .links ul li:last-child:after {
	content: '';
}

.breadcumb .links ul li a {
	color: #1C729E;
}

.breadcumb .title {
	width: 890px;
	font-size: 40px;
	float: right;
}

.breadcumb .stars {
	width: 890px;
	float: right;
}

form .tagsinput {
	width: 100% !important;
	line-height: 30px;
	padding: 10px;
	background-color: #FFF;
	border-radius: 5px;
	border: 1px solid #1C729E;
	float: left;
}

form .tagsinput input {
	width: auto !important;
	height: 35px;
	font-size: 20px;
	background: transparent;
	border: 1px solid transparent;
}

form .tagsinput div {
	display: block;
	float: left;
}

form .tagsinput .tag {
	padding: 0;
	margin: 2px 5px 2px 0;
	background: #1C729E;
	text-decoration: none;
	border: 1px solid #1b688f;
	border-radius: 5px;
	display: block;
	float: left;
}

form .tagsinput .tag span {
	padding: 5px;
	color: #FFF;
	font-weight: bold;
}

form .tagsinput .tag a {
	width: 0px;
	margin-right: 5px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

form .tagsinput .tag a:before {
	content: '\f00d';
	font-family: FontAwesome;
	color: #FFF;
	font-size: 12px;
}

form .tagsinput .tag a:focus:before {
	color: #F00;
}

form .tags_clear {
	width: 100%;
	height: 0px;
	clear: both;
}

form .not_valid {
	background: #FBD8DB !important;
	color: #90111A !important;
	border-radius: 5px;
}

.form-default-600 {
	width: 600px !important;
}

.form-default {
	width: 100%;
	float: left;
}

.form-default form label {
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin-top: 20px;
	font-size: 16px;
	color: #1C729E;
	float: left;
}

.form-default form label p {
	margin-left: 10px;
	font-size: 14px;
	color: #9c2e2e;
	display: inline;
}

.form-default form label a {
	color: #1C729E;
}

.form-default form input[type=checkbox] {
	margin-right: 10px;
}

.form-default form input[type=text],
.form-default form input[type=email],
.form-default form input[type=password],
.form-default form select,
.form-default form textarea {
	height: 50px;
	line-height: 50px;
	padding-left: 20px;
	font-size: 20px;
	color: #666;
	background-color: #FFF;
	border-radius: 5px;
	border: 1px solid #1C729E;
}

.form-default form textarea {
	height: 100px;
	max-height: 200px;
	line-height: normal;
	padding-top: 10px;
	padding-bottom: 10px;
}

.form-default form .btn {
	height: 70px;
	line-height: 65px;
	margin-top: 20px;
	padding: 0;
	font-size: 26px;
}

.form-default form .btn i {
	margin-right: 10px;
	font-size: 30px;
	color: #FFF;
}

.listando-comercios {
	width: 100%;
	margin: 10px 0;
	float: left;
}

.listando-comercios ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.listando-comercios ul li {
	width: calc(100% / 3);
	padding: 10px;
	display: inline-flex;
}

.listando-comercios ul li a {
	width: 100%;
	padding: 20px;
	color: #222;
	background-color: #DDD;
	box-shadow: 0 2px 4px #AAA;
	border-radius: 5px;
	text-decoration: none;
	float: left;
	position: relative;
}

.listando-comercios ul li .location {
	width: 100%;
	margin-bottom: 10px;
	float: left;
}

.listando-comercios ul li .location i {
	height: 15px;
	line-height: 15px;
	font-size: 14px;
	color: #c13c3c;
	margin-right: 10px;
	float: left;
}

.listando-comercios ul li .location span {
	height: 15px;
	line-height: 15px;
	font-size: 14px;
	color: #666;
	float: left;
}

.listando-comercios ul li .location span strong {}

.listando-comercios ul li .image {
	width: 100%;
	height: 3rem;
	background-color: #ccc;
	border: 1px solid #fff;
	border-radius: .5rem;
	overflow: hidden;
	position: relative;
}

.listando-comercios ul li .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.listando-comercios ul li .nome {
	width: 100%;
	line-height: 1;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
}

.listando-comercios ul li .subsetor {
	width: 100%;
	line-height: 1;
	font-size: .9em;
	font-style: italic;
	float: left;
}

.listando-comercios ul li .stars {
	width: 100%;
	margin-top: 10px;
	float: left;
}

.listando-comercios ul li .endereco {
	width: 100%;
	margin-top: 10px;
	float: left;
}

.listando-comercios ul li .endereco i {
	width: 20px;
}

.listando-comercios ul li .telefone {
	width: 100%;
	margin-top: 10px;
	float: left;
}

.listando-comercios ul li .telefone i {
	width: 20px;
}

.listando-comercios ul li .statistics {
	width: 100%;
	margin-top: 10px;
	float: left;
}

.listando-comercios ul li .statistics span {
	width: 100%;
	margin-top: 10px;
	float: left;
}

.listando-comercios ul li .statistics span i {
	width: 20px;
	margin-right: 10px;
}

.listando-comercios ul li .statistics span strong {}

.listando-comercios ul li:hover {}

.listando-comercios ul li a:hover {
	background-color: #FFF;
	box-shadow: 0 7px 4px #AAA;
}

.listando-comercios ul li a:hover .image {
	background-color: #eee !important;
}

.listando-comercios ul li .header {
	width: 100%;
	display: flex;
	gap: .5rem;
}

.listando-comercios ul li .header .image {
	width: 20%;
	height: 3rem;
	flex-shrink: 0;
}

.listando-comercios ul li .header .content {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.listando-comercios ul li .header .content.with-image{
	width: calc(100% - 20%);
}

.listando-comercios ul li .header .content .nome {}

.listando-comercios ul li .header .content .subsetor {}

.listando-telefones {
	width: 100%;
	margin: 10px 0;
	float: left;
}

.listando-telefones ul {
	width: 100%;
	float: left;
}

.listando-telefones ul li {
	width: 100%;
	padding: 0;
	text-transform: uppercase;
	float: left;
}

.listando-telefones ul li a {
	width: 100%;
	padding: 20px;
	color: #222;
	border-bottom: 1px dashed #CCC;
	text-decoration: none;
	float: left;
	position: relative;
}

.listando-telefones ul li .subsetor {
	width: 100%;
	font-size: 14px;
	color: #1C729E;
	float: left;
}

.listando-telefones ul li .nome {
	font-size: 24px;
	font-weight: bold;
	float: left;
}

.listando-telefones ul li .telefone {
	font-size: 24px;
	float: right;
}

.listando-telefones ul li .telefone i {
	margin-right: 10px;
}

.listando-setores {
	width: 100%;
	margin: 10px 0;
	float: left;
	opacity: 0;
}

.listando-setores hr {
	margin: 20px 0;
}

.listando-setores ul {
	width: 100%;
	float: left;
}

.listando-setores>ul>li {
	width: calc(100% / 3);
	padding: 0 30px;
}

.listando-setores ul li .nome {
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #1C729E;
	font-size: 24px;
	border-bottom: 1px dashed #AAA;
	float: left;
}

.listando-setores ul li .nome i {
	margin-right: 10px;
}

.listando-setores ul li ul {
	width: 90%;
	margin-left: 20px;
	margin-bottom: 30px;
	list-style: initial;
	float: left;
}

.listando-setores ul li ul li {
	width: 100%;
	float: left;
}

.listando-setores ul li ul li a {
	color: #333;
	text-decoration: none;
}

.listando-setores ul li ul li a:hover {
	text-decoration: underline;
}

.acoes-usuario {
	margin-top: 1rem;
	margin-bottom: 1rem;

	display: flex;
	gap: .5rem;
}

.buscando-comercios {
	padding: 10px;
}

.buscando-comercios form {
	height: 3rem;
	display: flex;
}

.buscando-comercios form .btn {
	width: 20%;
	height: 100%;
	line-height: 3rem;
	margin-top: 0;
	margin-right: 1rem;
	font-size: 1.2em;
	color: #aaa;
}

.buscando-comercios form input[type=text] {
	width: 100%;
	height: 100%;
}

.buscando-comercios form .btn,
.buscando-comercios form input[type=text] {
	background-color: #fefefe;
	border-color: #ddd;
	box-shadow: 0 4px 5px -2px #ccc;
}

.viewCommerce {}

.breadcumb{
	width: 100%;
	display: flex;
	align-items: center;
}

.breadcumb .image {
	width: 100px;
	height: 100px;
	border: .1rem solid;
	border-radius: .5rem;
	flex-shrink: 0;
	overflow: hidden;
}

.breadcumb .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.breadcumb .content{
	width: 100%;
	padding-left: 1rem;
	display: flex;
	flex-direction: column;
	gap: .5rem;
	justify-content: left;
	align-items: center;
}

.breadcumb .content .links{}

.breadcumb .content .title{
	font-size: 3em;
	letter-spacing: -.2rem;
	font-weight: bold;
}


.createCommerce {}

.createCommerce form .phone {}

.createCommerce form .phoneOptional {
	margin-left: 1.5rem;
}

.createCommerce form .image {
	width: 20%;
	margin-bottom: 20px;
	border-radius: 10px;
	border: .1rem solid #ccc;
	overflow: hidden;
}

.createCommerce form .image img {
	width: 100%;
	height: auto;
	display: block;
}

.informacoes {
	padding-top: 40px;
	padding-bottom: 40px;
	color: #333;
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
}

.informacoes .right {
	padding-right: 20px;
}

.informacoes i {
	color: #999;
}

.informacoes .fone {
	width: 100%;
	margin-bottom: 20px;
	float: left;
}

.informacoes .fone:nth-child(2) {
	margin-top: -10px
}

.informacoes .fone i {
	width: 20%;
	height: 40px;
	line-height: 40px;
	font-size: 50px;
	text-align: center;
	float: left;
}

.informacoes .fone span,
.informacoes .fone a {
	width: 80%;
	line-height: 40px;
	font-size: 30px;
	color: #000000;
	float: right;
}

.informacoes .email {
	width: 100%;
	margin-bottom: 20px;
	float: left;
}

.informacoes .email i {
	width: 20%;
	height: 40px;
	line-height: 40px;
	font-size: 50px;
	text-align: center;
	float: left;
}

.informacoes .email span,
.informacoes .email a {
	width: 80%;
	line-height: 40px;
	font-size: 20px;
	color: #000000;
	float: right;
}

.informacoes .endereco {
	width: 100%;
	margin-bottom: 20px;
	float: left;
}

.informacoes .endereco i {
	width: 20%;
	height: 40px;
	line-height: 40px;
	font-size: 50px;
	text-align: center;
	float: left;
}

.informacoes .endereco span {
	width: 80%;
	line-height: 40px;
	font-size: 30px;
	float: right;
}

.informacoes .descricao {
	width: 100%;
	margin-bottom: 20px;
	float: left;
}

.informacoes .descricao i {
	width: 20%;
	height: 40px;
	line-height: 40px;
	font-size: 50px;
	text-align: center;
	float: left;
}

.informacoes .descricao span {
	width: 80%;
	line-height: 30px;
	font-size: 20px;
	float: right;
}

.informacoes #map {
	width: 100%;
	height: 300px;
	border-radius: 10px;
	overflow: hidden;
	float: left;
}

.avaliacoes {
	padding: 40px 0;
}

.avaliacoes .title {
	width: 100%;
	margin-bottom: 30px;
	padding: 0 20px 10px 20px;
	font-size: 30px;
	border-bottom: 1px solid #333;
	float: left;
}

.avaliacoes .title i {
	margin-right: 20px;
}

.avaliacoes .title span {}

.avaliacoes ul {
	width: 100%;
	float: left;
}

.avaliacoes ul li {
	width: 100%;
	padding: 20px;
	margin-bottom: 15px;
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
	box-shadow: 0 2px 4px 0px #CCC;
	border-radius: 5px;
	float: left;
}

.avaliacoes ul li:last-child {
	margin-bottom: 0;
}

.avaliacoes ul li .usuario {
	width: 100%;
	float: left;
}

.avaliacoes ul li .imagem {
	width: 10%;
	border-radius: 10px;
	float: left;
	overflow: hidden;
}

.avaliacoes ul li .imagem img {
	width: 100%;
	height: auto;
}

.avaliacoes ul li .infos {
	width: 100%;
	float: right;
}

.avaliacoes ul li .infos .nome {
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
	font-size: 20px;
	float: left;
}

.avaliacoes ul li .infos .stars {
	width: auto;
	height: 30px;
	line-height: 30px;
	float: left;
}

.avaliacoes ul li .infos .stars i {
	font-size: 20px;
}

.avaliacoes ul li .infos .data {
	width: 100%;
	line-height: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	float: left;
}

.avaliacoes ul li .opiniao {
	width: 100%;
	line-height: 15px;
	padding: 10px;
	background-color: #CCC;
	border-radius: 5px;
	font-size: 14px;
	float: right;
}

.avaliacoes ul li .comerciante {
	width: 100%;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px dashed #EEE;
	float: left;
}

.avaliacoes ul li .comerciante .resposta {
	font-size: 14px;
	font-style: italic;
	margin-bottom: 5px;
	text-align: right;
}

.avaliacoes ul li .comerciante .infos {
	width: 100%;
}

.avaliacoes ul li .comerciante .imagem {}

.avaliacoes ul li .comerciante .nome {}

.avaliacoes ul li .comerciante .opiniao {
	width: 75%;
	color: #FFF;
	background-color: #4fa2c3;
	float: right;
}

.avaliacoes-simples {
	padding: 40px 0;
}

.avaliacoes-simples .title {
	width: 100%;
	margin-bottom: 30px;
	padding: 0 20px 10px 20px;
	font-size: 30px;
	border-bottom: 1px solid #333;
	float: left;
}

.avaliacoes-simples .title i {
	margin-right: 20px;
}

.avaliacoes-simples .title span {}

.avaliacoes-simples ul {
	width: 100%;
	float: left;
}

.avaliacoes-simples ul li {
	width: 100%;
	padding: 30px;
	margin-bottom: 30px;
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
	box-shadow: 0 2px 10px 0px #CCC;
	border-radius: 5px;
	float: left;
}

.avaliacoes-simples ul li:nth-child(odd) {}

.avaliacoes-simples ul li:last-child {
	margin-bottom: 0;
}

.avaliacoes-simples ul li .infos {
	width: 100%;
	float: right;
}

.avaliacoes-simples ul li .infos .usuario {
	line-height: 30px;
	font-size: 18px;
	float: left;
}

.avaliacoes-simples ul li .infos .data {
	height: 10px;
	line-height: 10px;
	font-size: 13px;
}

.avaliacoes-simples ul li .infos .stars {
	width: auto;
	margin-left: 20px;
	float: left;
}

.avaliacoes-simples ul li .infos .stars i {
	font-size: 28px;
}

.avaliacoes-simples ul li .opiniao {
	width: 70%;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
	background-color: #CCC;
	border-radius: 5px;
	font-size: 18px;
	float: left;
}

.avaliacoes-simples ul li .comerciante .usuario {
	float: right;
}

.avaliacoes-simples ul li .comerciante .opiniao {
	color: #FFF;
	background-color: #4fa2c3;
	float: right;
}

.avaliacoes-simples ul li .responder {
	width: 100%;
	padding: 10px;
	margin-bottom: 5px;
	background-color: #EEE;
	border-top: 1px solid #CCC;
	border-radius: 0 0 5px 5px;
	float: left;
	display: none;
}

.avaliacoes-simples ul li .responder a {}

.avaliacoes-simples ul li .responder .form-default textarea {
	padding: 10px;
	font-size: 14px;
	height: 70px;
}

.avaliacoes-simples ul li .responder .form-default .btn {
	height: 40px;
	line-height: 30px;
	margin-top: 5px;
	margin-right: 5px;
	padding: 5px 20px;
	font-size: 18px;
}

.avaliacoes-simples ul li .responder .form-default .btn i {
	font-size: 18px;
}

.enviar-avaliacao {
	margin-top: 10px;
	padding: 0 0 40px 0;
}

.enviar-avaliacao .title {
	width: 100%;
	margin-bottom: 10px;
	padding: 0 20px 10px 20px;
	font-size: 30px;
	border-bottom: 1px solid #333;
	float: left;
}

.enviar-avaliacao .title i {
	margin-right: 20px;
}

.enviar-avaliacao .title span {}

.enviar-avaliacao .form-default label {
	color: #333;
}

.enviar-avaliacao .form-default input,
.enviar-avaliacao .form-default textarea {
	border-color: #333;
}

.enviar-avaliacao .form-default textarea {
	width: 100%;
	max-width: 100%;
}

.enviar-avaliacao .form-default button,
.enviar-avaliacao .form-default a {
	padding: 0 30px;
}

.investimentos {
	padding: 40px 0 0 0;
}

.investimentos .title {
	width: 100%;
	margin-bottom: 30px;
	padding: 0 20px 10px 20px;
	font-size: 22px;
	border-bottom: 1px solid #333;
	float: left;
}

.investimentos .title i {
	margin-right: 20px;
}

.investimentos .title span {}

.investimentos ul {
	width: 100%;
	margin-bottom: 30px;
	float: left;
}

.investimentos ul li {
	width: 100%;
	padding: 20px;
	margin: 10px 0;
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
	box-shadow: 0 2px 10px 0px #CCC;
	border-radius: 5px;
	float: left;
}

.investimentos form label {
	color: #333;
	font-size: 20px;
}

.investimentos form label:first-child {
	margin-top: 0;
}

.investimentos #planos,
.investimentos #payment {
	margin-top: 20px;
}

.investimentos #payment>div {
	width: 100%;
	padding: 20px;
	background-color: #dffec0;
	border-bottom: 1px solid #CCC;
	box-shadow: 0 2px 10px 0px #CCC;
	border-radius: 5px;
	float: left;
}

.investimentos .title {
	margin-bottom: 10px;
}

.investimentos .commerce {
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px dashed #CCC;
	float: left;
}

.investimentos .commerce .expira {
	font-size: 14px;
	font-weight: normal;
	text-transform: none;
	float: right;
}

.investimentos .plan {
	width: 100%;
	margin-bottom: 10px;
	float: left;
}

.investimentos .desc {
	width: 100%;
	font-size: 14px;
	font-style: italic;
	float: left;
}

.investimentos hr {
	width: 100%;
	margin: 20px 0;
	border-bottom: 1px dashed #CCC;
	float: left;
}

.investimentos .total {
	width: 100%;
	text-align: right;
	float: left;
}

.investimentos .total .price {
	font-size: 20px;
	float: right;
}

.nav {
	color: #FFF;
	font-size: 20px;
	background-color: #1C729E;
	box-shadow: 0 0 6px #000;
}

.nav .logo {
	width: 140px;
	top: 10px;
	left: 50%;
	margin-left: -70px;
	position: absolute;
}

.nav .logo i {
	height: 40px;
	line-height: 40px;
	padding: 0;
	margin: 0;
	font-size: 40px;
	float: left;
}

.nav .logo img {
	width: 100%;
}

.nav .buscar {
	width: 240px;
	height: 40px;
	top: 0;
	left: 50%;
	margin-top: 10px;
	margin-left: -50px;
	box-shadow: 0 0 0;
	position: absolute;
}

.nav .buscar form label {
	font-size: 12px;
}

.nav .buscar form input[type=text] {
	height: 40px;
	line-height: 40px;
	padding: 0 10px 0 40px;
	font-size: 14px;
	box-shadow: inset 0 2px 1px 0 #144e6c;
	border-right-color: #1c7eb0;
	border-bottom-color: #2089bf;
	border-left-color: #1c7eb0;
	background-color: #135779;
	border-radius: 5px;
}

.nav .buscar form input[type=text]::-webkit-input-placeholder {
	color: #258bbe;
}

.nav .buscar form input[type=text]::-moz-placeholder {
	color: #258bbe;
}

.nav .buscar form input[type=text]:-ms-input-placeholder {
	color: #258bbe;
}

.nav .buscar form input[type=text]:-moz-placeholder {
	color: #258bbe;
}

.nav .buscar form input[type=text]:focus {
	background-color: #FFF;
	box-shadow: inset 0 2px 1px 0 #BABABA;
}

.nav .buscar form input[type=text]:focus::-webkit-input-placeholder {
	color: #AAA;
}

.nav .buscar form input[type=text]:focus::-moz-placeholder {
	color: #AAA;
}

.nav .buscar form input[type=text]:focus:-ms-input-placeholder {
	color: #AAA;
}

.nav .buscar form input[type=text]:focus:-moz-placeholder {
	color: #AAA;
}

.nav .buscar form input[type=text]:focus~.btn i {
	color: #AAA;
}

.nav .buscar form input[type=text]:focus~.red i {
	color: #f12b10;
}

.nav .buscar form .btn {
	height: 40px;
	line-height: 40px;
}

.nav .buscar form .btn-blue {
	background-color: #2990c4;
	border-color: #2990c4;
}

.nav .buscar form .btn-blue:hover {
	background-color: #2da4e0;
}

.nav .buscar form .btn i {
	font-size: 22px;
	color: #FFF;
}

.nav .buscar form .red i {
	color: #F45343;
}

.nav-search .logo {
	margin-left: -240px;
}

.nav-search .buscar {
	margin-left: 0;
}

.session .logo {
	margin-left: -440px;
}

.session .buscar {
	margin-left: -65px;
}

.footer {
	background-color: #1C729E;
	box-shadow: 0 0 6px #000;
}

.footer ul {}

.footer ul li {
	margin-right: 20px;
	float: left;
}

.footer ul li a {
	color: #FFF;
}

.footer .social {
	height: 40px;
	margin-top: 10px;
}

.footer .social a {
	width: 40px;
	height: 40px;
	line-height: 20px;
	margin-left: 10px;
	padding: 10px;
	text-align: center;
	background-color: #FFF;
	border-radius: 50px;
	float: right;
}

.footer .social a i {
	line-height: 20px;
	font-size: 24px;
}