/*================================================================*/
/*============================ SHARED ============================*/
/*================================================================*/
.splide__arrow {
    border: 0;
    display: flex;
    cursor: pointer;
    border-radius: 50%;
    display: -ms-flexbox;
    justify-content: center;
      -ms-flex-pack: center;
      -ms-flex-align: center;
         align-items: center;
    
    top: auto;
    z-index: 1;
    opacity: 1;

    padding: 0rem;
    transform: none;
    position: relative;
    background: transparent;
}

.splide__arrow--prev,
.splide__arrow--next {
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
}

.custom-arrows {
	gap: 3.0rem;
}

.custom-arrows .arrow .btn {
	padding-bottom: 0rem;
}

.custom-arrows.light .arrow .btn .box.left:after {
	border-top-color: var(--color-light);
    border-right-color: var(--color-light);
}

.custom-arrows.light .arrow .btn .box.right:after {
	border-left-color: var(--color-light);
    border-bottom-color: var(--color-light);
}

.custom-arrows .arrow.prev .btn {
	padding-left: 0.4rem;
}

.custom-arrows .arrow.next .btn {
	padding-right: 0.4rem;
}

.custom-arrows .arrow.prev .btn:after {
    border-right: none;
    border-left: 2px solid var(--color-green);
}

.custom-arrows.light .arrow.prev .btn:after {
    border-left-color: var(--color-light);
    border-bottom-color: var(--color-light);
}

.custom-arrows .arrow.next .btn:after {
    border-bottom: none;
    border-top: 2px solid var(--color-green);
}

.custom-arrows.light .arrow.next .btn:after {
    border-top-color: var(--color-light);
    border-right-color: var(--color-light);
}

.counter {
    position: absolute;

    font-weight: 400;
    font-size: 1.9rem;
    line-height: 2.3rem;
    letter-spacing: 0.052em;
    color: rgba(252, 252, 252, 50%);
    font-family: var(--font-ford-antenna);
}

.counter strong {
    font-weight: 100;
    font-size: 4.8rem;
    line-height: 5.7rem;
    letter-spacing: 0rem;
    color: var(--color-light);

    display: inline-block;
    transform: translateX(0.6rem);
}

.pswp__bg {
	background: rgba(0, 0, 0, 0.8);
}


.pswp__ui--fit .pswp__caption, 
.pswp__ui--fit .pswp__top-bar {
	background: rgba(0, 0, 0, 1.0);	
}


/*==================================================================*/
/*============================ SECTIONS ============================*/
/*==================================================================*/

/*==================== easy ====================*/
#easy .circle {
	top: 50%;
	left: auto;
	right: 67%;
	width: 74.0rem;
    height: 74.0rem;
	transform: translateY(-50%);
}

#easy .content .title {
	max-width: 41.7rem;
}

#easy .content .text > :last-child {
	margin-bottom: 1.7rem;
}

#easy .content .cta .btn .box.left:after {
    border-top-color: var(--color-gray);
    border-right-color: var(--color-gray);
}

#easy .content .cta .btn .box.right:after {
    border-left-color: var(--color-gray);
    border-bottom-color: var(--color-gray);
}


/*==================== localizacao ====================*/
#localizacao .content {
	padding: 10.5rem 0rem;
}

#localizacao .content .title,
#localizacao .content .text {
	margin-left: 0rem;
}

#localizacao .content special {
	margin-right: 3.0rem;
}

#localizacao .content .title {
	max-width: 40%;
	flex-basis: 40%;
}

#localizacao .content .text {
	max-width: 31%;
	flex-basis: 31%;
}

#localizacao .content h2,
#localizacao .content .text p:last-child {
	margin: 0rem;
}

#localizacao .content special {
	color: var(--color-orange);
}

#localizacao .map {
    width: 100%;
	height: auto;
}

#localizacao .map img {
    width: 100%;
    height: auto;
}

#localizacao .map .custom-arrows {
	display: none;
}

#localizacao .neighborhood .item {
	position: relative;
	max-width: 33.33%;
	flex-basis: 33.33%;
}

#localizacao .neighborhood .item.left {
	gap: 0.6rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

#localizacao .neighborhood .item.left img {
	flex-basis: 100%;
	object-fit: cover;
	object-position: center;
	height: calc(50% - 3px);
}

#localizacao .neighborhood .item.center {
	z-index: 3;
	display: flex;
	align-items: center;
}

#localizacao .neighborhood .item.center:before {
	top: 0rem;
	left: 0rem;
	right: 0rem;
	bottom: 0rem;

	content: '';
	display: block;
	position: absolute;

	background: var(--color-white);
	transform: scaleX(1.03) scaleY(1.13);
}

#localizacao .neighborhood .item.center .list {
	z-index: 3;
	position: relative;
}

#localizacao .neighborhood .item.center .list .mark,
#localizacao .neighborhood .item.center .list li {
	display: flex;
	position: relative;
	align-items: center;
}

#localizacao .neighborhood .item.center .list li {
	gap: 2.2rem;
}

#localizacao .neighborhood .item.center .list li:last-child {
	margin-bottom: 0rem;
}

#localizacao .neighborhood .item.center .list .mark {
	gap: 5px;
	width: 7.6rem;
	justify-content: flex-end;
}

#localizacao .neighborhood .item.center .list .mark span {
	color: #2E7E7E;
	font-size: 8px;
	font-weight: 400;
	line-height: 12px;
	text-transform: uppercase;
	font-family: var(--font-ford-antenna);

	width: 37px;
	height: 37px;

	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;

	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
	background-image: url(images/svgs/circle-list.svg);
}

#localizacao .neighborhood .item.center .list .mark strong {
	font-size: 13px;
	line-height: 13px;
	font-weight: 600;
}

#localizacao .neighborhood .item.center .list .mark i {
	color: #2E7E7E;
	font-size: 2.5rem;
}

#localizacao .neighborhood .item.center .list .mark i.icon-walk {
	font-size: 3.4rem;	
}

/*==================== infraestrutura ====================*/
#infraestrutura .welcome .circle {
	z-index: 3;
}

#infraestrutura .welcome .circle:after {
	height: 24.2rem;
}

#infraestrutura .welcome > div {
	margin: 0rem;
}

#infraestrutura .welcome .text :last-child {
	margin-bottom: 2.0rem;
}

#infraestrutura .wrapper h2 {
	margin-bottom: 0rem;
	color: var(--color-light);
}

#infraestrutura .wrapper {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url('images/sections/background-infra.jpg');
}

#infraestrutura .wrapper .content {
	min-height: 80.0rem;
}

#infraestrutura .min .about-structure {
	padding-bottom: 22.6rem;
}

#infraestrutura .structure,
#infraestrutura .structure .splide,
#infraestrutura .structure .splide .splide__track,
#infraestrutura .structure .splide .splide__track *:not(.legend) {
	height: 100%;
}

#infraestrutura .structure .custom-arrows {
	display: none;
}

#infraestrutura .structure .legend {
	top: 3.5rem;
	left: 5.5rem;
	height: auto;
	position: absolute;
}

#infraestrutura .structure .legend small {
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1.9rem;
	letter-spacing: 0.142em;
	text-transform: uppercase;
	color: var(--color-white);
}

#infraestrutura .structure .counter {
	top: 2.2rem;
	right: 3.0rem;
}

#infraestrutura .plants {
	overflow: hidden;
	position: relative;
	margin-top: -8.4rem;
	padding-bottom: 8.0rem;
}

#infraestrutura .plants:before {
	top: 8.4rem;
	left: 0rem;
	right: 0rem;
	bottom: 0rem;
	
	content: '';
	display: block;
	position: absolute;
	background: var(--color-soft);
}

#infraestrutura .plants .photos {
	margin-bottom: 4.0rem;
}

#infraestrutura .plants .child-xs {
	margin-right: 3.0rem;
	max-width: calc(10% - 3.0rem);
}

#infraestrutura .description {
	z-index: 3;
	max-width: 50%;
	flex-basis: 50%;
	position: relative;
}

#infraestrutura .description div {
    display: none;
}

#infraestrutura .description div.active {
    display: block;
}

#infraestrutura .description ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;

	padding: 1.0rem 4.7rem;
	border-bottom: 1px solid #B3B3B3;
}

#infraestrutura .description ul li {
	flex-basis: 50%;
	margin-bottom: 0rem;
	max-width: calc(50% - 2.0rem);
}

#infraestrutura .places {
	max-width: 40%;
	flex-basis: 40%;
}

#infraestrutura .places h3 {
	font-weight: 200;
	font-size: 3.6rem;
	line-height: 6.5rem;
	color: var(--color-gray);
}

#infraestrutura .places h3 strong {
	font-weight: 400;
}

#infraestrutura .places .carousel:after,
#infraestrutura .places .carousel:before {
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;

	z-index: 3;
	top: 0rem;
	left: 0rem;
	bottom: 0rem;
	width: 19.4rem;

	background: linear-gradient(90deg, rgba(230,230,230,1) 0%, rgba(230,230,230,0) 80%);
}

#infraestrutura .places .carousel:after {
	top: 0rem;
	left: 100%;
	bottom: 0rem;
	transform: translateX(100%);
	background: linear-gradient(90deg, rgba(230,230,230,0) 0%, rgba(230,230,230,1) 80%);
}

#infraestrutura .places .slides {
	gap: 3.0rem;
	position: relative;
	transition: 0.4s ease;
	transform: translate3d(700px, 0px, 0px);
}

#infraestrutura .places .slides .item {
	opacity: 20%;
	transition: opacity 0.4s ease;
}

#infraestrutura .places .slides .item.is-curr {
	opacity: 100%;
}

#infraestrutura .places .navigation {
	gap: 3.0rem;
	margin-top: 1.6rem;
}

/*==================== apartamentos ====================*/
#apartamentos .initial {
	position: relative;
	min-height: 64.6rem;
}

#apartamentos .initial .circle {
    border:0;
}

#apartamentos .initial .circle svg {
    width: 100%;
    height: 100%;
}

#apartamentos .initial .circle:after {
    display: none;
}

#apartamentos .container-limit {
	max-width: 95.6rem;
}

#apartamentos .initial .wall {
	top: 0rem;
	width: 59%;
	right: 0rem;
	bottom: 0rem;
	position: absolute;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('images/sections/parede-laranja.jpg');
}

#apartamentos .initial .wall:after {
	content: '';
	display: block;
	position: absolute;

	top: 0rem;
	left: 0rem;
	width: 20%;
	bottom: 0rem;

	background: linear-gradient(90deg, rgba(227,141,36,1) 20%, rgba(227,141,36,0) 80%);
}

#apartamentos .initial .content {
	z-index: 3;
	gap: 3.0rem;
	margin: 0rem;
	position: relative;
}

#apartamentos .initial h2,
#apartamentos .initial special {
	margin-bottom: 0rem;
	color: var(--color-white);
}

#apartamentos .initial .title {
	max-width: 30.0rem;
}

#apartamentos .plants .aptos {
	padding-top: 7.7rem;
	padding-bottom: 7.7rem;
	margin-right: 11.5rem;
}

#apartamentos .plants .plant {
	height: 100%;
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	justify-content: center;
}

#apartamentos .plants .plant > img {
	margin-bottom: 4.7rem;
}

#apartamentos .types {
	max-width: 34.1rem;
	margin-right: auto;
	margin-left: 11.5rem;
}

#apartamentos .types h2 {
	margin-bottom: 7.4rem;
	color: var(--color-white);
}

#apartamentos .types h2 small {
    font-size: 0.66em;
}

#apartamentos .types .splide h3 {
	font-weight: 200;
	font-size: 3.6rem;
	line-height: 3.6rem;
	color: var(--color-light);
	font-family: var(--font-ford-antenna);
}

#apartamentos .types .splide h4 {
	font-weight: 500;
	font-size: 2.8rem;
	line-height: 3.0rem;
	color: var(--color-light);
	font-family: var(--font-ford-antenna);
}

#apartamentos .types .splide small {
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 3.0rem;
	color: var(--color-light);
	font-family: var(--font-ford-antenna);
}

#apartamentos .types .splide {
	gap: 2.6rem;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

#apartamentos .types .splide .splide__slide {
	border: none;
}

#apartamentos .types .splide .splide__slide > button {
	opacity: 30%;
	display: block;
	text-align: left;
	margin-bottom: 2.7rem;
}

#apartamentos .types .splide .splide__slide.is-active > button {
	border: none;
	opacity: 100%;
}

#apartamentos .types .splide .splide__arrows .arrow .btn {
	padding-left: 0rem;
	padding-right: 0rem;
	padding-bottom: 0rem;
}

#apartamentos .types .splide .splide__arrows .arrow.prev .btn:after {
	border-right: none;
	border-bottom: none;

	border-top: 2px solid var(--color-light);
	border-left: 2px solid var(--color-light);
}

#apartamentos .types .splide .splide__arrows .arrow.next .btn:after {
	border-top: none;
	border-left: none;
	
	border-right: 2px solid var(--color-light);
	border-bottom: 2px solid var(--color-light);
}

#apartamentos .perspectives {
	flex-basis: 100%;
}

#apartamentos .perspectives .splide__slide img {
    width: 100%;
    height: auto;
}

#apartamentos .perspectives .legend {
	right: 28.7rem;
	bottom: 6.3rem;
	position: absolute;
}

#apartamentos .perspectives .legend small {
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1.9rem;
	letter-spacing: 0.142em;
	text-transform: uppercase;
	color: var(--color-light);
}

#apartamentos .perspectives .splide__arrows {
	gap: 3.0rem;
	right: 7.5rem;
	bottom: 3.3rem;
	position: absolute;
}

#apartamentos .perspectives .counter {
	left: 5.4rem;
	bottom: 3.7rem;
}


/*==================== contato ====================*/
#modal .title,
#contato .title {
	margin-bottom: 7.2rem;
}

#modal .title p,
#contato .title p {
	margin-bottom: 0rem;
}

#modal .formulary .v-padding,
#contato .formulary .v-padding {
	padding-top: 10.5rem;
	padding-bottom: 9.3rem;
}

#modal .formulary .group,
#contato .formulary .group {
	position: relative;
	margin-bottom: 4.0rem;
}

#modal .formulary label,
#contato .formulary label {
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1.9rem;
	margin-bottom: 1.6rem;
	letter-spacing: 0.063em;
	color: var(--color-gray);
	text-transform: uppercase;
	transition: color 0.4s ease;
}

#modal .formulary input,
#modal .formulary textarea,
#contato .formulary input,
#contato .formulary textarea {
	font-weight: 400;
	font-size: 1.9rem;
	line-height: 2.3rem;
	letter-spacing: 0.052em;
	text-transform: uppercase;
	color: var(--color-gray);
	font-family: var(--font-ford-antenna);

	width: 100%;
	height: 4.5rem;
	transition: 0.4s ease;
	border-bottom: 2px solid var(--color-gray);
}

#modal .formulary textarea,
#contato .formulary textarea {
	height: 9.6rem;
}

#modal .formulary .group i,
#contato .formulary .group i {
	top: 2.8rem;
	right: 0rem;
	display: block;
	position: absolute;

	width: 2.4rem;
	height: 2.4rem;

	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: transparent;

	transition: 0.4s ease;
}

#modal .formulary .invalid input,
#modal .formulary .invalid textarea,
#contato .formulary .invalid input,
#contato .formulary .invalid textarea {
	border-bottom-color: var(--color-red);
}

#modal .formulary .group span,
#modal .formulary .invalid label,
#modal .formulary .invalid input,
#modal .formulary .invalid textarea,
#contato .formulary .group span,
#contato .formulary .invalid label,
#contato .formulary .invalid input,
#contato .formulary .invalid textarea {
	color: var(--color-red);
}

#modal .formulary .group span,
#modal .formulary .success span,
#contato .formulary .group span,
#contato .formulary .success span {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.9rem;
	text-transform: uppercase;
	font-family: var(--font-bai-jamjuree);

	height: 0rem;
	display: block;
	overflow: hidden;
	transition: height 0.4s ease;
}

#modal .formulary .success.done span,
#modal .formulary .invalid span,
#contato .formulary .success.done span,
#contato .formulary .invalid span {
	height: 2.0rem;
}

#modal .formulary .valid label,
#contato .formulary .valid label {
	color: var(--color-green);
}

#modal .formulary .valid input,
#modal .formulary .valid textarea,
#contato .formulary .valid input,
#contato .formulary .valid textarea {
	border-bottom-color: var(--color-green);
}

#modal .formulary .valid i,
#contato .formulary .valid i {
	background-image: url(images/svgs/icon-valid.svg);
}

#modal .formulary .invalid i,
#contato .formulary .invalid i {
	background-image: url(images/svgs/icon-invalid.svg);
}

#modal .formulary [type="submit"],
#contato .formulary [type="submit"] {
	gap: 2.8rem;
}

#modal .formulary .disabled label,
#modal .formulary .disabled input,
#modal .formulary .disabled textarea,
#modal .formulary [type="submit"][disabled],
#contato .formulary .disabled label,
#contato .formulary .disabled input,
#contato .formulary .disabled textarea,
#contato .formulary [type="submit"][disabled] {
	pointer-events: none;
	color: var(--color-soft);
}

#modal .formulary .disabled input,
#modal .formulary .disabled textarea,
#contato .formulary .disabled input,
#contato .formulary .disabled textarea {
	border-bottom-color: var(--color-soft);
}

#modal .formulary [type="submit"][disabled] .btn:after,
#contato .formulary [type="submit"][disabled] .btn:after {
	border-top-color: var(--color-soft);
	border-right-color: var(--color-soft);
}

#modal .formulary [type="submit"][disabled] .btn .box.left:after,
#contato .formulary [type="submit"][disabled] .btn .box.left:after {
    border-top-color: var(--color-soft);
    border-right-color: var(--color-soft);
}

#modal .formulary [type="submit"][disabled] .btn .box.right:after,
#contato .formulary [type="submit"][disabled] .btn .box.right:after {
    border-left-color: var(--color-soft);
    border-bottom-color: var(--color-soft);
}

#modal .formulary .success span,
#contato .formulary .success span {
	font-size: 1.8rem;
	color: var(--color-orange);
}

#contato .partners h2 {
	margin-bottom: 6.4rem;
}

#contato .partners img {
	margin-bottom: 2.8rem;
}

#contato .partners p {
	margin-bottom: 0rem;
}

#contato .partners .ferraz {
	margin-bottom: 7.7rem;
}

#contato .partners .ferraz img {
	max-width: 19.4rem;
}

#contato .partners .harbo img {
	max-width: 22.1rem;
}

#modal {
    inset: 0;
    opacity: 0;
    z-index: -1000;

    overflow: auto;
    position: fixed;
    transform: opacity 0.3s ease;
    background: rgba(0,0,0,0.2);

    pointer-events: none;
}

#modal.visible {
    opacity: 1;
    z-index: 1000;
    pointer-events: auto;
}

#modal .formulary {
    width: calc(100% - 20px);
    margin: 5% auto;
    padding: 4rem;
    position: relative;
    max-width: 72rem;

    transform: translateY(20%);
    transition: transform 0.3s ease;

    background: white;
}

#modal.visible .formulary {
    transform: translateY(0%);
}

#modal .formulary .close {
    top: 4rem;
    right: 4rem;
    position: absolute;
}

#modal .formulary .title {
    padding-right: 8rem;
}

#modal .formulary .close .btn:after {
    color: var(--color-green);

    width: 100%;
    height: 1.5rem;
    border: 0;

    content: 'x';
    transform: none;

    font-size: 2rem;
    line-height: 100%;
}


/*==================== footer ====================*/
.site-footer .first {
	padding: 9.0rem 2.0rem;
}

.site-footer .first img {
	margin: 0rem auto;
}

.site-footer .first .row .contacts {
	gap: 2.1rem;
	margin-top: 5.4rem;
	margin-bottom: 2.3rem;
}

.site-footer .first .row .contacts h5 a {
	font-weight: 400;
	font-size: 4.0rem;
	line-height: 5.7rem;
	margin-right: 1.2rem;
	color: var(--color-light);
	font-family: var(--font-ford-antenna);

	display: block;
	position: relative;
}

.site-footer .first .row .contacts h5 a:after {
    content: '';
    display: block;
    position: absolute;

    left: 0rem;
    right: 0rem;
    bottom: -0.6rem;

    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
    border-bottom: 2px solid var(--color-light);
}

.site-header .navbar .menu a.active:after {
	transform: scaleX(1);
}

.site-footer .first .row .contacts > a {
	width: 6.4rem;
	height: 6.4rem;
	border-radius: 100%;
	border: 2px solid var(--color-white);

	font-size: 2.8rem;
	color: var(--color-white);

	display: flex;
	align-items: center;
	justify-content: center;
}

.site-footer .first .row .contacts > a:nth-last-child(2) {
	font-size: 2.0rem;
}

.site-footer .first .row h6 {
	font-weight: 200;
	font-size: 2.0rem;
	line-height: 2.8rem;
	color: var(--color-light);
	text-transform: uppercase;
	font-family: var(--font-ford-antenna);
}

.site-footer .final {
	gap: 5.0rem;
	padding: 4.2rem 2.0rem;
}

.site-footer .final p {
    font-size: 14px;
    line-height: 2.2rem;
    margin-bottom: 0rem;
}

.site-footer .final a {
	font-size: 14px;
	font-weight: 200;
	line-height: 1.9rem;
	letter-spacing: 0.142em;
	color: var(--color-green);
	text-transform: uppercase;
	font-family: var(--font-ford-antenna);
}


/*===================================================================*/
/*=========================== TRANSITIONS ===========================*/
/*===================================================================*/
@media (min-width: 992px) {
	.custom-arrows .arrow.prev:hover .btn:after,
	.custom-arrows.light .arrow.prev:hover .btn:after {
	    border-left-color: var(--color-orange);
	    border-bottom-color: var(--color-orange);
	}

	.custom-arrows .arrow.next:hover .btn:after,
	.custom-arrows.light .arrow.next:hover .btn:after {
	    border-top-color: var(--color-orange);
	    border-right-color: var(--color-orange);
	}

	#apartamentos .types .splide .splide__arrows .arrow.prev:hover .btn:after {
		border-top-color: var(--color-orange);
		border-left-color: var(--color-orange);
	}

	#apartamentos .types .splide .splide__arrows .arrow.next:hover .btn:after {
		border-right-color: var(--color-orange);
		border-bottom-color: var(--color-orange);
	}

	.site-footer .first .row .contacts > a:hover {
		background: var(--color-orange);
	}

	.site-footer .first .row .contacts h5 a:hover:after {
		transform: scaleX(1);
	}

	.site-footer .final a:hover {
		color: var(--color-orange);
	}
}

/*==================================================================*/
/*=========================== RESPONSIVE ===========================*/
/*==================================================================*/
@media (max-width: 1399px) {
	#localizacao .content .child-xs {
		max-width: 5%;
		flex-basis: 5%;
	}

	#localizacao .content {
		justify-content: center;
	}

	#localizacao .neighborhood .item.center:before {
		transform: scaleX(1.2) scaleY(1.15);
	}

	#infraestrutura .min .about-structure {
		padding-left: 3.0rem;
		padding-right: 3.0rem;
	}

	#apartamentos .container-limit {
		padding-left: 0rem;
		padding-right: 0rem;
	}

	#apartamentos .container-limit .child-xs {
		display: none;
	}
}

@media (max-width: 1199px) {
	#infraestrutura .structure .legend {
		left: 3.0rem;
	}
}

@media (max-width: 991px) {
	.counter strong {
		font-size: 3.2rem;
		line-height: 4.8rem;
	}

	#easy .content {
		padding-left: 2.0rem;
		padding-right: 2.0rem;
	}

	#easy .circle {
		width: 50.0rem;
		height: 50.0rem;
	}

	#localizacao .map {
		height: auto;
	}

	#localizacao .neighborhood .item.center .list .mark i {
		font-size: 2.2rem;
	}

	#localizacao .content .child-xs,
	#localizacao .neighborhood .item.center:before,
	#infraestrutura .plants .child-xs,
	#infraestrutura .places .carousel:before,
	#infraestrutura .min .about-structure .navigation {
		display: none;
	}

	#localizacao .content .title {
		max-width: 45%;
		flex-basis: 45%;
	}

	#infraestrutura .min .about-structure {
		padding-bottom: 13.5rem;
	}

	#localizacao .content .text {
		max-width: 60%;
		flex-basis: 60%;
		margin-top: 4.0rem;
	}

	#localizacao .neighborhood .item.left,
	#infraestrutura .places,
	#infraestrutura .description,
	#infraestrutura .min .about-structure,
	#apartamentos .container-limit {
		max-width: 100%;
		flex-basis: 100%;
	}

	#localizacao .neighborhood {
		justify-content: space-between;
	}

	#localizacao .neighborhood .item.left {
		margin-top: 0.6rem;
	}

	#localizacao .neighborhood .item.left img {
		height: 100%;
		flex-basis: 50%;
		max-width: calc(50% - 3px);
	}

	#localizacao .neighborhood .item {
		max-width: 50%;
		flex-basis: calc(50% - 3px);
	}

	#localizacao .neighborhood .item.center .list {
		max-width: 100%;
		padding: 8.0rem 3.0rem;
	}

	#infraestrutura .child.c-min {
		max-width: calc(50% - 3px);
	}

	#infraestrutura .places {
		order: 0;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom: 6.0rem;
		justify-content: space-between;
	}

	#infraestrutura .places .carousel:after {
		width: 12.0rem;
	}

	#infraestrutura .description {
		order: 1;
	}

	#infraestrutura .places .carousel {
		max-width: 70%;
		flex-basis: 70%;
		overflow: hidden;
	}

	#infraestrutura .plants .photos {
		margin-bottom: 2.0rem;
	}

	#infraestrutura .places .navigation {
		max-width: 30%;
		flex-basis: 30%;
		margin-top: 0rem;
	}


	#infraestrutura .structure {
		height: auto;
		padding-bottom: 8.0rem;
		background: var(--color-soft);
	}

	#infraestrutura .structure .custom-arrows {
		display: flex;
		margin-top: 2.0rem;
		padding: 0rem 3.0rem;
	}

	#infraestrutura .plants {
		margin-top: 0rem;
		padding-top: 0rem;
		background: var(--color-soft);
	}

	#infraestrutura .plants:before {
		display: none;
	}

	#infraestrutura .places .carousel:after {
		left: auto;
		right: 0rem;
		transform: none;
	}

	#infraestrutura .welcome .container-xs {
		padding: 0rem;
	}

	#infraestrutura .structure,
	#infraestrutura .structure .splide,
	#infraestrutura .structure .splide .splide__track,
	#infraestrutura .structure .splide .splide__track *:not(.legend) {
		height: auto;
	}

	#apartamentos .container-limit {
		padding-left: 3.0rem;
		padding-right: 3.0rem;
	}

	#apartamentos .types {
		margin-left: auto;
	}

	#apartamentos .plants .aptos {
		margin-right: auto;
	}

	#apartamentos .perspectives .splide__arrows {
		gap: 2.2rem;
		right: 3.0rem;
	}

	#apartamentos .perspectives .legend {
		right: 20.5rem;
		bottom: 5.6rem;
	}

	#apartamentos .perspectives .counter {
		left: 3.0rem;
	}
}

@media (max-width: 767px) {
	.splide__track {
		width: 100%;
	}

	#localizacao .content {
		text-align: left;
		padding: 6.5rem 0rem;
		justify-content: flex-start;
	}

	#easy .content,
	#easy .content .title,
	#localizacao .neighborhood .item,
	#localizacao .content .text,
	#localizacao .content .title,
	#infraestrutura .welcome,
	#infraestrutura .welcome > div,
	#apartamentos .types {
		max-width: 100%;
		flex-basis: 100%;
	}

	#localizacao .content .title .circle {
		left: 25%;
	}

	#localizacao .map {
		height: 52.0rem;
		overflow: hidden;
	}

	#localizacao .map .custom-arrows {
		left: 0rem;
		right: 0rem;
		display: flex;
		bottom: 2.0rem;
		position: absolute;
		padding: 0rem 3.0rem;
	}

	#localizacao .map img {
		width: auto;
		height: 100%;
		max-width: unset;

		left: 50%;
		position: relative;
		transition: 0.4s ease;
		transform: translateX(-50%);
	}

	#localizacao .map.is-left img {
		left: 0%;
		transform: translateX(0%);
	}

	#localizacao .map.is-right img {
		left: 100%;
		transform: translateX(-100%);
	}

	#infraestrutura .welcome {
		padding-left: 2.0rem;
		padding-right: 2.0rem;
	}

	#infraestrutura .wrapper .content {
		min-height: auto;
		padding: 8.0rem 0rem;
	}

	#infraestrutura .wrapper .content .editor {
		margin-left: 0rem;
		padding-left: 3.0rem;
	}

	#infraestrutura .wrapper {
		background-position: 33% center;
	}

	#infraestrutura .min .about-structure {
		padding-top: 6.5rem;
		padding-bottom: 6.5rem;
	}

	#apartamentos .initial .wall {
		width: 50%;
	}
	
	#apartamentos .initial .wall:after {
		width: 100%;
		background: linear-gradient(90deg, rgba(227,141,36,1) 0%, rgba(227,141,36,0) 100%);
	}

	#apartamentos .initial special {
		flex-basis: 100%;
	}

	#apartamentos .initial .title .circle {
		left: 45%;
	}

	#apartamentos .plants .aptos {
		padding-top: 3.0rem;
		padding-bottom: 3.0rem;
	}

	#apartamentos .change-order-0 {
		order: 0;
	}

	#apartamentos .change-order-1 {
		order: 1;
	}

	#apartamentos .types {
		padding-left: 3.0rem;
		padding-right: 3.0rem;
	}

	#apartamentos .types .custom-arrows {
		order: 1;
		flex-direction: row;
	}

	#apartamentos .types .custom-arrows .arrow {
		transform: rotate(-90deg) !important;
	}

	#apartamentos .types .splide h3 {
		font-size: 2.8rem;
    	line-height: 3.2rem;
	}

	#apartamentos .types .splide h4 {
		font-size: 2.5rem;
    	line-height: 3.0rem;
	}

	#apartamentos .types .splide small {
		font-size: 1.6rem;
		line-height: 2.8rem;
	}

	#apartamentos .perspectives {
		order: 2;
	}

	#apartamentos .perspectives .counter {
		left: 2.0rem;
		bottom: 2.0rem;
	}

	#apartamentos .perspectives .splide__arrows {
		bottom: 2.0rem;
	}

	#apartamentos .perspectives .legend {
		top: 2.0rem;
		left: 2.0rem;
		bottom: auto;
		right: 2.0rem;
	}

	#apartamentos .perspectives img {
		width: 100%;
		object-fit: cover;
		min-height: 32.0rem;
		object-position: center;
	}

	#contato .partners {
		padding-top: 8.0rem;
		padding-bottom: 8.0rem;
	}

	.site-footer .first {
		padding: 6.5rem 3.0rem;
	}
}

@media (max-width: 575px) {
	#infraestrutura .description ul li,
	.site-footer .first .row .contacts h5 {
		max-width: 100%;
		flex-basis: 100%;
	}

	#infraestrutura .description ul {
		padding: 1.0rem 0rem;
	}

	#infraestrutura .description ul :first-child {
		padding-bottom: 1.0rem;
		border-bottom: 1px solid #B3B3B3;
	}

	#infraestrutura .description ul :last-child {
		padding-top: 1.0rem;
	}

	#infraestrutura .places {
		gap: 2.0rem;
	}

	#infraestrutura .places h3 {
		font-size: 2.8rem;
		line-height: 5.5rem;
	}

	#infraestrutura .structure .legend {
		top: auto;
		left: 2.0rem;
		bottom: 2.0rem;
	}

	#infraestrutura .structure .counter {
		top: 2.0rem;
		right: 2.0rem;
	}

	#infraestrutura .places .carousel:after, 
	#infraestrutura .places .carousel:before {
		width: 5.5rem;
	}

	#infraestrutura .places .carousel,
	#infraestrutura .places .navigation {
		max-width: 100%;
		flex-basis: 100%;
	}

	.site-footer .first .row .contacts h5 a {
		margin-right: 0rem;
	}

    #modal .formulary {
        padding: 2rem;
    }

    #modal .formulary .close {
        top: 2rem;
        right: 2rem;
    }
}