.banner-top__panbalcon{background: url(/templates/stroitelstvo/images/panbalcon/banner-top__panbalcon.jpg) no-repeat center center / cover}
.banner-top__panbalcon__row{height: 650px}
.panbalcon-left__block{width: 585px; padding: 25px 35px 40px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(2px)}
.banner-top__panbalcon h1{font-weight: 600; font-size: 64px; line-height: 78px; text-transform: uppercase; color: #000000}
.panbalcon-left__price{position: relative; margin: 30px 0 35px; background: #DB0000; padding: 6px 20px; color: #fff; text-transform: uppercase; font-weight: 800; font-size: 30px}
.panbalcon-left__price::after{border: 28px solid transparent; border-left: 28px solid #DB0000; content: ""; position: absolute; width: 57px; height: 57px; top: 0px; right: -57px;}
.panbalcon-left__text{font-weight: 700; font-size: 22px; line-height: 27px; color: #000000}
.panbalcon-right__form{padding: 30px; width: 370px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(2px);}
.panbalcon-right__form-title{font-weight: 700; font-size: 16px; line-height: 20px; text-align: center; text-transform: uppercase; color: #DB0000; padding-bottom: 20px}
.panbalcon-right__form-icons{padding: 0;margin: 0;}
.panbalcon-right__form-icons li{padding: 0; margin: 0 0 10px; list-style: none}
.panbalcon-right__form-icons li svg{margin-right: 20px}
.panbalcon-right__form-icons-text{font-weight: 500; font-size: 14px; line-height: 18px; color: #000000;}
.panbalcon-right__form-icons-text span{display: block; font-weight: 900; font-size: 22px; line-height: 22px;}
.panbalcon-right__form .normalForm {}
.panbalcon-right__form .normalForm input{width: 100%; margin: 0 0 15px; padding: 0 15px; height: 60px; background: #FFFFFF; border: 1px solid rgba(108, 88, 46, 0.1); border-radius: 6px; font-weight: 500; font-size: 14px; color: #42403D}
.panbalcon-right__form .normalForm button{width: 100%; height: 60px; border: none; background: #DB0000; box-shadow: 0px 5px 10px rgba(115, 115, 115, 0.3); border-radius: 6px; font-weight: 700; font-size: 14px; color: #FFFFFF;}
.panbalcon-right__form .normalForm .form-agreement-yes{margin: 15px 0 0; font-size: 12px}
@media(max-width: 1229px){
	.banner-top__panbalcon__row{height: 550px}
    .panbalcon-left__block{width: 490px; padding: 20px 30px 35px}
    .banner-top__panbalcon h1{font-size: 52px; line-height: 64px}
    .panbalcon-left__price{margin: 25px 0 30px; padding: 5px 15px; font-size: 26px}
    .panbalcon-left__price::after{border: 24px solid transparent; border-left: 24px solid #DB0000; width: 48px; height: 48px; top: 0px; right: -48px}
    .panbalcon-left__text{font-size: 20px; line-height: 25px}
    .panbalcon-right__form{padding: 25px; width: 335px}
    .panbalcon-right__form-title{font-size: 14px; line-height: 18px; padding-bottom: 15px}
    .panbalcon-right__form-icons li{margin: 0 0 10px}
    .panbalcon-right__form-icons li svg{margin-right: 15px; width: 30px; height: auto}
    .panbalcon-right__form-icons-text{font-size: 12px; line-height: 16px}
    .panbalcon-right__form-icons-text span{font-size: 20px; line-height: 20px}
    .panbalcon-right__form .normalForm input{margin: 0 0 10px; padding: 0 15px; height: 50px; font-size: 13px}
    .panbalcon-right__form .normalForm button{height: 51px; font-size: 14px}
    .panbalcon-right__form .normalForm .form-agreement-yes{margin: 10px 0 0; font-size: 11px}
}
@media(max-width: 991px) {
    .banner-top__panbalcon__row {height: auto;padding: 40px 0;flex-wrap: wrap}
	.banner-top__panbalcon-left, .banner-top__panbalcon-right{width:100%}
    .panbalcon-left__block {width: 100%;padding: 20px;text-align: center;margin-bottom: 20px}
    .banner-top__panbalcon h1 {font-size: 40px; line-height: 48px}
    .panbalcon-left__price {margin: 20px 0 20px;padding: 5px 15px;font-size: 24px;}
    .panbalcon-left__price::after {border: 23px solid transparent;border-left: 23px solid #DB0000;width: 42px;height: 42px;top: 0px;right: -46px}
    .panbalcon-left__text{font-size: 18px;line-height: 23px}
    .panbalcon-right__form {padding: 20px;width: 100%}
	.panbalcon-right__form-icons{display: flex;justify-content: center;}
    .panbalcon-right__form-title {font-size: 14px;line-height: 18px;padding-bottom: 15px}
    .panbalcon-right__form-icons li{margin: 0 15px 10px}
    .panbalcon-right__form-icons li svg {margin-right: 10px;max-width: 30px;height: 30px}
    .panbalcon-right__form-icons-text {font-size: 12px;line-height: 18px;}
    .panbalcon-right__form-icons-text span {font-size: 16px;line-height: 20px;}
    .panbalcon-right__form .normalForm input {margin: 0 0 10px;padding: 0 15px;height: 50px;font-size: 13px}
    .panbalcon-right__form .normalForm button {height: 51px;font-size: 14px}
    .panbalcon-right__form .normalForm .form-agreement-yes {margin: 10px auto 0;font-size: 11px}
	.banner-top__panbalcon-right .normalForm{display:flex;flex-wrap:wrap;align-items:center;justify-content: space-between;}
	.banner-top__panbalcon-right .normalForm input, .banner-top__panbalcon-right .normalForm button{width:32%;height: 48px;margin: 0;font-size: 13px;}
}
@media(max-width: 767px) {
    .banner-top__panbalcon__row {padding: 30px 0}
	.panbalcon-left__block, .panbalcon-right__form{padding:15px}
    .banner-top__panbalcon h1 {font-size: 36px; line-height: 42px}
	.panbalcon-left__text {font-size: 16px;line-height: 22px}
	.banner-top__panbalcon-right .normalForm input, .banner-top__panbalcon-right .normalForm button{width:100%;height: 46px;margin: 10px 0 0;font-size: 12px;}
	.panbalcon-right__form-icons-text {font-size: 11px;line-height: 15px}
	.panbalcon-right__form-icons-text span{font-size: 14px;line-height: 16px}
	.panbalcon-right__form-icons li {margin: 0;flex: 1 1 auto;white-space: nowrap}
	.panbalcon-right__form-icons li svg {margin-right: 5px;max-width: 25px;height: 25px}
}
@media(max-width: 575px) {
    .banner-top__panbalcon h1 {font-size: 32px; line-height: 38px}
}
