.about_form{
	color:#fff;
	font-weight:100;
}

.about_form .h1{
	font-weight: 400;
font-size:	23px;
line-height:1.2; 
    margin-bottom: 15px;
}

.about_form .h3.gold{
	color: #cba37c;
	    font-weight: 100;
font-size:		32px;
line-height:1;
    margin: 0 0 35px;
}

.about_form .form-fields {
    display: flex;
}

.about_form .form-group {
    margin-bottom: 20px;
	padding-right: 20px;
}

.about_form .checkbox {
    cursor: pointer;
    font-weight: 400;
line-height:1.3;
	font-size: 12px;
	margin:0;
}

.about_form input[type="checkbox"],.about_form input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
	box-sizing: border-box;
    padding: 0;
	opacity:0;
	margin:0;
}
.checkbox span {
        position: relative;
    padding-left: 18px;
    height: 13px;
    display: inline-block;
}

.checkbox span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 10px;
    height: 10px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
	    top: 2px;
		 background: #8e1523;
}

.checkbox [type='checkbox']:checked + span::before {
    background: #cba37c;
}


.checkbox a {
    color: #cba37c;
    -webkit-transition: all ease-out .2s;
    transition: all ease-out .2s;
    outline: none!important;
    text-decoration: none;
	font-size:12px;
}

.form-submit {
    text-align: right;
}

.calc-link {
    color: #cba37c;
    border: 2px solid #715d4b;
    padding: 10px 15px;
   
    border-radius: 5px;
    min-width: 150px;
	outline: 0;
	font-weight: 100;
font-size:	16px;
line-height:1;
text-transform:none;
}

input[type="text"].input__field,
input[type="password"].input__field,
input[type="date"].input__field,
input[type="datetime"].input__field,
input[type="email"].input__field,
input[type="number"].input__field,
input[type="search"].input__field,
input[type="tel"].input__field,
input[type="time"].input__field,
input[type="url"].input__field,
textarea.input__field,
select.input__field {
    border: 0;
    color: #000;
    padding: 12px;
    height: 45px;
    -webkit-appearance: none;
	margin:0 !important
}

textarea.input__field {
    height: 106px;
    resize: none;
    font-weight: 400
}

.input {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0;
    width: 100%;
    vertical-align: top;
	
}

.input__field {
    position: relative;
    display: block;
    float: right;
    width: 60%;
    border-radius: 0;
    font-weight: 700;
	background:none !important;
	margin:0;
}

.input__field:focus {
    outline: 0
}

.input__label {
    display: inline-block;
    float: right;
    padding: 0;
    width: 40%;
    color: #555;
    font-weight: 100;
    font-size: 70.25%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	margin:0;
}

.input__label-content {
    position: relative;
    display: block;
    padding: 12px 0;
    width: 100%
}

.graphic {
    position: absolute;
    top: 0;
    left: 0;
    fill: none
}

.input__field--madoka {
    width: 100%;
    background: transparent;
    color: #555
}

.input__label--madoka {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #555;
    text-align: left;
    cursor: text
}

.input__label-content--madoka {
    white-space: nowrap;
    font-size: 16px;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
	font-weight:100;
}

.graphic--madoka {
    stroke: #555;
    -webkit-transform: scale3d(1, -1, 1);
    transform: scale3d(1, -1, 1);
    -webkit-transition: stroke-dashoffset .3s;
    transition: stroke-dashoffset .3s;
    pointer-events: none;
    stroke-width: 2px;
    stroke-dasharray: 962;
    stroke-dashoffset: 558;
    height: 45px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
	
}

.madoka_white .graphic--madoka {
    stroke: #8e1523;
    stroke-width: 2px
}

.madoka_white input[type="text"].input__field,
.madoka_white input[type="password"].input__field,
.madoka_white input[type="date"].input__field,
.madoka_white input[type="datetime"].input__field,
.madoka_white input[type="email"].input__field,
.madoka_white input[type="number"].input__field,
.madoka_white input[type="search"].input__field,
.madoka_white input[type="tel"].input__field,
.madoka_white input[type="time"].input__field,
.madoka_white input[type="url"].input__field,
.madoka_white textarea.input__field,
.madoka_white select.input__field,
.madoka_white .input__label,
.madoka_white .input__field--madoka,
.madoka_white .input__label--madoka {
    color: #fff
}

.input__field--madoka.ng-not-empty+.input__label--madoka .graphic--madoka,
.input__field--madoka:focus+.input__label--madoka,
.input--filled .input__label--madoka,
.textarea--filled .input__label--madoka {
    cursor: default;
    pointer-events: none
}

.input__field--madoka.ng-not-empty+.input__label--madoka .graphic--madoka,
.input__field--madoka:focus+.input__label--madoka .graphic--madoka,
.input--filled .graphic--madoka,
.textarea--filled .graphic--madoka {
    stroke-dashoffset: 0
}

.input__field--madoka.ng-not-empty+.input__label--madoka .input__label-content--madoka,
.input__field--madoka:focus+.input__label--madoka .input__label-content--madoka,
.input--filled .input__label-content--madoka {
    -webkit-transform: scale3d(0.61, 0.61, 1) translate3d(0, 50px, 0);
    transform: scale3d(0.61, 0.61, 1) translate3d(0, 50px, 0)
}

.textarea--madoka .graphic--madoka {
    height: 130px;
    stroke-width: 1px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.textarea--madoka .input__field--madoka.ng-not-empty+.input__label--madoka .input__label-content--madoka,
.textarea--madoka .input__field--madoka:focus+.input__label--madoka .input__label-content--madoka,
.textarea--madoka.textarea--filled .input__label-content--madoka,
.textarea--madoka.textarea--filled.input--filled .input__label-content--madoka {
    -webkit-transform: scale3d(0.61, 0.61, 1) translate3d(0, 190px, 0);
    transform: scale3d(0.61, 0.61, 1) translate3d(0, 190px, 0)
}

.form-fields .label-file.file-error {
    border-color: #a74652
}

.ng-submitted .input__field.ng-invalid.ng-touched+.input__label .graphic--madoka,
.ng-submitted .input__field.ng-invalid-required.ng-touched+.input__label .graphic--madoka {
    stroke: #a74652
}

.ng-submitted .madoka_white .input__field.ng-invalid.ng-touched+.input__label .graphic--madoka,
.ng-submitted .madoka_white .input__field.ng-invalid-required.ng-touched+.input__label .graphic--madoka {
    stroke: #8e1523
}

.madoka_white .graphic--madoka.graphic--gold {
    stroke: #cba37c;
}

.about_form_sent{
	display:none;
}

@media (max-width:991px){
.about_form .form-fields{
flex-wrap:wrap;}
}