.asterisk {color: red;}
.success {color: green;}
.change {width: 50%; float: left; text-align: center; margin-bottom: 15px;}
.change img {margin-bottom: 6px;min-height: 169px;}
.change p {margin-bottom: 0;}
.change input {margin: -1px 5px 0 0;}
.change span {color: #39b54a; font-weight: bold;}
.change ul {margin: 10px 0 0 50px;}
.change ul li {text-align: left; list-style-type: none; margin-bottom: 5px; padding: 10px; cursor: pointer;}
.change ul li.active, .change ul li:hover {outline: 1px solid #197b30; background: #fffdea;}
p.changed {font-weight: bold; font-size: 15px; letter-spacing: 1px; margin-bottom: 20px !important;text-align: center;}
p.changed:before {clear: both;content: '';display: block;}

.subscription p {margin-bottom: 0;}
.subscription input {height: 30px; line-height: 30px; border: 1px solid #898989;}
.subscription .input-name {width: 98%;}
.subscription .input-email {width: 452px;display: inline-block; margin-right: 12px;}
.subscription .input-email input{width: 97%;}
.subscription .input-number {display: inline-block;}
.subscription .input-number input {width: 119%;}
.subscription article {margin-bottom: 20px;}
.input-index, .input-point, .input-street{display: inline-block; margin-right: 16px;}
.input-street, .input-adrress {display: inline-block;}
.input-adrress {width: 17%; margin-right: 21px;}
.input-adrress input {width: 92%;}
.subscription .clearmarg {margin-right: 0;}
.input-name textarea {width: 100%; height: 100px; border: 1px solid #898989;}
.subscription button {height: 55px; font-size: 16px; width: 216px; display: block; margin: 10px auto;}
.subscription-text {margin-top: 35px;}

.change label {display: inline;}
.change input[type=radio] {display: none;}
.change label:before { 
	content: "";
	display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 6px;
    position: relative;
    left: 0;
    top: 4px;
    border: 1px solid #aaa;
    border-radius: 50%;
}
input[type=radio]:checked + label:before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 5px solid #3b99fc;
}

span.error {position: absolute; display: none; float: right; margin-top: -26px; background: #9e0039; color: #FFF; font-size: 10px; padding: 0 8px;}
span.error:after {content: ""; background: url('/bitrix/templates/nkj.kotico/img/arrow-error.png') no-repeat; width: 17px; height: 8px; position: absolute; margin-left: 35px; display: block;}

.error-name { margin-left: 175px; }
.error-email { margin-left: 55px; }
.error-index { margin-left: 63px; }
.error-city { margin-left: 131px; }
.error-street { margin-left: 56px; }
.error-house { margin-left: 43px; }
.input-comppany {position: absolute;width: 0;height: 0;overflow: hidden;}

.payment-radio {
	margin-top: -4px !important;
}

.personal-data {
	display: none;
}

.bx-soa-coupon-input {
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.bx-soa-coupon-input input[type=text].form-control {
	border: 1px solid #CCD5DB;
	background-color: #f8fafc;
	background-image: none;
	border-radius: 2px;
	outline: none;
	display: block;
	height: 16px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	box-shadow: none;
}
.bx-soa-coupon-input:after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	background-color: transparent;
	border-right: 2px solid #8da3ad;
	border-bottom: 2px solid #8da3ad;
	position: absolute;
	right: 12px;
	top: 26%;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	cursor: pointer;
}