/*--------------свой код-----------------*/
.block-1 {  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 141rem;
}

.baner-ot {margin-top: 20px; margin-bottom: 20px; 
}
/*-------------------------------------------*/
.big-cat .sub-links {
    height: auto;
    padding: 13px;
    text-align: left;
    margin: 25px;
}
.sub-links li {
    margin: 0 5px 5px 0;
    display: inline-block;
}
.sub-links li a {
    color: #0182d6;
	text-decoration: none;
	font-size: 14px;
}
.sub-links a {
    border:#0182d6 solid 1px;
    padding: 8px 15px;
    border-radius: 21.5px;
    display: inline-block;
}
.sub-links li a:hover{
    color: #fff;
    background: #0182d6;
	border-radius: 21.5px;
}

.top_zvz {
  float: right;
  width: 195px;
  padding: 6px 0 0;
}

.top_zvz a {
  position: relative;
  display: block;
  height: 28px;
  background: #f0efef;
  border-radius: 11px;
  padding: 0 0 0 56px;
  color: #dc2f2f;
  font-size: 14px;
  line-height: 28px;
}

.top_zvz a::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
 /* top: -3px;*/
  left: 22px;
  width: 26px;
  height: 26px;
  background: url("/image/catalog/icon/ruler.svg") no-repeat;
  transition: all .1s linear;
}

/* Стили таблицы (ak-tabl1) */
table.ak-tabl1{text-decoration: none;border-collapse:collapse;width:100%;text-align:left;}
table.ak-tabl1 th{font-weight:normal;font-size:16px; color:#ffffff;background-color:#348f00;}
table.ak-tabl1 td{font-size:14px;color:#000000;}
table.ak-tabl1 td,table.ak-tabl1 th{white-space:pre-wrap;padding:12px 20px;line-height:14px;vertical-align: middle;border: 1px solid #348f00;}
table.ak-tabl1 tr:hover{background-color:#f9fafb}
table.ak-tabl1 tr:hover td{color:#354251;cursor:default;}


/*для фото*/
.foto-b1 { 
  display: flex;
  flex-wrap: wrap;
  max-width: 120rem;
  margin: auto;}
.foto-b2 {align-items: center; flex: 1 1 28%; margin: 20px;}
/*для фото*/



/*банер тест*/
.main_page_html_block_bur_wrapper{
       /* margin-top: 20px;*/
    }

    .main_page_html_block_bur_wrapper .image_bcg.mobile{
        display: block;
        margin-top: 45px;
        height: 300px;
        margin-bottom: 20px;
    }
    .main_page_html_block_bur_wrapper .image_bcg img {
        width: 260px;
    }
    .main_page_html_block_bur_wrapper .prices{
        flex: 0 0 auto;
        width: 50%;
        margin-bottom: 10px;
    }
    .main_page_html_block_bur_wrapper .prices .img{
        padding: 0 5px 0 0;
    }
    .main_page_html_block_bur_wrapper .text {
        font-size: 11px;
    }
    .main_page_html_block_bur_wrapper .text b{
        font-size: 16px;
    }

    .main_page_html_block_bur_wrapper .prices .colmd-2, .main_page_html_block_bur_wrapper .prices .colsm-2{
        flex: 0 0 auto;
       width: 16.66666667%;
    }
    .main_page_html_block_bur_wrapper .prices .colmd-10, .main_page_html_block_bur_wrapper .prices .colsm-10{
        flex: 0 0 auto;
       width: 83.33333333%;
    }
    .main_page_html_block_bur_wrapper ul.blue_line li{
        font-size: 13px;
        line-height: 15px;
        margin-bottom: 9px;
    }
    .main_page_html_block_bur_wrapper ul.blue_line li:before{
        height: 2px;
        top: 8px;
    }
    .main_page_html_block_bur_wrapper h1, .main_page_html_block_bur_wrapper h2 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .main_page_html_block_bur_wrapper .ps_wrapper{
    /*    margin-top: 30px;
        text-align: center;*/
    }
.main_page_html_block_bur_wrapper {
    margin-top: 1px;
    margin-bottom: 40px;
 	padding-left: 50px;
    padding-right: 50px;
}
.main_page_html_block_bur_wrapper h1, .main_page_html_block_bur_wrapper h2{
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 20px;
}
.main_page_html_block_bur_wrapper h1 span{
    color: #0B80E0;
}
.main_page_html_block_bur_wrapper .image_bcg.mobile{
    display: none;
}
.main_page_html_block_bur_wrapper .image_bcg{
    border-radius: 25px;
    background: url('/image/catalog/banners/banner-categor/pogreb-b2.jpg') no-repeat;
    background-size: cover !important;
    position: relative;
    height: 100%;
}
.main_page_html_block_bur_wrapper .image_bcg img{
    position: absolute;
    bottom: 0;
}
.main_page_html_block_bur_wrapper .image_bcg .abs_title{
    position: absolute;
    z-index: 10;
    bottom: 16px;
    left: 16px;
    border-radius: 15px;
    background: linear-gradient(141deg, rgba(255, 255, 255, 0.71) 0%, rgba(255, 255, 255, 0.30) 100%);
    backdrop-filter: blur(1.5px);
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    width: 200px;
    padding: 10px 16px;
}
.main_page_html_block_bur_wrapper .image_bcg .abs_title span{
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
}
.main_page_html_block_bur_wrapper .prices{
    margin-top: 10px;
    margin-bottom: 42px;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
}
.main_page_html_block_bur_wrapper .img img{
    width: auto;
    max-width: 100%;
}
.main_page_html_block_bur_wrapper .text{
    padding-left: 0;
    padding-right: 0;
}
.main_page_html_block_bur_wrapper .text b{
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}
.main_page_html_block_bur_wrapper button{
    width: 100%;
}

/*-----------------------------*/

//////////////

/*-------------------новый--------------*/
.attent {
  background-color: #fff;
  display: block;
  padding: 15px 15px;
  border: 1px dashed #0182d6;
  border-radius: 5px; 
  font-size: 15px;
  margin:15px;
}
.attent p {
  margin-bottom: 0.5em;
   line-height:1.5em;
}
.attent span {
  font-size: 24px;
  font-weight: bold;
  font-style: oblique;
}
.attent h2 {
  margin-bottom: 0.5em;
   line-height:1.5em;
}
.attent h3 {
  margin-bottom: 0.5em;
   line-height:1.5em;
}


#col-white {
    z-index: 2;
    background-color: #fff; 
    font-size: 16px; 
    border:#f9e294 solid 1px; 
    padding: 15px 15px;
    border-radius: 5px; 
    display: inline-block;
    
    /*box-shadow: 2px 2px 4px rgba(61, 105, 16, 0.5);*/
  }  
.col-white {
    z-index: 2;
    background-color: #fff; 
    font-size: 15px; 
  line-height:1.5em;
    border:#f9e294 solid 1px; 
    padding: 15px 15px;
    border-radius: 5px; 
    display: inline-block;
    margin: 5px;
    /*box-shadow: 2px 2px 4px rgba(61, 105, 16, 0.5);*/
  }

#col-white ul {
/*  line-height:1em;*/
  margin: 0 0 1px;
}
#col-white li {
  margin: 0 0 1px;
}
#col-white p {
	line-height:1.3em; margin: 10px;
}
/*----------мои таблицы------------*/

.table_1 {
  width: 100%;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 5px;
  overflow: hidden;
  text-align: left;
  margin: 0 0 4rem;
  background: #fff;
  box-shadow: 0 0 0 1px #e7eaf3;
}

.table_1 th {
  background: #7F73FA;
  font-weight: normal;
  color: #fff;
  padding: 10px 15px;
  text-align: center;
  }
.table_1 td {
  color: #669;
  border-top: 1px solid #e8edff;
  padding: 10px 15px;
}
.table_1 td.center {
  color: #669;
  border-top: 1px solid #e8edff;
  padding: 10px 15px;
  text-align: center;
}
.table_1 tr:nth-child(2n) {
  background: #e8edff;
}

.img_center {
	display:block;
	margin:auto;
}

.img_center2 {
text-align: center;
}

.table_div{overflow-x: auto;
}

/*---------плашки обустройство ------------*/
.block-ad{
  display: flex;
  flex-wrap: wrap;
}
.block-ad span {
  color: #3E667B;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 128.889%;
  border-radius: 19px;
  border: 1px solid #C1C1C1;
  background: #FFF;
  padding: 0.1em 1.4em;
  box-sizing: border-box;
  margin: 0.3125em;
}

/*--------------Форма-----------------------*/
.b_tConform.big{padding:0 0;background:none;margin:20px 0 40px 0}
.b_tConform{width:100%;padding:20px 30px;background:#fff;overflow:hidden;margin:20px 0 50px 0}
	.b_tConform.big .b_tCon-header{text-align:center;}
	.b_tCon-header{font-size:24px;color:#263238;font-weight:600;font-family: 'Oswald', sans-serif;margin:0 0 15px 0;}
	.b_tConform-fields{display:flex;justify-content: space-between;align-items: center;margin-bottom:10px;flex-wrap: wrap;}
	.b_tConform-fields input{width:32%;margin:0 2% 0 0;height:42px;padding:0 10px;border:1px solid #6a6a6a;background:#fff;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;behavior: url('/images/PIE.htc');font:18px 'Roboto', sans-serif;color:#000;}
	.b_tConform-fields input::-webkit-input-placeholder {color:#6a6a6a;}
	.b_tConform-fields input.error::-webkit-input-placeholder {color:red;}
	.b_tConform-fields a{width:32%;margin:0;text-align:center;}
	
	.b_tConform.big .b_tConform-fields{flex-wrap: nowrap}
	.b_tConform.big .b_tConform-fields input{width:23%}
	.b_tConform.big .b_tConform-fields a{width:33%}
	
	.b_tCon-offer{font-size:12px;color:#7e7d82;line-height:19px;}
			.b_tConform .b_tCon-offer{color:#7e7d82;}
				.b_tCon-offer.error{color:red}
				.b_tConform .b_tCon-offer.error a{color:#fc6b6b!important}
				.b_tConform .b_tCon-offer.error{color:#fc6b6b!important}
				.b_tCon-offer.error a{color:red!important}
				.b_tCon-offer::before{content: url('/image/catalog/checkbox2.png');display: inline-block;width: 21px;height: 19px;margin-right: 5px;position:relative;top:5px;cursor:pointer;}
				.b_tCon-offer.active::before{content: url('/image/catalog/checkbox1.png');}
				.b_tCon-offer a{color:#7e7d82!important;text-decoration:underline!important;border:none!important}
				.b_tConform .b_tCon-offer a{color:#7e7d82!important}
				.b_tCon-offer a:hover{text-decoration:none!important;}	
			.b_tConform .c-info p{margin:0 0 5px 0!important}

.ContactForm{width:100%;overflow:hidden;margin:20px 0 50px 0}
	.ContactForm-fields{display:flex;justify-content: center;align-items: center;margin-bottom:10px;flex-wrap: wrap;text-align:center;}
	.ContactForm-fields input:first-child{margin-left:0}
	.ContactForm-fields input{width:32%;margin:0 0 2% 2%;height:42px;padding:0 10px;border:1px solid #6a6a6a;background:#fff;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;behavior: url('/images/PIE.htc');font:18px 'Roboto', sans-serif;color:#000;}
	.ContactForm-fields input::-webkit-input-placeholder {color:#6a6a6a;}
	.ContactForm-fields input.error::-webkit-input-placeholder {color:red;}
	.ContactForm-fields a{width:32%;margin:0;text-align:center;}
	.ContactForm-fields input.themeInput{width:100%;margin-left:0}
	.ContactForm-fields textarea{width:100%;margin:0 0 2% 0;height:142px;padding:10px;border:1px solid #6a6a6a;background:#fff;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;behavior: url('/images/PIE.htc');font:18px 'Roboto', sans-serif;color:#000;}
	

@media all and (max-width: 1340px) {	
	.b_tConform-fields input{font:16px 'Roboto', sans-serif}
	.ContactForm-fields input, .ContactForm-fields textarea{font:16px 'Roboto', sans-serif}
}
@media all and (max-width: 1260px) {
	.b_tConform{padding:15px 25px;}
	.b_tCon-header{font-size:20px;}
	.b_tConform-fields input{height:35px;font:15px 'Roboto', sans-serif;padding:0 8px;}	
	.b_tConform.big{margin:15px 0 30px 0}
	.ContactForm-fields input, .ContactForm-fields textarea{height:35px;font:15px 'Roboto', sans-serif;padding:8px;}
.ContactForm-fields textarea{height:85px;font:15px 'Roboto', sans-serif;padding:0 8px;}

.ContactForm{width:100%;overflow:hidden;margin:20px 0 40px 0}
}				
@media all and (max-width: 1024px) {
	.b_tCon-header{font-size:18px;}
	
	.b_tConform-header{font-size:17px}	
	.b_tConform-fields input{height:35px;font:14px 'Roboto', sans-serif;padding:0 5px;}
	.ContactForm-fields input, .ContactForm-fields textarea{height:35px;font:14px 'Roboto', sans-serif;padding:0 5px;}
	.ContactForm-fields textarea{height:65px;font:14px 'Roboto', sans-serif;padding:5px;}
}					
@media all and (max-width: 800px) {
	.b_tConform{padding:12px 20px;}
	.b_tConform-fields{display:block!important;}
	.b_tConform-fields input{width:100%!important;margin:0 0 10px 0!important;}
	.b_tConform-fields a{width:100%!important;margin:0 0 10px 0!important;}
	
	
	.ContactForm-fields{display:block!important;}
	.ContactForm-fields input, .ContactForm-fields textarea{width:100%!important;margin:0 0 10px 0!important;}
	.ContactForm-fields a{width:100%!important;margin:0 0 0 0!important;}
.ContactForm{width:100%;overflow:hidden;margin:20px 0}
}		
@media all and (max-width: 500px) {
	.b_tCon-offer{font-size:11px}

}
.button1{font-size:18px;font-weight:bold;color:#fff !important;display:inline-block;padding:8px 30px;background:#7f73fa;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;behavior: url('/images/PIE.htc');text-decoration:none !important;}
.button1:hover{opacity: 0.7;filter: alpha(opacity=70);}

@media all and (max-width: 1260px) {
	.button1{font-size:16px;padding:6px 25px;}
}
/*--------------Формаконец-----------------------*/
.mase2.discoun {
width: 100%;
background: #f7f7f7;
font-size: 25px;
line-height: 74px;
font-family: Roboto;
font-weight: 400;
letter-spacing: -.9px;
color: #075384;
padding-top: inherit;
margin-bottom: 14px;
text-align: center;
overflow: hidden
}
.mase2.discoun span.des {
color: #fff;
font-size: 31px;
text-align: center;
position: relative;
width: 88px;
display: inline-block;
z-index: 1;
margin: 0 15px
}
.mase2.discoun span.des::before {
content: "";
background: #0182d6;
display: inline-block;
width: 88px;
-webkit-transform: skew(-16deg);
transform: skew(-16deg);
height: 76px;
position: absolute;
right: 0;
z-index: -1
}
.mase2.discoun .btn1 {
background: #0182d6;
border-radius: 21.5px;
padding: 10px 30px;
font-size: 18px;
text-align: center;
color: #fff;
text-decoration: none;
font-weight: 400;
align-items: center;
}

@media screen and (min-width: 1200px) {
.mase2.discoun {
text-align: left
}
}

@media (max-width: 767px) {
.mase2.discoun .btn1 {
padding-left:39px
}
}
/*-----------------*/
  .btn2 a{
background: #0182d6;
border-radius: 21.5px;
padding: 10px 30px;
font-size: 18px;
text-align: center;
color: #fff;
text-decoration: none;
font-weight: 400;
align-items: center;
margin-top:35px;
}
.block-bt {
  display: flex;
  flex-wrap: wrap;
  margin: 15px;
}
/*-------------*/
.col-sm-center{
  text-align: center;
}

.container-foto {
  display: flex;  
}
.item-foto {
  padding: 10px; 
  border: 1px solid blue;
  margin-right: 10px; 
}

#bigPhoto {
  transition: transform .2s;  
}

#bigPhoto:hover {
  transform: scale(2); 
}
/*----------------------------------------*/
.mase2.discoun {
width: 100%;
background: #f7f7f7;
font-size: 25px;
line-height: 74px;
font-family: Roboto;
font-weight: 400;
letter-spacing: -.9px;
color: #075384;
padding-top: inherit;
margin-bottom: 14px;
text-align: center;
overflow: hidden
}
.mase2.discoun span.des {
color: #fff;
font-size: 31px;
text-align: center;
position: relative;
width: 88px;
display: inline-block;
z-index: 1;
margin: 0 15px
}
.mase2.discoun span.des::before {
content: "";
background: #0182d6;
display: inline-block;
width: 88px;
-webkit-transform: skew(-16deg);
transform: skew(-16deg);
height: 76px;
position: absolute;
right: 0;
z-index: -1
}
.mase2.discoun .btn1 {
background: #0182d6;
border-radius: 21.5px;
padding: 10px 30px;
font-size: 18px;
text-align: center;
color: #fff;
text-decoration: none;
font-weight: 400;
align-items: center;
}

@media screen and (min-width: 1200px) {
.mase2.discoun {
text-align: left
}
}

@media (max-width: 767px) {
.mase2.discoun .btn1 {
padding-left:39px
}
}
/*-----------------*/

.messengers {
  float: right;
  margin-right: 100px;
}

.messenger {
  display: flex;
  justify-content: center;
  
}
.messenger:last-child {
  margin-right: 0;
}
.icon-mess{
  display: flex;
  justify-content: center;
}
.icon {
  display: flex;
  align-items: center;
  justify-content: center; 
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #eee;
  padding: 8px;
}

.messengers__text {
  text-align: center; 
  font-family: Roboto;
  font-size: 16px;
  color: #777;
  font-weight: 400;
  line-height: 1;
}
/*---------------------------------------------------------------------------*/

/**/
.colmd-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
.colmd-6 {
    flex: 0 0 auto;
    width: 50%;
  	padding-left: 5px;
    padding-right: 5px;
  }
  .collg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .colmd-12 {
    flex: 0 0 auto;
    width: 100%;
    padding-right: 30px;
  }

.button_wr {
  border: none;
  border-radius: 50px;
  background: #7f73fa;
  box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.15);
  padding: 15px;
  color: #FFFFFF;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 21px;
  text-transform: none;
  transition: 0.3s;
  height: 55px;
  /*margin-top: 30px;*/
}
button:hover {
  background: #7f73fa;
  box-shadow: none;
  text-decoration: none;
}
.header__call-link1 {
    display: block;
    padding: 0.5rem 2rem;
    text-decoration: none;
    transition: color 0.25s;
    color: #fff;
  	text-transform: uppercase;
  }
.markers {
	margin: 0 0 20px 24px;
	padding: 0;
	list-style-type: "⚡ ";
}
.markers li {
	margin: 7px 30px;
	font-size: 14px;
}
@media screen and (max-width: 991px) {
    .collg-6 {
        width: 90%;
      	margin-left: 20px;
          }
}
@media screen and (max-width: 991px) {
    .colmd-2, .colmd-6, .colmd-10, .colmd-12{
        width: 100%;
    }
    .hidden_991{
        display: none;
    }
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ 
 .main_page_html_block_bur_wrapper .image_bcg.mobile{
        display: block;
        margin-top: 45px;
        height: 300px;
        margin-bottom: 20px;max-width: 100%;
    }
}

 @media screen and (max-width: 991px) {
    .colmd-2, .colmd-6, .colmd-10, .colmd-12{
        width: 100%;
    }
    .hidden_991{
        display: none;
    }

    .main_page_html_block_bur_wrapper .image_bcg.mobile{
        display: block;
        margin-top: 45px;
        height: 300px;
        margin-bottom: 20px;
      max-width: 100%;
    }
    .main_page_html_block_bur_wrapper .image_bcg img {
        width: 260px;
    }
    .main_page_html_block_bur_wrapper .prices{
        flex: 0 0 auto;
        width: 50%;
        margin-bottom: 10px;
    }
    .main_page_html_block_bur_wrapper .prices .img{
        padding: 0 5px 0 0;
    }
    .main_page_html_block_bur_wrapper .text {
        font-size: 11px;
    }
    .main_page_html_block_bur_wrapper .text b{
        font-size: 16px;
    }
    .main_page_html_block_bur_wrapper .prices .colmd-2, .main_page_html_block_bur_wrapper .prices .colsm-2{
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .main_page_html_block_bur_wrapper .prices .colmd-10, .main_page_html_block_bur_wrapper .prices .colsm-10{
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .main_page_html_block_bur_wrapper ul.markers li{
        font-size: 13px;
        line-height: 15px;
        margin-bottom: 9px;
    }
    .main_page_html_block_bur_wrapper ul.markers li:before{
        height: 2px;
        top: 8px;
    }
    .main_page_html_block_bur_wrapper h1, .main_page_html_block_bur_wrapper h2 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .main_page_html_block_bur_wrapper .ps_wrapper{
        margin-top: 30px;
        text-align: center;
    }
}
/*----------калькулятор----------------*/
.coll_1 {padding: 20px; margin: 30px 0px 30px 0px; border: 15px solid #4c8ca8;}
.coll-img{width: 99%; border-radius: 10px; margin-bottom: 15px;}
.coll-cl {clear: both;}
.red {color: red !important;}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
}
.calculator-call {
  max-width: 400px;
  margin: 0 auto;
  padding: 20px;
  background-color: #f5f5f5;
  border-radius: 5px;
}

label.call{
  display: block;
  margin-bottom: 10px;
}

select.call {
  width: 100%;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #ccc;
}

.radio-buttons-call {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.radio-buttons-call label {
  margin-right: 10px;
}
/*--------------------------*/ 
   .total-section {
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.total-section span {
  margin-right: 10px;
}

#totalResult {
  font-weight: bold;
}
  
  input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
    
  /*----------------------------*/

 .cal123 {
    width: 100%;
    padding: 20px;
    background: #ededed;
    margin: 20px 0;
    border: 8px solid #f9e294; 
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);
    min-height: 890px;
    }

    .cal123 .slider-label {
    font: 0.8em/1.5 'Roboto', sans-serif;
    margin-top: 1em;
    margin-bottom: 0.5em;
    }
    .cal123 .slider-value {
      display: inline-block;
      width: 50px;
      text-align: center;
    }
    .cal123 .slider-container {
      margin-bottom: 5px;
    }
    
    .slider-container {
    flex-flow: column nowrap;
    margin: 0 auto;
    box-sizing: border-box;    
}
    .cal123 input[type=range]
    .slider-container {
    border-radius: 0.75em;
    overflow: hidden;
    position: relative;
    
    }
    
    .cal123 input[type=range] {
    background-color: transparent;
    font: 1em/1.5 'Roboto', sans-serif;
    box-shadow: 0.3em 0.3em 0.4em #c1c2c5 inset, -0.3em -0.3em 0.4em #fff inset;
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 5px;
    height: 35px;
    }
    
    .cal123 button {
      padding: 10px 20px;
      font-size: 16px;
      background-color: #2196F3;
      color: white;
      border: none;
      border-radius: 21px;
      cursor: pointer;
    }
    .cal123 #result {
      margin-top: 20px;
      font-size: 28px;
      font-weight: bold;
      color: #2196F3;
    }
    .cal123 .question {
      margin-bottom: 10px;
    }
    .cal123 .radio-group {
      display: flex;
      align-items: center;
    }
    .cal123 .radio-group label {
      margin-right: 10px;
    }
    
    .cal123-foto{
    float: right;
    }
  
  /**/
  input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  margin-top: -6px;
  margin-left: -2px;
  width: 35px;
  height: 25px;

  background: #2196F3;
  border-radius: 6px;

  cursor: ew-resize;
}
input[type="range"]::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -2px;
  width: 0;
  height: 3px;
  background-color: red; /* Здесь можно изменить цвет */
  transform: translateY(-50%);
  transition: width 0.3s ease-in-out; /* Добавьте плавный переход */
  z-index: -1; /* Добавить z-index: -1 */
}

input[type="range"]::before {
  /* ... */
  width: var(--range-width, 0);
}
input[type="range"] {
  -webkit-appearance: none;
  position: relative; /* Добавить position: relative */
}


.question-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 50%;
  background-color: #007bff;
  color: #fff;
  font-size: 12px;
  font-weight: Regular;
  cursor: help;
  position: relative;
}

.question-icon:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translate(-50%, -100%);
  max-width: 300px;
  padding: 5px;
  font-size: 12px;
  border-radius: 4px;
  text-align: center;
  white-space: normal;
  word-wrap: break-word;
  z-index: 1;
  background-color: #ddeefc;
  border: 1px solid #2196F3;
  color: #023c6a;
  min-width: 350px;
  max-width: 450px;
}