@font-face {
font-family: Roboto; /* Гарнитура шрифта */
src: url(/Roboto_Condensed/RobotoCondensed-Regular.ttf); /* Путь к файлу со шрифтом */
font-display: swap;
}
   #loading-spinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.5s ease; /* Добавлено для плавного перехода */
    opacity: 1; /* Изначально спинер видим */    
display: flex;
  justify-content: center;
  align-items: center;
  }
  .spinner {
    width: 130px;
    height: 130px;
    margin: 0 auto; /* Добавлено для центрирования */
    border: 3px solid #f3f3f3;
    border-top: 2px solid #0077ff;
    border-radius: 50%;
    animation: spin-animation 1s linear infinite;
position: relative;	
  }
  @keyframes spin-animation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
#loading-spinner span {
  margin-top: 10px; /* Регулируйте отступ текста от спинера */
  /* Дополнительные стили для текста */
}
.text-spinner {
  position: absolute;font-family:   Arial, Helvetica,  Tahoma, Times New Roman, sans-serif;font-size: 20px; 
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);width: 100px;text-align: center;color: #0077ff;z-index: 9999;
}
body{
	font-family: Roboto,  Arial, Helvetica,  Tahoma, Times New Roman, sans-serif;
	font-size: 16px;   
	margin: 0em;padding: 0em;
	line-height: 1.5em;
	color: #000;
	background-color: #ffffff;
background-image: url(b-04-01.png);
	background-repeat: repeat-x;
	background-position: top;
max-height: 9001em;
height: 100%;
    margin: 0;
}
{-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-o-text-size-adjust: none;
text-size-adjust: none;
}
.page-container {display: flex;
  flex-direction: column;
  max-width: 1690px; min-width: 300px;  /* Максимальная ширина страницы */
  margin: 0 auto; /* Автоматическое выравнивание по центру */
  min-height: 100vh; /* минимальная высота равна высоте экрана */
}
header {order: 1;width: 100%;
  max-width: 1780px; min-width: 300px;  /* Максимальная ширина страницы */
  margin: 0 auto; /* Автоматическое выравнивание по центру */
}
main {order: 2;width: 100%;
  max-width: 1780px; min-width: 300px;  /* Максимальная ширина страницы */
  margin: 0 auto; /* Автоматическое выравнивание по центру */
  flex: 1; /* позволяет контенту занимать все доступное пространство, отталкивая футер вниз */
}
footer {order: 3;width: 100%;
  max-width: 1780px; min-width: 300px;  /* Максимальная ширина страницы */
  margin: 0 auto; /* Автоматическое выравнивание по центру */
}
#price{ font-size: 110%;color: #666;}
.price{font-size: 120%;color: #666;}
.tabg01{ width:  100%;border-bottom: solid 0px #fafafa;border-top: solid 0px #cc0000;}

a:link{color:#0077ff; text-decoration: none;}
a:visited{color:#0077ff;}
a:hover	{color:#cc0000;}
a.inactive-link,
a.inactive-link:hover,
a.inactive-link:focus {
    color: grey;     
    text-decoration: none; 
    cursor: default;
    pointer-events: none; 
}



.left-cell-menu {margin: 2px 4px 4px 0px; padding:0px 0px 0px 0px;border: 1px solid;background-color: #fff; border-color: #e6e6e6;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px; box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.04);}
.nav01-mob {display:block;  padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;width: 324px;border: 0px solid;background-color: #fff; border-color: #ebebeb;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.002);}
.nav01-mob li { display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;position: relative;}

.nav01-mob ul { display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.title-mob{
	display: block;
	background-color: #fff;
	height: 50px;
	line-height: 50px;
	border-bottom: solid 1px #d1dbe8;
	border-top: solid 0px #fff;
	margin-left: 0px; /* Установите желаемый отступ слева */
	margin-right: 0px; /* Установите желаемый отступ справа */	
	text-decoration: none;
	font-size: 16px;
	padding-left:6px;
	transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
@media screen and (max-width: 320px) {.title-mob{font-size: 15px;}}
a.title-mob{color: #0077ff;}
.title-mob:hover{   border-bottom: solid 1px #d1dbe8;  color: #fff; background-color: #cc0000; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;box-shadow: 0 0 0px rgba(0,0,0,0.5);}
.title-mob:active{ 	color: #fff; background-color: #cc0000; box-shadow: 0 0 0px rgba(0,0,0,0.5);}
.item_mob{	
	text-decoration: none;
	display: block;
	background-color: #fff;
	border-top: solid 0px #fff;
	border-bottom: dotted 1px #b3b3b3;
border-bottom-width: 1px; /* Установите желаемую ширину границы */
  margin-left: 0px; /* Установите желаемый отступ слева */
  margin-right: 0px; /* Установите желаемый отступ справа */
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	padding-left: 10px;	
	transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
}
a.item_mob {color: #0077ff;}
.item_mob:hover{  border-bottom: solid 1px #fff;   color: #fff; background-color: #cc0000; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;box-shadow: 0 0 0px rgba(0,0,0,0.5);}
.item_mob:active{ 	color: #fff; background-color: #cc0000; box-shadow: 0 0 0px rgba(0,0,0,0.5);}

.item_mob2{	
	text-decoration: none;
	display: block;
	background-color: #f7f7f7;
	border-top: solid 0px #fff;
	border-bottom: dotted 1px #b3b3b3;
border-bottom-width: 1px; /* Установите желаемую ширину границы */
  margin-left: 0px; /* Установите желаемый отступ слева */
  margin-right: 0px; /* Установите желаемый отступ справа */
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	padding-left: 35px;	
	transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
}
a.item_mob2 {color: #0077ff;}
.item_mob2:hover{  border-bottom: solid 1px #fff;   color: #fff; background-color: #cc0000; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;box-shadow: 0 0 0px rgba(0,0,0,0.5);}
.item_mob2:active{ 	color: #fff; background-color: #cc0000; box-shadow: 0 0 0px rgba(0,0,0,0.5);}

/* Текст для скрин ридеров */
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.sub-menu {
  padding: 0px 0;
  font-size: 1.1rem;
}
/* Убираем стандартный маркер Chrome */
.nav01-mob summary::-webkit-details-marker {
  display: none;
}
/* Убираем стандартный маркер Firefox */
.nav01-mob summary {
  list-style: none;
}
.nav01-mob summary {
  position: absolute;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0px;
  bottom: 0px;
  right: 0px;
  background: #0077ff;border-top: solid 0px #fff;border-bottom: solid 1px #fff;border-right: solid 0px #fff;
  cursor: pointer;
  color: #fff;
}
.nav01-mob .sub-menu summary {
  height: 35px;width: 35px;
}
.nav01-mob summary:hover {
  background-color: #cc0000;
  color: #fff;
}
.nav01-mob summary:before {
  content: "+";
  font-size: 16px; 
  font-weight: 500;
  transition: transform 0.2s;
  will-change: transform;
}
.nav01-mob details[open] > summary:before {
  content: "-";font-size: 26px; 
}


.nav01 {display:block;  padding: 5px 5px 5px 5px;margin: 0px 0px 0px 4px;width: 260px; border: 1px solid;background-color: #fff; border-color: #ebebeb;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.02);}
.nav01 li { display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;position: relative;}
.nav01 ul { display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
/* Текст для скрин ридеров */
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.sub-menu {
  padding: 0px 0;
  font-size: 1.1rem;
}
/* Убираем стандартный маркер Chrome */
.nav01 summary::-webkit-details-marker {
  display: none;
}
/* Убираем стандартный маркер Firefox */
.nav01 summary {
  list-style: none;
}
.nav01 summary {
  position: absolute;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0px;
  bottom: 0px;
  right: 5px;
  background: #607D8B;border-top: solid 0px #fff;border-bottom: solid 0px #fff;
  cursor: pointer;
  color: #fff;
}
.nav01 .sub-menu summary {
  height: 46px;
}
.nav01 summary:hover {
  background-color: #cc0000;
  color: #fff;
}
.nav01 summary:before {
  content: "+";
  font-size: 16px; 
  font-weight: 500;
  transition: transform 0.2s;
  will-change: transform;
}
.nav01 details[open] > summary:before {
  content: "-";
}


.tabg { width:  100%; max-width:   1480px; min-width: 314px; }
.tabg1 { max-width:  1480px; min-width: 314px;}
.tabgm { width:  0px; }
.tabgb {  width:  100%;}
/*обновление цен*/


/*ссылки в аодвале*/
a.l1	{}
a.l1:hover	{}
/*логотип*/
.one {text-decoration: none;margin:  10px 0px 0px 0px; height:58px; }
@media screen and (max-width: 550px) {
.one {text-decoration: none;margin:  3px 0px 0px 68px; height:38px; position: absolute; top: 3px;}
}
.one1 {text-decoration: none;margin:  2px 0px 0px 5px; height:35px;}
/*логотип возле кнопки главная - ИКОНКА*/
#layer {top: 11px;   position: absolute; }
/*ссылки на главной*/
a.title1 { line-height: 1.6em;}
a.title1:hover { }
a.h8 {color: #3a67d5; font-size: 100%;}
a.h8:hover {	color: #cc0000;}
/*ссылки название товара, название подкатегории*/
a.h9 {text-align: center; font-size: 100%;width: 100%; display: block;padding: 0px 0px 0px 0px;}
a.h9:hover {}
a.h91 {font-size: 100%;  display: block; padding: 0px 0px 0px 0px;}
a.h91:hover {}

/*телефоны в шапке*/
a.telefon {display: block;color: #0077ff; font-size: 140%; padding: 2px 4px 2px 0px; margin: 0px 0px 0px 0px; }
a.telefon:hover {color: #cc0000;}
/*телефоны в блоке заказа*/
a.telefon1 {font-size: 100%; color: #455A64; border: 1px dotted; margin: 0px 0px 0px 0px; padding: 3px 9px 3px 9px; border-color: #455A64; -moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;}
a.telefon1:hover {color: #fff;	background-color: #cc0000; border-color: #cc0000; box-shadow: 0 0 5px rgba(0,0,0,0.5);}
a.telefon1:active {	background-color: #990000; box-shadow: 0 0 0px rgba(0,0,0,0.5);}

a.redlink {color: #455A64;}
a.redlink:hover {color: #cc0000;}

.q0001{font-size: 110%;   font-weight: normal;  line-height: 1.5em;	padding: 0.0em;	margin: 5px 5px 5px 5px;}

h1{font-size: 180%; font-weight: normal;  line-height: 1.5em;  	padding: 0.0em;	margin: 15px 5px 15px 5px;}
h2{font-size: 120%;  font-weight: normal;  line-height: 1.5em;	padding: 0.0em;	margin: 12px 0px 6px 5px;}
h3{font-size: 110%;   font-weight: normal;  line-height: 1.5em;	padding: 0.0em;	margin: 12px 0px 2px 5px;}
h4{font-size: 110%;   font-weight: normal;  line-height: 1.5em;	padding: 0.0em;	margin: 12px 0px 2px 5px;}
h5{font-size: 110%;   font-weight: normal;  line-height: 1.5em;	padding: 0.0em;	margin: 12px 0px 2px 5px;}
h6{font-size: 100%;   font-weight: normal;  line-height: 1.5em;	padding: 0.0em;	margin: 0px 0px 10px 0px;}
#blink {
-webkit-animation: blink 3s linear infinite;
animation: blink 3s linear infinite;
}
@-webkit-keyframes blink {
50% { color: rgb(204, 0, 0, 1); }
50% { color: rgba(204, 0, 0, 0); }
100% { color: rgba(204, 0, 0, 1); }
}
@keyframes blink {
50% { color: rgb(204, 0, 1); }
50% { color: rgba(204, 0, 0, 0); }
100% { color: rgba(204, 0, 0, 1); }
}

/* доп  товары  предуприжение*/
.tabhit {padding: 5px 5px 5px 5px;width: 100%; border: 1px solid;background-color: #fff; border-color: #ebebeb;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.02);}
/* файл текст*/
.tabhittt {display: inline-block;margin: 0 auto;text-align: left;padding: 5px 5px 5px 5px; border: 0px solid;background-color: #fff; border-color: #ebebeb;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.02);}
/* дисклеймер*/
.tabhitd {box-sizing: border-box;font-size: 90%;padding: 5px 5px 5px 5px;width: 100%; border: 1px solid; border-color: #e6e6e6;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.04);}

/* листинги в категориях */
.mypoint {  font-size: 95%;
    margin-top: 0;
    margin-bottom: 0;  
    padding-left: 18px; padding-right: 0px;       
}
.mypoint li {   
    margin-top: 0px; /* Верхний отступ между элементами списка */
    margin-bottom: 0px; /* Нижний отступ между элементами списка */ 
    margin-left: 0px;
    margin-right: 0px;
}

 ul {
    margin: 0;
    padding-left: 40px;
  }
 ol {
    margin: 0;
    padding-left: 40px;
  }  
  li {
    margin-bottom: 0px; /* отступ снизу для элементов списка */
  }
p {
    text-indent: 0px; /* отступ первой строки */
    margin: 10; /* убираем внешние отступы */
  }

/* текст в низу категории  */
.tabhit0101 {padding: 15px 5px 5px 5px;}

.tabhit0102 {padding: 0px 0px 4px 0px;}

/* плитки  */
.tabhit01 {text-align: left;vertical-align:middle;  padding: 0px 0px 0px 0px; border: 0px solid; border-color: #ebebeb;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;}
.tabhit022 { background-color: #ffffff;border: 1px solid;margin: 2px 0px 1px 0px; padding: 5px 5px 0px 5px; border-color: #ebebeb;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.02);}
.tabhit0123 {height: 100%; width: 100%; padding: 0px 0px 0px 0px;}
/* плитки похожих товаров */
.tabhit001 {font-size: 14px; display: table-cell;vertical-align:middle;text-align: center; height:250px; padding: 12px 3px 12px 3px;  border: 1px solid;background-color: #fff; border-color: #ededed;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.0002);}
.tabhit001:hover{ /* Параметры тени */}
.tabhit0001 {font-size: 14px; display: table-cell;vertical-align:middle;text-align: center; height:140px; }

/* плитки доп товаров */
.tabhit02 {
	text-align: center;white-space:nowrap;overflow:hidden;min-width:30px;max-width:300px;line-height: 15px;max-height:15px;font-size: 90%;background-color: #fff;display: inline-block; padding: 5px 5px 5px 5px;	margin: 0px 0px 0px 0px;  border: 1px solid; border-color: #ccc;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px; box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.04); }
.tabhit02:hover{ border-color: #cc0000;background-color: #cc0000;color: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,0.0023); /* Параметры тени */}
a.tabhit024 {
	position: absolute;
    bottom: 5px;
	text-align: center;white-space:nowrap;overflow:hidden;width:100px;line-height: 17px;font-size: 90%;background-color: #0077ff;color: #fff;display: inline-block; padding: 5px 10px 5px 10px;	margin: 2px 2px 2px 2px;  border: 1px solid; border-color: #0077ff;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;box-shadow: 0px 0px 0px rgba(0,0,0,.4);}
.tabhit024:hover{ border-color: #cc0000;background-color: #cc0000;color: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,0.0023); /* Параметры тени */}

.tabhit020 {cursor:pointer;text-align: center;white-space:nowrap;overflow:hidden;width:140px;max-width:300px;line-height: 17px;max-height:17px;font-size: 90%;background-color: #fff; padding: 5px 5px 5px 5px;	margin: 2px 6px 2px 2px;  border: 1px solid; border-color: #ccc;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 0px 0px rgba(0,0,0,.4);}
.tabhit020:hover{ border-color: #cc0000;background-color: #cc0000;color: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,0.0023); /* Параметры тени */}
.tabhit021 {color:#0077ff; cursor:pointer;text-align: center;white-space:nowrap;overflow:hidden;width:200px;max-width:400px;line-height: 18px;height:35px;font-size: 100%;background-color: #fff; padding: 5px 5px 5px 5px;	margin: 2px 6px 20px 2px;  border: 1px solid; border-color: #ccc;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;box-shadow: 0px 0px 0px rgba(0,0,0,.4);}
.tabhit021:hover{ border-color: #cc0000;background-color: #cc0000;color: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,0.0023); /* Параметры тени */}

/* плитки позвонить */
.tabhit002 {border: 1px solid;	border-color: #cc0000;	background-color: #ffffff;color: #cc0000; -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
/* плитки подробнее */
.tabhit0002 {padding: 0px 0px 30px 0px; width: 245px; margin:  0px 0px 0px 0px; border: 0px solid;  border-color: #d4d4d4; -moz-border-radius: 4px;-webkit-border-radius: 4px;	border-radius: 4px;}
/* плитки кнопки разделов на главной */
.tabhit00021 {width: 320px; border: 0px solid;  border-color: #d4d4d4; -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
/* отступ под кнопкой подробнее в подкатегории*/
.tabhit00023{width: 100%; height: 0px;}
.tabhit00024{width: 100%; height: 0px; }
.tabhit00025{height: 0px; background-color: #ebebeb;}
/*кнопки отзыв станки разны*/
.titleth{
	text-shadow:#fff 1px 1px 0,  0.2em 0.2em 0.9em #c1c1c1;
	display: block;
	background-color: #f7f7f7;	
	line-height: 30px;
	padding: 0px 5px;
	text-decoration: none;	
	text-align: center;
	color: #455A64;
	transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;	
	border: 1px solid;
	border-color: #d1dbe8;
	-moz-border-radius:5px;
   -webkit-border-radius:5px;
    border-radius:5px;	 
	 cursor: pointer;
}
.titleth:hover{		
	border: 1px dotted ;
	border-color: #cc0000;
	-moz-border-radius:5px;
   -webkit-border-radius:5px;
    border-radius:5px;	 
	 text-shadow:	 #000 0px 0px 0, 0.001em 0.001em 0.001em #000 ;
	background-color: #cc0000;
	color: #fff;
}

/*кнопки подробнее, позвонить...*/
.item001{
font-size: 110%;
	border: 1px solid;
	border-color: #cccccc; 
	text-decoration: none;
	background-color: #f5f5f5; 
	display: block;
	height: 40px;
	line-height: 40px;
	padding-left: 5px;
	padding-right: 5px;
margin: 15px 0px 20px 0px;
	transition: all 0.55s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	text-align: center;
	width: 80%; margin-left: auto;   margin-right: auto;box-shadow: 0px 0px 0px rgba(0,0,0,0.5); 
}
a.item001 {color: #006699; }
.item001:hover{ background-color: #fff; border: 1px solid; border-color: #cccccc; box-shadow: 0px 0px 0px rgba(0,0,0,0.5);}
.item001:active {background-color: #fff; box-shadow: 0px 0px 0px rgba(0,0,0,0.5);}

/*кнопки подробнее на главной...*/
.item0011{
font-size: 100%;
	border: 1px solid;
	border-color: #cccccc; 
	text-decoration: none;
	color: #ffffff;
	background-color: #f5f5f5; 
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 5px;
	padding-right: 5px;
margin: 10px 0px 10px 0px;
	transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	text-align: center;
	width: 115px; margin-left: auto;   margin-right: auto;box-shadow: 0px 0px 0px rgba(0,0,0,0.5);

}
a.item0011 {color: #006699; }
.item0011:hover{ background-color: #fff; border: 1px solid; border-color: #cccccc; box-shadow: 0px 0px 0px rgba(0,0,0,0.5);}
.item0011:active {background-color: #fff; box-shadow: 0px 0px 0px rgba(0,0,0,0.5);}

/*кнопки категорий на главной*/
.item002{
font-size: 100%;
	border: 0px solid;
	border-color: #cccccc; 
	text-decoration: none;	
	background-color: ;
	display: block;
	max-height: 60px;
	line-height: 30px;
	padding-left: 2px;
	padding-right: 2px;
margin: 0px 0px 0px 0px;
	transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: left;
	width: 99%; margin-left: auto;   margin-right: auto;box-shadow: 0px 0px 0px rgba(0,0,0,0.5); 
}
a.item002 { }
.item002:hover{  border: 0px solid; border-color: #cccccc; box-shadow: 0px 0px 0px rgba(0,0,0,0.5);}
.item002:active {background-color: #fff; box-shadow: 0px 0px 0px rgba(0,0,0,0.5);}

/* viber  страницы карточки товарра*/
a.tabhit03 {display: block;width: 88%;text-align: center; font-size: 110%;  border: 1px solid;  margin: 0px 0px 0px 0px; padding: 2px 5px 2px 5px; border-color: #7360f2;color: #7360f2; -moz-border-radius: 12px; -webkit-border-radius: 12px;	border-radius: 12px; }
.tabhit03:hover { background-color: #fff;color: #7360f2; box-shadow: 0 0 5px rgba(0,0,0,0.5);}
.tabhit03:active { background-color: #5b4cbf; box-shadow: 0 0 0px rgba(0,0,0,0.5); }
/* viber верх страницы*/
a.tabhit03v {display: block;width: 70px;text-align: center; font-size: 100%; background-color: #7360f2; border: 1px solid;   border-color: #7360f2; margin: 0px 0px 2px 0px; padding: 1px 5px 1px 5px; 	color: #ffffff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.tabhit03v:hover {background-color: transparent; color: #7360f2; box-shadow: 0px 2px 5px rgba(0,0,0,0.005);}
.tabhit03v:active { background-color: #5b4cbf; box-shadow: 0px 0px 0px rgba(0,0,0,0.5); }
/* whatsap   страницы карточки товара*/
a.tabhit04 {display: block;width: 88%;text-align: center; font-size: 110%; border: 1px solid;  margin: 0px 0px 0px 0px; padding: 2px 5px 2px 5px; border-color: #25d366; color: #25d366; -moz-border-radius: 12px; -webkit-border-radius: 12px;border-radius: 12px;}
.tabhit04:hover  {  background-color: #25d366; color: #ffffff; box-shadow: 0 0 0px rgba(0,0,0,0.5);}
.tabhit04:active { background-color: #1ca14e; box-shadow: 0 0 0px rgba(0,0,0,0.5); }
/* whatsap  верх страницы*/
a.tabhit04w {background-color: #25d366;display: block;width: 88%;text-align: center;font-size: 100%;  border: 1px solid; border-color: #25d366; color: #fff; margin: 0px 0px 0px 7px; padding: 1px 5px 1px 5px; -moz-border-radius: 12px; -webkit-border-radius: 12px;	border-radius: 12px;}
.tabhit04w:hover  { color: #ffffff; box-shadow: 0px 2px 5px rgba(0,0,0,0.5);}
.tabhit04w:active { background-color: #1ca14e; box-shadow: 0px 0px 0px rgba(0,0,0,0.5); }
/* telega  страницы карточки товаара*/
a.tabhit05 {display: block;width: 88%;text-align: center; font-size: 110%; border: 1px solid; margin: 0px 0px 0px 0px; padding: 2px 5px 2px 5px; border-color: #438ec2; color: #438ec2; -moz-border-radius: 12px; -webkit-border-radius: 12px;border-radius: 12px;}
.tabhit05:hover {background-color: #438ec2; color: #ffffff; box-shadow: 0 0 5px rgba(0,0,0,0.5);}
.tabhit05:active {  background-color: #31698f; box-shadow: 0 0 0px rgba(0,0,0,0.5); }
/* telega  верх страницы*/
a.tabhit05t { display: block;width: 70px;text-align: center; font-size: 100%;   border: 1px solid; background-color: #259cd8;color:#ffffff; border-color: #259cd8;  margin: 2px 0px 0px 0px; padding: 1px 5px 1px 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px;}
.tabhit05t:hover { background-color: transparent; color: #438ec2;  box-shadow: 0px 2px 5px rgba(0,0,0,0.005);}
.tabhit05t:active { background-color: #31698f; box-shadow: 0px 0px 0px rgba(0,0,0,0.5); }

/* технические характеристики ТАБЛИЦЫ*/
.tabteh {background:#e4ebf5; min-height: 2px;}
.my-table { width: 100%; }
caption { text-align: left; 	margin: 0px 0px 0px 5px;}
th {  text-align: left;font-weight: normal;}

th[colspan="2"] {
    font-family: Arial, sans-serif; /* Измените на нужный вам шрифт */
    font-weight: bold; /* Измените на нужное вам начертание */
    color: ; /* Измените на нужный вам цвет */
  }
.th {
    font-family: ; /* Измените на нужный вам шрифт */
    font-weight: bold; /* Измените на нужное вам начертание */
    color: ; /* Измените на нужный вам цвет */
  }
@media screen and (max-width: 700px) {
    .vertical-text {
    writing-mode: vertical-rl;  /*Или writing-mode: vertical-lr; */
}
}
@media screen and (max-width: 700px) {
   .vertical-text-sverl {
   writing-mode: vertical-rl;  /* Или writing-mode: vertical-lr; */
}
}

table#my-table-d {width: 100%;  
  }
table#my-table-d2 {width: 100%;  
  }
.my-table tr:hover {
  background-color: #607D8B; /* Цвет фона при наведении */
  color: #fff; /* Цвет текста при наведении */
}
.my-table tr:hover a {
  color: #dedede; /* Цвет ссылки при наведении */
}
.my-table tr:hover a:hover {
  color: #cc3333; /* Цвет ссылки при наведении на нее */
  
}
#my-table-d tr:hover {
  background-color: #607D8B; /* Цвет фона при наведении */
  color: #fff; /* Цвет текста при наведении */
}
#my-table-d2 tr:hover {
  background-color: #607D8B; /* Цвет фона при наведении */
  color: #fff; /* Цвет текста при наведении */
}



/* БЛОК заказа*/
.tabteh1 {background-color: #607D8B; max-width: 100%; font-size: 110%;  color: #fff; margin: 0px;	height: 38px;	line-height: 38px; padding: 1px 1px 1px 5px; 	-moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;}
.tabteh2 {background-color:#FFD700;}
.tabteh3 {max-width: 90%; border: 1px dotted;	border-color: #607D8B;	margin: 0px;	padding: 0px;	-moz-border-radius: 6px;	-webkit-border-radius: 6px;	border-radius: 6px;}
.tabteh4 {display: block;
	height: 40px;
	line-height: 40px;
	padding: 0px 5px;max-width: 250px; font-size: 21px; border: 0px solid; border-color: #cc0000; color: #cc0000; 	margin: 0px;	padding: 1px;	-moz-border-radius: 5px; -webkit-border-radius: 5px;	border-radius: 5px;}

/* меню шапка */
.tabtehm { white-space:nowrap;overflow:hidden;
background: #607D8B;  height:45px;line-height: 45px; color: #fff;  font-size:160%;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
border-bottom: solid 1px #757575;	
}
/* меню ширина губок */
.tabtehm_1 { padding: 0px 0px 0px 0px;margin: 5px 10px 5px 10px;
background: #fcfcfc;  height:25px;line-height: 27px;   font-size:100%;
border: 1px solid; border-color: #ebebeb;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.003);
}
/*меню моб*/
.title01{	
	display: block;
	background-color: #ededed;
	height: 45px;
	line-height: 45px;
	border-bottom: solid 1px #d1dbe8;
	border-top: solid 0px #fff;
	padding: 0px 5px;
	text-decoration: none;
	font-size: 22px;
	transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
a.title01 {color: #006699; }
.title01:hover{ background-color: #cc0000; color: #fff; }
.title01:active{ 	background-color: #cc0000; color: #fff; }
/*меню комп*/
.tabtehmenu {width: 260px;}
.tabhitmenu {
		
	padding: 5px 5px 5px 5px;margin: 0px 0px 0px 4px;width: 260px; border: 1px solid;background-color: #fff; border-color: #ebebeb;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.02);}
#menu{width: 260px;}
.title{
	display: block;white-space:nowrap;overflow:hidden;
	background-color: #fff;
	height: 45px;
	line-height: 45px;
	border-bottom: solid 1px #d1dbe8;
	border-top: solid 1px #fff;
	padding: 0px 2px;margin: 0px 0px 0px 0px;
	text-decoration: none;
	font-size: 17px;padding-left: 0px;
	transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
a.title {color: #0077bb; }
.title:hover{ 	color: #fff; background-color: #cc0000; box-shadow: 0px 0px 0px rgba(0,0,0,0.5); }
.title:active{ 	color: #fff; background-color: #cc0000; box-shadow:  0px 0px 0px rgba(0,0,0,0.5); }

a.title {color: #0077bb; }
.title:hover{ 	color: #fff; background-color: #cc0000; box-shadow: 0px 0px 0px rgba(0,0,0,0.5); }
.title:active{ 	color: #fff; background-color: #cc0000; box-shadow:  0px 0px 0px rgba(0,0,0,0.5); }

.item{	
	text-decoration: none;white-space:nowrap;overflow:hidden;padding: 0px 0px 0px 0px;
	display: block;
	background-color: #fff;
	border-top: solid 0px #fff;
	border-bottom: dotted 1px #b3b3b3;
border-bottom-width: 1px; /* Установите желаемую ширину границы */
  margin-left: 5px; /* Установите желаемый отступ слева */
  margin-right: 5px; /* Установите желаемый отступ справа */
  margin-top: 0px;
  margin-bottom: 0px;
	height: 25px;
	line-height: 25px;
	font-size: 15px;
	padding-left: 10px;	
	transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
}
a.item {color: #0077bb;}
.item:hover{   border-bottom: solid 1px #fff;  color: #fff; background-color: #cc0000; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;box-shadow: 0 0 0px rgba(0,0,0,0.5);}
.item:active{ 	color: #fff; background-color: #cc0000; box-shadow: 0 0 0px rgba(0,0,0,0.5);}

.item2{	
	text-decoration: none;white-space:nowrap;overflow:hidden;
	display: block;
	background-color: #f7f7f7;
	border-top: solid 0px #fff;
	border-bottom: dotted 1px #b3b3b3;
border-bottom-width: 1px; /* Установите желаемую ширину границы */
  margin-left: 5px; /* Установите желаемый отступ слева */
  margin-right: 5px; /* Установите желаемый отступ справа */
	height: 25px;
	line-height: 25px;
	font-size: 15px;
	padding-left: 22px;	
	transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
}
a.item2 {color: #0077bb;}
.item2:hover{     color: #fff; background-color: #cc0000; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;box-shadow: 0 0 0px rgba(0,0,0,0.5);}
.item2:active{ 	color: #fff; background-color: #cc0000; box-shadow: 0 0 0px rgba(0,0,0,0.5);}




.title0{
	display: block;
	background-color: #fff;
	height: 45px;
	line-height: 45px;
	border-bottom: solid 1px #d1dbe8;
	border-top: solid 1px #fff;
	padding: 0px 2px;margin: 0px 0px 0px 0px;
	text-decoration: none;
	font-size: 17px;padding-left: 0px;
	transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius: 3px;
}
a.title0 {color: #006699; background-color: #ededed;}
.title0:hover{ 	color: #fff; background-color: #cc0000; box-shadow: 0px 0px 0px rgba(0,0,0,0.5); }
.title0:active{ 	background-color: #cc0000; color: #fff; box-shadow:  0px 0px 0px rgba(0,0,0,0.5);}

.item0{	
	text-decoration: none;
	display: block;
	background-color: #fff;
	border-top: solid 0px #fff;
	border-bottom: dotted 1px #b3b3b3;
border-bottom-width: 1px; 
  margin-left: 5px; 
  margin-right: 5px; 
	height: 25px;
	line-height: 25px;
	font-size:  15px;
	padding-left: 10px;	
	transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
}
a.item0 {color: #0086b8;}
.item0:hover{      color: #fff; background-color: #cc0000;  -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; box-shadow: 0 0 0px rgba(0,0,0,0.5); /* Параметры тени */}
.item0:active{ 	background-color: #cc0000; color: #fff; box-shadow: 0 0 0px rgba(0,0,0,0.5); }

/*меню верх*/
#menutd {height: 40px; font-size: 20px;}
.titletop{
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0px 5px;
	text-decoration: none;	
	text-align: center;
	transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	font-size: 21px;
}
a.titletop {color:  #0086b8; }
.titletop:hover{   background-color: #cc0000; color: #fff;  
	-moz-border-radius:5px;
   -webkit-border-radius:5px;
    border-radius:5px;
  box-shadow: 0px 0px 0px rgba(0,0,0,0.5); }
.titletop:active { 	background-color: #cc0000; box-shadow: 0px 0px 0px rgba(0,0,0,0.5); 
}

/*меню для моб - КНОПКА*/
#menu033{width: 58px;height: 40px;	text-align: left;	 position: absolute;   left:0px;    top:0px;	}
.div03{	text-align: center;height: 400px;}
/*меню кнопка моб*/
.titletop0{
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0px 0px;
	text-decoration: none;	
	text-align: center;
	transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	font-size: 30px;
background-image:url("/0046-02-2.png");

}
a.titletop0 {color:  #455A64;}

.titletop0:hover{   background-color: #cc0000; color: #fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
 border-radius:5px;
background-image:url("/0046-02-2-1.png");
box-shadow: 0 0 0px rgba(0,0,0,0.5); 
}

.titletop0:active { 	background-color: #cc0000; box-shadow: 0 0 0px rgba(0,0,0,0.5); 
background-image:url("/0046-02-2-1.png");
}

/*меню кнопка моб закр*/
.titletop00{
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0px 0px;
	text-decoration: none;	
	text-align: center;
	transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	font-size: 30px;
background-image:url("/0046-02-3.png");

}
a.titletop00 {color:  #455A64;}

.titletop00:hover{   background-color: #cc0000; color: #fff;
	-moz-border-radius:5px;
   -webkit-border-radius:5px;
    border-radius:5px;
background-image:url("/0046-02-3-1.png");
  box-shadow: 0 0 0px rgba(0,0,0,0.5); 
}

.titletop00:active { 	background-color: #cc0000; box-shadow: 0 0 0px rgba(0,0,0,0.5); 
background-image:url("/0046-02-3-1.png");
}


@media screen and (max-width: 1190px) {#top1220 {display: none;}}
@media screen and (max-width: 445px) {#top101 {display: none;}}
@media screen and (max-width: 970px) {#top122 {display: none;} .top122 {display: none;}.tabgm { width:  0px; } .nav01 {display: none;}  .nav01-mob {width: 100%;}}
@media screen and (min-width: 971px) {#top123 {display: none;} .top123 {display: none;}}
@media screen and (max-width: 800px) {.tabhit00021{width: 98%; margin-left: auto;   margin-right: auto;}}
@media screen and (max-width: 920px) {#top14 {display: none;}}
@media screen and (min-width: 921px) {#top15 {display: none;}}
@media screen and (max-width: 780px) {#top11 {display: none;} #top12 {display: none;}}
@media screen and (min-width: 781px) {#top13 {display: none;}}
@media screen and (max-width: 314px) {a.h9 {} h1 {font-size: 130%;}  .tabhit0002 {width: 90%; margin-left: auto;   margin-right: auto;}   
.tabhit00023{height: 11px; background-image: url(b-04t2.png)} 
.tabhit00024{height: 24px; background-image: url(b-04t1.png)}
.tabhit0002 {padding: 0px 0px 0px 0px;}
.tabhit01:hover{box-shadow: 0px 0px 0px rgba(0,0,0,0.0); /* Параметры тени */}
.tabhit01 {padding: 4px 0px 4px 0px;  border: 0px solid; -moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;	box-shadow: 0px 0px 1px rgba(0,0,0,.035);}}
@media screen and (max-width: 574px)  {#top16 {display: none;}}
@media screen and (min-width: 574px) {#top17 {display: none;}}
@media screen and (max-width: 399px) {a.h9 { }}
@media screen and (max-width: 700px) {a.h9 { } h1 {font-size: 130%;} a.h9 {}a.h91 {}}
@media screen and (max-width: 345px) {a.h9 { }   }
@media screen and (min-width: 490px) {#top170 {display: none;} }
@media screen and (max-width: 440px) {#top161 {display: none;} }
@media screen and (max-width: 780px) {#top10 {display: none;}}
@media screen and (min-width: 481px) {#top11 {display: none;}}
	
/* шапка сайта
.content01, .right01, .left01 {  padding: 0px;  margin: 0px;}
@media screen and (min-width: 971px) {
main::after {content: "";    display: table;    clear: both;}
.content01 {width:  250px;    height: auto;    float: left;}
.left01,
.right01 {width: calc(100% - 265px);    height: auto;    float: right;  }}
*/
/*карточка товара
.content, .right, .left01 { padding: 5px;  margin: 0px 0px 3px 0px; border: 1px solid; border-color: #ebebeb;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.02);}
@media screen and (min-width: 780px) {  main::after { content: ""; display: table;  clear: both; }
.content {width: 48%; height: auto; float: left; padding: 0px;  border: 1px solid;background-color: #fff; border-color: #ebebeb;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.02); }
.left,
.right {width: calc(100% -  50%); height: auto; float: right; display: padding: 5px; border: 1px solid;background-color: #fff; border-color: #ebebeb;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.02); }}
 */

/*карточка товара*/ 
.container {padding:  0px 0px 0px 0px;margin:  0px 0px 0px 0px;  
  display: flex; 
}
.content{padding: 5px;margin: 2px 2px 4px 0px;border: 1px solid;background-color: #fff; border-color: #ededed;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.04);
 flex: 1;
text-align: center;

}
.right {padding: 5px;margin: 2px 0px 4px 2px;border: 1px solid;background-color: #fff; border-color: #ededed;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.04);
 flex: 1;
position: relative; 
}
@media (max-width: 780px) {
  .container {
    flex-direction: column;
  }
.content{margin: 2px 0px 2px 0px;}
.right {margin: 2px 0px 2px 0px;}
}


 /*карточка товара  
.content,
.right {padding: 5px;margin: 0px 0px 0px 0px;border: 1px solid;background-color: #fff; border-color: #ebebeb;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.02);
  display: table-cell;
  width: 50%;
  vertical-align: top;

}
@media (max-width: 780px) {
  .content,
  .right {
    width: 100%;display: block;
  }
}
*/

.img-test0 {   max-width: 140px;    max-height: 105px;    width: 100%;    height: auto; }
.img-test {opacity: 1.0; max-width: 140px;   max-height: 105px;    width: 100%;    height: auto; }
.img-test:hover	 {opacity: 0.6 !important; }
.img-test1 {max-width: 200px;  max-height: 300px;    width: 100%;    height: auto;}
.img-test2 {max-width: 400px;  max-height: 550px;    width: 100%;    height: auto;}
.img-test02 {max-width: 300px;  max-height: 550px;    width: 100%;    height: auto;}
.img-test022 {max-width: 250px;  max-height: 350px;    width: 100%;    height: auto;padding: 5px 0px 5px 0px;}
.img-test0222 {max-width: 450px;  max-height: 350px;    width:   100%;    height:  auto;padding: 5px 0px 15px 0px; display: block;}
.img-test002 {max-width: 100px;  max-height: 550px;    width: 100%;    height: auto;}
.img-test0002 {max-width: 250px;  max-height: 700px;    width: 100%;    height: auto; }
.img-test3 {max-width: 450px;  max-height: 550px;    width: 100%;   height: auto; }
.img-test31 {opacity: 1.0;max-width: 450px;  max-height: 550px;    width: 100%;    height: auto;}
.img-test31:hover	 {opacity: 0.6 !important;}
.img-test4 {max-width: 600px; max-height: 800px;    width: 100%;    height: auto; }
.img-test5 {max-width: 500px;  max-height: 250px;    width: 100%;    height: auto; }
.img-b {max-width: 890px;  max-height: 260px;    width: 100%;    height: auto;}
/*litebox*/
#shadow {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-image: url(/i/thumb-trans3.png);
	text-align: center; 
}
* html #shadow {
	/* hack for IE < 7 opacity */
	background-color: #333;
	background-color: transparent;
	background-image: url(/i/thumb-trans3.png);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/thumb-trans3.png", sizingMethod="scale");
}
#shadow.on {	display: block;}
#loading {
	background: url(/i/thumb-preload.gif) no-repeat;
	position: absolute;
	z-index: 100;
	left: 50%;
	top: 50px;
	width: 55px;
	height: 55px;
	margin: 0 auto;
	cursor: pointer;
}
#litebox {
	background: #fff;
	padding: 2px 0;
	margin: 0 auto;
	max-width: 100%;
  max-height: 100%; -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; box-shadow: 0px 10px 25px rgba(0,0,0,0.5);
}
#litebox img {
	cursor: pointer;
	max-width: 100%;
  max-height: 100%; -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
}
#litebox p {
	margin: 0;
	padding: 10px 0;
	color: #333;
}
#litebox em {
	color: #cc0000;
	display: block;
  font-size: 95%;
}
#litebox a {
	border: none;
	width: 25px;
	height: 35px;	
}
#litebox a.prev {
	float: left;	
}
#litebox a.next {
	float: right;
}
/*адаптированное видео с ютуба*/
.adaptive-wrap {
  position: relative;
  padding-bottom: 56.25%; 
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.adaptive-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.container4 {
    	display: grid;
    	grid-gap: 5px;
	padding: 0px 5px 0px 5px; 
    	grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
}
.container4 > div { position: relative;   
	padding: 0px 0px 0px 0px;
	height: 100%; 
	background-color: #ffffff;border: 1px solid; border-color: #dedede;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.04)
}
.container4 > div:hover {}
/*display: flex;flex-direction: column; align-items: center;*/

.container5 {
    	display: grid;
    	grid-gap: 4px;
	padding: 0px 0px 4px 0px;
    	grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); 
}
.container5 > div {position: relative;
	text-align: left;padding: 0px 5px 40px 5px;
	background-color: #ffffff;border: 1px solid; border-color: #ededed;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.04);
}
.container5 > div h2 {margin: 12px 0px 6px 5px;
  text-align: left;font-size: 100%;
}
.container5 > div:hover { box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.12);}


.container5 > article {position: relative;
	text-align: left;padding: 0px 5px 40px 5px;
	background-color: #ffffff;border: 1px solid; border-color: #ededed;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.04);
}
.container5 > article h2 {margin: 12px 0px 12px 5px;
  text-align: left;font-size: 100%;
}
.container5 > article:hover { box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.12);}

.container5 > article h4 {
  text-align: left;font-size: 100%;
}

.container5 > li {color: #666;list-style-type: none;position: relative;
	padding: 0px 5px 40px 5px;text-align: left;
	background-color: #ffffff;border: 1px solid; border-color: #ededed;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.04);
}
.container5 > li h2 {margin: 12px 0px 6px 5px;
  text-align: left;font-size: 100%; 
}
.container5 > li:hover { box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.12);}

.container55 {
    	display: grid;
    	grid-gap: 4px;
	padding: 0px 0px 0px 0px;
    	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); 
}
.container55 > div { position: relative;
	padding: 10px 5px 10px 5px;text-align: left;
	background-color: #ffffff;border: 1px solid; border-color: #ededed;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.04);
}
.container55 > div:hover { box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.12);}

.container55 > li {color: #666;list-style-type: none;position: relative;
	padding: 10px 5px 10px 5px;text-align: left;
	background-color: #ffffff;border: 1px solid; border-color: #ededed;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.04);
}
.container55 > li h2 {
  text-align: left;font-size: 100%; 
}
.container55 > li:hover { box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.12);}

.container56 {
    	display: grid;
    	grid-gap: 4px;
	padding: 0px 0px 4px 0px;
    	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); 
}
.container56 > div {color: #666;
	padding: 10px 5px 10px 5px;text-align: left;
	background-color: #ffffff;border: 1px solid; border-color: #ededed;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.04);
}
.container56 > div h2 {
  text-align: left;font-size: 100%; 
}
.container56 > div:hover { box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.12);}

.container56 > li {color: #666;list-style-type: none;position: relative;
	padding: 0px 5px 30px 5px;text-align: left;
	background-color: #ffffff;border: 1px solid; border-color: #ededed;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.04);
}
.container56 > li h2 {
  text-align: left;font-size: 100%; 
}
.container56 > li:hover { box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.12);}


.container51 {
    	display: grid;
    	grid-gap: 5px;
	padding: 0px 5px 0px 5px; 
    	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); 
}
.container51 > div { 
	height: 100%; padding: 0px 0px 0px 0px;
	background-color: #ffffff;border: 1px solid; border-color: #dedede;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.04);
}
.container51 > div:hover {box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.03); }




@media screen and (max-width: 820px) {
.container5 {grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.container55 {  	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.container56 {  	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
}


@media screen and (max-width: 700px) {
body{font-size: 15px; }
.container5 article h2 {font-size: 15px;}
}
@media screen and (max-width: 480px) {
body{font-size: 15px; }
}
@media screen and (max-width: 400px) {
body{font-size: 14px; }
.container5 article h2 {font-size: 14px;}
}
@media screen and (max-width: 350px) {
body{font-size: 13px; }
.container5 article h2 {font-size: 13px;}
}
@media screen and (max-width: 569px) { 
.container5 {}
}

@media screen and (max-width:314px) { 
.container5 > div:hover {box-shadow: 0px 0px 0px rgba(0,0,0,0.3); }
.container5 {padding: 0px 0px 0px 0px;}
.container5 > div {  } 
.tabhit022 { border: 0px solid;box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.03)}
.tabhit022:hover{box-shadow: 0px 0px 0px rgba(0,0,0,0.3); }
}



/* кнопка позвонить в низу*/

.telefon01 {
font-size: 28px;
	border: 1px solid;
	border-color: #fff;
	text-decoration: none;
	color: #ffffff;
	background-color: #43b51f;
	display: block;
	height: 46px;
	line-height: 46px;
	padding-left: 1px;
	padding-right: 1px;
	transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-moz-border-radius: 23px;
	-webkit-border-radius: 23px;
	border-radius: 23px;
	text-align: center;
	width: 100%; margin-left: auto;   margin-right: auto;
box-shadow: 0 0 15px rgba(0,0,0,0.5); 
}


a.telefon01 {color:#ffffff;}
.telefon01:hover {color: #fff;}
.telefon01:active {background-color: #308216;box-shadow: 0 0 0px rgba(0,0,0,0.5);
}

#tocall {
position: fixed; 
	bottom: 4px;  /* отступ кнопки от нижнего края*/
	left: 0px;
	right: 0px;
	border: 0px solid;
	border-color: #ffffff;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	padding-left: 0px;
	padding-right: 0px;
	transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-moz-border-radius: 23px;
	-webkit-border-radius: 23px;
	border-radius: 23px;	
 z-index: 1000;
	width: 80%; margin-left: auto;   margin-right: auto;
		
}


/* обязательные стили */
.hvr__images {
position: relative; 
display:  flex;	
align-items: center;
justify-content: center;

}
.hvr__sectors {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;

}
.hvr__sector {
  flex-grow: 1;}
/* не обязательные стили */

.images {
  display: flex;  max-width: 450px; 
  overflow: hidden; 

}
.image {
  display: block; max-width: 450px;  max-height: 350px;   width: 100%;  height: auto; padding: 5px 0px 0px 0px;
    
}
.hvr__dots {
  display: flex;
  align-items: center;
  justify-content: center;}
.hvr__dot {
  width: 4px;
  height: 4px;
  margin: 3px 2px 5px 2px;padding: 0px 0px 0px 0px;
  border-radius: 50%;
background-color: transparent;border: 1px solid #666666;
 }
.hvr__dot--active {
  background: #666; border: 1px solid #666;}


.images img {
display: none;
}

.images img:first-child {
display: block;
}


/**/
@media (pointer:coarse) {#sl {display: none;}}
@media (pointer:fine) {#sl {display: none;}}
@media (pointer:none) {#sl {display: none;}}
@media (hover:hover) {#sl {display: none;}}
@media (hover:none)  {#sl {display: none;}}


/*кнопки заказ*/
.popup-open{
font-size: 140%;
	border: 1px solid;
	border-color: #ef6500; 
	text-decoration: none;
	
	background-color: #ef6500; 
	display: block;
	height: 40px;
	line-height: 40px;
	padding-left: 5px;
	padding-right: 5px;
margin: 5px 0px 5px 0px;
	transition: all 0.55s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	text-align: center;
	width: 80%; max-width: 300px; margin-left: auto;   margin-right: auto;box-shadow: 0px 0px 0px rgba(0,0,0,0.5); 
}
a.popup-open {color: #fff; }
.popup-open:hover{ background-color: #fff; border: 1px solid;	 border-color: #ef6500;   color: #ef6500;   box-shadow: 0px 0px 0px rgba(0,0,0,0.5); 
}
.popup-open:active {background-color: #fff; box-shadow: 0px 0px 0px rgba(0,0,0,0.5);
}

.popup-black {
    display: none;
}
.popup-black:before {
    content: '';
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    z-index: 99998;
}
.popup {
    position: fixed;

    top: 20%;
    left: 50%;
    padding: 5px;
    width: 340px;
     margin-left: -175px;  
    background: #fff;
    border: 0px solid orange;
    border-radius: 8px;
    z-index: 99999;
    opacity: 1;

}
.popup-close {
    position: absolute;
    top: 10px;
    right: 19px;
}


/*кнопки заказ*/
.info{
font-size: 120%;
	border: 0px solid;
	border-color: #455A64; 
	text-decoration: none;
	background-color: #009900; 
	display: block;
	height: 38px;
	line-height: 38px;
	padding-left: 5px;
	padding-right: 5px;
margin: 15px 0px 20px 0px;
	transition: all 0.55s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	text-align: center;
	width: 80%; max-width: 300px; margin-left: auto;   margin-right: auto;box-shadow: 0px 0px 0px rgba(0,0,0,0.5); /* Параметры тени */
}
a.info {color: #fff;}
.info:hover{ background-color: #cc0000;	 border-color: #cc0000;   color: #fff; box-shadow: 0px 0px 0px rgba(0,0,0,0.5); /* Параметры тени */
}
.info:active {background-color: #990000; box-shadow: 0px 0px 0px rgba(0,0,0,0.5);
}

/*ОФОРМЛЕНИЕ*/
.modalDialog {
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background: rgba(0,0,0,0.8);
 z-index: 99999;
 -webkit-transition: opacity 4000ms ease-in;
 -moz-transition: opacity 4000ms ease-in;
 transition: opacity 4000ms ease-in;
 display: none;

}
/*ОТКРЫТИЕ*/
.modalDialog:target {
 display: block;
 pointer-events: auto;
}
 
.modalDialog > div {
 width: 80%; max-width: 400px;
 position: relative;
 margin: 15% auto;
 padding: 5px 20px 13px 20px;
 border-radius: 10px;
 background: #fff;
 
  border: 0px solid #ff3333;
}
/*ЗАКРЫТИЕ ОКНА*/
.close1 {
 background: #ff3333;
 color: #FFFFFF;
 line-height: 29px;
 position: absolute;
 right: -12px;
 text-align: center;
 top: -10px;
 width: 29px;
border: 0px solid #ff3333;
 text-decoration: none;
 font-weight: bold;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 -moz-box-shadow: 1px 1px 3px #000;
 -webkit-box-shadow: 1px 1px 3px #000;
 box-shadow: 1px 1px 3px #000;
}
 a.close1 {color: #fff;}
 a.close1:hover {background: #990000;}
.close:hover { background: #ff9933; }   
#send_info{color:#ffffff;font-size: 16px;}




.tabg { width:  100%; max-width:   1480px; min-width: 314px; }
.tabg1 { max-width:  1480px; min-width: 314px;}
.tabgm { width:  0px; }
.tabgb {  width:  100%;}

/* Стили для формы поиска */
.search-form {
    padding: 5px;margin:2px 0px 0px 0px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    border-radius: 1px;
    display: flex;
    justify-content: space-between;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.04);
}

/* Стили для текстового поля поиска */
.search-input {
    flex: 1;min-width: 100px;
    padding: 5px;margin:0px 5px 0px 5px;
    border: 1px solid #ededed !important;
    border-radius: 5px;background-color: #fcfcfc;
    transition: border-color 0.93s; /* Анимация изменения цвета рамки */
}
.search-input[type="text"]:focus {
    border: 1px solid #0077ff !important;
}



/* Стили для кнопки поиска */
.search-button {
    padding: 8px 14px;
    background-color: #0077ff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.search-button:hover {    
    background-color: #cc0000;   
}
label {
    display: flex;
    align-items: center;
  }





/* бредкрамбы*/
.breadcrumb {  margin:2px 0px 0px 0px; padding:5px 0px 10px 10px;display:block;
border: 1px solid;background-color: #fff; border-color: #e6e6e6;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.04);
}
.breadcrumb li { display:inline-block; margin:0px 0px 0px 0px; padding:5px 0px 0px 0px;}

.breadcrumb-item::after {
  content: "/";
  padding: 0 0.25em;
font-size: 1.0em; /* Изменение размера символа */
  color: #999; /* Изменение цвета символа (красный) */
 } 
.breadcrumb-item:last-child::after {
  display: none; /* Скрыть разделитель после последнего пункта */
}
.breadcrumb-item.active {
  margin-left: 0px; /* Пример значения отступа слева */
  margin-right: 0px; /* Пример значения отступа справа */
  
}





/* мобильное меню */

.menu_mob_top{position: absolute; top:130px; z-index:11;width:100%;}
.menu_mob_top00{}
.spoiler-menu-top1{cursor:pointer;font-size: 120%;text-align: center; display: block;width:100%;
background-color: #fff;padding: 5px 5px 5px 5px;margin: 5px 0px 10px 0px; border: 1px solid; border-color: #cccccc;-moz-border-radius: 60px;-webkit-border-radius: 60px;border-radius: 60px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.02);
}
.spoiler-menu-top2{cursor:pointer;font-size: 30px;
display: block;
	height: 40px;
	line-height: 40px;
	
	text-decoration: none;	
	text-align: center;
	transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease; 
border: 0px solid;border-color: #0077ff;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;
color: #0077ff;
background-color: transparent;outline: none;width:45px;
margin: 0px 0px 0px 1px;padding: 0px 0px 0px 0px;
}
.spoiler-menu-top2:hover{   background-color: #cc0000; color: #fff;  
	-moz-border-radius:5px;
   -webkit-border-radius:5px;
    border-radius:5px;
  box-shadow: 0px 0px 0px rgba(0,0,0,0.5); }

@media (hover: none) {
.spoiler-menu-top2:hover{
 color: #0077ff;background-color: transparent;
}
.spoiler-menu-top2:active{   background-color: #cc0000; color: #fff;  
	-moz-border-radius:5px;
   -webkit-border-radius:5px;
    border-radius:5px;
  box-shadow: 0px 0px 0px rgba(0,0,0,0.5); } 
}
  
.titletop:active { 	background-color: #cc0000; box-shadow: 0px 0px 0px rgba(0,0,0,0.5); 
}
.spoiler-menu-top{cursor:pointer;font-size: 130%;color: #666;text-align: center;
background-color: #fff;padding: 5px 5px 5px 5px;margin: 5px 0px 10px 0px; border: 1px solid; border-color: #cccccc;-moz-border-radius: 60px;-webkit-border-radius: 60px;border-radius: 60px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.02);
}

.spoiler-menu-top:hover{}
.spoiler-menu-top:active{}

.spoiler-menu{cursor:pointer;font-size: 120%;color: #666;
background-color: #fff;padding: 5px 25px 5px 25px;margin: 4px 0px 4px 0px; border: 1px solid; border-color: #cccccc;-moz-border-radius: 60px;-webkit-border-radius: 60px;border-radius: 60px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.02);
}
.spoiler-menu:hover{}
.spoiler-menu:active{}

.spoiler-title{cursor:pointer;font-size: 100%;}





.footer {
  display: flex;
  justify-content: center;
}

.footer-block {
  flex: 1 0 33.33%;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}

.text-container {
  text-align: left;
}

.text-container h3,
.text-container p {
  margin: 0;
}

@media (max-width: 768px) {
  .footer {
    flex-wrap: wrap;
  }

  .footer-block {
    flex: 1 0 50%;
  }

.my {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.my li {
  display: inline;
  margin-right: 10px;/* Добавьте отступ между элементами списка, если нужно */
}

}

.footer_link {
  width: 100%;
  display: inline-block;
  text-align: center;
}
.footer_link_01 {
	width: 100%;
  display: inline-block;
  text-align: center; 
  center;color: #d5dfe5;
}
.footer_text_01 {
  font-size:120%;
}


.header-top {
  display: flex;padding: 3px 0px 0px 0px;
  justify-content: space-between;
  align-items: center;
  width:  100%; 
}

.left-buttons,
.right-buttons {
  display: flex;
  align-items: center;
}

.separator {
  width: 1px;
  height: 20px;
  background-color: #999;
  margin: 0 5px;
}
.separator2 {
  width: 0px;
  height: 20px;
  
  margin: 0 5px;
}

.button{
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0px 5px;
	text-decoration: none;	
	text-align: center;
	transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	font-size: 21px;
}
a.button {color:  #0077ff; }
.button:hover{   background-color: #cc0000; color: #fff;  
	-moz-border-radius:5px;
   -webkit-border-radius:5px;
    border-radius:5px;
  box-shadow: 0px 0px 0px rgba(0,0,0,0.5); }
.titletop:active { 	background-color: #cc0000; box-shadow: 0px 0px 0px rgba(0,0,0,0.5); 
}

.image-container {
  display: flex;
  align-items: center;
}

.image-container img {
  margin: 0 auto; /* Центрирование картинки по горизонтали */
}

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

.left-cell {
width: 160px; /* Ширина ячейки равна ширине содержимого (картинке) */
align-self: flex-start; /* Выравнивание картинки вверху ячейки */
}

@media screen and (max-width: 550px) {
.hide {display: none;}
.left-cell {
width: fit-content; /* Ширина ячейки равна ширине содержимого (картинке) */
align-self: flex-start; /* Выравнивание картинки вверху ячейки */
}
}
@media screen and (min-width: 971px) {
.hide2 {display: none;}
}
.right-cell {
  flex-grow: 1; /* Занимает всю оставшуюся ширину */
}

.container_top2 {
  display: flex;
margin-top: 10px; 
margin-bottom: 25px; /* Задайте желаемый размер отступа внизу */
}

.cell {padding: 0px 5px 0px 5px;
  flex-grow: 1; /* Равномерно распределяет доступное пространство на все ячейки */
text-align: right;
}

.cell_2 {padding: 0px 5px 0px 5px;
  display: flex;
  align-items: center; /* Центрирование контента по вертикали */
}
.cell_3 {padding: 0px 5px 0px 5px;
  flex-grow: 1; /* Равномерно распределяет доступное пространство на все ячейки */
text-align: left;
}

.separator_top2 {
  width: 1px;
  height: 40px;
  background-color: #999;
  margin: 0 5px;
align-self: center;
}
.separator_top3 {
  width: 1px;
  height: 40px;
  background-color: #999;
  margin: 0 5px;
align-self: center;
}
@media screen and (max-width: 780px) {
.separator_top3 {
  width: 0px;
  height: 40px;
  background-color: #999;
  margin: 0 0px;
align-self: center;
}
.container_top2 {
  display: flex;
margin-top: 10px; 
margin-bottom: 25px; /* Задайте желаемый размер отступа внизу */
}
.cell_3 {padding: 0px 0px 0px 0px;}

 }

.container_tel {
  display: flex;
  flex-direction: column;
}

.row {
  display: flex;  align-items: center; /* Центрирование контента по вертикали */
}
.link {
display: inline-flex;
  margin-right: 1px;
}



.container_m {position: relative;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
display: flex;

}

.cell-m{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; order: 2;width: 100%;}
.left-cell-menu {   order: 1;}

@media screen and (max-width: 970px) {
.cell-m{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}	
.container_m { flex-direction: column;}
.left-cell-menu { margin: 2px 0px 10px 0px;}
}

/* Скрыть блок left-cell-menu на мобильных устройствах */
.left-cell-menu {
  display: none;
}

/* Отобразить блок left-cell-menu при определенных условиях */
@media (min-width: 971px) {
  .left-cell-menu {
    display: block;
  }
  #toggleButton {
    display: none;
  }
}


/* Стили для кнопок вкладки*/
    .tablink {
      background-color: #f2f2f2;
      border: none;
      color: #333;
      padding: 8px 10px;
      
      cursor: pointer;
      transition: background-color 0.3s ease;

      border: 0px solid #cc0000;

}


    .tablink.active {
      background-color: #ccc;
    }

    .tablink:hover {
      background-color: #cc0000;
	color: #fff;
    }

    /* Стили для вкладок */
    .tabcontent {
      display: none;
      padding: 1px;
      border: 0px solid #ebebeb;
    }

/* Добавляем отступ между строками с кнопками */
    .tabs::after {
      content: '';
      display: block;
      clear: both;
      height: 1px; /* Регулируйте значение отступа по вашему усмотрению */
    }

    /* Добавляем отступ между кнопками на маленьком экране */
    @media (max-width: 600px) {
      .tabs::after {
        height: 0;
      }
      .tablink {
        margin-bottom: 2px;  /* Регулируйте значение отступа по вашему усмотрению */
      }
    }


.highlight {
  background-color: #607D8B; /* Цвет фона при наведении */
  color: #fff; /* Цвет текста при наведении */
}


.kn {
  padding:5px 0px 0px 0px;border: 0px solid #f3f3f3; margin:0px 0px 0px 0px;
}
.lp {
  align-self: center;
  width: 100%;
}









.spinner2 {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
    top: 35%;
    left: 35%;
  border: 4px solid #f3f3f3;
    border-top: 3px solid #0077ff;
  border-radius: 50%;
  animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.faq{	color:#0077bb;
	cursor: pointer; position: relative;
	
	background-color: #ffffff;border: 1px solid; border-color: #ebebeb;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.02);
	
	border-top: solid 0px #eee;
	border-bottom: solid 0px #dedede;
	border-bottom-width: 1px; /* Установите желаемую ширину границы */
  margin: 4px 0px 1px 0px;

	
	
	padding: 25px 0px 25px 10px;	
	transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
}
.faq h2 {
    font-size: 100%;margin: 0;position: absolute;align-items: center;top: 40%;left: 30px;display: block;
  }
.faq:hover {color:#cc0000; box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.12);}


 .faq details {
   margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;
  }

@media screen and (max-width: 480px) {
.faq h2 {font-size:  90%; }
}  
.faq1{
	cursor: pointer;padding: 10px 0px 10px 10px; 
  }	
.faq1 h2 {
 
      display: inline;
  }

.block {
  position: relative;padding: 8px 8px 8px 8px;margin: 0px 0px 10px 0px;
  max-height: 350px; /* Установите здесь желаемую максимальную высоту блока */
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.block::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px; /* Height of the transparent overlay (adjust as needed) */
  background: linear-gradient(to bottom, rgba(252, 252, 252, 0), rgba(255, 255, 255, 1));
  pointer-events: none;
  opacity: 0; /* Initially set to fully transparent */
  transition: opacity 0.53s ease; /* Add animation to opacity changes */
}

.block.max-height-3000::after {
  opacity: 1; /* Set the overlay to fully opaque at max height (300px) */
}
@media screen and (max-width: 900px) {
.block {
padding: 8px 0px 8px 0px;	
}	
}
.text01 {
font-size:  90%;
  }
  
#toTop {
	width: 100px;
	background-color: #ffffff;border: 1px solid; border-color: #ccc;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.12);
	opacity: 0.65;
	text-align: center;
	padding: 2px;
	position: fixed;
	bottom: 15px; /* отступ кнопки от нижнего кра¤*/
	right: 15px;
	cursor: pointer;
	display: none;
	
   z-index: 999;
}