/******************************************************************
***			Ing. Juan Pablo Ballesteros Quintero				***
***			Ingeniero de Sistemas								***
***			Universidad Industrial de Santander					***
******************************************************************/

/* RESET*/
/* Resetea los estilos que vienen por defecto */

@font-face {
    font-family: 'robotoregular';
    src: url('../../fonts/roboto/static/Roboto-Regular.ttf'), format('.ttf');
    /* src: url('../../fonts/roboto-regular-webfont.woff2') format('woff2'), url('../../fonts/roboto-regular-webfont.woff') format('woff'); */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'spartanmbregular';
    src: url('../../fonts/spartan-mb/SpartanMB-Regular.otf'), format('.ttf');    
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dmsansregular';
    src: url('../../fonts/dm-Sans/static/DMSans-Regular.ttf'), format('.ttf');    
    font-weight: normal;
    font-style: normal;
}

:root {
    --color-orange-light: #f8a669;
    --color-orange-medium: #f58634;
    --color-gray-medium: #373435;
    --color-gray: #ccc;        
    --color-green-light: #00a350;
    --color-green-medium: #057039;
    --color-green: #018843;
    --color-green-logo: #36a692;
    --color-blue-light: #6d90c6;
    --color-blue-medium: #285bc0;    
    --color-blue: #3058a6;
    --color-yellow: #c5cc19;
    --color-red: #d9383d;
    --color-red-medium: #e23d49;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-sea: #029e77;
}

/* ----- GENERAL STYLES ----- */
a {
    color: inherit;
}

.bg-color-orange {
    background-color: #f17115;
}

.bg-color-orange2 {
    background-color: #944309;
}

.bg-color-gray {
    background-color: #353535;
}

.bg-color-gray2 {
    background-color: #4d4d4d;
}

.bg-color-gray3 {
    background-color: #e4e3e3;
}

.bg-color-white {
    background-color: #ffffff;
}

.bg-color-green {
    background-color: #00a350;
}

.bg-color-green2 {
    background-color: #057039;
}

.bg-color-green3 {
    background-color: #0d4227;
}

.bg-color-green4 {
    background-color: #36a692;
}

.bg-color-beige {
    background-color: #e1c699;
}

.bg-color-blue {
    background-color: #3058a6
}

.bg-color-blue2 {
    background-color: #6d90c6
}

.bg-color-red {
    background-color: #e23d49
}

.bg-color-red2 {
    background-color: #a36165
}

.bg-color-red3 {
    background-color: #ee9ca1
}

@media screen and (max-width: 1023px) and (orientation: landscape) {
/* @media screen and (max-width: 425px) and (orientation: landscape) { */
    .mensaje {
        position: fixed;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        
        /* Con esto ajustamos la posición del texto */
        display: flex;
        align-items: center;
        justify-content: center;
        
        /* Un color de fondo */        
        background-color: white;
        /* Debemos superponerlo */
        z-index: 1000;
    }
    
    /* El texto que vamos a mostrar */
    .mensaje::before {
        content: "Voltee su dispositivo";
        font-size: 2rem;
    }

    body {
        display: none;
    }    
}

@media screen and (max-width: 400px) and (orientation: portrait) {
    
    /* ----- SECTIONS ----- */
    /* ----- Nav ----- */

    #mainHead {
        font-family: 'spartanmbregular';
        height: 120px;
        background-color: #ffffff;
        width: 100%;
        /* position: relative; */
    }

    .headBrand {
        display: block;
        height: 117px;
    }

    .headBrand > a {
        display: block;   
    }

    .headBrand > img {
        width: 250px;        
        height: auto;
        /* border: 1px red solid; */
    }

    #phonePBX{
        font-size: 18px;
        color: #373435;
    }

    #socialNetworks {
        margin: 0px;
        text-align: center;
    }

    #socialNetworks a {
        margin: 0px;
        text-align: center; 
        display: block;
        width: 35px;
    }

    #socialNetworks img {
        width: 35px;
    }

    #payOnline a {
        margin: 0px;
        text-align: center; 
        display: block;
    }

    #payOnline img {
        padding: 10px;
        width: 200px;
        text-align: center;
    }

    #navigationBar {
        top: 120px;
        font-family: 'spartanmbregular';
        /* position: relative; */
    }

    .navbar {
        background-color: var(--color-blue);   
    }

    .navbar-main .active {
        background-color: var(--color-blue-light);
        text-decoration: none;
    }

    .navbar-main a {
        background-color: var(--color-blue);
        color: #ffffff;
    }

    .navbar-main a:hover {
        background-color: var(--color-blue-light);
        color: #ffffff;    
    }

    .navbar-main a:active, .navbar-main a:focus {
        background-color: var(--color-blue-light);
        color: #ffffff;
    }

    .nav {
        color: #ffffff;    
    }

    .navSeparator {
        border-left: 1px solid #ffffff;    
    }

    #slider {
        margin-top: 180px;
        font-family: 'spartanmbregular';
    }

    #slider .carousel-inner {
        /* border: 1px rgb(0, 38, 255) solid; */
        padding-left: 0px;
        margin-left: 0px;
        height: 30vh;
    }

    #slider .carousel-inner img {
        width: 100%;
        /* height: 20vh; */
        /* border: 1px red solid; */
    }

    #slider .carousel-inner .carrousel-item {
        /* width: 100%; */
        height: 30vh;
        /* border: 1px red solid; */
    }

    #video-player {
        width: 100%;
        /* height: 30vh; */
        /* border: 1px red solid; */
    }

    #video-content {
        /* width: 100%; */
        height: 30vh;
        /* border: 1px red solid; */
    }        

    /* ----- Requeriments Search ----- */

    .searcher {
        margin-top: 20px;
        position: relative;
    }

    #containerSearcher {
        background-color: rgb(217, 56, 61, 0.7);
        width: 80%;
        text-align: center;
        margin: auto;
        overflow: hidden;
        padding: 10px;
        font-family: 'spartanmbregular';
    }

    #containerSearcher2 {
        background-color: rgb(0, 163, 80, 0.7);
        width: 80%;
        text-align: center;
        margin: auto;
        overflow: hidden;
        padding: 10px;
        font-family: 'spartanmbregular';
    }

    .containerItemSearcher {
        float: left;
        /* border: 1px red solid; */
        padding-top: 5px;
        width: 100%;
    }

    .containerItemSearcher2 {
        float: left;
        /* border: 1px red solid; */
        padding-top: 5px;
        width: 100%;
    }

    .itemSearcher {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .itemSearcher select#oferta, .itemSearcher select#ciudad, .itemSearcher select#barrio, .itemSearcher select#tipo, .itemSearcher select#precio {
        width: 100%;
        height: 42px;
        border: 0px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        color: #353535;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        font-family: 'spartanmbregular';
        text-align: left;
        
    }

    .itemSearcher select#oferta:hover, .itemSearcher select#ciudad:hover, .itemSearcher select#barrio:hover, .itemSearcher select#tipo:hover, .itemSearcher select#precio:hover {
        width: 100%;
        height: 42px;
        background: var(--color-green-light);
        color: #ffffff;
        font-family: 'spartanmbregular';
    }

    .itemSearcher input#codigo {	
        width: 100%;
        height: 42px;
        border: 0px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        color: #353535;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        font-family: 'spartanmbregular';
        padding-left: 18px;
        text-align: left;
    }

    .itemSearcher input#codigo:hover {
        width: 100%;
        height: 42px;
        background: var(--color-green-light);
        color: #ffffff;
        font-family: 'spartanmbregular';
    }

    .itemSearcher input#codigo::placeholder{
        color: #353535;
        opacity: 1; /* Firefox */
    }

    .itemSearcher input#codigo:hover::placeholder{
        color: white;
        opacity: 1; /* Firefox */
    }

    .itemSearcher input#codigo:-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher input#codigo:hover:-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher input#codigo::-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher input#codigo:hover::-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher .btn {
        background-color: #373435;
        width: 100%;
        height: 42px;
        color: #ffffff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        font-family: 'spartanmbregular';
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }

    .itemSearcher .btn:hover {
        background-color: #1d1d1d;
        width: 100%;
        height: 42px;
        color: #ffffff;
        font-family: 'spartanmbregular';
    }

    .itemSearcher .btn a {
        color: #ffffff;
        text-decoration: none;
    }

    .itemSearcher .btn2 {
        background-color: #ffffff;
        color: #353535;
    }

    .itemSearcher .btn2:hover {        
        color: #ffffff;
        background: var(--color-green-light);
        font-family: 'spartanmbregular';
    }

    /* ----- Virtual Office ----- */

    #virtualOffice {
        margin-top: 50px;
        font-family: 'spartanmbregular';
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #virtualOffice article {
        margin-bottom: 10px;
    }

    #virtualOffice h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    .icon-tools {
        /* background-color: rgb(41, 133, 161); */
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    .icon-tools2 {
        /* background-color: rgb(189, 186, 1); */
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    .icon-tools3 {
        /* background-color: rgb(40, 209, 70); */
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    .icon-tools4 {
        /* background-color: rgb(40, 209, 70); */
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_virtualOffice {
        position: absolute;
        top: 2570px;
        width: 1px;
        height: 1px;
    }

    /* ----- Featured Properties ----- */

    #featuredProperties {
        font-family: 'spartanmbregular';
        padding-bottom: 50px;
        /* border: 1px red solid; */
    }

    #featuredProperties h2 {
        margin-top: 20px;
        padding-bottom: 0px;
        font-family: 'spartanmbregular';
    }

    #featuredProperties article {
        /* border: 2px #f58634 solid; */
        text-align: center;
        width: 100%;
        /* margin-bottom: 10px; */
        margin-top: 10px;
        background-color: rgb(209, 209, 209);
        /*border: 1px blue solid;*/
        /* border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px; */
}

    .paddingFeactured {
        padding-left: 10px;
        padding-right: 10px;
    }

    .labelProperty {
        background-color: var(--color-green-light);
        color: #ffffff;
        width:30%;
        border: 0px;
        /* border-top-right-radius: 5px;
        border-top-left-radius: 5px; */
    }

    .labelPropertySale {
        background-color: var(--color-red);
        color: #ffffff;
        width:30%;
        border: 0px;
        /* border-top-right-radius: 5px;
        border-top-left-radius: 5px; */
    }

    .linkProperty img {
        width: 100%;
        height: 251px;
    }

    .photoProperty {
        display: block;
    }

    .typeProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;
        font-weight: bold;
        text-align: left;
    }

    .neighborhoodProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;
        text-align: left;
    }

    .priceProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;
        font-weight: bold;
        color: var(--color-red);
        text-align: left;
    }

    .administrationProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;    
        text-align: left;
    }

    .itemsProperty {
        display: block;
        padding: 10px 0px 10px 0px;
        /* border-top: 1px #f58634 solid;
        border-bottom: 1px #f58634 solid; */
        background-color: var(--color-blue-medium);
        color: var(--color-white);
    }

    .itemsProperty i {    
        padding-right: 5px;
    }

    .itemsProperty span {
        padding: 0px 5px 0px 5px;
        /* border: 1px red solid; */
    }

    /* ----- Our Team ----- */  

    #ourTeam {
        font-family: 'spartanmbregular';
        padding-bottom: 50px;
        /* border: 1px blue solid; */
    }

    #ourTeam h2 {
        /* margin-top: 30px; */
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    /* ----- Our Related Links ----- */  

    #ourRelatedLinks {
        font-family: 'spartanmbregular';
        /* padding-bottom: 100px; */
        /* border: 1px blue solid; */
    }

    #ourRelatedLinks h2 {
        /* margin-top: 30px; */
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }


    /* ----- Footer ----- */

    #containerFooter {    
        background-color: #2f2f2e; 
        font-family: 'spartanmbregular';
        font-size: 14px;
    }

    .containerCompany {   
        padding: 20px 10px 20px 10px; 
        color: #ffffff;
        /* border: 1px red solid; */
    }

    .containerCompany div {   
        /* border: 1px red solid; */
        width: 100%;
        padding-bottom: 20px;
        text-align: center;
    }

    .containerCompany p {           
        color: #ffffff;
        line-height: 30px;
        /* border: 1px red solid; */
    }

    .containerCompany span {           
        color: #36a692;
        /* font-weight: bold; */
        font-size: 14px;
        /* border: 1px red solid; */
    }

    .containerLogo {        
        width: 90%;
    }

    .containerCompany img {
        width: 50%;
        text-align: right;
    }

    .containerSignature { 
        width: 100%;
        background-color: #39679b;
        text-align: center;  
        color: #ffffff;    
        margin: 0;
        padding: 20px 10px 0px 10px;
    }

    .containerSignature div {   
        /* border: 1px red solid; */
        width: 100%;
        text-align: center;
    }

    /* ----- List Properties ----- */

    #listProperties {
        margin-top: 50px;
        font-family: 'spartanmbregular';
        padding-bottom: 100px;
    }

    #listProperties h2 {    
        padding-bottom: 0px;
        font-size: 22px;
        font-family: 'spartanmbregular';
    }

    #listProperties article {
        /* border: 2px #f58634 solid;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px; */
        background-color: rgb(209, 209, 209);
        text-align: center;
        width: 100%; 
    }

    #listProperties .row {    
        /* border: 1px red solid; */
        margin-top: 0px;
    }

    #listProperties div.paddingColProperty {    
        /* border: 1px blue solid; */
        padding-top: 20px;
    }

    #pos_listProperties {
        position: absolute;
        top: 570px;
        width: 1px;
        height: 1px;
    }

    /* ----- Details Property ----- */

    #sliderProperty {
        position: relative;
        padding-top: 10px;
        /* margin-top: 185px; */
        font-family: 'spartanmbregular';        
    }    

    #carouselSlidesProperty .carousel-inner {
        /* border: 1px rgb(55, 39, 146) solid; */
        text-align: center;
    }

    #carouselSlidesProperty .carousel-inner img {
        width: 100px;
        /* width: auto;
        height: 20vh; */
    }

    #detailsProperty {
        margin-top: 200px;
        font-family: 'spartanmbregular';
        padding-bottom: 100px;
        /* border: 1px red solid; */
    }

    #detailsProperty h2 {    
        padding-bottom: 10px;
        font-family: 'spartanmbregular';
        color: var(--color-blue);
    }

    #detailsProperty h3 {    
        padding-bottom: 10px;
        font-family: 'spartanmbregular';
        font-size: 18px;
    }

    #detailsProperty div.paddingColProperty {    
        /* border: 1px blue solid; */
        padding-top: 20px;
    }

    .itemsDetailsProperty {
        display: block;
        padding: 10px 0px 10px 0px;
        background-color: var(--color-blue);
        color: #ffffff;
    }

    .itemsDetailsProperty i {    
        padding-right: 5px;
    }

    .itemsDetailsProperty span {
        padding: 0px 20px 0px 20px;
        /* border: 1px red solid; */
    }

    .price {
        padding-bottom: 40px;
        font-size: 26px;
        color: var(--color-green-medium);
    }

    .description {    
        padding: 40px 20px 10px 20px;
        margin-top: 20px;
        width: 100%;
        font-size: 20px;
        color: var(--color-white);
        text-align: justify;
        /* border: 1px red solid; */
        /* border-top: 1px #fdac72 solid;
        border-bottom: 1px #fdac72 solid; */
        background-color: var(--color-green-logo);
    }

    .labelItemProperty {
        display: inline-block;
        padding-bottom: 3px;    
        padding-left: 0px;
        font-family: 'spartanmbregular';
        font-size: 16px;
        font-weight: bold;
        width: 40%;
        height: 35px;
        text-align: left;
        /* border: 1px red solid; */
    }

    .valueItemProperty {
        display: inline-block;
        padding: 0;
        margin: 0;
        padding-bottom: 3px;
        padding-left: 10px;
        font-family: 'spartanmbregular';
        font-size: 16px;
        width: 40%;
        height: 35px;
        text-align: left;
        /* border: 1px blue solid;     */
    }

    .labelGroupItems {
        color: var(--color-green-light); 
    }

    .backPage {
        margin-top: 60px;
        width: 200px;
        height: 40px;
    }

    .backPage a {
        text-decoration: none;
    }

    /* ----- About Us ----- */

    #aboutUs {
        margin-top: 50px;
        font-family: 'spartanmbregular';
    }

    #aboutUs h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #aboutUs article {
        margin-bottom: 10px;
    }

    .icon-aboutUs {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_aboutUs {
        position: absolute;
        top: 570px;
        width: 1px;
        height: 1px;
    }

    /* ----- Our Services ----- */

    #ourServices {
        margin-top: 50px;
        font-family: 'spartanmbregular';
    }

    #ourServices h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #ourServices article {
        margin-bottom: 10px;
    }

    #ourServices article div {
        display: block;
        width: 100%;
    }

    #ourServices .services1 {
        width: 100%;
        text-align: left;
        /* border: 1px red solid; */
    }

    #ourServices .services2 {
        width: 100%;
        text-align: left;
        /* border: 1px red solid; */
    }

    .icon-ourServices {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_ourServices {
        position: absolute;
        top: 570px;
        width: 1px;
        height: 1px;
    }

    /* ----- Contact Us ----- */

    #contactUs {
        margin-top: 50px;
        font-family: 'spartanmbregular';
    }

    #contactUs h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #contactUs article {
        margin-bottom: 10px;
    }

    .icon-contactUs {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_contactUs {
        position: absolute;
        top: 570px;
        width: 1px;
        height: 1px;
    }

    /* ----- Lessees ----- */

    #lessees {
        margin-top: 50px;
        font-family: 'spartanmbregular';
    }

    #lessees h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #lessees article {
        margin-bottom: 10px;
    }

    .icon-lessees {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_lessees {
        position: absolute;
        top: 570px;
        width: 1px;
        height: 1px;
    }

    /* ----- Insurers ----- */

    #insurers {
        margin-top: 50px;
        font-family: 'spartanmbregular';
    }

    #insurers h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #insurers article {
        margin-bottom: 10px;
    }

    .icon-insurers {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_insurers {
        position: absolute;
        top: 570px;
        width: 1px;
        height: 1px;
    }
}

@media screen and (max-width: 425px) and (min-width: 401px) and (orientation: portrait) {
    
    /* ----- SECTIONS ----- */
    /* ----- Nav ----- */   

    #mainHead {
        font-family: 'spartanmbregular';        
        /* top: 0px; */
        height: 120px;
        background-color: #ffffff;
        width: 100%;
        /* position: relative; */
    }

    .headBrand {
        display: block;
        height: 117px;
    }

    .headBrand > a {
        display: block;   
    }

    .headBrand > img {
        width: 350px;        
        height: auto;
    }

    #phonePBX{
        font-size: 18px;
        color: #373435;
    }

    #socialNetworks {
        margin: 0px;
        text-align: center;
    }

    #socialNetworks a {
        margin: 0px;
        text-align: center; 
        display: block;
        width: 35px;
    }

    #socialNetworks img {
        width: 35px;
    }

    #payOnline a {
        margin: 0px;
        text-align: center; 
        display: block;
    }

    #payOnline img {
        padding: 10px;
        width: 200px;
        text-align: center;
    }

    #navigationBar {
        top: 120px;
        font-family: 'spartanmbregular';
        /* position: relative; */
    }

    .navbar {
        background-color: var(--color-blue);    
    }

    .navbar-main .active {
        background-color: var(--color-blue-light);
        text-decoration: none;
    }

    .navbar-main a {
        background-color: var(--color-blue);
        color: #ffffff;
    }

    .navbar-main a:hover {
        background-color: var(--color-blue-light);
        color: #ffffff;    
    }

    .navbar-main a:active, .navbar-main a:focus {
        background-color: var(--color-blue-light);
        color: #ffffff;
    }

    .nav {
        color: #ffffff;    
    }

    .navSeparator {
        border-left: 1px solid #ffffff;    
    }

    #slider {
        margin-top: 175px;
        font-family: 'spartanmbregular';
    }

    #slider .carousel-inner {
        /* border: 1px rgb(0, 38, 255) solid; */
        padding-left: 0px;
        margin-left: 0px;
        height: 30vh;
    }

    #slider .carousel-inner img {
        width: 100%;
    }

    #slider .carousel-inner .carrousel-item {
        /* width: 100%; */
        height: 30vh;
        /* border: 1px red solid; */
    }

    #video-player {
        width: 100%;
        /* height: 30vh; */
        /* border: 1px red solid; */
    }

    #video-content {
        /* width: 100%; */
        height: 30vh;
        /* border: 1px red solid; */
    }    

    /* ----- Requeriments Search ----- */

    .searcher {
        margin-top: 20px;
        position: relative;
    }

    #containerSearcher {
        background-color: rgb(217, 56, 61, 0.7);
        width: 80%;
        text-align: center;
        margin: auto;
        overflow: hidden;
        padding: 10px;
        font-family: 'spartanmbregular';
    }

    #containerSearcher2 {
        background-color: rgb(0, 163, 80, 0.7);
        width: 80%;
        text-align: center;
        margin: auto;
        overflow: hidden;
        padding: 10px;
        font-family: 'spartanmbregular';
    }

    .containerItemSearcher {
        float: left;
        /* border: 1px red solid; */
        padding-top: 5px;
        width: 100%;
    }

    .containerItemSearcher2 {
        float: left;
        /* border: 1px red solid; */
        padding-top: 5px;
        width: 100%;
    }

    .itemSearcher {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .itemSearcher select#oferta, .itemSearcher select#ciudad, .itemSearcher select#barrio, .itemSearcher select#tipo, .itemSearcher select#precio {
        width: 100%;
        height: 42px;
        border: 0px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        color: #353535;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        font-family: 'spartanmbregular';
        text-align: left;
        
    }

    .itemSearcher select#oferta:hover, .itemSearcher select#ciudad:hover, .itemSearcher select#barrio:hover, .itemSearcher select#tipo:hover, .itemSearcher select#precio:hover {
        width: 100%;
        height: 42px;
        background: var(--color-green-light);
        color: #ffffff;
        font-family: 'spartanmbregular';
    }

    .itemSearcher input#codigo {	
        width: 100%;
        height: 42px;
        border: 0px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        color: #353535;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        font-family: 'spartanmbregular';
        padding-left: 18px;
        text-align: left;
    }

    .itemSearcher input#codigo:hover {
        width: 100%;
        height: 42px;
        background: var(--color-green-light);
        color: #ffffff;
        font-family: 'spartanmbregular';
    }

    .itemSearcher input#codigo::placeholder{
        color: #353535;
        opacity: 1; /* Firefox */
    }

    .itemSearcher input#codigo:hover::placeholder{
        color: white;
        opacity: 1; /* Firefox */
    }

    .itemSearcher input#codigo:-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher input#codigo:hover:-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher input#codigo::-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher input#codigo:hover::-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher .btn {
        background-color: #373435;
        width: 100%;
        height: 42px;
        color: #ffffff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        font-family: 'spartanmbregular';
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }

    .itemSearcher .btn:hover {
        background-color: #1d1d1d;
        width: 100%;
        height: 42px;
        color: #ffffff;
        font-family: 'spartanmbregular';
    }

    .itemSearcher .btn a {
        color: #ffffff;
        text-decoration: none;
    }

    .itemSearcher .btn2 {
        background-color: #ffffff;
        color: #353535;
    }

    .itemSearcher .btn2:hover {        
        color: #ffffff;
        background: var(--color-green-light);
        font-family: 'spartanmbregular';
    }

    /* ----- Virtual Office ----- */

    #virtualOffice {
        margin-top: 50px;
        font-family: 'spartanmbregular';
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #virtualOffice article {
        margin-bottom: 10px;
    }

    #virtualOffice h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    .icon-tools {
        /* background-color: rgb(41, 133, 161); */
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    .icon-tools2 {
        /* background-color: rgb(189, 186, 1); */
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    .icon-tools3 {
        /* background-color: rgb(40, 209, 70); */
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    .icon-tools4 {
        /* background-color: rgb(40, 209, 70); */
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_virtualOffice {
        position: absolute;
        top: 2570px;
        width: 1px;
        height: 1px;
    }

    /* ----- Featured Properties ----- */

    #featuredProperties {
        font-family: 'spartanmbregular';
        padding-bottom: 50px;
        /* border: 1px red solid; */
    }

    #featuredProperties h2 {
        margin-top: 20px;
        padding-bottom: 0px;
        font-family: 'spartanmbregular';
    }

    #featuredProperties article {
        /* border: 2px #f58634 solid; */
        background-color: rgb(209, 209, 209);
        text-align: center;
        width: 100%;   
        margin-top: 10px;
        /* margin-bottom: 10px; */
        /* border: 1px blue solid; */
        /* border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px; */
    }

    .paddingFeactured {
        padding-left: 10px;
        padding-right: 10px;
    }

    .labelProperty {
        background-color: var(--color-green-light);
        color: #ffffff;
        width:30%;
        border: 0px;
        /* border-top-right-radius: 5px;
        border-top-left-radius: 5px; */
    }

    .labelPropertySale {
        background-color: var(--color-red);
        color: #ffffff;
        width:30%;
        border: 0px;
        /* border-top-right-radius: 5px;
        border-top-left-radius: 5px; */
    }

    .linkProperty img {
        width: 100%;
        height: 251px;
    }

    .photoProperty {
        display: block;
    }

    .typeProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;
        font-weight: bold;
        text-align: left;
    }

    .neighborhoodProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;
        text-align: left;
    }

    .priceProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;
        font-weight: bold;
        color: var(--color-red);
        text-align: left;
    }

    .administrationProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;    
        text-align: left;
    }

    .itemsProperty {
        display: block;
        padding: 10px 0px 10px 0px;
        /* border-top: 1px #f58634 solid;
        border-bottom: 1px #f58634 solid; */
        background-color: var(--color-blue-medium);
        color: var(--color-white);
    }

    .itemsProperty i {    
        padding-right: 5px;
    }

    .itemsProperty span {
        padding: 0px 20px 0px 20px;
        /* border: 1px red solid; */
    }

    /* ----- Our Team ----- */  

    #ourTeam {
        font-family: 'spartanmbregular';
        padding-bottom: 50px;
        /* border: 1px blue solid; */
    }

    #ourTeam h2 {
        /* margin-top: 30px; */
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    /* ----- Our Related Links ----- */  

    #ourRelatedLinks {
        font-family: 'spartanmbregular';
        /* padding-bottom: 100px; */
        /* border: 1px blue solid; */
    }

    #ourRelatedLinks h2 {
        /* margin-top: 10px; */
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }


    /* ----- Footer ----- */

    #containerFooter {    
        background-color: #2f2f2e; 
        font-family: 'spartanmbregular';
        font-size: 14px;
    }

    .containerCompany {   
        padding: 20px 10px 20px 10px; 
        color: #ffffff;
        /* border: 1px red solid; */
    }

    .containerCompany div {   
        /* border: 1px red solid; */
        width: 100%;
        padding-bottom: 20px;
        text-align: center;
    }

    .containerCompany p {           
        color: #ffffff;
        line-height: 30px;
        /* border: 1px red solid; */
    }

    .containerCompany span {           
        color: #36a692;
        /* font-weight: bold; */
        font-size: 14px;
        /* border: 1px red solid; */
    }

    .containerLogo {        
        text-align: center;
        vertical-align: middle;
        /* border: 1px red solid; */
    }

    .containerCompany img {
        width: 50%;
        text-align: right;
    }

    .containerSignature { 
        width: 100%;
        background-color: #39679b;
        text-align: center;  
        color: #ffffff;    
        margin: 0;
        padding: 20px 10px 0px 10px;
    }

    .containerSignature div {   
        /* border: 1px red solid; */
        width: 100%;
        text-align: center;
    }

    /* ----- List Properties ----- */

    #listProperties {
        margin-top: 50px;
        font-family: 'spartanmbregular';
        padding-bottom: 100px;
    }

    #listProperties h2 {    
        padding-bottom: 0px;
        font-size: 22px;
        font-family: 'spartanmbregular';
    }

    #listProperties article {
        /* border: 2px #f58634 solid;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px; */
        background-color: rgb(209, 209, 209);
        text-align: center;
        width: 100%; 
    }

    #listProperties .row {    
        /* border: 1px red solid; */
        margin-top: 0px;
    }

    #listProperties div.paddingColProperty {    
        /* border: 1px blue solid; */
        padding-top: 20px;
    }

    #pos_listProperties {
        position: absolute;
        top: 570px;
        width: 1px;
        height: 1px;
    }

    /* ----- Details Property ----- */

    #sliderProperty {
        position: relative;
        padding-top: 10px;
        /* margin-top: 185px; */
        font-family: 'spartanmbregular';        
    }

    #carouselSlidesProperty .carousel-inner {
        /* border: 1px red solid; */
        text-align: center;
    }

    #carouselSlidesProperty .carousel-inner img {
        width: 100%;
        /* width: auto;
        height: 20vh; */
    }

    #detailsProperty {
        margin-top: 200px;
        font-family: 'spartanmbregular';
        padding-bottom: 100px;
        /* border: 1px red solid; */
    }

    #detailsProperty h2 {    
        padding-bottom: 10px;
        font-family: 'spartanmbregular';
        color: var(--color-blue);
    }

    #detailsProperty h3 {    
        padding-bottom: 10px;
        font-family: 'spartanmbregular';
        font-size: 18px;
    }

    #detailsProperty div.paddingColProperty {    
        /* border: 1px blue solid; */
        padding-top: 20px;
    }

    .itemsDetailsProperty {
        display: block;
        padding: 10px 0px 10px 0px;
        background-color: var(--color-blue);
        color: #ffffff;
    }

    .itemsDetailsProperty i {    
        padding-right: 5px;
    }

    .itemsDetailsProperty span {
        padding: 0px 20px 0px 20px;
        /* border: 1px red solid; */
    }

    .price {
        padding-bottom: 40px;
        font-size: 26px;
        color: var(--color-green-medium);
    }

    .description {    
        padding: 40px 20px 10px 20px;
        margin-top: 20px;
        width: 100%;
        font-size: 20px;
        color: var(--color-white);
        text-align: justify;
        /* border: 1px red solid; */
        /* border-top: 1px #fdac72 solid;
        border-bottom: 1px #fdac72 solid; */
        background-color: var(--color-green-logo);
    }

    .labelItemProperty {
        display: inline-block;
        padding-bottom: 3px;    
        padding-left: 0px;
        font-family: 'spartanmbregular';
        font-size: 18px;
        font-weight: bold;
        width: 40%;
        height: 35px;
        text-align: left;
        /* border: 1px red solid; */
    }

    .valueItemProperty {
        display: inline-block;
        padding: 0;
        margin: 0;
        padding-bottom: 3px;
        padding-left: 10px;
        font-family: 'spartanmbregular';
        font-size: 18px;
        width: 40%;
        height: 35px;
        text-align: left;
        /* border: 1px blue solid;     */
    }

    .labelGroupItems {
        color: var(--color-green-light); 
    }

    .backPage {
        margin-top: 60px;
        width: 200px;
        height: 40px;
    }

    .backPage a {
        text-decoration: none;
    }

    /* ----- About Us ----- */

    #aboutUs {
        margin-top: 50px;
        font-family: 'spartanmbregular';
    }

    #aboutUs h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #aboutUs article {
        margin-bottom: 10px;
    }

    .icon-aboutUs {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_aboutUs {
        position: absolute;
        top: 570px;
        width: 1px;
        height: 1px;
    }

    /* ----- Our Services ----- */

    #ourServices {
        margin-top: 50px;
        font-family: 'spartanmbregular';
    }

    #ourServices h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #ourServices article {
        margin-bottom: 10px;
    }

    #ourServices article div {
        display: block;
        width: 100%;
    }

    #ourServices .services1 {
        width: 100%;
        text-align: left;
        /* border: 1px red solid; */
    }

    #ourServices .services2 {
        width: 100%;
        text-align: left;
        /* border: 1px red solid; */
    }

    .icon-ourServices {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_ourServices {
        position: absolute;
        top: 570px;
        width: 1px;
        height: 1px;
    }

    /* ----- Contact Us ----- */

    #contactUs {
        margin-top: 50px;
        font-family: 'spartanmbregular';
    }

    #contactUs h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #contactUs article {
        margin-bottom: 10px;
    }

    .icon-contactUs {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_contactUs {
        position: absolute;
        top: 570px;
        width: 1px;
        height: 1px;
    }

    /* ----- Lessees ----- */

    #lessees {
        margin-top: 50px;
        font-family: 'spartanmbregular';
    }

    #lessees h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #lessees article {
        margin-bottom: 10px;
    }

    .icon-lessees {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_lessees {
        position: absolute;
        top: 570px;
        width: 1px;
        height: 1px;
    }

    /* ----- Insurers ----- */

    #insurers {
        margin-top: 50px;
        font-family: 'spartanmbregular';
    }

    #insurers h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #insurers article {
        margin-bottom: 10px;
    }

    .icon-insurers {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_insurers {
        position: absolute;
        top: 570px;
        width: 1px;
        height: 1px;
    }
}

/* @media screen and (max-width: 768px) and (min-width: 426px) { */
@media screen and (max-width: 768px) and (min-width: 426px) and (orientation: portrait) {
    
    /* ----- SECTIONS ----- */
    /* ----- Nav ----- */
    
    #mainHead {
        font-family: 'spartanmbregular';
        /* top: 0px; */
        height: 120px;
        background-color: #ffffff;
        position: relative;
    }

    .headBrand {
        display: block;
        height: 117px;
        /* border: 1px red solid;         */
    }

    .headBrand > a {
        display: block;  
    }

    .headBrand > img {
        width: 350px;        
        height: auto;
    }

    #phonePBX {
        font-size: 18px;
        color: #373435;
    }

    #socialNetworks {
        margin: 0px;
        text-align: center;
    }

    #socialNetworks a {
        margin: 0px;
        text-align: center; 
        display: block;
        width: 35px;
    }

    #socialNetworks img {
        width: 35px;
    }

    #payOnline a {
        margin: 0px;
        text-align: center; 
        display: block;
    }

    #payOnline img {
        padding: 10px;
        width: 200px;
        text-align: center;
    }

    #navigationBar {
        /* top: 120px; */
        font-family: 'spartanmbregular';
        position: relative;
    }

    .navbar {
        background-color: var(--color-blue);   
    }

    .navbar-main .active {
        background-color: var(--color-blue-light);
        text-decoration: none;
    }

    .navbar-main a {
        background-color: var(--color-blue);
        color: #ffffff;
    }

    .navbar-main a:hover {
        background-color: var(--color-blue-light);
        color: #ffffff;    
    }

    .navbar-main a:active, .navbar-main a:focus {
        background-color: var(--color-blue-light);
        color: #ffffff;
    }

    .nav {
        color: #ffffff;    
    }

    .navSeparator {
        border-left: 1px solid #ffffff;    
    }

    #slider {
        position: relative;
        /* margin-top: 50px; */
        font-family: 'spartanmbregular';
    }

    #slider .carousel-inner {
        /* border: 1px rgb(0, 38, 255) solid; */
        padding-left: 0px;
        margin-left: 0px;
        height: 50vh;
    }

    #slider .carousel-inner img {
        width: 100%;
    }

    #video-player {
        width: 100%;
        /* height: 30vh; */
        /* border: 1px red solid; */
    }

    #video-content {
        /* width: 100%; */
        height: 50vh;
        /* border: 1px red solid; */
    }   

    /* ----- Requeriments Search ----- */

    .searcher {
        margin-top: 20px;
        position: relative;
    }

    #containerSearcher {
        background-color: rgb(217, 56, 61, 0.7);
        width: 80%;
        text-align: center;
        margin: auto;
        overflow: hidden;
        padding: 10px;
        font-family: 'spartanmbregular';
    }

    #containerSearcher2 {
        background-color: rgb(0, 163, 80, 0.7);
        width: 80%;
        text-align: center;
        margin: auto;
        overflow: hidden;
        padding: 10px;
        font-family: 'spartanmbregular';
    }

    .containerItemSearcher {
        float: left;
        /* border: 1px red solid; */
        padding-top: 5px;
        width: 100%;
    }

    .containerItemSearcher2 {
        float: left;
        /* border: 1px red solid; */
        padding-top: 5px;
        width: 100%;
    }

    .itemSearcher {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .itemSearcher select#oferta, .itemSearcher select#ciudad, .itemSearcher select#barrio, .itemSearcher select#tipo, .itemSearcher select#precio {
        width: 100%;
        height: 42px;
        border: 0px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        color: #353535;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        font-family: 'spartanmbregular';
        text-align: left;
        
    }

    .itemSearcher select#oferta:hover, .itemSearcher select#ciudad:hover, .itemSearcher select#barrio:hover, .itemSearcher select#tipo:hover, .itemSearcher select#precio:hover {
        width: 100%;
        height: 42px;
        background: var(--color-green-light);
        color: #ffffff;
        font-family: 'spartanmbregular';
    }

    .itemSearcher input#codigo {	
        width: 100%;
        height: 42px;
        border: 0px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        color: #353535;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        font-family: 'spartanmbregular';
        padding-left: 18px;
        text-align: left;
    }

    .itemSearcher input#codigo:hover {
        width: 100%;
        height: 42px;
        background: var(--color-green-light);
        color: #ffffff;
        font-family: 'spartanmbregular';
    }

    .itemSearcher input#codigo::placeholder{
        color: #353535;
        opacity: 1; /* Firefox */
    }

    .itemSearcher input#codigo:hover::placeholder{
        color: white;
        opacity: 1; /* Firefox */
    }

    .itemSearcher input#codigo:-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher input#codigo:hover:-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher input#codigo::-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher input#codigo:hover::-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher .btn {
        background-color: #373435;
        width: 100%;
        height: 42px;
        color: #ffffff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        font-family: 'spartanmbregular';
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }

    .itemSearcher .btn:hover {
        background-color: #1d1d1d;
        width: 100%;
        height: 42px;
        color: #ffffff;
        font-family: 'spartanmbregular';
    }

    .itemSearcher .btn a {
        color: #ffffff;
        text-decoration: none;
    }

    .itemSearcher .btn2 {
        background-color: #ffffff;
        color: #353535;
    }

    .itemSearcher .btn2:hover {        
        color: #ffffff;
        background: var(--color-green-light);
        font-family: 'spartanmbregular';
    }

    /* ----- Virtual Office ----- */

    #virtualOffice {
        margin-top: 50px;
        padding-top: 50px;
        padding-bottom: 50px;
        font-family: 'spartanmbregular';
    }

    #virtualOffice article {
        margin-bottom: 10px;
    }

    #virtualOffice h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    .icon-tools {
        /* background-color: rgb(41, 133, 161); */
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    .icon-tools2 {
        /* background-color: rgb(189, 186, 1); */
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    .icon-tools3 {
        /* background-color: rgb(40, 209, 70); */
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    .icon-tools4 {
        /* background-color: rgb(40, 209, 70); */
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_virtualOffice {
        position: absolute;
        top: 3220px;
        width: 1px;
        height: 1px;
    }

    /* ----- Featured Properties ----- */

    #featuredProperties {
        font-family: 'spartanmbregular';
        padding-bottom: 50px;
        /* border: 1px red solid; */
    }

    #featuredProperties h2 {
        margin-top: 20px;
        padding-bottom: 0px;
        font-family: 'spartanmbregular';
    }

    #featuredProperties article {
        /* border: 2px #f58634 solid; */
        background-color: rgb(209, 209, 209);
        text-align: center;
        width: 100%;
        /* margin-bottom: 10px; */
        margin-top: 10px;
        /*border: 1px blue solid;*/
        /* border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px; */
}

    .paddingFeactured {
        padding-left: 10px;
        padding-right: 10px;
    }

    .labelProperty {
        background-color: var(--color-green-light);
        color: #ffffff;
        width:30%;
        border: 0px;
        /* border-top-right-radius: 5px;
        border-top-left-radius: 5px; */
    }

    .labelPropertySale {
        background-color: var(--color-red);
        color: #ffffff;
        width:30%;
        border: 0px;
        /* border-top-right-radius: 5px;
        border-top-left-radius: 5px; */
    }

    .linkProperty img {
        width: 100%;
        height: 251px;
    }

    .photoProperty {
        display: block;
    }

    .typeProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;
        font-weight: bold;
        text-align: left;
    }

    .neighborhoodProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;
        text-align: left;
    }

    .priceProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;
        font-weight: bold;
        color: var(--color-red);
        text-align: left;
    }

    .administrationProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;    
        text-align: left;
    }

    .itemsProperty {
        display: block;
        padding: 10px 0px 10px 0px;
        /* border-top: 1px #f58634 solid;
        border-bottom: 1px #f58634 solid; */
        background-color: var(--color-blue-medium);
        color: var(--color-white);
    }

    .itemsProperty i {    
        padding-right: 5px;
    }

    .itemsProperty span {
        padding: 0px 20px 0px 20px;
        /* border: 1px red solid; */
    }

    /* ----- Our Team ----- */  

    #ourTeam {
        font-family: 'spartanmbregular';
        padding-bottom: 50px;
        /* border: 1px blue solid; */
    }

    #ourTeam h2 {
        /* margin-top: 30px; */
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    /* ----- Our Related Links ----- */  

    #ourRelatedLinks {
        font-family: 'spartanmbregular';
        /* padding-bottom: 100px; */
        /* border: 1px blue solid; */
    }

    #ourRelatedLinks h2 {
        /* margin-top: 30px; */
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }


    /* ----- Footer ----- */

    #containerFooter {    
        background-color: #2f2f2e; 
        font-family: 'spartanmbregular';
        font-size: 14px;
    }

    .containerCompany {   
        padding: 20px 10px 20px 10px; 
        color: #ffffff;
        /* border: 1px red solid; */
    }

    .containerCompany div {   
        /* border: 1px red solid; */
        width: 100%;
        padding-bottom: 20px;
        text-align: center;
    }

    .containerCompany p {           
        color: #ffffff;
        line-height: 30px;
        /* border: 1px red solid; */
    }

    .containerCompany span {           
        color: #36a692;
        /* font-weight: bold; */
        font-size: 14px;
        /* border: 1px red solid; */
    }

    .containerLogo {        
        text-align: center;
        vertical-align: middle;
        /* border: 1px red solid; */
    }

    .containerCompany img {
        width: 50%;
        text-align: right;
        /* border: 1px red solid; */
    }

    .containerSignature { 
        width: 100%;
        background-color: #39679b;
        text-align: center;  
        color: #ffffff;    
        margin: 0;
        padding: 20px 10px 0px 10px;
    }

    .containerSignature div {   
        /* border: 1px red solid; */
        width: 100%;
        text-align: center;
    }

    /* ----- List Properties ----- */

    #listProperties {
        margin-top: 50px;
        font-family: 'spartanmbregular';
        padding-bottom: 100px;
    }

    #listProperties h2 {    
        padding-bottom: 0px;
        font-size: 22px;
        font-family: 'spartanmbregular';
    }

    #listProperties article {
        /* border: 2px #f58634 solid;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px; */
        background-color: rgb(209, 209, 209);
        text-align: center;
        width: 100%; 
}

    #listProperties .row {    
        /* border: 1px red solid; */
        margin-top: 0px;
    }

    #listProperties div.paddingColProperty {    
        /* border: 1px blue solid; */
        padding-top: 20px;
    }

    #pos_listProperties {
        position: absolute;
        top: 720px;
        width: 1px;
        height: 1px;
    }

    /* ----- Details Property ----- */

    #sliderProperty {
        position: relative;
        padding-top: 10px;
        /* margin-top: 175px; */
        font-family: 'spartanmbregular';        
    }

    #carouselSlidesProperty .carousel-inner {
        /* border: 1px red solid; */
        text-align: center;
    }

    #carouselSlidesProperty .carousel-inner img {
        width: 100%;
        /* width: auto;
        height: 20vh; */
    }

    #detailsProperty {
        margin-top: 40px;
        font-family: 'spartanmbregular';
        padding-bottom: 100px;
        /* border: 1px red solid; */
    }

    #detailsProperty h2 {    
        padding-bottom: 10px;
        font-family: 'spartanmbregular';
        color: var(--color-blue);
    }

    #detailsProperty h3 {    
        padding-bottom: 10px;
        font-family: 'spartanmbregular';
        font-size: 18px;
    }

    #detailsProperty div.paddingColProperty {    
        /* border: 1px blue solid; */
        padding-top: 20px;
    }

    .itemsDetailsProperty {
        display: block;
        padding: 10px 0px 10px 0px;
        background-color: var(--color-blue);
        color: #ffffff;
    }

    .itemsDetailsProperty i {    
        padding-right: 5px;
    }

    .itemsDetailsProperty span {
        padding: 0px 20px 0px 20px;
        /* border: 1px red solid; */
    }

    .price {
        padding-bottom: 40px;
        font-size: 26px;
        color: var(--color-green-medium);
    }

    .description {    
        padding: 40px 30px 10px 30px;
        margin-top: 20px;
        width: 100%;
        font-size: 20px;
        color: var(--color-white);
        text-align: justify;
        /* border: 1px red solid; */
        /* border-top: 1px #fdac72 solid;
        border-bottom: 1px #fdac72 solid; */
        background-color: var(--color-green-logo);
    }

    .labelItemProperty {
        display: inline-block;
        padding-bottom: 3px;    
        padding-left: 0px;
        font-family: 'spartanmbregular';
        font-size: 18px;
        font-weight: bold;
        width: 40%;
        height: 35px;
        text-align: left;
        /* border: 1px red solid; */
    }

    .valueItemProperty {
        display: inline-block;
        padding: 0;
        margin: 0;
        padding-bottom: 3px;
        padding-left: 10px;
        font-family: 'spartanmbregular';
        font-size: 18px;
        width: 40%;
        height: 35px;
        text-align: left;
        /* border: 1px blue solid;     */
    }

    .labelGroupItems {
        color: var(--color-green-light); 
    }

    .backPage {
        margin-top: 60px;
        width: 200px;
        height: 40px;
    }

    .backPage a {
        text-decoration: none;
    }

    /* ----- About Us ----- */

    #aboutUs {
        margin-top: 50px;
        font-family: 'spartanmbregular';
    }

    #aboutUs h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #aboutUs article {
        margin-bottom: 10px;
    }

    .icon-aboutUs {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_aboutUs {
        position: absolute;
        top: 720px;
        width: 1px;
        height: 1px;
    }

    /* ----- Our Services ----- */

    #ourServices {
        margin-top: 50px;
        font-family: 'spartanmbregular';
    }

    #ourServices h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #ourServices article {
        margin-bottom: 10px;
    }

    /* #ourServices article div {
        display: block;
        width: 100%;
    } */

    #ourServices .services1 {
        width: 100%;
        text-align: left;
        margin-left: 50px;
        /* border: 1px red solid; */
    }

    #ourServices .services2 {
        width: 100%;
        text-align: left;
        /* border: 1px red solid; */
    }

    .icon-ourServices {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_ourServices {
        position: absolute;
        top: 720px;
        width: 1px;
        height: 1px;
    }

    /* ----- Contact Us ----- */

    #contactUs {
        margin-top: 50px;
        font-family: 'spartanmbregular';
    }

    #contactUs h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #contactUs article {
        margin-bottom: 10px;
    }

    .icon-contactUs {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_contactUs {
        position: absolute;
        top: 720px;
        width: 1px;
        height: 1px;
    }

    /* ----- Lessees ----- */

    #lessees {
        margin-top: 50px;
        font-family: 'spartanmbregular';
    }

    #lessees h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #lessees article {
        margin-bottom: 10px;
    }

    .icon-lessees {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_aboutUs {
        position: absolute;
        top: 720px;
        width: 1px;
        height: 1px;
    }

    /* ----- Insurers ----- */

    #insurers {
        margin-top: 50px;
        font-family: 'spartanmbregular';
    }

    #insurers h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #insurers article {
        margin-bottom: 10px;
    }

    .icon-insurers {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_insurers {
        position: absolute;
        top: 720px;
        width: 1px;
        height: 1px;
    }
}

/* @media screen and (max-width: 1023px) and (min-width: 769px) { */
@media screen and (max-width: 1023px) and (min-width: 769px) and (orientation: portrait) {
    
    /* ----- SECTIONS ----- */
    /* ----- Nav ----- */

    #mainHead {
        font-family: 'spartanmbregular';
        /* top: 55px; */
        height: 120px;
        background-color: #ffffff;
    }

    .headBrand {
        display: block;
        height: 117px;
    }

    .headBrand > a {
        display: block;   
    }

    .headBrand > img {
        width: 350px;        
        height: auto;
    }

    .verticalMiddle {
        padding: auto;
        margin: auto;
        align-content: center;
    }

    #phonePBX{
        /* width: 300px; */
        font-size: 22px;
        color: #373435;
    }

    #phonePBX i {
        padding-right: 3px;
        font-size: 22px;
        color:#373435;
        /* border: 1px red solid; */
    }

    #socialNetworks {
        margin: 0px;
        text-align: center;        
    }

    #socialNetworks a {
        margin: 0px;
        text-align: center; 
        display: block;
        width: 50px;
    }

    #socialNetworks img {
        width: 50px;
    }

    #payOnline a {
        margin: 0px;
        text-align: center; 
        display: block;
    }

    #payOnline img {
        padding: 10px;
        width: 200px;
        text-align: center;
    }

    #navigationBar {
        top: 120px;
        font-family: 'spartanmbregular';        
    }

    .navbar {
        background-color: var(--color-blue);  
    }

    .navbar-main .active {
        background-color: var(--color-blue-light);
        text-decoration: none;
    }

    .navbar-main a {
        background-color: var(--color-blue);
        color: #ffffff;
    }

    .navbar-main a:hover {
        background-color: var(--color-blue-light);
        color: #ffffff;    
    }

    .navbar-main a:active, .navbar-main a:focus {
        background-color: var(--color-blue-light);
        color: #ffffff;
    }

    .nav {
        color: #ffffff;    
    }

    .navSeparator {
        border-left: 1px solid #ffffff;    
    }

    #slider {
        margin-top: 175px;
        font-family: 'spartanmbregular';
    }

    #slider .carousel-inner img {
        width: 100%;
    }

    #video-player {
        width: 100%;
        /* height: 30vh; */
        /* border: 1px red solid; */
    }

    #video-content {
        /* width: 100%; */
        height: 100vh;
        /* border: 1px red solid; */
    } 

    /* ----- Requeriments Search ----- */

    .searcher {
        margin-top: 20px;
        position: relative;
    }

    #containerSearcher {
        background-color: rgb(217, 56, 61, 0.7);
        width: 80%;
        text-align: center;
        margin: auto;
        overflow: hidden;
        padding: 10px;
        font-family: 'spartanmbregular';
    }

    #containerSearcher2 {
        background-color: rgb(0, 163, 80, 0.7);
        width: 60%;
        text-align: center;
        margin: auto;
        overflow: hidden;
        padding: 10px;
        font-family: 'spartanmbregular';
    }

    .containerItemSearcher {
        float: left;
        /* border: 1px red solid; */
        padding-top: 5px;
        width: 14%;
    }

    .containerItemSearcher2 {
        float: left;
        /* border: 1px red solid; */
        padding-top: 5px;
        width: 20%;
    }

    .itemSearcher {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .itemSearcher select#oferta, .itemSearcher select#ciudad, .itemSearcher select#barrio, .itemSearcher select#tipo, .itemSearcher select#precio {
        width: 100%;
        height: 42px;
        border: 0px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        color: #353535;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        font-family: 'spartanmbregular';
        text-align: left;
        
    }

    .itemSearcher select#oferta:hover, .itemSearcher select#ciudad:hover, .itemSearcher select#barrio:hover, .itemSearcher select#tipo:hover, .itemSearcher select#precio:hover {
        width: 100%;
        height: 42px;
        background: var(--color-green-light);
        color: #ffffff;
        font-family: 'spartanmbregular';
    }

    .itemSearcher input#codigo {	
        width: 100%;
        height: 42px;
        border: 0px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        color: #353535;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        font-family: 'spartanmbregular';
        padding-left: 18px;
        text-align: left;
    }

    .itemSearcher input#codigo:hover {
        width: 100%;
        height: 42px;
        background: var(--color-green-light);
        color: #ffffff;
        font-family: 'spartanmbregular';
    }

    .itemSearcher input#codigo::placeholder{
        color: #353535;
        opacity: 1; /* Firefox */
    }

    .itemSearcher input#codigo:hover::placeholder{
        color: white;
        opacity: 1; /* Firefox */
    }

    .itemSearcher input#codigo:-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher input#codigo:hover:-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher input#codigo::-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher input#codigo:hover::-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher .btn {
        background-color: #373435;
        width: 100%;
        height: 42px;
        color: #ffffff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        font-family: 'spartanmbregular';
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }

    .itemSearcher .btn:hover {
        background-color: #1d1d1d;
        width: 100%;
        height: 42px;
        color: #ffffff;
        font-family: 'spartanmbregular';
    }

    .itemSearcher .btn a {
        color: #ffffff;
        text-decoration: none;
    }

    .itemSearcher .btn2 {
        background-color: #ffffff;
        color: #353535;
    }

    .itemSearcher .btn2:hover {        
        color: #ffffff;
        background: var(--color-green-light);
        font-family: 'spartanmbregular';
    }

    /* ----- Virtual Office ----- */

    #virtualOffice {
        margin-top: 50px;
        padding-top: 50px;
        padding-bottom: 50px;
        font-family: 'spartanmbregular';
    }

    #virtualOffice article {
        margin-bottom: 10px;
    }

    #virtualOffice h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    .icon-tools {
        /* background-color: rgb(41, 133, 161); */
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    .icon-tools2 {
        /* background-color: rgb(189, 186, 1); */
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    .icon-tools3 {
        /* background-color: rgb(40, 209, 70); */
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    .icon-tools4 {
        /* background-color: rgb(40, 209, 70); */
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_virtualOffice {
        position: absolute;
        top: 1340px;
        width: 1px;
        height: 1px;
    }

    /* ----- Featured Properties ----- */

    #featuredProperties {
        font-family: 'spartanmbregular';
        padding-bottom: 50px;
        /* border: 1px red solid; */
    }

    #featuredProperties h2 {
        margin-top: 20px;
        padding-bottom: 0px;
        font-family: 'spartanmbregular';
    }

    #featuredProperties article {
        /* border: 2px #f58634 solid; */
        background-color: rgb(209, 209, 209);
        text-align: center;
        width: 100%;   
        margin-top: 10px;
        /* margin-bottom: 10px; */
        /* border: 1px blue solid; */
        /* border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px; */
    }

    .paddingFeactured {
        padding-left: 10px;
        padding-right: 10px;
    }

    .labelProperty {
        background-color: var(--color-green-light);
        color: #ffffff;
        width:30%;
        border: 0px;
        /* border-top-right-radius: 5px;
        border-top-left-radius: 5px; */
    }

    .labelPropertySale {
        background-color: var(--color-red);
        color: #ffffff;
        width:30%;
        border: 0px;
        /* border-top-right-radius: 5px;
        border-top-left-radius: 5px; */
    }

    .linkProperty img {
        width: 100%;
        height: 251px;
    }

    .photoProperty {
        display: block;
    }

    .typeProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;
        font-weight: bold;
        text-align: left;
    }

    .neighborhoodProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;
        text-align: left;
    }

    .priceProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;
        font-weight: bold;
        color: var(--color-red);
        text-align: left;
    }

    .administrationProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;    
        text-align: left;
    }    

    .itemsProperty {
        display: block;
        padding: 10px 0px 10px 0px;
        /* border-top: 1px #f58634 solid;
        border-bottom: 1px #f58634 solid;
        background-color: #ffffff; */
        background-color: var(--color-blue-medium);
        color: var(--color-white);
        font-size: 12px;
    }

    /* .itemArea {
        font-size: 16px;
        color: var(--color-white);
    }

    .itemBedrooms {
        font-size: 16px;
        color: var(--color-white);
    }

    .itemBathrooms {
        font-size: 16px;      
        color: var(--color-white);
    } */

    .itemsProperty i {    
        padding-right: 5px;
    }

    .itemsProperty span {
        padding: 0px 20px 0px 20px;
        /* border: 1px red solid; */
    }

    /* ----- Our Team ----- */  

    #ourTeam {
        font-family: 'spartanmbregular';
        padding-bottom: 50px;
        /* border: 1px blue solid; */
    }

    #ourTeam h2 {
        /* margin-top: 30px; */
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    /* ----- Our Related Links ----- */  

    #ourRelatedLinks {
        font-family: 'spartanmbregular';
        /* padding-bottom: 100px; */
        /* border: 1px blue solid; */
    }

    #ourRelatedLinks h2 {
        /* margin-top: 30px; */
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }


    /* ----- Footer ----- */

    #containerFooter {    
        background-color: #2f2f2e; 
        font-family: 'spartanmbregular';
        font-size: 14px;
    }

    .containerCompany {   
        padding: 20px 10px 20px 10px; 
        color: #ffffff;
        /* border: 1px red solid; */
    }

    .containerCompany div {   
        /* border: 1px red solid; */
        width: 100%;
        padding-bottom: 20px;
        text-align: center;
    }

    .containerCompany p {           
        color: #ffffff;
        line-height: 30px;
        /* border: 1px red solid; */
    }

    .containerCompany span {           
        color: #36a692;
        /* font-weight: bold; */
        font-size: 14px;
        /* border: 1px red solid; */
    }

    .containerLogo {        
        text-align: center;
        vertical-align: middle;
        /* border: 1px red solid; */
    }

    .containerCompany img {
        width: 50%;
        text-align: right;
        /* border: 1px red solid; */
    }

    .containerSignature { 
        width: 100%;
        background-color: #39679b;
        text-align: center;  
        color: #ffffff;     
        margin: 0;
        padding: 20px 10px 0px 10px;
    }

    .containerSignature div {   
        /* border: 1px red solid; */
        width: 100%;
        text-align: center;
    }

    /* ----- List Properties ----- */

    #listProperties {
        margin-top: 50px;
        font-family: 'spartanmbregular';
        padding-bottom: 100px;
    }

    #listProperties h2 {    
        padding-bottom: 0px;
        font-size: 22px;
        font-family: 'spartanmbregular';
    }

    #listProperties article {
        background-color: rgb(209, 209, 209);
        text-align: center;
        width: 100%;   
        /* margin-top: 10px; */
        /* border: 2px #f58634 solid;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px; */
}

    #listProperties .row {    
        /* border: 1px red solid; */
        margin-top: 0px;
    }

    #listProperties div.paddingColProperty {    
        /* border: 1px blue solid; */
        padding-top: 20px;
    }

    #pos_listProperties {
        position: absolute;
        top: 540px;
        width: 1px;
        height: 1px;
    }

    /* ----- Details Property ----- */

    #sliderProperty {
        position: relative;
        padding-top: 10px;
        /* margin-top: 185px; */
        font-family: 'spartanmbregular';        
    }

    #carouselSlidesProperty .carousel-inner {
        /* border: 1px red solid; */
        text-align: center;
    }

    #carouselSlidesProperty .carousel-inner img {
        width: 100%;
    }

    #detailsProperty {
        margin-top: 220px;
        font-family: 'spartanmbregular';
        padding-bottom: 100px;
        /* border: 1px red solid; */
    }

    #detailsProperty h2 {    
        padding-bottom: 10px;
        font-family: 'spartanmbregular';
        color: var(--color-blue);
    }

    #detailsProperty h3 {    
        padding-bottom: 10px;
        font-family: 'spartanmbregular';
        font-size: 18px;
    }

    #detailsProperty div.paddingColProperty {    
        /* border: 1px blue solid; */
        padding-top: 20px;
    }

    .itemsDetailsProperty {
        display: block;
        padding: 10px 0px 10px 0px;
        background-color: var(--color-blue);
        color: #ffffff;
    }

    .itemsDetailsProperty i {    
        padding-right: 5px;
    }

    .itemsDetailsProperty span {
        padding: 0px 20px 0px 20px;
        /* border: 1px red solid; */
    }

    .price {
        padding-bottom: 40px;
        font-size: 26px;
        color: var(--color-green-medium);
    }

    .description {    
        padding: 40px 100px 10px 100px;
        margin-top: 20px;
        width: 100%;
        font-size: 20px;
        color: var(--color-white);
        text-align: justify;
        /* border: 1px red solid; */
        /* border-top: 1px #fdac72 solid;
        border-bottom: 1px #fdac72 solid; */
        background-color: var(--color-green-logo);
    }

    .labelItemProperty {
        display: inline-block;
        padding-bottom: 3px;    
        padding-left: 0px;
        font-family: 'spartanmbregular';
        font-size: 18px;
        font-weight: bold;
        width: 40%;
        height: 35px;
        text-align: left;
        /* border: 1px red solid; */
    }

    .valueItemProperty {
        display: inline-block;
        padding: 0;
        margin: 0;
        padding-bottom: 3px;
        padding-left: 10px;
        font-family: 'spartanmbregular';
        font-size: 18px;
        width: 40%;
        height: 35px;
        text-align: left;
        /* border: 1px blue solid;     */
    }

    .labelGroupItems {
        color: var(--color-green-light);  
    }

    .backPage {
        margin-top: 60px;
        width: 200px;
        height: 40px;
    }

    .backPage a {
        text-decoration: none;
    }

    /* ----- About Us ----- */

    #aboutUs {
        margin-top: 50px;
        font-family: 'spartanmbregular';
    }

    #aboutUs h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #aboutUs article {
        margin-bottom: 10px;
    }

    .icon-aboutUs {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_aboutUs {
        position: absolute;
        top: 440px;
        width: 1px;
        height: 1px;
    }

    /* ----- Our Services ----- */

    #ourServices {
        margin-top: 50px;
        font-family: 'spartanmbregular';
    }

    #ourServices h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #ourServices article {
        margin-bottom: 10px;
    }

    /* #ourServices article div {
        display: block;
        width: 100%;
    } */

    #ourServices .services1 {
        width: 100%;
        text-align: left;
        margin-left: 50px;
        /* border: 1px red solid; */
    }

    #ourServices .services2 {
        width: 100%;
        text-align: left;
        /* border: 1px red solid; */
    }

    .icon-ourServices {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_ourServices {
        position: absolute;
        top: 540px;
        width: 1px;
        height: 1px;
    }

    /* ----- Contact Us ----- */

    #contactUs {
        margin-top: 50px;
        font-family: 'spartanmbregular';
    }

    #contactUs h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #contactUs article {
        margin-bottom: 10px;
    }

    .icon-contactUs {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_contactUs {
        position: absolute;
        top: 440px;
        width: 1px;
        height: 1px;
    }

    /* ----- Lessees ----- */

    #lessees {
        margin-top: 50px;
        font-family: 'spartanmbregular';
    }

    #lessees h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #lessees article {
        margin-bottom: 10px;
    }

    .icon-lessees {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_lessees {
        position: absolute;
        top: 440px;
        width: 1px;
        height: 1px;
    }

    /* ----- Insurers ----- */

    #insurers {
        margin-top: 50px;
        font-family: 'spartanmbregular';
    }

    #insurers h2 {
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #insurers article {
        margin-bottom: 10px;
    }

    .icon-insurers {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_insurers {
        position: absolute;
        top: 440px;
        width: 1px;
        height: 1px;
    }
}

@media screen and (max-width: 1440px) and (min-width: 1024px) {

    /* ----- SECTIONS ----- */
    /* ----- Nav ----- */

    #mainHead {
        font-family: 'spartanmbregular';
        /* top: 55px; */
        height: 120px;
        background-color: #ffffff;
    }

    .headBrand {
        display: block;
        height: 117px;
    }

    .headBrand > a {
        display: block;   
    }

    .headBrand > img {
        width: 350px;        
        height: auto;
    }

    .verticalMiddle {
        padding: auto;
        margin: auto;
        align-content: center;
    }

    #phonePBX {
        /* width: 400px; */
        font-size: 22px;
        color: #373435;
        /* border: 1px red solid; */
    }

    #phonePBX i {
        padding-right: 3px;
        font-size: 26px;
        color:#373435;
        /* border: 1px red solid; */
    }

    #socialNetworks {
        margin: 0px;
        text-align: center;
        /* border: 1px red solid; */
    }

    #socialNetworks a {
        margin: 0px;
        text-align: center; 
        display: block;
        width: 50px;
    }

    #socialNetworks img {
        width: 50px;
    }

    #payOnline a {
        margin: 0px;
        text-align: center; 
        display: block;
    }

    #payOnline img {
        padding: 10px;
        width: 150px;
        text-align: center;
    }

    #navigationBar {
        top: 120px;
        font-family: 'spartanmbregular';
    }

    .navbar {
        background-color: var(--color-blue);    
    }

    .navbar-main .active {
        background-color: var(--color-blue-light);
        text-decoration: none;
    }

    .navbar-main a {
        background-color: var(--color-blue);
        color: #ffffff;
    }

    .navbar-main a:hover {
        background-color: var(--color-blue-light);
        color: #ffffff;    
    }

    .navbar-main a:active, .navbar-main a:focus {
        background-color: var(--color-blue-light);
        color: #ffffff;
    }

    .nav {
        color: #ffffff;    
    }

    .navSeparator {
        border-left: 1px solid #ffffff;    
    }

    #slider {
        margin-top: 175px;
        font-family: 'spartanmbregular';
    }

    #slider .carousel-inner img {
        width: 100%;
    }

    #video-player {
        width: 100%;
        /* height: 30vh; */
        /* border: 1px red solid; */
    }

    #video-content {
        /* width: 100%; */
        height: 100vh;
        /* border: 1px red solid; */
    }    

    /* ----- Requeriments Search ----- */

    .searcher {
        position: absolute;
        top: 550px;
    }

    #containerSearcher {
        background-color: rgb(217, 56, 61, 0.7);
        width: 80%;
        text-align: center;
        margin: auto;
        overflow: hidden;
        padding: 10px;
        font-family: 'spartanmbregular';
    }

    #containerSearcher2 {
        background-color: rgb(0, 163, 80, 0.7);
        width: 60%;
        text-align: center;
        margin: auto;
        overflow: hidden;
        padding: 10px;
        font-family: 'spartanmbregular';
    }

    .containerItemSearcher {
        float: left;
        /* border: 1px red solid; */
        width: 14%;
    }

    .containerItemSearcher2 {
        float: left;
        /* border: 1px red solid; */
        width: 20%;
    }

    .itemSearcher {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .itemSearcher select#oferta, .itemSearcher select#ciudad, .itemSearcher select#barrio, .itemSearcher select#tipo, .itemSearcher select#precio {
        width: 100%;
        height: 42px;
        border: 0px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        color: #353535;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        font-family: 'spartanmbregular';
        text-align: left;
        
    }

    .itemSearcher select#oferta:hover, .itemSearcher select#ciudad:hover, .itemSearcher select#barrio:hover, .itemSearcher select#tipo:hover, .itemSearcher select#precio:hover {
        width: 100%;
        height: 42px;
        background: var(--color-green-light);
        color: #ffffff;
        font-family: 'spartanmbregular';
    }

    /* .itemSearcher select#tipo option {
        display: block;
        height: 500px;
        color: #353535;
    } */

    .itemSearcher input#codigo {	
        width: 100%;
        height: 42px;
        border: 0px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        color: #353535;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        font-family: 'spartanmbregular';
        padding-left: 18px;
        text-align: left;
    }

    .itemSearcher input#codigo:hover {
        width: 100%;
        height: 42px;
        background: var(--color-green-light);
        color: #ffffff;
        font-family: 'spartanmbregular';
    }

    .itemSearcher input#codigo::placeholder{
        color: #353535;
        opacity: 1; /* Firefox */
    }

    .itemSearcher input#codigo:hover::placeholder{
        color: white;
        opacity: 1; /* Firefox */
    }

    .itemSearcher input#codigo:-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher input#codigo:hover:-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher input#codigo::-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher input#codigo:hover::-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher .btn {
        background-color: #373435;
        width: 100%;
        height: 42px;
        color: #ffffff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        font-family: 'spartanmbregular';
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }

    .itemSearcher .btn:hover {
        background-color: #1d1d1d;
        width: 100%;
        height: 42px;
        color: #ffffff;
        background: var(--color-green-light);
        font-family: 'spartanmbregular';
    }    

    .itemSearcher .btn a {
        color: #ffffff;
        text-decoration: none;
    } 
    
    .itemSearcher .btn2 {
        background-color: #ffffff;
        color: #353535;
    }

    .itemSearcher .btn2:hover {        
        color: #ffffff;
        background: var(--color-green-light);
        font-family: 'spartanmbregular';
    }

    /* ----- Virtual Office ----- */

    #virtualOffice {
        margin-top: 70px;
        font-family: 'spartanmbregular';
        padding-top: 70px;
        padding-bottom: 70px;
    }

    #virtualOffice h2 {
        padding-bottom: 50px;
        font-family: 'spartanmbregular';
    }

    .icon-tools {
        /* background-color: rgb(41, 133, 161); */
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    .icon-tools2 {
        /* background-color: rgb(189, 186, 1); */
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    .icon-tools3 {
        /* background-color: rgb(40, 209, 70); */
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    .icon-tools4 {
        /* background-color: rgb(40, 209, 70); */
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_virtualOffice {
        position: absolute;
        top: 1650px;
        width: 1px;
        height: 1px;
    }    

    /* ----- Featured Properties ----- */

    #featuredProperties {
        font-family: 'spartanmbregular';
        padding-bottom: 100px;
    }

    #featuredProperties h2 {
        margin-top: 30px;
        padding-bottom: 50px;
        font-family: 'spartanmbregular';
    }

    #featuredProperties article {
        background-color: rgb(209, 209, 209);
        /* border: 2px #f58634 solid;
        border-radius: 10px;        
        -webkit-border-radius: 10px; 
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;  */
    }

    #featuredProperties .row {    
        /* border: 1px red solid; */
        margin-top: 0px;
    }

    #featuredProperties div.paddingColProperty {    
        /* border: 1px blue solid; */
        padding-top: 20px;
    }

    .paddingFeactured {
        padding-left: 90px;
        padding-right: 90px;
    }

    .labelProperty {
        background-color: var(--color-green-light);
        color: #ffffff;
        width:30%;
        border: 0px;
        /* border-top-right-radius: 5px;
        border-top-left-radius: 5px; */
    }

    .labelPropertySale {
        background-color: var(--color-red);
        color: #ffffff;
        width:30%;
        border: 0px;
        /* border-top-right-radius: 5px;
        border-top-left-radius: 5px; */
    }

    .linkProperty img {
        width: 100%;
        height: 251px;
    }

    .photoProperty {
        display: block;
    }

    .typeProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;
        font-weight: bold;
        text-align: left;
    }

    .neighborhoodProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;
        text-align: left;
    }

    .priceProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;
        font-weight: bold;
        color: var(--color-red);
        text-align: left;
    }

    .administrationProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;    
        text-align: left;
    }

    .itemsProperty {
        display: block;
        padding: 10px 0px 10px 0px;
        /* border-top: 1px #f58634 solid;
        border-bottom: 1px #f58634 solid; */
        background-color: var(--color-blue-medium);
        color: var(--color-white);
    }

    /* .itemArea {
        font-size: 16px;
        display: block;
        color: var(--color-white);
    }

    .itemBedrooms {
        font-size: 16px;
        display: block;
        color: var(--color-white);
    }

    .itemBathrooms {
        font-size: 16px; 
        display: block;       
        color: var(--color-white);
    } */

    .itemsProperty i {    
        padding-right: 5px;
    }

    .itemsProperty span {
        padding: 0px 20px 0px 20px;
        /* border: 1px red solid; */
    }

    /* ----- Our Team ----- */  

    #ourTeam {
        font-family: 'spartanmbregular';
        padding-bottom: 100px;
        /* border: 1px blue solid; */
    }

    #ourTeam h2 {
        margin-top: 30px;
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    /* ----- Our Related Links ----- */  

    #ourRelatedLinks {
        font-family: 'spartanmbregular';
        /* padding-bottom: 100px; */
        /* border: 1px blue solid; */
    }

    #ourRelatedLinks h2 {
        margin-top: 30px;
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    /* ----- Footer ----- */

    #containerFooter {    
        background-color: #2f2f2e; 
        font-family: 'spartanmbregular';
        font-size: 14px;   
    }

    .containerCompany {   
        padding: 20px 80px 20px 80px; 
        color: #ffffff;
        /* border: 1px red solid; */
    }

    .containerCompany p {           
        color: #ffffff;
        line-height: 30px;
        /* border: 1px red solid; */
    }

    .containerCompany span {           
        color: #36a692;
        /* font-weight: bold; */
        font-size: 14px;
        /* border: 1px red solid; */
    }

    .containerLogo {
        text-align: right;
        vertical-align: middle;
        /* border: 1px red solid; */
    }

    .containerCompany img {
        width: 90%;
        text-align: right;
        /* border: 1px red solid; */
    }

    .containerSignature {    
        background-color: #39679b;
        text-align: center;  
        color: #ffffff;    
        padding: 20px 80px 0px 80px;
    }

    /* ----- List Properties ----- */

    #listProperties {
        margin-top: 70px;
        font-family: 'spartanmbregular';
        padding-bottom: 100px;
    }

    #listProperties h2 {    
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #listProperties article {
        background-color: rgb(209, 209, 209);
        /* border: 2px #f58634 solid;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px; */        
        text-align: center;
        width: 100%; 
    }

    #listProperties .row {    
        /* border: 1px red solid; */
        margin-top: 0px;
    }

    #listProperties div.paddingColProperty {    
        /* border: 1px blue solid; */
        padding-top: 20px;
    }

    #pos_listProperties {
        position: absolute;
        top: 650px;
        width: 1px;
        height: 1px;
    }     

    /* ----- Details Property ----- */

    #sliderProperty {
        position: relative;
        padding-top: 10px;
        /* margin-top: 185px; */
        font-family: 'spartanmbregular';
    }

    #carouselSlidesProperty .carousel-inner {
        /* border: 1px red solid; */
        text-align: center;
    }

    #carouselSlidesProperty .carousel-inner img {
        width: 100%;
        /* width: auto; */
        /* height: 70vh; */
    }   

    #detailsProperty {
        margin-top: 220px;
        font-family: 'spartanmbregular';
        padding-bottom: 100px;
    }

    #detailsProperty h2 {    
        padding-bottom: 10px;
        font-family: 'spartanmbregular';     
        color: var(--color-blue);   
    }

    #detailsProperty h3 {    
        padding-bottom: 10px;
        font-family: 'spartanmbregular';
        font-size: 18px;
    }

    #detailsProperty div.paddingColProperty {    
        /* border: 1px blue solid; */
        padding-top: 50px;
    }

    .itemsDetailsProperty {
        display: block;
        padding: 10px 0px 10px 0px;
        background-color: var(--color-blue);
        color: #ffffff;
    }

    .itemsDetailsProperty i {    
        padding-right: 5px;
    }

    .itemsDetailsProperty span {
        padding: 0px 20px 0px 20px;
        /* border: 1px red solid; */
    }

    .price {
        padding-bottom: 40px;
        font-size: 26px;
        color: var(--color-green-medium);
    }

    .description {    
        padding: 40px 100px 20px 100px;
        margin-top: 50px;
        width: 100%;
        font-size: 22px;
        color: var(--color-white);
        text-align: justify;
        /* border: 1px red solid; */
        /* border-top: 1px #fdac72 solid;
        border-bottom: 1px #fdac72 solid; */
        background-color: var(--color-green-logo);
    }

    .labelItemProperty {
        display: inline-block;
        padding-bottom: 3px;    
        padding-left: 20px;
        font-family: 'spartanmbregular';
        font-size: 18px;
        font-weight: bold;
        width: 40%;
        height: 35px;
        text-align: left;
        /* border: 1px red solid; */
    }

    .valueItemProperty {
        display: inline-block;
        padding: 0;
        margin: 0;
        padding-bottom: 3px;
        padding-left: 10px;
        font-family: 'spartanmbregular';
        font-size: 18px;
        width: 40%;
        height: 35px;
        text-align: left;
        /* border: 1px blue solid; */
    }

    .labelGroupItems {
        color: var(--color-green-light); 
    }

    .backPage {
        margin-top: 60px;
        width: 200px;
        height: 40px;
    }

    .backPage a {
        text-decoration: none;
    }

    /* ----- About Us ----- */

    #aboutUs {
        margin-top: 70px;
        font-family: 'spartanmbregular';
    }

    #aboutUs h2 {
        padding-bottom: 50px;
        font-family: 'spartanmbregular';
    }

    .icon-aboutUs {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_aboutUs {
        position: absolute;
        top: 450px;
        width: 1px;
        height: 1px;
    } 

    /* ----- Our Services ----- */

    #ourServices {
        margin-top: 70px;
        font-family: 'spartanmbregular';
    }

    #ourServices h2 {
        padding-bottom: 50px;
        font-family: 'spartanmbregular';
    }
    
    #ourServices .services1 {
        text-align: left; 
        margin-left: 100px;
    }

    #ourServices .services2 {
        text-align: left; 
        margin-right: 100px;
    }

    .icon-ourServices {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }   

    #pos_ourServices {
        position: absolute;
        top: 650px;
        width: 1px;
        height: 1px;
    } 

    /* ----- Contact Us ----- */

    #contactUs {
        margin-top: 70px;
        font-family: 'spartanmbregular';
    }

    #contactUs h2 {
        padding-bottom: 50px;
        font-family: 'spartanmbregular';
    }

    .icon-contactUs {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_contactUs {
        position: absolute;
        top: 450px;
        width: 1px;
        height: 1px;
    } 

    /* ----- Lessees ----- */

    #lessees {
        margin-top: 70px;
        font-family: 'spartanmbregular';
    }

    #lessees h2 {
        padding-bottom: 50px;
        font-family: 'spartanmbregular';
    }

    .icon-lessees {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_lessees {
        position: absolute;
        top: 450px;
        width: 1px;
        height: 1px;
    } 

    /* ----- Insurers ----- */

    #insurers {
        margin-top: 70px;
        font-family: 'spartanmbregular';
    }

    #insurers h2 {
        padding-bottom: 50px;
        font-family: 'spartanmbregular';
    }

    .icon-insurers {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_insurers {
        position: absolute;
        top: 450px;
        width: 1px;
        height: 1px;
    } 
}

@media screen and (min-width: 1439px) {

    /* ----- SECTIONS ----- */
    /* ----- Nav ----- */

    #mainHead {
        font-family: 'spartanmbregular';
        height: 120px;
        background-color: #ffffff;
    }

    .headBrand {
        display: block;
        height: 117px;
    }

    .headBrand > a {
        display: block;   
    }

    .headBrand > img {
        width: 350px;        
        height: auto;
    }

    .verticalMiddle {
        padding: auto;
        margin: auto;
        align-content: center;
    }

    #phonePBX {
        font-size: 22px;
        color: #373435;
    }

    #phonePBX i {
        padding-right: 3px;
        font-size: 26px;
        color:#373435;
        /* border: 1px red solid; */
    }

    #socialNetworks {
        margin: 0px;
        padding-right: 10px;
        text-align: center;
    }

    #socialNetworks a {
        margin: 0px;
        padding: 10px;
        margin-left: 10px;
        text-align: center; 
        display: block;
        width: 50px;
    }

    #socialNetworks img {
        width: 50px;
    }

    #payOnline a {
        margin: 0px;
        text-align: center; 
        display: block;
    }

    #payOnline img {
        padding: 10px;
        width: 200px;
        text-align: center;
    }

    #navigationBar {
        top: 120px;
        font-family: 'spartanmbregular';
    }

    .navbar {
        background-color: var(--color-blue);    
    }

    .navbar-main .active {
        background-color: var(--color-blue-light);
        text-decoration: none;
    }

    .navbar-main a {
        background-color: var(--color-blue);
        color: #ffffff;
    }

    .navbar-main a:hover {
        background-color: var(--color-blue-light);
        color: #ffffff;    
    }

    .navbar-main a:active, .navbar-main a:focus {
        background-color: var(--color-blue-light);
        color: #ffffff;
    }

    .nav {
        color: #ffffff;    
    }

    .navSeparator {
        border-left: 1px solid #ffffff;    
    }

    #slider {
        margin-top: 175px;
        font-family: 'spartanmbregular';
    }

    #slider .carousel-inner img {
        width: 100%;
    }

    #video-player {
        width: 100%;
        /* height: 30vh; */
        /* border: 1px red solid; */
    }

    #video-content {
        /* width: 100%; */
        height: 100vh;
        /* border: 1px red solid; */
    } 

    /* ----- Requeriments Search ----- */

    .searcher {
        position: absolute;
        top: 750px;
    }

    #containerSearcher {        
        background-color: rgb(217, 56, 61, 0.7);
        width: 80%;
        text-align: center;
        margin: auto;
        overflow: hidden;
        padding: 10px;
        font-family: 'spartanmbregular';
    }

    #containerSearcher2 {        
        background-color: rgb(0, 163, 80, 0.7);
        width: 60%;
        text-align: center;
        margin: auto;
        overflow: hidden;
        padding: 10px;
        font-family: 'spartanmbregular';
    }

    .containerItemSearcher {
        float: left;
        /* border: 1px red solid; */
        width: 14%;
    }

    .containerItemSearcher2 {
        float: left;
        /* border: 1px red solid; */
        width: 20%;
    }

    .itemSearcher {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .itemSearcher select#oferta, .itemSearcher select#ciudad, .itemSearcher select#barrio, .itemSearcher select#tipo, .itemSearcher select#precio {
        width: 100%;
        height: 42px;
        border: 0px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        color: #353535;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        font-family: 'spartanmbregular';
        text-align: left;
        
    }

    .itemSearcher select#oferta:hover, .itemSearcher select#ciudad:hover, .itemSearcher select#barrio:hover, .itemSearcher select#tipo:hover, .itemSearcher select#precio:hover {
        width: 100%;
        height: 42px;
        background: var(--color-green-light);
        color: #ffffff;
        font-family: 'spartanmbregular';
    }

    /* .itemSearcher select#tipo {
        width: 800px;
        height: 200px;
        border: 0px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        color: #353535;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        font-family: 'spartanmbregular';
        text-align: left;
        
    } */

    .itemSearcher input#codigo {	
        width: 100%;
        height: 42px;
        border: 0px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        color: #353535;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        font-family: 'spartanmbregular';
        padding-left: 18px;
        text-align: left;
    }

    .itemSearcher input#codigo:hover {
        width: 100%;
        height: 42px;
        background: var(--color-green-light);
        color: #ffffff;
        font-family: 'spartanmbregular';
    }

    .itemSearcher input#codigo::placeholder{
        color: #353535;
        opacity: 1; /* Firefox */
    }

    .itemSearcher input#codigo:hover::placeholder{
        color: white;
        opacity: 1; /* Firefox */
    }

    .itemSearcher input#codigo:-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher input#codigo:hover:-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher input#codigo::-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher input#codigo:hover::-ms-input-placeholder {
        color: #353535;
    }

    .itemSearcher .btn {
        background-color: #373435;
        width: 100%;
        height: 42px;
        color: #ffffff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        font-family: 'spartanmbregular';
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }

    .itemSearcher .btn:hover {
        background-color: #1d1d1d;
        width: 100%;
        height: 42px;
        color: #ffffff;
        font-family: 'spartanmbregular';
    }

    .itemSearcher .btn a {
        color: #ffffff;
        text-decoration: none;
    }

    .itemSearcher .btn2 {
        background-color: #ffffff;
        color: #353535;
    }

    .itemSearcher .btn2:hover {        
        color: #ffffff;
        background: var(--color-green);
        font-family: 'spartanmbregular';
    }

    /* ----- Virtual Office ----- */

    #virtualOffice {
        margin-top: 20px;
        font-family: 'spartanmbregular';
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #virtualOffice h2 {
        padding-bottom: 50px;
        font-family: 'spartanmbregular';
    }

    #virtualOffice a {     
        font-family: 'spartanmbregular';
        /* background-color: #239ab8;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: 5px;
        margin-right: 5px;
        border: 1px rgb(28, 45, 82) solid; */
        width: 20%;
    }    

    #virtualOffice a:hover {     
        font-family: 'spartanmbregular';
        background: var(--color-blue-medium);
    }    

    .icon-tools {
        /* background-color: rgb(41, 133, 161); */
        --box-size: 120px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    .icon-tools2 {
        /* background-color: rgb(189, 186, 1); */
        --box-size: 120px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    .icon-tools3 {
        /* background-color: rgb(40, 209, 70); */
        --box-size: 120px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    .icon-tools4 {
        /* background-color: rgb(40, 209, 70); */
        --box-size: 120px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_virtualOffice {
        position: absolute;
        top: 650px;
        width: 1px;
        height: 1px;
    }    

    /* ----- Featured Properties ----- */

    #featuredProperties {
        font-family: 'spartanmbregular';
        padding-bottom: 100px;
        /* border: 1px red solid; */
    }

    #featuredProperties h2 {
        margin-top: 30px;
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #featuredProperties article {
        /* border: 2px #f58634 solid; */
        background-color: rgb(209, 209, 209);
        /* border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px; */
}

    #featuredProperties .row {    
        /* border: 1px red solid; */
        margin-top: 0px;
    }

    #featuredProperties div.paddingColProperty {    
        /* border: 1px blue solid; */
        padding-top: 20px;
    }

    .paddingFeactured {
        padding-left: 90px;
        padding-right: 90px;
    }

    .labelProperty {
        background-color: var(--color-green-light);
        color: #ffffff;
        width:30%;
        border: 0px;          
        /* border-top-right-radius: 5px;
        border-top-left-radius: 5px; */
    }

    .labelPropertySale {
        background-color: var(--color-red);
        color: #ffffff;
        width:30%;
        border: 0px;
        /* border-top-right-radius: 5px;
        border-top-left-radius: 5px; */
    }

    .linkProperty img {
        width: 100%;
        height: 251px;
    }

    .photoProperty {
        display: block;
    }

    .typeProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;
        font-weight: bold;
        text-align: left;
    }

    .neighborhoodProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;
        text-align: left;
    }

    .priceProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;
        font-weight: bold;
        color: var(--color-red);
        text-align: left;
    }

    .administrationProperty {
        display: block;
        padding-top: 10px;
        padding-left: 10px;    
        text-align: left;
    }

    .itemsProperty {
        display: block;
        padding: 10px 0px 10px 0px;
        /* border-top: 1px #f58634 solid;
        border-bottom: 1px #f58634 solid; */
        background-color: var(--color-blue-medium);
        color: var(--color-white);
    }

    .itemsProperty i {    
        padding-right: 5px;
    }

    .itemsProperty span {
        padding: 0px 20px 0px 20px;
        /* border: 1px red solid; */
    }

    /* ----- Our Team ----- */  

    #ourTeam {
        font-family: 'spartanmbregular';
        padding-bottom: 100px;
        /* border: 1px blue solid; */
    }

    #ourTeam h2 {
        margin-top: 30px;
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    /* ----- Our Related Links ----- */  

    #ourRelatedLinks {
        font-family: 'spartanmbregular';
        /* padding-bottom: 100px; */
        /* border: 1px blue solid; */
    }

    #ourRelatedLinks h2 {
        margin-top: 30px;
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    /* ----- Footer ----- */

    #containerFooter {    
        background-color: #2f2f2e; 
        font-family: 'spartanmbregular';
        font-size: 14px;   
    }

    .containerCompany {   
        padding: 20px 80px 20px 80px; 
        color: #ffffff;
        /* border: 1px red solid; */
    }

    .containerCompany p {           
        color: #ffffff;
        line-height: 30px;
        /* border: 1px red solid; */
    }

    .containerCompany span {           
        color: #36a692;
        /* font-weight: bold; */
        font-size: 14px;
        /* border: 1px red solid; */
    }

    .containerLogo {
        /* text-align: right; */
        vertical-align: middle;  
        margin-top: 30px;      
        /* border: 1px red solid; */
    }

    .containerLogo img {
        width: 60%;
        /* border: 1px red solid; */
    }

    /* .containerCompany img {
        text-align: right;
        border: 1px red solid;
    } */

    .containerSignature {    
        background-color: #39679b;
        text-align: center;  
        color: #ffffff;  
        padding: 20px 80px 0px 80px;
    }

    /* ----- List Properties ----- */

    #listProperties {
        margin-top: 70px;
        font-family: 'spartanmbregular';
        padding-bottom: 100px;
    }

    #listProperties h2 {    
        padding-bottom: 30px;
        font-family: 'spartanmbregular';
    }

    #listProperties article {
        /* border: 2px #f58634 solid;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px; */
        background-color: rgb(209, 209, 209);
        text-align: center;
        width: 100%; 
    }

    #listProperties .row {    
        /* border: 1px red solid; */
        margin-top: 0px;
    }

    #listProperties div.paddingColProperty {    
        /* border: 1px blue solid; */
        padding-top: 20px;
    }

    #pos_listProperties {
        position: absolute;
        top: 650px;
        width: 1px;
        height: 1px;
    }     

    /* ----- Details Property ----- */

    #sliderProperty {
        position: relative;
        padding-top: 10px;
        /* margin-top: 185px; */
        font-family: 'spartanmbregular';
    }

    #carouselSlidesProperty .carousel-inner {
        /* border: 1px red solid; */
        text-align: center;
    }

    #carouselSlidesProperty .carousel-inner img {
        /* width: 100%; */
        width: auto;
        height: 70vh;        
    }

    #detailsProperty {
        margin-top: 255px;
        /* margin-top: 70px; */
        font-family: 'spartanmbregular';
        padding-bottom: 100px;
    }

    #detailsProperty h2 {    
        padding-bottom: 10px;
        font-family: 'spartanmbregular';
        color: var(--color-blue);
    }

    #detailsProperty h3 {    
        padding-bottom: 10px;
        font-family: 'spartanmbregular';
        font-size: 18px;
    }

    #detailsProperty div.paddingColProperty {    
        /* border: 1px blue solid; */
        padding-top: 50px;
    }

    .itemsDetailsProperty {
        display: block;
        padding: 10px 0px 10px 0px;
        /* background-color: #414141; */
        background-color: var(--color-blue);
        color: #ffffff;
    }

    .itemsDetailsProperty i {    
        padding-right: 5px;
    }

    .itemsDetailsProperty span {
        padding: 0px 20px 0px 20px;
        /* border: 1px red solid; */
    }

    .price {
        padding-bottom: 40px;
        font-size: 26px;
        color: var(--color-green-logo);
    }

    .description {    
        padding: 40px 100px 20px 100px;
        margin-top: 50px;
        /* width: 100%; */
        font-size: 22px;
        color: var(--color-white);
        text-align: justify;
        /* border: 1px red solid; */
        /* border-top: 1px #fdac72 solid;
        border-bottom: 1px #fdac72 solid; */
        background-color: var(--color-green-logo);
    }

    .labelItemProperty {
        display: inline-block;
        padding-bottom: 3px;    
        padding-left: 20px;
        font-family: 'spartanmbregular';
        font-size: 18px;
        font-weight: bold;
        width: 40%;
        height: 35px;
        text-align: left;
        /* border: 1px red solid; */
    }

    .valueItemProperty {
        display: inline-block;
        padding: 0;
        margin: 0;
        padding-bottom: 3px;
        padding-left: 10px;
        font-family: 'spartanmbregular';
        font-size: 18px;
        width: 40%;
        height: 35px;
        text-align: left;
        /* border: 1px blue solid; */
    }

    .labelGroupItems {
        color: var(--color-blue); 
    }

    .backPage {
        margin-top: 60px;
        width: 200px;
        height: 40px;
    }

    .backPage a {
        text-decoration: none;
    }

    /* ----- About Us ----- */

    #aboutUs {
        margin-top: 70px;
        font-family: 'spartanmbregular';
    }

    #aboutUs h2 {
        padding-bottom: 50px;
        font-family: 'spartanmbregular';
    }

    .icon-aboutUs {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_aboutUs {
        position: absolute;
        top: 650px;
        width: 1px;
        height: 1px;
    } 

    /* ----- Our Services ----- */

    #ourServices {
        margin-top: 70px;
        font-family: 'spartanmbregular';
    }

    #ourServices h2 {
        padding-bottom: 50px;
        font-family: 'spartanmbregular';
    }
    
    #ourServices .services1 {
        text-align: left; 
        margin-left: 100px;
    }

    #ourServices .services2 {
        text-align: left; 
        margin-right: 100px;
    }

    .icon-ourServices {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }   

    #pos_ourServices {
        position: absolute;
        top: 650px;
        width: 1px;
        height: 1px;
    } 

    /* ----- Contact Us ----- */

    #contactUs {
        margin-top: 70px;
        font-family: 'spartanmbregular';
    }

    #contactUs h2 {
        padding-bottom: 50px;
        font-family: 'spartanmbregular';
    }

    .icon-contactUs {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_contactUs {
        position: absolute;
        top: 650px;
        width: 1px;
        height: 1px;
    } 

    /* ----- Lessees ----- */

    #lessees {
        margin-top: 70px;
        font-family: 'spartanmbregular';
    }

    #lessees h2 {
        padding-bottom: 50px;
        font-family: 'spartanmbregular';
    }

    .icon-lessees {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;
    }

    #pos_lessees {
        position: absolute;
        top: 650px;
        width: 1px;
        height: 1px;
    } 

    /* ----- Insurers ----- */

    #insurers {
        margin-top: 70px;
        font-family: 'spartanmbregular';
    }

    #insurers h2 {
        padding-bottom: 50px;
        font-family: 'spartanmbregular';
    }

    #insurers article {
        color: #ffffff;
    }

    .icon-insurers {
        background-color: rgb(41, 133, 161);
        --box-size: 70px;
        width: var(--box-size); 
        height: var(--box-size);
        padding: 10px;        
    }

    #pos_insurers {
        position: absolute;
        top: 650px;
        width: 1px;
        height: 1px;
    } 
}