@charset "UTF-8";
/* CSS Document */
/*
@font-face {
  font-family: walkwayRounded;
  src: url("/public/assets/templates/default/css/src/Walkway_rounded.ttf");
}
@font-face {
  font-family: altoneTrialRegular;
  src: url("/public/assets/templates/default/css/src/AltoneTrial-Regular.ttf");
}
body{
  font-family: altoneTrialRegular;
}*/

.contable{
    counter-reset: section;
}

.item_contable::before{
    counter-increment: section;
    content: counter(section);
}

.center {
    text-align: center;
}

.img_circle_simple {
  border-radius: 50%;
  background: var(--enfasis);
  text-align: center;
}


/* CSS slider de imagenes - filtros */
.img-circle {
    border-radius: 50%;
    border: solid 1px #e5e5e5;
    background: var(--enfasis);
    text-align: center;
}

.img-circle:hover, .img_circle_simple:hover { 
    transform: scale(1.1); 
    box-shadow: rgb(188 185 197) 0px 5px 15px;
}
.ratio {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    width: 100%;
}
.img-responsive {
    display: block;
    max-width: 100%;
    position: relative;
}
.content-imgc {
    padding: 35px;
}

.img_text{
    position: absolute;
    top : 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform    : translate(-50%, -50%);   
    font-size: xxx-large;
    color: var(--enfasis);
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
/* END: CSS slider de imagenes - filtros */

/*Tamaño Banner sin contenido*/  
.content_empty {
  margin-bottom: 0px;
}
.img_h {
  display: block;
  max-width: 100%;
  position: relative;
  height: 17em;
}

.p_herramientas{
  padding: 6em 5em 0em 12em;
  font-size: 1.1em;
  line-height: 1;
}

.title_tr{
  min-height: 25em;
}

.cm_image {
  background-size: cover;
  width: 37vh;
  height: 21vh; 
}

/*** Media querys ***********************/
@media (max-width: 299px) {
    .content_empty {
      min-height: 60px;
    }
    .img_h {
      display: block;
      max-width: 100%;
      position: relative;
      height: 16em;
   }
   .p_herramientas{
    padding: 6em 4em 0em 11em;
    font-size: 10px;
    line-height: 1;
   }
   .title_tr{
      min-height: 15em;
    }
  }

@media (max-width: 479px) {
    .content_empty {
      min-height: 110px;
    }

    .content_empty > h3{
      font-size: large;
    }
    .img_h {
      display: block;
      max-width: 100%;
      position: relative;
      height: 11em;
   }
   .p_herramientas{
    padding: 6em 4em 0em 11em;
    font-size: 10px;
    line-height: 1;
   }
   .title_tr{
      min-height: 15em;
    }
    .cm_image {
      background-size: cover;
      width: 45vh;
      height: 26vh;
    }

    .content_empty .btn_more {
      height: 100%;
      width: 92%;
      position: absolute;
    }
    .content_empty .btn_more a{
      margin-top: calc(95% * 0.220);
    }

    .custom_form_cover {
      min-height: 9em;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }
  }
  @media (min-width: 768px) {
    .content_empty {
      min-height: 170px;
    }
    .img_h {
      display: block;
      max-width: 100%;
      position: relative;
      height: 11em;
   }
  }

  @media (min-width: 912px) {
    .content_empty {
      min-height: 255px;
    }
    .img_h {
      display: block;
      max-width: 100%;
      position: relative;
      height: 17em;
    }

    .content_empty .btn_more {
      height: 100%;
      width: 92%;
      position: absolute;
    }
    .content_empty .btn_more a{
      margin-top: calc(95% * 0.275);
    }
    .custom_form_cover {
      min-height: 17em;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }
  }

  @media(min-width: 1024px){
    .cm_image {
      background-size: cover;
      width: 100vh;
      height: 57vh; 
    }
    #CustomModal .modal-dialog{
      max-width: 100vh;
    }


    .content_empty .btn_more {
      height: 100%;
      width: 92%;
      position: absolute;
    }
    .content_empty .btn_more a{
      margin-top: calc(95% * 0.206);
    }
  }
  @media (min-width: 1200px) {
    .content_empty {
        min-height: 315px;
    }

    .content_empty .btn_more {
      height: 100%;
      width: 92%;
      position: absolute;
    }
    .content_empty .btn_more a{
      margin-top: calc(95% * 0.268);
    }    
    @media (min-width: 1900px) {    
      .content_empty .btn_more a{
        margin-top: calc(100% * 0.4);
    }
} 

@media (min-width: 1600px) {
  .content_empty {
    min-height: 480px;
  }

  .content_empty h3 {
    font-size: xx-large;
    min-width: 23em;
    padding-top: 4em;
  }
  .cm_image {
    background-size: cover;
    width: 100vh;
    height: 57vh; 
  }
}

.custom_modal{
 background-color: #ffffffd6 !important;
}

.custom_modal .no_border{
  padding: 0!important;
}

.dissmis_custom_modal {
    text-align: right;
    padding: 5px 10px!important;
    width: 5%;
    float: right;
    position: absolute;
    right: 0;
}

/*
.row .div_maps_address:not(:last-child) {
  border-right: solid 1px black;
  margin-top: 1em;
}*/

.row .div_maps_address:not(:nth-child(3n)) {
  border-right: solid 1px black;
  margin-top: 1em;
}

.row .div_maps_address:last-child {  
  margin-top: 1em;
}

.custom_form_cover {
  min-height: 23em;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}