ul {
  list-style-type: none;
}

.accordion .etitle {
  opacity: .4;
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}

.accordion .etitle:hover {
  opacity: 1;
}

.accordion {
  width: 100%;
  max-width: 700px;
  margin: 1px 35px;
  border-radius: 0px;
}

.accordion .etitle {
  display: block;
  padding: 10px 1px 5px 42px;
  color: #1a1a1a;
  font-size: 36px;
  font-weight: 200;
  position: relative;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li:last-child .etitle {
  border-bottom: 0;
}

.accordion li i {
  position: absolute;
  top: 26px;
  left: 1px;
  font-size: 22px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li.i fa-circle-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.accordion li.open .etitle {
  color: #85a0ab;
}

.accordion li.open i {
  color: #85a0ab;
}

.accordion li.open i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.submenu {
  display: none;
  font-size: 18px;
  text-align: left;
  padding-top: 0%;
  padding-bottom: 2%;
}

.submenu li {
  border-bottom: 1px solid #4b4a5e;
}

.roasterimg {
  position: relative;
  display: inline-block;
  margin-left: auto;
}

.fullmachine {
  cursor: pointer;
}

#CoffeeCup {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

#Portafilter {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

@-webkit-keyframes cupmove {
  0% {
    -webkit-transform: translateY(30%);
            transform: translateY(30%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes cupmove {
  0% {
    -webkit-transform: translateY(30%);
            transform: translateY(30%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

.fullmachine:hover #CoffeeCup {
  -webkit-animation: cupmove 1.5s ease;
          animation: cupmove 1.5s ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes pour {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(39.8%);
            transform: translateY(39.8%);
  }
}

@keyframes pour {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(39.8%);
            transform: translateY(39.8%);
  }
}

#CoffeeDroplets {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

#CoffeeDroplets.active {
  -webkit-animation: pour 2s ease-in;
          animation: pour 2s ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 550ms;
          animation-delay: 550ms;
}

@-webkit-keyframes beanmove {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(8%);
            transform: translateY(8%);
  }
}

@keyframes beanmove {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(8%);
            transform: translateY(8%);
  }
}

#CoffeeBeans {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

#CoffeeBeans.active {
  -webkit-animation: beanmove 2s ease-in;
          animation: beanmove 2s ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms;
}

@-webkit-keyframes portamove {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes portamove {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

.fullmachine:hover #Portafilter {
  -webkit-animation: portamove 1s ease;
          animation: portamove 1s ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}

#Switch {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  -webkit-transition: all .5s;
  transition: all .5s;
}

#Switch.active {
  -webkit-transform: translateX(5.5%);
          transform: translateX(5.5%);
}

.machineprompt {
  text-align: center;
  font-weight: 500;
}
/*# sourceMappingURL=whatsondropdown.css.map */