.tab-content{
width:850px;
margin-left:auto;
margin-right:auto;	
}

.tab-content .h4{
font-size:12pt;
font-weight:900;
padding:25px 0 0 0;
width:100%;
}

.type{
width:100%;
display:flex;
justify-content:space-evenly;
flex-wrap:wrap
}
 
 
.size {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  align-items: end;
  width: 100%;
  margin-bottom: 1em;
}

.size > div {
  display: flex;
  align-items: center;
  gap: 8px;
}

  input[type="text"] {
margin:10px 0;
  width: 100%;
  max-width: 600px;
  min-width: 0;
  box-sizing: border-box;
  padding: 6px 8px;
}

button.btn {
  width: 100%; 
    max-width: 600px;
    display: block;
    padding: 10px;
    margin: 30px 0;
    cursor: pointer;
    background-color: #f4cc49;
    border-radius: 6px;
    border: solid 0px #73736f;
}

 input[type="number"] {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 6px 8px;
 }


.type1 >div{
	display: flex;;
}

.h4{
	font-weight: 900;
	padding:10px 10px 5px 0px
}


@media (max-width: 830px) { 
 
 .tab-content{
width:100%;
margin-left:auto;
margin-right:auto;	
}

.tab-content .h4{
font-size:12pt;
font-weight:900;
padding:25px 0 0 0;
width:100%;
}

.type{
width:100%;
display:block;
}

.type>div{
display:block;
}

.type>div>div{
display:block;
}


}
 

input[type=radio]{
	
	margin:0 10px 0 10px;
	
}

.tab-content button{
	margin-top:20px;
	width:100%
}

.type1{
	justify-content: start;
	
}


.color_item_div{
    align-items:center;
	display:flex;	
	
}


.ral {
		justify-content:space-evenly;
 
	display:flex;
	  flex-wrap:wrap
}


 

.li_color_text input{
	margin:0 10px  0 0;
}

 
.ral .li_color_bg{

	width:166px;

	height:72px;
	background-position:center center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align:center;
	cursor:pointer;
	}
.ral .li_color_bg input{
	display:none;
}
.ral .li_color_text{
	font-size: 16px;
	line-height: 22px;
	min-height:66px;
}

.color1{
	background-image: url(/pic/master0/color/1.jpg)
}
.ral .li_color_bg.color2{
	background-image: url(/pic/master0/color/2.jpg)
}
.ral .li_color_bg.color3{
	background-image: url(/pic/master0/color/3.jpg)
}
.ral .li_color_bg.color4{
	background-image: url(/pic/master0/color/4.jpg)
}
.ral .li_color_bg.color5{
	background-image: url(/pic/master0/color/5.jpg)
}
.ral .li_color_bg.color6{
	background-image: url(/pic/master0/color/6.jpg)
}
.ral .li_color_bg.color7{
	background-image: url(/pic/master0/color/7.jpg)
}
.ral .li_color_bg.color8{
	background-image: url(/pic/master0/color/8.jpg)
}
.ral .li_color_bg.color9{
	background-image: url(/pic/master0/color/9.jpg)
}
.ral .li_color_bg.color10{
	background-image: url(/pic/master0/color/10.jpg)
}
.ral .li_color_bg.color11{
	background-image: url(/pic/master0/color/11.jpg)
}
.ral .li_color_bg.color12{
	background-image: url(/pic/master0/color/12.jpg)
}
.ral .li_color_bg.color13{
	background-image: url(/pic/master0/color/13.jpg)
}
.ral .li_color_bg.color14{
	background-image: url(/pic/master0/color/14.jpg)
}
.ral .li_color_bg.color15{
	background-image: url(/pic/master0/color/15.jpg)
}
.ral .li_color_bg.color16{
	background-image: url(/pic/master0/color/16.jpg)
}
.ral .li_color_bg.color17{
	background-image: url(/pic/master0/color/17.jpg)
}
.ral .li_color_bg.color18{
	background-image: url(/pic/master0/color/18.jpg)
}
.ral .li_color_bg.color19{
	background-image: url(/pic/master0/color/19.jpg)
}
.ral .li_color_bg.color20{
	background-image: url(/pic/master0/color/20.jpg)
}

.ral .li_color_bg.color21{
	background-image: url(/pic/master0/color/21.jpg)
}
.ral .li_color_bg.color22{
	background-image: url(/pic/master0/color/22.jpg)
}
.ral .li_color_bg.color23{
	background-image: url(/pic/master0/color/23.jpg)
}
.ral .li_color_bg.color24{
	background-image: url(/pic/master0/color/24.jpg)
}
.ral .li_color_bg.color25{
	background-image: url(/pic/master0/color/25.jpg)
}
.ral .li_color_bg.color26{
	background-image: url(/pic/master0/color/26.jpg)
}

.ral .li_color_bg.color27{
	background-image: url(/pic/master0/color/27.jpg)
}
.ral .li_color_bg.color28{
	background-image: url(/pic/master0/color/28.jpg)
}
.ral .li_color_bg.color29{
	background-image: url(/pic/master0/color/29.jpg)
}
.ral .li_color_bg.color30{
	background-image: url(/pic/master0/color/30.jpg)
}
.ral .li_color_bg.color31{
	background-image: url(/pic/master0/color/31.jpg)
}
.ral .li_color_bg.active{
	border:1px solid #3f975b;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

 

#r0,#material{
	display:flex;
}


#master_tab img{
	width:100%;
	max-width: 100px;
}


/* Основные стили */
.datblock.sedf3 {
  max-width: 1100px;
  width: 99%;
  margin: 0 auto;
  padding: 0;
}

/* Контейнер вкладок */
.tab {
  font-family: 'Gotham-Book', sans-serif;
  background-color: #f5f5f5;
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0;
  padding: 0;
}

/* Отдельные вкладки */
.tab > div {
  flex: 1 0 auto;
  width: 25%;
  padding: 20px 10px 20px 30px;
  font-size: 14px;
  color: #3D3B46;
  text-align: center;
  cursor: pointer;
  border: 1px solid #C6C6C6;
  border-bottom: none;
  background-repeat: no-repeat;
  background-position: 17px 50%, 0 0;
  background-size: 14px auto, auto;
  transition: all 0.2s ease;
  box-sizing: border-box;
}

/* Активная вкладка */
.tab > div.active {
  font-family: 'Gotham-Bold', sans-serif;
  background-color: white;
  border-top: 2px solid #C6C6C6;
  border-bottom: 2px solid white;
  margin-bottom: -2px;
  z-index: 2;
}

 

.tab > div.active { 
  background-image: url(/icon2/posit/1.svg), linear-gradient(to bottom, #FFF, #FFF);
  background-position: 17px 50%, 0 0;
}

/* Контент вкладок */
.tab_content {
  background: white;
  padding: 20px;
 
 min-height: 300px;;
 
}

.tab_content > div {
  display: none;
}

.tab_content > div.active {
  display: block;
  animation: fadeIn 0.3s;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}