ol.message_list {
  position: relative;
}
body div#full_content div.cs-item {
  /*border: 1px solid @item-background;*/
  float: left;
  width: 310px;
  display: inline-block;
  margin: 10px;
  cursor: pointer;
  padding: 20px;
  background-color: white;
  -webkit-transition: background-color 0.6s ease-out;
  -moz-transition: background-color 0.6s ease-out;
  -o-transition: background-color 0.6s ease-out;
  transition: background-color 0.6s ease-out;
}
body div#full_content div.cs-item div.cs-icon-container-container {
  text-align: center;
}
body div#full_content div.cs-item div.cs-icon-container-container .cs-icon-container {
  color: white;
  display: inline-block;
  margin-left: 0 auto;
  margin-right: 0 auto;
  width: 150px;
  height: 150px;
  background-color: #00b2c0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 75px;
  -webkit-transition: background-color 0.6s ease-out;
  -moz-transition: background-color 0.6s ease-out;
  -o-transition: background-color 0.6s ease-out;
  transition: background-color 0.6s ease-out;
}
body div#full_content div.cs-item div.cs-icon-container-container .cs-icon-container i.fa {
  margin-top: 50px;
  -webkit-transition: color 0.6s ease-out;
  -moz-transition: color 0.6s ease-out;
  -o-transition: color 0.6s ease-out;
  transition: color 0.6s ease-out;
}
body div#full_content div.cs-item div.cs-item-content {
  text-align: center;
}
body div#full_content div.cs-item div.cs-item-content div.cs-hidden-content {
  display: none;
  margin-top: 30px;
  overflow: hidden;
  width: 310px;
  color: white;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: -ms-filter 0.6s ease-out;
  -moz-transition: -ms-filter 0.6s ease-out;
  -o-transition: -ms-filter 0.6s ease-out;
  transition: -ms-filter 0.6s ease-out;
  -webkit-transition: filter 0.6s ease-out;
  -moz-transition: filter 0.6s ease-out;
  -o-transition: filter 0.6s ease-out;
  transition: filter 0.6s ease-out;
  -webkit-transition: -moz-opacity 0.6s ease-out;
  -moz-transition: -moz-opacity 0.6s ease-out;
  -o-transition: -moz-opacity 0.6s ease-out;
  transition: -moz-opacity 0.6s ease-out;
  -webkit-transition: -khtml-opacity 0.6s ease-out;
  -moz-transition: -khtml-opacity 0.6s ease-out;
  -o-transition: -khtml-opacity 0.6s ease-out;
  transition: -khtml-opacity 0.6s ease-out;
  -webkit-transition: opacity 0.6s ease-out;
  -moz-transition: opacity 0.6s ease-out;
  -o-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
}
body div#full_content div.cs-item div.cs-item-content div.cs-hidden-content h2 {
  background-color: #005581;
  color: white;
  font-weight: bold;
  line-height: 30px;
  margin: 17px 0px 15px !important;
}
body div#full_content div.cs-item div.cs-item-content div.cs-hidden-content p.cs-hidden-project {
  color: white;
  display: none;
  width: 310px;
}
body div#full_content div.cs-item div.cs-item-content div.cs-item-title {
  color: #a0a0a0;
  font-weight: bold;
  font-size: 14px;
  padding: 10px;
  line-height: 30px;
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
@media (max-width: 700px) {
  body div#full_content div.cs-items-container {
    text-align: center;
  }
  body div#full_content div.cs-items-container div.cs-item {
    max-width: 310px;
    margin-left: 0 auto;
    margin-right: 0 auto;
    float: none;
  }
}
@media (max-width: 420px) {
  body div#full_content div.cs-item {
    width: 78%;
  }
  body div#full_content div.cs-item div.cs-item-content div.cs-hidden-content {
    width: auto;
  }
  body div#full_content div.cs-item div.cs-item-content div.cs-hidden-content p.cs-hidden-project {
    width: auto;
  }
}