/* =========================================================================
    CUSTOM
    ======================================================================*/
.slider-noticias{
            padding: 0 15px;
}
.title-not-recientes{
    margin: 0 15px 20px 15px;
}
.not-md-4 {
    width: 33.333333%;
    float: left;
    position: relative;
    /*width: 100%;*/
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 20px;
    /*max-height: 330px;*/
}
.section-slider-noticias{
    /*margin-top: 200px;*/
}
.section-slider-noticias .item blockquote{
    border:none!important;
}
.section-slider-noticias .item blockquote .fecha{
    font-size:14px!important;
}

@media (max-width: 768px){
    .not-md-4{
        width: 100% !important; 
        max-height: initial;

    }
}
/* FILTROS */
.filtros {
    background: #000;
    padding: 0 20px;
}
.filtros .title {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    margin-right: 20px;
    position: relative;
}
.filtros .items-filtros {
    display: inline-block;
    position: relative;
    padding-left: 15px;
}
.filtros .items-filtros::before {
    position: absolute;
    content: "";
    top: calc(50% - 35%);
    bottom: 0;
    left: 0;
    width: 1px;
    height: 70%;
    background: #666;
}
.filtros .items-filtros .items {
    display: flex;
}
.filtros .items-filtros .items a {
    display: block;
    color: #fff;
    padding: 0 0 15px;
    margin: 15px 10px 0;
    position: relative;
    outline: 0;
    cursor: pointer !important;
}
.filtros .items-filtros .items a.active::before {
    position: absolute;
    content: "";
    bottom: 0;
    width: 100%;
    height: 5px;
    background: #DC3247;
}

/**/
#noHayNot{
    margin: 0px 15px 200px 15px;
    font-size: 18px;
}
/* ==========================================================================
fonts
========================================================================== */
@font-face {
    font-family: 'goboldregular';
    src: url('../fonts/MetaPro-Normal.woff2') format('woff2'),
         url('../fonts/MetaPro-Normal.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* ==========================================================================
/// fonts
========================================================================== */

/* ==========================================================================
general
========================================================================== */
/*html, body {height: 100%;}*/

/*body {font-family: 'Roboto', sans-serif; font-size: 14px;}
h1, .h1 {font-size: inherit; margin: 0;}*/


/* ==========================================================================
noticias
========================================================================== */
.slider-noticias {margin-bottom: 20px;}
.slider-noticias .item {position: relative;}
.slider-noticias .item .caption {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #000;
    width: 40%;
    height: 100%;
    padding: 30px 60px;
    display: flex;
    align-items: center;

    background: rgba(0,0,0,1);
    background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );

}
.slider-noticias .item article {display: inline-block; background: #DC3247; font-size: 11px; color: #fff; padding: 5px 10px; margin-bottom: 5px; text-transform: uppercase;}
.slider-noticias .item p {font-size: 30px; color: #fff; line-height: 32px; margin: 0 0 10px;}
.slider-noticias .item .fecha {color: #fff;}

.slider-noticias .owl-nav {position: absolute; top: calc(50% - 41px); width: 100%;}
.slider-noticias .owl-nav .owl-prev {
    position: absolute;
    left: 20px;
    background: url(../img/arrow-not-left.png) transparent !important;
}
.slider-noticias .owl-nav .owl-next {
    position: absolute;
    right: 50px;
    background: url(../img/arrow-not-right.png) transparent !important;
}
.slider-noticias .owl-nav [class*=owl-] {
    width: 21px;
    height: 82px;
    line-height: 200px;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}
.slider-noticias .owl-dots {position: absolute; bottom: 0; width: 100%;}
.slider-noticias .owl-dots .owl-dot.active span, .slider-noticias .owl-dots .owl-dot:hover span {background: #DC3247 !important;}

.title-not-recientes {font-size: 18px; color: #000; font-weight: bold; line-height: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #b3b3b3;}

.noticias .item {background: #f9f9f9; border-top: #DC3247 solid 2px; margin-bottom: 20px;min-height: 360px;}
.noticias .item a {text-decoration: none;}
.noticias .item img {display: block; width: 100%;}
.noticias .item blockquote {padding: 20px;min-height: 150px;max-height: 150px;}
.noticias .item article {background: #DC3247; font-size: 11px; color: #fff; padding: 5px 10px; margin-bottom: 5px; text-transform: uppercase; display: inline-block;}
.noticias .item h5 {font-size: 18px; color: #000; font-weight: bold; line-height: 20px; min-height: 45px;}
.noticias .item .bottom {display: flex; font-size: 12px;}
.noticias .item .bottom span {width: 49%;}
.noticias .item .bottom .fecha {color: #999;}
.noticias .item .bottom .link {text-align: right;}
.noticias .item .bottom .link {color: #000; text-decoration: none;}
.noticias .item .bottom .link i {color: #DC3247;}

.noticias .nota .nota-head {margin-bottom: 50px; padding-bottom: 15px; border-bottom: #b3b3b3 solid 1px;}
.noticias .nota .nota-head .img {margin-bottom: 10px;}
.noticias .nota .nota-head .img img {display: block; width: 100%;}
.noticias .nota .nota-head .foot {display: flex; width: 100%;}
.noticias .nota .nota-head .foot span {width: 60%;}
.noticias .nota .nota-head .foot span:first-child {width: 40%;}
.noticias .nota .nota-head .foot .link a {color: #000;}
.noticias .nota .nota-head .foot .link a i {color: #DC3247;}
.noticias .nota .nota-head .foot .publicado {color: #999; text-align: right;}
.noticias .nota .title-nota {font-size: 35px; line-height: 37px; font-weight: bold; margin-bottom: 5px;}
.noticias .nota .fecha {color: #999;}
.noticias .nota hr {background: #b3b3b3; height: 1px; margin: 30px 0; border: none;}
.noticias .nota .text {color: #999; text-align: justify;}
.noticias .nota .text font {display: block; color: #000; margin-bottom: 15px;}
.noticias .nota .text img {float: left; width: 50%; margin: 0 10px 10px 0;}
.noticias .nota .video {margin: 15px 0;}
.noticias .nota .redes-soc {width: 50px; margin-bottom: 10px;}
.noticias .nota .redes-soc a {
    display: block;
    width: 50px;
    height: 50px;
    background: #fff;
    border: #b3b3b3 solid 1px;
    color: #999;
    text-align: center;
    font-size: 20px;
    margin-top: -1px;
    padding-top: 10px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.noticias .nota .redes-soc a:hover {background: #DC3247; border-color: #DC3247; color: #fff;}
.noticias .nota .wrap-redes {padding-top: 20px;}

.border-red {width: 100%; height: 2px; background: #DC3247; margin: 7px 0 15px;}

.stuck {
    position:fixed;
    top:0;
  }





/* ==========================================================================
colors
========================================================================== */
.red {color: #DC3247;}
.grey {color: #b3b3b3;}
.grey-dark {color: #1A1A1A;}
.grey-light {color: #F7F7F7;}
.white {color: #FFFFFF;}
.black {color: #000000;}

/* backgrounds */
.bg-red {background: #DC3247;}
.bg-grey-dark {background: #1A1A1A;}
.bg-grey-light {background: #F7F7F7;}
.bg-white {background: #FFFFFF;}
.bg-black {background: #000000;}

/* ==========================================================================
buttons
========================================================================== */
.btn {display:block; width:200px; padding: 15px 30px; margin: auto; font-size: 11px; text-transform: uppercase; border-radius: 0px;}

.btn-red {background: #DC3247; color: #fff;}
.btn-orange:hover {color: #000;}
.btn-grey-dark {background: #1A1A1A;}
.btn-grey-light {background: #F7F7F7;}
.btn-white {background: #FFFFFF;}
.btn-black {background: #000000;}






/* ==========================================================================
media quieries
========================================================================== */
/* .slider-tab {display: none;}
.slider-mob {display: none;} */

@media (max-width: 1024px) {

}

@media (max-width: 800px) {

}

@media (max-width: 768px) {
    .slider-noticias .item .caption {width: 60%;}
}

@media (max-width: 767px) {
    
}

@media (max-width: 600px) {
    
}

@media (max-width: 576px) {
    .slider-noticias .item .caption {width: 100%; position: inherit; background: #000;}

    .noticias .nota .text img {float: none; width: 100%; margin: 10px 0;}

    .noticias .nota .redes-soc {width: auto;}
    .noticias .nota .redes-soc a {width: 35px; height: 35px; padding-top: 7px; font-size: 15px;}
}