/* slide right oval */

.animation_element:before,
.animation_element:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/*clearfixes*/

.featured_container {
  position: relative;
  width:100%;
  text-align:center;
  margin-top:50px;
}

.featured {
  margin: 0 auto;
  position: relative;
  padding: 20px;
  width:auto;
  display:inline-block;
}
/*animation element*/

.animation_element {
  opacity: 0.3;
  position: relative;
}
/*animation element sliding left*/

.animation_element.slide_left {
  opacity: 0.3;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation_element.slide_left.in_view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
/*animation slide left styled for featured_items*/

.featured_item {
  float: left;
  width: 230px;
  background: url("../../../design_images/img0100.png") repeat;/* #F5F5F5;*/
  padding: 20px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  border: solid 1px #EAEAEA;
  color:#444;
}
.featured_item:hover,
.featured_item:active{
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}
.featured_item a{
  text-decoration:none;
  color:#444;
}

.featured_header{
  float: left;
  width: 100%;
  margin: 0px;
}
.featured_title{
  margin:auto;
  height:auto;
  line-height:130%;
  font-size: 28px;
  padding:10px;
}

.featured_img img{
  width: 200px;
  border-radius: 50%;
  box-shadow: 0px 1px 3px rgba(51, 51, 51, 0.5);
}

.featured_content {
  /*float: left;*/
  margin-bottom: 10px;
  text-align:center;
  line-height:120%;
  font-size: 16px;
  padding:10px;
}

/*media queries for small devices*/
@media screen and (max-width: 678px){
/*.featured {
  width:100%;
  padding:20px 0;
}*/
  /*featured_descriptions*/
/*  .featured_item
{
    width: 70%;
    margin: 0px auto 20px 10%;
  }*/
}