.add_to_collection div#collections{
	display:none;
}

.add_to_collection.opened div#collections{
	display:block;
}

div#collections > ul>li {
    list-style: none;
}div#collections > ul{padding-left:0 !important;}
div#collections>ul>li {
    cursor: pointer;
    padding: 8px 15px;
    margin-left: 0;
    display:flex;
    align-items: flex-start;
    justify-content: space-between;
}
div#collections>ul>li.selected{
	background:var(--primary);
	color:var(--primarycolor);
}

div#collections>ul>li:hover{color:var(--primary);}
div#collections>ul>li:after{
	content:"\e61a";
	font-family:vicon;
}
div#collections>ul>li.selected:after{
	content:"\e622";
}
div#collections {position:absolute;
left:0;bottom:100%;background:#fff;width:100%;border-radius:5px 5px 0 0;
color:#222;}

.block_media {
    position: relative;
}
.course_wishlist {position: absolute;top: 0.5rem;right: 0.5rem;}
.course_wishlist>span,.course_wishlist_block>span{
    margin:0 0.2rem;
    font-size:1rem;
    font-weight:900;
    cursor:pointer;
    color: #ffffff;

}

.course_wishlist .add_to_collection div#collections,.course_wishlist_block .add_to_collection div#collections{
    min-width: 200px;
    left: auto;
    right: 0;
    bottom: auto;
    top: 100%;
    max-height: 250px;
    overflow-y: auto;
        text-shadow: none;
}

.add_to_wishlist {
    position:relative;
    transition:all 0.5s;
    z-index:1;
}
.added_in_wishlist:not(.button){
    color: #ff7575 !important;
}


.add_to_wishlist:after {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  content: '';animation-timing-function: cubic-bezier(.21, .61, .35, 1);
}

.added_in_wishlist:after {
  margin: -0.1875rem;
  width: 0.375rem;
  height: 0.375rem;
  transition:all 0.5s;
  opacity:0;
  box-shadow: 0.32476rem -3rem 0 -0.1875rem #ff8080, -0.32476rem -2.625rem 0 -0.1875rem #ffed80, 2.54798rem -1.61656rem 0 -0.1875rem #ffed80, 1.84982rem -1.89057rem 0 -0.1875rem #a4ff80, 2.85252rem 0.98418rem 0 -0.1875rem #a4ff80, 2.63145rem 0.2675rem 0 -0.1875rem #80ffc8, 1.00905rem 2.84381rem 0 -0.1875rem #80ffc8, 1.43154rem 2.22414rem 0 -0.1875rem #80c8ff, -1.59425rem 2.562rem 0 -0.1875rem #80c8ff, -0.84635rem 2.50595rem 0 -0.1875rem #a480ff, -2.99705rem 0.35095rem 0 -0.1875rem #a480ff, -2.48692rem 0.90073rem 0 -0.1875rem #ff80ed, -2.14301rem -2.12438rem 0 -0.1875rem #ff80ed, -2.25479rem -1.38275rem 0 -0.1875rem #ff8080;
}



.added_in_wishlist:after{
      will-change: opacity, box-shadow;
      -webkit-animation-name: sparkles;
      animation-name: sparkles;
      content:'';
      width: 10px;
      height: 10px;
}




@keyframes sparkles {
  0%, 20% {
    opacity: 0;
  }
  25% {
    opacity: 1;z-index:99;
    box-shadow: 0.32476rem -2.4375rem 0 0rem #ff8080, -0.32476rem -2.0625rem 0 0rem #ffed80, 2.1082rem -1.26585rem 0 0rem #ffed80, 1.41004rem -1.53985rem 0 0rem #a4ff80, 2.30412rem 0.85901rem 0 0rem #a4ff80, 2.08305rem 0.14233rem 0 0rem #80ffc8, 0.76499rem 2.33702rem 0 0rem #80ffc8, 1.18748rem 1.71734rem 0 0rem #80c8ff, -1.35019rem 2.0552rem 0 0rem #80c8ff, -0.60229rem 1.99916rem 0 0rem #a480ff, -2.44865rem 0.22578rem 0 0rem #a480ff, -1.93852rem 0.77557rem 0 0rem #ff80ed, -1.70323rem -1.77366rem 0 0rem #ff80ed, -1.81501rem -1.03204rem 0 0rem #ff8080;
  }
  100%{opacity:0;}
}