.wrapper__calc-balcony{background:url(/templates/stroitelstvo/images/window/bgbalcony.jpg) no-repeat center center / cover; padding:30px 0}
.balc-calc__title{font-weight: 700;font-size: 40px;line-height: 49px;text-transform: uppercase;color: #FFD200; padding-bottom:40px}
.balc-calc__text{font-weight: 700;font-size: 18px;line-height: 22px;color: #FFFFFF;padding-bottom:20px}
.balc-calc__info{width:calc(100% - 630px); padding-right:25px}
.balc-calc__info ul{padding:30px 0 0; margin:0}
.balc-calc__info ul li{padding:0; margin:0 0 15px; list-style:none; font-weight: 500;font-size: 18px;line-height: 22px;color: #FFFFFF}
.balc-calc__info ul li span{display:block; text-align:center; width:40px; text-align:center; margin-right:15px}
.balc-calc__form-title{font-weight: 700;font-size: 18px;line-height: 22px;text-align: center;color: #000000; padding-bottom:10px}
.balc-calc__form{background: #FFFFFF;min-width:630px; width:630px; padding:30px}
.balc-calc__form-type{margin:0 -15px; flex-wrap:wrap}

.form-type__balc-image{width:33.33%; cursor:pointer; margin:0; padding:15px 5px;text-align: center;font-weight: 700;text-transform: uppercase;}


.balc-calc__form-type .form-type__balc-image:nth-child(4){width:50%}
.balc-image__radio{margin:0; padding:45px 0 0; position:relative}
.balc-image__radio svg{transition:all 0.3s linear 0s; width:100%; height:50px;margin-bottom: 15px;}
.balc-image__radio::before{transition:all 0.3s linear 0s; content:"";width:30px;height:30px;border:2px solid #929292;position:absolute;top:0;left: 50%;transform: translateX(-50%);border-radius:100%;}
.form-type__balc-image input, .form-change-block__label input{position: absolute;-webkit-appearance: none;-moz-appearance: none;appearance: none}
.form-type__balc-image input:checked ~ .balc-image__radio svg path{fill:#FC8A15}
.form-type__balc-image input:checked ~ .balc-image__radio::before, .form-change-block__label input:checked ~ .form-change-block__radio::before{border-color:#FC8A15;box-shadow: 0 0 0 6px #fff inset, 0 0 0 15px #fc8a15 inset;}
.form-type__balc-image input:checked ~ span{color:#FC8A15}
.balc-calc__form-change-row{margin:0 -15px}
.balc-calc__form-change-block{padding:15px}
.form-change-block__title{white-space:nowrap;font-weight: 700;font-size: 14px;line-height: 17px;color: #000000;text-transform:uppercase;padding-bottom: 10px}
.form-change-block__radio{display:flex;align-items:center;font-size: 14px;color: #929292;font-weight: 700;line-height: 17px;}
.form-change-block__radio::before{transition:all 0.3s linear 0s; content:"";width:30px;height:30px;border:2px solid #929292;border-radius: 100%;margin-right: 10px;}
.form-change-block__label{cursor:pointer; margin-bottom:10px}
.balc-calc__logo{margin-top:40px}
.balc-calc-bottom-form{margin:0 -10px}
.balc-calc__form-field{width:calc(100% - 330px); padding:0 10px}
.balc-calc__form-button{width:330px; padding:0 10px}
.balc-calc__form-field input{width: 100%; padding:0 15px; background: #F8F8F8;border: 1px solid rgba(108, 88, 46, 0.1);border-radius: 6px;font-weight: 500;font-size: 14px;color: #42403D; height: 60px;}
.balc-calc__form-button button{width: 100%;height: 60px; border:none; font-weight: 700;font-size: 14px;text-transform: uppercase;color: #FFFFFF;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.32);}
@media(min-width:992px){
	.wrapper__calc-balcony{padding-top:80px}
}
@media(max-width:1229px){
	.balc-calc__title {font-size: 30px; line-height: 38px; padding-bottom: 30px;}
	.balc-calc__text {font-size: 16px; line-height: 20px; padding-bottom: 15px}
	.balc-calc__info ul li {margin: 0 0 10px; font-size: 16px; line-height: 20px}
	.balc-calc__info ul li span{width:40px;  margin-right:10px}
	.balc-calc__info ul li svg{height:30px}
	.balc-calc__info{width:calc(100% - 530px); padding-right:20px}
	.balc-calc__form {min-width: 530px; width: 530px; padding: 20px}
	.balc-image__radio::before, .form-change-block__radio::before{min-width:25px; width:25px; height:25px}
	.form-type__balc-image input:checked ~ .balc-image__radio::before, .form-change-block__label input:checked ~ .form-change-block__radio::before{border-color:#FC8A15;box-shadow: 0 0 0 4px #fff inset, 0 0 0 15px #fc8a15 inset;}
	.balc-calc__form-field{width:calc(100% - 250px)}
	.balc-calc__form-button{width:250px}
	.balc-calc__form-field input, .balc-calc__form-button button{height: 50px;}
	.balc-calc__form-title {font-size: 16px; line-height: 20px}
	.balc-image__radio svg{height:40px}
	.form-change-block__radio, .form-change-block__title{font-size:13px; line-height:16px}
	.balc-calc__form-type, .balc-calc__form-change-row{margin:0 -10px}
	.form-type__balc-image, .balc-calc__form-change-block{padding:15px 10px}
	.balc-image__radio {padding: 35px 0 0}
	.balc-calc__logo{margin-top: 30px}
}
@media(max-width:991px){
	.wrapper__calc-balcony{background-size:cover}
	.balc-calc__info{width:100%; padding-right:0; text-align:center; margin-bottom:30px}
	.balc-calc__info ul{display:inline-block; text-align:left}
	.balc-calc__form {min-width: 100%; width: 100%; padding: 20px}
	.balc-calc__form-change-row{margin: 0 -10px; justify-content:center}
	.balc-calc__form-change-block{padding:15px}
	.form-change-block__label{display:block}
	.balc-image__radio svg{height:60px}
}
@media(max-width:767px){
	.balc-calc__title {font-size: 24px;line-height: 32px;padding-bottom: 20px}
	.balc-calc__text {font-size: 14px;line-height: 18px;padding-bottom: 10px}
	.balc-calc__info ul {padding: 15px 0 0}
	.balc-calc__info ul li {font-size: 14px; line-height: 18px}
	.balc-calc__info ul li svg {height: 25px}
	.balc-calc__logo{margin-top: 15px}
	.balc-image__radio::before, .form-change-block__radio::before{min-width: 20px;width: 20px;height: 20px;}
	.balc-image__radio svg {height: 75px}
	.form-change-block__radio, .form-change-block__title {font-size: 12px;line-height: 15px}
	.form-change-block__radio::before{margin-right:5px}
	.balc-image__radio svg{height:40px}
}
@media(max-width:575px){
	.balc-calc__title {font-size: 22px;line-height: 28px;padding-bottom: 15px}
	.balc-calc__form-field, .balc-calc__form-button{width:100%}
	.balc-calc__form-field{padding-bottom:10px}
	.balc-calc__form-change-row{flex-wrap:wrap}
	.balc-image__radio svg {width:auto}
	.balc-calc__form-type .form-type__balc-image:nth-child(4) {width: 100%}
	.balc-calc__form-type, .balc-calc__form-change-row {margin: 0 -20px}
	.form-type__balc-image{font-size:14px}
}
@media(max-width:460px){
	.form-type__balc-image {width: 50%}
}
@media(max-width:350px){
	.balc-calc__form-change-block {width: 100%}
}