.coins-item {
  background: #FFFFFF;
  border-radius: 8px;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}

.coins-item h3 {
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -1.5px;
  color: #2F3441;
  margin-bottom: 24px;
}

.coins-descr {
  max-width: 620px;
}

.coins-descr .markdown-list li {
  margin-bottom: 8px;
}

.coins-data {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 40px;
  margin-bottom: 24px;
}

.coins-data li {
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -1.5px;
  color: #0A2896;
}

.coins-data li span {
  display: block;
  font-weight: 300;
  font-size: 13px;
  line-height: 120%;
  letter-spacing: -0.4px;
  color: #606981;
}

.coins-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-bottom: 48px;
}

.coins-images a {
  display: block;
  width: 170px;
  height: 170px;
}

.coins-images a img {
  -o-object-fit: contain;
     object-fit: contain;
}

.coins-images:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background: url(/sites/all/themes/custom/images/new_design/Search.svg);
  cursor: pointer;
}

@media (max-width: 1024px) {
  .coins-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .coins-images {
    margin-top: 32px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}

@media (max-width: 768px) {
  .coins-item {
    padding: 24px;
  }
  .coins-data {
    gap: 24px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .coins-data li {
    font-size: 24px;
  }
}

@media (max-width: 576px) {
  .coins-images {
    width: 100%;
    padding-bottom: 24px;
  }
  .coins-images a {
    width: 50%;
    height: auto;
  }
}

.coins-filter {
  border: 1px solid #B6C1DD;
  border-radius: 8px;
  padding: 40px;
}

.coins-filter h3 {
  margin-bottom: 48px;
}

.coins-filter-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 48px;
}

.coins-filter .vtb-select {
  height: 80px;
  max-width: 337px;
  margin-right: 24px;
}

.coins-filter .vtb-select-form {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0;
}

.coins-filter-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 375px;
}

.coins-filter-group span, .coins-filter-group label {
  width: 100%;
  display: block;
  font-weight: 300;
  font-size: 13px;
  line-height: 120%;
  letter-spacing: -0.4px;
  color: #606981;
  margin: 8px 0;
}

.coins-filter-input:first-of-type {
  margin-right: 38px;
}

.coins-filter-input input {
  height: 80px;
  background: #fff;
  border: none;
  border-radius: 8px;
  outline: none;
  padding: 16px;
  max-width: 162px;
  font-size: 18px;
  line-height: 120%;
  color: #606981;
}

.coins-filter .jq-selectbox__select {
  height: 80px;
  width: 100%;
}

.coins-filter .vtb-button {
  padding: 17px 40px;
}

.coins-filter .jq-selectbox:hover .jq-selectbox__trigger-arrow {
  border: none;
}

@media (max-width: 1024px) {
  .coins-filter {
    padding: 24px;
  }
  .coins-filter h3 {
    margin-bottom: 32px;
  }
  .coins-filter-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 32px;
  }
  .coins-filter .vtb-select {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
  }
  .coins-filter-group {
    margin-left: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .coins-filter-group {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .coins-filter-input {
    width: 48%;
  }
  .coins-filter-input:first-of-type {
    margin-right: 0;
  }
  .coins-filter-input input {
    width: 100%;
    max-width: 100%;
  }
}


/*fix coins filters style*/
.coins-filter .views-widget-filter-field_price_value_1 {
  margin-left: 14px;
  max-width: 375px;
}
.coins-filter .views-widget-filter-field_price_value_1 > .views-widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.coins-filter  label,
.coins-filter  .form-type-textfield::after {
  width: 100%;
  display: block;
  font-weight: 300;
  font-size: 13px;
  line-height: 120%;
  letter-spacing: -0.4px;
  color: #606981;
  margin: 8px 0;
}
.coins-filter .views-widget-filter-field_price_value_1 .form-type-textfield:first-of-type {
  margin-right: 38px;
}
.coins-filter .views-widget-filter-field_price_value_1 .form-item-field-price-value-1-min::after {
  content: 'от'
}
.coins-filter .views-widget-filter-field_price_value_1 .form-item-field-price-value-1-max::after {
  content: 'до'
}
.coins-filter .form-item-field-price-value-1-max label {
  display: none;
}
.coins-filter .views-widget-filter-field_price_value_1 input {
  height: 54px;
  background: #fff;
  border: none;
  border-radius: 8px;
  outline: none;
  padding: 16px;
  max-width: 162px;
  font-size: 18px;
  line-height: 120%;
  color: #606981;
}
.coins-filter .views-exposed-widgets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
          align-items: flex-start;
  margin-bottom: 48px;
  flex-wrap: wrap;
}
@media (max-width: 1165px) {
  .coins-filter .views-widget-filter-field_price_value_1  {
    margin-left: 0;
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 1024px) {
  .coins-filter .views-exposed-widget {
    width: 100%;
  }
  .coins-filter .views-exposed-widgets {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 32px;
  }
  .coins-filter .jq-selectbox {
    width: 100%;
  }
  .coins-filter .jq-selectbox__select {
    width: 100% !important;
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .coins-filter .jq-selectbox__select {
    margin-bottom: 0;
  }
  .coins-filter .views-widget-filter-field_price_value_1 > .views-widget {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .coins-filter .views-widget-filter-field_price_value_1 .form-type-textfield {
    width: 48%;
  }
  .coins-filter .views-widget-filter-field_price_value_1 .form-type-textfield:first-of-type {
    margin-right: 0;
  }
  .coins-filter .views-widget-filter-field_price_value_1 .form-type-textfield input {
    width: 100%;
    max-width: 100%;
  }
}

.new-filter .coins-filter input[type="submit"] {
  font-size: 18px;
  letter-spacing: 0;
  color: #0A2896 !important;
  background: #fff;
  -webkit-transition: color .25s ease-in-out;
  transition: color .25s ease-in-out;
  padding: 0 !important;
  position: relative;
  z-index: 2;
}
.new-filter .coins-filter .views-submit-button:hover input[type="submit"] {
  color: #fff !important;
}
@media screen and (max-width: 1024px) {
  .new-filter .coins-filter input[type="submit"] {
    font-size: 16px;
  }
}
@media screen and (max-width: 540px) {
  .new-filter .coins-filter input[type="submit"] {
    font-size: 14px;
  }
}
.coins-filter .views-submit-button {
  position: relative;
  width: 100%;
  max-width: 252px;
}
.coins-filter .views-submit-button::before {
  border-radius: 8px;
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
  background: -webkit-gradient(linear, left top, right top, from(#1134b5), color-stop(75%, #2353e0));
  background: linear-gradient(90deg, #1134b5 0%, #2353e0 75%);
  z-index: 1
}
.coins-filter .views-submit-button:hover::before {
  opacity: 1;
}
@media (max-width: 768px){
  .coins-filter .views-exposed-widget.views-submit-button {
    max-width: 100%;
  }
}