.index-grid{
    display:grid;
    grid-template-rows: 965px  auto auto auto 1088px ;
}
.header-index{
    background-image: url("/img/index/rectangle 1.png"),linear-gradient(rgb(33 35 71), rgb(15 32 47));    
    background-repeat: no-repeat;
    background-size: cover;
    display: grid;
    grid-template-rows: 20% 80%;
    background-attachment: fixed;
    background-position: center;
}
.input-filtro{
    width: 100%;   
    /**height: 76px;
    padding: 22px 0px 19px 57px;*/
    border: solid 1px #707070;  
    border-left: none;;  
    font-size: 20px;    
    cursor: pointer;
}
.input-filtro:after{
    padding-top: 20px;
    border-bottom: 1px solid green; 
    width: 50%; 
}
.filtros-inmuebles{   
    /*border-left: 16px solid #CF161E;*/
    display: grid;   
    grid-template-columns: 16px auto;    
}
#barra_filtros{ color:#CF161E; background: #CF161E;}
.grid-inmueble{
    /*display: grid; 
    grid-template-columns: 338.5px auto;
    padding-bottom: 0em;
    grid-gap: 140px;
    margin-top:198px;*/
    display: grid;
    grid-template-columns: 20% 75%;
    padding-bottom: 0em;
    grid-gap: 2em;
    margin-top: 5em;
}
.residencia{
    /*
    width: 1318.88px;
    display: grid;
    grid-template-columns: 776px auto;
    height: 521px;
    margin-bottom:40px;
    */
        /* width: 1318.88px; */
        display: grid;
        grid-template-columns: 45% 50%;
        /* height: 521px; */
        margin-bottom: 40px;
        grid-gap: 2%;
}
.resInfo{
    /*padding-left: 52px;*/
}
.gridResVid{
    display:grid;
    grid-template-columns: 50% 30%;
    height: 628px;
    margin-bottom: 278px;
    grid-gap:5%;
    /*padding-left: 5%;*/
}
.resInfoResVid{
    /*padding-left: 75px;
    width: 593px;*/
    margin-top: 136px;
}
.resTitResVid{
    color:#000000;
    font-size: 53px;
    margin-top:62px;
}
.resDescResVid{
    color:#7B7B7B;
    font-size: 18px;
    padding-top: 30px;
}
.play-video{
    width: 300px;
    height: 136px;
    border: 6px solid black;
    background: white;
    position: relative;
    top: 400px;
    left: 30%;
    display:grid; 
    grid-template-columns: 45% 55%;
}
.grid-titular{
    display:grid;
    grid-template-columns: 10% 90%;
    color:white;
}
.titulo85{ font-size: 85px;}
.t18{font-size: 18px;}
.botonTitular{
    width:218px;
    height: 66px;
    background: #CF161E;
    color:white;
    font-size:19px;
    border-radius: 30px;
    border:none;
    z-index: 2;
}
.side-text{ 
    font-size: 18px;
    color: white;
    text-transform: uppercase;
    transform: rotate(270deg);
    letter-spacing: 19px;   
    position: relative;
    left: 60%;
    top: 5%;   
  }
  .contTitular{
    position: relative;
    top: 14%;
  }
  .w60{width: 60%;}
 
  select.minimal {
    background-image:
      linear-gradient(45deg, transparent 50%, #707070 50%),
      linear-gradient(135deg, #707070 50%, transparent 50%),
      linear-gradient(to right, #ccc, #ccc);
    background-position:
      calc(100% - 20px) calc(1em + 2px),
      calc(100% - 15px) calc(1em + 2px),
      calc(100% - 2.5em) 0.5em;
    background-size:
      5px 5px,
      5px 5px,
      1px 0em;
    background-repeat: no-repeat;
  }  
  select.minimal:focus {
    background-image:
      linear-gradient(45deg, green 50%, transparent 50%),
      linear-gradient(135deg, transparent 50%, green 50%),
      linear-gradient(to right, #ccc, #ccc);
    background-position:
      calc(100% - 15px) 1em,
      calc(100% - 20px) 1em,
      calc(100% - 2.5em) 0.5em;
    background-size:
      5px 5px,
      5px 5px,
      1px 0em;
    background-repeat: no-repeat;
    border-color: green;
    outline: 0;
  }
  select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
  }
  select {    /* styling */
    background-color: white;
    border: thin solid blue;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 10px 0px 10px 10px;  
    /* reset */  
    margin: 0;      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  #contenedor_carrusel{
      width: 99vw !important;
  }
  @media only screen and (min-width: 800px) and (max-width: 1281px) { 
    #contenedor_carrusel{
        width: 97vw !important;
    }
    .index-grid {
        display: grid;
        grid-template-rows: 100vh auto auto auto 1333px;
    }
    .imgInd{
        width: 403px !important;
        height: 444px !important;
        float:right;
    }
    .side-text {
        position: relative;
        font-size: 18px;
        color: white;
        text-transform: uppercase;
        transform: rotate(270deg);
        letter-spacing: 19px;
        left: 115%;
        top:62%;
    }
    .titulo85 {
        font-size: 60px;
    }
    .gridResVid {
        display: grid;
        grid-template-columns: 42% 50%;
        height: 628px;
        margin-bottom: 109px;
        padding-left: 10%;
    }
    .play-video {
        width: 250px;
        height: 110px;
        border: 6px solid black;
        background: white;
        position: relative;
        top: 40vh;
        left: -15%;
        display: grid;
        grid-template-columns: 45% 55%;
    }
    .resInfoResVid {
        /*padding-left: 30px;
        width: 500px;*/
    }
    .grid-inmueble {
        display: grid;
        grid-template-columns: 38px auto;
        padding-bottom: 0em;
        grid-gap: 1px; 
        margin-top: 61px;
      }
      .imgRes{
        width: 528px !important;
        height: 405px !important; 
    }
    .resInfo {
       /** padding-left: 25px;*/
    }
    .resTit {
        color: #2d2d2d !important;
        font-size: 30px !important;
        height: 110px !important;
        margin-top: 0px !important;
    }
    .resDesc {
        color: #7B7B7B !important;
        font-size: 18px !important;
        width: 400px !important;
        height: 119px !important;
    }
    .residencia {
        /**width: 100%;*/
        display: grid;
        grid-template-columns: 45% 50%;
        height: auto;
        margin-bottom: 40px;
    }
    /******************************/
    .resTitResVid {
        color: #000000;
        font-size: 40px;
        margin-top: 62px;
    }
    .resDescResVid {
      color: #7B7B7B;
      font-size: 17px;
      padding-top: 30px;
    }
    .contTitular {
        position: relative;
        top: 5%;
    }    
    #barra_filtros{ 
        color:white; 
        background: #CF161E; 
        height: 260px; 
        text-align: center;
    }
    .filtros-inmuebles{   
        /*border-left: 16px solid #CF161E;*/
        display: grid;   
        grid-template-columns: 38px auto;    
    }
    #filtros{
        display:none;
        z-index: 9;
    }
    .input-filtro {
        width: 20em;
    padding: 10px 0px 10px 10px;
    border: solid 1px #707070;
    border-left: none;
    font-size: 20px;
    cursor: pointer;
    }
} 
.inmobiliaria{
    display:none;
        font-size: 18px;
        color: white;
        text-transform: uppercase;
        /* transform: rotate(
    270deg
    ); */
        letter-spacing: 19px;
        position: relative;
        /* left: 60%; */
        top: 25%;
   
}
@media only screen and (max-width: 799px){
    #contenedor_carrusel{
        width: 97vw !important;
    }
    .index-grid{
        display:grid;
        grid-template-rows: 100vh  auto auto auto 1088px ;
    }    
    .titulo85 {
        font-size:45px;
    }
    .inmobiliaria{
        display:inline;             
    }
    .gridResVid {
        display: grid;
        grid-template-columns: 1fr;
        height: auto;
        margin-bottom: 7em;
        grid-gap: 0%;
        text-align: center;
        place-items: center;
        padding: 0em 1em;
        margin-top: -100px;
    }
    .play-video {
        width: 300px;
        height: 136px;
        border: 6px solid black;
        background: white;
        position: relative;
        /* top: 281%; */
        left: 0;
        display: grid;
        grid-template-columns: 45% 55%;
    }
    body {
        margin: 0;
        padding: 0;
        font-size: 20px !important;
        font-family: PoppinsReg;
    }
    .resDescResVid {
        color: #7B7B7B;
        font-size: 20px;
        padding-top: 30px;
    }
    #filtros{display:inline !important;}
    .grid-inmueble {
        display: grid;
        grid-template-columns: 1fr;
        padding-bottom: 0em;
        grid-gap: 1px; 
        margin-top: 0px;
      }
      .imgRes{
        width: 528px !important;
        height: 405px !important; 
    }
    .resInfo {
        /* padding-left: 25px; */
        padding: 0em 1.5em;
        text-align: center;
    }
    .resTit {
        color: #2d2d2d !important;
        height: auto !important;
        margin-top: 0px !important;
    }
    .resDesc {
        color: #7B7B7B !important;
        font-size: 20px !important;
        width: auto !important;
        height: auto !important;
    }
    .residencia {
        /**width: 100%;*/
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        height: auto;
        margin-bottom: 40px;
        padding:0.5em;
        text-align: center;
    }
    /******************************/
    .resTitResVid {
        color: #000000;
        font-size: 40px;
        margin-top: 62px;
    }
    .resDescResVid {
      color: #7B7B7B;
      font-size:20px;
      padding-top: 30px;
    }
    .contTitular {
        position:relative;
        /**top: 5%;*/
    }    
    #barra_filtros{ 
        color:white; 
        background: #CF161E; 
        height: 260px;
        text-align: center;
    }
    .filtros-inmuebles{   
        /*border-left: 16px solid #CF161E;*/
        display: grid;   
        grid-template-columns: 38px auto;    
    }
    #filtros{
        display:none;
        z-index: 9;
    }
    .input-filtro {
        width: 100%;
        padding: 10px 0px 10px 10px;
        border: solid 1px #707070;
        border-left: none;
        font-size: 20px;
        cursor: pointer;
    }
    .grid-titular {
        display: grid;
        grid-template-columns: 1fr;
        color: white;
        padding-left: 0.5em;
        gap: 4em;
    }
    .t18 {
        font-size: 17px;
    }
    .resInfoResVid {
        margin-top: 0px;
    }
    .imgInd{
        width: 90vw !important;
        height: 56vh !important;
    }
    .side-text{display:none;}
    .botonTitular {
        width: 175px;
        height: 66px;
        background: #CF161E;
        color: white;
        font-size: 19px;
        border-radius: 30px;
        border: none;
        z-index: 2;
    }

}