.text-tabs-navs{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:35px;
}

.text-tabs-navs-item{
	margin-right:20px;
	height:60px;
	display:flex;
	margin-bottom:12px;
	align-items:center;
	color:var(--extra_color); 
	font-weight: 600; 
	transition: all .3s ease;
	padding: 0px 40px; 
	cursor:pointer;
	text-transform: uppercase; 
	font-size: 15px; 
	border: 1px solid var(--extra_color); 
}

.text-tabs-navs-item:hover, .text-tabs-navs-item.active{
	color:#fff;
	background-color:var(--extra_color); 
}

.text-tabs ul li::before {
  background-color: var(--second_color);
  -webkit-mask-image: var(--ul_icon);
  mask-image: var(--ul_icon);
  mask-repeat: no-repeat;
  mask-position: center left;
  mask-size: contain;
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 14px;
}

.text-tabs ul li {
  margin: 0 0 8px;
  padding-left: 39px;
  position: relative;
}

.text-tabs ul, .text-tabs ul li {
  list-style-type: none;
}

.text-tabs ul {
  padding: 0px;
  margin: 0px 0 24px;
}

.text-tabs-item:not(.active){
	display:none;
}

.text-tabs-item-image{
	float:left;
	max-width:50%;
	padding-right:64px;
}

.text-tabs-attr-order-button-wrap{
	display:flex;
	margin-top:32px;
}

.text-tabs-attr-order-button-wrap .order_button{
	display:flex;
	width:auto;
	padding-left:26px;
	padding-right:26px;
}

.text-tabs-attrs{
	margin-bottom:24px;
}

.text-tabs-attr-item{
	display:flex;
	overflow:hidden;
	font-weight: 600;
	justify-content:space-between;
	margin-bottom:12px;
	color: var(--main_color);
	text-transform: uppercase; 
	font-size: 14px;
	position:relative;
	background: url("../img/attribute_dots.png") right 15px repeat-x;
}

.text-tabs-attr-item>div>span{
	background-color:#fff;
	position:relative;
	z-index:2;
}

.text-tabs-attr-item-value span{
	padding-left:12px;
}

.text-tabs-attr-item-title span{
	padding-right:12px;
}

.text-tabs-attr-item-value{
	font-weight: 700; 
}

.text-tabs-attr-item-title{
	opacity:0.6;
}

@media (max-width: 990px) {
	.text-tabs-navs{
	  flex-wrap:nowrap;
	  white-space:nowrap;
	  padding-bottom:12px;
	  overflow:auto;
	}
	.text-tabs-navs-item{
		padding: 0px 12px;
		margin-right:10px;
		font-size: 12px;
		height: 50px;
		margin-bottom:0px;
	}
	
.text-tabs-item-image {
  float: none;
  max-width: 100%;
  width: 100%;
  padding-right: 0;
  padding-bottom:24px;
}

}

