body {
}

h2 {
    color: #000;
    line-height: 150%;
}

.card {
    padding: 40px 50px;
}

.card p {
    color: #02a79c;
}
.card.card-dragdrop p:hover {
    color: #ffffff;
}

.welcomescreen .btn.btn-primary {
    display: block;
}
.btn.btn-primary {
    background-color: #bf1818;
}

#header, #slideContainerOverflow:before {
    background: none;
}

#header #headerInner {
    padding: 0;
}

#footer {
    background: #00A79D;
    border: none;
}

#footerContent p {
    color: #d1f1f6;
    font-size: 10px;
}

#footerContent span {
    color: #fff;
}

#progressBar #progress {
    display: none;
}

.table p {
    color: #000;
}


/* Money bag */

.money-bag-image {
    background: url(money-bag.png) center center no-repeat;
    background-size: 10%;
    height: 40vh;
    transition: background-size .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: background-size .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: background-size .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: background-size .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition: background-size .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.money-counter {
    color: #02a79c;
    text-align: center;
}

.money-bag-container .scale-0 {
    background-size: 5%;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.money-bag-container .scale-5 {
    background-size: 10%;
}

.money-bag-container .scale-10 {
    background-size: 12.5%;
}

.money-bag-container .scale-15 {
    background-size: 15%;
}

.money-bag-container .scale-20 {
    background-size: 20%;
}

.money-bag-container .scale-25 {
    background-size: 25%;
}

.money-bag-container .scale-30 {
    background-size: 30%;
}

.money-bag-container .scale-35 {
    background-size: 35%;
}

.money-bag-container .scale-40 {
    background-size: 40%;
}

.money-bag-container .scale-45 {
    background-size: 45%;
}

.money-bag-container .scale-50 {
    background-size: 50%;
}

.money-bag-container .scale-55 {
    background-size: 55%;
}

.money-bag-container .scale-60 {
    background-size: 60%;
}

.robber-image {
    background: url(robber.png) left center no-repeat;
    background-size: contain;
    height: 10vh;
    margin-top: 15vh;
}

.mobile .robber-image {
  background: url(robber.png) center center no-repeat;
  background-size: contain;
  margin-top: 5vh;
}

.ratingRow p {
  color: #000;
  font-weight: bold;
}

#pointer {
    background: url('pointer.png') center center no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;
    position: fixed;
    top: 87%;
    left: 10%;
    z-index: 1000;
}
#pointer.click {
    width: 95px;
    height: 95px;
}
#pointer.like {
    background: url('pointer-love.png') center center no-repeat;
    background-size: contain;
}
#pointer.dislike {
    background: url('pointer-hate.png') center center no-repeat;
    background-size: contain;
}
#footerContent p {
    color: #92CDCF;
}
#footerContent p span {
    color: #445878;
}
.marvin textarea {
    color: transparent !important;
    transition: all 1s ease-in;
}
.marvin textarea.complete {
    color: #445878 !important;
}
@-webkit-keyframes slidetounlock {
    0% {
        background-position: -720px 0;
    }
    100% {
        background-position: 720px 0;
    }
}
/* for some reason opacity was alternating at start of Marvin */
.starsContainer .ratingRow .category-holder-container ul li.category-holder.hover img+img {
    opacity: 0;
}
.starsContainer .ratingRow .category-holder-container ul li.category-holder.hover img, .starsContainer .ratingRow .category-holder-container ul li.category-holder.active img {
    opacity: 1;
}