.ul-un{list-style:none; margin:0px; padding:0px}

.ul-un li{border-bottom:solid 1px #ededed; margin-bottom:7px}



del{color:red}



.gt {

     padding: .84rem 2.14rem;

}





.card .ribbon {

  width: 40px;

  top: 0;

  margin-left: 6px;

  position: absolute;

overflow: inherit!important;
background-color:#000!important;
height:75px!important;

}



.card .ribbon:before {

  content: "";

  position: absolute;

  bottom: -34px;

  left: 0;

  width: 0;

  height: 0;

  border-top: 35px solid #b92322;

  border-right: 35px solid transparent;

}

.card .ribbon:after {

  content: "";

  position: absolute;

  bottom: -34px;

  right: 0;

  width: 0;

  height: 0;

  border-top: 35px solid #b92322;

  border-left: 35px solid transparent;

}

.card .ribbon .base {

  width: 40px;

  padding-top: 10px;

  background: #b92322;

  position: relative;

}

.card .ribbon .base:before {

  content: '';

  position: absolute;

  top: 10px;

  width: 31px;

  left: 5px;

  height: 100%;

  border-left: 1px dashed #da5050;

  border-right: 1px dashed #da5050;

  z-index: 2;

}

.card .ribbon .base:after {

  content: '';

  position: absolute;

  top: 10px;

  width: 31px;

  left: 4px;

  height: 100%;

  border-left: 1px dashed #631a15;

  border-right: 1px dashed #631a15;

  z-index: 2;

}

.card .ribbon.top-right { right: 10px; }

.card .ribbon .base span { display: block; padding: 3px 0 0 12px; font-size: 15px; color: #ffc73f;}



.card .ribbon.rotate-left-top, .ribbon.rotate-left-bottom { transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); left: 10px; }

.card .ribbon.rotate-left-top .fa-star, .ribbon.rotate-left-bottom .fa-star { transform: rotate(18deg); -webkit-transform: rotate(18deg); -moz-transform: rotate(18deg);}

.card .ribbon.rotate-left-bottom { top: 70%; }



.ribbon.rotate-right-top, .ribbon.rotate-right-bottom { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); right: 17px; }



/*************  Blue bBackground  *************/

.ribbon.bg-blue .base { background-color: #13a4f9; }

.ribbon.bg-blue:before, .ribbon.bg-blue:after { border-top-color: #13a4f9; }

.ribbon.bg-blue .base:before { border-color: #53aff9; }

.ribbon.bg-blue .base:after { border-color: #2380b7; }



/************* Dark Background  ***********/

.ribbon.bg-dark .base { background-color: #000; }

.ribbon.bg-dark:before, .ribbon.bg-dark:after { border-top-color: #000; }

.ribbon.bg-dark .base:before { border-color: #000; }

.ribbon.bg-dark .base:after { border-color: #4f5050; }



/************* Purple Background  ***********/

.ribbon.bg-purple .base { background-color: #9A12B3; }

.ribbon.bg-purple:before, .ribbon.bg-purple:after { border-top-color: #9A12B3; }

.ribbon.bg-purple .base:before { border-color: #d300f9; }

.ribbon.bg-purple .base:after { border-color: #570567; }



/************* Yellow Background  ***********/

.ribbon.bg-yellow .base { background-color: #f39c11; }

.ribbon.bg-yellow:before, .ribbon.bg-yellow:after { border-top-color: #f39c11; }

.ribbon.bg-yellow .base:before { border-color: #f9c46e; }

.ribbon.bg-yellow .base:after { border-color: #885402; }

.ribbon.bg-yellow .fa-star { color: #fff; }: