.harislivdaycard .orange-bg {
  background: #ebb551;
}

.harislivdaycard .orange-text {
  color: #f46320;
}

.harislivdaycard .dblue-bg {
  background: #5a797e;
}

.harislivdaycard .dblue-text {
  color: #6dbcc3;
}

.harislivdaycard .red-bg {
  background: #c62642;
}

.harislivdaycard .red-text {
  color: #7b132a;
}

.harislivdaycard .blue-bg {
  background: #337ab7;
}

.harislivdaycard .blue-text {
  color: #337ab7;
}

.harislivdaycard .shadow {
  box-shadow: 1px 1px 4px 3px rgba(0, 0, 0, 0.1), 3px 6px 10px 5px rgba(0, 0, 0, 0.1);
}

.harislivdaycard .info {
width: 90%;
min-height: 140px;
  background: #e5e5e5;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 30px;
}

.harislivdaycard .info:after {
  content: "";
  width: 80px;
      height: 149px;
    margin-top: -150px;
  float: right;
  border-left: 2px dotted #999;
  background: rgb(229, 229, 229);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}

.harislivdaycard .block {
  width: 120px;
  height: 140px;
  text-align: center;
  margin-bottom: 0px!important;
}

.harislivdaycard .letter {
  width: 100%;
  height: 100%;
  font-size: 100px;
  line-height: 140px;
  position: aboslute;
  color:lightskyblue;
  float: left;
}

.harislivdaycard .arrow {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  margin-left: 120px;
  margin-top: 45px;
}

.harislivdaycard .orange-arrow {
  border-left: 25px solid #ebb551;
}

.harislivdaycard .dblue-arrow {
  border-left: 25px solid #5a797e;
}

.harislivdaycard .red-arrow {
  border-left: 25px solid #c62642;
}

.harislivdaycard .blue-arrow {
  border-left: 25px solid #337ab7;
}

.harislivdaycard .text {
  position: absolute;
  padding-left: 165px;
width: 75%;
text-align: justify;
  min-height: 100px;
}

.harislivdaycard .text h4 {
font-size:1.8em;
  padding-bottom: 5px;
  border-bottom: 2px solid #c0c1c3;
}

.harislivdaycard .text p {
  margin-top: -15px;
  font-size: 12px;
}

.harislivdaycard .theme-list li{
    padding:0;
}

.harislivdaycard .theme-list {
    font-size: 1.4em;
}

p.blue-p {
    position: absolute;
    bottom: 20px;
    left: 5.3%;
    letter-spacing: 2px;
    font-weight: 400;
    color:lightskyblue;
}

p.blue-top {
    position: absolute;
    top: 5px;
    left: 5.3%;
    letter-spacing: 2px;
    font-weight: 400;
    color:lightskyblue;
}


a.mainbtn.middle {
    position: absolute;
    top: 33px;
    }