
.social-share-container{
    width:100%;
    height:31px
}
.btn{
    width:31px;
    padding:0
}
.social-share-container ul{
    padding-left:0
}
.social-share-container ul li:first-child{
    display:none
}
.social-share-container ul li:last-child{
    display:inline-block
}

.icon-news{
    color: #999999;
    border: 1.5px solid #999999;
    font-size: 1rem;
    border-radius: 34px;
    width: 31px;
    height: 31px;
    line-height: 2;
    padding: 0px;
    line-height: 22px;
    position: relative;
}

ul li ul, ul li ol {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}

.icon-news .fa-comment {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 }
 
 .icon-news .icono-compartir {
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
 }
 .social-share-container ul li img{
    width:27px;
    height:27px;
    min-height:27px;
    margin-bottom: 0px;
    border-bottom: none !important;
}

.social-share-container li{
    z-index:2;
    border-bottom: solid 0px #ccc;
    margin: 5px 0px 2px 5px;
    float: left;
}

.deskop{
    display: none;
}
.movil{
    margin: 16px 0px 0px 28px;
}

.social-share-container-two{
    width:31px;
    height:31px;
    position:relative;
    display:inline-block;
    vertical-align:middle;
    /* margin-top: -30px; */
    margin: 5px 0 5px 0;
}
.social-share-container-two ul li img{
    width:27px;
    height:27px;
    min-height:27px;
}
.social-share-container-two li{
    padding:0;
    z-index:2;
    margin: 5px 0px 2px 5px;
    float: left;
}

.sizeimg{
    height: 100px !important;
}

@media only screen and (min-width:900px){
    .movil{
        opacity: 0;
    }
    .wsmovil{
        opacity: 0;
    }
    .publicacion-principal .bg-img-container .social-share-container{
        display:block
    }
    .lo-mas-article-container .btn{
        width:31px
    }
    .social-share-container{
        width:31px;
        height:31px;
        position:relative;
        display:inline-block;
        vertical-align:middle
    }
    .social-share-container ul li:not(:first-child){
        opacity:0;
        width:31px;
        height:31px;
        transition:opacity .2s ease,transform .7s ease
    }
    .social-share-container ul{
        height:100%;
        position:absolute;
        top:0;
        left:0;
        padding:0
    }
    .social-share-container ul li img{
        width:23px;
        height:23px;
        min-height:23px;
    }
    .social-share li{
        position:relative
    }
    .social-share-container li{
        position:absolute;
        padding:0;
        line-height:2;
        z-index:2;
        /* border-bottom: solid 1.5px #999999; */
    }
    .icon-news{        
        border-bottom: solid 1.5px #999999 !important;
    }
    .social-share-container ul li:last-child{
        display:none
    }
    .social-share-container:hover ul li:first-child{
        color:#fff;
        background-color:#999;
        transition:background-color 1s ease
    }.social-share-container:hover ul li:nth-child(2){
        opacity:1;transform:translateX(120%)
    }.social-share-container:hover ul li:nth-child(3){
        opacity:1;
        transform:translateX(200%)
    }.social-share-container:hover ul li:nth-child(4){
        opacity:1;
        transform:translateX(280%)
    }.social-share-container ul li:first-child{
        display:inline-block
    }
    .footer-nav {
        opacity: 0;
    }

    .social-share-container-two{
        width:31px;
        height:31px;
        position:relative;
        display:inline-block;
        vertical-align:middle;
        margin-top: -30px;
    }
    .social-share-container-two ul li img{
        width:23px;
        height:23px;
        min-height:23px;
    }
    .social-share-container-two li{
        padding:0;
        z-index:2;
        margin: 5px 0px 2px 5px;
        float: left;
    }
    .sizeimg{
        height: auto !important;
    }

}

@media only screen and (min-width:768px){
    .col-article-1 .info{
        min-height:150px
    }
}
@media only screen and (min-width:900px){
    .col-article-1 .info{
        min-height:150px
    }.col-article-1 img{
        min-height:130px
    }
}
@media only screen and (min-width:991px){
    .col-article-1 img{
        height:168px
    }
}

.footer-nav {
    position: fixed;
    z-index: 99999;
    bottom: 0;
    display: none;
    width: 100%;
    background-color: transparent;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
    height: 50px;
}
.show, .footer-nav:hover {
    display: block;
}