index.js

var response = {"response": {"lang": "ru", "merchant": {"localized_name": "Test merchant ppro ", "logo_url": null, "merchant_url": "http://fondy.eu/", "offerta_url": null}, "custom_css": "/*v1.0.14*/\r\n@-webkit-keyframes fadeIn {\r\n  0% {\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@-moz-keyframes fadeIn {\r\n  0% {\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@-o-keyframes fadeIn {\r\n  0% {\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes fadeIn {\r\n  0% {\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@-webkit-keyframes fadeOut {\r\n  0% {\r\n    opacity: 1;\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n@-moz-keyframes fadeOut {\r\n  0% {\r\n    opacity: 1;\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n@-o-keyframes fadeOut {\r\n  0% {\r\n    opacity: 1;\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n@keyframes fadeOut {\r\n  0% {\r\n    opacity: 1;\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n* {\r\n  -webkit-box-sizing: border-box;\r\n  -moz-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n  min-height: 100%;\r\n  width: 100%;\r\n  position: relative;\r\n}\r\n\r\nbody {\r\n  width: 100%;\r\n}\r\n\r\na {\r\n  color: #0E23E6;\r\n}\r\n\r\n.pages-checkout {\r\n  background-color: #fff;\r\n}\r\n\r\n.p2p_page,\r\n#checkout_wrapper {\r\n  padding-bottom: 85px;\r\n}\r\n\r\n.p2p_page:after,\r\n#checkout_wrapper:after {\r\n  content: 'The data is protected by the international standard PCI DSS';\r\n  position: absolute;\r\n  bottom: 20px;\r\n  left: 0;\r\n  right: 0;\r\n  padding-left: 360px;\r\n  width: 561px;\r\n  margin: auto;\r\n  -webkit-box-sizing: border-box;\r\n  -moz-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n  color: rgba(103, 103, 103, 0.5);\r\n  font-size: 12px;\r\n  line-height: 13px;\r\n  background: url('/static_common/v1/img/new/footer.png') no-repeat 10px 0;\r\n}\r\n\r\n.p2p_page:before,\r\n#checkout_wrapper:before {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 72px;\r\n  left: 0;\r\n  right: 0;\r\n  width: 512px;\r\n  height: 1px;\r\n  margin: auto;\r\n  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #7FBC6C 50%, rgba(255, 255, 255, 0));\r\n  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #7FBC6C 50%, rgba(255, 255, 255, 0));\r\n  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #7FBC6C 50%, rgba(255, 255, 255, 0));\r\n  background-repeat: no-repeat;\r\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);\r\n}\r\n\r\n.form-control {\r\n  height: 40px;\r\n  line-height: 38px;\r\n  padding: 0 10px;\r\n  background: #fff;\r\n  border: 1px solid #D2D2D2;\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  border-radius: 2px;\r\n  color: #3D3D3D;\r\n  -webkit-transition-property: border-top, border-bottom, background;\r\n  transition-property: border-top, border-bottom, background;\r\n  -webkit-transition-duration: 0.35s;\r\n  transition-duration: 0.35s;\r\n  -webkit-transition-timing-function: linear;\r\n  transition-timing-function: linear;\r\n}\r\n\r\n.form-control.silver {\r\n  background-color: #fff;\r\n}\r\n\r\n.form-control.error {\r\n  background-color: #fff;\r\n  border-color: #D0021B;\r\n  color: #3D3D3D;\r\n}\r\n\r\n.form-control:focus,\r\n.form-control:active {\r\n  border-color: #59C341;\r\n}\r\n\r\n.form-field {\r\n  margin-top: 0;\r\n}\r\n\r\nspan.gui-checkbox {\r\n  width: 41px;\r\n  height: 26px;\r\n  -webkit-box-shadow: none;\r\n  box-shadow: none;\r\n  background: #ccc;\r\n  border-radius: 13px;\r\n}\r\n\r\nspan.gui-checkbox.checked {\r\n  background: #59C341;\r\n}\r\n\r\nspan.gui-checkbox.checked i {\r\n  background: #fff;\r\n}\r\n\r\nspan.gui-checkbox i {\r\n  display: inline-block;\r\n  width: 22px;\r\n  height: 22px;\r\n  border-radius: 11px;\r\n  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.3);\r\n  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.3);\r\n  background: #fff;\r\n  border: 1px solid #E5E5E5;\r\n}\r\n\r\n.section-offer .gui-checkbox,\r\n.form-group-offer .gui-checkbox {\r\n  width: 16px;\r\n  height: 16px;\r\n  background: url('/static_common/v1/img/new/check.png') no-repeat 0 0;\r\n  border-radius: 0;\r\n  margin-right: 3px;\r\n}\r\n\r\n.section-offer .gui-checkbox.checked,\r\n.form-group-offer .gui-checkbox.checked {\r\n  background: url('/static_common/v1/img/new/check.png') no-repeat 0 -16px;\r\n}\r\n\r\n.section-offer .gui-checkbox i,\r\n.form-group-offer .gui-checkbox i {\r\n  display: none;\r\n}\r\n\r\n.container.page-pne > .form-group .error-wrapper,\r\n.product-info-form .form-row .error-wrapper,\r\n.form-sepa .error-wrapper {\r\n  position: relative;\r\n}\r\n\r\n.error-wrapper {\r\n  position: relative;\r\n}\r\n\r\n.error-wrapper .error {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  padding-top: 3px;\r\n  z-index: 4;\r\n  line-height: 1.2;\r\n}\r\n\r\n.pages-checkout .page-section-shopinfo {\r\n  -webkit-box-shadow: 0 2px 14px 0 #F3F3F3;\r\n  box-shadow: 0 2px 14px 0 #F3F3F3;\r\n}\r\n\r\n.page-section-shopinfo {\r\n  background-color: #fff;\r\n  height: 90px;\r\n  border-bottom: 1px solid rgba(210, 210, 210, 0.5);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.page-section-shopinfo .row {\r\n  text-align: center;\r\n  padding: 0 145px;\r\n}\r\n\r\n.page-section-shopinfo .row .col {\r\n  width: 50%;\r\n}\r\n\r\n.page-section-shopinfo .row .col.col-language {\r\n  width: auto;\r\n}\r\n\r\n.page-section-shopinfo .col-shoptitle {\r\n  text-align: left;\r\n}\r\n\r\n.page-section-shopinfo .col-shoplogo {\r\n  vertical-align: top;\r\n}\r\n\r\n.col-shoplogo {\r\n  padding: 27px 25px 0 0;\r\n  height: 90px;\r\n  text-align: right;\r\n}\r\n\r\n.col-shoplogo img {\r\n  width: auto;\r\n  display: inline-block;\r\n}\r\n\r\n.col-shoptitle {\r\n  font-size: 16px;\r\n  color: #7F7F7F;\r\n  width: auto;\r\n  padding: 0 0 0 25px;\r\n  height: 90px;\r\n  border: 0;\r\n  display: block;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n  white-space: normal;\r\n  word-wrap: break-word;\r\n  position: relative;\r\n  background: #fff;\r\n  line-height: 30px;\r\n  max-height: 90px;\r\n}\r\n\r\n.col-shoptitle:after {\r\n  content: \"\";\r\n  height: 100%;\r\n  width: 100%;\r\n  background-color: inherit;\r\n  position: absolute;\r\n}\r\n\r\n.col-shoptitle:before {\r\n  content: \"...\";\r\n  position: absolute;\r\n  right: 0;\r\n  background-color: inherit;\r\n}\r\n\r\n.col-shoptitle:before {\r\n  top: 60px;\r\n}\r\n\r\n.col-language {\r\n  padding-right: 0;\r\n  position: absolute;\r\n  top: 28px;\r\n  right: 48px;\r\n}\r\n\r\n.col-language select {\r\n  background-color: #fff;\r\n  font-size: 12px;\r\n  border: 1px solid #D2D2D2;\r\n  border-radius: 2px;\r\n  width: 106px;\r\n  height: 30px;\r\n  line-height: 30px;\r\n  color: #7F7F7F;\r\n  padding: 0 0 0 10px;\r\n}\r\n\r\n.page-section-overview {\r\n  background: #fff;\r\n  color: #7F7F7F;\r\n  padding: 0;\r\n}\r\n\r\n.page-section-overview .container {\r\n  max-width: 561px;\r\n  border-bottom: 1px solid #D2D2D2;\r\n}\r\n\r\n.page-section-overview .col-label {\r\n  padding: 0 15px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.page-section-overview .order-content {\r\n  font-size: 20px;\r\n  color: #3D3D3D;\r\n  font-weight: bold;\r\n}\r\n\r\n.page-section-overview .order-amount-details {\r\n  color: #7F7F7F;\r\n}\r\n\r\n.row-group {\r\n  display: block;\r\n}\r\n\r\n.row-group > .row-amount {\r\n  padding-bottom: 25px;\r\n}\r\n\r\n.row-group .row {\r\n  display: block;\r\n  text-align: center;\r\n}\r\n\r\n.row-group .row .col {\r\n  display: inline-block;\r\n}\r\n\r\n.row-group .row-desc .col-label {\r\n  display: none;\r\n}\r\n\r\n.row-verify,\r\n.ui_form_button,\r\n.row-desc {\r\n  padding: 25px 0 20px 0;\r\n}\r\n\r\n.ui_form_button {\r\n  display: table;\r\n  margin: 0 auto;\r\n}\r\n\r\n.ui_form_button .row-extra .col,\r\n.ui_form_button .order-amount-details {\r\n  padding-top: 15px;\r\n}\r\n\r\n.ui_form_button .row {\r\n  display: table-row;\r\n  text-align: left;\r\n}\r\n\r\n.ui_form_button .row .col,\r\n.ui_form_button .row .order-amount-details {\r\n  display: table-cell;\r\n  width: 50%;\r\n  max-width: 280.5px;\r\n}\r\n\r\n.order-amount-actual {\r\n  font-size: 14px;\r\n}\r\n\r\n.order-amount {\r\n  white-space: nowrap;\r\n}\r\n\r\n.order-amount .txt-amount {\r\n  line-height: normal;\r\n  font-size: 30px;\r\n  color: #59C341;\r\n  font-weight: bold;\r\n}\r\n\r\n.order-amount .order-amount-details {\r\n  line-height: 100%;\r\n  font-style: italic;\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  text-align: center;\r\n}\r\n\r\n.row-extra .col-value .form-control {\r\n  width: auto;\r\n}\r\n\r\n.pages-checkout .page-section-tabs {\r\n  background: #fff;\r\n  padding: 0;\r\n}\r\n\r\n.pages-checkout .page-section-tabs .nav-tabs {\r\n  text-align: center;\r\n  padding: 15px 0;\r\n  font-size: 0;\r\n  letter-spacing: 0;\r\n}\r\n\r\n.pages-checkout .page-section-tabs .nav-tabs li {\r\n  float: none;\r\n  display: inline-block;\r\n  border-right: 2px solid #D2D2D2;\r\n}\r\n\r\n.pages-checkout .page-section-tabs .nav-tabs li:last-child {\r\n  border-right: none;\r\n}\r\n\r\n.pages-checkout .page-section-tabs .nav-tabs li.label {\r\n  display: none;\r\n}\r\n\r\n.pages-checkout .page-section-tabs .nav-tabs li > a {\r\n  font-size: 16px;\r\n  text-indent: -9999px;\r\n  width: 70px;\r\n  background-position: 50% -40px;\r\n  opacity: 0.3;\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none;\r\n  color: #3d3d3d;\r\n  font-weight: 600;\r\n  padding: 0 20px 0 60px;\r\n}\r\n\r\n.pages-checkout .page-section-tabs .nav-tabs li[data-button=\"card\"] > a {\r\n  width: 140px;\r\n  background-image: url('/static_common/v1/img/new/card.png');\r\n}\r\n\r\n.pages-checkout .page-section-tabs .nav-tabs li[data-button=\"emoney\"] > a {\r\n  background-image: url('/static_common/v1/img/new/emoney.png');\r\n}\r\n\r\n.pages-checkout .page-section-tabs .nav-tabs li[data-button=\"ibank\"] > a {\r\n  background-image: url('/static_common/v1/img/new/ibank.png');\r\n}\r\n\r\n.pages-checkout .page-section-tabs .nav-tabs li[data-button=\"cash\"] > a {\r\n  background-image: url('/static_common/v1/img/new/cash.png');\r\n}\r\n\r\n.pages-checkout .page-section-tabs .nav-tabs li[data-button=\"sepa\"] > a {\r\n  width: 85px;\r\n  background-image: url('/static_common/v1/img/new/sepa.png');\r\n}\r\n\r\n.pages-checkout .page-section-tabs .nav-tabs li[data-button=\"credit\"] > a {\r\n  background-image: url('/static_common/v1/img/new/credit.png');\r\n}\r\n\r\n.pages-checkout .page-section-tabs .nav-tabs li[data-button=\"loans\"] > a {\r\n  background-image: url('/static_common/v1/img/new/loans.png');\r\n}\r\n\r\n.pages-checkout .page-section-tabs .nav-tabs li > a,\r\n.pages-checkout .page-section-tabs .nav-tabs li.active > a,\r\n.pages-checkout .page-section-tabs .nav-tabs li > a:hover,\r\n.pages-checkout .page-section-tabs .nav-tabs li > a:active,\r\n.pages-checkout .page-section-tabs .nav-tabs li.active > a:active {\r\n  border: none;\r\n  margin: 0;\r\n  background-color: inherit;\r\n  background-repeat: no-repeat;\r\n  -webkit-box-shadow: none;\r\n  box-shadow: none;\r\n  line-height: 40px;\r\n  height: 40px;\r\n}\r\n\r\n.pages-checkout .page-section-tabs .nav-tabs li.active > a,\r\n.pages-checkout .page-section-tabs .nav-tabs li > a:hover,\r\n.pages-checkout .page-section-tabs .nav-tabs li > a:active,\r\n.pages-checkout .page-section-tabs .nav-tabs li.active > a:active {\r\n  opacity: 1;\r\n  background-position: 50% 0;\r\n  -webkit-transition: opacity 0.35s linear;\r\n  -o-transition: opacity 0.35s linear;\r\n  transition: opacity 0.35s linear;\r\n}\r\n\r\n.tab-content .tab-pane.active {\r\n  -webkit-animation-duration: 0.35s;\r\n  -moz-animation-duration: 0.35s;\r\n  -ms-animation-duration: 0.35s;\r\n  -o-animation-duration: 0.35s;\r\n  animation-duration: 0.35s;\r\n  -webkit-animation-name: fadeIn;\r\n  -moz-animation-name: fadeIn;\r\n  -ms-animation-name: fadeIn;\r\n  -o-animation-name: fadeIn;\r\n  animation-name: fadeIn;\r\n}\r\n\r\n.page-section-content {\r\n  position: relative;\r\n}\r\n\r\n.pages-checkout .container.page-pne {\r\n  max-width: 561px;\r\n  margin: 0 auto 15px;\r\n  width: 100%;\r\n  padding: 0;\r\n  position: relative;\r\n}\r\n\r\n.pages-checkout .container.page-pne .infobox {\r\n  -webkit-animation-duration: 0.35s;\r\n  -moz-animation-duration: 0.35s;\r\n  -ms-animation-duration: 0.35s;\r\n  -o-animation-duration: 0.35s;\r\n  animation-duration: 0.35s;\r\n  -webkit-animation-name: fadeIn;\r\n  -moz-animation-name: fadeIn;\r\n  -ms-animation-name: fadeIn;\r\n  -o-animation-name: fadeIn;\r\n  animation-name: fadeIn;\r\n  float: none;\r\n  z-index: 20;\r\n  margin: 0;\r\n  border-radius: 0;\r\n  position: absolute;\r\n  border: none;\r\n  text-align: left;\r\n  top: 19px;\r\n  left: 0;\r\n  right: auto;\r\n  width: 398px;\r\n  -webkit-box-shadow: none;\r\n  box-shadow: none;\r\n  padding: 7px 0 7px 50px;\r\n  min-height: 46px;\r\n  background-color: #fff;\r\n  background-image: -webkit-linear-gradient(left, rgba(194, 194, 194, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);\r\n  background-image: -o-linear-gradient(left, rgba(194, 194, 194, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);\r\n  background-image: linear-gradient(to right, rgba(194, 194, 194, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);\r\n  background-repeat: repeat-x;\r\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26c2c2c2', endColorstr='#26ffffff', GradientType=1);\r\n  font-size: 14px;\r\n  line-height: 16px;\r\n  color: rgba(61, 61, 61, 0.6);\r\n}\r\n\r\n.pages-checkout .container.page-pne .infobox:after {\r\n  position: absolute;\r\n  content: '';\r\n  top: 7px;\r\n  left: 22px;\r\n  width: 18px;\r\n  height: 18px;\r\n  background: url('/static_common/v1/img/new/info.svg') no-repeat 0 0;\r\n}\r\n\r\n.pages-checkout .container.page-pne .infobox.error:after {\r\n  background-image: url('/static_common/v1/img/new/error.svg');\r\n}\r\n\r\n.pages-checkout .container.page-pne .infobox.error .bold {\r\n  margin: 0;\r\n  padding: 0;\r\n  font-size: 12px;\r\n  border: none;\r\n  display: inline-block;\r\n  padding-right: 5px;\r\n}\r\n\r\n.pages-checkout .container.page-pne .infobox.error .close {\r\n  top: 5px;\r\n  right: 5px;\r\n  width: 15px;\r\n  height: 15px;\r\n  display: none;\r\n}\r\n\r\n.pages-checkout .container.page-pne .infobox.error .close:hover:after,\r\n.pages-checkout .container.page-pne .infobox.error .close:hover:before {\r\n  background: rgba(61, 61, 61, 0.3);\r\n}\r\n\r\n.pages-checkout .container.page-pne .infobox.error div {\r\n  display: inline;\r\n}\r\n\r\n.container.page-pne > .form-group,\r\n.btn-row {\r\n  width: 350px;\r\n  margin: 0 auto 20px;\r\n  padding-left: 0;\r\n  padding-right: 0;\r\n}\r\n\r\n.section-offer,\r\n.container.page-pne > .form-group {\r\n  text-align: center;\r\n}\r\n\r\n#email_row,\r\n#verification_row {\r\n  position: relative;\r\n  border: none;\r\n}\r\n\r\n#email_row .control-label,\r\n#verification_row .control-label {\r\n  display: none;\r\n}\r\n\r\n#email_row .error,\r\n#verification_row .error {\r\n  text-align: left;\r\n}\r\n\r\n#email_row .form-field {\r\n  position: relative;\r\n}\r\n\r\n#email_row .form-field:before {\r\n  position: absolute;\r\n  content: '';\r\n  width: 40px;\r\n  height: 40px;\r\n  background: url('/static_common/v1/img/new/email.svg') no-repeat 50% 50%;\r\n}\r\n\r\n.page-pne #email_row .form-control,\r\n.page-pne #verification_row .form-control {\r\n  width: 100%;\r\n}\r\n\r\n.page-pne #email_row .control-label,\r\n.page-pne #verification_row .control-label {\r\n  text-transform: none;\r\n  font-size: 12px;\r\n}\r\n\r\n.page-pne #email_row .form-control {\r\n  padding-left: 40px;\r\n}\r\n\r\n.btn-lime,\r\n.btn-yellow {\r\n  font-size: 16px;\r\n  text-transform: uppercase;\r\n  height: auto;\r\n  min-height: 40px;\r\n  line-height: 30px;\r\n  padding: 5px 30px 5px 30px;\r\n  display: block;\r\n  margin: 0;\r\n  width: 100%;\r\n  font-weight: bold;\r\n  position: relative;\r\n  border-radius: 2px;\r\n  -webkit-transition: background-color 0.35s linear;\r\n  -o-transition: background-color 0.35s linear;\r\n  transition: background-color 0.35s linear;\r\n}\r\n\r\n.btn-lime .btn-lime,\r\n.btn-yellow .btn-lime {\r\n  background: #59C341;\r\n}\r\n\r\n.btn-lime .amount,\r\n.btn-yellow .amount,\r\n.btn-lime .currency,\r\n.btn-yellow .currency {\r\n  padding: 0 0 0 5px;\r\n  display: inline;\r\n}\r\n\r\n.btn-lime.disabled,\r\n.btn-yellow.disabled {\r\n  background: #59C341;\r\n}\r\n\r\n.btn-lime:hover,\r\n.btn-yellow:hover,\r\n.btn-lime.disabled:hover,\r\n.btn-yellow.disabled:hover {\r\n  background-color: #479f32;\r\n}\r\n\r\n.form-group-grid {\r\n  border: 1px solid #E6E6E6;\r\n  border-radius: 10px;\r\n  padding: 22px 47px;\r\n  margin-bottom: 15px;\r\n  -webkit-animation-duration: 0.35s;\r\n  -moz-animation-duration: 0.35s;\r\n  -ms-animation-duration: 0.35s;\r\n  -o-animation-duration: 0.35s;\r\n  animation-duration: 0.35s;\r\n  -webkit-animation-name: fadeIn;\r\n  -moz-animation-name: fadeIn;\r\n  -ms-animation-name: fadeIn;\r\n  -o-animation-name: fadeIn;\r\n  animation-name: fadeIn;\r\n}\r\n\r\n.form-group-grid .form-group .control-label {\r\n  width: 50%;\r\n  color: #7F7F7F;\r\n  padding: 0 15px;\r\n}\r\n\r\n.form-group-grid .form-group .form-field {\r\n  padding-bottom: 20px;\r\n  width: 50%;\r\n}\r\n\r\n.form-group-grid input.form-control {\r\n  width: 100%;\r\n}\r\n\r\n.form-group-grid .form-control.number {\r\n  padding-right: 0;\r\n  width: 86px;\r\n  max-width: 86px;\r\n  margin-right: 11px;\r\n}\r\n\r\n.form-group-grid .form-control.number + select.form-control {\r\n  max-width: 132px;\r\n}\r\n\r\n.form-group-grid input + input + select.form-control {\r\n  max-width: 100%;\r\n  width: 100%;\r\n}\r\n\r\n.form-group-grid select.form-control {\r\n  height: 40px;\r\n  width: 132px;\r\n}\r\n\r\n.form-group-grid .divider {\r\n  display: none;\r\n}\r\n\r\n.cards {\r\n  padding-bottom: 0;\r\n  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n  border-radius: 10px;\r\n  position: relative;\r\n  margin-bottom: 40px;\r\n  margin-top: 15px;\r\n}\r\n\r\n.card {\r\n  background: #fff;\r\n  border: 1px solid #e6e6e6;\r\n  border-radius: 10px;\r\n  width: 398px;\r\n  height: 248px;\r\n}\r\n\r\n.card.card-front {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.card.card-back {\r\n  top: 0;\r\n  left: auto;\r\n  background: #F3F3F3;\r\n  position: absolute;\r\n  right: 0;\r\n  margin-bottom: 0;\r\n}\r\n\r\n.card .form-group {\r\n  padding: 0 22px;\r\n  min-height: inherit;\r\n}\r\n\r\n.card .control-label {\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n  text-transform: uppercase;\r\n  color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.card .stripe {\r\n  height: 46px;\r\n  top: 18px;\r\n  background: #666;\r\n}\r\n\r\n.card #credit_card_number_row {\r\n  padding-top: 85px;\r\n  position: relative;\r\n}\r\n\r\n.card #credit_card_number_row .control-label {\r\n  display: none;\r\n}\r\n\r\n.card .credit_card_number,\r\n.card #credit_card_number {\r\n  font-size: 16px;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.card .credit_card_expire_row,\r\n.card #credit_card_expire_row {\r\n  width: 100%;\r\n  margin: 0;\r\n  padding-top: 30px;\r\n  position: relative;\r\n}\r\n\r\n.card .credit_card_expire_row .form-control,\r\n.card #credit_card_expire_row .form-control {\r\n  width: 62px;\r\n  text-align: center;\r\n}\r\n\r\n.card .cvv2_row,\r\n.card #cvv2_row {\r\n  padding: 85px 22px 0;\r\n  width: 163px;\r\n  text-align: right;\r\n  position: relative;\r\n}\r\n\r\n.card .cvv2_row .control-label,\r\n.card #cvv2_row .control-label {\r\n  display: none;\r\n}\r\n\r\n.card #cvv2 {\r\n  width: 74px;\r\n  text-align: center;\r\n}\r\n\r\n.icons-cc {\r\n  top: 28px;\r\n  padding: 0 22px;\r\n  display: none;\r\n}\r\n\r\n.icon-brands {\r\n  display: none;\r\n}\r\n\r\n.input_suggest .arrow.active {\r\n  background-color: inherit;\r\n}\r\n\r\n.sslprotected {\r\n  display: none;\r\n}\r\n\r\n.expire-delimiter {\r\n  padding: 0 5px;\r\n  color: rgba(0, 0, 0, 0.2);\r\n  font-size: 18px;\r\n}\r\n\r\n.form-sepa {\r\n  padding-bottom: 0;\r\n}\r\n\r\n.nav-blocks {\r\n  text-align: center;\r\n}\r\n\r\n.nav-blocks li {\r\n  vertical-align: top;\r\n  float: none;\r\n  display: inline-block;\r\n  margin: 0;\r\n}\r\n\r\n.nav-blocks li > a {\r\n  position: relative;\r\n  padding: 85px 0 0;\r\n  margin-bottom: 20px;\r\n  width: 120px;\r\n  height: auto;\r\n  border: none;\r\n  -webkit-box-shadow: none;\r\n  box-shadow: none;\r\n  color: #666666;\r\n  font-size: 16px;\r\n  font-weight: bold;\r\n  display: block;\r\n}\r\n\r\n.nav-blocks li > a.ibank,\r\n.nav-blocks li > a.cash,\r\n.nav-blocks li > a.emoney {\r\n  font-size: 16px;\r\n  background: none;\r\n}\r\n\r\n.nav-blocks li > a.ibank:hover,\r\n.nav-blocks li > a.cash:hover,\r\n.nav-blocks li > a.emoney:hover {\r\n  color: #666666;\r\n  background: none;\r\n}\r\n\r\n.nav-blocks li > a:hover {\r\n  border: none;\r\n  background: none;\r\n  -webkit-box-shadow: none;\r\n  box-shadow: none;\r\n}\r\n\r\n.nav-blocks li > a:hover:before {\r\n  background-color: rgba(89, 195, 65, 0.2);\r\n  background-position: -80px 0;\r\n}\r\n\r\n.nav-blocks li > a:before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 50%;\r\n  margin-left: -40px;\r\n  width: 80px;\r\n  height: 80px;\r\n  border: 1px solid #D2D2D2;\r\n  border-radius: 2px;\r\n  -webkit-box-sizing: border-box;\r\n  -moz-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n  background-repeat: no-repeat;\r\n  background-position: 0 0;\r\n  -webkit-transition: background-color 0.35s linear;\r\n  -o-transition: background-color 0.35s linear;\r\n  transition: background-color 0.35s linear;\r\n}\r\n\r\n.nav-blocks li > a.emoney-webmoney:before {\r\n  background-image: url('/static_common/v1/img/new/webmoney.png');\r\n}\r\n\r\n.nav-blocks li > a.emoney-webmoney_direct:before {\r\n  background-image: url('/static_common/v1/img/new/webmoney.png');\r\n}\r\n\r\n.nav-blocks li > a.emoney-rfi_webmon:before {\r\n  background-image: url('/static_common/v1/img/new/webmoney.png');\r\n}\r\n\r\n.nav-blocks li > a.emoney-simplepay_webmoney:before {\r\n  background-image: url('/static_common/v1/img/new/webmoney.png');\r\n}\r\n\r\n.nav-blocks li > a.emoney-qiwi:before {\r\n  background-image: url('/static_common/v1/img/new/qiwi.png');\r\n}\r\n\r\n.nav-blocks li > a.emoney-qiwi_direct:before {\r\n  background-image: url('/static_common/v1/img/new/qiwi.png');\r\n}\r\n\r\n.nav-blocks li > a.emoney-rfi_qiwi:before {\r\n  background-image: url('/static_common/v1/img/new/qiwi.png');\r\n}\r\n\r\n.nav-blocks li > a.emoney-simplepay_qiwi:before {\r\n  background-image: url('/static_common/v1/img/new/qiwi.png');\r\n}\r\n\r\n.nav-blocks li > a.emoney-simplepay_qiwi_high:before {\r\n  background-image: url('/static_common/v1/img/new/qiwi.png');\r\n}\r\n\r\n.nav-blocks li > a.emoney-paypal:before {\r\n  background-image: url('/static_common/v1/img/new/paypal.png');\r\n}\r\n\r\n.nav-blocks li > a.emoney-rfi_yandex:before {\r\n  background-image: url('/static_common/v1/img/new/yandex.png');\r\n}\r\n\r\n.nav-blocks li > a.emoney-simplepay_yandex:before {\r\n  background-image: url('/static_common/v1/img/new/yandex.png');\r\n}\r\n\r\n.nav-blocks li > a.emoney-master_pass:before {\r\n  background-image: url('/static_common/v1/img/new/master_pass.png');\r\n}\r\n\r\n.nav-blocks li > a.ibank-alfa:before {\r\n  background-image: url('/static_common/v1/img/new/alfa.png');\r\n}\r\n\r\n.nav-blocks li > a.ibank-plotva24:before {\r\n  background-image: url('/static_common/v1/img/new/plotva24.png');\r\n}\r\n\r\n.nav-blocks li > a.ibank-kb_mplotva:before {\r\n  background-image: url('/static_common/v1/img/new/kb_mplotva.png');\r\n}\r\n\r\n.nav-blocks li > a.ibank-p24:before {\r\n  background-image: url('/static_common/v1/img/new/p24.png');\r\n}\r\n\r\n.nav-blocks li > a.ibank-liqpay:before {\r\n  background-image: url('/static_common/v1/img/new/p24.png');\r\n}\r\n\r\n.nav-blocks li > a.ibank-ralf_banklink:before {\r\n  background-image: url('/static_common/v1/img/new/ralf_banklink.png');\r\n}\r\n\r\n.nav-blocks li > a.cash-liqpay_cash:before {\r\n  background-image: url('/static_common/v1/img/new/liqpay_cash.png');\r\n}\r\n\r\n.page-status .page-section-status {\r\n  background: #fff;\r\n}\r\n\r\n.page-status .page-section-status .row-group {\r\n  border: 1px solid #d2d2d2;\r\n  width: 560px;\r\n  margin: auto;\r\n  border-radius: 2px;\r\n  padding: 30px 20px;\r\n}\r\n\r\n.page-status .page-section-status .col-label {\r\n  padding-right: 10px;\r\n  white-space: nowrap;\r\n  color: #3D3D3D;\r\n  font-size: 17px;\r\n}\r\n\r\n.page-status .page-section-status .col-value {\r\n  color: #3D3D3D;\r\n  font-weight: bold;\r\n  font-size: 17px;\r\n}\r\n\r\n.page-status .page-section-status h1 {\r\n  background-position: 50% 0;\r\n  background-repeat: no-repeat;\r\n  padding: 35px 0;\r\n  text-align: center;\r\n  font-size: 17px;\r\n  color: #3D3D3D;\r\n}\r\n\r\n.page-status .page-section-status h1.success-only {\r\n  background-image: url('/static_common/v1/img/new/ok.png');\r\n}\r\n\r\n.page-status .page-section-status h1.fail-only {\r\n  background-image: url('/static_common/v1/img/new/error.svg');\r\n  background-size: 30px;\r\n}\r\n\r\n.page-status .row {\r\n  text-align: center;\r\n  display: block;\r\n}\r\n\r\n.page-status .btn-row {\r\n  margin: 30px auto 0!important;\r\n}\r\n\r\n.p2p_page form {\r\n  position: static!important;\r\n}\r\n\r\n.p2p_page .cards {\r\n  margin-bottom: 20px;\r\n  margin-top: 0;\r\n  height: 368px;\r\n  -webkit-box-shadow: none;\r\n  box-shadow: none;\r\n}\r\n\r\n.p2p_page .form-group {\r\n  position: relative;\r\n}\r\n\r\n.p2p_page .cardholder {\r\n  position: static;\r\n  top: auto;\r\n  left: auto;\r\n  padding: 28px 22px 35px;\r\n  line-height: 22px;\r\n}\r\n\r\n.p2p_page .icons-cc {\r\n  display: block;\r\n}\r\n\r\n.p2p_page .card .control-label {\r\n  display: none;\r\n}\r\n\r\n.p2p_page .limits {\r\n  left: 22px;\r\n}\r\n\r\n.page-p2p.content {\r\n  padding: 20px 0 0;\r\n}\r\n\r\n.ui_p2p_fee {\r\n  position: relative;\r\n}\r\n\r\n.fee-row {\r\n  position: absolute;\r\n  left: 103%;\r\n  width: 100%;\r\n  top: 25px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.amount-row .control-label,\r\n.amount-row .ui_p2p_fee {\r\n  padding-bottom: 0;\r\n}\r\n\r\n.checkout-error .btn-row {\r\n  width: 100%;\r\n}\r\n\r\n.checkout-error .btn-yellow {\r\n  max-width: none;\r\n  border-radius: 0;\r\n}\r\n\r\n.clearfix:before,\r\n.clearfix:after {\r\n  content: \" \";\r\n  display: table;\r\n}\r\n\r\n.clearfix:after {\r\n  clear: both;\r\n}\r\n\r\n.pages-checkout .container.page-pne,\r\n.form-credit .container,\r\n.form-sepa .container {\r\n  padding-top: 0;\r\n  padding-bottom: 0;\r\n}\r\n\r\n.form-credit .container {\r\n  padding-top: 20px;\r\n}\r\n\r\n/*# sourceMappingURL=new.css.map */\r\n\r\n@media (min-width: 641px) {\r\n  .pages-checkout .page-section-tabs .nav-tabs li[data-button=\"emoney\"] > a {\r\n    text-indent: 0;\r\n    width: auto;\r\n    background-position: 22px -40px;\r\n  }\r\n\r\n  .pages-checkout .page-section-tabs .nav-tabs li[data-button=\"emoney\"].active > a,\r\n  .pages-checkout .page-section-tabs .nav-tabs li[data-button=\"emoney\"] > a:hover,\r\n  .pages-checkout .page-section-tabs .nav-tabs li[data-button=\"emoney\"] > a:active,\r\n  .pages-checkout .page-section-tabs .nav-tabs li[data-button=\"emoney\"].active > a:active {\r\n    background-position: 22px 0;\r\n  }\r\n\r\n  .pages-checkout .page-section-tabs .nav-tabs li[data-button=\"ibank\"] > a {\r\n    text-indent: 0;\r\n    width: auto;\r\n    background-position: 22px -40px;\r\n  }\r\n\r\n  .pages-checkout .page-section-tabs .nav-tabs li[data-button=\"ibank\"].active > a,\r\n  .pages-checkout .page-section-tabs .nav-tabs li[data-button=\"ibank\"] > a:hover,\r\n  .pages-checkout .page-section-tabs .nav-tabs li[data-button=\"ibank\"] > a:active,\r\n  .pages-checkout .page-section-tabs .nav-tabs li[data-button=\"ibank\"].active > a:active {\r\n    background-position: 22px 0;\r\n  }\r\n\r\n  .pages-checkout .page-section-tabs .nav-tabs li[data-button=\"cash\"] > a {\r\n    text-indent: 0;\r\n    width: auto;\r\n    background-position: 22px -40px;\r\n  }\r\n\r\n  .pages-checkout .page-section-tabs .nav-tabs li[data-button=\"cash\"].active > a,\r\n  .pages-checkout .page-section-tabs .nav-tabs li[data-button=\"cash\"] > a:hover,\r\n  .pages-checkout .page-section-tabs .nav-tabs li[data-button=\"cash\"] > a:active,\r\n  .pages-checkout .page-section-tabs .nav-tabs li[data-button=\"cash\"].active > a:active {\r\n    background-position: 22px 0;\r\n  }\r\n}\r\n\r\n@media (min-width: 961px) {\r\n  .p2p_page .cvv2_row {\r\n    padding-top: 167px;\r\n  }\r\n}\r\n\r\n@media (max-width: 960px) {\r\n  .pages-checkout .container.page-pne {\r\n    padding: 0;\r\n  }\r\n\r\n  .pages-checkout .container.page-pne .infobox {\r\n    -webkit-box-shadow: none;\r\n    box-shadow: none;\r\n    border: none;\r\n    position: absolute;\r\n    top: 19px;\r\n    left: 0;\r\n    right: auto;\r\n    width: 398px;\r\n  }\r\n\r\n  .p2p_page .cards {\r\n    height: auto;\r\n  }\r\n\r\n  .p2p_page .row {\r\n    display: block;\r\n  }\r\n\r\n  .p2p_page .cards-receiver,\r\n  .p2p_page .cards-sender {\r\n    display: block;\r\n    padding: 0;\r\n  }\r\n\r\n  .p2p_page .cards-sender .card-back {\r\n    top: 0;\r\n    left: auto;\r\n    right: 0;\r\n  }\r\n\r\n  .p2p_page .section-middle {\r\n    display: none;\r\n  }\r\n\r\n  .page-p2p.content {\r\n    max-width: 561px;\r\n    margin: auto;\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .p2p_page:after,\r\n  #checkout_wrapper:after {\r\n    content: '';\r\n    width: auto;\r\n    height: 20px;\r\n    padding: 0;\r\n    background-position: 50% 0;\r\n    background-size: contain;\r\n  }\r\n\r\n  .p2p_page:before,\r\n  #checkout_wrapper:before {\r\n    display: none;\r\n  }\r\n\r\n  .p2p_page,\r\n  #checkout_wrapper {\r\n    padding-bottom: 120px;\r\n  }\r\n\r\n  .form-control {\r\n    -webkit-appearance: none;\r\n    -moz-appearance: none;\r\n    appearance: none;\r\n    border-radius: 0;\r\n    height: 66px;\r\n    line-height: 1;\r\n    padding: 26px 15px 20px;\r\n    width: 100%;\r\n    color: #000;\r\n    font-size: 18px;\r\n    border-width: 1px 0;\r\n    margin-bottom: -1px;\r\n    position: relative;\r\n  }\r\n\r\n  .form-control::-moz-placeholder {\r\n    color: transparent;\r\n  }\r\n\r\n  .form-control:-ms-input-placeholder {\r\n    color: transparent;\r\n  }\r\n\r\n  .form-control::-webkit-input-placeholder {\r\n    color: transparent;\r\n  }\r\n\r\n  .form-control.error {\r\n    z-index: 2;\r\n  }\r\n\r\n  .form-control:focus,\r\n  .form-control:active {\r\n    z-index: 3;\r\n    background-color: rgba(89, 195, 65, 0.1);\r\n  }\r\n\r\n  .form-control.silver:focus,\r\n  .form-control.silver:active {\r\n    z-index: 3;\r\n    background-color: rgba(89, 195, 65, 0.1);\r\n  }\r\n\r\n  select.form-control {\r\n    -webkit-appearance: none;\r\n    -moz-appearance: none;\r\n    appearance: none;\r\n    -webkit-transition-duration: 0s;\r\n    transition-duration: 0s;\r\n    background: url('/static_common/v1/img/new/caret.png') no-repeat right 10px center;\r\n    padding-right: 20px;\r\n  }\r\n\r\n  .ui-radio-wrapper {\r\n    height: 60px;\r\n    line-height: 58px;\r\n    padding-left: 50%;\r\n    border-top: 1px solid #D2D2D2;\r\n    border-bottom: 1px solid #D2D2D2;\r\n    margin-bottom: -1px;\r\n  }\r\n\r\n  .control-label,\r\n  .row-verify .col-label,\r\n  .ui_form_button .col-label {\r\n    text-transform: none;\r\n    color: rgba(0, 0, 0, 0.5);\r\n    font-size: 10px;\r\n    font-weight: bold;\r\n    line-height: 18px;\r\n    padding: 0 0 0 15px;\r\n    text-align: left;\r\n    vertical-align: top;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n    position: absolute;\r\n    top: 7px;\r\n    z-index: 4;\r\n    display: block;\r\n    width: 100%;\r\n  }\r\n\r\n  .error-wrapper .error {\r\n    left: 15px;\r\n    padding-top: 0;\r\n    top: -15px;\r\n  }\r\n\r\n  .page-section-shopinfo {\r\n    height: 70px;\r\n  }\r\n\r\n  .page-section-shopinfo .row {\r\n    padding: 0;\r\n    display: block;\r\n  }\r\n\r\n  .page-section-shopinfo .row .col {\r\n    display: block;\r\n    width: auto;\r\n  }\r\n\r\n  .col-shoplogo {\r\n    padding: 10px 15px 0;\r\n    height: 40px;\r\n    text-align: left;\r\n  }\r\n\r\n  .col-shoptitle {\r\n    padding: 0 15px;\r\n    height: 30px;\r\n    line-height: 30px;\r\n    color: rgba(127, 127, 127, 0.5);\r\n    max-width: 100%;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .col-language {\r\n    top: 20px;\r\n    right: 15px;\r\n  }\r\n\r\n  .page-section-overview .container {\r\n    max-width: none;\r\n  }\r\n\r\n  .page-section-overview .col-label {\r\n    text-align: left;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .page-section-overview .order-content {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .page-section-overview .order-amount .txt-amount {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .row-group > .row-amount {\r\n    padding-bottom: 20px;\r\n  }\r\n\r\n  .row-verify,\r\n  .ui_form_button,\r\n  .row-desc {\r\n    padding: 0;\r\n  }\r\n\r\n  .row-verify {\r\n    display: block;\r\n    position: relative;\r\n    margin-top: -1px;\r\n  }\r\n\r\n  .row-verify.row {\r\n    text-align: left;\r\n  }\r\n\r\n  .row-verify .col.col-label,\r\n  .row-verify .col.col-value {\r\n    display: block;\r\n    padding-top: 0;\r\n    width: auto;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .row-verify .col-value .txt-safewidth.txt-forcewrap {\r\n    height: 66px;\r\n    line-height: 58px;\r\n    padding-left: 15px;\r\n    padding-top: 6px;\r\n    border-top: 1px solid #d2d2d2;\r\n    border-bottom: 1px solid #d2d2d2;\r\n    margin-bottom: -1px;\r\n  }\r\n\r\n  .ui_form_button {\r\n    display: block;\r\n  }\r\n\r\n  .ui_form_button .order-amount .form-control {\r\n    color: #59C341;\r\n    font-weight: bold;\r\n    background-image: -webkit-linear-gradient(top, #f3f3f3 0, #fff 10px);\r\n    background-image: -o-linear-gradient(top, #f3f3f3 0, #fff 10px);\r\n    background-image: linear-gradient(to bottom, #f3f3f3 0, #fff 10px);\r\n    background-repeat: repeat-x;\r\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3f3f3', endColorstr='#ffffffff', GradientType=0);\r\n  }\r\n\r\n  .ui_form_button .order-amount .form-control:focus,\r\n  .ui_form_button .order-amount .form-control:active {\r\n    background: rgba(89, 195, 65, 0.1);\r\n  }\r\n\r\n  .ui_form_button .row-amount {\r\n    margin-top: -1px;\r\n  }\r\n\r\n  .ui_form_button .row {\r\n    display: block;\r\n    position: relative;\r\n  }\r\n\r\n  .ui_form_button .row:last-child .form-control {\r\n    background-image: -webkit-linear-gradient(top, #fff 58px, #f3f3f3 100%);\r\n    background-image: -o-linear-gradient(top, #fff 58px, #f3f3f3 100%);\r\n    background-image: linear-gradient(to bottom, #fff 58px, #f3f3f3 100%);\r\n    background-repeat: repeat-x;\r\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff3f3f3', GradientType=0);\r\n  }\r\n\r\n  .ui_form_button .row:last-child .form-control:focus,\r\n  .ui_form_button .row:last-child .form-control:active {\r\n    background: rgba(89, 195, 65, 0.1);\r\n  }\r\n\r\n  .ui_form_button .row .col,\r\n  .ui_form_button .row .order-amount-details {\r\n    display: block;\r\n    padding-top: 0;\r\n    width: auto;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .ui_form_button .row .col-value .txt-safewidth.txt-forcewrap,\r\n  .ui_form_button .row .txt-amount {\r\n    height: 66px;\r\n    line-height: 58px;\r\n    padding-left: 15px;\r\n    padding-top: 6px;\r\n    border-top: 1px solid #d2d2d2;\r\n    border-bottom: 1px solid #d2d2d2;\r\n    margin-bottom: -1px;\r\n  }\r\n\r\n  .ui_form_button .order-currency {\r\n    position: absolute;\r\n    z-index: 4;\r\n    right: 0;\r\n    top: 1px;\r\n    bottom: 1px;\r\n    line-height: 64px;\r\n    font-size: 16px;\r\n    min-width: 60px;\r\n    background: #F3F3F3;\r\n    text-align: center;\r\n    color: #7F7F7F;\r\n    font-weight: normal;\r\n  }\r\n\r\n  .order-amount .currency {\r\n    position: absolute;\r\n    z-index: 4;\r\n    right: 0;\r\n    top: 1px;\r\n    bottom: 0;\r\n    line-height: 64px;\r\n    font-size: 16px;\r\n    min-width: 60px;\r\n    background: #F3F3F3;\r\n    text-align: center;\r\n    color: #7F7F7F;\r\n  }\r\n\r\n  .row-extra .col-value .form-control {\r\n    width: 100%;\r\n  }\r\n\r\n  .pages-checkout .page-section-tabs .nav-tabs {\r\n    max-height: none;\r\n    border-bottom: 1px solid #D2D2D2;\r\n    -webkit-box-shadow: 0 2px 14px 0 #F3F3F3;\r\n    box-shadow: 0 2px 14px 0 #F3F3F3;\r\n    margin-bottom: -1px;\r\n  }\r\n\r\n  .pages-checkout .page-section-tabs .nav-tabs li > a {\r\n    padding: 0;\r\n  }\r\n\r\n  .page-section-content {\r\n    position: static;\r\n  }\r\n\r\n  .page-section-content .loading-banner {\r\n    top: auto;\r\n  }\r\n\r\n  .pages-checkout .container.page-pne {\r\n    margin: 0;\r\n  }\r\n\r\n  .pages-checkout .container.page-pne .infobox {\r\n    position: relative;\r\n    top: 0;\r\n    width: 100%;\r\n    border-top: 1px solid #D2D2D2;\r\n    min-height: 60px;\r\n    display: none;\r\n  }\r\n\r\n  .pages-checkout .container.page-pne .infobox.error {\r\n    display: block;\r\n  }\r\n\r\n  .container.page-pne > .form-group,\r\n  .btn-row {\r\n    max-width: none;\r\n    width: auto;\r\n    margin: 0;\r\n  }\r\n\r\n  .section-offer,\r\n  .container.page-pne > .form-group {\r\n    border-top: 1px solid #D2D2D2;\r\n  }\r\n\r\n  .section-offer label,\r\n  .container.page-pne > .form-group label {\r\n    padding: 23px 15px;\r\n    line-height: 20px;\r\n    display: block;\r\n  }\r\n\r\n  #email_row .control-label,\r\n  #verification_row .control-label {\r\n    width: 100%;\r\n    display: block;\r\n    padding: 0 0 0 15px;\r\n  }\r\n\r\n  #email_row .form-field:before {\r\n    display: none;\r\n  }\r\n\r\n  .page-pne #email_row .control-label,\r\n  .page-pne #verification_row .control-label {\r\n    font-size: 10px;\r\n    line-height: 18px;\r\n  }\r\n\r\n  .page-pne #email_row .form-control {\r\n    padding-left: 15px;\r\n  }\r\n\r\n  .btn-lime,\r\n  .btn-yellow {\r\n    padding: 0 30px 0 30px;\r\n    max-width: none;\r\n    border-radius: 0;\r\n    height: 60px;\r\n    line-height: 58px;\r\n    position: absolute;\r\n    bottom: 60px;\r\n    left: 0;\r\n    right: 0;\r\n  }\r\n\r\n  .btn-lime#verification_confirm,\r\n  .btn-yellow#verification_confirm {\r\n    right: 50%;\r\n    width: 50%;\r\n  }\r\n\r\n  .btn-lime#verification_cancel,\r\n  .btn-yellow#verification_cancel {\r\n    left: 50%;\r\n    width: 50%;\r\n  }\r\n\r\n  .container.page-pne > .form-group-grid {\r\n    max-width: none;\r\n  }\r\n\r\n  .form-group-grid {\r\n    margin: 0;\r\n    display: block;\r\n    width: 100%;\r\n    padding: 0;\r\n    border: none;\r\n    border-collapse: collapse;\r\n  }\r\n\r\n  .form-group-grid .form-group {\r\n    display: block;\r\n    position: relative;\r\n    margin: 0;\r\n  }\r\n\r\n  .form-group-grid .form-group .control-label {\r\n    color: rgba(0, 0, 0, 0.5);\r\n    text-align: left;\r\n    width: auto;\r\n  }\r\n\r\n  .form-group-grid .form-group .form-field {\r\n    display: block;\r\n    padding-bottom: 0;\r\n    letter-spacing: 0;\r\n    font-size: 0;\r\n    width: auto;\r\n  }\r\n\r\n  .form-group-grid .form-control.number {\r\n    margin-right: 0;\r\n    width: 50%;\r\n    max-width: none;\r\n  }\r\n\r\n  .form-group-grid .form-control.number + select.form-control {\r\n    width: 50%;\r\n    max-width: none;\r\n    padding-left: 10px;\r\n  }\r\n\r\n  .form-group-grid select.form-control {\r\n    height: 66px;\r\n  }\r\n\r\n  .form-group-grid .currency {\r\n    position: absolute;\r\n    z-index: 4;\r\n    right: 0;\r\n    top: 1px;\r\n    bottom: 0;\r\n    line-height: 64px;\r\n    font-size: 16px;\r\n    min-width: 60px;\r\n    background: #F3F3F3;\r\n    text-align: center;\r\n    color: #7F7F7F;\r\n  }\r\n\r\n  .form-group-grid .amount {\r\n    padding-right: 60px;\r\n  }\r\n\r\n  .form-group-offer .error {\r\n    text-align: left;\r\n  }\r\n\r\n  .cards {\r\n    margin: 0;\r\n    -webkit-box-shadow: none;\r\n    box-shadow: none;\r\n    border-radius: 0;\r\n    position: static;\r\n  }\r\n\r\n  .cards:before,\r\n  .cards:after {\r\n    content: \" \";\r\n    display: table;\r\n  }\r\n\r\n  .cards:after {\r\n    clear: both;\r\n  }\r\n\r\n  .cards:before,\r\n  .cards:after {\r\n    content: \" \";\r\n    display: table;\r\n  }\r\n\r\n  .cards:after {\r\n    clear: both;\r\n  }\r\n\r\n  .card {\r\n    border: none;\r\n    border-radius: 0;\r\n    width: auto;\r\n    height: auto;\r\n  }\r\n\r\n  .card.card-front {\r\n    position: static;\r\n  }\r\n\r\n  .card.card-back {\r\n    position: static;\r\n    background: none;\r\n  }\r\n\r\n  .card .form-group {\r\n    padding: 0;\r\n  }\r\n\r\n  .card .control-label {\r\n    text-transform: none;\r\n    font-weight: 600;\r\n    color: rgba(0, 0, 0, 0.5);\r\n    font-size: 10px;\r\n  }\r\n\r\n  .card .stripe {\r\n    display: none;\r\n  }\r\n\r\n  .card #credit_card_number_row {\r\n    padding-top: 0;\r\n  }\r\n\r\n  .card #credit_card_number_row:before,\r\n  .card #credit_card_number_row:after {\r\n    content: \" \";\r\n    display: table;\r\n  }\r\n\r\n  .card #credit_card_number_row:after {\r\n    clear: both;\r\n  }\r\n\r\n  .card #credit_card_number_row:before,\r\n  .card #credit_card_number_row:after {\r\n    content: \" \";\r\n    display: table;\r\n  }\r\n\r\n  .card #credit_card_number_row:after {\r\n    clear: both;\r\n  }\r\n\r\n  .card #credit_card_number_row .control-label {\r\n    width: 100%;\r\n    display: block;\r\n  }\r\n\r\n  .card .credit_card_number,\r\n  .card #credit_card_number {\r\n    padding-left: 15px;\r\n    background-image: -webkit-linear-gradient(top, #f3f3f3 0, #fff 10px);\r\n    background-image: -o-linear-gradient(top, #f3f3f3 0, #fff 10px);\r\n    background-image: linear-gradient(to bottom, #f3f3f3 0, #fff 10px);\r\n    background-repeat: repeat-x;\r\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3f3f3', endColorstr='#ffffffff', GradientType=0);\r\n  }\r\n\r\n  .card .credit_card_number:focus,\r\n  .card #credit_card_number:focus,\r\n  .card .credit_card_number:active,\r\n  .card #credit_card_number:active {\r\n    background: rgba(89, 195, 65, 0.1);\r\n  }\r\n\r\n  .card .credit_card_expire_row,\r\n  .card #credit_card_expire_row {\r\n    padding: 0;\r\n    border-right: 1px solid #D2D2D2;\r\n    width: 50%;\r\n    float: left;\r\n    vertical-align: top;\r\n  }\r\n\r\n  .card .credit_card_expire_row .control-label,\r\n  .card #credit_card_expire_row .control-label {\r\n    width: 100%;\r\n  }\r\n\r\n  .card .credit_card_expire_row .form-field,\r\n  .card #credit_card_expire_row .form-field {\r\n    letter-spacing: 0;\r\n    font-size: 0;\r\n    border-bottom: 1px solid #D2D2D2;\r\n    margin-bottom: -1px;\r\n  }\r\n\r\n  .card .credit_card_expire_row .form-control,\r\n  .card #credit_card_expire_row .form-control {\r\n    vertical-align: top;\r\n  }\r\n\r\n  .card .credit_card_expire_row #expire_month,\r\n  .card #credit_card_expire_row #expire_month,\r\n  .card .credit_card_expire_row #expire_year,\r\n  .card #credit_card_expire_row #expire_year {\r\n    padding-left: 15px;\r\n    padding-right: 15px;\r\n    text-align: center;\r\n    width: 60px;\r\n  }\r\n\r\n  .card .credit_card_expire_row #expire_month::-moz-placeholder,\r\n  .card #credit_card_expire_row #expire_month::-moz-placeholder,\r\n  .card .credit_card_expire_row #expire_year::-moz-placeholder,\r\n  .card #credit_card_expire_row #expire_year::-moz-placeholder {\r\n    color: rgba(127, 127, 127, 0.5);\r\n  }\r\n\r\n  .card .credit_card_expire_row #expire_month:-ms-input-placeholder,\r\n  .card #credit_card_expire_row #expire_month:-ms-input-placeholder,\r\n  .card .credit_card_expire_row #expire_year:-ms-input-placeholder,\r\n  .card #credit_card_expire_row #expire_year:-ms-input-placeholder {\r\n    color: rgba(127, 127, 127, 0.5);\r\n  }\r\n\r\n  .card .credit_card_expire_row #expire_month::-webkit-input-placeholder,\r\n  .card #credit_card_expire_row #expire_month::-webkit-input-placeholder,\r\n  .card .credit_card_expire_row #expire_year::-webkit-input-placeholder,\r\n  .card #credit_card_expire_row #expire_year::-webkit-input-placeholder {\r\n    color: rgba(127, 127, 127, 0.5);\r\n  }\r\n\r\n  .card .cvv2_row,\r\n  .card #cvv2_row {\r\n    padding: 0;\r\n    text-align: left;\r\n    width: 50%;\r\n    float: left;\r\n    vertical-align: top;\r\n  }\r\n\r\n  .card .cvv2_row .control-label,\r\n  .card #cvv2_row .control-label {\r\n    display: block;\r\n  }\r\n\r\n  .card #cvv2 {\r\n    width: 100%;\r\n    text-align: left;\r\n  }\r\n\r\n  .expire-delimiter {\r\n    padding: 0;\r\n    z-index: 4;\r\n    line-height: 58px;\r\n    padding-top: 6px;\r\n    width: 10px;\r\n    text-align: center;\r\n    display: inline-block;\r\n  }\r\n\r\n  .form-sepa {\r\n    padding: 0;\r\n  }\r\n\r\n  .form-sepa .form-group {\r\n    display: block;\r\n    position: relative;\r\n  }\r\n\r\n  .form-sepa .form-group .form-field {\r\n    padding-bottom: 0 !important;\r\n  }\r\n\r\n  .form-sepa .control-label {\r\n    display: block;\r\n    padding: 0 15px;\r\n    line-height: 18px;\r\n  }\r\n\r\n  .form-sepa .form-field {\r\n    display: block;\r\n  }\r\n\r\n  .product-info-title {\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n\r\n  .product-info-row {\r\n    text-align: center;\r\n    margin: 0;\r\n  }\r\n\r\n  .product-info-col {\r\n    float: none;\r\n    margin: 0;\r\n    padding: 0 20px;\r\n    display: inline-block;\r\n    text-align: left;\r\n  }\r\n\r\n  .product-info-descr {\r\n    margin-bottom: 0;\r\n    border-bottom: none;\r\n    padding: 20px;\r\n  }\r\n\r\n  .product-info-parts {\r\n    padding: 0 20px;\r\n  }\r\n\r\n  .product-info-parts .form-control {\r\n    height: 40px;\r\n    line-height: 38px;\r\n    padding: 0 10px;\r\n    background: #fff;\r\n    border: 1px solid #D2D2D2;\r\n    border-radius: 2px;\r\n    width: auto;\r\n    -webkit-appearance: menulist;\r\n    -moz-appearance: menulist;\r\n    appearance: menulist;\r\n  }\r\n\r\n  .product-info-form .form-row {\r\n    margin-bottom: 0;\r\n    line-height: 56px;\r\n    position: relative;\r\n  }\r\n\r\n  .product-info-form .form-row .form-field {\r\n    float: none;\r\n    width: 100%;\r\n  }\r\n\r\n  .product-info-form .form-row .control-label {\r\n    margin-right: 0;\r\n    float: none;\r\n    border-bottom: none;\r\n    line-height: 18px;\r\n  }\r\n\r\n  .product-info-form .form-row .ui-radio-wrapper {\r\n    line-height: 58px;\r\n  }\r\n\r\n  .product-info-form .form-heading {\r\n    margin-bottom: 0;\r\n    padding: 0;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    border: none;\r\n    text-align: center;\r\n    line-height: 60px;\r\n  }\r\n\r\n  .page-status .page-section-status .row-group {\r\n    width: 95%;\r\n  }\r\n\r\n  .page-status .page-section-status .col-label,\r\n  .page-status .page-section-status .col-value {\r\n    font-size: 14px;\r\n    display: block;\r\n    padding: 5px 0;\r\n  }\r\n\r\n  .p2p_page .cards {\r\n    margin: 0;\r\n  }\r\n\r\n  .p2p_page .cardholder {\r\n    border-bottom: 1px solid #D2D2D2;\r\n    margin-bottom: -1px;\r\n    height: 66px;\r\n    line-height: 65px;\r\n    padding: 0 15px;\r\n    text-align: center;\r\n  }\r\n\r\n  .p2p_page .icons-cc {\r\n    display: none;\r\n  }\r\n\r\n  .p2p_page .card .control-label {\r\n    display: block;\r\n  }\r\n\r\n  .p2p_page .limits {\r\n    position: static;\r\n    top: auto;\r\n    right: auto;\r\n    bottom: auto;\r\n    left: auto;\r\n    border-bottom: 1px solid #D2D2D2;\r\n    margin-bottom: -1px;\r\n    height: 66px;\r\n    padding: 6px 15px 0;\r\n  }\r\n\r\n  .p2p_page .section-fields {\r\n    padding-top: 0;\r\n  }\r\n\r\n  .p2p_page .control-label {\r\n    text-align: left;\r\n    line-height: 18px;\r\n  }\r\n\r\n  .p2p_page .amount-row .form-control {\r\n    font-size: 18px;\r\n    height: 66px;\r\n    line-height: 1;\r\n    width: 100%;\r\n  }\r\n\r\n  .p2p_page .amount-row .form-control::-moz-placeholder {\r\n    color: rgba(127, 127, 127, 0.5);\r\n  }\r\n\r\n  .p2p_page .amount-row .form-control:-ms-input-placeholder {\r\n    color: rgba(127, 127, 127, 0.5);\r\n  }\r\n\r\n  .p2p_page .amount-row .form-control::-webkit-input-placeholder {\r\n    color: rgba(127, 127, 127, 0.5);\r\n  }\r\n\r\n  .p2p_page .section-offer {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .page-p2p.content {\r\n    margin: 0;\r\n    max-width: none;\r\n    padding: 0;\r\n  }\r\n\r\n  .fee-row {\r\n    left: auto;\r\n    right: 15px;\r\n    top: 7px;\r\n    width: auto;\r\n    z-index: 4;\r\n  }\r\n\r\n  .amount-row.form-group {\r\n    display: block;\r\n  }\r\n\r\n  .amount-row .control-label,\r\n  .amount-row .ui_p2p_fee {\r\n    display: block;\r\n  }\r\n\r\n  .pages-checkout .container.page-pne,\r\n  .form-credit .container,\r\n  .form-sepa .container {\r\n    max-width: none;\r\n    display: block;\r\n    padding: 0;\r\n  }\r\n\r\n  .form-credit .container {\r\n    padding-top: 20px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .pages-checkout .page-section-overview .col-label {\r\n    padding: 0 15px;\r\n  }\r\n\r\n  .page-pne #email_row .control-label,\r\n  .page-pne #verification_row .control-label {\r\n    color: rgba(0, 0, 0, 0.5);\r\n  }\r\n\r\n  .form-group-grid .form-group .form-field .form-control.number {\r\n    width: 50%;\r\n  }\r\n\r\n  .card .credit_card_expire_row .form-control,\r\n  .card #credit_card_expire_row .form-control {\r\n    width: 45px;\r\n  }\r\n\r\n  .card .cvv2_row .control-label,\r\n  .card #cvv2_row .control-label {\r\n    width: 100%;\r\n  }\r\n}", "target": "_top", "response_url": "https://api.dev.fondy.eu/test/responsepage/", "tabs": {"trustly": {"payment_systems": {"154118": {"country": "DE", "name": "giropay", "bank_logo": "giropay"}, "154147": {"country": "AT", "name": "SOFORT Banking", "bank_logo": "sofortbanking"}, "154148": {"country": "BE", "name": "SOFORT Banking", "bank_logo": "sofortbanking"}, "154149": {"country": "DE", "name": "SOFORT Banking", "bank_logo": "sofortbanking"}, "154150": {"country": "ES", "name": "SOFORT Banking", "bank_logo": "sofortbanking"}, "154151": {"country": "IT", "name": "SOFORT Banking", "bank_logo": "sofortbanking"}, "154152": {"country": "NL", "name": "SOFORT Banking", "bank_logo": "sofortbanking"}, "154153": {"country": "AT", "name": "eps", "bank_logo": "eps"}, "154154": {"country": "BE", "name": "Bancontact", "bank_logo": "bancontact"}, "154155": {"country": "PT", "name": "Multibanco", "bank_logo": "multibanco"}, "154156": {"country": "IT", "name": "MyBank", "bank_logo": "mybank"}, "154157": {"country": "AD", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154158": {"country": "AT", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154159": {"country": "BE", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154160": {"country": "BG", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154161": {"country": "CH", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154162": {"country": "CY", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154163": {"country": "CZ", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154164": {"country": "DE", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154165": {"country": "DK", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154166": {"country": "EE", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154167": {"country": "ES", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154168": {"country": "FI", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154169": {"country": "FR", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154170": {"country": "GB", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154171": {"country": "GR", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154172": {"country": "HR", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154173": {"country": "HU", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154174": {"country": "IE", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154175": {"country": "IS", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154176": {"country": "IT", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154177": {"country": "LI", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154178": {"country": "LT", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154179": {"country": "LU", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154180": {"country": "LV", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154181": {"country": "MC", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154182": {"country": "MT", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154183": {"country": "NL", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154184": {"country": "NO", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154185": {"country": "PL", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154186": {"country": "PT", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154187": {"country": "RO", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154188": {"country": "SE", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154189": {"country": "SI", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154190": {"country": "SK", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154191": {"country": "SM", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154192": {"country": "VA", "name": "Paysafecard", "bank_logo": "paysafecard"}, "154193": {"country": "EE", "name": "Estonian Online Bank Transfer", "bank_logo": "estonianonlinebanktransfer"}, "154194": {"country": "LV", "name": "Latvian Online Bank Transfer", "bank_logo": "latvianonlinebanktransfer"}, "154195": {"country": "FI", "name": "Finnish Online Bank Transfer/Verkkopankki", "bank_logo": "finnishonlinebanktransfer_verkkopankki"}, "154231": {"country": "CN", "name": "Alipay", "bank_logo": "alipay"}, "154232": {"country": "AT", "name": "Safetypay", "bank_logo": "safetypay"}, "154233": {"country": "BE", "name": "Safetypay", "bank_logo": "safetypay"}, "154234": {"country": "BR", "name": "Safetypay", "bank_logo": "safetypay"}, "154235": {"country": "CL", "name": "Safetypay", "bank_logo": "safetypay"}, "154236": {"country": "CR", "name": "Safetypay", "bank_logo": "safetypay"}, "154237": {"country": "DE", "name": "Safetypay", "bank_logo": "safetypay"}, "154238": {"country": "EC", "name": "Safetypay", "bank_logo": "safetypay"}, "154239": {"country": "ES", "name": "Safetypay", "bank_logo": "safetypay"}, "154240": {"country": "MX", "name": "Safetypay", "bank_logo": "safetypay"}, "154241": {"country": "NL", "name": "Safetypay", "bank_logo": "safetypay"}, "154242": {"country": "PE", "name": "Safetypay", "bank_logo": "safetypay"}, "154243": {"country": "BR", "name": "Boleto Bancario (Brazil)", "bank_logo": "boletobancario_brazil"}, "154244": {"country": "MX", "name": "OXXO (Mexico)", "bank_logo": "oxxo_mexico"}, "154245": {"country": "AD", "name": "Skrill", "bank_logo": "skrill"}, "154246": {"country": "AT", "name": "Skrill", "bank_logo": "skrill"}, "154247": {"country": "BE", "name": "Skrill", "bank_logo": "skrill"}, "154248": {"country": "BG", "name": "Skrill", "bank_logo": "skrill"}, "154249": {"country": "CH", "name": "Skrill", "bank_logo": "skrill"}, "154250": {"country": "CY", "name": "Skrill", "bank_logo": "skrill"}, "154251": {"country": "CZ", "name": "Skrill", "bank_logo": "skrill"}, "154252": {"country": "DE", "name": "Skrill", "bank_logo": "skrill"}, "154253": {"country": "DK", "name": "Skrill", "bank_logo": "skrill"}, "154254": {"country": "EE", "name": "Skrill", "bank_logo": "skrill"}, "154255": {"country": "ES", "name": "Skrill", "bank_logo": "skrill"}, "154256": {"country": "FI", "name": "Skrill", "bank_logo": "skrill"}, "154257": {"country": "FR", "name": "Skrill", "bank_logo": "skrill"}, "154258": {"country": "GB", "name": "Skrill", "bank_logo": "skrill"}, "154259": {"country": "GR", "name": "Skrill", "bank_logo": "skrill"}, "154260": {"country": "HR", "name": "Skrill", "bank_logo": "skrill"}, "154261": {"country": "HU", "name": "Skrill", "bank_logo": "skrill"}, "154262": {"country": "IE", "name": "Skrill", "bank_logo": "skrill"}, "154263": {"country": "IS", "name": "Skrill", "bank_logo": "skrill"}, "154264": {"country": "IT", "name": "Skrill", "bank_logo": "skrill"}, "154265": {"country": "LI", "name": "Skrill", "bank_logo": "skrill"}, "154266": {"country": "LT", "name": "Skrill", "bank_logo": "skrill"}, "154267": {"country": "LU", "name": "Skrill", "bank_logo": "skrill"}, "154268": {"country": "LV", "name": "Skrill", "bank_logo": "skrill"}, "154269": {"country": "MC", "name": "Skrill", "bank_logo": "skrill"}, "154270": {"country": "MT", "name": "Skrill", "bank_logo": "skrill"}, "154271": {"country": "NL", "name": "Skrill", "bank_logo": "skrill"}, "154272": {"country": "NO", "name": "Skrill", "bank_logo": "skrill"}, "154273": {"country": "PL", "name": "Skrill", "bank_logo": "skrill"}, "154274": {"country": "PT", "name": "Skrill", "bank_logo": "skrill"}, "154275": {"country": "RO", "name": "Skrill", "bank_logo": "skrill"}, "154276": {"country": "SE", "name": "Skrill", "bank_logo": "skrill"}, "154277": {"country": "SI", "name": "Skrill", "bank_logo": "skrill"}, "154278": {"country": "SK", "name": "Skrill", "bank_logo": "skrill"}, "154279": {"country": "SM", "name": "Skrill", "bank_logo": "skrill"}, "154280": {"country": "VA", "name": "Skrill", "bank_logo": "skrill"}, "155598": {"country": "AD", "name": "testbank", "bank_logo": "testbank"}, "155599": {"country": "AT", "name": "testbank", "bank_logo": "testbank"}, "155600": {"country": "BE", "name": "testbank", "bank_logo": "testbank"}, "155601": {"country": "BG", "name": "testbank", "bank_logo": "testbank"}, "155602": {"country": "CH", "name": "testbank", "bank_logo": "testbank"}, "155603": {"country": "CY", "name": "testbank", "bank_logo": "testbank"}, "155604": {"country": "CZ", "name": "testbank", "bank_logo": "testbank"}, "155605": {"country": "DE", "name": "testbank", "bank_logo": "testbank"}, "155606": {"country": "DK", "name": "testbank", "bank_logo": "testbank"}, "155607": {"country": "EE", "name": "testbank", "bank_logo": "testbank"}, "155608": {"country": "ES", "name": "testbank", "bank_logo": "testbank"}, "155609": {"country": "FI", "name": "testbank", "bank_logo": "testbank"}, "155610": {"country": "FR", "name": "testbank", "bank_logo": "testbank"}, "155611": {"country": "GB", "name": "testbank", "bank_logo": "testbank"}, "155612": {"country": "GR", "name": "testbank", "bank_logo": "testbank"}, "155613": {"country": "HR", "name": "testbank", "bank_logo": "testbank"}, "155614": {"country": "HU", "name": "testbank", "bank_logo": "testbank"}, "155615": {"country": "IE", "name": "testbank", "bank_logo": "testbank"}, "155616": {"country": "IS", "name": "testbank", "bank_logo": "testbank"}, "155617": {"country": "IT", "name": "testbank", "bank_logo": "testbank"}, "155618": {"country": "LI", "name": "testbank", "bank_logo": "testbank"}, "155619": {"country": "LT", "name": "testbank", "bank_logo": "testbank"}, "155620": {"country": "LU", "name": "testbank", "bank_logo": "testbank"}, "155621": {"country": "LV", "name": "testbank", "bank_logo": "testbank"}, "155622": {"country": "MC", "name": "testbank", "bank_logo": "testbank"}, "155623": {"country": "MT", "name": "testbank", "bank_logo": "testbank"}, "155624": {"country": "NL", "name": "testbank", "bank_logo": "testbank"}, "155625": {"country": "NO", "name": "testbank", "bank_logo": "testbank"}, "155626": {"country": "PL", "name": "testbank", "bank_logo": "testbank"}, "155627": {"country": "PT", "name": "testbank", "bank_logo": "testbank"}, "155628": {"country": "RO", "name": "testbank", "bank_logo": "testbank"}, "155629": {"country": "SE", "name": "testbank", "bank_logo": "testbank"}, "155630": {"country": "SI", "name": "testbank", "bank_logo": "testbank"}, "155631": {"country": "SK", "name": "testbank", "bank_logo": "testbank"}, "155632": {"country": "SM", "name": "testbank", "bank_logo": "testbank"}, "155633": {"country": "VA", "name": "testbank", "bank_logo": "testbank"}}}}, "response_status": "success", "client_fee": null, "tabs_order": ["trustly"], "order_data": {"rrn": "", "masked_card": "", "sender_cell_phone": "", "response_status": "success", "sender_account": "", "fee": "", "rectoken_lifetime": "", "reversal_amount": "0", "settlement_amount": "0", "actual_amount": "", "order_status": "created", "response_description": "", "verification_status": "", "order_time": "16.08.2019 09:29:37", "actual_currency": "", "order_id": "test6256601342", "parent_order_id": "", "merchant_data": "Test merchant data", "tran_type": "purchase", "eci": "", "settlement_date": "", "payment_system": "", "rectoken": "", "approval_code": "", "merchant_id": 900238, "settlement_currency": "", "payment_id": 5458609, "product_id": "", "currency": "EUR", "card_bin": "", "response_code": "", "card_type": "", "amount": "200", "sender_email": "", "signature": "0033b32767bb010d176ad787b731b170d03861ab"}, "checkout_email_required": false, "active_tab": "trustly", "default_country": "BE", "checkout_phone_required": false, "customer_required_data": [], "order": {"merchant_data": "Test merchant data", "currency": "EUR", "subscription": false, "fee": 0.0, "expire_year": null, "expire_month": null, "card_bin": null, "error_code": null, "order_desc": "\u0422\u0435\u0441\u0442\u043e\u0432\u044b\u0439 \u043f\u043b\u0430\u0442\u0435\u0436", "amount": 2.0, "error_description": null, "verification": false, "actual_amount": 2.0, "card_last_digit": null, "button": false}, "pending": false}}

var bank = Object.values(response.response.tabs.trustly.payment_systems)

var bank_logo = bank.map(i=>i.bank_logo)

var result = bank_logo.filter((i, key, self) => self.indexOf(i) === key).sort()

console.log(bank_logo.length, result)