.wrapper__banner-concrete{background: url(/templates/stroitelstvo/images/beton/concrete__banner.jpg) no-repeat center center; position: relative}
.wrapper__banner-concrete::before{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); content: ""}
.banner-concrete__row{height: 650px; position: relative; z-index: 2}
.banner-concrete__left{width: 620px}
.banner-concrete__left h1{font-weight: 800; font-size: 64px; line-height: 78px; text-transform: uppercase; margin:0; color: #FFD200}
.banner-concrete__title-small{font-weight: 800; font-size: 30px; line-height: 37px; text-transform: uppercase; color: #FFFFFF; padding: 30px 0}
.banner-concrete__list{padding: 0; margin: 0}
.banner-concrete__list li{padding: 20px 0 0; margin: 0; list-style: none; font-weight: 600; font-size: 18px; line-height: 22px; color: #FFFFFF}
.banner-concrete__list li svg{margin-right: 25px}
.banner-concrete__right{width: 400px}
.banner-concrete__form{width: 100%; background: #FFD200; box-shadow: 0px 3px 16px rgba(119, 116, 118, 0.12); border-radius: 3px; padding: 10px}
.banner-concrete__form form{padding: 20px 25px 30px; background: #FFFFFF; box-shadow: 0px 3px 16px rgba(119, 116, 118, 0.12); border-radius: 3px;}
.banner-concrete__form-title{font-weight: 800; font-size: 20px; line-height: 28px; text-align: center; text-transform: uppercase; color: #000000}
.banner-concrete__form-small-title{font-weight: 400; font-size: 20px; line-height: 28px; text-align: center; text-transform: uppercase; color: #1B1A1F}
.banner-concrete__form-text{padding-top: 20px; font-weight: 700; font-size: 14px; line-height: 24px; text-align: center; text-transform: uppercase; color: #000000;}
.banner-concrete__form-text span{color: #DB0000;}
.banner-concrete__form-field{padding-bottom: 15px}
.banner-concrete__form-field input{width: 100%; height: 60px; background: #F8F8F8; border: 1px solid rgba(108, 88, 46, 0.1); border-radius: 6px; font-weight: 500; font-size: 14px; color: #42403D; padding: 0 15px}
.banner-concrete__right .btn-yellow{width: 100%; height: 60px; font-weight: 500; font-size: 14px; border: none}
.banner-concrete__right .form-agreement-yes{margin: 15px 0 0}
.banner-concrete__title-text{max-width:490px; padding-top:50px; font-weight: 700; font-size: 18px; line-height: 22px; color: #FFFFFF}
.banner-concrete__title-text .banner-concrete__title-small{color: #FFD200; padding-top:15px}
@media(max-width: 1229px){
	.banner-concrete__row{height: 550px;}
    .banner-concrete__left{width: 520px;}
    .banner-concrete__left h1{font-size: 56px; line-height: 68px;}
    .banner-concrete__title-small{font-size: 24px; line-height: 32px; padding: 25px 0;}
    .banner-concrete__list li{padding: 15px 0 0; font-size: 16px; line-height: 20px;}
    .banner-concrete__list li svg{margin-right: 20px; width: 40px; height: 40px;}
    .banner-concrete__right{width: 350px;}
    .banner-concrete__form form{padding: 20px 20px 25px}
    .banner-concrete__form-title{font-size: 18px; line-height: 26px;}
    .banner-concrete__form-small-title{font-size: 18px; line-height: 26px;}
    .banner-concrete__form-text{padding-top: 15px; font-size: 14px; line-height: 24px;}
    .banner-concrete__form-field{padding-bottom: 10px;}
    .banner-concrete__form-field input{height: 55px}
    .banner-concrete__right .btn-yellow{height: 55px}
    .banner-concrete__right .form-agreement-yes{margin: 10px 0 0}
}
@media(max-width: 991px){
	.banner-concrete__row{height: 520px;}
    .banner-concrete__left{width: 390px; padding-right: 20px;}
    .banner-concrete__left h1{font-size: 42px; line-height: 52px;}
    .banner-concrete__title-small{font-size: 18px; line-height: 26px; padding: 20px 0;}
    .banner-concrete__list li{padding: 10px 0 0; font-size: 14px; line-height: 20px;}
    .banner-concrete__list li svg{margin-right: 15px; width: 30px; height: 30px;}
    .banner-concrete__right{width: 300px;}
    .banner-concrete__form form{padding: 15px 15px 20px;}
    .banner-concrete__form-title{font-size: 16px; line-height: 22px;}
    .banner-concrete__form-small-title{font-size: 14px; line-height: 22px; padding-top: 5px;}
    .banner-concrete__form-text{padding-top: 10px; font-size: 13px; line-height: 20px; padding-bottom: 5px;}
    .banner-concrete__form-field input{height: 50px}
    .banner-concrete__right .btn-yellow{height: 50px}
}
@media(max-width: 767px){
	.wrapper__banner-concrete{padding:70px 0 30px}
	.banner-concrete__row{height: auto;}
	.banner-concrete__form-small-title {font-size: 12px;line-height: 20px;padding-top: 5px}
    .banner-concrete__left, .banner-concrete__right{width: 100%; padding:0}
    .banner-concrete__left h1{font-size: 36px; line-height:42px; text-align:center}
	.banner-concrete__title-small{width:100%; font-size: 16px;line-height: 24px;padding: 15px 0;text-align: center}
	.banner-concrete__list {width: 350px; margin: 0 auto 20px}
	.banner-concrete__list li{padding: 10px 0 0; font-size: 14px; line-height: 20px}
	.banner-concrete__list li svg{margin-right: 10px; width: 25px; height: 25px}
	.banner-concrete__right .normalForm{display:flex;flex-wrap:wrap;justify-content: center;}
	.banner-concrete__form-title, .banner-concrete__form-small-title, .banner-concrete__form-text{width:100%;}
	.banner-concrete__form-field{width:100%; padding-right:0}
	.banner-concrete__form-field + .banner-concrete__form-field{width:50%; padding-left:5px}
}
@media(max-width: 420px){
    .banner-concrete__left h1{font-size: 28px; line-height:36px}
	.banner-concrete__title-small{font-size: 14px;line-height: 22px;}
	.banner-concrete__form-field, .banner-concrete__form-field + .banner-concrete__form-field{width:100%; padding-right:0; padding-left:0}
	.banner-concrete__list li {padding: 10px 0 0;font-size: 12px;line-height: 16px}
	.banner-concrete__list li svg {margin-right: 10px;width: 20px;height: 20px}
}