* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6,p{
    font-family: Arial, Helvetica, sans-serif;
}

h1{
    color: #b0b0b0;
    font-size: 39pt;
}

h2 {
    color: #5f5d5d;
    font-size: 25pt;
}

h5{
    font-size: 13pt;
}

h6{
    font-size: 12pt;
    color: #666666;
}

a {
    color: white;
}

a:hover{
   color: white;
}

p {
    color: rgb(71, 69, 69) !important;
}

.logo {
    width: 80% !important;
}

.pse{
    width: 50% !important;
}

.cont-cabe .fa-envelope  {
    font-size: 25pt !important;
    color: #031d2a !important;
    border-radius: 50% !important;
}

.cont-cabe .fa-phone{
    font-size: 22pt !important;
    color: #031d2a !important;
    border-radius: 50% !important;
}

.mail{
  background-color: #e7ebe6;
}


/*Menu*/

.nav-link {
    color: white !important;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    width: 100%;
    font-weight: 500;
    }

.cont-pse{
padding: 0px !important;
margin: 0px !important;
width: 10% !important;
}

.navbar-toggler{
    color: white !important;
    background-color: white !important;
}
/* 
.dropdown-item {
    background-color: #e30613 !important;
    color: white !important; 
} */

.dropdown-item:hover {
    background-color: black !important;
    color: white !important;    
}

.activee {
    background-color: rgba(255, 255, 255,.3);
    font: arial;
    font-size: 15pt;
    color: gray !important;
}
.activee:hover{
    color: gray !important;
}

.bg {
    background: linear-gradient(  60deg, #f2f5f7, #b8b9bd);
    clear: both;
}

/*fin menu*/

/*header img*/

.clasebackground {
    width: 100% 100%;
    height: 70vh !important;
    background-position:center !important;
    background-size: cover;
    margin-top: 68px !important;
    
}

/*filtro*/

.cont-filtro{
    background-color: #b3b3a2;
}

.filtro {
    color: black !important;
    text-align: center;
    left: 10px !important; 
    padding: 10px 0px;
}

.filtro .form-control {
    background-color: white !important;
    color: gray !important;
    text-align: center;
}

.buscar {
    background-color:#888674 !important;
    border: none;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
}

/*Slider*/
.carousel-inner {
    width: 100% !important;
    height: 93vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.carousel-inner .carousel-item {
    transition: -webkit-transform 60s ease;
    transition: transform 60s ease;
    transition: transform 60s ease, -webkit-transform 2s ease;
  }

  .card-inverse{
    /* background: linear-gradient(to top left, rgb(220, 220, 221), white); */
    background-color:black;
  }

.carousel img{
    background-position: bottom !important;
}

.carousel-inner  video {
    margin: auto !important;
    display: block;
    height: 93vh;
    }

.carousel-control-next-icon, .carousel-control-prev-icon{
    background-color: gray !important;
    width: 25px;
    height: 25px;
}


.carousel-indicators{
    color: black !important;
}

.carousel-indicators li{
background-color: #8b8b8b;
border-radius: 50%;
height: 0.8rem;
width: 0.8rem;
border: 1px solid white;
}

.modal video {
    margin: auto !important;
    display: block;
    height: 80vh;
    width: 100%;
    }

.card-img-overlay{
    background-color: rgba(255, 255, 255, 0.6) !important;
    width: 40%;
}

.text-over{
    color: #383737;
    width: 100%;
    margin: auto;
    font-size: 2.5vw;
    font-weight: normal;
    padding-top: 70%;
}

/*Card inicio Inmuebles*/

.card-deck .card{
    border: 1px solid rgb(212, 211, 211);
}

.card-deck P{
    color: #0000;
    font-size: 14pt;
}

.overlay-gestion{
    width:90% !important;
}

.card-footer{
 background-color: white;
 border-top:0px ;
}

.card-deck .fa-area-chart, .card-deck .fa-bed, .card-deck .fa-bath, .card-deck .fa-car{
    color:#b0b0b0;
}

.vermas{
    background-color: #56696d;
    border: none;
    padding: 1px 0px;
    margin: 10px auto !important;
    height: 30px !important;
}

.labol-val{
    position: absolute;
    top: 0;
    left: 0;
    background-color:#b8b9bd !important; 
    color: white;
    padding: 1px 25px;
    margin-top: 7px;
    margin-left: -10px;
    font-size: 14pt;
    font-weight: normal;
}


img {
    width: 100%;
}

.cont-inm {
    background-color: rgb(212, 211, 211);
    color: rgb(24, 23, 23);
}

.text-ico-card {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 11pt;
}

.card .cont-bk-img {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.card .cont-img {
    /* height: 200px; */
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition-duration: 0.5s;
    transition-timing-function: ease;
}

.card .cont-img:hover {
    transform: scale(1.2);
}
.cont-form{
    background-image:linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5) ), url('../img/living-room-2583032_1920.jpg');
    height: 330px;
    background-position: center;
}

.cont-form h2{
    padding-top:120px
}

.cont-form button{
    background-color: #888674;
    border: 1px solid rgb(255, 255, 255);
    padding:8px;
}

/*lista footer*/

.listafooter {
    width: 100%;
    height: auto;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    clear: both;
    background-color: #4f5354;
}

.listafooter h5{
    font-size: 15pt;
    font-weight: normal;
}

.cuadrado{
    width: 3%;
    height: 3%;
}

.listafooter .fa-location-arrow, .listafooter .fa-phone, .listafooter .fa-mobile, .listafooter .fa-envelope{
    background-color: rgba(255, 255, 255,0.1) !important;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    padding-top: 4px;
}

.listafooter .fa-arrow-circle-right{
    color: rgba(255, 255, 255,0.7);
}

.listafooter .fa-arrow-circle-right:hover{
    color: gray;
}

.cont-ul-empresa li{
    border-radius: 50%;
    background-color: rgb(255, 255, 255,0.5);
    margin-left:5px;
    width:1.5rem;
    height:1.5rem;
    color:#4f5354 !important;
    text-align: center !important;
}
.cont-empresa p:hover{
    background-color: rgb(255, 255, 255,0.5);
    color: gray;
}

.cont-empresa a:hover{
    color: black;
}

.cont-ul-empresa .fa-facebook , .cont-ul-empresa .fa-instagram{
    color: #4f5354;
    text-align:center !important;
}

/* redes sociales */

.cont-redes,.cont-redes1{
    position: fixed;
    z-index: 1;
    top: 500px;
    text-decoration: none;
    list-style: none;
    padding:0px 10px;
}

.cont-redes1{
top: 200px;   
padding: 0px 0px; 
}

.cont-redes1 .facebook, .cont-redes1 .instagram{
    width:45px;
    font-size: 25px;
    text-align: center;
    padding: 3px 0px;
    color: white;
    transition: transform .3s;
    transition: all 0.7s ease-in-out;
}

.cont-redes1 .facebook:hover, .cont-redes1 .instagram:hover{
    transform: rotate(360deg);
    color: gray !important;
}

.cont-redes1 .fa-facebook:hover{
    background-color: white;
}

.cont-redes1 .fa-facebook{
background-color: #3b5998;
/* border-top-right-radius: 7px;
border-bottom-right-radius: 7px; */
border-radius: 5px;
}

.cont-redes1 .fa-instagram{
    background-color: #3f729b;
    /* border-top-right-radius: 7px;
    border-bottom-right-radius: 7px; */
    border-radius: 5px;
}

.icono-what{
    animation: escala 1s infinite;
    animation-iteration-count: 6;
    width: 8% !important;
    float: right !important;

}



/*footer*/

footer {
    background-color: #4f5354;
    height: 60px;
    clear: both;
}

footer p{
    color: white !important;
}

.modal-header{
    background-color: black;
    height: 60px;
}

.modal-title{
    
    color: white;
}

.heading{
font-size: 15pt;
}

.modal-body{
    height: auto !important;
}

.modal-body ::placeholder{
    color: rgb(73, 72, 72) !important;
}

.modal-body .form-control{
    color: rgb(73, 72, 72) !important;
}

.parrafo-modal-index{
font-size: 16pt;
text-align:center;
}

.modal-index .modal-body{
    height: auto;
}

.consigne-inmu{
    height: 610px;
}

.logosura, .logo-formula {
 width: 75%;
 display: block;
 margin: auto;
}

.logo2-formula{
 width: 70%;
 display: block;
 margin: auto;
}


/*Algunos de nuestros clientes*/

.cont-aliados{
    background-color: #e6e6e6;
    padding-top:5px !important;
    height:450px;
}

.logoOvalar, .logoUnifianza, .logoSura,  .logoSimi{
    width: 45%;
    display: block;
    margin: auto;
}

.logoLibertador{
    width: 80%;
    display: block;
    margin: auto;
}


@keyframes escala{
    0%{
        transform: rotateZ( -5deg);
    }
    50%{
        transform: rotateZ( 0deg) scale(.7);
    }
    100%{
        transform: rotateZ(5deg);
    }
}

/* Media Query */

@media (min-width: 992px) and (max-width: 1199px)  {
    .navbar-collapse{
        background-color: #b8b9bd;
    }

    .bg{
        margin: 0px;
        padding: 0px;
    }
    .menu ul{
        padding: 10px !important;
        margin: 0px !important;
    }
    .card-deck{
        width: 21rem !important;
    }
}

@media (min-width: 768px) and (max-width: 991px)  {
    .logo {
        width: 100px !important;
    }
    
    .pse {
        width: 50px !important;
        position: relative;
    }

    .navbar-collapse{
        background-color: #b8b9bd;
    }

    .bg{
        margin: 0px;
        padding: 0px;
    }

    .menu ul{
        padding: 10px !important;
        margin: 0px !important;
    }

    .carousel-inner{
    height:400px;
    margin-top: 10px !important;
    }

    .carousel-control-next, .carousel-control-prev{
        height: 80%;
    }

    .cont-filtro{
        width: 90%;
    }
    
    .filtro{
        width: 90%;
        margin: auto;
    }


    .filtr-anch{
       margin-left: -40px;

    }

    .title-modal-video{
        font-size: 16pt;
    }

    .clasebackground{
        background-size: 100% !important;
       background-size: cover !important;
        height: 350px !important;
        margin-top: 42px !important;
    } 

   .inmu-des{
       margin-left: auto;
       margin-right: auto;
   }

  
   .inmu-des h1{
        font-size: 30pt;    
    }

    .cont-form h2{
        font-size: 20pt;
    }

   .cont-aliados{
       height: auto;
       padding:0px 0px 60px 0px ;
   }

    .logo-formula{
        width: 60%;
        height: 120px !important;
        padding-left: 40px !important;
    }
    
    .logo2-formula{
        width: 80%;
        height: 100px !important;
        padding-left: 0px !important;
    } 

    
    .botonBus {
        width: 40%;
        font-size: 18px !important;
        margin-left: 50px !important;
    }

    .listafooter{
        height: auto;
    }
    footer{
        height: 90px !important;
    }

}



@media (min-width: 668px) and (max-width: 767px)  {
    .logo {
        width: 100px !important;
    }
    

    .pse {
        width: 50px !important;
        position: relative;
    }

    .navbar-collapse{
        background-color: #b8b9bd;
    }

    .bg{
        margin: 0px;
        padding: 0px;
    }

    .menu ul{
        padding: 10px !important;
        margin: 0px !important;
    }

    .carousel-inner{
    height:360px;
    margin-top: 10px !important;
    }

    .carousel-control-next, .carousel-control-prev{
        height: 80%;
    }

    .cont-filtro{
        width: 90%;
    }
    
    .filtro{
        width: 90%;
        margin: auto;
    }

    .filtr-anch{
       margin-left: -40px;
    }

    .title-modal-video{
        font-size: 16pt;
    }

    .clasebackground{
        background-size: 100% !important;
        background-size: cover !important;
        height: 300px !important;
        margin-top: 42px !important;
    } 

   .inmu-des{
       margin-left: auto;
       margin-right: auto;
   }
  
   .inmu-des h1{
        font-size: 30pt;    
    }

    .cont-form h2{
        font-size: 20pt;
    }

   .cont-aliados{
       height: auto;
       padding:0px 0px 60px 0px ;
   }

    .logo-formula{
        width: 60%;
        height: 120px !important;
        padding-left: 40px !important;
    }
    
    .logo2-formula{
        width: 80%;
        height: 100px !important;
        padding-left: 0px !important;
    } 

    
    .botonBus {
        width: 40%;
        font-size: 18px !important;
        margin-left: 50px !important;
    }

    .listafooter{
        height: auto;
    }
    footer{
        height: 90px !important;
    }

}


@media (min-width: 544px) and (max-width: 667px)  {
   
    .logo {
        width: 100px !important;
    }
    
    .pse {
        width: 50px !important;
        position: relative;
    }

    .navbar-collapse{
        background-color: #b8b9bd;
    }

    .bg{
        margin: 0px;
        padding: 0px;
    }

    .menu ul{
        padding: 10px !important;
        margin: 0px !important;
    }

    .carousel-inner{
        height:290px;
        margin-top: 10px !important;
    }

    .carousel-control-next, .carousel-control-prev{
        height: 80%;
    }

    .cont-filtro{
        width: 90%;
    }
    
    .filtro{
        width: 90%;
        margin: auto;
    }

    .filtr-anch{
       margin-left: -40px;
    }

    .title-modal-video{
        font-size: 16pt;
    }

    .clasebackground{
        background-size: 100% !important;
        background-size: cover !important;
        height: 250px !important;
        margin-top: 42px !important;
    } 

   .inmu-des{
       margin-left: auto;
       margin-right: auto;
   }

  
   .inmu-des h1{
        font-size: 30pt;    
    }

    .cont-form h2{
        font-size: 20pt;
    }

   .cont-aliados{
       height: auto;
       padding:0px 0px 60px 0px ;
   }

    .logo-formula{
        width: 60%;
        height: 120px !important;
        padding-left: 40px !important;
    }
    
    .logo2-formula{
        width: 80%;
        height: 100px !important;
        padding-left: 0px !important;
    } 

    
    .botonBus {
        width: 40%;
        font-size: 18px !important;
        margin-left: 50px !important;
    }

    .listafooter{
        height: auto;
    }
    footer{
        height: 90px !important;
    }

}

@media (min-width: 411px) and (max-width: 543px)  {
   
    .logo {
        width: 100px !important;
    }
    

    .pse {
        width: 50px !important;
        position: relative;
    }

    .navbar-collapse{
        background-color: #b8b9bd;
    }

    .bg{
        margin: 0px;
        padding: 0px;
    }

    .menu ul{
        padding: 10px !important;
        margin: 0px !important;
    }

    .carousel-inner{
    height:220px;
    margin-top: 10px !important;
    }

    .carousel-control-next, .carousel-control-prev{
        height: 80%;
    }

    .cont-filtro{
        width: 90%;
    }
    
    .filtro{
        width: 90%;
        margin: auto;
    }

    .filtr-anch{
       margin-left: -40px;

    }

    .title-modal-video{
        font-size: 13pt;
    }

    .clasebackground{
        background-size: 100% !important;
        background-size: cover !important;
        height: 250px !important;
        margin-top: 42px !important;
    } 

   .inmu-des{
       margin-left: auto;
       margin-right: auto;
   }

   .inmu-des, .card{
       width: 20rem !important;
   }
  
   .inmu-des h1{
        font-size: 30pt;    
    }

    .cont-form h2{
        font-size: 20pt;
    }

   .cont-aliados{
       height: auto;
       padding:0px 0px 60px 0px ;
   }

    .logo-formula{
        width: 60%;
        height: 120px !important;
        padding-left: 40px !important;
    }
    
    .logo2-formula{
        width: 80%;
        height: 100px !important;
        padding-left: 0px !important;
    } 

    
    .botonBus {
        width: 40%;
        font-size: 18px !important;
        margin-left: 50px !important;
    }

    .listafooter{
        height: auto;
    }
    footer{
        height: 90px !important;
    }

}


@media (min-width: 320px) and (max-width: 410px)  {
   
    .logo {
        width: 100px !important;
    }

    .pse {
        width: 50px !important;
        position: relative;
    }

    .navbar-collapse{
        background-color: #b8b9bd;
    }

    .bg{
        margin: 0px;
        padding: 0px;
    }

    .menu ul{
        padding: 10px !important;
        margin: 0px !important;
    }

    .carousel-inner{
    height:190px;
    margin-top: 10px !important;
    }

    .carousel-control-next, .carousel-control-prev{
        height: 80%;
    }

    .carousel-inner video{
        width: 100%;
        height:190px
    }

    .cont-filtro{
        width: 90%;
    }
    
    .filtro{
        width: 90%;
        margin: auto;
    }

    .filtr-anch{
       margin-left: -40px;

    }

    .title-modal-video{
        font-size: 12pt;
    }

    .clasebackground{
        background-size: 100% !important;
        background-size: cover !important;
        height: 200px !important;
        margin-top: 42px !important;
    } 

   .inmu-des{
       margin-left: auto;
       margin-right: auto;
   }

   .inmu-des, .card{
       width: 20rem !important;
   }
  
   .inmu-des h1{
        font-size: 30pt;    
    }

    .cont-form h2{
        font-size: 20pt;
    }

   .cont-aliados{
       height: auto;
       padding:0px 0px 60px 0px ;
   }

    .logo-formula{
        width: 60%;
        height: 120px !important;
        padding-left: 40px !important;
    }
    
    .logo2-formula{
        width: 80%;
        height: 100px !important;
        padding-left: 0px !important;
    } 

    .botonBus {
        width: 40%;
        font-size: 18px !important;
        margin-left: 50px !important;
    }

    .listafooter{
        height: auto;
    }

    .icono-what{
        width: 18% !important;
    }

    footer{
        height: 90px !important;
    }

}