/******************************************************************
***			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-regular-webfont.woff2') format('woff2'), url('../../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
    --color-orange-light: #f8a669;
    --color-orange-medium: #f58634;
    --color-gray-medium: #373435;
    --color-gray: #ccc;
    --color-blue-medium: #5457e0;    
    --color-green-medium: #00a651;
    --color-green: #018843;
    --color-blue-light: #239ab8;
}

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

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

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

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

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

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

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

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

    .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: 'robotoregular';
    }

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

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

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

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

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

    .nav {
        color: #ffffff;    
    }

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

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

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

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

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

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

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

    .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: 'robotoregular';
        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-orange-medium);
        color: #ffffff;
        font-family: 'robotoregular';
    }

    .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: 'robotoregular';
        padding-left: 18px;
        text-align: left;
    }

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

    .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: #f58634;
        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: 'robotoregular';
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }

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

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

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

    .itemSearcher .btn2:hover {        
        color: #ffffff;
        background: var(--color-orange-medium);
        font-family: 'robotoregular';
    }

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

    #virtualOffice {
        margin-top: 50px;
        font-family: 'robotoregular';
    }

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

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

    .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(151, 75, 20);
        --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;
    }

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

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

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

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

    #featuredProperties article {
        border: 2px #f58634 solid;
        text-align: center;
        width: 100%;
        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-orange-medium);
        color: #ffffff;
        width:30%;
        border: 0px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }

    .labelPropertySale {
        background-color: var(--color-blue-light);
        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-orange-medium);
        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;
        color: var(--color-orange-medium);
    }

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

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

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

    #containerFooter {    
        background-color: #2f2f2e; 
        font-family: 'robotoregular';
        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;
    }

    .containerLogo {        
        width: 90%;
    }

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

    .containerSignature { 
        width: 100%;
        background-color: #ffffff;
        text-align: center;    
        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: 'robotoregular';
        padding-bottom: 100px;
    }

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

    #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;
    }

    #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 {
        margin-top: 185px;
        font-family: 'robotoregular';        
    }

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

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

    #detailsProperty h2 {    
        padding-bottom: 10px;
        font-family: 'robotoregular';
    }

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

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

    .itemsDetailsProperty {
        display: block;
        padding: 10px 0px 10px 0px;
        background-color: #414141;
        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-orange-medium);
    }

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

    .labelItemProperty {
        display: inline-block;
        padding-bottom: 3px;    
        padding-left: 0px;
        font-family: 'robotoregular';
        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: 'robotoregular';
        font-size: 16px;
        width: 40%;
        height: 35px;
        text-align: left;
        /* border: 1px blue solid;     */
    }

    .labelGroupItems {
        color: #f58634; 
    }

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

    .backPage a {
        text-decoration: none;
    }

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

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

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

    #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: 'robotoregular';
    }

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

    #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;
    }
}

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

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

    .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: 'robotoregular';
    }

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

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

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

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

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

    .nav {
        color: #ffffff;    
    }

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

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

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

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

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

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

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

    .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: 'robotoregular';
        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-orange-medium);
        color: #ffffff;
        font-family: 'robotoregular';
    }

    .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: 'robotoregular';
        padding-left: 18px;
        text-align: left;
    }

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

    .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: #f58634;
        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: 'robotoregular';
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }

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

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

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

    .itemSearcher .btn2:hover {        
        color: #ffffff;
        background: var(--color-orange-medium);
        font-family: 'robotoregular';
    }

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

    #virtualOffice {
        margin-top: 50px;
        font-family: 'robotoregular';
    }

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

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

    .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(151, 75, 20);
        --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;
    }

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

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

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

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

    #featuredProperties article {
        border: 2px #f58634 solid;
        text-align: center;
        width: 100%;   
        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-orange-medium);
        color: #ffffff;
        width:30%;
        border: 0px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }

    .labelPropertySale {
        background-color: var(--color-blue-light);
        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-orange-medium);
        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;
        color: var(--color-orange-medium);
    }

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

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

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

    #containerFooter {    
        background-color: #2f2f2e; 
        font-family: 'robotoregular';
        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;
    }

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

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

    .containerSignature { 
        width: 100%;
        background-color: #ffffff;
        text-align: center;    
        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: 'robotoregular';
        padding-bottom: 100px;
    }

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

    #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;
    }

    #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 {
        margin-top: 185px;
        font-family: 'robotoregular';        
    }

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

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

    #detailsProperty h2 {    
        padding-bottom: 10px;
        font-family: 'robotoregular';
    }

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

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

    .itemsDetailsProperty {
        display: block;
        padding: 10px 0px 10px 0px;
        background-color: #414141;
        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-orange-medium);
    }

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

    .labelItemProperty {
        display: inline-block;
        padding-bottom: 3px;    
        padding-left: 0px;
        font-family: 'robotoregular';
        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: 'robotoregular';
        font-size: 18px;
        width: 40%;
        height: 35px;
        text-align: left;
        /* border: 1px blue solid;     */
    }

    .labelGroupItems {
        color: #f58634; 
    }

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

    .backPage a {
        text-decoration: none;
    }

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

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

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

    #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: 'robotoregular';
    }

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

    #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;
    }
}

@media screen and (max-width: 768px) and (min-width: 426px) {
    
    /* ----- SECTIONS ----- */
    /* ----- Nav ----- */

    
    #mainHead {
        font-family: 'robotoregular';
        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: 'robotoregular';
        position: relative;
    }

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

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

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

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

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

    .nav {
        color: #ffffff;    
    }

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

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

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

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

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

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

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

    .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: 'robotoregular';
        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-orange-medium);
        color: #ffffff;
        font-family: 'robotoregular';
    }

    .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: 'robotoregular';
        padding-left: 18px;
        text-align: left;
    }

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

    .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: #f58634;
        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: 'robotoregular';
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }

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

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

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

    .itemSearcher .btn2:hover {        
        color: #ffffff;
        background: var(--color-orange-medium);
        font-family: 'robotoregular';
    }

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

    #virtualOffice {
        margin-top: 50px;
        font-family: 'robotoregular';
    }

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

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

    .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(151, 75, 20);
        --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;
    }

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

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

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

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

    #featuredProperties article {
        border: 2px #f58634 solid;
        text-align: center;
        width: 100%;
        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-orange-medium);
        color: #ffffff;
        width:30%;
        border: 0px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }

    .labelPropertySale {
        background-color: var(--color-blue-light);
        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-orange-medium);
        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;
        color: var(--color-orange-medium);
    }

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

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

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

    #containerFooter {    
        background-color: #2f2f2e; 
        font-family: 'robotoregular';
        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;
    }

    .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: #ffffff;
        text-align: center;    
        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: 'robotoregular';
        padding-bottom: 100px;
    }

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

    #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;
}

    #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: 'robotoregular';        
    }

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

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

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

    #detailsProperty h2 {    
        padding-bottom: 10px;
        font-family: 'robotoregular';
    }

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

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

    .itemsDetailsProperty {
        display: block;
        padding: 10px 0px 10px 0px;
        background-color: #414141;
        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-orange-medium);
    }

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

    .labelItemProperty {
        display: inline-block;
        padding-bottom: 3px;    
        padding-left: 0px;
        font-family: 'robotoregular';
        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: 'robotoregular';
        font-size: 18px;
        width: 40%;
        height: 35px;
        text-align: left;
        /* border: 1px blue solid;     */
    }

    .labelGroupItems {
        color: #f58634; 
    }

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

    .backPage a {
        text-decoration: none;
    }

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

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

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

    #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: 'robotoregular';
    }

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

    #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;
    }
}

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

    #mainHead {
        font-family: 'robotoregular';
        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: 'robotoregular';
    }

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

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

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

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

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

    .nav {
        color: #ffffff;    
    }

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

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

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

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

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

    #containerSearcher {
        background-color: rgb(47, 47, 46, 0.7);
        width: 50%;
        text-align: center;
        margin: auto;
        overflow: hidden;
        padding: 10px;
        font-family: 'robotoregular';
    }

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

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

    .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: 'robotoregular';
        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-orange-medium);
        color: #ffffff;
        font-family: 'robotoregular';
    }

    .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: 'robotoregular';
        padding-left: 18px;
        text-align: left;
    }

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

    .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: #f58634;
        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: 'robotoregular';
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }

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

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

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

    .itemSearcher .btn2:hover {        
        color: #ffffff;
        background: var(--color-orange-medium);
        font-family: 'robotoregular';
    }

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

    #virtualOffice {
        margin-top: 50px;
        font-family: 'robotoregular';
    }

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

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

    .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(151, 75, 20);
        --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;
    }

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

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

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

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

    #featuredProperties article {
        border: 2px #f58634 solid;
        text-align: center;
        width: 100%;   
        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-orange-medium);
        color: #ffffff;
        width:30%;
        border: 0px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }

    .labelPropertySale {
        background-color: var(--color-blue-light);
        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-orange-medium);
        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;
        color: var(--color-orange-medium);
        font-size: 12px;
    }

    .itemArea {
        font-size: 16px;
        color: var(--color-orange-medium);
    }

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

    .itemBathrooms {
        font-size: 16px;      
        color: var(--color-orange-medium);
    }

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

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

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

    #containerFooter {    
        background-color: #2f2f2e; 
        font-family: 'robotoregular';
        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;
    }

    .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: #ffffff;
        text-align: center;    
        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: 'robotoregular';
        padding-bottom: 100px;
    }

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

    #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;
}

    #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 {
        margin-top: 185px;
        font-family: 'robotoregular';        
    }

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

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

    #detailsProperty h2 {    
        padding-bottom: 10px;
        font-family: 'robotoregular';
    }

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

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

    .itemsDetailsProperty {
        display: block;
        padding: 10px 0px 10px 0px;
        background-color: #414141;
        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-orange-medium);
    }

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

    .labelItemProperty {
        display: inline-block;
        padding-bottom: 3px;    
        padding-left: 0px;
        font-family: 'robotoregular';
        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: 'robotoregular';
        font-size: 18px;
        width: 40%;
        height: 35px;
        text-align: left;
        /* border: 1px blue solid;     */
    }

    .labelGroupItems {
        color: #f58634; 
    }

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

    .backPage a {
        text-decoration: none;
    }

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

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

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

    #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: 540px;
        width: 1px;
        height: 1px;
    }

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

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

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

    #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;
    }
}

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

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

    #mainHead {
        font-family: 'robotoregular';
        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: 'robotoregular';
    }

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

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

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

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

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

    .nav {
        color: #ffffff;    
    }

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

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

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

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

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

    #containerSearcher {
        background-color: rgb(47, 47, 46, 0.7);
        width: 50%;
        text-align: center;
        margin: auto;
        overflow: hidden;
        padding: 10px;
        font-family: 'robotoregular';
    }

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

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

    .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: 'robotoregular';
        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-orange-medium);
        color: #ffffff;
        font-family: 'robotoregular';
    }

    /* .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: 'robotoregular';
        padding-left: 18px;
        text-align: left;
    }

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

    .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: #f58634;
        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: 'robotoregular';
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }

    .itemSearcher .btn:hover {
        background-color: #f8a466;
        width: 100%;
        height: 42px;
        color: #ffffff;
        background: var(--color-orange-medium);
        font-family: 'robotoregular';
    }    

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

    .itemSearcher .btn2:hover {        
        color: #ffffff;
        background: var(--color-orange-medium);
        font-family: 'robotoregular';
    }

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

    #virtualOffice {
        margin-top: 70px;
        font-family: 'robotoregular';
    }

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

    .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(151, 75, 20);
        --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;
    }

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

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

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

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

    #featuredProperties article {
        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-orange-medium);
        color: #ffffff;
        width:30%;
        border: 0px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }

    .labelPropertySale {
        background-color: var(--color-blue-light);
        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-orange-medium);
        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;
        color: var(--color-orange-medium);
    }

    .itemArea {
        font-size: 16px;
        display: block;
        color: var(--color-orange-medium);
    }

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

    .itemBathrooms {
        font-size: 16px; 
        display: block;       
        color: var(--color-orange-medium);
    }

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

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

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

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

    .containerCompany {   
        padding: 20px 80px 20px 80px; 
        color: #ffffff;
        /* 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: #ffffff;
        text-align: center;    
        padding: 20px 80px 0px 80px;
    }

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

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

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

    #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;
    }

    #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 {
        margin-top: 185px;
        font-family: 'robotoregular';
    }

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

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

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

    #detailsProperty h2 {    
        padding-bottom: 10px;
        font-family: 'robotoregular';
    }

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

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

    .itemsDetailsProperty {
        display: block;
        padding: 10px 0px 10px 0px;
        background-color: #414141;
        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-orange-medium);
    }

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

    .labelItemProperty {
        display: inline-block;
        padding-bottom: 3px;    
        padding-left: 20px;
        font-family: 'robotoregular';
        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: 'robotoregular';
        font-size: 18px;
        width: 40%;
        height: 35px;
        text-align: left;
        /* border: 1px blue solid; */
    }

    .labelGroupItems {
        color: #f58634; 
    }

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

    .backPage a {
        text-decoration: none;
    }

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

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

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

    .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: 'robotoregular';
    }

    #ourServices h2 {
        padding-bottom: 50px;
        font-family: 'robotoregular';
    }
    
    #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;
    } 
}

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

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

    #mainHead {
        font-family: 'robotoregular';
        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;
        text-align: center;
    }

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

    #socialNetworks img {
        width: 70px;
    }

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

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

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

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

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

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

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

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

    .nav {
        color: #ffffff;    
    }

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

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

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

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

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

    #containerSearcher {        
        background-color: rgb(47, 47, 46, 0.7);
        width: 50%;
        text-align: center;
        margin: auto;
        overflow: hidden;
        padding: 10px;
        font-family: 'robotoregular';
    }

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

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

    .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: 'robotoregular';
        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-orange-medium);
        color: #ffffff;
        font-family: 'robotoregular';
    }

    /* .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: 'robotoregular';
        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: 'robotoregular';
        padding-left: 18px;
        text-align: left;
    }

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

    .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: #f58634;
        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: 'robotoregular';
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }

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

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

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

    .itemSearcher .btn2:hover {        
        color: #ffffff;
        background: var(--color-orange-medium);
        font-family: 'robotoregular';
    }

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

    #virtualOffice {
        margin-top: 70px;
        font-family: 'robotoregular';
    }

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

    #virtualOffice a {     
        font-family: 'robotoregular';
    }

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

    .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(151, 75, 20);
        --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;
    }

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

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

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

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

    #featuredProperties article {
        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-orange-medium);
        color: #ffffff;
        width:30%;
        border: 0px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
}

    .labelPropertySale {
        background-color: var(--color-blue-light);
        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-orange-medium);
        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;
        color: var(--color-orange-medium);
    }

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

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

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

    #containerFooter {    
        background-color: #2f2f2e; 
        font-family: 'robotoregular';
        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: #f58634;
        font-weight: bold;
        font-size: 18px;
        /* border: 1px red solid; */
    }

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

    .containerLogo img {
        width: 90%;
        /* border: 1px red solid; */
    }

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

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

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

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

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

    #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;
    }

    #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 {
        margin-top: 185px;
        font-family: 'robotoregular';
    }

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

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

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

    #detailsProperty h2 {    
        padding-bottom: 10px;
        font-family: 'robotoregular';
    }

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

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

    .itemsDetailsProperty {
        display: block;
        padding: 10px 0px 10px 0px;
        background-color: #414141;
        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-orange-medium);
    }

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

    .labelItemProperty {
        display: inline-block;
        padding-bottom: 3px;    
        padding-left: 20px;
        font-family: 'robotoregular';
        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: 'robotoregular';
        font-size: 18px;
        width: 40%;
        height: 35px;
        text-align: left;
        /* border: 1px blue solid; */
    }

    .labelGroupItems {
        color: #f58634; 
    }

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

    .backPage a {
        text-decoration: none;
    }

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

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

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

    .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: 'robotoregular';
    }

    #ourServices h2 {
        padding-bottom: 50px;
        font-family: 'robotoregular';
    }
    
    #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;
    } 
}