.dbox {
    position: relative;
    background: rgb(255, 86, 65);
    background: -moz-linear-gradient(top, rgba(255, 86, 65, 1) 0%, rgba(253, 50, 97, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 86, 65, 1) 0%, rgba(253, 50, 97, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 86, 65, 1) 0%, rgba(253, 50, 97, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff5641', endColorstr='#fd3261', GradientType=0);
    border-radius: 4px;
    text-align: center;
    /*margin: 60px 0 50px;*/
}
.dbox2 {
    position: relative;
    background: rgb(255, 86, 65);
    background: -moz-linear-gradient(top, rgba(255, 86, 65, 1) 0%, rgba(253, 50, 97, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 86, 65, 1) 0%, rgba(253, 50, 97, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 86, 65, 1) 0%, rgba(253, 50, 97, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff5641', endColorstr='#fd3261', GradientType=0);
    border-radius: 4px;
    text-align: center;
    /*height: 92px;*/
    /*margin: 60px 0 50px;*/
}
.dbox__icon {
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
}
.dbox__icon:before {
    width: 75px;
    height: 75px;
    position: absolute;
    background: #fda299;
    background: rgba(253, 162, 153, 0.34);
    content: '';
    border-radius: 50%;
    left: -17px;
    top: -17px;
    z-index: -2;
}
.dbox__icon:after {
    width: 60px;
    height: 60px;
    position: absolute;
    background: #f79489;
    background: rgba(247, 148, 137, 0.91);
    content: '';
    border-radius: 50%;
    left: -10px;
    top: -10px;
    z-index: -1;
}
.dbox__icon > i {
    background: #ff5444;
    border-radius: 50%;
    line-height: 40px;
    color: #FFF;
    width: 40px;
    height: 40px;
	font-size:22px;
}
.dbox__body {
    /*padding: 50px 20px;*/
    padding: 7px 5px;
}
.dbox2__body {
    /*padding: 50px 20px;*/
    /*padding: 21px 5px;*/
    padding: 13px 5px;
}
.dbox__title {
    font-size: 13px;
    color: #FFF;
    color: rgba(255, 255, 255, 0.81);
}

.dbox__title__black {
    font-size: 13px;
    color: #000;
    color: rgba(0, 0, 0, 0.81);
}

.dbox__count {
    display: block;
    font-size: 1rem;
    color: #FFF;
    font-weight: 300;
    font-weight: bold;
}

.dbox__count__black {
    display: block;
    font-size: 1rem;
    color: #000;
    font-weight: 300;
    font-weight: bold;
}
.dbox__currency {
    display: block;
    font-size: 1.5rem;
    color: #FFF;
    font-weight: 300;
    font-weight: bold;
}
.dbox__description {
    font-size: 12px;
    color: #FFF;
    color: rgba(255, 255, 255, 0.81);
}
.dbox__action {
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    left: 50%;
}
.dbox__action__btn {
    border: none;
    background: #FFF;
    border-radius: 19px;
    padding: 7px 16px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: .5px;
    color: #003e85;
    box-shadow: 0 3px 5px #d4d4d4;
}


.dbox--gradient-2 {
    background: rgb(252, 190, 27);
    background: -moz-linear-gradient(top, rgba(252, 190, 27, 1) 1%, rgba(248, 86, 72, 1) 99%);
    background: -webkit-linear-gradient(top, rgba(252, 190, 27, 1) 1%, rgba(248, 86, 72, 1) 99%);
    background: linear-gradient(to bottom, rgba(252, 190, 27, 1) 1%, rgba(248, 86, 72, 1) 99%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcbe1b', endColorstr='#f85648', GradientType=0);
}
.dbox--gradient-2 .dbox__icon:after {
    background: #fee036;
    background: rgba(254, 224, 54, 0.81);
}
.dbox--gradient-2 .dbox__icon:before {
    background: #fee036;
    background: rgba(254, 224, 54, 0.64);
}
.dbox--gradient-2 .dbox__icon > i {
    background: #fb9f28;
}

.dbox--gradient-3 {
    background: rgb(183,71,247);
    background: -moz-linear-gradient(top, rgba(183,71,247,1) 0%, rgba(108,83,220,1) 100%);
    background: -webkit-linear-gradient(top, rgba(183,71,247,1) 0%,rgba(108,83,220,1) 100%);
    background: linear-gradient(to bottom, rgba(183,71,247,1) 0%,rgba(108,83,220,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b747f7', endColorstr='#6c53dc',GradientType=0 );
}
.dbox--gradient-3 .dbox__icon:after {
    background: #b446f5;
    background: rgba(180, 70, 245, 0.76);
}
.dbox--gradient-3 .dbox__icon:before {
    background: #e284ff;
    background: rgba(226, 132, 255, 0.66);
}
.dbox--gradient-3 .dbox__icon > i {
    background: #8150e4;
}

.dbox--gradient-4 {
    background: rgb(78, 67, 118);
    background: -moz-linear-gradient(top, rgba(78, 67, 118,1) 0%, rgba(56, 2, 250,1) 100%);
    background: -webkit-linear-gradient(top, rgba(78, 67, 118,1) 0%,rgba(56, 2, 250,1) 100%);
    background: linear-gradient(to bottom, rgba(78, 67, 118,1) 0%,rgba(56, 2, 250),1) 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b747f7', endColorstr='#6c53dc',GradientType=0 );*/
}

.dbox--color-1 {
    background: #9B649B;
}

.dbox--color-2 {
    background: #E5584F;
}
.dbox--color-3 {
    background: #FF8B00;
}
.dbox--color-4 {
    background: #51b5f0;
}

.dbox--color-default {
    background: #E6E6E6;
}

.padding-10 {
    padding: 0 0 8px 0;
}


/* ================================================= */
#dock-container {
    position: fixed;
    bottom: 0;
    text-align: center;
    right: 10%;
    left: 10%;
    width: 80%;
    background: rgba(255,255,255,0.2);
    border-radius: 10px 10px 0 0;
}
#dock-container li {
    list-style-type: none;
    display: inline-block;
    position: relative;
}
#dock-container li img {
  /*width: 64px;
  height: 64px;*/
  width: 4vw;
  height: auto;
  -webkit-box-reflect: below 2px
            -webkit-gradient(linear, left top, left bottom, from(transparent),
            color-stop(0.7, transparent), to(rgba(255,255,255,.5)));
  -webkit-transition: all 0.3s;
  -webkit-transform-origin: 50% 100%;
}
#dock-container li:hover img { 
  -webkit-transform: scale(2);
  margin: 0 2em;
}
#dock-container li:hover + li img,
#dock-container li.prev img {
  -webkit-transform: scale(1.5);
  margin: 0 1.5em;
}
#dock-container li span {
    display: none;
    position: absolute;
    bottom: 140px;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.75);
    padding: 4px 0;
    border-radius: 12px;
}
#dock-container li:hover span {
    display: block;
    color: #fff;
}