@font-face {
    font-family: 'proximanova';
    src: url('../font/proxima-nova.otf');
}
@font-face {
    font-family: 'montserrat';
    src: url('../font/Montserrat-Regular.ttf');
}
@font-face {
    font-family: 'montserratmed';
    src: url('../font/Montserrat-Medium.ttf');
}
@font-face {
    font-family: 'judson';
    src: url('../font/Judson-Regular.ttf');
}
@font-face {
    font-family: 'alexandria-reg';
    src: url('../font/Alexandria-Regular.ttf');
}
@font-face {
    font-family: 'alexandria-tin';
    src: url('../font/Alexandria-Thin.ttf');
}

@font-face {
    font-family: 'alexandria-lig';
    src: url('../font/Alexandria-Light.ttf');
}

table.table.table-borderless {
    border: none;
}

body {
    width: 100%;
    overflow-x: hidden;
}

.ml15{margin-left: 15px;}


.table tbody tr td:nth-child(1) {
    font-family: montserratmed;
    color: #005279;
    text-align: left;
    font-size: 14px;
    text-transform: uppercase;
}

.table td {
    text-align: left;
    border: 0;
}

.table tbody td tr{
   font-family: 'montserratmed';
   font-size: 14px; 
}

.table thead tr td {
    font-size: 15px;
    font-family: 'montserratmed';
    text-transform: uppercase;
    font-weight: bold;
}

.view .viewicon {
    margin: 0 15px;
    width: 30px;
    float: right;
    margin-right: 0px;
    cursor: pointer;
    filter: invert(19%) sepia(83%) saturate(1481%) hue-rotate(173deg) brightness(99%) contrast(102%);
}

.img-responsive{width: 100%;}

img.logo {
    width: 90%;
}

.edificio-list li{width: 50%;float: left;}
.iconsprop img {
    background: #00527a;
    border-radius: 10px;
    width: 50px;
    margin: 0 5px;
    margin-bottom: 10px;
}

.iconsprop li {
    display: inline;
}

.iconsprop ul{    margin-right: -20px;text-align: right;
}

.opacity-galerua {
    background: #00000094;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}
.opacity-galerua p {
    text-align: center;
    text-transform: uppercase;
    font-family: 'montserrat';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 0;
    color: white;
    margin-top: 38%;
    letter-spacing: 2px;
}

.container.breadcrumbs {
    padding-top: 10px;
    padding-bottom: 10px;
}
.breadcrumbs p, .breadcrumbs a {
    margin-bottom: 0;
    font-size: 16px;
    color: #8b8b8b;
    font-family: 'montserrat';
}


.filters select {
    font-size: 16px;
    font-family: judson;
    font-family: 'montserrat';
    margin: 0 10px;
    width: auto;
    color: black;
    padding: 5px 10px;
    border: 1px;
}.filters {
    margin-top: 20px;
}

.showmore {
    width: 100%;
    text-align: center;
}

.showmore a {
    background-color: #005279;
    font-family: 'montserratmed';
    text-align: center;
    color: white;
    border-radius: 0;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 25px;
}

#myCarousel .item {
    height: 70vh;
    background-size: cover;
    background-position: center center;
}

.srv img {
    width: 50%;
}
.insight a {color: white!important;}

#myCarousel{position: relative;}
.buttonsfloats{position: absolute!important;z-index: 2;    bottom: 4%;}
.bt{font-family: 'proximanova';
    color: white;
    width: 30%!important;
    float: left;
    margin: 1.6%;
    letter-spacing: 1px;
    font-size: 20px;
    line-height: 15px;}
.bt a{color: white;font-size: 20px;letter-spacing: 3px;}
.bt a:hover{color: white;}

.bt1 {
    text-align: center;
    background: #005279;
}

.bt2 {
    text-align: center;
    background: #03679F;
}

.bt3 {
    text-align: center;
    background: #6BA2C9;
}

.bt4 {
    text-align: center;
    background: #D9B394;
}

.bt4.col-sm-offset-4{margin-left: 34.8%!important;}

.srv h3{color: #005279;
    font-family: 'montserratmed';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 0;
    text-align: center;}



.headerzonecard {
    background-size: cover;
    background-position: center;
    height: 240px;
}
.row.galprops a{position: relative;}
.row.galprops a img{width: 100%; height: 100%;position: relative;}
.row.galprops a:nth-child(1) {
    width: 50%;
    float: left;
}
.row.galprops a:nth-child(2) {
    width: 25%;
    float: left;
    max-height: 240px!important;
}
.row.galprops a:nth-child(3) {
    width: 25%;
    float: left;
    max-height: 240px!important;
}
.row.galprops a:nth-child(4) {
    width: 25%;
    float: left;
    max-height: 240px!important;
}
.row.galprops a:nth-child(5) {
    width: 25%;
    float: left;
    max-height: 240px!important;
}


.row.galprops a:nth-child(1) img {
    width: 100%!important;;
    height: 480px!important;;
}
.row.galprops a:nth-child(2) img {
    width: 100%!important;;
    height: 240px!important;;
}
.row.galprops a:nth-child(3) img {
    width: 100%!important;;
    height: 240px!important;;
}
.row.galprops a:nth-child(4) img{
    width: 100%!important;;
    height: 240px!important;;
}
.row.galprops a:nth-child(5) img{
    width: 100%!important;;
    height: 240px!important;
}

/*body, body *{display: none!important}*/

.modal-content{background-color:#F4F4F4!important }
form.asesorform {
    width: 90%;
    margin: 0 auto;
}

form.asesorform button {
    font-size: 18px;
    letter-spacing: 1px;
    background: #00527a;
    color: white;
    font-family: 'montserrat';
    text-transform: uppercase;
    width: 40%;
    margin: 0 auto!important;
    margin-left: 30%!important;
}

.modal-header{border-bottom: 0!important;}
.modal-footer{border-top:0!important;}
.modal-header button.close {
    -webkit-appearance: none;
    padding: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px;
    cursor: pointer;
    background: 0 0;
    border: 0;
    opacity: .7;
}
form.asesorform input {
    color: black;
    background: white;
    border: oldlace;
    border-radius: 0;
    font-size: 16px;
    min-height: 50px;
    font-family: montserrat;
}
form.asesorform textarea {
    font-family: montserrat;
    color: black;
    background: white;
    border: oldlace;
    border-radius: 0;
    font-size: 16px;
    min-height: 50px;
}


.pre-header{background-color: #D9B394;padding-top: 5px;padding-bottom: 5px;}
.pre-header p{color:#fff;font-family: 'proximanova';font-size: 14px;margin-bottom: 0;letter-spacing: 1px;}
header .navbar{background-color: white;border-bottom: 2px solid #d9b394;}
nav.navbar {margin-bottom: 0;padding-top: 10px;padding-bottom: 10px;}

ul.nav.navbar-nav {
    /* float: right; */
    /* width: 100%; */
    text-align: center;
    margin: 0 auto;
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-top: 10px;
}
ul.nav.navbar-nav a{font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: #222;
    font-family: montserratmed;}
#redes{margin-top: 30px}
#redes li {
     display:inline;
     padding-left:3px;
     padding-right:3px;
     margin: 0 2px;

}

table {
            width: 100%;
            border-collapse: collapse;
            border: 1px solid #000;
        }
        th, td {
            border: 1px solid #DADADA;
            text-align: center;
            padding: 8px;
        }
        th {
            background-color: #fff;
        }




footer{background-color: #005279;padding-top: 30px;
    padding-bottom: 10px;}
#linksfooter{margin-top: 30px}
#linksfooter li {
     display:inline;
     padding-left:3px;
     padding-right:3px;
     margin: 0 2px;

}
ul#linksfooter a, #linksfooter li {
    color: white;
    font-family: 'montserrat';
    font-size: 14px;
}
footer #redes img{filter: invert(1);}

/*CARDS*/
.propertycard{background-color: white;}
.col-sm-4.propertycard {
    width: 30.7%;
    padding: 0;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 20px;
    min-height: 380px;
    margin-bottom: 28px;
}

.card-title{
    font-family: judson;
    color:#6BA2C9;
    text-align: center;
    font-size:22px;
    margin-top: 20px;
}

.card-text{color:#005279;
font-family: judson;
text-align: center;
    font-size:26px;
}

.propertycard table * {
    text-align: center;
    font-size: 12px;
    font-family: 'montserrat';
    color: #222;
    background: white;
    padding: 5px 0px;
}

.propertycard table {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
    background: white!important;
}

.buttons {
    width: 90%;
    margin: 0 auto;
}
.buttons a:hover{color: inherit!important;text-decoration: none!important;}
.buttons a:nth-child(1) {
    width: 30%;
    margin-right: 8%;
    background-color: #D9B394;
    font-family: montserrat;
    text-align: center;
    color: white;
    border-radius: 0;
}
.buttons a:nth-child(2) {
    width: 60%;
    border:1px solid #D9B394;
    font-family: montserrat;
    text-align: center;
    color: #D9B394;
    border-radius: 0;
}

.zonecard{margin-bottom: 30px;}

.formenlistar{margin-top:30px;margin-bottom: 20px;}

.formenlistar input, .formenlistar select, .formenlistar textarea {
    border-radius: 0;
    font-size: 14px;
    margin-bottom: 20px;
    background: white;
    color: black;
    height: 40px;
    font-family: montserrat;
}

.formenlistar textarea{height: 100px!important;}

::placeholder {
  color: black;

}

.formenlistar h3{margin-top: 40px!important;margin-bottom: 20px;}

label.form-check-label {
    margin-top: 13px;
    float: left;
    margin-left: 20px;
}
input#flexRadioDefault1 {
    float: left;
}

.formenlistar button.btn.btn-default {
    margin: 0 auto;
    color: white;
    width: 50%;
    background: #005279;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.6px;
    font-family: montserrat;
    padding: 12px 20px;
    border-radius: 0;
    border: 0;
}

.insights{margin-bottom: 20px;}

.insight{font-family:inherit;
    color: white;
    width: 30%;
    float: left;
    margin: 1.6%;
    letter-spacing: 1px;
    padding-top: 10px;
    font-size: 16px;
    line-height: 15px;
    padding-bottom: 10px;}
.insight a; .insight a:hover;{color:white!important;}

.insights div:nth-child(1) {
    text-align: center;
    background: #005279;
}

.insights div:nth-child(2) {
    text-align: center;
    background: #03679F;
}

.insights div:nth-child(3) {
    text-align: center;
    background: #6BA2C9;
}

.grayheader{padding-top: 50px;padding-bottom: 50px;}
.grayheader h2{margin-top: 0!important;margin-bottom: 0!important}
.grayheader h1{margin-top: 0!important;margin-bottom: 0!important}




/*------------------------------------*\
    $MEDIA QUERIES
\*------------------------------------*/
/* Extra Small */
@media(max-width:767px){

    button#clearFilters {
    width: 45%;
    margin-top: -7px;
}

select#sortOrder {
    width: 50%;
}
    h2{font-size: 42px!important;}
    .row.livingscore h2 {
    font-size: 12px !important;}
    .homeventa .col-sm-4.propertycard, .homerenta .col-sm-4.propertycard, .zonaprops .col-sm-4.propertycard, .zonepropgrid .col-sm-4.propertycard, .bloggrid .col-sm-4.propertycard{width: 85%;}
    .tcentermobile{text-align: center!important;}
    .filter.col-sm-9 {
    margin-bottom: 30px;}
    .col-sm-4.propertycard {
        width: 100%;
        margin: 0 auto;
        margin-left: 30px;
        margin-bottom: 40px;
    }
    ul#redes {text-align: center;}
    .btn{font-size: 11px!important;}

    .propertycard img{width: 100%!important;}
    .srv img {width: 20%;}
    .zonecard {margin-bottom: 100px!important;}
    .zonecard .insight {width: 30%;margin: 1.6% !important;}
    .insight {width: 84%;margin-left: 8%;}
    .proinsiht{width: 84%;
        margin-left: 8%;
        width: 89% !important;
        margin-left: 20px;}
    .livingscore img {height: 120px !important;margin-bottom: -30px;}
    select.filters-select {width: 95%;margin-bottom: 20px;}
    .row.galprops a:nth-child(1) {width: 100%;}
    .row.galprops a:nth-child(1) img{height: auto!important}
    .row.galprops a:nth-child(2){width: 50%;}
    .row.galprops a:nth-child(3){width: 50%;}
    .row.galprops a:nth-child(4){width: 50%;}
    .row.galprops a:nth-child(5){width: 50%;}
    .row.galprops a:nth-child(2) img, .row.galprops a:nth-child(3) img, .row.galprops a:nth-child(4) img, .row.galprops a:nth-child(5) img{height: auto!important;}
    .iconsprop ul{margin-right: 0!important}

    .col-sm-4.bt.bt1,.col-sm-4.bt.bt2,.col-sm-4.bt.bt3 {padding: 0;}

    .col-sm-4.bt.bt1 a,.col-sm-4.bt.bt2 a,.col-sm-4.bt.bt3 a{padding: 6px 0px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){}

/* Medium */
@media(min-width:992px) and (max-width:1199px){}

/* Large */
@media(min-width:1200px){}