.extension-banner__wrapper{padding: 150px 0 130px; background: url(/templates/stroitelstvo/images/panbalcon/banner-ext.jpg) no-repeat center center}
.extension-banner__row{position:relative; z-index:1}
.extension-banner__wrapper h1{font-weight: 800; font-size: 48px; line-height: 62px; text-transform: uppercase; color: #FC8A15; margin:0}
.extension-banner__small-title{font-weight: 800; font-size: 30px; line-height: 37px; text-transform: uppercase; color: #000000; padding-top: 15px; white-space: nowrap}
.extension-banner__form{width: 360px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(2px); border-radius: 3px; padding: 30px}
.extension-banner__form-title{font-weight: 800; font-size: 18px; line-height: 24px; text-align: center; text-transform: uppercase; color: #000000}
.extension-banner__form-small-title{padding: 10px 0 15px; font-weight: 600; font-size: 16px; line-height: 20px; text-align: center; color: #000000}
.extension-banner__form input[type=text]{background: #F8F8F8; border: 1px solid rgba(108, 88, 46, 0.1); border-radius: 6px; width: 100%; font-weight: 500; font-size: 14px; color: #000; height: 60px; padding: 0 15px}
.extension-banner__form button{margin: 10px 0 15px; height: 60px; font-size: 14px; font-weight: 500; width: 100%; border: none}
@media(max-width: 1229px){
	.extension-banner__wrapper{padding: 100px 0 50px; background-size: cover; }
    .extension-banner__wrapper h1{font-size: 38px; line-height: 56px; }
    .extension-banner__small-title{font-size: 26px; line-height: 32px; padding-top: 10px}
    .extension-banner__form input[type=text]{height: 55px; }
    .extension-banner__form button{margin: 10px 0; height: 55px}
}
@media(max-width: 991px){
	.extension-banner__wrapper{padding: 50px 0; position:relative}
	.extension-banner__wrapper::after{background:#fff; opacity:0.6;content:"";position:absolute;top:0;right:0;left:0;bottom:0; }
    .extension-banner__left, .extension-banner__right{width: 100%}
    .extension-banner__wrapper h1{font-size: 48px; line-height: 52px; text-align: center; }
    .extension-banner__wrapper h1 br{display: none}
    .extension-banner__small-title{font-size: 24px; line-height: 28px; padding-top: 10px; text-align: center; }
    .extension-banner__form{width: 100%; padding: 30px; margin-top: 25px; }
    .extension-banner__form-title{font-size: 24px; line-height: 28px; }
    .extension-banner__form-small-title{font-size: 16px; line-height: 20px}
    .extension-banner__form input[type=text]{height: 50px; }
    .extension-banner__form button{height: 50px}
}
@media(max-width: 767px){
	.extension-banner__wrapper{padding: 35px 0; background-size: cover; }
    .extension-banner__wrapper h1{font-size: 42px; line-height: 48px; text-align: center; }
    .extension-banner__wrapper h1 br{display: none}
    .extension-banner__small-title{font-size: 22px; line-height: 24px; padding-top: 10px; text-align: center; }
    .extension-banner__form{width: 100%; padding: 20px; margin-top: 20px; }
    .extension-banner__form-title{font-size: 20px; line-height: 26px; }
    .extension-banner__form-small-title{font-size: 14px; line-height: 22px; padding: 5px 0 10px; }
    .extension-banner__form input[type=text]{height: 50px}
    .extension-banner__form button{height: 50px}
}
@media(max-width: 420px) {
	.extension-banner__wrapper{padding: 30px 0}
	.extension-banner__wrapper .checkbox-week-label-in{width:240px}
    .extension-banner__wrapper h1{font-size: 32px; line-height: 42px; }
	.extension-banner__small-title{font-size: 18px; line-height: 18px;}
	.extension-banner__form-title{font-size: 18px; line-height: 24px}
	.extension-banner__form-small-title{padding: 10px 0 15px}
}
@media(max-width: 350px) {
	.extension-banner__small-title{font-size: 16px; line-height: 16px}
}