/* Font */
@font-face{
    font-family: "gothic";
    src: url("../fonts/GOTHIC.TTF")format("truetype");
}
@font-face{
    font-family: "opensans-condensed";
    src: url("../fonts/OpenSans-Condensed.ttf")format("truetype");
}
@font-face{
    font-family: "opensans-light";
    src: url("../fonts/OpenSans-Light.ttf")format("truetype");
}
@font-face{
    font-family: "opensans-regular";
    src: url("../fonts/OpenSans-Regular.ttf")format("truetype");
}
@font-face{
    font-family: "opensans-bold";
    src: url("../fonts/OpenSans-Bold.ttf")format("truetype");
}
@font-face{
    font-family: "roboto-light";
    src: url("../fonts/Roboto-Light.ttf")format("truetype");
}
@font-face{
    font-family: "roboto-medium";
    src: url("../fonts/Roboto-Medium.ttf")format("truetype");
}
@font-face{
    font-family: "roboto-regular";
    src: url("../fonts/Roboto-Regular.ttf")format("truetype");
}
@font-face{
    font-family: "roboto-bold";
    src: url("../fonts/Roboto-Bold.ttf")format("truetype");
}


body{
    background-color: #f9f9f9;
}
.reset-row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Navbar */
nav{
    border-bottom: 1px solid #E1E1E1;
}
.container.inject{
    max-width: 1024px;
    padding: 0;
}
.container.inject-2{
    max-width: 1054px;
    padding: 0;
}
a.navbar-brand{
    margin-right: 30px;
}
form.my-2{
    position: relative;
    width: 100%;
    max-width: 499px;
}
form.my-2 input{
    padding-left: 55px;
    width: 100% !important;
    margin: 0 !important;
    height: 46px;
    border-radius: 12px;
    border: 1px solid #f5f5f5;
    color: #333333;
    font-size: 16px;
    font-family: "opensans-regular";
    text-decoration: none;
    outline: none;
    box-shadow: none;
}
form.my-2 input:focus{
    text-decoration: none;
    outline: none;
    box-shadow: none;
    border: 1px solid #f5f5f5;
}
form.my-2 input::placeholder{
    color: #999999;
    opacity: 1; /* Firefox */
}
form.my-2 input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999999;
}
   
form.my-2 input::-ms-input-placeholder { /* Microsoft Edge */
    color: #999999;
}
.btn-search{
    background-image: url(../image/icon/search.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    border: 0;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 20px;
}
.btn-search:focus{
    border: none;
    outline: none;
    text-decoration: none;
}
ul.navbar-nav{
    margin-left: 30px;
    color: #333333;
    font-size: 16px;
    font-family: "opensans-regular";
    text-decoration: none;
    outline: none;
    box-shadow: none;
}
ul.navbar-nav li{
    position: relative;
    /* padding-left: 25px; */
    padding-right: 20px;
}
ul.navbar-nav li a{
    padding: 0 !important;
    color: #333333 !important;
    font-size: 16px;
    font-family: "opensans-regular";
}
ul.navbar-nav li a:hover{
    color: #3dbea6 !important;
    transition: 0.2s;
}
ul.navbar-nav li a img{
    position: absolute;
    left: 0;
}
.icon-nav{
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.home-black{
    background-image: url(../image/icon/home.svg);
}
.login-black{
    background-image: url(../image/icon/login.svg);
}
ul.navbar-nav li a:hover > .home-black{
    background-image: url(../image/icon/home-green.svg) !important;
}
ul.navbar-nav li a:hover > .login-black{
    background-image: url(../image/icon/login-green.svg) !important;
}


/* Main */
    /* Headline */
.headline{
    padding-top: 115px;
    margin-bottom: 25px;
}
.head-img{
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 672px;
    height: auto;
    min-height: 250px;
    background-image: url(../image/bg-img.svg);
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    margin-right: 25px;
}
.head-img div.img-headline{
    background-image: url(../image/head-img-desktop.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 597px;
    height: 176px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.headline ul{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 1024px;
}
.head-count{
    display: inline-block;
    position: relative;
    background-image: url(../image/bg-count.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 322px;
    height: 250px;
    border-radius: 20px;
}
.count-data{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.count-data .data{
    position: relative;
    width: 100%;
    min-width: 230px;
}
.count-data .data span:first-child{
    display: inline-block;
    width: 60px;
    height: 45px;
    color: #2FA7B3;
    font-family: "roboto-bold";
    font-size: 26px;
    font-style: italic;
    margin: 5px 20px 5px 0;
}
.count-data .data span:last-child{
    position: absolute;
    padding-top: 10px;
    font-family: "opensans-light";
    font-size: 18px;
    color: #333333;
    letter-spacing: -1px;
}
.count-data .data span:last-child img{
    margin-right: 15px;
}

/* Widget Terbaru */
.widget-terbaru{
    background: linear-gradient(90deg, #F8F8F8 0%, #E0FDFF 100%);
    margin-bottom: 30px;
}
.title-section{
    font-family: "gothic";
    font-size: 25px;
    color: #999999;  
    letter-spacing: -1px;
}
.title-section.terbaru,.title-section.akses{
    padding: 30px 0 15px;
}
.title-section.terbaru span{
    color: #3dbea6;
}
.title-section.akses span{
    color: #E58079;
}
.widget-terbaru .content,.owl-item{
    margin: 0;
    padding: 0;
}
.widget-terbaru .content .col-md-3,.owl-item .col-md-12{
    padding: 0 15px;
    margin-bottom: 30px;
    
}
.widget-terbaru .content .col-md-3 a img,.owl-item .col-md-12 a img{
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 20px;
    margin-bottom: 15px;
    border: 1px solid #f5f5f5;
}
.widget-terbaru .content .col-md-3 a label,.owl-item .col-md-12 a label{
    font-family: "opensans-light";
    font-size: 16px;
    color: #000000;
    cursor: pointer;
}
.widget-terbaru .content .col-md-3 a:hover > label,.owl-item .col-md-12 a:hover > label{
    color: #3dbea6;
}

    /* Main Content */
.main-content{

}
.main-content ul{
    list-style: none;
    padding: 0;
}
        /* Main Content Left */
.main-content ul li.left-content{
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 672px;
    height: auto;
    margin-right: 25px;
}
.data-black{
    background-image: url(../image/icon/data-grey.svg);
}
.left-content ul li a.active > .data-black{
    background-image: url(../image/icon/data.svg) !important;
}
.left-content ul li a{
    color: #B8B8B8;
    padding: 0;
    font-family: "gothic";
    font-size: 24px;
    letter-spacing: -1px;
}
.left-content ul li a.active{
    background-color: unset !important;
    color: #333333 !important;
}
.left-content ul li:first-child{
    border-right: 1px solid #000000;
    padding-right: 20px;
    margin-right: 20px;
}
.left-content ul.search-terkait{
    margin-top: 75px;
}
.left-content ul.search-terkait li:first-child{
    border-right: 0 !important;
    padding-right: 20px;
    margin-right: 20px;
}
.total-data{
    font-size: 16px;
}
.tag-terkait{
    color: #23282c;
    background-color: #ffc107;
    border-radius: 50px;
    padding: 0 10px;
    font-size: 11px;
    margin: 20px 0 5px;
}
.left-content .tab-content{
    background-color: #ffffff;
    border: 1px solid #f5f5f5;
    border-radius: 15px;
    padding: 25px 15px 5px;
    height: 260px;
    margin-bottom: 30px;
}
.left-content .tab-content .tab-pane{position: relative;}
.left-content .tab-content .tab-pane .col-md-6{
    display: inline-block;
    width: 49%;
    height: 71px;
    /* margin-bottom: 10px; */
}
.left-content .tab-content .tab-pane .col-md-6 a{
    font-family: "opensans-light";
    font-size: 16px;
    color: #000000;
}
.left-content .tab-content .tab-pane .col-md-6 a:hover{
    color: #3dbea6;
}
.left-content .tab-content .tab-pane .col-md-6 a .data-icon,
ul.list-article li div a i.data-icon{
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 10px;
    position: absolute;
}
.left-content .tab-content .tab-pane .data-default a .data-icon,
ul.list-article li div.data-default a i.data-icon{
    background-image: url(../image/icon/default.svg);
}
.left-content .tab-content .tab-pane .data-ppt a .data-icon,
ul.list-article li div.data-ppt a i.data-icon{
    background-image: url(../image/icon/ppt.svg);
}
.left-content .tab-content .tab-pane .data-pdf a .data-icon,
ul.list-article li div.data-pdf a i.data-icon{
    background-image: url(../image/icon/pdf.svg);
}
.left-content .tab-content .tab-pane .data-video a .data-icon,
ul.list-article li div.data-video a i.data-icon{
    background-image: url(../image/icon/play.svg);
}
.left-content .tab-content .tab-pane .data-image a .data-icon,
ul.list-article li div.data-image a i.data-icon{
    background-image: url(../image/icon/image.svg);
}
.left-content .tab-content .tab-pane .data-excel a .data-icon,
ul.list-article li div.data-excel a i.data-icon{
    background-image: url(../image/icon/excel.svg);
}
.left-content .tab-content .tab-pane .data-word a .data-icon,
ul.list-article li div.data-word a i.data-icon{
    background-image: url(../image/icon/word.svg);
}
.left-content .tab-content .tab-pane .data-zip a .data-icon,
ul.list-article li div.data-zip a i.data-icon{
    background-image: url(../image/icon/zip.svg);
}
.left-content .tab-content .tab-pane .col-md-6 a label,
ul.list-article li div a label{
    padding-left: 50px;
    height: 63px;
    display: flex;
    overflow: hidden;
    color: #333333;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
}
ul.list-article li div a label{
    font-family: "opensans-light";
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    letter-spacing: 0;
}
ul.list-article li div a{
    text-decoration: none;
}
ul.list-article li div a:hover label{
    color: #3dbea6;
    text-decoration: none;
}
.left-content .tab-content .tab-pane .col-md-6 a:hover{
    text-decoration: none;
}
.left-content .tab-content .tab-pane .col-md-6 a:hover label{
    color: #3dbea6;
    text-decoration: none;
}
.amore{
    display: block;
    height: 17px;
    width: 91px;
    position: absolute;
    bottom: 30px;
    right: 20px;
}
.amore-inovasi{
    display: block;
    height: 17px;
    position: relative;
    text-align: right;
}
.amore a,.amore-inovasi a{
    font-family: "opensans-light";
    font-size: 12px !important;
    color: #0B7ABF !important;
    text-decoration: none;
}
.amore a img,.amore-inovasi a img{
    margin-left: 7px;
}

        /* Main Content Left */
.main-content ul li.right-content{
    display: inline-table;
    position: relative;
    width: 322px;
    height: 250px;
    float: right;
}
.widget-terpopuler,
.widget-terbarulist,
.widget-akses,
.widget-testimoni{
    text-align: center;
}
.widget-terpopuler .terpopuler,
.widget-terbarulist .terbaru,
.widget-akses .akses,
.widget-testimoni .testimoni{
    margin-top: 3px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 25px;
}
.widget-akses ul span{
    background: #a03717;
}
.widget-akses ul span {
    color: #fff;
    font-size: 11px;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 5px 7px;
    line-height: 100%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.title-section.terpopuler span{
    color: #E58079;
}
.title-section.testimoni span{
    color: #3ABDA7;
}
.widget-terpopuler ul.nav li.nav-item{
    width: 33.33333%;
}
.widget-terpopuler ul.nav li.midle{
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
}
.widget-terpopuler ul.nav li.nav-item a{
    font-family: "opensans-light";
    font-size: 12px;
    color: #B8B8B8;
}
.widget-terpopuler ul.nav li.nav-item a.active{
    background-color: unset !important;
    color: #0B7ABF;
}
.file-terpopuler{
    background-image: url(../image/icon/file.svg);
    position: absolute;
    top: 7px;
}
.file-terbaru{
    background-image: url(../image/icon/file-2.svg);
    position: absolute;
    top: 7px;
}
.widget-terbarulist ul.list-terbaru,.widget-akses ul.list-akses{
    margin: 20px 0 50px;
}
.widget-terpopuler .tab-content,
.widget-terbarulist ul.list-terbaru,
.widget-akses ul.list-akses{
    text-align: left;
}
.widget-terpopuler .tab-content .tab-pane a label,
.widget-terbarulist ul.list-terbaru label,
.widget-akses ul.list-akses label,
.widget-terbarulist ul.list-terbaru-2 label{
    font-family: "opensans-light";
    font-size: 14px;
    color: #333333;
    padding-left: 35px;
    cursor: pointer;
}
.widget-testimoni>div.testi{
    background-color: #ffffff;
    border: 1px solid #f5f5f5;
    border-radius: 15px;
    margin-bottom: 35px;
}
.widget-akses ul.list-akses label{
    padding-left: 0px !important;
}
.widget-terpopuler .tab-content .tab-pane a:hover label{
    color: #E58079;
}
.widget-terbarulist ul.list-terbaru a:hover label,.widget-akses ul.list-akses a:hover label{
    color: #3ABDA7;
}
.widget-terbarulist .title-section.terbaru,.widget-akses .title-section.akses{
    padding-top: 0;
}
ul.list-terpopuler,
.widget-terbarulist ul.list-terbaru,
.widget-akses ul.list-akses{
    padding: 0 25px;
}
ul.list-terpopuler-2,
.widget-terbarulist ul.list-terbaru-2{
    padding: 0;
}
.widget-terbarulist.v2 h1{
    border: 0 !important;
}
.widget-terbarulist ul.list-terbaru-2{
    margin-top: -10px;
    margin-bottom: 40px;
}
ul.list-terpopuler li,
.widget-terbarulist ul.list-terbaru li{
    position: relative;
    margin-bottom: 10px;
    height: 65px;
    overflow: hidden;
}
.widget-akses ul.list-akses li{
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
}
ul.list-terpopuler-2 li,
.widget-terbarulist ul.list-terbaru-2 li{
    position: relative;
    margin-bottom: 10px;
    height: 65px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 15px;
    padding: 0 25px;
    height: 105px;
}
.widget-inovasi{
    text-align: center;
    margin-top: 50px;
}
.widget-inovasi h1.title-section{
    color: #0B7ABF;
    margin-bottom: 20px;
}
.widget-inovasi h1.title-section span{
    color: #3ABDA7;
}
.inovasi-icon{
    background-image: url(../image/icon/play-small.svg);
    position: absolute;
    top: 7px;
}
.inovasi-icon-file{
    background-image: url(../image/icon/file-2.svg);
    position: absolute;
    top: 7px;
}
.widget-inovasi ul.inovasi-artikel{
    padding: 0;
}
.widget-inovasi .inovasi-artikel li{
    background-color: #ffffff;
    border: 1px solid #f5f5f5;
    border-radius: 15px;
    height: 105px;
    position: relative;
    margin-bottom: 15px;
    text-align: left;
}
ul.inovasi-artikel li .inovasi-highlight{
    padding: 0 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.highlight{
    padding: 0 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.inovasi-highlight a label{
    font-family: "opensans-light";
    font-size: 14px;
    color: #333333;
    padding-left: 35px;
    margin: 0;
    max-height: 63px;
    overflow: hidden;
    cursor: pointer;
}
.inovasi-highlight a label:hover{
    color: #3dbea6;
}
ul.inovasi-artikel li i.inovasi-icon,ul.inovasi-artikel li i.inovasi-icon-file{
    position: absolute;
    top: 50%;
    left: 0;
    margin-right: -50%;
    transform: translate(25px, -50%);
}

/* List data */
.category-title span{
    font-family: "gothic";
    font-size: 25px;
    letter-spacing: -1px;
    color: #555555;
    text-decoration: none;
    margin-left: 40px;
}
.search-result span{
    margin-left: 0 !important;
}
.category-title span label span{
    font-size: 20px;
    margin-left: 0;
}
.category-title a{
    text-decoration: none;
}
.category-title a img.back-left{
    position: absolute;
    top: 9px;
}
.category-title span label{
    font-size: 20px;
    color: #bbbbbb;
}
.search-result span label{
    font-size: 25px !important;
    color: #3dbea6 !important;
}
.left-content ul.list-article{
    margin: 15px 0 30px;
}
.left-content ul.list-article li{
    position: relative;
    background-color: #ffffff;
    border: 1px solid #f5f5f5;
    border-radius: 15px;
    min-height: 90px;
    margin-right: 0;
    margin-bottom: 15px;
}
.left-content ul.list-article li div a i.data-icon{
    position: absolute;
    top: 50%;
    left: 0;
    margin-right: -50%;
    transform: translate(25px, -50%);
}
.left-content ul.list-article li div a label{
    position: absolute;
    top: 50%;
    left: 0;
    margin-right: -50%;
    transform: translate(75px, -50%);
    height: auto;
    padding-left: 0;
    width: calc( 100% - 75px);
    padding-right: 30px;
    margin-bottom: 0;
    height: 42px;
    overflow: hidden;
    cursor: pointer;
}

/* Pagination */
nav.pagi{
    border: 0;
    text-align: center;
}
nav.pagi ul.pagination{
    display: inline-flex;
}
nav.pagi ul.pagination li:first-child{
    border-right: unset;
    padding-right: unset;
    margin-right: unset;
}
nav.pagi ul.pagination li a{
    height: 40px;
    width: 40px;
    background: none;
    border: 0;
    font-family: "opensans-light";
    font-size: 18px;
    color: #999999;
    background: transparent;
    border-radius: 7px;
    padding: 8px;
    outline: none;
    text-decoration: none;
    box-shadow: none;
}
nav.pagi ul.pagination li a.active{
    background: linear-gradient(90deg, #0B79BF 0%, #40BEA5 100%);
    color: #ffffff !important;
    /* font-family: "opensans-bold"; */
}

/* Footer */
.footer{
    background: linear-gradient(90deg, #0B79BF 0%, #40BEA5 100%);
    height: 70px;
    margin-top: 50px;
    text-align: center;
    width: 100%;
}
.footer label{
    font-family: "gothic";
    font-size: 13px;
    letter-spacing: -1px; 
    color: #ffffff;
    margin: 0;
    padding: 16px;
}
.footer label span{
    display: block;
}

/* back to top */
.to-top{
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 1080px;
    min-height: 1px;
    left: 50%;
    transform: translate(-50%, 0);
    transition: all .25s ease-in-out;
    cursor: pointer;
    /* background: #fff; */
}
.to-top.show{
    visibility: visible;
    opacity: 1;
}
.to-top.hide {
    visibility: hidden;
    opacity: 0;
  }

.top-link {
    transition: all .25s ease-in-out;
    /* position: fixed;
    top: -110px;
    right: 0; */
    position: fixed;
    bottom: 60px;
    right: 60px;
    display: block;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-radius: 50%;
    padding: .25em;
    text-decoration: none;
    outline: none;
    visibility: hidden;
  }
  .top-link.show {
    visibility: visible;
    opacity: 1;
  }
  .top-link.hide {
    visibility: hidden;
    opacity: 0;
  }
  .top-link img {
    margin: 5px 11px;
  }
  .top-link:hover {
    text-decoration: none;
    outline: none;
  }
  a.top-link div,
  a.top-link div:hover{
      color: #333;
      font-family: "opensans-regular";
      font-size: 12px;
      text-decoration: none;
      outline: none;
      text-align: center;
      padding-left: 2px;
  }
  nav{
    padding: 0 !important;
  }
  nav .bg-black{
      width: 100%;
      padding: 5px 15px;
  }
  .bg-black.empty{
      background: none;
      /* transition: .3s; */
      border-bottom: none;
  }
  .bg-black.ava{
      background: #141414;
      border-bottom: 1px solid #353535;
  }

  #search-result {
    position: absolute;
    background: #fff;
    list-style: none;
    min-width: 260px;
    font-size: 13px;
    top: 20px;
    left: 5px;
    margin: 0;
    padding: 10px 5px;
    border: 1px solid #d1d1d1;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    z-index: 9999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#search-result:before {
    border-color: transparent transparent #ccc;
    border-style: solid;
    border-width: 12px;
    content: "";
    height: 0;
    left: 40px;
    position: absolute;
    top: -25px;
    width: 0;   
}
#search-result:after {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 12px;
    content: "";
    height: 0;
    left: 40px;
    position: absolute;
    top: -24px;
    width: 0;
    z-index: 999;
}
#search-result li {
    margin:0;
}
#search-result li.standard a:before,
#search-result li.video a:before,
#search-result li.faq a:before {
    display: inline-block;
  font-family: FontAwesome;
  font-weight: normal;
    font-size: 16px;
    margin:0 10px 0 0;
    position: absolute;
  left: 10px;
}
#search-result li.standard a:before {
    content:"\f0f6";    
}
#search-result li.video a:before {
    content:"\f008";
    font-size: 12px;
}
#search-result li.faq a:before {
    content:"\f059";
}
#search-result li:last-child {
    margin:0;
}
#search-result a {
    display:block;
    color:#444;
    line-height: 1.4;
  padding: 5px 10px 5px 32px;
  position: relative;}
#search-result a:hover {
    text-decoration:none;
    background:#F5F5F5; 
    -moz-border-radius:99px;
    -webkit-border-radius:99px;
    border-radius:99px;
}
#search-result img {
    vertical-align:middle;
    margin:0 10px 0 0;
}
#search-result .nothing-here {
    padding:0 5px;  
}
#jquery-live-search {
    overflow:visible  !important;   
}

.label-pined-terbaru {
    position: absolute;
    letter-spacing: unset!important;
    font-size: 10px!important;
    text-transform: capitalize!important;
    color: #f8f9fa!important;
    padding: 6px 7px 7px 7px!important;
    top: 0!important;
    background: linear-gradient(90deg,#0d7ec0 0%,#25b6ac 100%)!important;
    border-radius: 10px 0!important;
    z-index: 1 !important;
}
.owl-item .col-md-12 a:hover > img,.list-article a:hover > img {
    filter:brightness(80%)!important;
}

.img-responsive {
        width: 100%;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.list-article>li>div>.col-sm-4>a>img {
    border-radius: 15px;
    height: 135px;
    object-fit: cover;
}
.list-article li>div:last-child {
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 15px !important;
    padding-bottom: 15px;
}
.list-article>li>.col-sm-8>h2 {
    margin-top: 30px;
}
.list-article li>div h2 a {
    font-family: "opensans-light";
    font-size: 22px;
    font-weight: 600;
    color: #000;
    display: block;
}
.description>.channel>a{
    color:#333!important;
    border:1px solid #8fd6cb;
    padding:2px 16px 2px 13px;
    font-family:"opensans-light";
    font-size:12px;text-transform:capitalize;
    margin:0 0 5px;white-space:pre-wrap;
    white-space:-moz-pre-wrap;white-space:-pre-wrap;
    white-space:-o-pre-wrap;word-wrap:break-word;
    background:0 0!important;border-radius:50px
}
.list-article>li>.col-sm-8>.description>div>.channel.small1>a{
    padding:4px 14px 2px
}
.list-article>li>.col-sm-8>.description>.channel {
    float: left;
    width: 75%;
    margin-right: 10px;
    position: absolute;
    top: 0;
}
.list-article>li>.col-sm-8>.description>.channel.width-list-market-small1>a {
    padding: 4px 14px 2px;
}   
.list-article li>div .description>.description {
    float: left;
    font-family: "opensans-light";
    font-weight: 500;
    font-size: 12px;
    color: #666;
}
/*Blink Content*/
.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@-moz-keyframes blinker { 
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@-webkit-keyframes blinker { 
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@keyframes blinker { 
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}