/**** slider ****/

#slider, ul
{
	height: 220px;
}

#slider
{
	margin: auto;
	overflow: hidden; //скрывать все за границами
	padding: 20px;
//	border: 1px solid #d6e3f3;
	margin-top: 5px;
	position: relative;
	width: 800px;
}

#slider li
{
	float: left;
	position: relative;
	width: 800px;
	display: inline-block;
	height: 220px;
}

#slider ul
{
	list-style: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 9000px;
	transition: left .3s linear;
	-moz-transition: left .3s linear;
	-o-transition: left .3s linear;
	-webkit-transition: left .3s linear;
	margin-left: -25px;
  font-family: century gothic;
  color: #666;
}

/*** Content ***/

.slider-container
{
	margin: 0 auto;
	padding: 0;
	width: 750px;
  min-height: 200px;
 // border-bottom: 1px solid #ccc;
}

.slider-container h4
{
	color: #660000;
	margin: 10px 25px;
//  text-shadow: -1px 0px 0px rgba(0, 0, 0, 0.50);
}

.slider-container  p
{
	margin: 20px 20px 20px 25px;
	padding: 20px 20px 20px 25px;
	font-weight: semi-bold;
//	line-height: 150%;
	text-align: justify;
}

/*** target hooks ****/

@-webkit-keyframes slide-animation {
	0% {opacity:0;}
	2% {opacity:1;}
	20% {left:0px; opacity:1;}
	22.5% {opacity:0.6;}
	25% {left:-800px; opacity:1;}
	45% {left:-800px; opacity:1;}
	47.5% {opacity:0.6;}
	50% {left:-1600px; opacity:1;}
	70% {left:-1600px; opacity:1;}
	72.5% {opacity:0.6;}
	75% {left:-2400px; opacity:1;}
	95% {opacity:1;}
	98% {left:-2400px; opacity:0;} 
	100% {left:0px; opacity:0;}
}

#slider ul
{
	-webkit-animation: slide-animation 30s infinite;
}

/* use to paused the content on mouse over */

#slider ul:hover
{
	-moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
}
.rightimg  {
    float: right; /* ‚ыравнивание по правому краю  */ 
    margin: 1px 1px 1px 1px; /* Ћтступы вокруг картинки */
   }

/**** slider ****/

/**** NOVIN ****/

.carousel-container {
    display: block;
    width: 800px;
    height: 160px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
	FONT-SIZE: 8px;
}

.carousel-slides {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
}

.slide {
    position: absolute;
    top: 0;
	 width: 99%;
}

.imgnov {
	 vertical-align:top;
	 width: 170px;
	 text-align: center;
     margin:0 auto; 
}

.slide:nth-child(1) {
    left: 0;
}

.slide:nth-child(2) {
    left: 100%;
}

.slide:nth-child(3) {
    left: 200%;
}

.slide:nth-child(4) {
    left: 300%;
}

.slide:nth-child(5) {
    left: 400%;
}

.slide:nth-child(6) {
    left: 500%;
}

.btn-container {
    display: flex;
    justify-content: space-between;
    height: 30px;
    width: 100%;
    position: absolute;
    top: 75px;
}

.btn {
    width: 30px;
    height: 30px;
    background-image: url('../img/arrow.png');
    background-position: 0 0;
    background-size: cover;
}

.btn:nth-child(2) {
    transform: rotate(180deg);
}

/*КОНЕЦ НОВИН*/



/* полосы прокрутки */
::-webkit-scrollbar { width: 6px; } 
::-webkit-scrollbar-track { 
  background: #ededed; 
  border-radius: 5px; 
} 
::-webkit-scrollbar-thumb { 
  background: #a5a2a2; 
  border-radius: 5px; 
}


.bllenta {/*  Блок в lente */
    overflow: hidden; /* содержимое за пределами блока будет скрыто */
 	text-align:left;
	margin:5;
    width: 680px;
	position: relative; 
}  

.komt_lenta {/*  Контейнер в lente */
 	text-align:left;
	width: 100%;
	overflow: auto;
}  

.ogrimg { /* прячет правый край */
	height: 430px;
	width: 50px;
	right: -1px;
    position: absolute; 
}

.dal {
    width: 30px;
    height: 30px;
	z-index: 999;
	position: absolute;
}

.nazrub { /* заголовок рубрики */
    font-size: 110%;
	color: #636e88;
	vertical-align: center;	
}

.serstr {
	background:#f4f4f4;
	text-align:left;
	margin:1 10px 1 10px;
}

#imgplitka /*Картинка плиткой / списком */
{
	text-align:left;
	 padding: 4px 25px 4px 20px;
}

   
.blrasd {/* таблица Блок в разделе плиткой */
 	text-align:left;
	margin:1;
	width:640px;
	overflow: auto;
}
.blrasd .yachraz {/* ячейка таблицы блок раздела плиткой*/
	text-align:center;
/*	float:left;  */
    color: #424242; 
    font-size: 90%;
	height:410px; 
    width: 200px;
	margin: 7px;
    padding: 7px 5px 1px 5px;
	text-decoration: none; 
    border-radius: 5px;
    border-style: solid; 
    border-width: 1px; 
    border-color: #999;
    outline: none;
}
.blrasd .yachraz .kimg { 
    margin: 1px 1px 1px 1px; /* Отступы вокруг картинки плиткой*/
    width:80%;  
	max-height: 100px;
	max-width: 150px;
}
.blrasd .yachraz h2 { 
    font-size: 110%;
	vertical-align: center;
}
.blrasd .yachraz .box { /* текст описания в плитках */
    overflow: hidden; /* содержимое за пределами блока будет скрыто */
    height: 135px;
    width: 200px;
}
.pimg { /* прячет недописанный текст */
    height: 30px;
    width: 210px;
	left: 3px;
    top: 110px;
    position: relative; 
}
.blrasd .yachraz .box__in { /* прячет длинное описание текст */
    -webkit-column-width: 150px;
    -moz-column-width: 150px;
    column-width: 150px;
    height: 100%;
}

/* заголовок раздела ПЛИТКОЙ  заголовок раздела  */
.blrasd .zagraz  { /* заголовок раздела  */ 
	font-family:  Times New Roman, Georgia;
    color: #c70a0a; 
	font-size: 120%;
	height:100px;
}
.blrasd .zagraz a {
	font-family:  Times New Roman, Georgia;
    color: #c70a0a; /* ссылка в заголовке раздела  */ 
	font-size: 110%;
    text-decoration: none;   
}
.blrasd .zagraz a:hover { /* Активная ссылка в заголовке раздела  */ 
	font-family:  Times New Roman, Georgia;
   color: #c70a0a; 
   font-size: 110%;
   text-decoration:underline; 
}



 /* Блок по кнопке СПИСКОМ */  /* Блок по кнопке СПИСКОМ */ /* Блок по кнопке СПИСКОМ */

.blrasd_responsive {/* таблица Блок в разделе списком */
 	text-align:left;
	margin:0;
	width:99%;
} 
 
.blrasd_responsive .yachraz {/* ячейка таблицы блок раздела СПИСКОМ */
	text-align:left;
	float:left;
    color: #424242; 
    font-size: 100%;
    width: 99%;
	height: 100%; 
	margin: 1px;
    padding: 1px 1px 1px 1px;
	border-style: none;
	text-decoration: none; 
    outline: none;
}
.blrasd_responsive .yachraz .kimg { 
    margin: 9px 9px 9px 19px; /* Отступы вокруг картинки */
	width:25%;  
}
.blrasd_responsive .yachraz h2 { 
    font-size: 120%;
	vertical-align: center;
}
.blrasd_responsive .yachraz .box { /* текст описания  */
 overflow: hidden; /* содержимое за пределами блока будет скрыто */
 /*height: 100%; */
   height: 150px; 
 float:left;
  width: 65%;
}
.blrasd_responsive .yachraz .box .pimg { /* прятал недописанный текст */
    height: 30px;
    width: 100%;
	left: -20px;
    top: 115px;
    position: relative; 
}
.blrasd_responsive .yachraz .box__in { /* прячет длинное описание текст */
margin:0;
}

/* заголовок раздела СПИСКОМ  заголовок раздела  */
.blrasd_responsive .zagraz  { /* заголовок раздела  */ 
	font-family:  Times New Roman, Georgia;
    color: #c70a0a; 
	font-size: 120%;
    width: 95%;
}
.blrasd_responsive .zagraz a {
	font-family:  Times New Roman, Georgia;
    color: #c70a0a; /* ссылка в заголовке раздела  */ 
	font-size: 110%;
    text-decoration: none;   
}
.blrasd_responsive .zagraz a:hover { /* Активная ссылка в заголовке раздела  */ 
	font-family:  Times New Roman, Georgia;
   color: #c70a0a; 
   font-size: 110%;
   text-decoration:underline; 
}
.blrasd_responsive hr {
   width: 95%;
   margin: 0px 15px 5px 0px;
   position: relative;
   float:left;
}


/* таблица menu сортировки по марке*/
.tab_msrt /* таблица меню сортировки*/
{
	text-align:left;
	margin:0;
	height:22px;
	width:99%;
}
.ya_msrt { /* кнопка ячейка таблицы перечня страниц */
	text-align:center;
	float:left;
    color: #424242; 
    font-size: 100%;
	height:22px;
    width: 180px;
    padding: 3px 3px 1px 3px;
	text-decoration: none; 
    border-radius: 25px;
    border-style: solid; 
    border-width: 1px; 
    border-color: #424242;
    outline: none;
	cursor: pointer;
	background:#d3e0f1;
}
.ya_msrt_a { /* кнопка активная ячейка таблицы */
	text-align:center;
	float:left;
    color: #fbfbfb; 
    font-size: 100%;
    width:180px;
    height:22px;
    padding: 3px 3px 1px 3px;
	text-decoration: none; 
    border-radius: 25px;
    border-style: solid; 
    border-width: 1px; 
    border-color: #424242;
    outline: none;
	background:#FFEBE6;
}
.ya_msrt:hover { /* кнопка активная ячейка таблицы */
	text-align:center;
	float:left;
    color: #424242; 
    font-size: 100%;
    width: 180px;
	height:22px;
    padding: 3px 3px 1px 3px;
	text-decoration: none; 
    border-radius: 25px;
    border-style: solid; 
    border-width: 1px; 
    outline: none;
	cursor: pointer;
	background:#FFEBE6;
}
.ya_msrt a { 
	text-align:center;
    color: #424242; 
    font-size: 100%;
    text-decoration: none;   
	}
.ya_msrt a:hover {
	text-align:center;
	color: #c70a0a; 
	font-size: 100%;
	text-decoration: none;   
}


@media screen and (max-width: 768px) {
	
/*скрываем слайдер*/

#slider, ul
{
	display:none;
}
#slider
{
	display:none;
}
#slider li
{
	display:none;
}
#slider ul
{
	display:none;
}
.slider-container
{
	display:none;
}
.slider-container h4
{
	display:none;
}
.slider-container  p
{
	display:none;
}
/*скрываем слайдер конец*/
	
/**** NOVIN ****/

.carousel-container {
	display:none;
}
.carousel-slides {
	display:none;
}
.slide {
	display:none;
}
.slide:nth-child(1) {
	display:none;
}
.slide:nth-child(2) {
	display:none;
}
.slide:nth-child(3) {
	display:none;
}
.slide:nth-child(4) {
	display:none;
}
.slide:nth-child(5) {
	display:none;
}
.slide:nth-child(6) {
	display:none;
}
.btn-container {
	display:none;
}
.btn {
	display:none;
}
.btn:nth-child(2) {
	display:none;
}

	
	
.bllenta {/*  Блок в lente */
/*    overflow: hidden; /* содержимое за пределами блока будет скрыто */
 	text-align:left;
	margin:3;
    width: 300px;
}  

.komt_lenta {/*  Контейнер в lente */
 	text-align:left;
	width: 100%;
	overflow: visible;
}  
.ogrimg { /* прячет правый край убираем*/
	display:none;
}

.dal {
	display:none;
    width: 1px;
    height: 1px;
	z-index: -1;
	position: static;

}

   
/* Блок в разделе мобильная */
.blrasd {/* таблица Блок в разделе */
	text-align:left;
	margin:5px;
	padding:5px;
	width:99%;
}   
.blrasd .yachraz {/* ячейка таблицы блок раздела мобильная */
	text-align:center;
	float:left;
    color: #424242; 
    font-size: 100%;
    width: 99%;
	height: 100%; 
	margin: 1px;
    padding: 1px 1px 1px 1px;
	border-style: none;
	text-decoration: none; 
    outline: none;
}
.blrasd .yachraz .kimg { 
	
    margin: 5px 5px 5px 5px; /* Отступы вокруг картинки */
    width:75%;  
}
.blrasd .yachraz h2 { 
    text-align:left;
    font-size: 120%;
	vertical-align: center;
}
.blrasd .yachraz .box { /* текст описания в плитках */
 /*   overflow: hidden; /* содержимое за пределами блока будет скрыто */
   text-align:left;
   height: 100%; 
    width: 99%;
}
.blrasd .yachraz .box .pimg { /* прятал недописанный текст */
    height: 0px;
    width: 0px;
	left: 0px;
    top: 0px;
}
.blrasd .yachraz .box__in { /* прячет длинное описание текст */
 /*   -webkit-column-width: 220px; */
 /*   -moz-column-width: 220px;  */ 
 /*   column-width: 220px;  */
	margin:0;
}
.blrasd .zagraz  { /* заголовок раздела  */ 
	font-family:  Times New Roman, Georgia;
    color: #c70a0a; 
	font-size: 90%;
    width: 95%;
/*Если в мобильной версии выбрали списком раздел */
.blrasd_responsive .yachraz img { 
width: 95%;
}
.blrasd_responsive .yachraz .box { /* текст описания  */
 overflow: hidden; /* содержимое за пределами блока будет скрыто */
 height: 150px; 
 float:left;
 width: 95%;
}
  
} /*КОНЕЦ МОБИЛЬНОЙ ВЕРСИИ/*