body  																									{font-family: "Montserrat", serif; font-size: 16px; color: #1c212c; font-weight: 400; line-height: 26px;}
/* <> Gerais*/
:focus 																									{outline: none;}
.background-attrs																				{background-size: cover; background-repeat: no-repeat; background-position: center;}
h1																											{color: #1c212c; font-size: 38px; font-weight: 700; line-height: 32px; letter-spacing: -2px;}
h2																											{color: #1c212c; font-size: 24px; font-weight: 700; line-height: 25px letter-spacing: -2px;}
h3 																											{letter-spacing: -1px;}
.button-white-default 																	{background-color: transparent !important; color: #230140 !important; border: 1px solid #230140 !important;}
.button-white-default:hover															{background-color: #1c212c !important; color: #fff !important; border: 1px solid #1c212c !important;}
a.button-default																				{background-color: #ff7a52; transition: all 200ms linear 0s; padding: .7rem 1.8rem;}
a.button-default:hover, button.submit-button:hover  		{background-color: #ff7a52;}
a.button-purple-default  																{background-color: #1c212c;}
a.button-gray-default  																	{background-color: #eee; color: #1c212c; letter-spacing: -0.5px; font-size: 15px; font-weight: 700;}
a.button-gray-default:hover   													{background-color: #1c212c; color: #fff;}
span.tag-orange  																				{background-color: #ff7a52; color: #fff; transition: all 200ms linear 0s; padding: 6px 20px; font-size: 13px; font-weight: 400; position: relative; top: 0px;}
.float-right  																					{float: right;}
.form-label 																						{font-size: 15px; font-weight: 600; margin-bottom: 3px; display: block;} 
input.form-control, select.form-control, 
textarea.form-control 								  								{background-color: #fff !important;
  border-radius: 8px !important;
  height: 44px !important;
  padding: 4px 15px !important;
  width: 100% !important;
  border: solid 1px #e8e8e8 !important;}
input.form-control:focus, 
textarea.form-control:focus  														{border: 1px solid #ff7a52;}	
input.input-border, textarea.input-border								{border: 1px solid #d5d5d5;}	
textarea.form-control 																	{border-radius: 30px; resize: none;}	
.submit-button, .btn-submit 														{position: absolute; z-index: 99998; margin-left: -80px; background-color: #ff7a52; color: #fff; transition: all 200ms linear 0s; padding: 14.5px 60px; cursor: pointer; font-weight: 700;}
.submit-button:hover i 																	{color: #fff;}
.btn-submit-purple 																			{background-color: #1c212c;}
.btn-submit-purple:hover																{background-color: #ff7a52;}
i.fas:before  																					{font-size: 22px;}
.btn-submit  																						{margin-left: 0px; margin-top: 18px; font-size: 14px;}			
.index .btn-submit																			{margin-top: 29px;}			
.btn-link  									 														{background-color: #ff7a52; color: #fff; transition: all 200ms linear 0s;padding: 20px 45px; cursor: pointer;}
.posi-inherit 																					{position: inherit !important;}
.button-text 																						{color: #1c212c; font-size: 13px; font-weight: 400; width: 220px; display: inline-block; line-height: 20px;}
.button-not-position 																		{position: inherit !important;}
.nice-select .option 																		{line-height: 32px; min-height: 32px;}
.nice-select.open .list 																{max-height: 325px; overflow-y: auto;}
/* </> Gerais  */

/* <> Remodal */
.remodal-close 																					{right: 0 !important; left: inherit; margin: 7px;}
.remodal      																					{max-width: 1000px; color: #1c212c; box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.1); border-radius: 15px;}
.modal-left, .modal-bottom															{text-align: left !important;}
.remodal-close::before  																{font-size: 35px; color: #1c212c;}
.remodal-overlay 																				{background: rgba(68, 40, 91, 0.9);}
.remodal-fotos																					{max-width: 90%; color: #fff; box-shadow: none; border-radius: 15px; background-color: transparent; text-align: left;}

/* </> Remodal */

/* <> Header */
div.main-header																					{height: 550px; background-image: url(/assets/img/header.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;}
div.template-header																			{height: auto; padding: 10px 0px; background: rgb(31,0,58); background: linear-gradient(180deg, rgba(31,0,58,1) 0%, rgba(31,0,58,1) 27%, rgba(72,44,94,1) 100%);}
div.menu-main a  																				{font-size: 14px;}
div.menu-main a.button-default													{margin-left: 15px; padding: 1rem 1.35rem; background: #fff !important; color: #ff7a52;}
div.menu-main a.button-default:hover										{background: #1c212c !important; color: #fff;}
#HeaderTemplate div.menu-main a.button-default:hover		{background: #ff7a52 !important;}
div.main-header h1  																		{font-size: 66px; line-height: 53px; margin-top: 90px; padding-right: 20px; font-weight: 700; letter-spacing: -1px}
div.main-header h1 span  																{color: #ff7a52; font-weight: 700;}
.typed_wrap 																						{/*centers it in the .banner*/}
.typed_wrap h1 																					{display: inline-block;}
.typed::after 																					{content: '|'; display: inline; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; color: #fff; font-weight: 300;}
.typed  																								{color: #ff7a52; font-weight: 700;}
.typed-cursor  																					{opacity: 0; display: none;}
@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; }}
div.main-header h1 b  																	{color: #ff7a52; font-weight: 700;}
div.form-search 																				{margin-top: 45px; padding-right: 20px;}
div.form-search .submit-button													{padding: 20.5px 45px;}
div.filtro-rapido a.button-default											{display: block; text-align: center; font-size: 16px;}
.email-corretor   																			{margin-top: 43px;}
.dados-links 																						{margin-top: 15px;}
.dados-corretor h2 																			{margin-bottom: 20px;}
.links-imovel-detalhe 																	{margin-top: 30px;}

/* Hover Link and Dropdown */
.link 																									{cursor: pointer;position: relative; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; margin: 0 15px;}
.link:hover 																						{color: #fff;}
/*.link::before, .link::after 														{position: absolute;width: 100%;height: 1px;background: white;top: 100%;left: 0;pointer-events: none;}
.link::before */																					{content: '';}
/*.link--metis::before 																		{transform-origin: 100% 50%; transform: scale3d(0, 1, 1); transition: transform 0.3s;}
.link--metis:hover::before 															{transform-origin: 0% 50%; transform: scale3d(1, 1, 1);}
*/
.menu > a 																							{color: #fff;display: block;text-align: center;text-decoration: none;}
.menu ul 																								{background: #fff;opacity: 0;position: absolute;transition: all .5s ease; z-index: 99998 !important; border-radius: 6px; margin-top: -200px;}
.menu:hover ul 																					{height: auto; padding: 10px 5px;opacity: 1;transform: translateY(0); z-index: 99999 !important;  margin-top: 10px;}
.menu ul a 																							{color: #000;display: block;padding: 5px 20px;margin-top: 10px; font-weight: 600;}
.menu i.fas:before 																			{font-size: 13px;position: relative;left: 7px;}
.menu i.fas 																						{transition: 0.9s;}
.menu-efeito-icon:hover i.fas														{transform: rotateX(180deg);}
.menu a 																					{transition: 0.2s;}
.menu a:hover 																					{color: #ff7a52 !important; transition: 0.2s;}

/* End Hover Link and Dropdown */

/* </> Header */

/*Content*/
div.mais-procurados																			{margin-top: 0px; margin-bottom: 30px;}
.index div.mais-procurados															{margin-top: 40px; margin-bottom: 0px;}
div.bloco-imovel																				{height: 250px; background-size: cover; background-repeat: no-repeat; background-position: center; margin: 15px 0px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
div.bloco-imovel:hover, div.bloco-lista:hover						{}
div.bloco-lista:hover div.bloco-imovel									{-ms-transform: scale(1.1); -moz-transform: scale(1.0); -webkit-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0);}
.bloco-imovel div.legend-state													{height: 250px; background-image: url(/assets/img/linear.png);background-position: bottom;background-repeat: repeat-x; padding: 20px;}
div.legend-state p  																		{color: #fff; font-weight: 400; margin-top: 170px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;font-size: 14px;}
div.legend-state p span																	{font-weight: 600; font-size: 18px; position: relative; top: -4px;}
div.bloco-imovel:hover img.arrow-right									{animation: bounceRight 2s infinite;}
img.arrow-right																					{float: right; margin-top: -5px;}
.flex-child 																						{outline:none; cursor:pointer; position: relative; float: right;background-color: transparent !important;}
.flex-child p  																					{position:absolute; top:0; left:0; width:100%; min-height:100%; z-index:1; background-color: transparent !important;}
/*Heart Like*/
.legend-state svg 																			{ width: 25px; position: relative; z-index: 10; top: 9px;left: 7px;}
#heart 																									{fill: #eee; background-color: #ff7a52; stroke-width: 20px; stroke: #ff7a52; stroke-dasharray: 1600; stroke-dashoffset: 1600; stroke-linecap: round;}
#heart:hover {fill: #ff7a52;}
.legend-state input[type="checkbox"] 										{display: none;}
.legend-state label 																		{cursor: pointer; height: 40px; width: 40px; background-color: #fff; display: block; float: right; border-radius: 50%;}
.legend-state input[type="checkbox"]:checked + 
svg #heart 																							{animation: 1s draw-heart linear forwards;}
@keyframes draw-heart 																	{0% {stroke-dashoffset: 1600;} 80% {stroke-dashoffset: 0; fill: #eee;} 100% {fill: #ff7a52; stroke-dashoffset: 0;}}
.legend-state input[type="checkbox"]:checked ~ span  		{animation: .5s blink ease-in-out forwards .85s;}
.legend-state input[type="checkbox"]:checked 
~ span::after  																					{animation: .5s blink-after ease-in-out forwards .85s;}
@keyframes blink  																			{0%{transform: translate(-50%,-50%) scale(0.5); opacity: .8;} 50%{transform: translate(-50%,-50%) scale(1); opacity: .8;} 100%{transform: translate(-50%,-50%) scale(1.1); opacity: 0;}}
@keyframes blink-after  																{0%{transform: translate(-50%,-50%) rotate(45deg) scale(0.5);opacity: .8;} 50%{transform: translate(-50%,-50%) rotate(45deg) scale(1); opacity: .8;} 100%{transform: translate(-50%,-50%) rotate(45deg) scale(1.1); opacity: 0;} }
.legend-state input[type="checkbox"]:checked + svg  		{animation: 1s pop linear forwards;}
@keyframes pop  																				{0%{transform: scale(1);} 70%{transform: scale(1);} 80%{transform: scale(1.2);} 100{transform: scale(1);}}
/* End Heart Like */
.padding-col 																						{padding: 0 15px;}
.bloco-category, .bloco-anuncio  												{height: 500px; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 25px; margin-top: 20px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.bloco-category:hover, .bloco-anuncio:hover  						{}
.bloco-anuncio																					{height: 300px;}
h3.category-title  																			{position: relative; font-size: 50px; line-height: 40px; font-weight: 700; text-transform: uppercase; margin-top: 270px;}
.trocam-por h3.category-title 													{margin-top: 0px;}
/* effect-shine */
.bloco-category:hover h3.effect-shine 									{-webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.7) 30%, #000 50%, rgba(0,0,0,.7) 70%); -webkit-mask-size: 200%; animation: shine 3s infinite;}
@-webkit-keyframes shine 																{from {-webkit-mask-position: 150%;} to {-webkit-mask-position: -50%; }}
/* End effect-shine */
.bloco-anuncio h2  																			{font-size: 38px; line-height: 30px; margin-bottom: 20px; font-weight: 700; margin-top: 50px;}
.bloco-anuncio p  																			{font-size: 16px; padding-right: 50px; font-weight: 500;}
footer  																								{padding: 60px 0px; background-color: #1c212c; margin-top: 0px;}
footer.index																						{margin-top: 70px;}
p.text-rodape 																					{line-height: 30px; margin-top: 28px; padding-right: 40px; font-size: 15px;}
p.endereco-rodape 																			{line-height: 30px; margin-top: 32px; font-size: 15px;}
.links-rodape ul 																				{padding-left: 0px; margin-top: 40px;}
.links-rodape li 																				{margin-top: 10px;}
.links-rodape a   																			{font-size: 15px;}
.links-rodape a:hover      															{color: #ff7a52;}
.logo-rodape b  																				{margin-top: 60px; display: block; font-size: 14px;}
a.link-rede-social 																			{background-image: url(/assets/img/insta.png); background-size: cover; background-repeat: no-repeat; background-position: center; width: 42px !important; height: 42px !important; display: inline-block; margin-right: 12px; margin-top: 15px;}
a.facebook-rede 	  																		{background-image: url(/assets/img/facebook.png); background-size: cover; background-repeat: no-repeat; background-position: center; width: 42px !important; height: 42px !important; display: inline-block;}
a.youtube-rede    																			{background-image: url(/assets/img/youtube.png); background-size: cover; background-repeat: no-repeat; background-position: center; width: 42px !important; height: 42px !important; display: inline-block;}
a.youtube-rede:hover  																	{background-image: url(/assets/img/youtube-hover.png);}
a.insta-rede:hover    																	{background-image: url(/assets/img/instagram-hover.png);}
a.facebook-rede:hover    																{background-image: url(/assets/img/facebook-hover.png);}
.menu li  																							{position:relative; float:left;}
.menu li a  																						{color:#fff; text-decoration:none; display:block;}
.menu li a:hover  																			{color:#fff; }
.menu li ul  																						{position:absolute; top: 50px; left:0; background-color:#fff; display:none; width: 250px;}
.menu li ul a																						{color: black; }
.menu li ul a:hover																			{color: #ff7a52; }
.menu li:hover ul, .menu li.over ul  										{display:block;}
.menu li ul li  																				{display:block;}
/* right bounce */
@-webkit-keyframes bounceRight 													{0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0); transform: translateX(0);} 40% {-webkit-transform: translateX(-30px); transform: translateX(-30px);} 60% {-webkit-transform: translateX(-15px); transform: translateX(-15px);}}
@-moz-keyframes bounceRight 														{0%, 20%, 50%, 80%, 100% {transform: translateX(0);} 40% {transform: translateX(-30px);} 60% {transform: translateX(-15px);}}
@keyframes bounceRight 																	{0%, 20%, 50%, 80%, 100% {-ms-transform: translateX(0); transform: translateX(0);} 40% {-ms-transform: translateX(-30px); transform: translateX(-30px);} 60% {-ms-transform: translateX(-15px); transform: translateX(-15px); }}
/* right bounce */
.slide-slick .slick-prev, .slide-slick .slick-next			{color: transparent; background-image: url(/assets/img/left.png); background-size: cover; background-repeat: no-repeat; background-position: center; width: 48px; height: 24px; position: relative; left: -100px; top: 150px;}
.slide-slick .slick-next 																{background-image: url(/assets/img/right.png); float: right; top: -154px; margin-right: -200px;}
.first-slide-index .slick-prev,
.first-slide-index .slick-next													{left: -70px !important; top: 150px;}
.first-slide-index .slick-next 													{top: -154px; margin-right: -138px !important;}
.first-slide-index .slick-prev:hover 										{background-image: url(/assets/img/right.png); transform: rotate(180deg);}
.first-slide-index .slick-next:hover 										{background-image: url(/assets/img/right.png);}
.slide-detalhe .slick-prev, .slide-detalhe .slick-next	{color: transparent; background-image: url(/assets/img/right.png); background-size: cover; background-repeat: no-repeat; background-position: center; width: 60px; height: 60px; position: absolute; z-index: 99999; margin-left: 20px; top: 230px;}
.slide-detalhe .slick-prev 													{transform: rotate(180deg);}
.slide-detalhe .slick-prev:hover, 
.slide-detalhe .slick-next:hover	 											{opacity: .9;}
.slide-detalhe .slick-next  														{background-image: url(/assets/img/right.png); right: 0; margin-right: 20px; margin-left: 20px; top: 230px;}
.filtro-rapido-scroll  																	{background-color: #eee; display: none;}
.opcoes-filtro 																					{background-color: #eee;}
.filtro-rapido-scroll h2  															{display: inline-block;}
.filtro-rapido-scroll .button-default   								{margin-left: 20px; padding: 0.875rem 40px;}
.close-button  																					{float: right;}
.bloco-filtro-input       															{margin-top: 25px;}
.bloco-filtro-input label  															{font-size: 14px;}
div.opcoes-filtro div.form-search, 
div.opcoes-filtro button.btn-submit  										{margin-top: 0px;}
h2.sub-title  																					{color: #1c212c; margin-top: 15px;}
.icon-padrao                                            {color: #eee; font-size: 23px; margin: 0px 10px;}
.icon-padrao:hover, .icon-active  											{color: #ff7a52;}
.select-default, .select-json														{height: 60px; padding: 9px 30px;width: 100%; border-radius: 50px; border-color: #eee;}
.select-json																						{border: solid 1px #eee !important;}
.select-border  																				{border-color: #1c212c;}
.nice-select .list  																		{width: 100%;}
.nice-select:hover, .nice-select:focus 									{border-color: #ff7a52;}
.icones-links:hover  																		{border-color: #1c212c;}
.pre-infos-imovel  																			{border: 1px solid #EAEDEF; border-bottom-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; padding: 20px;}
.imoveis-list .bloco-imovel, 
.imoveis-list .legend-state  														{margin-bottom: 0px; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
div.bloco-lista  																				{-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; margin-top: -25px;}
p.price  																								{font-size: 22px; border-bottom: 1px solid #eee; padding-bottom: 20px;}
span.codigo  																						{background-color: #eee; color: #a8a8a8; transition: all 200ms linear 0s; padding: 2px 13px; font-size: 12px; font-weight: 400; float: right; position: relative; top: -2px;}
span.codigo-front-image 																{top: 35px; z-index: 99999; left: 14px; float: left; background-color: #fff; color: #ff7a52; font-weight: 500; padding: 6px 15px;}
p.pre-icons-imovel  																		{display: block; font-size: 14px;}
p.pre-icons-imovel span  																{display: inline-block; padding-top: 10px; margin-right: 15px;}
p.pre-icons-imovel span i  															{margin-right: 3px; position: relative; top: 1px;}
p.pre-icons-imovel span.share-icon											{float: right; margin-right: 0px;}
p.pre-icons-imovel span.share-icon  										{float: right; margin-right: 0px;}
.nice-select.open .list 																{z-index: 99999 !important;}
.first-slide-index 																			{margin-top: -20px;}
.number-tamanho, .frase-tamanho    											{display: inline-block; float: left;}
div.legend-state p span.number-tamanho 									{font-size: 45px; font-weight: 700; margin-right: 7px; position: relative; top: 11px; margin-left: 10px;}
div.legend-state p span.frase-tamanho 									{line-height: 20.5px; font-size: 20px;}
div.legend-state p span.frase-tamanho b									{font-size: 15px; font-weight: 500; color: #ff7a52;}
div.legend-state img.arrow-tamanhos 										{margin-top: 15px;}
.sempre-projetou div.legend-state p span  							{font-size: 20px; position: relative; top: -6px;}
a.contatar-thumb 																				{float: right; margin-top: -55px; padding: 1rem 3.5rem; font-weight: 700; font-size: 17px; margin-bottom: 15px;}
.new-thumbs-list .legend-state label 										{float: left; width: 36px;}
.new-thumbs-list .legend-state svg											{top: 0px;}
.new-thumbs-list span.codigo														{background-color: #eee; color: #a8a8a8; font-weight: 500 !important;}
.ui-helper-hidden-accessible 														{display: none;}
.tokenfield 																						{height: 67px; border-radius: 9999px; width: 100%; padding: 1.25rem; border: 1px solid transparent; background-color: #fff; padding-left: 1.8rem;}
.tokenfield .token-input 																{width: auto !important;}
.ui-menu 																								{background-color: #fff; width: 50% !important; border: 1px solid #1c212c;}
.tokenfield .token 																			{border: 1px solid #1c212c; background-color: #1c212c; color: #fff; height: 28px;}
.tokenfield .token .close  															{line-height: 1.63em;}
.ui-menu li 																						{padding: 10px 15px; cursor: pointer;}
.checks-diferenciais .check-dife												{display: none;}
.autocomplete-content 																	{margin-top: 0px; display:block; opacity:1; z-index: 99999 !important; position:relative;}
.autocomplete-content li .highlight 										{color:#444}
.autocomplete-content li img 														{margin:5px 15px; float: right; width: 50px;}
.autocomplete-content li img.img-autocomplete  					{float: left; margin: 10px 10px; width: 30px;}
.dropdown-content li 																		{clear:both; color:rgba(0,0,0,0.87); cursor:pointer; min-height:50px; line-height:1.5rem; width:100%; text-align:left; text-transform:none; border-bottom: 1px solid #e1e1e1;}
.dropdown-content li,
.dropdown-content li:hover,
.dropdown-content li.active,
.dropdown-content li.selected 													{background-color:#fff;}
.dropdown-content li.active.selected 										{background-color:#e1e1e1}
.dropdown-content li.divider 														{min-height:0; height:1px}
.dropdown-content li>a,
.dropdown-content li>span 															{font-size:16px; color:#26a69a; display:block; line-height:22px; padding:14px 16px}
.dropdown-content li>span>label 												{top:1px; left:0; height:18px}
.dropdown-content li>a>i 																{height:inherit; line-height:inherit}
.input-field.col .dropdown-content 
[type="checkbox"]+label 																{top:1px; left:0; height:18px}
.autocomplete																						{border-bottom-right-radius: 99999px; border-bottom-left-radius: 99999px; border-top-left-radius: 99999px; border-top-right-radius: 99999px;}
.autocomplete:focus 																		{border-bottom-right-radius: 99999px; border-bottom-left-radius: 0px; border-top-left-radius: 99999px; border-top-right-radius: 99999px; border: 1px solid transparent !important;}
.h3-1 																									{margin-top: 365px !important;}
.h3-2 																									{margin-top: 245px !important;}
.h3-3 																									{margin-top: 285px !important;}
.h3-4 																									{margin-top: 324px !important;}
.multi_step_form 																				{display: block; height: auto;}
.multi_step_form #msform 																{text-align: center; position: relative; padding-top: 50px; min-height: 820px; max-width: 810px; margin: 0 auto; background: #ffffff; z-index: 1;}
.multi_step_form #msform .tittle 												{text-align: center; padding-bottom: 55px;}
.multi_step_form #msform .tittle h2 										{font: 500 24px/35px "Roboto", sans-serif; color: #3f4553; padding-bottom: 5px;}
.multi_step_form #msform .tittle p 											{font: 400 16px/28px "Roboto", sans-serif; color: #5f6771;}
.multi_step_form #msform fieldset 											{border: 0; padding: 20px 105px 0; position: relative; width: 100%; left: 0; right: 0;}
.multi_step_form #msform fieldset:not(:first-of-type) 	{display: none;}
.multi_step_form #msform fieldset h3 										{font: 500 18px/35px "Roboto", sans-serif; color: #3f4553;}
.multi_step_form #msform fieldset h6 										{font: 400 15px/28px "Roboto", sans-serif; color: #5f6771; padding-bottom: 30px;}
.multi_step_form #msform fieldset .intl-tel-input 			{display: block; background: transparent; border: 0; box-shadow: none; outline: none;}
.multi_step_form #msform fieldset .intl-tel-input
.flag-container .selected-flag 													{padding: 0 20px; background: transparent; border: 0; box-shadow: none; outline: none; width: 65px;}
.multi_step_form #msform fieldset .intl-tel-input 
.flag-container .selected-flag .iti-arrow 							{border: 0;}
.multi_step_form #msform fieldset .intl-tel-input 
.flag-container .selected-flag .iti-arrow:after 				{content: ""; position: absolute; top: 0; right: 0; font: normal normal normal 24px/7px Ionicons; color: #5f6771;}
.multi_step_form #msform fieldset #phone 								{padding-left: 80px;}
.multi_step_form #msform fieldset .form-group 					{padding: 0 10px;}
.multi_step_form #msform fieldset .fg_2, 
.multi_step_form #msform fieldset .fg_3 								{padding-top: 10px; display: block; overflow: hidden;}
.multi_step_form #msform fieldset .fg_3 								{padding-bottom: 70px;}
.multi_step_form #msform fieldset .form-control, 
.multi_step_form #msform fieldset .product_select 			{border-radius: 3px; border: 1px solid #d8e1e7; padding: 0 20px; height: auto; font: 400 15px/48px "Roboto", sans-serif; color: #5f6771; box-shadow: none; outline: none;width: 100%;}
.multi_step_form #msform fieldset 
.form-control.placeholder, 
.multi_step_form #msform fieldset
.product_select.placeholder 														{color: #5f6771;}
.multi_step_form #msform fieldset 
.form-control:-moz-placeholder, 
.multi_step_form #msform fieldset 
.product_select:-moz-placeholder												{color: #5f6771;}
.multi_step_form #msform fieldset 
.form-control::-moz-placeholder, 
.multi_step_form #msform fieldset 
.product_select::-moz-placeholder 											{color: #5f6771;}
.multi_step_form #msform fieldset
.form-control::-webkit-input-placeholder, 
.multi_step_form #msform fieldset 
.product_select::-webkit-input-placeholder 							{color: #5f6771;}
.multi_step_form #msform fieldset .form-control:hover, 
.multi_step_form #msform fieldset .form-control:focus, 
.multi_step_form #msform fieldset 
.product_select:hover, 
.multi_step_form #msform fieldset
.product_select:focus 																	{border-color: #5cb85c;}
.multi_step_form #msform fieldset 
.form-control:focus.placeholder, 
.multi_step_form #msform fieldset 
.product_select:focus.placeholder 											{color: transparent;}
.multi_step_form #msform fieldset 
.form-control:focus:-moz-placeholder, 
.multi_step_form #msform fieldset 
.product_select:focus:-moz-placeholder 									{color: transparent;}
.multi_step_form #msform fieldset 
.form-control:focus::-moz-placeholder, 
.multi_step_form #msform fieldset 
.product_select:focus::-moz-placeholder 								{color: transparent;}
.multi_step_form #msform fieldset 
.form-control:focus::-webkit-input-placeholder, 
.multi_step_form #msform fieldset 
.product_select:focus::-webkit-input-placeholder 				{color: transparent;}
.multi_step_form #msform fieldset .product_select:after {display: none;}
.multi_step_form #msform fieldset 
.product_select:before 																	{content: ""; position: absolute; top: 0; right: 20px; font: normal normal normal 24px/48px Ionicons; color: #5f6771;}
.multi_step_form #msform fieldset .product_select .list {width: 100%;}
.multi_step_form #msform fieldset .done_text 						{padding-top: 40px;}
.multi_step_form #msform fieldset .done_text .don_icon 	{height: 36px; width: 36px; line-height: 36px; font-size: 22px; margin-bottom: 10px; background: #5cb85c; display: inline-block; border-radius: 50%; color: #ffffff; text-align: center;}
.multi_step_form #msform fieldset .done_text h6 				{line-height: 23px;}
.multi_step_form #msform fieldset .code_group 					{margin-bottom: 60px;}
.multi_step_form #msform fieldset 
.code_group .form-control 															{border: 0; border-bottom: 1px solid #a1a7ac; border-radius: 0; display: inline-block; width: 30px; font-size: 30px; color: #5f6771; padding: 0; margin-right: 7px; text-align: center; line-height: 1;}
.multi_step_form #msform fieldset .passport 						{margin-top: -10px; padding-bottom: 30px; position: relative;}
.multi_step_form #msform fieldset .passport .don_icon 	{height: 36px; width: 36px; line-height: 36px; font-size: 22px; position: absolute; top: 4px; right: 0; background: #5cb85c; display: inline-block; border-radius: 50%; color: #ffffff; text-align: center;}
.multi_step_form #msform fieldset .passport h4 					{font: 500 15px/23px "Roboto", sans-serif; color: #5f6771; padding: 0;}
.multi_step_form #msform fieldset .input-group 					{padding-bottom: 40px;}
.multi_step_form #msform fieldset 
.input-group .custom-file 															{width: 100%; height: auto;}
.multi_step_form #msform fieldset .input-group 
.custom-file .custom-file-label 												{width: 168px; border-radius: 5px; cursor: pointer; font: 700 14px/40px "Roboto", sans-serif; border: 1px solid #99a2a8; text-align: center; transition: all 300ms linear 0s; color: #5f6771;}
.multi_step_form #msform fieldset .input-group 
.custom-file .custom-file-label i 											{font-size: 20px; padding-right: 10px;}
.multi_step_form #msform fieldset .input-group 
.custom-file .custom-file-label:hover, 
.multi_step_form #msform fieldset .input-group 
.custom-file .custom-file-label:focus 									{background: #5cb85c; border-color: #5cb85c; color: #fff;}
.multi_step_form #msform fieldset .input-group 
.custom-file input 																			{display: none;}
.multi_step_form #msform fieldset .file_added 					{text-align: left; padding-left: 190px; padding-bottom: 60px;}
.multi_step_form #msform fieldset .file_added li 				{font: 400 15px/28px "Roboto", sans-serif; color: #5f6771;}
.multi_step_form #msform fieldset .file_added li a 			{color: #5cb85c; font-weight: 500; display: inline-block; position: relative; padding-left: 15px;}
.multi_step_form #msform fieldset .file_added li a i 		{font-size: 22px; padding-right: 8px; position: absolute; left: 0; transform: rotate(20deg);}
.multi_step_form #msform #progressbar 									{margin-bottom: 30px; overflow: hidden;}
.multi_step_form #msform #progressbar li 								{list-style-type: none; color: #99a2a8; font-size: 9px; width: calc(100%/3); float: left; position: relative; font: 500 13px/1 "Roboto", sans-serif;}
.multi_step_form #msform #progressbar 
li:nth-child(2):before 																	{content: "";}
.multi_step_form #msform #progressbar 
li:nth-child(3):before 																	{content: "";}
.multi_step_form #msform #progressbar li:before 				{content: ""; font: normal normal normal 30px/50px Ionicons; width: 50px; height: 50px; line-height: 50px; display: block; background: #eaf0f4; border-radius: 50%; margin: 0 auto 10px auto;}
.multi_step_form #msform #progressbar li:after 					{content: ""; width: 100%; height: 10px; background: #eaf0f4; position: absolute; left: -50%; top: 21px; z-index: -1;}
.multi_step_form #msform #progressbar 
li:last-child:after 																		{width: 150%;}
.multi_step_form #msform #progressbar li.active 				{color: #5cb85c;}
.multi_step_form #msform #progressbar li.active:before,
 .multi_step_form #msform #progressbar li.active:after 	{background: #5cb85c; color: white;}
.multi_step_form #msform .action-button 								{background: #5cb85c; color: white; border: 0 none; border-radius: 5px; cursor: pointer; min-width: 130px; font: 700 14px/40px "Roboto", sans-serif; border: 1px solid #5cb85c; margin: 0 5px; text-transform: uppercase; display: inline-block;}
.multi_step_form #msform .action-button:hover, 
.multi_step_form #msform .action-button:focus 					{background: #405867; border-color: #405867;}
.multi_step_form #msform .previous_button 							{background: transparent; color: #99a2a8; border-color: #99a2a8;}
.multi_step_form #msform .previous_button:hover, 
.multi_step_form #msform .previous_button:focus 				{background: #405867; border-color: #405867; color: #fff;}
#msform .multi_step_form fieldset												{position: absolute !important; top: 0 !important;}
.pre-loader-destaques div.legend-state p	        			{background-color: #ebebeb; color: transparent; height: 20px;}
.pre-loader-destaques div.legend-state p img       			{display: none;}
.pre-loader-destaques .bloco-imovel div.legend-state    {background-image: url(/assets/img/linear-loader.png);}
.loader-index 																					{text-align: center;}
.loader-index svg																				{width: 100%;}


/* <> Detalhe Imóvel */
.container-lists																				{min-height: 800px; margin-bottom: 60px;}
.img-slide-detalhe-imovel                               {height: 500px; border-right: 2px solid #fff;}
.icon-imovel																						{color: #fff;}
.lista-icones  																					{margin-top: -80px; position: relative; padding: 30px 0px; margin-bottom: 40px; z-index: 99999 !important;}
.lista-icones ul li  																		{margin-right: 50px; display: inline-block;}
a.icone-detalhe-imovel																	{font-size: 15px;}
a.icone-detalhe-imovel:hover  													{color: #ff7a52;	}
.lista-icones a.active, .lista-icones a.active i  			{color: #ff7a52;}
a.icone-detalhe-imovel i  															{margin-right: 7px; font-size: 23px; position: relative; top: 3px;}
a.icone-detalhe-imovel:hover i  												{color: #ff7a52;}
.icones-dados-geral																			{text-align: right; margin-top: -52px; margin-bottom: 15px;}
.icones-dados-geral i																		{font-size: 24px;}
.icones-maiores-detalhes																{margin-top: 20px;}
.icones-maiores-detalhes i  														{font-size: 30px; margin-right: 10px; margin-left: 0px; position: relative; top: 1px;}
.icones-maiores-detalhes span  													{font-size: 1.2rem; font-weight: 700;}
.dados-descricao p 																			{margin-top: 20px; font-weight: 300;}
.dados-list p 																					{margin-top: 0px; font-weight: 300;}
.dados-list p span																			{font-size: 18px; font-weight: 400; position: relative; top: 1px;}
.dados-descricao h2, .dados-list h2											{margin-top: 51px; margin-bottom: 3px; color: #1c212c;}
.icon-tooltip 																					{color: #ff7a52; margin-right: 5px !important; position: relative; top: 2px;}
.tooltip p    																					{font-size: 15px;}
.tooltip p span    																			{font-size: 14px; font-weight: 300; display: block;}
.con-tooltip i:hover 																		{color: #eee;}
.icones-maiores-detalhes .col-span-4 										{margin-bottom: 15px;}
.dados-buttons  																				{margin-top: 60px;}
.dados-buttons a																				{border: 0px; padding: 1rem 40px; margin-right: 20px; font-size: 15px !important;}
.dados-bloco-preco 																			{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); padding: 40px 30px; margin-top: -70px; position: relative; z-index: 99999 !important; background: #fff;}
.dados-bloco-preco p.preco-de 													{font-size: 17px;}
.dados-bloco-preco p.preco-full 												{font-size: 42px; color: #1c212c; font-weight: 700; margin-bottom: -13px; margin-top: -13px;}
.preco-imovel-int .dados-bloco-preco p.preco-full				{margin-bottom: 42px; margin-top: 8px; font-weight: 800 !important; letter-spacing: -1px;}
.dados-bloco-preco p.preco-de span 											{text-decoration: line-through;}
.dados-bloco-preco p.preco-de  span.tag-orange					{text-decoration: none; text-transform: uppercase;}
.valores-iptu-m2 																				{margin-top: 20px; margin-bottom: 10px;}
.valores-iptu-m2 b																			{font-size: 21px; display: block; margin-top: -3px; font-weight: 700 !important;}
.dados-bloco-preco b  																	{font-weight: 600; letter-spacing: -1px;}
.dados-corretor 																				{margin-top: 60px;}
.background-corretor 																		{position: relative; width: 140px; height: 138px; border-radius: 50%; border: 4px solid #1c212c; margin-bottom: 30px;}
.background-corretor:before 														{content: " "; border-radius: 50%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border: 4px solid #fff;}
.infos-corretor 																				{font-size: 15px; margin-top: 20px;}
.infos-corretor b																				{font-size: 20px; font-weight: 700;}
.dados-links-imovel 																		{margin-top: 40px;}
.dados-links-imovel a																		{display: inline-block; width: 100%; text-align: center; margin-bottom: 15px; font-size: 15px;}
.dados-negociacao 																			{margin-top: 40px;}
.dados-negociacao img																		{display: inline-block; margin-bottom: 15px; width: 45px;}
.dados-negociacao a 																		{margin-top: 20px; line-height: 18px; background: #FFFFFF; border: 1px solid #d5d5d5; box-sizing: border-box; border-radius: 15px; text-align: center; padding: 16px 22px; font-size: 12px; display: block; width: 100%; font-weight: 700;}
.dados-negociacao a i																		{display: block; margin-bottom: 10px;}
.dados-negociacao a:hover i															{color: #1c212c;}
.dados-negociacao a:hover 															{color: #ff7a52;}
.modal-left .background-corretor 												{width: 90px; height: 90px; border: 3px solid #1c212c; margin-top: 30px;}
.modal-left .infos-corretor     												{color: #1c212c; margin-top: 32px;}
.modal-left .infos-corretor b 													{font-size: 16px; font-weight: 600;}
.modal-left .infos-corretor p 													{margin-top: -3px;}
.modal-right .background-imovel  												{height: 110px; border-radius: 15px; margin-top: 20px;}
.modal-left .nome-corretor 															{margin-top: 9px; display: block;}
.remodal .form-label 																		{font-size: 15px;}
.remodal .cbx span   																		{color: #777777; opacity: .8;}
.remodal .cbx   																				{display: block; margin-top: 3px;}
.remodal .btn-submit 																		{margin-top: 0px;}
.remodal .modal-bottom																	{margin-top: 30px;}
.remodal-fotos h2 																			{margin-bottom: 25px;}
.remodal-fotos b 																			  {display: block;}
.remodal-fotos p 																			  {margin-top: 5px;}
.remodal-fotos h3																			  {color: #fff; font-size: 24px; font-weight: 700; line-height: 25px; margin-top: 30px; margin-bottom: 60px;}
.remodal-fotos a.button-default												  {display: block; text-align: center; margin-top: 15px; margin-bottom: 15px;}
.remodal-fotos .remodal-close::before  									{color: #fff;}
.slider-single h3 																			{line-height: 10rem;}
.slider-nav h3::before 																	{content: ""; display: block; padding-top: 75%;}
.slider-nav h3 span 																		{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.slider-nav .slick-slide 																{cursor: pointer; }
.slick-slide.is-active h3 															{color: #c00;}
.thumbnail  																						{height: 120px; margin-right: 10px; margin-top: 10px;}
.img-slick-modal 																				{height: 600px; width: 100%;}
.remodal-fotos .slick-prev, .remodal-fotos .slick-next	{color: transparent; background-image: url(/assets/img/arrow-white-left.png); background-size: cover; background-repeat: no-repeat; background-position: center; width: 64px; height: 64px; position: relative; left: -100px; top: 330px;}
.remodal-fotos .slick-next 															{background-image: url(/assets/img/arrow-white-right.png); float: right; top: -334px; margin-right: -200px;}
.remodal-fotos .slick-slider 														{margin-top: -60px;}
.remodal-fotos .slider-nav															{margin-top: 0px;}
.gray-modal-title 																			{color: #1c212c !important; font-size: 18px; line-height: 20px; margin-top: 20px;}
.geolocalizacao #map																		{height:700px;}
.leaflet-pane div.bloco-imovel  												{margin: 0px; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; height: 165px !important;}
.leaflet-pane div.legend-state  												{height: 165px; background-position: 0px 50px; padding: 15px; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important;}
.leaflet-pane span.codigo  		  												{top: 6px !important; float: left !important;}
.leaflet-pane div.legend-state p  											{margin-top: 100px !important; font-weight: 500 !important;}
.leaflet-pane p.price  					  											{color: #1c212c; font-weight: 700; margin: 0px; margin-top: -15px; padding-bottom: 5px;}
.leaflet-container a 																		{color: #1c212c; font-weight: 700;}
.leaflet-container p.pre-icons-imovel span 							{padding-top: 0px;}
.leaflet-popup-content  																{margin: 0px !important;}
.leaflet-popup-content-wrapper, .leaflet-popup-tip  		{background-color: transparent !important; box-shadow: none;}
.pre-infos-imovel  																  		{background-color: white !important; padding-bottom: 5px !important;}
p.pre-infos-imovel  																  	{font-size: 15px;}
.leaflet-pane i.fas::before  														{font-size: 16px;}
.contend-imovel 																				{margin-bottom: 60px;}
.resguardo 																							{margin-top: 50px; font-size: 12px; padding-right: 83px; line-height: 20px; font-weight: 600 !important}
.dados-imovel .legend-state svg    											{top: 0px;}
.dados-imovel .icones-dados-geral a											{margin-left: 5px; margin-right: 5px;}
.dados-imovel .icones-dados-geral a i										{color: #eee;}
.dados-imovel .icones-dados-geral a i:hover							{color: #1c212c;}
.check-difes 																						{display: none;}
.btn-share 																							{--btn-inner-color: transparent; --btn-overlay-color: #1F1E1E; --icon-color: #1c1d2a; position: relative; display: flex; font-size: 100%; font-family: Lato, sans-serif; color: #eee; letter-spacing: 2px; background: var(--btn-inner-color); border: none; border-radius: 80px; outline: none; cursor: pointer; overflow: hidden; float: right; transform: rotate(0); transition: 0.2s ease-in-out; top: -17px; margin-right: 10px;}
.btn-share .btn-overlay 																{position: absolute; top: 0; left: 0; z-index: 1; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: transparent; border-radius: inherit; transition: 0.6s linear;}
.btn-share a 																						{padding: 14px; color: #1c212c; opacity: 0; transform: translateX(-100%); transition: 0.3s; margin-top: 1px;}
.btn-share a:nth-child(1) 															{transition-delay: 1s;}
.btn-share a:nth-child(2) 															{transition-delay: 0.8s;}
.btn-share a:nth-child(3) 															{transition-delay: 0.6s;}
.btn-share a:nth-child(4) 															{transition-delay: 0.4s;}
.btn-share:hover 																				{transform: scale(1.1);}
.btn-share:hover .btn-overlay 													{transform: translateX(-100%); transition-delay: 0.25s;}
.btn-share:hover a 																			{opacity: 1; transform: translateX(0);}
.span-button 																						{display: inline-block;}
.backg-fotos 																						{position: absolute; height: 100px; background-image: linear-gradient(to bottom, transparent 0%, rgb(54, 53, 67) 200%) !important z-index: 99999 !important; width: 100% !important; top: 400px;}
/* </> Detalhe Imóvel*/


/* <> Tooltips */
.con-tooltip 																						{position: relative; background: transparent; border-radius: 9px; padding: 0 10px; display: inline-block; transition: all 0.3s ease-in-out; cursor: pointer;}
.tooltip 																								{visibility: hidden; width: 245px; z-index: 99999; opacity: .40; padding: 10px 20px; background: #fff; color: #1c212c; position: absolute; top:-220%; left: -100%; border-radius: 12px; font: 16px; transform: translateY(9px); transition: all 0.3s ease-in-out; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);}
.con-tooltip:hover .tooltip															{visibility: visible; transform: translateY(-10px); opacity: 1; transition: .3s linear;}
@keyframes odsoky 																			{0%{transform: translateY(6px);	} 100%{transform: translateY(1px);	}}
.left .tooltip																					{ top:-20%; left:-170%; }
.left .tooltip::after 																	{top:40%; left:90%; transform: rotate(-90deg);}
.bottom .tooltip 																				{top:115%; left:-20%; }
.bottom .tooltip::after 																{top:-17%; left:40%; transform: rotate(180deg);}
.right .tooltip 																				{top:-20%; left:115%; }
.right .tooltip::after 																	{top:40%; left:-12%; transform: rotate(90deg);}
.success-alert 																					{color: #428050; background-color: #d4edda; border-color: #c3e6cb; margin-top: 15px; font-size: 14px; display: none;}
.warning-alert 																					{color: #937d3c; background-color: #fff3cd; border-color: #ffeeba; margin-top: 15px; font-size: 14px; display: none;}
/* </> Tooltips */


/* <> Contato | Como Chegar | Simule Financiamento */
.background-left 																				{background-image: url(/assets/img/contato.png); height: 825px;}
.content-contato 																				{margin-top: 50px; padding-left: 86px; padding-right: 80px;}
.content-contato h1 																		{margin-bottom: 30px; margin-top: 30px; font-weight: 900; font-size: 37px;}
.contato-buttons .button-default												{margin-right: 20px;}
.icon-button 																						{color: #ff7a52; position: relative; top: 2px; margin-right: 7px;}
.content-contato .button-icon:hover i										{color: #fff;}
.content-contato a.opacity-button 											{filter: grayscale(1); opacity: .2; background: #fff; color: #1c212c; border: 1px solid #1c212c;}
.content-contato a.opacity-button:hover									{filter: grayscale(0); opacity: 1;}
.content-contato a.opacity-button:hover i								{color: #1c212c}
.contato-buttons 																				{margin-bottom: 80px;}
.content-contato h2  							 											{line-height: 20px;}
.input-div 																							{margin-top: 10px;}
.canais-atendimento 																		{background-color: #eee; padding: 60px 0px;}
.canais-atendimento h2																	{margin-bottom: 40px; line-height: 20px;}
.infos-atendimento h2 																	{color: #1c212c; text-transform: uppercase; line-height: 20px; font-size: 23px; margin-bottom: 30px;}
.icon-infos-atendimento 																{text-align: right;}
.icon-infos-atendimento i	 															{font-size: 30px; color: #fff;}
.infos-atendimento p 																		{font-weight: 600; font-size: 20px; margin-top: 20px;}
.infos-atendimento p span																{font-weight: 400; font-size: 15px; display: block; margin-top: -5px;} 
.background-chegar 																			{background-image: url(/assets/img/como_chegar.png);}
#map 			  																						{width: auto; height: 400px; margin-top: 30px; margin-bottom: 50px;}
.button-map a.button-default 														{display: inline-block; width: 100%; text-align: center; margin-bottom: 35px;}
.background-simule 																			{background-image: url(/assets/img/simule.png);}
.contato-buttons h1																			{line-height: 35px;}
.simule-financiamento 																	{margin-bottom: 0px;}
.infos-atendimento span 						{font-weight: 500; line-height: 21px; display: inline-block; font-size: 15px;}
.infos-atendimento small 						{display: inline-block; line-height: 20px; font-weight: 500;}
.content-contato button.btn-submit  										{margin-top: 42px; padding: 17.5px 60px;}
.resumo-proposta .btn-submit  										{padding: 17.5px 60px;}
.infos-atendimento .big-number 																						{color: #ff7a52; display: block; font-size: 74px; letter-spacing: -1px; font-weight: 700; margin-top: 40px; margin-bottom: 20px;}
.infos-atendimento .big-number span 																				{position: relative; top: -32px; font-size: 22px;}
.infos-atendimento h2.h2-orange		 											{color: #ff7a52; margin-bottom: 50px; text-transform: inherit !important;}
.parcelas 																							{display: block; margin-top: 0px; font-size: 17px;}
.digital 																								{background-image: url(/assets/img/digital_seguro.png); height: 750px; padding-top: 200px;}	
.digital h2																							{text-transform: inherit !important; font-size: 38px; line-height: 35px; color: #ff7a52;}	
.digital p																							{color: #fff; font-size: 14px; font-weight: 400; margin-bottom: 60px;}	
.background-financiamento																{height: 780px !important;}

/* </> Contato | Como Chegar | Simule Financiamento */



/* <> Etapas de Cadastro */
.background-cadastro 																		{background-image: url(/assets/img/cadastre_voce_mesmo.png);}	
.bloco-tipo-cadastro h2																	{font-size: 34px; line-height: 28px; margin-bottom: 20px;}
.bloco-tipo-cadastro a.button-default										{margin-top: 30px; display: inline-block; text-align: center;}
.chamada-cadastro 																			{margin-top: 60px;}
.chamada-cadastro a																			{text-decoration: underline;}
.header-passo-a-passo 																	{background-color: #eee;}
.header-passo-a-passo h1																{line-height: 30px;}
.design-process-section .text-align-center 							{line-height: 25px; margin-bottom: 12px;}
.design-process-content 																{border: 1px solid #e9e9e9; position: relative; padding: 16px 34% 30px 30px;}
.design-process-content img 														{position: absolute; top: 0; right: 0; bottom: 0; z-index: 0; max-height: 100%;}
.design-process-content h3 															{margin-bottom: 16px;}
.design-process-content p 															{line-height: 26px;margin-bottom: 12px;}
.process-model 																					{list-style: none; padding: 0; position: relative; margin: 0px auto; border: none; z-index: 0; margin-top: -20px; margin-bottom: 20px;}
.process-model li::after 																{background: #EAEEF2 none repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 4px; position: relative; top: -57px; width: 100%; z-index: -1; left: 100px;}
.process-model li.visited::after 												{background: #1c212c none repeat scroll 0 0;;}
.process-model li:last-child::after 										{width: 0;}
.process-model li 																			{display: inline-block; width: 15.5%; text-align: center; float: none;}
.nav-tabs.process-model > li.active > a,
.nav-tabs.process-model > li.active > a:hover, 
.nav-tabs.process-model > li.active > a:focus, 
.process-model li a:hover, 
.process-model li a:focus 															{border: none; background: transparent;}
.process-model li a 																		{padding: 0; border: none; color: #eee;}
.process-model li a:hover, 
.process-model li a:hover p  														{color: #1c212c;}
.process-model li a p 																	{font-size: 15px; color: #1c212c; font-weight: 500;}
.process-model li.active,
.process-model li.visited 															{color: #1c212c;}
.process-model li.active a,
.process-model li.active a:hover,
.process-model li.active a:focus,
.process-model li.visited a,
.process-model li.visited a:hover,
.process-model li.visited a:focus 											{color: #1c212c;}
.process-model li.active p,
.process-model li.visited p 														{font-weight: 600; color: #1c212c;}
.process-model li i 																		{display: block; height: 90px; width: 90px; text-align: center; margin: 0 auto; background: #f5f6f7; border: 20px solid #fff; line-height: 51px; font-size: 17px; border-radius: 50%;}
.process-model li.active i, 
.process-model li.visited i  														{background-color: #1c212c; border-color: #1c212c; color: #fff; border: 20px solid #fff;}
.process-model li p 																		{font-size: 15px; margin-top: -12px;}
.process-model.contact-us-tab li.visited a, 
.process-model.contact-us-tab li.visited p 							{color: #606060!important; font-weight: normal}
.process-model.contact-us-tab li::after  								{display: none; }
.process-model.contact-us-tab li.visited i 							{border-color: #e5e5e5;}
@media screen and (max-width: 560px) {
  .more-icon-preocess.process-model li span 						{font-size: 23px; height: 50px; line-height: 46px; width: 50px; }
  .more-icon-preocess.process-model li::after 					{top: 24px;}
}
@media screen and (max-width: 380px) { 
    .process-model.more-icon-preocess li 								{width: 16%;}
    .more-icon-preocess.process-model li span 					{font-size: 16px; height: 35px;line-height: 32px;width: 35px;}
    .more-icon-preocess.process-model li p 							{font-size: 8px;}
    .more-icon-preocess.process-model li::after 				{top: 18px;}
    .process-model.more-icon-preocess 									{text-align: center;}
}
.cbx 																										{-webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; cursor: pointer;}
.cbx span 																							{display: inline-block; vertical-align: middle; transform: translate3d(0, 0, 0);}
.cbx span:first-child 																	{position: relative; width: 30px; height: 30px; border-radius: 50%; transform: scale(1); vertical-align: middle; border: 1px solid #B9B8C3; transition: all 0.2s ease; background: white; top: -1px;}
.cbx span:first-child svg 															{position: absolute; z-index: 1; top: 11px; left: 9px; fill: none; stroke: white; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16px; stroke-dashoffset: 16px; transition: all 0.3s ease; transition-delay: 0.1s; transform: translate3d(0, 0, 0);}
.cbx span:first-child:before 														{content: ""; width: 100%; height: 100%; background: #ff7a52;; display: block; transform: scale(0); opacity: 1; border-radius: 50%; transition-delay: 0.2s;}
.cbx span:last-child 																		{margin-left: 24px; width: 80%; font-size: 14px; margin-top: -1px;}
.cbx span:last-child:after 															{content: ""; position: absolute; top: 8px; left: 0; height: 1px; width: 100%; background: transparent; transform-origin: 0 0; transform: scaleX(0);}
.cbx:hover span:first-child 														{border-color: #ff7a52;}
.inp-cbx:checked + .cbx span:first-child 								{border-color: #ff7a52; background: #ff7a52; animation: check 0.6s ease;}
.inp-cbx:checked + .cbx span:first-child svg 						{stroke-dashoffset: 0;}
.inp-cbx:checked + .cbx span:first-child:before 				{transform: scale(2.2);opacity: 0;transition: all 0.6s ease;}
.inp-cbx:checked + .cbx span:last-child 								{transition: all 0.3s ease;}
.inp-cbx:checked + .cbx span:last-child:after 					{transform: scaleX(1); transition: all 0.3s ease;}
@keyframes check 																				{50% {transform: scale(1.2);}}
/* Form Step Styles */
#msform 																								{position: relative; height: auto;}
#msform fieldset 																				{border: 0 none; box-sizing: border-box; width: 100%; position: relative;}
#msform fieldset:not(:first-of-type) 										{display: none;}
.fs-title 																							{font-size: 15px; text-transform: uppercase; color: #2C3E50; margin-bottom: 10px;}
.fs-subtitle 																						{font-weight: normal; font-size: 13px; color: #666; margin-bottom: 20px;}
#progressbar 																						{margin-bottom: 30px; overflow: hidden; counter-reset: step;}
#progressbar li 																				{list-style-type: none; color: #1c212c; text-transform: uppercase; font-size: 13px; width: 33.33%; float: left; position: relative; text-align: center;}
#progressbar li:before 																	{content: counter(step); counter-increment: step; width: 35px; line-height: 35px; display: block; font-size: 14px; color: #333; background: white; border-radius: 3px;margin: 0 auto 5px auto; text-align: center;}
#progressbar li:after 																	{content: ''; width: 100%; height: 2px; background: white; position: absolute; left: -50%; top: 17px; z-index: -1; /*put it behind the numbers*/}
#progressbar li:first-child:after 											{content: none; }
#progressbar li.active:before, 
#progressbar li.active:after  													{background: #1c212c; color: white; border-radius: 50%; font-weight: 700;}
.previous-button 																				{position: inherit; margin-right: 20px;}
.back-button 																						{margin-right: 20px;}
h3.sub-title 																						{color: #ff7a52; font-size: 18px; font-weight: 700; line-height: 25px; margin-top: 30px;}
.caracter-div img 																			{opacity: 0; display: inline-block; margin-right: 7px; position: relative; top: -1px;}
.caracter-div p   																			{font-size: 15px; color: #C4C4C4; cursor: pointer;}
.caracter-div p:hover, .caracter-div p.active						{color: #1c212c;}
.caracter-div p:hover	img, 
.caracter-div p.active img															{opacity: 1;}
.progress-cadastro 																			{height: 3px; background-color: #ff7a52;}
.caracter-div p.desc-images 														{color: #1c212c;}
a.btn-selecionar-imagens 																{margin-top: 3px; display: inline-block; text-align: center;}
.imagem-uplo 																						{height: 180px; border-radius: 15px; margin-top: 20px;}
.imagem-uplo a																					{width: 40px; height: 40px; border-radius: 50%; background-color: #fff; display: inline-block; text-align: center; float: right; margin-top: 10px; margin-right: 10px; opacity: .8;}
.imagem-uplo a:hover																		{opacity: 1;}
.imagem-uplo a img																			{width: 15px; display: inline-block; position: relative; top: 8px;}
.textos-conclusao h3																		{margin-top: 20px !important; }
.sucesso-cadastro 																			{height: 900px !important;}
#msform span.button-default, 
#msform button.button-default 													{padding: .9rem 2rem; display: inline-block; margin-right: 6px; margin-bottom: 10px;background-color: #ff7a52; transition: all 200ms linear 0s; color: #1c212c;}
.bloco-inputs-cadastro 																	{margin-bottom: 40px; margin-top: 20px;}
.bloco-inputs-cadastro label														{font-weight: 600; font-size: 15px;}
.bloco-inputs-cadastro .pre-checks 											{cursor: pointer;}
input[type="file"].custom 															{border: 0; clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; padding: 0; position: absolute !important; white-space: nowrap; width: 1px;}
.remove_project_file 																		{background: tomato; border-radius: 100px; color: #fff; border: 1px solid tomato; transition: 0.5s linear; outline: none; float: right; width: 40px !important; height: 40px; text-align: center; padding: 5px 6px; margin-top: 4px !important;}
.bloco-inputs-cadastro img.info-opacity									{width: 50px; position: relative; left: -65px;top: 45px;}
.bloco-infos-inputs-cadastro,
.bloco-infos-inputs-cadastro-preco											{margin-top: 159px; padding-left: 40px; opacity: .4; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.bloco-infos-inputs-cadastro:hover,
.bloco-infos-inputs-cadastro-preco:hover								{opacity: 1;}
.bloco-infos-inputs-cadastro-preco 											{margin-top: 30px;}
.fotos-melhores 																				{color: #C4C4C4; font-weight: 600;}
.fotos-melhores img																			{width: 50px; display: inline-block; margin-right: 10px;}



/* </> Etapas de Cadastro */


/* <> Termos de uso, políticas e perguntas frequentes */
.back-termos 																						{background-image: url(/assets/img/termos.png); height: 400px;}
.back-termos h2 																				{margin-top: 120px; margin-bottom: 25px; font-size: 21px;}
.back-termos h1 																				{font-size: 80px;}
.text-div label 																				{color: #ff7a52; font-weight: 700; display: block; margin-top: 40px;}
.text-div p 																						{margin-top: 15px;}
.text-div   																						{margin-bottom: 65px;}
/* </> Termos de uso, políticas e perguntas frequentes */


/* <> Resultado de Pesquisa */
.infos-pesquisa span 																		{color: #777777; display: block; margin-top: -15px;}
.infos-pesquisa p  																			{font-size: 22px;}
.form-itens 																						{margin-top: 15px;}
.form-itens label																				{color: #777777; display: block; margin-bottom: 5px;}
.form-itens input.form-control													{border: 1px solid #eee;}
.buttons-filter-pesquisa  															{margin-top: 40px;}
.buttons-filter-pesquisa .btn-link											{margin-right: 20px;}
.infos-resultados 																			{margin-top: 40px;}
.bloco-result-imovel  																	{padding-right: 0px; border-radius: 20px; margin-bottom: 30px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.bloco-result-imovel:hover															{}
.thumb-imovel-resultado  																{height: 230px; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.infos-resultados .codigo  															{margin-top: -25px;}
.preco-thumb  																					{margin-top: 5px; font-size: 32px; font-weight: 800; margin-bottom: 5px; color: #ff7a52;}
.endereco-imovel-resultado 															{margin-top: 15px; font-size: 14px; line-height: 20px; color: #584864;}
.infos-resultados .pre-icons-imovel  										{margin-top: 0px;}
.infos-resultados .pre-icons-imovel 		  							{text-align: left;}
.infos-resultados .pre-icons-imovel span  							{margin-right: 30px;}
/* </> Resultado de Pesquisa */


/* <> Login */
.login .btn-submit 																			{margin-right: 20px;}
.frase-chamada-cadastro a																{font-weight: 700; text-decoration: underline;}
.frase-chamada-cadastro h2															{margin-top: 60px; margin-bottom: 30px;}
.background-login 																			{background-image: url(/assets/img/login.png);}
.login .contato-buttons 																{margin-bottom: 50px; margin-top: 30px;}


/* </> Login */


/* <> Crie sua Conta */
.criar-conta h2 																				{margin-top: 20px; margin-bottom: 40px;}
.check-termos a 																				{font-weight: 700; text-decoration: underline;}
.check-div 																							{margin-top: 40px; margin-bottom: 20px;}
.criar-conta .button-text  															{position: relative; top: 10px;}
.cadastro-banner 																				{background-image: url(/assets/img/criar_conta.png); height: 800px; margin-top: 80px;}
.cadastro-banner h2 																		{font-size: 38px; margin-top: 180px; line-height: 34px; margin-bottom: 50px;}
.cadastro-banner p  																		{margin-bottom: 70px;}
/* </> Crie sua Conta */


/* <> Meu imóvel Ideal */
.imovel-ideal h2 																				{margin-top: 20px; margin-bottom: 40px;}
.selects-div 																						{height: 90px;}
.imovel-ideal  																					{margin-bottom: 60px;}

/* </> Meu imóvel Ideal */


/* <> Seja um Parceiro */
.banner-parceiro																				{background: #ff7a52; height: 230px; padding-top: 65px;}
.banner-parceiro h1 																		{font-size: 51px; color: #fff; line-height: 50px; text-transform: uppercase;}
.logo_painel 																						{margin-top: 24px;}
.seja-parceiro 																					{padding: 70px 0px; padding-bottom: 0px;}
.seja-parceiro h2																				{font-size: 38px; margin-bottom: 40px;}
.seja-parceiro .planos-title 														{margin-top: 50px;}
.plano-bloco 																						{-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; padding: 28px; border: 1px solid #eee; width: 18%; border-radius: 12px; float: left; margin: 0 1%; margin-top: 25px; margin-bottom: 50px; padding-top: 40px;}
.plano-bloco h3																					{color: #ff7a52; font-size: 28px; font-weight: 700; margin-bottom: 25px;}
.plano-bloco p   																				{line-height: 22px; font-size: 15px; font-weight: 300;}
.plano-bloco p span																			{text-transform: uppercase; font-weight: 600; font-size: 18px; line-height: 20px; margin-top: 4px; display: block;}
.plano-bloco p.preco-plano 															{color: #ff7a52; font-weight: 700; font-size: 64px; margin-top: 50px;}
.plano-bloco p.preco-plano small												{font-weight: 400; font-size: 15px; position: relative; top: -17px;}
.plano-bloco p.preco-plano b   													{font-weight: 700; font-size: 26px;}
.plano-bloco p.preco-plano span 												{display: block; color: #C4C4C4; font-weight: 400; margin-left: 23px; margin-top: 0px; font-size: 15px;}
.plano-bloco ul																					{margin-top: 35px; height: 180px;}
.plano-bloco li																					{font-size: 15px;}
.plano-bloco a.button-white-default											{display: block; text-align: center; margin-top: 40px; font-size: 17px; margin-bottom: 30px;}
.nao-conhece 																						{padding: 70px 0px; background-color: #ff7a52; margin-top: 40px; padding-left: 100px;}
.nao-conhece h4																					{color: #fff; font-size: 20px; font-weight: 700; margin-bottom: 20px; line-height: 22px;}
.nao-conhece p																					{line-height: 25px; padding-right: 23px; font-size: 18px;}
.nao-conhece a.button-white-default											{text-align: center; margin-top: 30px; background: #fff !important; display: inline-block; border-color: #fff !important; width: 80%;}
.nao-conhece a.button-white-default:hover								{color: #1c212c !important; }
.plano-bloco:hover  																		{}
.seja-staal .background-left														{background-image: url(/assets/img/seja_staal.png); height: 1450px;}
.seja-corretor .background-left													{background-image: url(/assets/img/seja_staal_corretor.png); height: 1350px;}
.sucesso-seja-staal 																		{background-image: url(/assets/img/sucesso_seja_staal.jpg); height: 100vh; padding-top: 230px;}
.sucesso-seja-staal h4																	{font-weight: 700; font-size: 18px;}
.sucesso-seja-staal h2																	{font-weight: 700; font-size: 62px; margin-top: 10px;}
.sucesso-seja-staal p 																	{margin-top: 50px; margin-bottom: 70px;}
.sucesso-seja-staal a 																	{background-color: #fff !important; border-color: #fff !important;}  















/* </> Seja um Parceiro */
/* <> Proposta Formal */
.dado-imovel-proposta 																	{padding: 10px 30px;}
.dado-imovel-proposta p.endereco												{font-size: 16px; margin-top: 20px;}
.dado-imovel-proposta p.preco														{color: #ff7a52; font-weight: 700; font-size: 26px; margin-top: 25px; margin-bottom: 0px;}
.border-proposta-imovel 																{border: 1px solid #eee; box-sizing: border-box; border-radius: 20px; margin-bottom: 60px;}
.imagem-proposta .bloco-imovel 													{margin: 0px;}
.imagem-proposta span.codigo 														{top: inherit; background-color: #ff7a52; color: #fff; transition: all 200ms linear 0s; padding: 6px 20px; font-size: 13px; font-weight: 400; float: left; position: relative; margin-top: 200px; margin-left: 25px;}
.info-input 																						{transition: all 200ms linear 0s; text-align: right; filter: grayscale(1); opacity: .3; margin-top: -70px; margin-bottom: 40px; cursor: pointer;}
.info-input:hover 																			{filter: grayscale(0); opacity: 1;transition: all 200ms linear 0s;}
.info-input p																						{margin-right: -330px; width: 300px; text-align: left;float: right;}
.info-input p	span																			{color: #ff7a52; font-weight: 700; font-size: 20px; line-height: 22px; display: block; margin-bottom: 10px; margin-top: -2px;}
.resumo-proposta 																				{background-color: #eee; padding: 60px 0px; margin-top: 80px;}
.resumo-proposta h2 																		{margin-bottom: 40px;}
.resumo-proposta .btn-submit														{margin-top: 30px;}
.resumo-proposta h3 																		{margin-top: 20px; font-weight: 600; font-size: 18px; margin-bottom: 10px; margin-top: 43px;}
.resumo-proposta span.price															{color: #ff7a52; font-size: 54px; font-weight: 700; line-height: 35px;}
.resumo-proposta span.price	small												{font-size: 25px; position: relative; top: -20px;}
.financiamento-proposta 																{background-image: url(/assets/img/proposta.jpg); height: 700px; padding-top: 230px;}
.financiamento-proposta p																{margin-top: 25px; font-size: 17px;}
.financiamento-proposta .button-white-default  					{background-color: #fff !important; border-color: #fff !important; display: inline-block; text-align: center; margin-top: 35px;}
.financiamento-proposta .button-white-default:hover			{color: #ff7a52 !important; background-color: #1c212c !important; border-color: #1c212c !important;}


/* </> Proposta Formal */


/* <> Sobre a Staal */
.banner-sobre																						{background-image: url(/assets/img/banner-sobre.png); height: 700px; padding-top: 260px;}
.banner-sobre h1		 																		{font-size: 64px; color: #fff; line-height: 60px; letter-spacing: -2px;}
.banner-sobre h1 span																		{color: #ff7a52;}
.sobre-text h2 																					{line-height: 44px; font-size: 48px; color: #1c212c; margin-bottom: 70px; letter-spacing: -2px;}
.bloco-1-sobre .sobre-text h2														{margin-bottom: 30px;}
.sobre-text h2 b																				{color: #ff7a52; font-weight: 700;}
.sobre-text h3 																					{color: #ff7a52; font-size: 20px; font-weight: 700; line-height: 25px;}
.sobre-text p 																					{margin-top: 30px; line-height: 26px;}
.sobre-text a.button-default														{display: inline-block; width: inherit; margin-top: 35px;}
.bloco-1-sobre 		 																			{margin-top: 190px;}
.bloco-1-sobre h2 																			{margin-top: 0px; font-size: 38px; line-height: 40px;}
.img-sobre2 																						{margin-top: -541px; margin-bottom: 40px;}
.background-sobre 																			{background-color: #eee; display: block; padding-bottom: 100px;}
.bloco-do-background 																		{padding-top: 500px; margin-top: -500px;}
.img-sobre2 img 																				{position: relative; top: -50px;}
.divider-blocks 																				{margin-bottom: 100px;}
.background-sobre p 																		{padding-right: 40px;}
.bloco-3-sobre 																					{margin-top: -100px;}
.bloco-3-sobre .sobre-text   														{margin-top: 180px;}
.bloco-4-sobre .sobre-text   														{margin-top: 180px;}
.bloco-4-sobre 																					{margin-top: 100px;}
.bloco-richard 																					{padding: 0px; margin-top: -45px; background-color: #ff7a52;}
.bloco-richard h2																				{color: #1c212c; font-size: 38px; text-transform: uppercase;}
.bloco-richard .sobre-text  														{margin-top: 210px; color: #fff;}
.bloco-richard .sobre-text p 														{color: #fff;}
.bloco-richard .sobre-text h3														{color: #fff; margin-top: 30px; font-size: 24px;}
.card-orange																						{background-color: #ff7a52;  padding: 60px 50px; border-radius: 18px; margin-top: 60px;}
.card-orange h3																					{color: #fff; font-size: 30px; font-weight: 400; line-height: 38px; margin-top: 110px;}
.card-orange h3 b																				{font-weight: 700;}
.bloco-vantagem 																				{background-color: #fff; border-radius: 18px; padding: 25px; height: 350px; padding-right: 12px; margin-top: 40px;}
.bloco-vantagem h4																			{font-weight: 700; font-size: 22px; margin-top: 15px; height: 55px; line-height: 20px; }
.frase-sobre 																						{margin-top: 50px; padding-left: 15px;}
.bloco-3-sobre 																					{margin-top: 100px;}
.bloco-3-sobre h2 																			{color: #1c212c; line-height: 38px;}
.bloco-3-sobre h2 b																			{color: #ff7a52; font-weight: 700;}
.bloco-3-sobre h4 																			{font-weight: 700; margin: 35px 0px; font-size: 18px;}
.bloco-3-sobre h3 																			{font-weight: 400; font-size: 22px; padding-right: 20px; line-height: 28px; margin-bottom: 90px;}
.bloco-3-sobre h3 span																	{font-weight: 700; font-size: 26px; color: #ff7a52;}
.img-sobre5 																						{margin-top: -85px;}
.futuro 																								{background-color: #1c212c; padding: 120px 0px; color: #fff;}
.futuro h2																							{font-weight: 400; color: #fff; font-size: 34px; letter-spacing: -2px; margin-bottom: 0px;}
.futuro h2 span																					{color: #ff7a52; font-weight: 700;}
.img-sobre6 																						{margin-top: 90px;}
.button-orange 																					{border: 1px solid #ff7a52; color: #ff7a52; background-color: transparent !important; margin-top: 20px; display: inline-block; width: auto;}
.button-orange:hover																		{border: 1px solid #fff; color: #fff; background-color: #ff7a52 !important; margin-top: 20px; display: inline-block; width: auto;}
.texto-confiavel 																				{margin-bottom: 25px;}
.hashtag 																								{position: relative; z-index: 99999; font-size: 45px; font-weight: 700; margin-top: -75px; text-align: right; margin-right: 270px; color: #fff;}
.hashtag b																							{color: #ff7a52;}


/* </> Sobre a Staal */


/* <> Seja um Investidor */
.intro-investidor 																			{padding: 80px 0px; padding-bottom: 40px;}
.intro-investidor h1																		{text-transform: uppercase;}
.intro-investidor h2																		{color: #1c212c; margin-top: 30px; font-size: 32px;}
.bloco-vantagens 																				{background-color: #eee; padding-bottom: 200px; margin-top: 130px;}
.bloco-vantagens img.img1-investidor										{margin-top: -120px;}
.bloco-vantagens .sobre-text 														{margin-top: 70px;}
.bloco-vantagens h2  																		{font-size: 38px; margin-top: 30px;}
.bloco-duvidas .sobre-text 															{padding-top: 80px;}
.bloco-duvidas img  			 															{float: right; margin-top: -100px;}
.bloco-duvidas h2																				{font-size: 32px; margin-top: 30px; margin-bottom: 20px;}
.bloco-duvidas .infos-atendimento h2										{font-size: 24px; line-height: 22px;}

/* </> Seja um Investidor */

/* <> Menu Open */
.side-menu-wrapper 																			{background: #eee; padding: 15px 40px 0 40px; position: fixed; top: 0; height: 100%; z-index: 2; transition: 0.5s; width: 650px; box-sizing: border-box; z-index: 99999 !important; display: none;}
.side-menu-wrapper > ul > h2														{margin-bottom: 10px; margin-top: 20px; font-size: 22px;}
.side-menu-wrapper > ul																	{list-style:none; padding:0; margin:0; overflow-y: auto; height:95%; margin-top: 10px;}
.side-menu-wrapper > ul > li > a												{display: block; padding: 2px 0; color: #fff; transition: 0.3s; text-decoration: none; font-family: 'Stem-Medium'; text-transform: uppercase; font-size: 13px;}
.side-menu-wrapper > ul > li > a:hover 									{color: #fec300; }
.side-menu-wrapper a.menu-close 												{padding: 8px 0 20px 0px; color: #ff7a52; display: block; font-size: 20px; text-decoration: none; float: right;}
.side-menu-wrapper a.menu-close:hover 									{opacity:0.5 }
.side-menu-wrapper a.menu-close b  											{font-size: 55px; margin-top: -71px; display: block; margin-right: 5px; font-weight: 300;}
.menu-overlay																						{height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: rgba(0,0,0,.7); overflow-y: auto; overflow-x: hidden; text-align: center; opacity: 0; transition: opacity 1s;}
.fone-menu 																							{font-size: 23px; font-family: 'Stem-Medium'; color: #fff;}
.side-menu-wrapper img																	{margin-right: 15px;}

/* </> Menu Open */

/* <> Listar Imóveis */
.mais-filtros-slide																			{display: block; margin-top: 35px; text-transform: uppercase;}
.mais-filtros .cbx  																		{margin-top: 10px; display: block; color: #777777;}
.mais-filtros .cbx span:last-child 											{margin-left: 15px; font-size: 14px;}
.mais-filtros 																					{margin-top: 35px; display: none;}
.titulo-thumb-imovel 																		{font-size: 20px; font-weight: 500; margin-top: -10px; letter-spacing: -0.5px;}
.new-thumbs-list .share-icon														{float: right; margin-top: -21px; margin-right: 10px;}
.pre-checks 																						{margin-top: 10px; font-size: 13px; line-height: 21px; font-weight: 500; background-color: #eee; border-radius: 12px; color: #a8a8a8; margin-right: 3px; max-width: 155px; overflow: hidden; padding: 2px 8px; text-overflow: ellipsis; white-space: nowrap; display: inline-block;}
.active-span 																						{background-color: #ff7a52; color: #fff;}
.img-slide-thumb-imovel 																{height: 237px; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.slide-thumb .slick-prev, .slide-thumb .slick-next			{color: transparent; background-image: url(/assets/img/left-arrow-thumb.png); background-size: 50%; background-repeat: no-repeat; background-position: center; width: 35px; height: 35px; left: -78px; top: 102px; z-index: 99999 !important; background-color: #fff; border-radius: 50%;}
.slide-thumb .slick-next 																{background-image: url(/assets/img/right-arrow-thumb.png); float: right; top: -170px; margin-right: -63px; z-index: 99999 !important;}
.thumb-list-geral .slick-list														{top: -35px; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.thumb-list-geral 																			{margin-bottom: 40px; border: 1px solid #d5d5d5; border-radius: 20px; padding-bottom: 7px;}
/*.area-link 				 																			{cursor: pointer;}*/
.bloco-filtro-view h2 																	{font-size: 20px;}
.bloco-filtro-view input.form-control										{border: solid 1px #e8e8e8;}
.border-filter 																					{border-radius: 12px; border: 1px solid #ebebeb; margin-bottom: 30px; padding: 20px 0px;}
.ante-preco-thumb 																			{font-weight: 600; margin-top: 10px; text-decoration: line-through; height: 21px;}
.menu-esquerdo 																					{background-color: #eeeeee; overflow: hidden; padding: 5px; border-radius: 18px;}
.menu-esquerdo h2																				{background-color: #fff; padding: 25px 15px; border-radius: 18px; font-size: 25px; padding-bottom: 40px;}
.menu-esquerdo h2	img																		{display: inline-block; margin-right: 8px; margin-top: -3px;}
.menu-esquerdo h2 span																	{color: #1c212c; font-weight: 500;}
.content-menu-filtro 																		{background-color: #eeeeee; padding: 5px; border-radius: 18px; margin-top: -20px; padding: 20px 10px;}
.content-menu-filtro a.button-default 									{padding: .9rem 2rem; display: inline-block; margin-right: 6px; margin-bottom: 10px;}
.content-menu-filtro a.button-white   									{background-color: #fff; color: #ff7a52;}
.content-menu-filtro a.button-white:hover  							{background-color: #ff7a52; color: #fff;}
.menu-esquerdo .bloco-filtro-input  										{margin-top: 10px;}
span.click-filtro 																			{background-color: #fff;
  color: #1c212c;
  font-weight: 700;
  padding: 8px 10px;
  display: inline-block;
  border-radius: 8px;
  width: 44px;
  text-align: center;
  border: 1px solid #CED5DB;
  margin-right: 8px;
  cursor: pointer;
  transition: all 200ms linear 0s;
  margin-bottom: 8px;
  font-size: 14px;}
span.click-filtro:hover, span.click-filtro.active				{color: #fff; background-color: #1c212c; border: 1px solid #1c212c;}
.posicao_solar span.click-filtro {width: 118px; font-size: 13px; padding: 6px 25px;}
.checks-filtro 																					{display: block;}
.content-white 																					{background-color: #fff; border-radius: 18px; padding-bottom: 20px;}
.menu-esquerdo .bloco-filtro-input											{padding: 0px;}
.limpar-filtro a 																				{color: #ff7a52; font-weight: 600; text-align: right; display: block; margin-top: 42px; font-size: 13px;}
.limpar-filtro a i																			{margin-left: 3px; font-size: 22px; position: relative; top: 3px;}
.obs-small 																							{font-size: 12px; line-height: 15px; font-weight: 500; margin-top: 5px;}
.menu-esquerdo-2 																				{border: 1px solid #E5E5E5; border-radius: 18px; margin-top: 30px;}
.menu-esquerdo-2 .content-menu-filtro   								{margin-top: 40px; padding-top: 5px;}
.bloco-filtro-input h2 span															{width: 50px; height: 50px; border-radius: 50%; color: #fff; background-color: #ff7a52; display: inline-block; text-align: center; position: relative; top: -6px; margin-right: 5px;}
.bloco-filtro-input h2 span i														{font-size: 30px; position: relative; top: 7px;}
.menu-esquerdo label, .menu-esquerdo-2 label 						{line-height: 18px; display: block; font-weight: 700; margin-bottom: 5px;}
.menu-esquerdo-2 .cbx span:first-child									{border: none}
.cbx span:last-child 																		{margin-left: 12px; margin-top: 0px;}
.menu-esquerdo-2 .bloco-filtro-input 										{padding: 0 10px !important;}
.menu-esquerdo-3 																				{border: 1px solid #E5E5E5; border-radius: 18px; margin-top: 30px; margin-bottom: 30px;}
.menu-esquerdo-3 .content-menu-filtro										{background-color: #fff; margin-top: 0px; padding-top: 5px;}
.menu-esquerdo-4 .pre-checks 														{margin-top: 6px;}
.py-5 .pre-checks 																			{cursor: pointer;}
.accordion 																							{max-width: 560px; margin: 0 auto 100px;}
.accordion li 																					{position: relative; margin-bottom: 15px;}
.accordion li p 																				{display: none; color: #6b97a4;}
.accordion li p span																		{cursor: pointer;}
.accordion a 																						{width: 100%; display: block; cursor: pointer; font-size: 14px; user-select: none; font-weight: 700; font-size: 17px; margin-bottom: 15px; background-color: #fff; color: #1c212c; padding: 1rem 2rem; border-radius: 9999px; border: 1px solid #E5E5E5; }
.accordion a.active																			{width: 100%; display: block; cursor: pointer; font-size: 14px; user-select: none; font-weight: 700; font-size: 17px; margin-bottom: 15px; background-color: #ff7a52; color: #fff; padding: 1rem 2rem; border-radius: 9999px; border: 1px solid #fff; }
.accordion a:after 																			{width: 11px; height: 11px; border-right: 4px solid #1c212c; border-bottom: 4px solid #1c212c; position: absolute; right: 20px; content: " "; top: 21px; transform: rotate(-45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.accordion a.active:after																{width: 11px; height: 11px; border-right: 4px solid #fff; border-bottom: 4px solid #fff; position: absolute; right: 20px; content: " "; top: 21px;}
.accordion p 																						{font-size: 13px; font-size: 0.8125rem; line-height: 2;padding: 10px;}
a.active:after 																					{transform: rotate(45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.bloco-result-imovel h2.sub-title												{font-weight: 400; font-size: 17px;}
.bloco-result-imovel h2.sub-title b											{font-size: 26px;}
.bloco-filtro-view 																			{margin-top: 10px;}
#contentAjax .justify-between p  												{display: none;}
#contentAjax .justify-between .hidden div:nth-child(2)  {text-align: center; width: 100%;}
#contentAjax .justify-between .hidden 
div:nth-child(2) span.rounded-md 												{border: 2px solid #1c212c; border-radius: 50px; padding: 4px 0px;}
#contentAjax .justify-between .hidden 
div:nth-child(2) a.border-gray-300,
#contentAjax .justify-between .hidden 
div:nth-child(2) a.border-gray-500,
#contentAjax .justify-between .hidden 
div:nth-child(2) span.border-gray-300										{border: 0px solid transparent;border-radius: 50px;}
.px-4.text-gray-500 																		{--tw-text-opacity: 1; background-color: #ff7a52; color: #fff;}
.ring-gray-300 																					{--tw-ring-opacity: 1; --tw-ring-color: transparent;}
.-ml-px 																								{margin-left: 0px;}
.hover\:text-gray-500 			 														{color: #1c212c; font-weight: 600;}
.hover\:text-gray-500:hover 														{color: #ff7a52;}
.apartamento .dormitorios, .apartamento .banheiros, .apartamento .suites, .apartamento .garagens,
.casas .dormitorios, .casas .banheiros, .casas .suites, .casas .garagens,
.salas .dormitorios, .salas .banheiros, .salas .suites, .salas .garagens,
.pavilhoes .dormitorios, .pavilhoes .banheiros, .pavilhoes .suites, .pavilhoes .garagens {width: 50%; float: left;}

/* </> Listar Imóveis */