/************************* Index page custom css v1 *************************/

.hero_single.version_2:before {
    background: url("/static/images/home_section_1.jpg") center center no-repeat fixed;
    -webkit-background-size: cover;
}

.img-404{
    width:100px;
}

.error-red{
    color:red;
    font-size:12px
}

.avatar-image{
    width:150px; height:150px
}

.li-active{
    background-color:#999;
    padding: 4px 20px !important;
}

.li-active > span > a{
    color:#fff;

}

#img-upload{
    width:100%;
    height:auto;
}

#hero_in.courses:before{
    background :url("/static/images/bg_courses.jpg") center center no-repeat fixed
}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.box_grid a.wish_bt_fill:after {
    font-family: 'ElegantIcons';
    content: "\e089" !important;
}