.frameless-banner__wrapper{background: url(/templates/stroitelstvo/images/panbalcon/banner-frameless.jpg) no-repeat top right; position: relative}
.frameless-banner__wrapper::after{content: ""; position: absolute; max-width: 1345px; width: 100%; height: 650px; background: linear-gradient(90.08deg, #FFFFFF 48.77%, rgba(255, 255, 255, 0) 97.38%); top: 0; bottom: 0; /* left: 0; */}
.frameless-banner__row{height: 650px; position: relative; z-index: 1}
.frameless-banner__row h1{color: #000; font-weight: 800; font-size: 40px; line-height: 48px; text-transform: uppercase; padding-top: 45px; margin:0}
.frameless-banner__list{padding: 40px 0; margin: 0}
.frameless-banner__list li{padding: 0; margin: 0; list-style: none; font-weight: 500; font-size: 14px; line-height: 18px; text-align: center; color: #000000}
.frameless-banner__list li:nth-child(2){padding: 0 45px}
.frameless-banner__list li img{display: block; margin: 0 auto 10px}
.frameless-banner__warning{font-weight: 800; font-size: 24px; line-height: 32px; text-align: center; text-transform: uppercase; color: #FC8A15; border: 3px solid #FC8A15; border-bottom: none; border-radius: 3px; width: 430px; padding: 15px 0; position: relative}
.frameless-banner__warning-small{font-weight: 600; font-size: 14px; line-height: 18px; text-transform: uppercase; color: #000000; position: absolute; bottom: -8px; right: 30px}
.frameless-banner__warning-small::before{background: #FC8A15; height: 3px; content: ""; position: absolute; left: -88px; right: 315px; top: 7px}
.frameless-banner__warning-small::after{background: #FC8A15; height: 3px; content: ""; position: absolute; left: 315px; right: -30px; top: 7px}
.frameless-banner__form{max-width: 950px; padding-top: 45px}
.frameless-banner__form-title{font-weight: 500; font-size: 14px; line-height: 18px; color: #000000; background: #FFD200; height: 60px; padding: 0 10px 0 20px; position: relative; margin: 0 30px 0 0; width: 33.33%}
.frameless-banner__form-title::after{border: 30px solid transparent; border-left: 30px solid #FFD200; content: ""; position: absolute; right: -60px}
.frameless-banner__form-title svg{margin-right: 15px}
.frameless-banner__field{padding-left: 15px; width: 33.333%}
.frameless-banner__field input{height: 60px; padding: 0 15px; background: #FFFFFF; border: 1px solid rgba(108, 88, 46, 0.1); box-shadow: 0px 3px 6px rgba(119, 116, 118, 0.37); border-radius: 6px; font-weight: 500; font-size: 14px; color: #42403D; width: 100%}
.frameless-banner__field button{height: 60px; border: none; width: 100%; font-size: 14px; font-weight: 700}
@media(max-width: 1229px){
	.frameless-banner__wrapper{background-size: auto 600px}
    .frameless-banner__wrapper::after, .frameless-banner__row{height: 600px}
    .frameless-banner__row h1{font-size: 36px; line-height: 44px}
    .frameless-banner__list{padding: 30px 0}
    .frameless-banner__list li{font-size: 13px; line-height: 16px}
    .frameless-banner__list li:nth-child(2){padding: 0 35px}
    .frameless-banner__list li img{margin: 0 auto 10px; max-width: 55px}
    .frameless-banner__warning{font-size: 22px; line-height: 30px; border: 2px solid #FC8A15; width: 430px; padding: 15px 0; border-bottom: none}
    .frameless-banner__warning-small{font-size: 13px; line-height: 17px; bottom: -8px; right: 30px}
    .frameless-banner__warning-small::before{height: 2px; left: -112px; right: 295px; top: 7px}
    .frameless-banner__warning-small::after{height: 2px; left: 290px; right: -30px; top: 7px}
    .frameless-banner__form{max-width: 950px; padding-top: 35px}
    .frameless-banner__form-title{font-size: 14px; line-height: 18px; height: 55px; padding: 0 10px 0 20px; margin: 0 30px 0 0; width: 33.33%}
    .frameless-banner__form-title::after{border: 27px solid transparent; border-left: 27px solid #FFD200; right: -54px}
    .frameless-banner__form-title svg{margin-right: 15px}
    .frameless-banner__field{padding-left: 15px; width: 33.333%}
    .frameless-banner__field input, .frameless-banner__field button{height: 55px}
}
@media(max-width: 991px){
	.frameless-banner__wrapper{background-size: auto 500px}
    .frameless-banner__wrapper::after, .frameless-banner__row{height: 500px}
    .frameless-banner__row h1{padding-top: 0; font-size: 32px; line-height: 38px}
    .frameless-banner__list{padding: 20px 0}
    .frameless-banner__list li{font-size: 12px; line-height: 15px}
    .frameless-banner__list li:nth-child(2){padding: 0 25px}
    .frameless-banner__list li img{max-width: 45px}
    .frameless-banner__warning{font-size: 20px; line-height: 28px; border: 2px solid #FC8A15; width: 410px; padding: 15px 0; border-bottom: none}
    .frameless-banner__warning-small{font-size: 12px; line-height: 16px; bottom: -6px; right: 30px}
    .frameless-banner__warning-small::before{height: 2px; left: -114px; right: 275px; top: 8px; }
    .frameless-banner__warning-small::after{height: 2px; left: 270px; right: -30px; top: 8px; }
    .frameless-banner__form{max-width: 950px; padding-top: 35px}
    .frameless-banner__form-title{font-size: 12px; line-height: 16px; height: 50px; padding: 0 0 0 10px; margin: 0 25px 0 0; width: 33.33%}
	.frameless-banner__form-title br{display:none}
    .frameless-banner__form-title::after{border: 25px solid transparent; border-left: 25px solid #FFD200; right: -50px; }
    .frameless-banner__form-title svg{margin-right: 10px; width: 40px; }
    .frameless-banner__field{padding-left: 10px; width: 33.333%}
    .frameless-banner__field input, .frameless-banner__field button{height: 50px}
	.frameless-banner__field button{font-size:13px}
}
@media(max-width: 767px){
	.frameless-banner__wrapper{padding:30px 0; background-size: auto 500px}
    .frameless-banner__wrapper::after, .frameless-banner__row{height: auto; }
    .frameless-banner__wrapper::after{left: auto;right: auto;width: 890px;}
    .frameless-banner__row h1{padding-top: 0; font-size: 28px; line-height: 34px; text-align: center; }
    .frameless-banner__list{padding: 20px 0}
    .frameless-banner__list li{font-size: 12px; line-height: 15px}
    .frameless-banner__list li:nth-child(2){padding: 0 25px}
    .frameless-banner__list li img{max-width: 45px}
    .frameless-banner__warning{font-size: 20px; line-height: 28px; border: 2px solid #FC8A15; width: 100%; padding: 15px 0; border-bottom: none}
    .frameless-banner__warning-small{font-size: 12px; line-height: 16px; bottom: -7px; left: 0; right: 0; }
    .frameless-banner__warning-small::before{height: 2px; left: 0; right: 80%; top: 8px; }
    .frameless-banner__warning-small::after{height: 2px; left: 80%; right: 0; top: 8px; }
    .frameless-banner__form{max-width: 100%; padding-top: 30px; flex-wrap: wrap; margin: 0; }
    .frameless-banner__form-title{line-height: 16px; height: 50px; padding: 0; width: 100%; background: none; justify-content: center; font-size: 14px; font-weight: 700; }
	.frameless-banner__form-title br{display:none}
    .frameless-banner__form-title::after{border: 25px solid transparent; border-left: 25px solid #FFD200; right: -50px; display: none; }
    .frameless-banner__form-title svg{margin-right: 15px; width: 20px; }
    .frameless-banner__field{padding-left: 5px; width: 50%; padding-right: 5px; }
    .frameless-banner__field input, .frameless-banner__field button{height: 45px; }
	.frameless-banner__field button{font-size:13px}
}
@media(max-width: 575px) {
	.frameless-banner__wrapper::after {left: auto;right: auto;width: 140vw}
	.frameless-banner__row h1 {font-size: 24px; line-height: 28px}
	.frameless-banner__form-title svg{display:none}
	.frameless-banner__form-title{text-align:center}
	.frameless-banner__warning-small::before {right: 80vw}
    .frameless-banner__warning-small::after {left: 80vw}
	.frameless-banner__field{width:100%; padding:5px 0}
	.frameless-banner__warning {font-size: 16px; line-height: 22px; padding: 15px 0 20px}
}
@media(max-width: 420px) {
	.frameless-banner__row h1 {font-size: 20px;line-height: 24px}
	.frameless-banner__warning-small::before {top:7px; right:85vw}
    .frameless-banner__warning-small::after {top:7px; left: 85vw}
	.frameless-banner__list li {font-size: 10px;line-height: 14px}
	.frameless-banner__list li:nth-child(2) {padding: 0 15px}
	.frameless-banner__list li img {max-width: 35px}
	.frameless-banner__form{padding-top:20px}
}
@media(max-width: 350px) {
	.frameless-banner__warning-small::before {right:90vw}
    .frameless-banner__warning-small::after {left: 90vw}
}