@media (max-width: 1000px) {.block_razmer_slider20 {max-width: 450px;}}
@media (min-width:1000px) and (max-width:1320px) {.block_razmer_slider20 {max-width: 450px;}}
@media (min-width:1320px) and (max-width:1640px) {.block_razmer_slider20 {max-width: 500px;}}
@media (min-width: 1640px) {.block_razmer_slider20 {max-width: 600px;}}

#demo
{
	transition: 2s;
}

.slider20_block
{
    font-family: fonts;
	position: relative;
    z-index: 0;  	
}

.slider20_block .bgh
{
	position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	background-color: var(--work-color);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
}

.text_module_slider20
{
	padding: 15px 25px 15px 25px;
	color: white;	
	text-align: left;
	background: linear-gradient(to right, rgba(0,0,0,0.9) 25%, rgba(0,0,0,0.0) 50%);
}

.text_module_slider20_ng
{
	padding: 15px 25px 15px 25px;
	color: white;	
	text-align: left;
}

.font_general_slider20
{
	font-family: fonts-medium;
	color: white;
	font-size: 50px;
}

.font_text_slider20
{
	font-family: fonts;
	color: white;
	font-size: 20px;
}

.place_main_slider20 {
  font-family: fonts-medium;
  border: 3px solid var(--work-color); 
  background: var(--work-color);
  border-radius: 5px;
  transition: 1s;
  color: white;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
}

.place_main_slider20:hover {
  border: 3px solid var(--work-color);
  transition: 1s;
  cursor: pointer;
  background: transparent;
}

#tabs {
	margin: 10px 0;
}
.tabs-nav {
	display: table;
	margin: 0;
	padding: 0;
	width: 100%;
}
.tabs-nav li {
	display: table-cell;
	float: none;
	margin: 0;
	padding: 0;
}    
.tabs-nav a {
	display: block;
	padding: 20px 30px;
	border-top: 1px solid #ccc;  
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #edeef0; 
	font-size: 20px;
	text-decoration: none;
	text-align: center;
	color: black;
	font-weight:bold;
}		
.tabs-nav li:first-child a {
	border-radius: 0px; 
}
.tabs-nav li:last-child a {
	display: block;
	border-right: 1px solid #ccc;
	border-radius: 0px; 
}
.tabs-nav a.active {
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #000;
}    
.tabs-items {
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0px; 
	background: #fff;
	color: black;
	text-align: center;
}
.tabs-item {
	padding: 15px;
}