.hc-add { position: fixed; bottom: 60px; right: 10px; left: auto; background: #ffffff; padding: 15px 15px 10px 15px; border: 1px solid #039e06; max-width: 400px;
font-size: 12px; color: #666666; z-index: 1000; display: none; -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.07);
box-shadow: 1px 1px 3px rgba(0,0,0,0.07); }

.hc-add a { color: #339BEB; }

.hc-add a:hover { color: #339BEB; }

.hc-add .media { margin-top: 5px; }

.hc-add .hc-remove { position: absolute; top: 5px; right: 10px; font-weight: 300; cursor: pointer; color: #666666; }

.hc-add .hc-remove a { color: #666666; }

.hc-add .media-heading { margin-bottom: 0px; }

.hc-add .media-heading a { color: #333333; text-decoration: none; }

.hc-add .media-body p { margin-left: 20px;}

.hc-add .media-left img { max-width: 85px; }

.hc-add .ribbon { font-size: 14px; color: #ffffff; font-weight: 300; position: relative; z-index: 2; padding-top: 2px; top: -3px; font-weight: 700; }

.hc-add .ribbon:after { position: absolute; top: 0; left: -21px; height: 26px; background-color: #039e06; content: ""; width: 115px; z-index: -1;
border: 1px solid #549e03; border-left: none; }

.hc-add .ribbon:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 5px 7px 0; border-color: transparent #039e06 transparent transparent;
position: absolute; bottom: -10px; left: -21px; }

.dark-bg {
    /* background-color: #373737; */
    /* background-color: #1A91A1; */
    background-color: #1C74E9;
}

.textwhite{
	color: #ffffff;
}

.overlay-container {
    position: relative;
    display: block;
    text-align: center;
    overflow: hidden;
}

.overlay-link {
    position: absolute;
    z-index: 10;
    top: 0;
    padding: 15px;
    bottom: 0px;
    left: 0;
    right: 0px;
    background-color: rgba(30, 30, 30, 0.5);
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease-in-out 0.25s;
    -o-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
    color: #ffffff;
}

.listing-item .overlay-container .badge {
    border: 1px solid #09afdf;
    background-color: rgba(255, 255, 255, 0.95);
    color: #09afdf;
}

.listing-item .overlay-container .badge {
    position: absolute;
    border: 1px solid #09afdf;
    background-color: rgba(255, 255, 255, 0.95);
    color: #09afdf;
    font-weight: 400;
    padding: 4px;
    top: 10px;
    right: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}


.overlay-bottom.links, .overlay-to-top.links {
    z-index: 11;
}

.listing-item .overlay-to-top {
    padding: 10px 0 !important;
}

.overlay-to-top {
    position: absolute;
    top: auto;
    padding: 10px;
    bottom: -30px;
    left: 0;
    right: 0px;
    background-color: rgba(30, 30, 30, 0.5);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease-in-out 0.25s;
    -o-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
    color: #ffffff;
}

.listing-item .body {
    padding: 15px;
}

.listing-item .elements-list {
    font-size: 12px;
}

.bordered {
    border: 1px solid #f1f1f1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.mb-20 {
    margin-bottom: 20px;
}

.white-bg {
    background-color: #ffffff;
}

.overlay-link i:hover {
    background-color: #ffffff;
    color: #777777;
}