/* Yandex form */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("font-awesome/fonts/fa-brands-400.woff2")
}

/* Icons */
.yandexpayment .icon, .yandexpayment .icon::before {
	display: inline-block;
  	font-weight: normal;
  	font-style: normal;
  	font-variant: normal;
  	font-family: FontAwesome, 'Font Awesome 5 Brands';
  	font-size: 22px;
  	line-height: 1;
  	text-rendering: auto; /* optimizelegibility throws things off #1094 */
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
}

.fab {
  font-family: 'Font Awesome 5 Brands';
}

.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.yandexpayment i {
    vertical-align: middle;
}

.yandexpayment i.fa-yandex.fa-2x, .yandexpayment i.fa-yandex.fa-2x:before {
	font-size: 16.5px;
}

.fa-ruble-sign:before {
  content: "\f158";
}
  
.fa-yandex:before {
  content: "\f413";
}

.yandexpayment .icon.icon-lightgreen, .yandexpayment a:hover .icon.icon-lightgreen {
	color: #74BD46;
}

.yandexpayment .icon.icon-green, .yandexpayment a:hover .icon.icon-green {
	color: #1b9A1B;
}

/* Button */
.yandexpayment input.button1.ya-button-green {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.5;
	text-align: left;
	vertical-align: middle;
	padding: 3px 6px;
	background: url("nx_images/bg_button.gif") #FAFAFA repeat-x top left;
	border: 1px solid #BBB;
	color: #1b9A1B;
}

/* Blocks */
.yandexpayment div {
    display: inline-block;
    margin: 10px 0;
}

.yandexpayment span {
    display: none;
}

.yandexpayment fieldset.submit-buttons input.inputbox {
	width: 77px;
	padding: 2px;
}

.yandexpayment label {
	display: inline-block;
	padding-right: 5px;
	margin: 0;
}

.yandexpayment input {
	margin: 0;
}

.yandexpayment .hide {
	display: none;
}

@media (max-width: 750px) {
	.yandexpayment div {
		display: block;
		padding-right: 0;
		padding-bottom: 5px;
	}
}