.body-hidden {
    overflow: hidden;
}
footer {
    top: 71px;
}
.preloader-search{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    background: #0000007a;
    background-size: 100% 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
}
.fade-in-search{
    opacity: 1;
    z-index: 9999;
    transition: opacity 1.5s linear;
    -webkit-transition: opacity 1.5s linear;
    -moz-transition: opacity 1.5s linear;
    -ms-transition: opacity 1.5s linear;
    -o-transition: opacity 1.5s linear;
}
.fade-out-search{
    opacity: 0;
    z-index: 0;
    transition: opacity 1.5s linear;
    -webkit-transition: opacity 1.5s linear;
    -moz-transition: opacity 1.5s linear;
    -ms-transition: opacity 1.5s linear;
    -o-transition: opacity 1.5s linear;
}
.loader {
    position: relative;
    width: 54px;
    height: 54px;
    border-radius: 10px;
}
  
.loader div {
    width: 8%;
    height: 24%;
    background: rgb(255 255 255);
    position: absolute;
    left: 50%;
    top: 30%;
    opacity: 0;
    border-radius: 50px;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    animation: fade458 1s linear infinite;
}
@keyframes fade458 {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0.25;
    }
}
.loader .bar1 {
    transform: rotate(0deg) translate(0, -130%);
    animation-delay: 0s;
}
.loader .bar2 {
    transform: rotate(30deg) translate(0, -130%);
    animation-delay: -1.1s;
}
.loader .bar3 {
    transform: rotate(60deg) translate(0, -130%);
    animation-delay: -1s;
}
.loader .bar4 {
    transform: rotate(90deg) translate(0, -130%);
    animation-delay: -0.9s;
}
.loader .bar5 {
    transform: rotate(120deg) translate(0, -130%);
    animation-delay: -0.8s;
}
.loader .bar6 {
    transform: rotate(150deg) translate(0, -130%);
    animation-delay: -0.7s;
}
.loader .bar7 {
    transform: rotate(180deg) translate(0, -130%);
    animation-delay: -0.6s;
}
.loader .bar8 {
    transform: rotate(210deg) translate(0, -130%);
    animation-delay: -0.5s;
}
.loader .bar9 {
    transform: rotate(240deg) translate(0, -130%);
    animation-delay: -0.4s;
}
.loader .bar10 {
    transform: rotate(270deg) translate(0, -130%);
    animation-delay: -0.3s;
}
.loader .bar11 {
    transform: rotate(300deg) translate(0, -130%);
    animation-delay: -0.2s;
}
.loader .bar12 {
    transform: rotate(330deg) translate(0, -130%);
    animation-delay: -0.1s;
}
.navigationBar .menu .searchHolder:hover>.searchInput {
    width: 200px;
}
.navigationBar .menu .searchHolder .searchInput {
    color             : #FFF;
    margin            : 0 auto;
    background-color  : transparent !important;
    border            : none;
    border-bottom     : 1px solid #FFF;
    height            : 35px;
    outline           : none;
    color             : #FFF;
    transition        : width 1s;
    -webkit-transition: width 1s;
    -moz-transition   : width 1s;
    -ms-transition    : width 1s;
    -o-transition     : width 1s;
}

/* .navigationBar .menu .searchHolder .searchInput input {
    width: 95%; 
    
} */

.busqueda .alertify .ajs-modal .ajs-dialog {
    box-shadow: 0 5px 45px rgb(255 255 255 / 28%) !important;
}

.busqueda .alertify .ajs-modal .ajs-dialog .ajs-header {
    background: #2d2729;
}

.busqueda .alertify .ajs-modal .ajs-dialog .ajs-footer .ajs-buttons .ajs-ok {
    color: #2d2729;
}

.title-type-search {
    display    : none;
    color      : rgb(255 255 255);
    font-family: "DINNextLTProBold";
    font-size  : 1.1em;
}

.title-categorie-search {
    color      : rgb(255 255 255);
    font-family: "DINNextLTProBold";
    font-size  : 1.1em;
}

.advanced-search {
    border-radius  : 5px;
    background     : #E33453;
    color          : #fff;
    cursor         : pointer;
    font-size      : 1.2rem;
    padding        : 1%;
    display        : flex;
    text-decoration: none;
    align-items    : center;
    justify-content: space-between;
    flex-direction : row;
    width          : auto;
}

.advanced-search:hover {
    color          : #fff;
    text-decoration: none;
}

.advanced-search i {
    color: #fff;
}

.section-advanced-search {
    background: transparent;
    border    : none;
    color     : rgb(181, 180, 217);
}

.text-advanced-search {
    margin-bottom: 0em !important;
}

.AdvancedSearch {
    display: none;
}

.list-advanced-search {
    /* display: inline-block; */
    background-color: transparent;
    border          : 0px solid transparent;
    font-family     : "DINNextLTProBold";
    color           : rgb(180, 179, 210);
    font-size       : 1.5rem;
    float           : right;
    height          : 1.6rem;
    width           : 100%;
}

.d-none {
    display: none;
}

.busqueda .busquedaComtainer {
    width         : 100%;
    padding-top   : 75px;
    padding-right : 1%;
    padding-left  : 1%;
    padding-bottom: 13.2%;
}

.busqueda .busquedaComtainer .searchBlock {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    flex-wrap: wrap;
    width: 100%;
    min-height: 1.5rem;
    margin-top: 2rem;
    margin-bottom: 2%;
    justify-content: space-around;
}

.busqueda .busquedaComtainer .searchBlock .searchIcon {
    width            : 30px;
    height           : 30px;
    background-image : url(../images/ICONOS_ONCE_BuscarGris.svg);
    background-repeat: no-repeat;
}

.busqueda .busquedaComtainer .searchBlock .inputSearch {
    display  : flex;
    flex-wrap: nowrap;
    width    : 94%;
}

.busqueda .busquedaComtainer .searchBlock .searchClose {
    width          : 5%;
    display        : flex;
    justify-content: center;
    cursor         : pointer;
}
.busqueda .busquedaComtainer .searchBlock .searchClose .btn-search{
    cursor: pointer;
    color: #fff;
    padding: 0.7rem;
    background: #E33453;
    border: none;
    border-radius: 5px;
}
.busqueda .busquedaComtainer .searchBlock .searchClose .btn-search-pgm {
    background     : #e33453;
    color          : #fff;
    padding        : 10%;
    display        : flex;
    justify-content: center;
}

.busqueda .busquedaComtainer .searchBlock .searchClose .btn-search-pgm:focus {
    box-shadow: 0 0 5px 1px rgb(253 253 253);
}

.busqueda .busquedaComtainer .pgmresult {
    color: #FFF;
}

.busqueda .busquedaComtainer .pgmresult .pgmHeaders {
    display        : flex;
    align-items    : center;
    flex-direction : row;
    justify-content: space-between;
    flex-wrap      : wrap;
    padding-bottom : 1.5%;
}

.busqueda .busquedaComtainer .pgmresult .pgmHeaders .sectionTitle {
    font-size    : 1.5rem;
    font-family  : "DINNextLTProBold";
    margin-bottom: 0%;
    margin-left  : 2%;
}

.busqueda .busquedaComtainer .pgmresult .pgmHeaders .pagination-search {
    /* width: 50%; */
    margin-right: 3%;
}

.busqueda .busquedaComtainer .pgmresult .pgmHeaders .pagination-search ul {
    margin-bottom: 1%;
}

.content-items {
    background: #fff;
    display   : flex;
    overflow-x: hidden;
    width     : 293px;
}

.pagination-search .pagination .disabled .page-link {
    color           : #a6a6a6 !important;
    background-color: #fff;
    border-color    : #fff;
}

.pagination-search .pagination .page-item {
    cursor: pointer;
}

.pagination-search .pagination .page-item .page-link {
    color           : #E33453;
    background-color: #fff;
    border-color    : #fff;
}

.pagination-search .pagination .page-item .page-link:focus {
    color: #E33453;
}

.pagination-search .pagination .page-item.active .page-link {
    color           : #fff;
    background-color: #E33453;
    border-color    : #E33453;
}

.busqueda .busquedaComtainer .pgmresult .results {
    display              : grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    justify-items        : center;
}

.busqueda .busquedaComtainer .pgmresult .results a {
    text-decoration: none;
    width          : 290px;
    color          : #FFF;
}

.busqueda .busquedaComtainer .pgmresult .results a .pgm {
    width           : 100%;
    background-color: rgb(19, 23, 28);
    border-radius   : 6px;
}

.busqueda .busquedaComtainer .pgmresult .results a .pgm .thumbnail {
    width                  : 100%;
    height                 : 195px;
    border-top-left-radius : 6px;
    border-top-right-radius: 6px;
    background-size        : cover;
    background-position: center;
}

.busqueda .busquedaComtainer .pgmresult .results a .pgm .data {
    padding-top   : 15px;
    padding-bottom: 20px;
    padding-left  : 20px;
    padding-right : 20px;
}

.busqueda .busquedaComtainer .pgmresult .results a .pgm .data .title {
    font-family  : "DINNextLTPro";
    font-size    : 25px;
    margin-bottom: 9px;
    margin-top   : 0px;
    text-overflow: ellipsis;
    overflow     : hidden;
    white-space  : nowrap;
}

.busqueda .busquedaComtainer .pgmresult .results a .pgm .data .description {
    margin            : 0px;
    font-family       : "DINNextLTPro";
    font-size         : 0.9rem;
    width             : 100%;
    height            : 91px;
    display           : -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow          : hidden;
    color             : rgb(181, 180, 217);
}

/*  */
.container-pagination {
    background     : #fff;
    border-radius  : 5px;
    display        : flex;
    flex-wrap      : nowrap;
    flex-direction : row;
    justify-content: center;
    position       : relative;
    width          : auto;
    max-width      : 456px;
}

/* Buttons */
.container-pagination .btn-prev {
    background           : #fff;
    border               : 1px solid #cccccc6b;
    border-radius        : 5px 0px 0px 5px;
    color                : #E33453;
    font-size            : 1.3em;
    width                : 50px;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius   : 5px 0px 0px 5px;
    -ms-border-radius    : 5px 0px 0px 5px;
    -o-border-radius     : 5px 0px 0px 5px;
}

.container-pagination .btn-prev:focus,
.container-pagination .btn-next:focus {
    box-shadow: 0 0 0 0.25rem rgb(227 57 87 / 18%);
}

.container-pagination .btn-prev.disabled,
.container-pagination .btn-next.disabled {
    color: #afa9a9;
}

.container-pagination .btn-next {
    background           : #fff;
    border               : 1px solid #cccccc6b;
    border-radius        : 0px 5px 5px 0px;
    color                : #E33453;
    font-size            : 1.3em;
    width                : 63px;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius   : 0px 5px 5px 0px;
    -ms-border-radius    : 0px 5px 5px 0px;
    -o-border-radius     : 0px 5px 5px 0px;
}

/* Frame */
.pagination {
    height  : 50px;
    overflow: hidden;
}

.pagination .clearfix {
    list-style: none;
    margin    : 0;
    padding   : 0;
    height    : 100%;
    font-size : 1.2rem;
    display   : flex;
    flex-wrap : nowrap;
}

.pagination .clearfix li {
    float          : left;
    width          : 70px;
    height         : 100%;
    /* margin      : 0 1px 0 0; */
    padding        : 0;
    background     : #fff;
    border         : 1px solid #cccccc6b;
    /* border-color: #E33453; */
    color          : #E33453;
    text-align     : center;
    cursor         : pointer;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.pagination .clearfix li.active {
    color       : #fff;
    background  : #E33453;
    border-color: #E33453;
}

@media (max-width: 991px) {
    .busqueda .busquedaComtainer .searchBlock .inputSearch {
        width: 85% !important;
    }

    .busqueda .busquedaComtainer .searchBlock .searchClose {
        width: 10% !important;
    }
}

@media (max-width: 680px) {
    .busqueda .busquedaComtainer .pgmresult .pgmHeaders {
        justify-content: center;
    }

    .busqueda .busquedaComtainer .pgmresult .pgmHeaders .sectionTitle {
        width: 40%;
    }

    .container-pagination {
        width: 302px !important;
    }

    .pagination .clearfix li {
        width: 50px !important;
    }
}

@media (max-width: 680px) {
    .busqueda .busquedaComtainer .searchBlock .inputSearch {
        width: 80% !important;
    }

    .busqueda .busquedaComtainer .searchBlock .searchClose {
        width: 15% !important;
    }
}

@media (max-width: 460px) {
    .busqueda .busquedaComtainer .pgmresult .pgmHeaders .sectionTitle {
        width      : 100%;
        text-align : center;
        margin-left: 0%;
    }

    .busqueda .busquedaComtainer .pgmresult .pgmHeaders .pagination-search {
        margin-right: 0%;
        font-size   : 0.9em;
    }
}

@media (max-width: 380px) {
    .busqueda .busquedaComtainer .searchBlock .inputSearch {
        width: 75% !important;
    }

    .busqueda .busquedaComtainer .searchBlock .searchClose {
        width: 15% !important;
    }

    .busqueda .busquedaComtainer .searchBlock input {
        width: 90%;
    }

    .container-pagination {
        width: 275px !important;
    }
}