








section#features_dashboard img {
    margin-top: 10px;
}

section#features_dashboard .media > .pull-right {
  margin-left: 20px;
}
section#features_dashboard .media i.fa {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  padding: 20px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  width: 2.6em;
  text-align: center;
}
section#features_dashboard .media .media-heading {
  padding-top: 10px;
  font-weight: 300;
}
section#features_dashboard .media .media-body {
  color: #999999;
}
section#features_dashboard .media.media-left .media-body {
  text-align: right;
}
section#features_dashboard .media.feature {
  margin-top: 25px;
}
section#features_dashboard .media.feature:first-child {
  margin-top: 0;
}
/*
section#features_dashboard img {
  margin: 0 auto 20px;
}*/

section#features_dashboard {
  background: white;
}

section#screens {
  background: #f6f6f6;
}

section#features_dashboard header h1:after {
  background: #7DACC1;
}
section#features_dashboard .media i.fa {
    border: 2px solid #80AFC5;
    color: #7EADC2;
}
section#features_dashboard .media:hover i.fa {
color: #ffffff;
    background: #7DACC1;
}
section#features_dashboard .media:hover h3 {
  color: #7DACC1;
}
section#features_dashboard .media.active i.fa {
color: #ffffff;
    background: #7DACC1;
}
section#features_dashboard .media.active .media-heading {
  color: #7DACC1;
}

#features_dashboard_images {
    position:relative;
    height:281px;
    width:450px;
    margin:0 auto;
    margin-left: 130px;
    margin-top: 30px;
}

#features_dashboard_images img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}


@keyframes cf3FadeInOut {
    0% {
    opacity:1;
    }
    45% {
    opacity:1;
    }
    55% {
    opacity:0;
    }
    100% {
    opacity:0;
    }
}

#features_dashboard_images img.top {
    animation-name: cf3FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 6s;
    animation-direction: alternate;
}