@font-face {
    font-family: 'Montserrat-Regular';
    src: url(../fonts/Montserrat-Regular.ttf);
}
@font-face {
    font-family: 'Montserrat-Medium';
    src: url(../fonts/Montserrat-Medium.ttf);
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url(../fonts/Montserrat-SemiBold.ttf);
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url(../fonts/Montserrat-Bold.ttf);
}
.font-regular {
    font-family: 'Montserrat-Regular';
}
.font-medium {
    font-family: 'Montserrat-Medium';
}
.font-semibold {
    font-family: 'Montserrat-SemiBold';
}
.font-bold {
    font-family: 'Montserrat-Bold';
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}
.blue {
	color: #141B4D !important;
}
.green {
	color: #B9DCD2 !important;
}
.gray-light {
	color: #D0D3D4 !important;
}
.gray-dark {
	color: #425563 !important;
}
.white {
	color: #ffffff !important;
}
.bg-blue {
	background-color: #141B4D !important;
}
.bg-green {
	background-color: #B9DCD2 !important;
}
.bg-gray-light {
	background-color: #D0D3D4 !important;
}
.bg-gray-dark {
	background-color: #425563 !important;
}
.bg-white {
	background-color: #ffffff !important;
}
.col-auto {
    padding: 0;
}
#header, #footer {
	position: absolute;
	height: 100px;
    width: 100vw;
	display: block;
	z-index: 5;
	text-align: center;
}
body {
    font-family: 'Montserrat-Regular';
    background-color: lightgray;
}
a:hover {
    text-decoration: none;
}
/* ----------------------------
   ---------- HEADER ----------
   ---------------------------- */
#header {
    top: 0px;
    z-index: 30;
}
#header > .row > div {
    padding: 0px;
}
.navbar-brand {
	height: 100px;
	margin: auto;
    display: flex;
    margin-left: 0;
    margin-right: 0;
}
.navbar-brand .logo.brand:first-child {
    display: block;
}
.navbar-brand .logo.brand:last-child {
    display: none;
}
.logo {
    float: left;
    margin-bottom: auto;
    margin-top: auto;
    height: 40px;
    width: auto;
}
.input-search {
    background: transparent;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-color: white;
    border-style: solid;
    outline: none;
    margin-left: 10px;
    flex: 1;
    width: 50%
}
#input-code {
    padding: 2px 5px;
    align-self: flex-start;
    max-width: 100%;
    min-width: 70%;
}
.input-parameter {
    margin-top: 40px;
    text-align: center;
}
.input-parameter > div {
    display: inline-flex;
    text-align: start;
    padding-right: 0px;
}
.input-parameter > div > input {
    padding: 2px 5px;
    align-self: center;
    max-width: 100%;
    min-width: 50%;
}
.menu-option {
    font-size: 0.8rem;
    font-family: 'Montserrat-Medium';
}
.menu-search > .inactive > a > img, 
.menu-search > .active > img, 
.menu-option > .active > img#close-m-active,
.menu-phone > img {
    height: 30px;
    width: auto;
}
.menu-phone > img {
    -webkit-transition: 0.7s ease;
    -moz-transition: 0.7s ease;
    -o-transition: 0.7s ease;
    -ms-transition: 0.7s ease;
    transition: 0.7s ease;
}
.menu-option > .inactive > a > img, 
.menu-option > .active > img#menu-active {
    height: auto;
    width: 30px;
}
#search-active, #menu-active {
    float: left;
}
#close-s-active, #close-m-active {
    float: right;
}
.search-checkbox, .menu-checkbox, .contact-checkbox,
.bottom-left-checkbox, .bottom-right-checkbox {
    position: absolute;
    z-index: 35;
    opacity: 0;
    height: 100px;
    cursor: pointer;
    left: 0;
    top: 0;
}
.contact-checkbox {
    display: none;
}
.bottom-left-checkbox, .bottom-right-checkbox {
    z-index: 20;
}
.search-checkbox {
    width: 33.333333%;
    margin-left: 50%;
}
.menu-checkbox {
    width: 16.666667%;
    margin-left: 83.333333%;
}
.search-checkbox-change, .menu-checkbox-change {
    width: 16.666667%;
}
.bottom-left-checkbox, .bottom-right-checkbox {
    width: 50%;
    top: auto;
    bottom: 0;
    opacity: 0;
}
.bottom-right-checkbox {
    margin-left: 50%;
}
.bottom-left-checkbox-change, .bottom-right-checkbox-change {
    width: 16.666667%;
}
.bottom-right-checkbox-change {
    margin-left: 83.333333%;
}
.menu-phone, .menu-search, .menu-option {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    cursor: pointer;
    font-size: 0.8rem;
}
.navbar-brand, .menu-phone {
    -webkit-transition: max-width 0.7s ease, flex 0.7s ease, padding 0.7s ease;
    -moz-transition: max-width 0.7s ease, flex 0.7s ease, padding 0.7s ease;
    -o-transition: max-width 0.7s ease, flex 0.7s ease, padding 0.7s ease;
    -ms-transition: max-width 0.7s ease, flex 0.7s ease, padding 0.7s ease;
    transition: max-width 0.7s ease, flex 0.7s ease, padding 0.7s ease;
}
.menu-search {
    background-color: #B9DCD2;
    -webkit-transition: max-width 0.7s ease, flex 0.7s ease, background-color 1s ease;
    -moz-transition: max-width 0.7s ease, flex 0.7s ease, background-color 1s ease;
    -o-transition: max-width 0.7s ease, flex 0.7s ease, background-color 1s ease;
    -ms-transition: max-width 0.7s ease, flex 0.7s ease, background-color 1s ease;
    transition: max-width 0.7s ease, flex 0.7s ease, background-color 1s ease;
}
.menu-option {
    border-width: 0px;
    -webkit-transition: max-width 0.7s ease, flex 0.7s ease;
    -moz-transition: max-width 0.7s ease, flex 0.7s ease;
    -o-transition: max-width 0.7s ease, flex 0.7s ease;
    -ms-transition: max-width 0.7s ease, flex 0.7s ease;
    transition: max-width 0.7s ease, flex 0.7s ease;
}
.menu-search > .active, .menu-option > .active {
    display: none;
    z-index: 25;
}
.menu-option > .active {
    text-align: start;
}
#menu-active {
    margin-right: 30px;
}
#opensearch:checked {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
    margin-left: 75%;
}
#openmenu:checked {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
    margin-left: 91.666667%;
}
#openbottomleft:checked, #openbottomright:checked {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    width: 83.333333%;
}
#openbottomright:checked {
    margin-left: 16.666667%;
}
#opensearch:checked ~ #header > div.row > .menu-search > .inactive, 
#openmenu:checked ~ #header > div.row > .menu-option > .inactive,
#opensearch:checked ~ #fullpage > .section #header > div.row > .menu-search > .inactive, 
#openmenu:checked ~ #fullpage > .section #header > div.row > .menu-option > .inactive {
    display: none;
}
#openmenu:checked ~ #header > div.row > .menu-option > .active,
#openmenu:checked ~ #fullpage > .section #header > div.row > .menu-option > .active {
    display: block;
}
#opensearch:checked ~ #header > div.row > .menu-search > .active,
#opensearch:checked ~ #fullpage > .section #header > div.row > .menu-search > .active {
    display: flex;
}
#openmenu:checked ~ #header > div.row > .menu-search,
#openmenu:checked ~ #fullpage > .section #header > div.row > .menu-search {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    background-color: #B9DCD2;
}
#openmenu:checked ~ #header > div.row > .menu-option,
#openmenu:checked ~ #fullpage > .section #header > div.row > .menu-option {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
#opensearch:checked ~ #header > div.row > .menu-search,
#opensearch:checked ~ #fullpage > .section #header > div.row > .menu-search {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    background-color: #141B4D;
}
#opensearch:checked ~ #header > div.row > .menu-option,
#opensearch:checked ~ #fullpage > .section #header > div.row > .menu-option {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
#menu-pane, #search-pane, #property-pane {
    position: absolute;
    transform: translateX(100vw);
    transform-origin: (0, 0);
    -webkit-transition: 0.7s ease;
    -moz-transition: 0.7s ease;
    -o-transition: 0.7s ease;
    -ms-transition: 0.7s ease;
    transition: 0.7s ease;
    overflow-y: overlay;
    width: 100vw;
    min-height: 50vh;
    top: 100px;
    z-index: 25;
    font-size: 0.8rem;
}
#menu-pane {
    background-color: transparent;
}
#menu-pane > div, #menu-pane > div > div, 
#search-pane > div, #search-pane > div > div,
#property-pane > div, #property-pane > div > div {
    min-height: 100% !important;
}
#openmenu:checked ~ #menu-pane, 
#opensearch:checked ~ #search-pane,
#openmenu:checked ~ .section #menu-pane, 
#opensearch:checked ~ .section #search-pane {
    transform: translateX(0vw);
}
.bg-left {
    height: 100%;
    width: 0px;
    float: right;
    transition: width 0.5s ease;
    transition-delay: 0.5s;
}
#openmenu:checked ~ #menu-pane .bg-left {
    width: 100%;
}
.list-menu {
    list-style: none;
    margin-bottom: 0px;
}
.list-menu > a > li {
    margin-top: 30px;
    font-size: 0.8rem;
}
/* ---------------------------------
   ---------- MENU SEARCH ----------
   --------------------------------- */
#search-pane > div > div {
    padding-left: 0px;
    padding-right: 0px;
}
#search-pane > .row > div:last-child > .row {
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    cursor: pointer;
}
#search-pane > .row > div:last-child > .row > img {
    width: 40px;
    height: auto;
}
#search-pane > .row > div:last-child > .row > p {
    margin-bottom: 0px;
    text-align: center;
}
.button-transaction {
    text-align: center;
    align-self: center;
}
.button-transaction > img {
    width: 25px;
    height: 25px;
    cursor: pointer;
}
.button-transaction > p {
    margin-bottom: 0px;
}
.button-residencial, .button-comercial {
    width: 50%;
    height: 50px;
    display: flex;
    padding-right: 15px;
    padding-left: 15px;
}
.button-residencial > p, .button-residencial > img, 
.button-comercial > p, .button-comercial > img {
    margin: auto;
}
.button-residencial > img, .button-comercial > img {
    height: 20px;
    width: auto;
}
.button-residencial > img, .button-comercial > img {
    display: none;
}
.button-residencial > p, .button-comercial > p {
    display: block;
}
.button-residencial, .button-comercial {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    -webkit-transition: -ms-flex 0.7s ease, flex 0.7s ease, max-width 0.7s ease;
    -moz-transition: -ms-flex 0.7s ease, flex 0.7s ease, max-width 0.7s ease;
    -o-transition: -ms-flex 0.7s ease, flex 0.7s ease, max-width 0.7s ease;
    -ms-transition: -ms-flex 0.7s ease, flex 0.7s ease, max-width 0.7s ease;
    transition: -ms-flex 0.7s ease, flex 0.7s ease, max-width 0.7s ease;
}
#openresidencial, #opencomercial {
    position: absolute;
    height: 50px;
    width: 50%;
    z-index: 10;
    opacity: 0;
    cursor: pointer;
}
#opencomercial {
    margin-left: 50%;
}
#openresidencial:checked {
    width: 66.666667%;
}
#opencomercial:checked {
    width: 66.666667%;
    margin-left: 33.333333%;
}
#openresidencial.residencial-checkbox-change,
#opencomercial.comercial-checkbox-change {
    width: 33.333333%;
}
#opencomercial.comercial-checkbox-change {
    margin-left: 66.666667%;
}
#openresidencial:checked ~ .button-comercial,
#opencomercial:checked ~ .button-residencial {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
#openresidencial:checked ~ .button-residencial, 
#opencomercial:checked ~ .button-comercial {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
#openresidencial:checked ~ .button-residencial > img,
#opencomercial:checked ~ .button-comercial > img,
#openresidencial:checked ~ .button-comercial > p,
#opencomercial:checked ~ .button-residencial > p {
    display: none;
}
#openresidencial:checked ~ .button-residencial > p,
#opencomercial:checked ~ .button-comercial > p,
#openresidencial:checked ~ .button-comercial > img,
#opencomercial:checked ~ .button-residencial > img {
    display: block;
}
#openprice, #openconstruction, #openterrain {
    width: 30px;
    height: 30px;
    position: absolute;
    margin-left: 15px;
    margin-top: 25px;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
}
#openprice ~ img, #openprice ~ div, #openprice ~ p,
#openconstruction ~ img, #openconstruction ~ div, #openconstruction ~ p,
#openterrain ~ img, #openterrain ~ div, #openterrain ~ p {
    opacity: 0.5;
}
#openprice:checked ~ img, 
#openprice:checked ~ div, 
#openprice:checked ~ p,
#openconstruction:checked ~ img, 
#openconstruction:checked ~ div, 
#openconstruction:checked ~ p,
#openterrain:checked ~ img, 
#openterrain:checked ~ div, 
#openterrain:checked ~ p {
    opacity: 1;
}
.button-range {
    width: 30px;
    height: 30px;
    margin-left: 15px;
    margin-top: 25px;
    cursor: pointer;
}
.text-range {
    width: 40px;
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 30px;
    margin-right: 15px;
}
.input-range {
    flex: 1;
    margin: 5px 7px 0px;
}
.input-range > .row > p {
    margin-bottom: 0px;
    padding: 0px;
}
.input-range > .row > p:first-child {
    text-align: left;
}
.input-range > .row > p:last-child {
    text-align: right;
}
input[type="range"] {
    outline: 0;
    border: 0;
    border-radius: 0px;
    width: 100%;
    margin: 0px 0 15px;
    transition: box-shadow 0.2s ease-in-out;
}
/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="range"] {
        overflow: hidden;
        height: 20px;
        -webkit-appearance: none;
        background-color: #B9DCD2;
    }
    input[type="range"]::-webkit-slider-runnable-track {
        height: 20px;
        -webkit-appearance: none;
        color: #444;
        transition: box-shadow 0.2s ease-in-out;
    }
    input[type="range"]::-webkit-slider-thumb {
        width: 20px;
        -webkit-appearance: none;
        height: 20px;
        cursor: ew-resize;
        background: #fff;
        box-shadow: -340px 0 0 320px #8EC3B6, inset 0 0 0 40px #8EC3B6;
        border-radius: 0%;
        transition: box-shadow 0.2s ease-in-out;
        position: relative;
    }
    input[type="range"]:active::-webkit-slider-thumb {
        background: #fff;
        box-shadow: -340px 0 0 320px #8EC3B6, inset 0 0 0 3px #8EC3B6;
    }
}
/*Firefox*/
input[type="range"]::-moz-range-progress {
    background-color: #8EC3B6;
    height: 20px;
}
input[type="range"]::-moz-range-track {
    background-color: #B9DCD2;
}
/*IE*/
input[type="range"]::-ms-fill-lower {
    background-color: #8EC3B6;
    height: 20px;
}
input[type="range"]::-ms-fill-upper {
    background-color: #B9DCD2;
}
#h4-container {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;
}
#h4-subcontainer {
    width: 100%;
    position: relative;
}
h4 {
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    margin-top: -10px;
    transform-origin: center -10px;
    transform: translateX(-50%);
    transition: margin-top 0.15s ease-in-out,
    opacity 0.15s ease-in-out;
}
.button-location {
    width: 30px;
    height: 30px;
    margin-left: 15px;
}
.button-location ~ .row > div > a > img {
    width: 15px;
    height: auto;
}
.dropdown-toggle::after {
    content: none;
}
.dropdown-menu {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    max-height: 200px;
    height: 200px;
    background-color: #B9DCD2;
}
::-webkit-scrollbar {
   -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
   width: 10px;
}
::-webkit-scrollbar:horizontal {
   height: 10px;
}
::-webkit-scrollbar-thumb {
   background: rgba(0, 0, 0, 0.5);
   border-radius: 10px; 
   border: 2px solid #eee;
}
::-webkit-scrollbar-track { 
   background-color: #eee; 
}
.dropdown-item {
    color: #141B4D;
    font-size: 0.8rem;
    font-family: 'Montserrat-Medium';
}
.dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {
    color: #141B4D !important;
    background-color: white !important;
}
.dropdown-item.disabled, .dropdown-item:disabled {
    color: #6c757d !important;
    background-color: transparent !important;
}
#openmenu:checked ~ .section .iScrollVerticalScrollbar.iScrollLoneScrollbar,
#opensearch:checked ~ .section .iScrollVerticalScrollbar.iScrollLoneScrollbar,
#openshare:checked ~ .section .iScrollVerticalScrollbar.iScrollLoneScrollbar,
#openimage:checked ~ .section .iScrollVerticalScrollbar.iScrollLoneScrollbar,
#openmenu:checked ~ #fullpage > .section .iScrollVerticalScrollbar.iScrollLoneScrollbar,
#opensearch:checked ~ #fullpage > .section .iScrollVerticalScrollbar.iScrollLoneScrollbar {
    display: none;
}
/* ----------------------------
   ---------- FOOTER ----------
   ---------------------------- */
#footer{
    bottom:0px;
}
.button-bottom {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: -ms-flex 0.7s ease, flex 0.7s ease, max-width 0.7s ease;
    -moz-transition: -ms-flex 0.7s ease, flex 0.7s ease, max-width 0.7s ease;
    -o-transition: -ms-flex 0.7s ease, flex 0.7s ease, max-width 0.7s ease;
    -ms-transition: -ms-flex 0.7s ease, flex 0.7s ease, max-width 0.7s ease;
    transition: -ms-flex 0.7s ease, flex 0.7s ease, max-width 0.7s ease;
}
.button-bottom > p {
    margin-bottom: 0px;
    font-size: 0.8rem;
}
.button-bottom > img {
    width: 40px;
    height: auto;
}
.button-bottom.residential,
.button-bottom.residential {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.button-bottom.residential.on,
.button-bottom.commertial.on {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.button-bottom.residential.off,
.button-bottom.commertial.off {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
/* ----------------------------
   ----------- HOME -----------
   ---------------------------- */
body {
    /*background-image: url("../images/background-home.jpg");*/
    background-position: 0px 0px;
    background-repeat: repeat-x;
    background-size: cover;
    animation: animatBg 10000s linear infinite;
    position: fixed;
    font-size: 14px;
}
@keyframes animatBg {
    100%{
        background-position: -90000px 0px;
    }
}
#fullpage, #section0, #section1 {
    background-color: transparent !important;
}
#container-button-home {
    margin: auto;
    padding: 0px 0px;
    justify-content: center;
}
.logo-home {
    width: 0px;
    height: auto;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    animation-name: logo;
    animation-duration: 2.5s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
}
@keyframes logo {
    from { width: 0px; }
    to { width: 150px; }
}
.button-home {
    align-self: center;
    text-align: center;
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 0px;
    border-left-width: 0px;
    -ms-flex: 0 0 0px;
    flex: 0 0 0px;
    max-width: 0px;
    -webkit-box-flex: 0;
    animation-name: expand;
    animation-duration: 2s;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
}
@keyframes expand {
    from {
        -ms-flex: 0 0 0px;
        flex: 0 0 0px;
        max-width: 0px;
    }
    to {
        -ms-flex: 0 0 calc(50% - 52px);
        flex: 0 0 calc(50% - 52px);
        max-width: calc(50% - 52px);
    }
}
.button-home.left {
    margin-right: 52px;
}
.button-home.right {
    margin-left: 52px;
}
.text-button-home {
    padding: 40px 0px;
    margin: auto;
    font-size: 0.8rem;
    overflow: hidden;
}
.button-home.left > .text-button-home {
    margin-right: 5vw;
}
.button-home.right > .text-button-home {
    margin-left: 5vw;
}
.btn-view-more {
	text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.btn-view-more > a {
    font-size: 2em;
}
.btn-view-more > a > img {
    padding: 20px;
    width: 70px;
    height: auto;
}
.view-more:hover {
    color: #FDCA45;
}
/* ----------------------------------
   ----------- PROPERTIES -----------
   ---------------------------------- */
#title-pane {
    display: none;
    position: absolute;
    transform: translateX(0vw);
    -webkit-transition: 0.7s ease;
    -moz-transition: 0.7s ease;
    -o-transition: 0.7s ease;
    -ms-transition: 0.7s ease;
    transition: 0.7s ease;
    overflow: hidden;
    width: 100vw;
    height: 70px;
    top: 100px;
    z-index: 10;
}
#detail-pane {
    background-color: #ffffff;
    position: absolute;
    transform: translateX(0vw);
    -webkit-transition: 0.7s ease;
    -moz-transition: 0.7s ease;
    -o-transition: 0.7s ease;
    -ms-transition: 0.7s ease;
    transition: 0.7s ease;
    overflow-y: auto;
    overflow-x: hidden;
    width: 70vw;
    min-height: 50vh;
    top: 100px;
    z-index: 10;
}
#property-pane {
    transform: translateX(70vw);
    overflow-y: auto;
    overflow-x: hidden;
    width: 30vw;
    z-index: 10;
    display: block;
}
#property-pane > div.row > div {
    padding: 0px;
}
.type-text {
    align-self: center;
    text-align: center;
}
.type-text > p {
    margin-bottom: 0px;
}
.type-arrow {
    cursor: pointer;
    text-align: center;
}
.type-arrow > a > img,
.name-button > img {
    height: auto;
    width: 25px;
}
.name-text {
    margin-top: 20px;
}
.name-text > h5:first-child {
    text-transform: uppercase;
    overflow-wrap: break-word;
    font-size: 1rem;
    margin-bottom: 0px;
}
.name-text > h5:last-child {
    overflow-wrap: break-word;
    font-size: 1rem;
}
.name-button {
    display: flex;
}
.name-button > img {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
}
.name-button > img:last-child {
    display: none;
}
.description-text {
    overflow: hidden;
    max-height: 5000px;
    padding: 0px;
    -webkit-transition: max-height 0.7s ease;
    -moz-transition: max-height 0.7s ease;
    -o-transition: max-height 0.7s ease;
    -ms-transition: max-height 0.7s ease;
    transition: max-height 0.7s ease;
}
.description-text > .description {
    font-size: 0.8rem;
    margin-top: 15px;
    margin-bottom: 20px;
    line-height: 1.6;
    padding-right: 45px;
    text-align: justify;
    overflow-wrap: break-word;
    hyphens: auto;
}
.description-text > .subtitle {
    font-size: 0.7rem;
    margin-bottom: 0px;
}
.description-text > .value {
    font-size: 0.8rem;
    margin-bottom: 5px;
}
.description-text > .value.col-4 {
    text-align: center;
}
.description-text > .price {
    text-align: justify;
    padding: 15px 15px;
    margin-top: 15px;
}
.description-text > .price > .row:first-child {
    margin-bottom: 5px;
}
.description-text > .price > .row > .subtitle {
    font-size: 0.8rem;
    margin-left: 20px;
    margin-bottom: 0px;
}
.description-text > .price > .row > .value {
    font-size: 0.9rem;
    margin-left: 5px;
    margin-bottom: 0px;
}
#openinfo {
    position: absolute;
    width: 50px;
    height: 40px;
    opacity: 0;
    top: 170px;
    right: 1vw;
    z-index: 15;
    cursor: pointer;
}
#openinfo:checked ~ #property-pane > .row > div > .row > .name-button > img:first-child {
    display: none;
}
#openinfo:checked ~ #property-pane > .row > div > .row > .name-button > img:last-child {
    display: block;
}
#openinfo:checked ~ #property-pane > .row > div > .row > .description-text {
    max-height: 0px;
}
#option-pane {
    position: absolute;
    transform: translateX(0vw);
    transform-origin: (0, 0);
    width: 50px;
    height: 50px;
    top: 100px;
    z-index: 15;
}
#option-pane > .row {
    height: 100%;
    cursor: pointer;
}
#option-pane > .row:first-child > a {
    width: 100%;
    height: 100%;
    display: flex;
}
#option-pane > .row:first-child > a > img {
    width: 50%;
    height: auto;
    margin: auto;
}
#option-pane > .row:last-child > img {
    width: 40%;
    height: auto;
    margin: auto;
}
#share-pane {
    background-color: white;
    position: absolute;
    transform: translateX(-40vw);
    transform-origin: (0, 0);
    -webkit-transition: 0.7s ease;
    -moz-transition: 0.7s ease;
    -o-transition: 0.7s ease;
    -ms-transition: 0.7s ease;
    transition: 0.7s ease;
    overflow: auto;
    width: 40vw;
    top: 100px;
    z-index: 30;
    font-size: 0.8rem;
}
#share-pane > .row:first-child {
    justify-content: space-between;
}
#share-pane > .row:first-child > img {
    width: auto;
    height: 30px;
    margin: 30px;
}
#share-pane > .row:first-child > img:first-child {
    cursor: pointer;
}
#share-pane > .row:first-child > img:nth-child(2) {
    width: auto;
    height: 40px;
    margin: 25px;
}
#share-pane > .row:first-child > img:last-child {
    visibility: hidden;
    height: 1px;
    margin-top: 0px;
    margin-bottom: 0px;
}
#share-pane > .row > .title {
    font-weight: 400;
    margin: auto;
}
#share-pane > .row > .input-share {
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-color: white;
    border-style: solid;
    outline: none;
    padding: 5px 10px;
    margin-bottom: 10px;
}
#share-pane > .row:last-child {
    justify-content: center;
    text-align: center;
    cursor: pointer;
}
#share-pane > .row:last-child > img {
    width: 40px;
    height: auto;
}
#openshare {
    position: absolute;
    width: 50px;
    height: 50px;
    opacity: 0;
    top: 100px;
    z-index: 17;
    cursor: pointer;
}
#openshare:checked ~ #share-pane {
    transform: translateX(0vw);
}
.content-properties {
    padding-bottom: 100px;
    justify-content: center;
}
.content-properties.property {
    padding-right: 0vw;
    padding-bottom: 0px;
    justify-content: flex-end;
    min-height: 100%;
}
.content-properties > a,
.content-properties > div > a {
    padding: 0px;
}
.content-properties > a > img,
.content-properties > div > a > img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
.content-properties.property > #detail > div > img {
    margin-bottom: 15px;
    width: 70vw;
}
.content-properties.property > #detail {
    width: 100%;
}
iframe.photo-property {
    padding: 0;
    margin: 0;
    height: 400px;
}
div.photo-property {
    text-align:right;
    padding:0px;
}
#residential-pane, #commertial-pane {
    position: absolute;
    transform-origin: (0, 0);
    -webkit-transition: 0.7s ease;
    -moz-transition: 0.7s ease;
    -o-transition: 0.7s ease;
    -ms-transition: 0.7s ease;
    transition: 0.7s ease;
    overflow-y: auto;
    width: 100vw;
    min-height: : 50vh;
    top: 100px;
    z-index: 20;
    font-size: 0.8rem;
}
#residential-pane, #commertial-pane {
    transform: translateX(100vw);
}
#openbottomleft:checked ~ #residential-pane, 
#openbottomright:checked ~ #commertial-pane {
    transform: translateX(0vw);
}
#residential-pane > div > a, #commertial-pane > div > a {
    padding: 0px;
}
#residential-pane > div > a > img, #commertial-pane > div > a > img {
    width: 100%;
}
#full-image {
    position: absolute;
    padding: 20px 10px;
    margin-right: 10px;
    top: 100px;
    right: 30vw;
    cursor: pointer;
    z-index: 20;
}
#full-image > p {
    font-size: 0.8rem;
    margin-bottom: 0px;
}
.h-orientation #image_full {
    max-width: 100vw;
    max-height: 100vh;
}
.h-orientation #image_full > img {
    max-width: 100vw;
    max-height: 100vh;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}
.h-orientation > .row .row > .row {
    opacity:  0;
}
.h-orientation > .row .row > .img-logo {
    display: none;
}
.h-orientation > .row .row > img {
    position: relative;
    background: rgba(200, 200, 200, 0.7);
    box-sizing: content-box;
    border-radius: 100%;
    padding: 10px;
    z-index: 1500;
}
.h-orientation > .row .row {
    z-index: 10;
    background-color: transparent;
}
#image-pane {
    position: absolute;
    transform: translateX(50vw) translateY(50vh);
    -webkit-transition: 0.7s ease, width 0.7s ease, height 0.7s ease;
    -moz-transition: 0.7s ease, width 0.7s ease, height 0.7s ease;
    -o-transition: 0.7s ease, width 0.7s ease, height 0.7s ease;
    -ms-transition: 0.7s ease, width 0.7s ease, height 0.7s ease;
    transition: 0.7s ease, width 0.7s ease, height 0.7s ease;
    overflow: hidden;
    width: 0vw;
    height: 0vh;
    z-index: 1500;
    font-size: 1rem;
}
#image-pane > .row > div {
    padding: 0px;
    height: 100vh;
}
#image-pane > .row > div > .row:first-child {
    justify-content: space-between;
}
#image-pane > .row > div > .row:first-child > img:first-child,
#image-pane > .row > div > .row:first-child > img:last-child {
    width: 30px;
    height: 30px;
    margin: 5vh 3vw;
}
#image-pane > .row > div > .row:first-child > img:last-child {
    cursor: pointer;
}
#image-pane > .row > div > .row:first-child > div {
    display: flex;
    flex: 1;
    z-index: 10;
    justify-content: center;
    align-content: center;
}
#image-pane > .row > div > .row:first-child > div > p {
    margin-bottom: 0px;
    margin-left: 5px;
    text-align: center;
}
#image-pane > .row > div > .row:first-child > div > p:first-child {
    font-weight: bold;
    margin-left: 0px;
}
#image-pane > .row > div > .row:nth-child(2) {
    justify-content: space-between;
    align-content: center;
    padding: 0px;
    height: 30vh;
    width: 100vw;
    margin: 35vh 0;
    position: absolute;
    top: 0;
}
#image-pane > .row > div > .row:nth-child(2) > img {
    width: 30px;
    height: 30px;
    margin: 0 3vw;
    cursor: pointer;
    object-fit: contain;
}
#image-pane > .row > div > .row:nth-child(3) {
    justify-content: space-between;
    align-content: center;
    padding: 0px;
    height: 30vh;
    width: 100vw;
    margin: 35vh 0;
    position: absolute;
    top: 0;
}
#image-pane > .row > div > .row:nth-child(3) > img {
    width: 30px;
    height: 30px;
    margin: 0 3vw;
    cursor: pointer;
    object-fit: contain;
}
#image-pane > .row > div > .image {
    position: absolute;
    display: flex;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 80vw;
    max-height: 80vw;
    padding: 30px 30px;
}
#image-pane > .row > div > .image > img, #image-pane > .row > div > .image > iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10;
    -webkit-transition: 2s ease;
    -moz-transition: 2s ease;
    -o-transition: 2s ease;
    -ms-transition: 2s ease;
    transition: 2s ease;
    transform: translateX(0vw);
}
iframe{
    border: none;
}
#image-pane > .row > div > .image > iframe{
    height: 80vh;
}
#image-pane > .row > div > .image > img.center, #image-pane > .row > div > .image > iframe.center {
    transform: translateX(0vw);
}
#image-pane > .row > div > .image > img.right, #image-pane > .row > div > .image > iframe.right {
    transform: translateX(100vw);
}
#image-pane > .row > div > .image > img.left, #image-pane > .row > div > .image > iframe.left {
    transform: translateX(-100vw);
}
#openimage {
    position: absolute;
    top: 100px;
    right: 31vw;
    z-index: 24;
    width: 125px;
    height: 65px;
    cursor: pointer;
    opacity: 0;
}
#openimage:checked ~ #image-pane {
    transform: translateX(0vw) translateY(0vh);
    width: 100vw;
    height: 100vh;
}
/* ----------------------------------
   ----------------------------------
   --------------- GRID -------------
   ----------------------------------
   ---------------------------------- */
#grid-pane {
    position: absolute;
    transform-origin: (0, 0);
    transform: translateX(0vw);
    overflow-y: auto;
    width: 100vw;
    min-height: : 50vh;
    top: 100px;
    z-index: 20;
    font-size: 0.8rem;
    padding: 15px 30px;
}
#grid-pane > div > div {
    height: 25vw;
    padding: 15px;
    text-align: center;
}
#grid-pane > div > div > a {
    height: 100%;
}
#grid-pane > div > div > a > div {
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 15px;
    top: 0;
    left: 0;
}
#grid-pane > div > div > a > div > div {
    width: 100%;
    height: 100%;
    background: #000;
    align-content: center;
    display: flex;
}
#grid-pane > div > div > a > div > div {
    display: flex;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}
#grid-pane > div > div > a > div > div:hover {
    opacity: 1;
}
#grid-pane > div > div > a > .grid-not-image {
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    opacity: 1;
}
#grid-pane > div > div > a:hover > .grid-not-image {
    opacity: 0;
}
#grid-pane > div > div > a:hover > div > div {
    opacity: 1;
}
#grid-pane > div > div > a > div > div > h5 {
    margin: auto;
    font-size: 0.7rem;
}
#grid-pane > div > div > a > div > div > h5:first-child {
    text-transform: uppercase;
}
#grid-pane > div > div > a > img {
    height: 100%;
    max-width: 100%;
    margin: auto;
}
.group-grid {
    height: auto !important;
    color: #141B4D !important;
}
.group-grid > h6:first-child {
    margin-bottom: 0px;
}
.group-grid > h6:last-child {
    font-size: 0.8rem;
}
.grid-not-image {
    height: auto !important;
}
.grid-not-image:hover {
    opacity: 0;
}
/* ----------------------------------
   -------------- OFFER -------------
   ------------ RECOMMEND -----------
   ------------- CONTACT ------------
   ---------------------------------- */
#contact-pane {
    background-color: #ffffff;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100vw;
    min-height: : 50vh;
    top: 100px;
    z-index: 20;
    font-size: 0.8rem;
}
#contact-pane > div {
    min-height: 100%;
}
.contact-left, .contact-right {
    padding: 0;
}
.content-generic > .contact-left > div > div > img,
.content-generic > .contact-left > div > div > a > img {
    width: 40px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15%;
}
.content-generic > .contact-left > div > div > a {
    margin-top: 15%;
    margin-bottom: 10%;
}
.content-generic > .contact-left > div:last-child > .row:last-child {
    justify-content: space-evenly;
}
.content-generic > .contact-left > div > div:last-child > div {
    margin-bottom: 20%;
}
.content-generic > .contact-left > div > div:first-child > img {
    width: 40%;
    height: auto;
}
.content-generic > .contact-left > div:first-child,
.content-generic > .contact-right > div:first-child {
    display: none;
}
.content-generic > .contact-left > div > div > p,
.content-generic > .contact-right > div > .row:nth-child(2) > p {
    text-align: center;
    overflow-wrap: break-word;
}
.content-generic > .contact-left > div > div > p:first-child {
    margin-top: 10px;
}
.content-generic > .contact-right {
    padding-left: 0px;
    padding-right: 0px;
}
.content-generic > .contact-right > div > div > h5 {
    font-size: 1rem;
    margin-top: 50px;
    margin-left: 5%;
    margin-right: 10px;
}
.content-generic > .contact-right > div > .row:nth-child(2) {
    margin-top: 10%;
    margin-bottom: 15%;
}
.content-generic > .contact-right > div > .row:nth-child(2) > input,
.content-generic > .contact-right > div > .row:nth-child(2) > div > input,
.content-generic > .contact-right > div > .row:nth-child(2) > div > div.form-control,
.content-generic > .contact-right > div > .row:nth-child(2) > div > .row > div.form-control,
.content-generic > .contact-right > div > .row:nth-child(2) > div > .row > input {
    height: 40px;
    margin-bottom: 10px;
}
.content-generic > .contact-right > div > .row:nth-child(2) > div > h6,
.content-generic > .contact-right > div > .row:nth-child(2) > div > p {
    padding-left: 0;
    padding-right: 0;
    font-size: 0.8rem;
}
.content-generic > .contact-right > div > .row:nth-child(2) > div > h6 {
    margin-bottom: 30px;
}
.content-generic > .contact-right > div > .row:nth-child(2) > div > .row:nth-child(3) {
    margin-bottom: 20px;
}
.content-generic > .contact-right > div > .row:nth-child(2) > div > div.form-control > a,
.content-generic > .contact-right > div > .row:nth-child(2) > div > .row > div.form-control > a {
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    word-break: break-word;
}
.content-generic > .contact-right > div > .row:nth-child(2) > div > div.form-control > a > img,
.content-generic > .contact-right > div > .row:nth-child(2) > div > .row > div.form-control > a > img {
    height: 7px;
    width: auto;
}
.form-control {
    display: inline-flex;
    border-color: #425563;
    border-radius: 0px;
    background-color: transparent;
    font-size: 0.75rem;
}
.form-control:focus {
    background-color: transparent;
}
.button-search {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 50px;
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
    cursor: pointer;
}
.button-search > p {
    padding: 0;
    margin-top: 5px;
    margin-bottom: 0px;
    overflow-wrap: break-word;
    font-size: 0.8rem;
}
.button-search > img {
    width: auto;
    height: 30px;
}
.line-middle {
    flex: 1;
    height: 1px;
    margin-top: 60px;
    margin-right: 10%;
}
.line-horizontal {
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    margin-bottom: 50px;
}
.line-vertical {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 21%;
    width: 1px;
    margin-top: 60px;
    height: 487px;
}
@media (min-width: 768px) {
    .col-4-half {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
    }
}
.col-4-half > a {
    overflow: hidden;
    white-space: break-spaces;
}

/* ----------------------------------
   ----------------------------------
   ------------ CHECKBOX ------------
   ----------------------------------
   ---------------------------------- */

.checkbox-app,
.radio-app {
    padding-left: 0px;
    padding-right: 0px;
}
.checkbox-app label, 
.radio-app label {
    cursor: pointer;
}
.checkbox-app label:after, 
.radio-app label:after {
    content: '';
    display: table;
    clear: both;
}
.checkbox-app .cr,
.radio-app .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #425563;
    border-radius: 0.25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: 0.5em;
}
.radio-app .cr {
    border-radius: 50%;
}
.checkbox-app .cr .cr-icon,
.radio-app .cr .cr-icon {
    position: absolute;
    font-size: 0.8em;
    line-height: 0;
    top: 50%;
    left: 15%;
}
.radio-app .cr .cr-icon {
    margin-left: 0.04em;
}
.checkbox-app label input[type="checkbox"],
.radio-app label input[type="radio"] {
    display: none;
}
.checkbox-app label input[type="checkbox"] + .cr > .cr-icon,
.radio-app label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all 0.3s ease-in;
}
.checkbox-app label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio-app label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}
.checkbox-app label input[type="checkbox"]:disabled + .cr,
.radio-app label input[type="radio"]:disabled + .cr {
    opacity: 0.5;
}

/* ----------------------------------
   ----------------------------------
   ------------ LOADING -------------
   ----------------------------------
   ---------------------------------- */

#loader-residential, #loader-residential:after,
#loader-commertial, #loader-commertial:after,
#loader-grid, #loader-grid:after,
#loader-property, #loader-property:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}
#loader-residential, #loader-commertial, #loader-grid, #loader-property {
    display: block;
    margin: 15px auto;
    font-size: 5px;
    position: relative;
    text-indent: 0em;
    content-visibility: hidden;
    border-top: 1.1em solid rgba(255,255,255, 0.2);
    border-right: 1.1em solid rgba(255,255,255, 0.2);
    border-bottom: 1.1em solid rgba(255,255,255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: loadx 1.1s infinite linear;
    animation: loadx 1.1s infinite linear;
}
#loader-grid, #loader-property {
    border-top: 1.1em solid rgba(20,27,77, 0.2);
    border-right: 1.1em solid rgba(20,27,77, 0.2);
    border-bottom: 1.1em solid rgba(20,27,77, 0.2);
    border-left: 1.1em solid #141B4D;
}
@-webkit-keyframes loadx {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes loadx {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}