.training-machine-list .search-container {
  padding-bottom: 0;
  margin-bottom: 0;
  text-align: center;
  line-height: 34px; }
  .training-machine-list .search-container label {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px; }
  .training-machine-list .search-container input, .training-machine-list .search-container select {
    margin-bottom: 0; }
  .training-machine-list .search-container div {
    display: inline-block; }
  .training-machine-list .search-container .ui-slider {
    width: 150px;
    margin: 0 10px;
    vertical-align: middle; }
.training-machine-list .list h3, .training-machine-list .list h4 {
  clear: both; }
.training-machine-list .list .level {
  text-align: center;
  clear: both;
  color: #999;
  font-size: 16px;
  background: #eee;
  padding: 5px;
  margin: 40px 0 10px 0; }
  .training-machine-list .list .level:first-child {
    margin-top: 0; }
.training-machine-list .list .machine {
  -webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.2);
  display: inline-block;
  vertical-align: top;
  margin: 10px;
  width: 200px;
  min-height: 130px;
  background: white;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  border-radius: 3px; }
  .training-machine-list .list .machine .top-icon {
    text-align: center;
    padding: 5px;
    border-radius: 3px 3px 0 0; }
    .training-machine-list .list .machine .top-icon .lvl {
      width: 0;
      float: left;
      font-weight: bold;
      font-size: 10px; }
    .training-machine-list .list .machine .top-icon .icon-info-sign {
      float: right; }
    .training-machine-list .list .machine .top-icon.blue {
      background: #049cdb; }
    .training-machine-list .list .machine .top-icon.blueDark {
      background: #0064cd; }
    .training-machine-list .list .machine .top-icon.green {
      background: #46a546; }
    .training-machine-list .list .machine .top-icon.red {
      background: #9d261d; }
    .training-machine-list .list .machine .top-icon.yellow {
      background: #ffc40d; }
    .training-machine-list .list .machine .top-icon.orange {
      background: #f89406; }
    .training-machine-list .list .machine .top-icon.pink {
      background: #c3325f; }
    .training-machine-list .list .machine .top-icon.purple {
      background: #7a43b6; }
  .training-machine-list .list .machine .image {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    height: 200px;
    background: #222;
    text-align: center;
    cursor: pointer; }
    .training-machine-list .list .machine .image .image-play {
      width: 70px;
      margin-top: 63px;
      opacity: 0.7; }
  .training-machine-list .list .machine .audio-title {
    font-weight: bold;
    margin: 0 10px;
    text-align: center; }
  .training-machine-list .list .machine .author {
    color: #999;
    margin: 0 10px;
    text-align: right; }
  .training-machine-list .list .machine .lessons-count {
    color: #999;
    float: left;
    margin-left: 10px; }
  .training-machine-list .list .machine .description {
    margin: 10px 10px 10px 10px;
    color: #555;
    height: 126px;
    overflow: auto; }
  .training-machine-list .list .machine .btn-large {
    display: block;
    margin: 0 10px 10px 10px;
    min-width: 200px; }
@media (max-width: 480px) {
  .training-machine-list .list .machine {
    width: 100%; } }
@media (min-width: 480px) and (max-width: 768px) {
  .training-machine-list .list .machine {
    width: 100%; } }
@media (min-width: 768px) and (max-width: 1200px) {
  .training-machine-list .list .machine {
    width: 43.7%;
    margin: 3%; } }
@media (min-width: 1200px) {
  .training-machine-list .list .machine {
    width: 29%;
    margin: 2%; } }
@media (min-width: 1664px) {
  .training-machine-list .list .machine {
    width: 20.8%;
    margin: 2%; } }

/*# sourceMappingURL=tmp1WzKPm.css.map */