/* Mixins.less
 * Snippets of reusable CSS to develop faster and keep code readable
 * ----------------------------------------------------------------- */
.assets {
  background: url("sprite.png");
  display: inline-block;
}
.assets.delete-filter {
  width: 10px;
  height: 10px;
  background-position: 0px 0px;
  margin-right: 9px;
  cursor: pointer;
}
.assets.reset-filter {
  width: 14px;
  height: 10px;
  background-position: -10px 0px;
  margin-right: 9px;
  margin-left: 3px;
}
.assets.show-element {
  width: 10px;
  height: 10px;
  background-position: -24px 2px;
  margin-left: 3px;
}
.section-content {
  margin: 10px 10px 40px 25px;
  overflow: hidden;
}
#left-sidebar {
  width: 225px;
  float: left;
}
#left-sidebar h2, #left-sidebar span.parametrs {
  font-size: 18px;
  line-height: 40px;
  color: #48482d;
  font-weight: normal;
}
.side {
  float: right;
  width: 285px;
}
.side .board-sidebar {
  margin: 0 12px;
}
.side .board-sidebar img {
  border: 5px solid #ffc730;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.section {
  width: 620px;
  margin-right: 290px;
}
.section .flexslider {
  border: 5px solid #ffc730;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.section .flexslider img {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.filter-result {
  margin-bottom: 8px;
}
.filter-result li {
  color: #525252;
}
.filter-result ul {
  margin: 0 0 5px -20px;
}
.filter-result ul li {
  color: #99b928;
  font-weight: bold;
}
.form.filter-form {
  margin-bottom: 10px;
}
.form.filter-form .controls {
  margin: 0 0 8px 5px;
}
.form.filter-form .controls label {
  float: none;
}
.form.filter-form .controls label.checkbox input[type="checkbox"] {
  margin: 0px 7px 0 0;
}
.form.filter-form .controls label.checkbox span,
.form.filter-form .controls label.checkbox input[type="checkbox"] {
  vertical-align: middle;
}
.form.filter-form input[type="checkbox"]:checked + span {
  color: #99b928;
}
.discount {
  position: relative;
  display: inline-block;
  width: auto;
}
.discount img {
  border: 7px solid #e00f0f;
}
.discount div {
  color: #fff;
  background: #e00f0f;
  width: 100%;
  padding: 9px 0 7px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -20px;
}
#articul {
  color: #f49a3d;
  font-size: 17px;
  margin: -15px 0 15px;
}
#articul dt {
  float: left;
  margin-right: 5px;
}
#comments .header {
  background: url("/-/img/comments-header.png") left bottom no-repeat;
  margin: 0 auto;
  padding-bottom: 12px;
  margin-bottom: -10px;
}
#comments .header h2, #comments .header h6.comm {
  background: #fafaf4 url("/-/img/coments-header-bg.png") left bottom repeat-x;
  padding: 13px 0 15px 20px;
  -webkit-border-radius: 12px 12px 0 0;
  -moz-border-radius: 12px 12px 0 0;
  border-radius: 12px 12px 0 0;
  color: #445d14;
  width: 555px;
  margin: 0 auto;
  line-height: 15px;
  text-transform: none;
  font-weight: normal;
  font-size: 16px;
}
#node-info-block #dying {
  height: 125px;
}
#node-info-block #node-info {
  overflow: hidden;
  height: 125px;
}
.filter-parent,
#node-info-block {
  position: relative;
  margin-bottom: 15px;
}
.filter-parent.active .filter,
#node-info-block.active .filter,
.filter-parent.active #node-info,
#node-info-block.active #node-info {
  height: auto;
}
.filter-parent.active #dying,
#node-info-block.active #dying,
.filter-parent.active .show-div,
#node-info-block.active .show-div {
  display: none;
}
.filter-parent {
  position: relative;
  margin-bottom: 15px;
}
.filter-parent #dying {
  height: 80px;
  top: auto;
  bottom: 31px;
}
.filter-parent .filter {
  margin-left: 0;
  overflow: hidden;
  height: 200px;
}
.filter-parent .filter ul {
  margin-left: 26px;
}
.filter-parent .filter ul li {
  margin-bottom: 8px;
}
.filter-parent .filter ul a {
  color: #535353;
  text-decoration: none;
}
.filter-parent .filter ul a.active {
  color: #99b928;
}
#dying {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 56%, #ffffff 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(56%, rgba(255, 255, 255, 0.5)), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 56%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 56%, #ffffff 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 56%, #ffffff 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 56%, #ffffff 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */

  position: absolute;
  width: 100%;
  top: 0;
}
.show-div {
  cursor: pointer;
  display: inline-block;
}
.show-div em {
  border-bottom: 1px dashed #274fae;
  height: 15px;
  font-style: normal;
  color: #274fae;
  display: inline-block;
}
#comment_form input,
#comment_form textarea,
#comment_form select {
  border-color: #5d7a24;
  color: #565656;
}
#comment_form input:focus,
#comment_form textarea:focus,
#comment_form select:focus {
  -webkit-box-shadow: 0 0 5px #aabb88;
  -moz-box-shadow: 0 0 5px #aabb88;
  box-shadow: 0 0 5px #aabb88;
}
#comment_form input[type="submit"] {
  border-color: #e2e2de;
}
#comment_form table {
  color: #5d7a24;
}
.footer-categories {
  background: transparent url("footer-menu-bottom-border.png") left bottom repeat-x;
  margin: 0 -22px 18px;
}
.footer-categories#categories {
  text-align: left;
  padding-left: 22px;
}
.footer-categories li {
  float: left;
  width: 140px;
  padding: 20px 5px 60px;
  margin-right: 30px;
}
.footer-categories li a {
  color: #252524;
}
.footer-categories li li {
  float: none;
  padding: 0;
}
.footer-categories li li a {
  color: #6b6b6b;
}
.footer-categories h5 {
  line-height: 18px;
  font-weight: normal;
  min-height: 40px;
}