.wrapper__beton-question .main-title__fst{display:block}
.wrapper__beton-question .main-title__fst span{display:inline; color:#FC8A15}
.beton-question__left{width:calc(100% - 370px); padding-right:35px}
.beton-question__title{font-weight: 700; font-size: 18px; line-height: 22px; text-transform: uppercase; color: #000000}
.beton-question__img img{width:100%}
.beton-question__steps{padding:25px 0 30px}
.beton-question__steps-in{width:calc(100% - 135px); background:#fff; padding:4px 5px; border-radius: 12px;}
.beton-question__steps-in span{display:block; height:16px; background: #FC8A15; border-radius: 12px; width:0%}
.beton-question__steps-title{width:135px; text-align:right; font-weight: 500; font-size: 14px; line-height: 18px; color: #000000}
.next-beton-question, .beton-question__content .btn-orange{border:none; font-weight: 500;text-transform: uppercase;font-size: 14px;line-height: 50px;padding: 0 20px;margin-top: 25px}
.beton-question__content-row{margin:-15px}
.beton-question__radio{width:33.333%; padding:15px}
.beton-question__radio span{display:block}
.beton-question__radio input, .beton-mark__radio input, .beton-big-radio__radio input{position: absolute;-webkit-appearance: none;-moz-appearance: none;appearance: none}
.beton-question__radio label{cursor:pointer;margin:0;border-radius:6px;overflow:hidden; width:100%}
.beton-question__text{transition: all 0.3s linear 0s; padding:8px 0 8px 40px;font-weight: 500;font-size: 14px;line-height: 18px;color: #000000;position:relative;background: #fff;}
.beton-question__text::after{transition: all 0.3s linear 0s; content:"";border-radius:100%;position: absolute;width: 19px;height: 19px; border: 1px solid #828282;left: 10px;top: 50%;transform: translateY(-50%);}
.beton-question__text::before{transition: all 0.3s linear 0s; content:"";border-radius:100%;position: absolute;width: 11px;height: 11px; background: #fff;left: 14px;z-index: 1;top: 50%;transform: translateY(-50%);opacity: 0;}
.beton-question__radio input:checked ~ .beton-question__text{background:#FC8A15; color:#fff}
.beton-question__radio input:checked ~ .beton-question__text::after{border-color:#fff}
.beton-question__radio input:checked ~ .beton-question__text::before{opacity:1}
.beton-question__right{width:370px}
.beton-question__warning-info{background:#fff; padding:30px; height:100%}
.beton-question__warning-info-name{font-weight: 500;font-size: 14px;line-height: 17px;color: #000000; padding-left:30px}
.beton-question__warning-name{font-weight: 700; padding-bottom:5px}
.beton-question__warning-text{font-weight: 500;font-size: 14px;line-height: 17px;color: #000000;border-top:1px solid #828282;position:relative;padding-top: 15px;margin-top: 15px;}
.beton-question__warning-text::after{content:"";position:absolute;background:url(/templates/stroitelstvo/widgets/html/beton-quiz/arrow-ask.png) no-repeat 0 0;width: 24px;height: 14px;top: -13px;left: 95px}
.beton-question__warning-yandex{padding:5px;border: 1px solid #BDBDBD;border-radius: 6px;font-weight: 500;font-size: 10px;line-height: 12px;color: #000000;width: 220px;margin-top: 20px}
.warning-yandex__title{font-weight: 700;font-size: 14px;line-height: 17px;color: #000000;padding-right:15px}
.warning-yandex__heading, .warning-yandex__rating {padding-bottom:5px}


.beton-mark__content-row{margin:-10px -15px}
.beton-mark__radio{padding:10px 15px; width:50%}
.beton-mark__radio label{margin:0;width: 100%; cursor:pointer;}
.beton-mark__text{transition: all 0.3s linear 0s; display: flex;width: 100%;background: #FFFFFF;border: 0.5px solid #BDBDBD;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);border-radius: 6px;position: relative;padding-left: 40px;height: 35px;align-items: center;font-weight: 500;font-size: 14px;line-height: 18px;color: #000000}
.beton-mark__text::after{transition: all 0.3s linear 0s;  position: absolute;width: 19px;height: 19px;border-radius:100%;left:10px;top:50%;transform:translateY(-50%);border: 1px solid #828282;content:""}
.beton-mark__text::before{transition: all 0.3s linear 0s;  position: absolute;width: 11px;height: 11px;border-radius:100%;left: 14px;top:50%;transform:translateY(-50%);background:#fff;content:""; opacity:0}
.beton-mark__radio input:checked ~ .beton-mark__text{color:#fff; background:#FC8A15}
.beton-mark__radio input:checked ~ .beton-mark__text::after{border-color:#fff}
.beton-mark__radio input:checked ~ .beton-mark__text::before{opacity:1}

.beton-big-radio__content-row{margin:-5px 0}
.beton-big-radio__radio{padding:5px 0; width:100%}
.beton-big-radio__radio label{margin:0; width:100%; cursor:pointer}
.beton-big-radio__radio .beton-big-radio__text{transition: all 0.3s linear 0s;   font-weight: 500;font-size: 14px;line-height: 18px;color: #000000;background: #FFFFFF; display:flex; align-items:center; height:50px; border: 0.5px solid #BDBDBD; padding-left:45px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25); border-radius: 6px; position:relative}

.beton-big-radio__text::after{transition: all 0.3s linear 0s;  position: absolute;width: 19px;height: 19px;border-radius:100%;left:15px;top:50%;transform:translateY(-50%);border: 1px solid #828282;content:""}
.beton-big-radio__text::before{transition: all 0.3s linear 0s;  position: absolute;width: 11px;height: 11px;border-radius:100%;left: 19px;top:50%;transform:translateY(-50%);background:#fff;content:""; opacity:0}

.beton__checkbox .beton-big-radio__text::after{border-radius:0px}
.beton__checkbox .beton-big-radio__text::before{border-radius:0px}


.beton-big-radio__radio input:checked ~ .beton-big-radio__text{color:#fff; background:#FC8A15}
.beton-big-radio__radio input:checked ~ .beton-big-radio__text::after{border-color:#fff}
.beton-big-radio__radio input:checked ~ .beton-big-radio__text::before{opacity:1}


.beton-question__content-small-title-top{margin-top:-15px; padding-bottom:20px;font-weight: 500;font-size: 14px;line-height: 18px;color: #000000}
.beton-question__content-small-title-bottom{padding-top: 25px;padding-bottom: 10px;font-weight: 500;font-size: 14px;line-height: 18px;color: #000000}
.beton-big-radio__date{background: #FFFFFF; height:50px; padding:0 20px; font-size:14px; font-weight:500; color:#000; width:100%; border: 0.5px solid #BDBDBD; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25); border-radius: 6px}


@media(max-width:1229px){
	.beton-question__left{width:calc(100% - 300px); padding-right:30px}
	.beton-question__right{width:300px}
	.beton-question__steps {padding: 20px 0 25px}
	.beton-question__steps-in span{height:14px}
	.beton-question__title {font-size: 16px; line-height: 22px}
	.beton-question__content-row{margin:-10px}
	.beton-question__radio{padding:10px}
	.beton-mark__content-row{margin:-5px -10px}
	.beton-mark__radio{padding:5px 10px}
	.beton-mark__text{font-size:12px; line-height:15px; padding-left:30px}
	.beton-question__text {padding: 8px 0 8px 30px; font-size: 12px; line-height: 16px}
	.beton-big-radio__radio .beton-big-radio__text{padding: 0 0 0 30px; font-size: 12px; line-height: 16px; height:45px}
	.beton-big-radio__date{padding:0 15px; height:45px}
	.beton-question__text::after, .beton-mark__text::after, .beton-big-radio__text::after{width: 16px;height: 16px;left: 7px}
	.beton-question__text::before, .beton-mark__text::before, .beton-big-radio__text::before{width: 8px;height: 8px;left: 11px}
	.beton-question__warning-info{padding:20px}
	.beton-question__warning-info-name {font-size: 13px; line-height: 16px; padding-left: 20px;}
	.beton-question__warning-avatar img{width:80px; height:auto}
	.beton-question__warning-text {font-size: 13px; line-height: 16px; padding-top: 10px; margin-top: 10px}
	.beton-question__content-small-title-top {margin-top: -10px; padding-bottom: 15px; font-size: 13px; line-height: 16px}
	.beton-question__content-small-title-bottom{padding-top: 20px; padding-bottom: 10px; font-size: 13px;line-height: 16px}
}
@media(max-width:991px){
	.beton-question__left{width:100%; padding-right:0}
	.beton-question__right{display:none}
}
@media(max-width:575px){
	.beton-question__content-row{margin:-5px}
	.beton-question__radio{width:50%; padding:5px}
	.beton-mark__content-row{margin:-5px}
	.beton-mark__radio{padding:5px}
	.beton-question__title{text-align:center; font-size: 14px;line-height: 20px}
	.beton-question__steps {padding: 15px 0 20px}
	.beton-question__steps-in {width: calc(100% - 115px);padding: 3px 4px}
	.beton-question__steps-in span{height:12px}
	.beton-question__steps-title {width: 115px;font-size: 12px;line-height: 16px}
	.next-beton-question, .beton-question__content .btn-orange{font-size: 12px; line-height: 45px; padding: 0 15px; margin-top: 15px}
	
	.beton-question__content-small-title-top {margin-top:0; padding-bottom: 10px; font-size: 12px; line-height: 14px}
	.beton-question__content-small-title-bottom{padding-top: 15px; padding-bottom: 10px; font-size: 12px;line-height: 14px}
}
@media(max-width:350px){
	.beton-question__text {padding: 6px 0 6px 30px; font-size: 11px; line-height: 16px}
	.beton-mark__text,  .beton-big-radio__radio .beton-big-radio__text{font-size:11px; line-height:12px}
}