.advantages {
    background: #f4f4f4;
    /* var gray-light */
    padding: 30px 0;
    overflow: hidden;
}
#after-header .advantages,
#before-footer .advantages {
    padding: 30px 0;
}
.advantages .middle {
    padding: 0;
}
.advantages .box-main-top,
.advantages .top {
    margin-bottom: 15px;
    text-align: center;
}
.advantages-item {
    display: table;
} 
.advantages-item-image,
.advantages-item-text {
    display: table-cell;
    vertical-align: middle
}
.advantages-item-image {
    padding-right: 10px;
}
.advantages-item-text {
}
.advantages-item-title {
    font-size: 16px;
    line-height: 115%;
    font-weight: 600;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s; 
}
.advantages-item-title.bold {
    font-weight: 700;
}
.advantages-item-description {
    font-size: 12px;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}
.advantages-item-title+.advantages-item-description {
    margin-top: 0;
}
.advantages-item a:hover .advantages-item-title,
.advantages-item a:hover .advantages-item-description {
    color:#ea1616;
    /* var base */
}
.advantages-item a {
    text-decoration: none;
    cursor: pointer;
}
#after-header .advantages,
#before-footer .advantages {
    margin: 0;
}
.advantages+.pictureslider,
.advantages+script+.pictureslider{
    padding-top: 0;
}

/****************************************** 
  dark-style
******************************************/
.dark-style .advantages-item-image, 
.dark-style .advantages-item-text,
.dark-style .advantages-item-description {
 color: #ffffff;
  /* var text-color-light */   
}
.advantages-item-image img {
    -webkit-transition: all 400ms linear 0ms;
    -khtml-transition: all 400ms linear 0ms;
    -moz-transition: all 400ms linear 0ms;
    -ms-transition: all 400ms linear 0ms;
    -o-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms;
    cursor: pointer;
 }
.advantages-item-image img:hover {
    animation-name: element-animation-vertical;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
}
.advantages-item {
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
@keyframes element-animation-vertical {
  16.65% {
    transform: translateY(8px);
  }
  33.3% {
    transform: translateY(-6px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}