.payment-systems {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#7fba2f), to(#98c838));
  background-image: -o-linear-gradient(left, #7fba2f, #98c838);
  background-image: linear-gradient(90deg, #7fba2f, #98c838);
  color: #fff;
  font-size: 0;
  overflow: hidden;
  text-align: initial;
}

#payment-system .payment-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 575px) {
  #payment-system .payment-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

#payment-system .payment-systems__title {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  margin: 0;
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 300;
}

:lang(ru) #payment-system .payment-systems__title {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
}


#payment-system .payment-systems__title strong {
  display: block;
  font-weight: 500;
}

#payment-system .payment-systems__list {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

:lang(ru) #payment-system .payment-systems__list {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
}


#payment-system .payment-systems__list>a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8rem;
  flex: 0 0 8rem;
  text-align: center;
  opacity: .5;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;

}

#payment-system .payment-systems__list>a:hover {
  opacity: 1;
}

#payment-system .payment-systems__list>a:first-child {
  padding-left: 0;
}

#payment-system .payment-systems__ico {
  display: block;
  width: 8rem;
  height: 100%;
  min-height: 5.2rem;
  background-position: 50% 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

#payment-system .payment-systems__ico_multibanco_lg {
  background-image: url(images/multibanco.svg)
}

#payment-system .payment-systems__ico_webmoney {
  background-image: url(images/webmoney.svg)
}

#payment-system .payment-systems__ico_alfa-bank {
  background-image: url(images/alfa-bank.svg)
}

#payment-system .payment-systems__ico_sber-bank {
  background-image: url(images/sber-bank.svg)
}

#payment-system .payment-systems__ico_qiwi {
  background-image: url(images/qiwi.svg)
}

#payment-system .payment-systems__ico_przelewy {
  background-image: url(images/przelewy.svg)
}

#payment-system .payment-systems__ico_netteler {
  background-image: url(images/neteller.svg)
}

#payment-system .payment-systems__ico_visa {
  background-image: url(images/visa.svg?=v1)
}

#payment-system .payment-systems__ico_yandex {
  background-image: url(images/yandex.svg)
}

#payment-system .payment-systems__ico_sofort {
  background-image: url(images/sofort.svg)
}

#payment-system .payment-systems__ico_skrill {
  background-image: url(images/skrill.svg)
}

#payment-system .payment-systems__ico_mastercard {
  background-image: url(images/mastercard.svg)
}

#payment-system .payment-systems__ico_giro-pay {
  background-image: url(images/giro-pay.svg)
}

#payment-system .payment-systems__ico_union-pay {
  background-image: url(images/union_pay.svg)
}

#payment-system .payment-systems__ico_boleto {
  background-image: url(images/boleto.svg)
}

#payment-system .payment-systems__ico_bank-transfer {
  background-image: url(images/bank_transfer.svg)
}

#payment-system .payment-systems__ico_bank {
  background-image: url(images/bank.svg)
}

#payment-system .payment-systems__ico_paysafe-card {
  background-image: url(images/paysafe-card.svg)
}

#payment-system .payment-systems__ico_fasapay {
  background-image: url(images/fasapay.svg)
}

#payment-system .payment-systems__ico_paypal {
  background-image: url(images/paypal.svg)
}

#payment-system .payment-systems__ico_alipay {
  background-image: url(images/alipay.svg)
}

#payment-system .payment-systems__ico_western-union {
  background-image: url(images/western-union.svg)
}

#payment-system .payment-systems__ico_ideal {
  background-image: url(images/ideal.svg)
}

#payment-system .payment-systems__ico_multibanco {
  background-image: url(images/multibanco.svg)
}

#payment-system .payment-systems__ico_sepa {
  background-image: url(images/sepa-icon.svg);
}

#payment-system .payment-systems__ico_trustly {
  background-image: url(images/trustly-ico.svg);
}

#payment-system .payment-systems__ico_itau {
  background-image: url(images/itau.svg);
}

#payment-system .payment-systems__ico_bradesco {
  background-image: url(images/bradesco.svg);
}

#payment-system .payment-systems__ico_santander-rio {
  background-image: url(images/santander-rio.svg);
}

#payment-system .payment-systems__ico_bancolombia {
  background-image: url(images/bancolombia.svg);
}

#payment-system .payment-systems__ico_pse {
  background-image: url(images/pse.svg);
}


@media (max-width: 1024px) {
  #payment-system.payment-systems {
    text-align: center;
  }

  #payment-system .payment-systems__title {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  #payment-system .payment-systems__list {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 2rem;
  }

  #payment-system .payment-systems__list a {
    padding-left: 0;
    padding-right: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    min-width: 5rem;
  }
  
  :lang(ru) #payment-system .payment-systems__title {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 42%;
    flex: 0 0 42%;
    text-align: left;
  }

  :lang(ru) #payment-system .payment-systems__list {
    justify-content: space-between;
    margin: 0 auto;
    flex: 0 0 25%;
    margin-top: 2rem;
  }


}

@media (max-width: 800px) {
  :lang(ru) #payment-system .payment-systems__list {
    flex: 0 0 28%;
}
}

@media (max-width: 768px) {
  :lang(ru) #payment-system .payment-systems__list {
    justify-content: space-between;
    margin: 0 auto;
    flex: 0 0 35%;
    margin-top: 2rem;
  }
}

@media (max-width: 575px) {
  #payment-system .payment-systems__ico {
    min-height: 3rem;
    width: 4rem;
  }


  #payment-system .payment-systems__list {
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    margin-top: 1rem;
  }

  :lang(ru) #payment-system .payment-systems__title {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: center;
  }

  :lang(ru) #payment-system .payment-systems__list {
    flex: 0 0 28%;
    margin-top: 1rem;
  }

  #payment-system .payment-systems__list a {
    min-width: 4rem;
    min-height: 3rem;
    margin: 0;
  }

}

@media (max-width: 320px) {
  :lang(ru) #payment-system .payment-systems__list {
    flex: 0 0 33%;
    margin-top: 1rem;
  }
}