/* colors */
/*font family*/
/* breakpoints */
/*transform*/
/*transform*/
/*opacity*/
/*opacity- end*/
.cp-sort {
  width: 100%;
  height: 40%;
  position: fixed;
  right: 0;
  left: 0;
  bottom: -50%;
  z-index: 13;
  padding: 2rem;
  background: #fff;
  transition: all 0.5s ease; }
  .cp-sort.show {
    bottom: 0; }
  .cp-sort .sort-item {
    padding: 1.2rem;
    border-bottom: 1px solid #e2e2e2; }
  .cp-sort .sort-link {
    font-family: "Gotham-Book";
    font-size: 1.2rem;
    line-height: 2.4rem;
    color: #000000;
    position: relative;
    width: 100%;
    display: block; }
    .cp-sort .sort-link:after {
      content: "\E928";
      font-family: 'icomoon';
      font-size: 1.2rem;
      line-height: 1.4rem;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      color: #bd001c;
      display: none; }
    .cp-sort .sort-link.active {
      font-family: "Gotham-Bold"; }
      .cp-sort .sort-link.active:after {
        display: inline-block; }

.fliter-title {
  font-size: 2.8rem;
  text-transform: uppercase;
  font-family: "Gotham-Black";
  color: #4a4a4a;
  padding: 0;
  position: relative; }
  .fliter-title:before {
    content: "";
    width: 7.9rem;
    height: 10.9rem;
    background: url(../assets/images/title-infography-typ-2.png) 0 0 no-repeat;
    background-size: contain;
    opacity: 5;
    position: absolute;
    top: -1.5rem;
    left: -4rem; }