body {
    margin-bottom: 25px;
}
/*Ocultar los homenajes CSS*/
span.ocultar_homenaje {
  font-size: 10px; 
 /* padding-bottom: 10.5px;*/
  position: relative;
  cursor: pointer;
  background: gray;
  border-radius: 3px;
  padding: 3px 5px;
  color: #fff;
}
/*span.ocultar_homenaje:hover {
  color: orange;
}*/
/*Ocultar los homenajes CSS END*/
.observacion_movil{
    display: none;
}
#obs_play_mobile {
    display: none;
}

.btn-open {
    background-color: #6c757dba !important;
    color: white !important;
} 
.btn-open-online {
    background-color: #6c757dba !important;
    color: white !important;
} 
.imagen_buscador{
    margin-bottom: : 0px !important;
}
.load_homenajes {
    margin-top: 35px;
}
.neo_buscador {
    padding: 30px 0px 50px 0;
    background-color: #eee;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
}

.neo_container {
    position: absolute;
    top: 10px;
    left: 2.5vw;
    z-index: 1000;
    width: 95vw;
}

.homenaje .carousel-indicators {
    left: 0;
    top: auto;
    bottom: -40px;

}
/* The colour of the indicators */
.homenaje .carousel-indicators li {
    background: #a3a3a3;
    width: 20px;
    height: 1px;
    border-radius: 100%;
}

.homenaje .carousel-indicators .active {
    background: #707070;
}
.slider-regular {
    width: 90%;
    margin: auto auto;
}
.regular .slick-slide {
  margin: 0px 0px;
  width: 95px !important;
}
.regular .slick-prev:before,
.regular .slick-next:before {
  color: black;
}
a {
    color: #222222;
    text-transform: uppercase;
}
a:hover {
    color: #222222;
    text-decoration: none;
}
a:focus {
    outline: none;
}
a {
    color: #222222;
    text-transform: uppercase;
}
a:hover {
    color: #222222;
    text-decoration: none;
}
a:focus {
    outline: none;
}
h4 {
    font-weight: 400;
    line-height: 1.4;
    font-size: 28px;
    margin-bottom: 25px;
}
input.input_neo_homenajes {
    height: 50px !important;
}
input.input_neo_homenajes:focus, textarea.input_neo_homenajes:focus {
    border: 2.6px solid black;
    outline-style: outset;
    outline-color: black;
    outline: 0;
    border-radius: 3.5px;
}
button#neo_buscar {
    height: 50px;
    font-size: 18px;
}
label.abrazo-vela {
    cursor: pointer;
    border: 0px;
}
label.abrazo-vela-active {
    border: 2px solid rgb(128, 212, 255) !important;
}
.home_escribir{
    min-height: 150px;
}
.home_predi{
    min-height: 560px;
}
.home_predi .separador{
    border-bottom: 2px solid lightgrey;
}
.neo-carrusel-predi {
    width: 80%;
    margin: 10px auto;
}
.cont-carru{
    position: relative;
    width: 100%;
    height: 500px;
}
.ver-img{
  width: 100px;
  height: 100px;
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(255, 255, 255,0.5);
  z-index: 999999;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0px 0px 0px 10px;
  cursor:pointer;
}
.ico-cam{
    color: black;
  font-size: 4em;
  text-align: center;
}
/*-------------------------------------------------------*/
.predi_principal .slick-prev,
.predi_principal .slick-next {
  color: black;
  width: 140px;
  height: 23px;
  top: 105%;
  background: #bfbfbf;
  border: 3px solid #bfbfbf;      
}
.predi_principal .slick-prev:hover,
.predi_principal .slick-next:hover {
  background: lightgrey;
}
.predi_principal .slick-prev:focus,
.predi_principal .slick-next:focus,
.predi_principal .slick-prev:active,
.predi_principal .slick-next:active {
  background: lightgrey;
}
.predi_principal .slick-next:before{
    content: "Siguiente";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.predi_principal .slick-prev:before{
    content: "Anterior";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.predi_principal .slick-next{
    display: block;
  float: left;
    left: 50%;
    border-radius: 0px 10px 10px 0px;
    /*border-left: 3px solid lightgrey;*/
}
.predi_principal .slick-prev{
    left: 31%;
    border-radius: 10px 0px 0px 10px;
    /*border-right: 3px solid lightgrey;*/
}
.predi_principal.slick-slide {
  display: none;
  float: left;
  height: initial;
  min-height: 1px;
}
.neo-homenaje-predi{
  padding: 10px 10px;
  border: 1px solid #eee;
  border-radius: 5px;
  margin-top: 10px;
  float: left;
  width: 100%;
}
.neo-homenaje-predi img {
  height: 480px;
  width: 100%;
}
/*--------------------------*/
.switch {
  position: relative;
  margin: auto;
  width: 50%;
  height: 33px;
  border: 3px solid #bfbfbf;
  color: black;
  font-size: 15px;
  font-weight: bold;
  border-radius: 10px;
}

.quality {
  position: relative;
  display: inline-block;
  width: 50%;
  height: 100%;
  line-height: 28px;
}
.quality:first-child label {
  border-radius: 5px 0 0 5px;
}
.quality:last-child label {
  border-radius: 0 5px 5px 0;
}
.quality label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  /*font-style: italic;*/
  text-align: center;
  transition: transform 0.4s, color 0.4s, background-color 0.4s;
}
.quality input[type="radio"] {
  appearance: none;
  width: 0;
  height: 0;
  opacity: 0;
}
.quality input[type="radio"]:checked ~ label {
  background-color: #bfbfbf;
  color: black;
}
.btn_cancel_img_hom {
    display: none; 
    position: absolute; 
    border: none; 
    outline: none; 
    background: rgba(255, 255, 255, 0.5); 
    color:#000000; 
    border-radius: 1.5px; 
    top: 0px;
    right: 15px;
}
@media only screen and (min-width: 1121px){
    #div_form_predi {
        margin-top: 5% !important;
    }
    .cont-carru{
        height: auto;
    }
    #obs_play_mobile {
        display: none;
    }
    .neo-homenaje-predi img {
      height: auto;
      width: 100%;
    }
    .home_predi{
        min-height: 400px;
    }
    .home_predi .neo-carrusel-predi {
        max-width: 700px !important;
    }
    div.first_div {
        padding-left: 35px;
        padding-right: 35px;
    }
    .pre_foto_hom {
        margin-left: 25px;
    }
    div.sendHub_btn_mobile {
        display: none;
    }
    div.sendHub_btn {
        display: block;
    }
    div.preTribute_btn {
        display: block;
    }
    div.preTribute_btn_mobile {
        display: none;
    }
    div.btn_share_imagen {
        display: block;
    }
    div.btn_share_imagen_mobile {
        display: none;
    }
    div.btn_share_video {
        display: block;
    }
    div.btn_share_video_mobile {
        display: none;
    }
    div.btn_grupo_3_1 {
        padding-left: 5px;
        padding-right: 0px !important;
    }
    div.btn_grupo_3_2 {
        padding-left: 10px;
        padding-right: 0px;
    }
    div.btn_grupo_3_3 {
        padding-left: 10px;
        padding-right: 5px;
    }
    .middle_velas_abrazos {
        width: 75% !important;
        top: 5px !important;
    }
    .neo-contenedor-foto-fallecido img {
        max-height: 285px !important;
    }
    .content-main-top {
        margin-bottom: -55px;
    }
    .box_of_buttons {
        margin-top: 35px !important;
    }
}
/*antes hasta 1024*/
@media only screen and (min-width: 1090px) and (max-width: 1120px){
    #card_if_velatorio_online {
        height: 170px !important;
    }
    .cont-carru{
        height: 340px;
    }
    #obs_play_mobile {
        display: none;
    }
    .neo-homenaje-predi img {
      height: auto;
      width: 100%;
    }
    .home_predi{
        min-height: 400px;
    }
    div.first_div {
        padding-left: 35px;
        padding-right: 35px;
    }
    .pre_foto_hom {
        margin-left: 0px;
    }
    div.sendHub_btn_mobile {
        display: none;
    }
    div.sendHub_btn {
        display: block;
    }
    div.preTribute_btn {
        display: block;
    }
    div.preTribute_btn_mobile {
        display: none;
    }
    div.btn_share_imagen {
        display: block;
    }
    div.btn_share_imagen_mobile {
        display: none;
    }
    div.btn_share_video {
        display: block;
    }
    div.btn_share_video_mobile {
        display: none;
    }
    div.btn_grupo_3_1 {
        padding-left: 5px;
        padding-right: 0px !important;
    }
    div.btn_grupo_3_2 {
        padding-left: 10px;
        padding-right: 0px;
    }
    div.btn_grupo_3_3 {
        padding-left: 10px;
        padding-right: 5px;
    }
    .middle_velas_abrazos {
        width: 100% !important;
        top: 20px !important;
    }
    .box_of_buttons {
        margin-top: 120px !important;
    }
    .first-middle {
        display: none;
    }
    .neo-contenedor-foto-fallecido img {
        max-height: 180px !important;
    }
    .content-main-top {
        margin-bottom: -95px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1023px){
    #card_if_velatorio_online {
        height: 155px !important;
    }
    #obs_play_mobile {
        display: none;
    }
    .cont-carru{
        height: 340px;
    }
    .neo-homenaje-predi img {
      height: 320px;
      width: 100%;
    }
    .home_predi{
        min-height: 400px;
    }
    div.first_div {
        padding-left: 35px;
        padding-right: 35px;
    }
    .pre_foto_hom {
        margin-left: 25px;
    }
    div.sendHub_btn_mobile {
        display: none;
    }
    div.sendHub_btn {
        display: block;
    }
    div.preTribute_btn {
        display: block;
    }
    div.preTribute_btn_mobile {
        display: none;
    }
    div.btn_share_imagen {
        display: block;
    }
    div.btn_share_imagen_mobile {
        display: none;
    }
    div.btn_share_video {
        display: block;
    }
    div.btn_share_video_mobile {
        display: none;
    }
    div.btn_grupo_3_1 {
        padding-left: 5px;
        padding-right: 0px !important;
    }
    div.btn_grupo_3_2 {
        padding-left: 10px;
        padding-right: 0px;
    }
    div.btn_grupo_3_3 {
        padding-left: 10px;
        padding-right: 0px;
    }
    div.btn_grupo_3_3 button {
        font-size: 14.5px;
    }
    .neo-contenedor-foto-fallecido img {
        max-height: 210px !important;
    }
    .btn-1 {
        padding-right: 0px !important;
    }
    .btn-2 {
        padding-left: 5px !important;
    }
    .middle_velas_abrazos {
        width: 100% !important;
        top: 20px !important;
    }
    .box_of_buttons {
        margin-top: 120px !important;
    }
    .first-middle {
        display: none;
    }
    .content-main-top {
        margin-bottom: -100px;
    }
    .btn_share_imagen {
        padding-right: 0px !important;
    }
}
/*Para el velatorio online*/
@media only screen and (min-width: 1281px) and (max-width: 1799px){
    #card_if_velatorio_online {
        height: 260px !important;
    }
    #obs_play_mobile {
        display: none;
    }
}
@media only screen and (min-width: 1800px){
    #card_if_velatorio_online {
        height: 320px !important;
    }
    #obs_play_mobile {
        display: none;
    }
}
@media only screen and (min-width: 1121px) and (max-width: 1280px){
    #card_if_velatorio_online {
        height: 198.5px !important;
    }
    #obs_play_mobile {
        display: none;
    }
}
@media only screen and (min-width: 500px) and (max-width: 575px){
    #card_if_velatorio_online {
        height: 260px !important;
    }
}
@media only screen and (min-width: 810px) and (max-width: 991px){
    #card_if_velatorio_online {
        height: 140px !important;
    }
    body {
        margin-bottom: 85px;
    }
}
@media only screen and (min-width: 400px) and (max-width: 499px){
    #card_if_velatorio_online {
        height: 210px !important;
    }
    body {
        margin-bottom: 85px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .observacion_movil{
        display: block;
    }
    #obs_play_mobile {
        display: block;
    }
    .observacion_text{
        display: none;
    }
    .epitafio {
        text-align: center;
    }
    .cont-carru{
        height: 340px;
    }
    .neo-homenaje-predi img {
      height: auto;
      width: 100%;
    }
    .home_predi{
        min-height: 400px;
    }
    div.first_div {
        padding-left: 35px;
        padding-right: 35px;
    }
    .pre_foto_hom {
        margin-left: 25px;
    }
    div.sendHub_btn_mobile {
        display: block;
    }
    div.preTribute_btn {
        display: none;
    }
    div.preTribute_btn_mobile {
        display: block;
    }
    div.btn_share_imagen {
        display: none;
    }
    div.btn_share_imagen_mobile {
        display: block;
    }
    div.btn_share_video {
        display: none;
    }
    div.btn_share_video_mobile {
        display: block;
    }
    .group_btn_3 {
        padding: 0px !important;
    }
    div.sendHub_btn {
        display: none;
    }
    .btn-principales .neo-col-md-6.neo-col-xs-12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .neo-contenedor-foto-fallecido img {
        max-height: 450px !important;
    }

    .neo-carrusel-pre {
        margin-top: 30px !important;
    }
    body {
        margin-bottom: 85px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px){
    .observacion_movil{
        display: block;
    }
    #obs_play_mobile {
        display: block;
    }
    .observacion_text{
        display: none;
    }
    .epitafio {
        text-align: center;
    }
    .cont-carru{
        height: 265px;
    }
    .neo-homenaje-predi img {
      height: auto;
      width: 100%;
    }
    .home_predi{
        min-height: 305px;
    }
    div.first_div {
        padding-left: 35px;
        padding-right: 35px;
    }
    .pre_foto_hom {
        margin-left: 25px;
    }
    div.sendHub_btn_mobile {
        display: block;
    }
    div.sendHub_btn {
        display: none;
    }
    div.preTribute_btn {
        display: none;
    }
    div.preTribute_btn_mobile {
        display: block;
    }
    div.preTribute_btn {
        display: none;
    }
    div.preTribute_btn_mobile {
        display: block;
    }
    div.btn_share_imagen {
        display: none;
    }
    div.btn_share_imagen_mobile {
        display: block;
    }
    div.btn_share_video {
        display: none;
    }
    div.btn_share_video_mobile {
        display: block;
    }
    .group_btn_3 {
        padding: 0px !important;
    }
    div.btn_share_imagen {
        display: none;
    }
    div.btn_share_imagen_mobile {
        display: block;
    }
    .group_btn_3 {
        padding: 0px !important;
    }
    .btn-principales .neo-col-md-6.neo-col-xs-12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .neo-contenedor-foto-fallecido img {
        max-height: 350px !important;
    }
    #preTribute {
        /*background: none !important;
        border: none !important;
        border-radius: 0px !important;*/
    }
    .neo-carrusel-predi {
        margin: 0px !important;
        width: 100% !important;
    }
    .neo-homenaje-predi {
        padding: 0px !important;
        border: 0px !important;
    }
    .predi_principal .slick-prev {
        left: 26%;
    }
    .neo-carrusel-pre {
        margin-top: 40px !important;
    }
    body {
        margin-bottom: 85px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 479px){
    body {
        margin-bottom: 85px;
    }
    .observacion_movil{
        display: block;
    }
    #obs_play_mobile {
        display: block;
    }
    .observacion_text{
        display: none;
    }
    .epitafio {
        text-align: center;
    }
    .regular .draggable {
        height: 90px !important;
    }
    .predi_principal .draggable {
        height: 180px !important;
    }
    /*.predi_principal .slick-prev,
    .predi_principal .slick-next {
      display: none !important;     
    }*/
    .cont-carru{
        height: 340px;
    }
    .neo-homenaje-predi img {
      height: auto;
      width: 100%;
    }
    .home_predi{
        min-height: 20px;
    }
    #div_form_predi {
        margin-top: 20px !important;
    }
    div.first_div {
        padding-left: 0px;
        padding-right: 0px;
    }
    .pre_foto_hom {
        margin-left: 0px;
    }
    div.sendHub_btn_mobile {
        display: block;
    }
    div.sendHub_btn {
        display: none;
    }
    div.preTribute_btn {
        display: none;
    }
    div.preTribute_btn_mobile {
        display: block;
    }
    div.btn_share_imagen {
        display: none;
    }
    div.btn_share_imagen_mobile {
        display: block;
    }
    div.btn_share_video {
        display: none;
    }
    div.btn_share_video_mobile {
        display: block;
    }
    .group_btn_3 {
        padding: 0px !important;
    }
    .btn-principales .neo-col-md-6.neo-col-xs-12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .neo-contenedor-foto-fallecido img {
        max-height: 250px !important;
    }
    .neo-carrusel-predi {
        margin: 0px !important;
        width: 100% !important;
        padding-bottom: 10px !important;
    }
    .neo-homenaje-predi {
        padding: 0px !important;
        border: 0px !important;
    }
    .slick-prev:before, .slick-next:before {
        font-family: 'slick' !important;
        font-size: 20px !important;
        line-height: 1 !important;
        opacity: .75 !important;
        color: white !important;
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
    }
    .predi_principal .slick-prev {
        left: 26%;
    }
    .slick-prev::before {
        content: "←" !important;
    }
    .slick-next::before {
        content: "→" !important;
    }
    .predi_principal .slick-prev, .predi_principal .slick-next {
        width: 25% !important;
    }
    .neo-carrusel-pre {
        margin-top: 100px !important;
    }
}
@media only screen and (min-width: 210px) and (max-width: 319px){
    body {
        margin-bottom: 85px;
    }
    .observacion_movil{
        display: block;
    }
    #obs_play_mobile {
        display: block;
    }
    .observacion_text{
        display: none;
    }
    .epitafio {
        text-align: center;
    }
    .regular .draggable {
        height: 90px !important;
    }
    .predi_principal .draggable {
        height: 180px !important;
    }
   /* .predi_principal .slick-prev,
    .predi_principal .slick-next {
      display: none !important;     
    }*/
    .neo-homenaje-predi img {
          height: auto;
          width: 100%;
        }
    .home_predi{
            min-height: 0px;
        }
    #div_form_predi {
            margin-top: 10px !important;
        }
    .cont-carru{
        height: 340px;
    }
    div.first_div {
        padding-left: 0px;
        padding-right: 0px;
    }
    .pre_foto_hom {
        margin-left: 0px;
    }
    div.sendHub_btn_mobile {
        display: block;
    }
    div.sendHub_btn {
        display: none;
    }
    div.preTribute_btn {
        display: none;
    }
    div.preTribute_btn_mobile {
        display: block;
    }
    div.btn_share_imagen {
        display: none;
    }
    div.btn_share_imagen_mobile {
        display: block;
    }
    div.btn_share_video {
        display: none;
    }
    div.btn_share_video_mobile {
        display: block;
    }
    .btn-principales .neo-col-md-6.neo-col-xs-12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
        font-size: 25px;
    }

    button.neo-accordion2 {
        font-size: 12.5px !important;
    }

    .group_btn_3 {
        padding: 0px !important;
    }
    .neo-contenedor-foto-fallecido img {
        max-height: 150px !important;
    }
    .neo-carrusel-predi {
        margin: 0px !important;
        width: 100% !important;
        padding-bottom: 10px !important;
    }
    .neo-homenaje-predi {
        padding: 0px !important;
        border: 0px !important;
    }
    .slick-prev:before, .slick-next:before {
        font-family: 'slick' !important;
        font-size: 20px !important;
        line-height: 1 !important;
        opacity: .75 !important;
        color: white !important;
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
    }
    .predi_principal .slick-prev {
        left: 26%;
    }
    .slick-prev::before {
        content: "←" !important;
    }
    .slick-next::before {
        content: "→" !important;
    }
    .predi_principal .slick-prev, .predi_principal .slick-next {
        width: 25% !important;
        top: 95% !important;
    }

    .neo-carrusel-pre {
        margin-top: 160px !important;
    }
}
@media only screen and (max-width: 991px) {
    .btn_cancel_img_hom {
        right: 41%;
    }
}
@media only screen and (max-width: 700px) {
    .btn_cancel_img_hom {
        right: 38%;
    }
}
@media only screen and (max-width: 550px) {
    .btn_cancel_img_hom {
        right: 34%;
    }
}
@media only screen and (max-width: 415px) {
    .btn_cancel_img_hom {
        right: 32%;
    }
}
@media only screen and (max-width: 285px) {
    .btn_cancel_img_hom {
        right: 25.5%;
    }
}