body{
	background-color: #61AEC0; 
	font-size: 12px; color: #2E2E2E; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align: left;
	line-height: 130%;
	
}

a:link {
	color: #990066;
	text-decoration: underline;
	font-weight: bold;
	     -webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		-o-transition: all 0.8s ease;
		transition: all 0.5s ease;
}
a:visited {
	color: #990099;
	text-decoration: underline;
	font-weight: bold
}
a:hover {color: #000000; text-decoration: underline;  font-weight: bold;
      -webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		-o-transition: all 0.8s ease;
		transition: all 0.5s ease;
		 opacity: 0.7;
		  -webkit-transform: rotate(0deg) scale(1.2) skew(0deg) translate(0px);
		     -moz-transform: rotate(0deg) scale(1.2) skew(0deg) translate(0px);
		     -o--transform: rotate(0deg) scale(1.2) skew(0deg) translate(0px);
}
a img {
	 
	     -webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		-o-transition: all 0.8s ease;
		transition: all 0.5s ease;
}
a img:hover { 
		 opacity: 0.8;
		  -webkit-transform: rotate(0deg) scale(1.1) skew(0deg) translate(0px);
		     -moz-transform: rotate(0deg) scale(1.1) skew(0deg) translate(0px);
		     -o--transform: rotate(0deg) scale(1.1) skew(0deg) translate(0px);
}

a:link.bot {font-size: 8pt; color: #00324A; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
a:visited.bot {
	font-size: 8pt;
	color: #990066;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a:hover.bot {font-size: 8pt; color: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline;}


.text {font-size: 14px; color: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;}
.text_gr {font-size: 12px; color: #00324A; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;}
.link {
	font-size: 10pt;
	color: #990066;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}
.scroll {
	font-size: 14px;
	color: #CC3333;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-decoration: none;
}


.bottom {font-size: 0.81rem; color: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
text-decoration: none; margin-left: 8px; 
text-indent: 5px; padding-left: 8px;
line-height: 1.8;}


.text {font-size: 14px; color: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align: left;}
.text_gr {font-size: 12px; color: #00324A; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;}
.link {font-size: 10pt; color: #C61111; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold;}
.scroll {font-size: 14px; color: #C61111; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;}


.texth1, .h1text, h1 { color: #fff; font: bold 20px Helvetica, Arial, Sans-Serif;
   text-align: center;
   text-shadow: -1px -1px 1px #191a19;
		       -webkit-transition: all 0.12s ease-out;
		       -moz-transition: all 0.12s ease-out;
		       -o-transition: all 0.12s ease-out;
		}
		.texth1:hover, .h1text:hover, h1:hover {
				color: #990066;
		    position: relative; top: -3px; left: -3px; 
		    text-shadow: 1px 1px #2342FE, 2px 2px #2342FE;
		}
		.texth2, .h2text, h2 { color: white; font: bold 17px Helvetica, Arial, Sans-Serif;
		  text-align: center;
		  text-shadow: 1px 1px 2px #282828;
		     -webkit-transition: all 0.12s ease-out;
		     -moz-transition: all 0.12s ease-out;
		     -o-transition: all 0.12s ease-out;
		}
		.texth2:hover, .h2text:hover, h2:hover {
		color: #990066;
		    text-shadow: 1px 1px  #02a2fe, 2px 2px #02a2fe;
		}
	

		.texth3, .h3text, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-align: center;
	cursor: e-resize;
	color: white; 
      -webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		-o-transition: all 0.8s ease;
		transition: all 0.5s ease;
     text-align: center;
   /*   text-shadow:  2px 2px 1px #091014;   */ 
	 
}

.texth3:hover, .h3text:hover, h3:hover { 
		  color: #EB1818;
		  text-align: center;
	 text-shadow: 1px 1px #B9BABB, 2px 2px #138291, 2px 2px #091014;
		}


 
 
.style3 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}
.style4 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
.style5{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 14px;
}
.style6{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
a.menu:link{
	font-weight: bold;
	
}

.jm-tint img, td.text img, p a  img
{
border: 1px outset #990066;
    border-radius: 80% 50% 190% 50%;
	 
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
		
		transition-timing-function: ease-out;
		transition-duration: 500ms;
		
		-moz-transition-timing-function:  ease-out;
		-moz-transition: 500ms;
		
		-o-transition-timing-function: ease-out;
		-o-transition-duration: 500ms;
		
}
.jm-tint img:hover, td.text img:hover, p a  img:hover 
{
border-radius: 0%;
	-moz-border-radius:  0%;
		-webkit-transform: rotate(360deg) scale(1.2);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 300ms;

		transform: rotate(360deg) scale(1.2);
		transition-timing-function: ease-out;
		transition-duration: 300ms;
		
		-moz-transform: rotate(360deg) scale(1.2);
		-moz-transition-timing-function: ease-out;
		-moz-transition: 300ms;
		
		-o-transform: rotate(360deg) scale(1.2);
		-o-transition-timing-function: ease-out;
		-o-transition-duration: 300ms;
		
		-ms-transform: rotate(360deg) scale(1.2);
}


a.menu:link{font-weight: bold; font-size: 13px;}

a.menu:visited{ color: #8E0000; }

a.menu:hover{
	font-weight: bold;
	font-size: 14px;
	 text-shadow: 1px 1px #999999;
      -webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		-o-transition: all 0.8s ease;
		transition: all 0.5s ease;
		color: #494949;
}



/*  Telegram  WhatsApp  */
.item_fulltext p a:not([href*="wa.me"]) img, .item_fulltext p a:not([href*="t.me"]) img { border: none; padding: 0; background-image: none; margin: 0 3px;}
.item_fulltext p a[href*="wa.me"]  img:hover, .item_fulltext p a[href*="t.me"]   img:hover { transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -moz-transform: scale(1.5);-moz-transition: 0.5s; transition: all 0.5s ease;}
.item_fulltext  a:not([href*="wa.me"]) img, .item_fulltext  a:not([href*="t.me"])   img { border: none; padding: 0; background-image: none; margin: 0 3px;}
.item_fulltext  a[href*="wa.me"]  img:hover, .item_fulltext  a[href*="t.me"]  img:hover { transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -moz-transform: scale(1.5);-moz-transition: 0.5s;transition: all 0.5s ease;}
 a[href*="wa.me"]  img:hover,  a[href*="t.me"]  img:hover { transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -moz-transform: scale(1.5);-moz-transition: 0.5s; transition: all 0.5s ease;}


:focus {  outline: none;   } 
a:active, a:focus, img { outline: 0; }


/*  .texth3, .h3text {  font-size: 120%; }
.texth2, .h2text {  font-size: 130%; }
.texth1,  .h1text {  font-size: 140%; }
*/ 

/* 2026-01   */ 
 
.header { color: white; font-weight: bold; font-size: 1.2rem;   font-family: 'Comfortaa', serif;
	text-shadow: 1px 1px #02a2fe, 2px 2px #02a2fe, 3px 3px #02a2fe;
-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
	   -o-transition: all 0.4s ease;transition: all 0.5s ease;
		 text-align: center;
}
.header:hover {   color: #EB1818;     text-shadow: 1px 1px #B9BABB, 2px 2px #138291, 2px 2px #091014; }


p, .text { hyphens: auto;}
hr, .hr {   margin: 10px 0; height: 2px; background: #3397ae; position: relative;overflow: hidden;border: none;}
hr:after, .hr:after {content: "";height: 1px;background: #953c77;  position: absolute;width: 40%;top: 0;animation: anim-hr 14s ease-in infinite;}
@keyframes anim-hr {0% {left: -20%;}100% {left: 100%;}}


.MsoNormal {line-height: 14pt;font-size: 14px !important; font-weight: 300!important;}

/* 2026-01  */ 

a.link_b, a.link_r { line-height: 26px;   }

a:link {text-decoration: underline dotted #955353;  text-underline-offset: 3px;}
.text {line-height: 140%; padding: 4px; } 
.text_s,  .text_rl, .text_rl8, .text_r  { line-height: 2.6cqh; }  

/* таблицы  */
.fortable  table,   table.tablestyle  { border-collapse: collapse; }

.fortable table tr th,
.fortable    table  tr td,   table.tablestyle  tr td,
.fortable    tr td  table  tr td,   tr td  table.tablestyle  tr td {
  text-align: left;
  padding: 4px 1px 4px 7px;
 margin:0!Important;
border: 1px solid #366fb9;
vertical-align: middle;
    -webkit-transition:All 0.4s ease;
    -moz-transition:All 0.4s ease;
    -o-transition:All 0.4s ease; transition:All 0.4s ease;
	 }

/*  .fortable    table   tr:first-child
 {text-align: center!Important;
font-size: 100%; font-weight: bold; font-style: normal; text-transform: uppercase;
}  */  /*  верхняя строка  */


.fortable  table  tr td:first-child,  table.tablestyle  tr td:first-child{ text-align: Left!Important; }   /*  левая колонка  */
/*  верхняя  строка   */

table.tablestyle  tr th,  table.tablestyle tbody tr th { max-width: 400px;   font-weight: bold;  text-align: center;     padding: 4px 15px;     margin: 0!Important;     border: 1px solid #c4c4c4;     vertical-align: middle;}

  /*  верхняя строка  */
.fortable.txt table tbody tr.firstrow td,
.fortable  table  tr.firstrow, .fortable  table  tr.firstrow td, .fortable  table  tr.firstrow th   { text-align: center!Important; font-weight: bold!Important; } 


.fortable   table tr:hover,   table.tablestyle  tr:hover   {  background-color: #EAF5FF!Important;}
.fortable   table tr:hover td + td, table.tablestyle  tr:hover td + td { background-color:  #EAF5FF!Important;}
.fortable   table tr td + td:hover,  table.tablestyle  tr td + td:hover  { background-color: #EAF5FF!Important; }
/* .fortable   tr td  table tr td:hover { background-color: #EAF5FF!Important; } */



.texth1, .texth2, .texth3, .h1text, .h2text, .h3text { font-family: 'Comfortaa', serif;   display: inline; font-weight: bold; }
h1, h2, h3, h4 { font-family: 'Comfortaa', serif;   font-weight: bold; text-align: center; margin-top: 12px; line-height: initial;}
.text table.searching img {margin: 0 !important; 	border: none;	padding: 3px;	border-radius: 0;	box-shadow: none;}



img[src*="variants"], .niceimg  img {	margin: 6px;	padding: 3px !important; 	border: 2px solid #108093;	box-shadow: 0 0 8px #515151;	border-radius: 6px; max-width: 230px; }
img[src*="variants"],   img:is([src*="variants"], [src*="logo"] ),  .niceimg  img {	margin: 6px !important;	padding: 3px !important; 	border: 2px solid #108093;	box-shadow: 0 0 8px #515151;	border-radius: 6px; max-width: 230px; }
img[src*="sterh"], img[src*="prizz"], img[src*="statue"], img[src*="cycounter"], img[src*="whatsapp"], img[src*="telegram"]   {	margin: 1px;	padding: 0 !important; 	border: 0;	box-shadow: none;	border-radius: 0;  }
/*  class="niceimg"  */

/*   основную таблицу оставляет - отстальные ломаются 
table { table-layout: fixed; width: 750px !important; overflow: hidden; }
*/

/* для подробных карточек в 2 ряда вместо одного   */ 
.rubybl {display: block ruby; }


.tabbed-text { white-space: break-spaces;  tab-size: 5; margin-left: 40px; 	display: inline-block;}

.text div:is([style*="26%"], [style*="10%"]) a::after, 
.text div:is([style*=":7%"], [style*=": 7%"]) a::after {
    content: " \00a0  \27A1 \00a0 "; /* Добавляет пробел */
	color: rgb(2, 133, 185);
    text-decoration: none !important; /* не срабатывает   */
	display: inline-block;
   
}


.text div[style*="13%"] { color: rgb(0, 59, 83);  	display: inline-block; 	tab-size: 5; font-weight: 500;	font-variant: proportional-width;	font-stretch: ultra-expanded;}
.no_border img, img.no_border  {margin: 0 1px 0 0!important; 	margin: 0 0 0 -1px; 	border: none; 	padding: 3px; 	box-shadow: 0px 0px 0px 0px!important; vertical-align: middle; }


ul:hover li:not(:hover) {   opacity:0.5; }

ul.simple li::marker {text-align: left;	color: aqua;  }
ul.simple li {text-align: left;	padding-left: 6px;  }
ul.simple  {text-align: left;	margin-left: 30px;  }

.pg {	display: block;	z-index: 100000;	width: 100%; 	width: 100vw;	bottom: 20px; 
	position: absolute;
	text-align: center; 	font-size: 1.2rem;	color: #e3e1e1;	text-shadow: 0px 0px 8px #cbe6fd;  }


.pga { font-family: Times,Times New Roman, Georgia, Garamond, serif; } 
.pgb {color: rgb(0, 0, 255);  } 
.pgr {color: rgb(255, 0, 0);  } 

.hyphenate, .news {
	/* Включает автоматический перенос по слогам (требует lang="ru") <p lang="ru" class="hyphenate"> или  <body lang="ru"> */
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
  
	/* Переносит длинные слова, если они не помещаются целиком */
	word-wrap: break-word; /* Старое свойство для совместимости */
	overflow-wrap: break-word; /* Современный аналог */
  }