.els1
{
    overflow: hidden!important;;
    text-overflow: ellipsis !important;
    display: -webkit-box!important;
    -webkit-line-clamp: 1!important;;
    -webkit-box-orient: vertical!important;;
}



.els2
{
    overflow: hidden;
    text-overflow: ellipsis !important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}



.els3
{
    overflow: hidden;
    text-overflow: ellipsis !important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}



.els4
{
     overflow: hidden;
     text-overflow: ellipsis !important;
     display: -webkit-box!important;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
}


.els5
{
    overflow: hidden;
    text-overflow: ellipsis !important;
    display: -webkit-box!important;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}


.els6
{
    overflow: hidden;
    text-overflow: ellipsis !important;
    display: -webkit-box!important;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}


.els7
{
    overflow: hidden;
    text-overflow: ellipsis !important;
    display: -webkit-box!important;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}


.els8
{
    overflow: hidden;
    text-overflow: ellipsis !important;
    display: -webkit-box!important;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.els9
{
    overflow: hidden;
    text-overflow: ellipsis !important;
    display: -webkit-box!important;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
}





.clamp:after{
content: "...";
background: -webkit-linear-gradient(left, transparent, #fff 55%);
background: -moz-linear-gradient(left, transparent, #fff 55%);
background: -o-linear-gradient(left, transparent, #fff 55%);
background: linear-gradient(to right, transparent, #fff 55%);
}