@import url("/static/common/css/fonts/opensans/opensans.css");

input::-ms-clear {
	display: none;
}
#ruble-icon {
	height: 16px;
	width: 11.6px;
}
.main .container {
	width: 100%;
	margin: 0 auto;
}
.main .c2c .form-group.state_init .b2p-label {
	-webkit-transform: translateY(0) scale(0.75);
	-ms-transform: translateY(0) scale(0.75);
	transform: translateY(0) scale(0.75);
	font-size: 14px;
	/*width: 132%;*/
}
.main .c2c .card-ico.visa-ico {
	background: url(../logo/visa.svg) no-repeat center center;
}
.main .c2c .card-ico.visa-ico_white {
	background: url(../logo/visa_white.svg) no-repeat center center;
	background-size: contain;
}

.main .c2c .card-ico.visa-ico .mastercard-ico {
	background: url(../logo/mc.svg) no-repeat center center;
}

fieldset {
	position: relative;
}
.has-error, .has-error2 {
	border-color: #ff0000!important;
}
.main .c2c h2 {
	text-align: left;
	margin: 0 0 8px!important;
}
.main .c2c .c2c-sender .c2c-sender-form .c2c-sender-form-body,.main .c2c .c2c-recipient .c2c-recipient-form {
	height: auto;
	background-color: transparent!important;
}

.main .c2c .c2c-sender {
	background: #E7EBEE;
	border-radius: 8px;
	padding-right: 16px;
	padding-left: 0;
}

.main .c2c .c2c-sender.sberbank {
	background: #53B56C;
}

.main .c2c .c2c-sender.alfabank {
	background: #E75649;
}

.main .c2c .c2c-sender.tinkoff {
	background: #ECCC3F;
}

.main .c2c .c2c-sender.gazprombank {
	background: #4981D6;
}

.main .c2c .c2c-sender.promsvyazbank {
	background: #36438D;
}

.main .c2c .c2c-sender.raiffeisen {
	background: #E3D33D;
}

.main .c2c .c2c-sender.unicredit {
	background: #D83A4C;
}

.main .c2c .c2c-sender.citi {
	background: #21254F;
}

.main .c2c .c2c-sender.bcs {
	background: #2982EC;
}

.main .c2c .c2c-sender.mtsbank {
	background: #D43139;
}

.main .c2c .c2c-sender.homecreditbank {
	background: #D1314A;
}

.main .c2c .c2c-sender.otpbank {
	background: #6AB44F;
}

.main .c2c .c2c-sender.otkrytie {
	background: #23B4DB;
}

.main .c2c .c2c-sender.zenit {
	background: #3F989F;
}

.main .c2c .c2c-sender.vtb {
	background: #203D81;
}

.main .c2c .c2c-sender.ural-sib {
	background: #1E398D;
}

.main .c2c .c2c-sender.vozrojdenie {
	background: #254373;
}

.main .c2c .c2c-sender.smp {
	background: #52A0DC;
}

.main .c2c .c2c-sender.rosselhoz {
	background: #30663E;
}

.main .c2c .c2c-sender.rosgosstrah {
	background: #9F224B;
}

.main .c2c .c2c-sender.novikombank {
	background: #0F5A9C;
}

.main .c2c .c2c-sender.rosbank {
	background: #DD3E50;
}

.main .c2c .c2c-sender.pochtabank {
	background: #243483;
}

.main .c2c .c2c-sender.russtandart {
	background: #636363;
}

.main .c2c .c2c-recipient {
	padding-right: 0;
	background: #E7EBEE;
	border-radius: 8px;
	padding-left: 16px;
}
.main .c2c .c2c-recipient .c2c-recipient-form, .main .c2c .c2c-sender .c2c-sender-form .c2c-sender-form-body {
	width: 100%;
}
.main .c2c .form-group {
	margin-bottom: 0;
}
.main .c2c .form-group-input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	border: 1px solid #D8D8D8;
	background-color: #ffffff;
	border-radius: 8px;
	overflow: hidden;
}
.main .c2c .bank-logo-group-1 {
	display: none;
	width: 53.96px;
	height: 32px;
	/*background: #1E398D;*/
	border-radius: 4px;
	position: absolute;
	right: 47px;
	top: 16px;
	border: 1px solid rgba(0,0,0,0.1);
}
.main .c2c .bank-logo-group-1 .card-ico {
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	top: 20px;
	width: 20px;
	height: 10px;
	right: 8px;
}
.main .c2c .bank-logo-group-1 .bank-logo {
	height: 13px;
	width: 31px;
	margin-top: 2px;
	margin-left: 4px;
	background-size: contain;
	background-repeat: no-repeat;
}
.main .c2c .form-group-information {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 0;
	min-width: 0;
	opacity: 0;
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
	-webkit-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	pointer-events: none;
}
.main .c2c .c2c-recipient .c2c-recipient-form .form-group {
	width: 100%;
	/*border: 1px solid #D8D8D8;*/
	/*border-radius: 4px;*/
}
.main .b2p-form fieldset .b2p-input  {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-bottom: 0;
	height: 64px;
	width: 100%;
	font-weight: 500;
}
.main .b2p-form fieldset .b2p-input .b2p-label,
.main .b2p-form fieldset .b2p-input .b2p-label span {
	margin-bottom: 4px;
	font-weight: 500;
	-webkit-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
	font-size: 13px;
	color: #78818F!important;
	white-space: nowrap;
}

#amountControl{
	background: none;
}
.form-control {
	background-color: transparent;
	height: auto;
	padding: 0;
	border: none;
	font-size: 16px;
}
.form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-feedback .form-control {
	width: auto;
}
.main .c2c fieldset .form-group.form-group_sender {
	min-width: 100%;
	width: 100%;
}
.b2p-transfer-and-sending {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 32px;
}
.main .c2c fieldset .b2p-year-and-month {
	width: 93px;
}
.b2c-remove-value {
	display: none;
	position: absolute;
	right: 26px;
	top: 31px;
	margin: 0;
	padding: 0;
	border: none;
	background: 0 0;
	outline: 0;
	text-decoration: none;
}
.form-control.has-error + .tooltip.in, .payment-type-control.has-error + .tooltip.in {
	opacity: 0;
}
.b2c-remove-value .b2c-remove-value_line {
	display: block;
	position: absolute;
	background-color: #001934;
	width: 10px;
	height: 2px;
}
.b2c-remove-value .b2c-remove-value_line-1 {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.b2c-remove-value .b2c-remove-value_line-2 {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.b2p-transfer-and-sending .b2p-price-commission {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-left: -15px;
}
.b2p-transfer-and-sending .b2p-price-commission .b2p-price {
	margin-left: -15px;
	margin-right: 0;
}
.b2p-transfer-and-sending .b2p-price-commission .b2p-input {
	padding: 22px 24px;
	background: #F0F4F8;
	border-radius: 8px;
	height: 64px;
}
.b2p-price-commission {
	margin-top: 0;
}
.main .b2p-form fieldset .b2p-price input,.icon-rouble:before {
	padding: 0;
	font-size: 16px;
}
.b2p-price .currency {
	color: #78818F;
	right: 16px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
}
.icon-rouble {
	color: rgb(85, 85, 85);
}
.icon-rouble:before {
	content: 'RUB';
	font-family:'Open Sans', sans-serif!important;
}
.commission-and-total {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.b2p-price {
	margin-right: 17px;
}
.main .c2c fieldset .b2p-commission {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 0;
}
.main .c2c fieldset .b2p-commission p {
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 0;
	color: #78818F;
}
#submitButton {
	width: 154px;
	height: 64px;
	font-size: 16px;
	border-radius: 4px;
	text-transform: capitalize;
	font-weight: 700;
	background-color: #4573D9;
	margin-right: 24px;
}
.b2p-commission_calculated-wrapper {
	color: #78818F;
	font-size: 12px;
}
.b2p-commission_calculated-sum {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 16px;
	line-height: 24px;
	color: #D8D8D8;
}
#totalCommission {
	background-color: transparent;
	color: #001934;
	font-size: 16px;
	line-height: 24px;
	height: auto;
	min-width: auto;
	width: auto;
	padding: 0 6px 0 0;
	border: none;
}
.b2p-commission_calculated {
	display: none;
}
.b2p-commission_percent {
	color: #D8D8D8;
	font-size: 16px;
}
.form-actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.form-actions .button {
	position: relative;
	padding: 20px 32px;
	background: #006DF0;
	border-radius: 8px;
	margin-right: 32px;
}
.form-actions .button:hover {
	background-color: #0e69d4;
}
.form-actions .button:focus {
	background-color: #0e69d4;
	outline-style: none;
	outline-width: 0px !important;
}
.form-actions .button .button__title {
	color: white;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
}
.form-actions .button .button__icon {
	margin-right: 20px;
}
.form-actions .button .btn.aic {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.main .c2c .form-actions .form-help {
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	color: #78818F;
	font-weight: 600;
	margin: 0;
	padding-right: 0;
}
.main .c2c .form-actions .form-help a {
	color: #4573D9;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
}
@media (min-width: 1280px) {
	.main .c2c .form-actions .form-help br {
		display: none;
	}
	.hidden-desktop {
		display: none;
	}
}
@media (max-width: 1279px) {
	.hidden-mobile {
		display: none;
	}
	.main {
	}
	.main .container {

	}
	.main .b2p-form fieldset .b2p-input .b2p-label span {
		display: none;
	}
	.main .c2c .b2p-input__wrapper {
		min-height: 23px;
		overflow-x: hidden;
	}
}
@media (min-width: 714px) {
	.col-sm-6 {
		width: 100%;
	}
}
@media (min-width: 960px) {
	.col-sm-6 {
		width: 50%;
	}
}
@media (max-width: 959px) {
	.main .container {
		max-width: 900px;
	}
	#payForm {
		max-width: 100%;
	}
	.main .c2c .c2c-sender {
		padding-right: 0;
	}
	.main .c2c .c2c-recipient {
		padding-left: 0;
	}
	.c2c-sender {
		margin-bottom: 24px;
	}
	.main .c2c .card-ico {
		display: block;
	}
	#card-1-bank-logo, #card-2-bank-logo {
		display: block;
	}
	.b2p-transfer-and-sending {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 10px;
	}

	.b2p-price-commission {
	}
	.b2p-transfer-and-sending .col-sm-6 {
		padding-right: 0;
		padding-left: 0;
	}
	.b2p-transfer-and-sending .b2p-price-commission, .b2p-transfer-and-sending .b2p-price-commission .b2p-price {
		margin-left: 0;
		margin-right: 0;
		padding-right: 10px;
	}
	.main .c2c fieldset .b2p-commission {
		margin-top: 8px;
	}
	.b2p-transfer-and-sending .b2p-price-commission .b2p-commission-attention br {
		display: none;
	}
	.main .form-actions {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.main .c2c .form-actions .form-help {
		width: 100%;
		text-align: left;
	}
	#submitButton {
		width: 100%;
		margin-top: 32px;
	}
	.main .c2c fieldset .b2p-year-and-month {
		width: 72px;
	}
	.b2p-commission_attention br {
		display: none;
	}
	.b2p-commission_calculated-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: baseline;
		-ms-flex-align: baseline;
		align-items: baseline;
		font-size: 14px;
	}
	.b2p-commission_calculated-sum {
		padding-left: 6px;
	}
	#totalCommission, .b2p-commission_percent {
		font-size: 14px;
	}
	#submitButton {
		margin-right: 0;
	}
	.button__icon {
		display: none;
	}
	.main .c2c .c2c-recipient .c2c-recipient-form, .main .c2c .c2c-sender .c2c-sender-form .c2c-sender-form-body {
		width: auto;
	}
}
@media (max-width: 913px) {
	.main .container {
		max-width: 880px;
	}
	.button {
		margin-left: 10px;
	}
}
@media (max-width: 767px) {
	.main .container {
		width: 100%;
		padding-right: 24px;
		padding-left: 24px;
	}
	.row {
		margin-right: 0;
		margin-left: 0;
	}
	.main .c2c .c2c-sender .c2c-sender-form .c2c-sender-form-body, .main .c2c .c2c-recipient .c2c-recipient-form {
		max-width: 100%;
	}
	.main .c2c h2 {
		margin: 0 0 8px!important;
	}
}
@media (max-width: 400px) {
	.main .c2c fieldset .b2p-year-and-month {
		width: 52px;
	}
	.form-control {
		font-size: 14px;
	}
	.main .c2c .bank-logo-group-1 {
		right: 23px;
	}
	.b2c-remove-value {
		right: 17px;
	}
	.state_number-pushed {
		left: -107px!important;
	}
	.main .c2c fieldset .b2p-year-and-month:last-child .b2p-input {
		padding-left: 10px;
	}
	.main .c2c .form-group-information {
		-webkit-transform: translateX(-65px) !important;
		-ms-transform: translateX(-65px) !important;
		transform: translateX(-65px) !important;
	}
}

.state_hidden {
	display: none!important;
}
.state_visible {
	display: block!important;
}
.state_input-movement {
	max-width: 100%!important;
	min-width: 60%!important;
	width: 100%!important;
	-webkit-transform: translateX(0)!important;
	-ms-transform: translateX(0)!important;
	transform: translateX(0)!important;
	opacity: 1!important;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	pointer-events: auto !important;
}
.state_number-movement {
	min-width: 230px!important;
}
@media (max-width: 349px) {
	.state_number-movement {
		min-width: 190px!important;
	}
}
.label-short {
	display: none;
}
@media (max-width: 1279px) {
	.state_input-movement {
		-webkit-transform: translateX(-109px)!important;
		-ms-transform: translateX(-109px)!important;
		transform: translateX(-109px)!important;
		opacity: 1!important;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
}
@media (max-width: 400px) {
	.state_input-movement .b2p-input {
		padding-left: 5px !important;
	}

	.state_input-movement {
		-webkit-transform: translateX(-100px)!important;
		-ms-transform: translateX(-100px)!important;
		transform: translateX(-100px)!important;
	}
	body {
		min-width: 100%;
	}
}
@media (max-width: 1279px) and (min-width: 960px) {
	.label-long {
		display: none;
	}

	.label-short {
		display: inline-block;
	}
}

.state_number-pushed {
	position: relative;
	left: -122px;
	-webkit-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}
.state_asterisk {
	margin-left: 8px;
}
.state_asterisk::after {
	content: '*';
	position: absolute;
	display: block;
	top: 29px;
	left: 19px;
	font-size: 16px;
	line-height: 24px;
	-webkit-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

@media (max-width: 767px) {
	.state_asterisk::after {
		top: 20px;
	}
	.state_input-movement {
		-webkit-transform: translateX(-130px)!important;
		-ms-transform: translateX(-130px)!important;
		transform: translateX(-130px)!important;
	}

	.state_visible {
		display: none !important;
	}
}