xxDIV,xxTD,xxTH
{ font-family:"HelveticaNeueCyr","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", 
 Helvetica, Arial, "Lucida Grande", sans-serif;
 font-size:15px;
 font-smooth: antialiased;}

xxINPUT, xxTEXTAREA, xxTD, xxTH
{ font-family:"HelveticaNeueCyr","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", 
 Helvetica, Arial, "Lucida Grande", sans-serif;}



DIV.X_KD_BLOCK
{ margin:10px;
 border-radius:10px;
 padding:10px;
 width:200px;
 height:200px;
 text-align:center;}

DIV.X_KD_BLOCK IMG
{ width:190px;
 height:170px;}

DIV.X_KDS_POPUP
{ display:flex;
 justify-content:center;}
 

TABLE.X_TVIEW 
{ border-collapse:collapse;
 margin-top:15px;}

TABLE.X_TVIEW TH
{ padding:3px;
 background:#EEEEEE;
 border:1px solid #DDDDDD;
 font-size:12px;
 overflow:hidden;}

TABLE.X_TVIEW TD
{ padding:3px;
 border:1px solid #DDDDDD;
 font-size:12px;
 overflow:hidden;
 word-wrap: break-word;
 xxwidth:50px;
 xxmax-width:50px;}



TABLE.X_TVIEW TD DIV[zx_img_group]
{ float:left;
 padding:3px;
 xbackground:red;}

TABLE.X_TVIEW TD DIV[zx_img_group] IMG
{ max-height:50px;
 width:auto;}

TABLE.X_TVIEW TD DIV[zx_img_group=image] IMG
{ width:100%;
 height:auto;
 max-height:none;}







::placeholder 
{ color:#D2D2D2;}

DIV.X_ACTOR_IMG 
{ width:100%;
 xheight:100%;
 object-fit: contain;
 xbackground:red;}
DIV.X_ACTOR_IMG IMG
{ xobject-position:0 0; 
 width:100%;
 xmax-height:600px;}

TABLE.X_LINES TD
{ padding:5px;
 font-weight:bold;
 border-bottom:1px solid #E4E4E4;
 font-size:15px;}
TABLE.X_LINES TH
{ padding:5px 5px 5px 0px;
 font-weight:normal;
 border-bottom:1px solid #E4E4E4;
 font-size:15px;}

TABLE.X_LINE_TOP TD
{ padding:5px;
 xborder-bottom:1px solid #E4E4E4;
 font-size:15px;}
TABLE.X_LINE_TOP TH
{ padding:5px 5px 5px 5px;
 font-weight:bold;
 border-bottom:1px solid #E4E4E4;
 font-size:15px;}

DIV.X_USERFLAGS
{ display:flex;
 flex-wrap:wrap;
 xjustify-content:space-between;
 xbackground:red;
 cursor:pointer;}


DIV.X_USERFLAGS_SMALL DIV.X_USERFLAG
{ font-size:12px;padding:2px;
 margin:2px 2px 2px 2px;
 border-radius:5px;
 xcursor:pointer;
 max-width:120px;
 max-height:14px;
 overflow:hidden;}

DIV.X_USERFLAGS_BIG DIV.X_USERFLAG
{ font-size:14px;padding:6px;
 margin:2px 2px 5px 2px;
 border-radius:5px;
 xcursor:pointer;
 max-width:220px;
 max-height:14px;
 overflow:hidden;}


DIV.X_USERFLAGS_SMALL .X_BTN_WHITE
{ font-size:12px;padding:2px;
 margin:2px 0px 0px 2px;
 border-radius:2px;
 box-shadow:none;;}

DIV.X_TOP_MENU_CONT
{ clear:both;
 overflow:hidden;
 padding:10px 0 5px 0;}
DIV.X_BTN_TOP
{ float:left;
 margin:0 10px 10px 3px;
 box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 border-radius: 5px;
 padding:7px 10px 7px 10px;
 cursor:pointer;
 color:black;}
.X_BTN_TOP IMG
{ width:13px;
 height:13px;
 padding-right:5px;}

DIV.X_BTN_WHITE
{ box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 border-radius: 5px;
 padding:7px 10px 7px 10px;
 margin:0 3px 0 3px;
 cursor:pointer;
 text-align:center;
 box-sizing: border-box;}
.X_BTN_WHITEIMG
{ width:13px;
 height:13px;
 padding-right:5px;}



.X_CLEAR {clear:both;overflow:hidden;}

.X_MOB {display:none;}

.X_T 
{ line-height: 25px;}

.X_YLINE
{ background:linear-gradient(180deg, transparent 53%, #FFE26A 47%);}
.xxX_YLINE:before  {content: "\200A";}
.xxX_YLINE:after  {content: "\200A";}


.X_BLINE
{ background:linear-gradient(180deg, transparent 58%, #3084E6 21%, #2963C9 21%);}

TABLE.X_TINY TD,TH 
{ padding:1px;
 font-size:12px;}

DIV.X_BLUE_LIGHT
{ box-shadow: 0px 0px 15px rgba(47, 128, 226, 0.4);}

DIV.X_FRAME
{ box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
 border-radius: 5px;
 box-sizing:border-box;
 }
DIV.X_FRAME_TOP
{ box-shadow: 0px -2px 15px rgba(0, 0, 0, 0.1);
 border-radius: 5px 5px 0 0;
 height:10px;
 margin:0 10px 0 10px;
 background:white;}
DIV.X_FRAME_BOT
{ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
 border-radius: 0 0 5px 5px;
 height:10px;
 margin:0 10px 0 10px;
 background:#E5E5E5;
 xbackground:red;}


DIV.X_FRAME_IN
{ border-radius: 5px;
 padding:10px 23px 10px 23px;
 border:1px solid #D4E0F4;
 box-sizing:border-box;}

DIV.X_FRAME_TEXT
{ font-size:17px;
 padding:15px;
 line-height: 24px;}

DIV.X_STRIP_CONT
{ width:auto;
 overflow-x:scroll;
  scrollbar-height: 0px;}
DIV.X_STRIP_CONT::-webkit-scrollbar { display: none;}

DIV.X_STRIP_CONT_IN
{ width:auto;
 display:flex;
 flex-wrap:nowrap;}

DIV.X_STRIP_BLOCK
{ float:left;
 margin:10px 10px 10px 10px;
 width:270px;
 min-width:270px;}
DIV.X_STRIP_H1
{ text-align:center;
 color:#3084E6;
 padding:12px 0 12px 0;
 border-bottom: 1px solid #E2E2E2;}
DIV.X_STRIP_H1 IMG
{ vertical-align:middle;
 padding-right:10px;} 

DIV.X_STRIP_H2
{ padding:15px 15px 0 15px;
 font-size:17px;
 font-weight:bold;
 color:#2963C9;}
DIV.X_STRIP_H3
{ padding:8px 10px 10px 15px;
 font-size:15px;
 color:#B8B8B8;}

DIV.X_STRIP_Q
{ padding:15px 15px 5px 15px;
 line-height: 23px;}
DIV.X_STRIP_Q:before  {content:url('x/quote1.svg');}
DIV.X_STRIP_Q:after   {content:url('x/quote2.svg');}

DIV.X_STRIP_TINY
{ font-size:12px;
 padding:10px 15px 15px 15px;}

DIV.X_FLEX_COL {display:flex;flex-direction:column;} 


.X_17 {font-size:17px;}
.X_15 {font-size:15px;}
.X_20B {font-size:20px;font-weight:bold;}
.X_20 {font-size:20px;font-weight:normal;text-decoration-style: solid;}
.X_30B {font-size:30px;font-weight:bold;}
.X_35B {font-size:35px;font-weight:bold;}
.X_50B {font-size:50px;font-weight:bold;}


.X_BLUE
{ color:#3084E6;}

DIV.X_FLD_TITLE
{ margin-bottom:5px;;}
INPUT.X_FLD, DIV.X_FLD_CONT INPUT, DIV.X_FLD_CONT TEXTAREA
{ width:100%;
 border: 1px solid #D2D2D2;
 box-sizing: border-box;
 border-radius: 5px;
 padding:12px;
 font-size:15px;
 font-weight:normal;}
DIV.X_FLD_CONT SELECT
{ border: 1px solid #D2D2D2;
 box-sizing: border-box;
 border-radius: 5px;
 padding:12px;
 font-size:15px;
 font-weight:normal;}


DIV.X_FLD_CONT
{ margin-bottom:20px;}

DIV.X_MENU_GROUP_TITLE
{ padding:4px;
 font-weight:bold;
 font-size:13px;}

DIV.X_MENU_GROUP_CONT
{ padding:0 0 0px 15px;}


DIV.X_MENU_ITEM
{ padding:3px;
 font-size:13px;}


.X_BTN
{ background: linear-gradient(180deg, #3084E6 0%, #2963C9 100%);
 border-radius: 5px;
 padding: 12px;
 font-weight:bold;
 text-align:center;
 color:white;
 cursor:pointer;
 border:0px;}

.X_BTN:hover
{ background: linear-gradient(180deg, #2074D6 0%, #2963C9 100%);
 box-shadow: 0px 0px 15px rgba(38, 48, 255, 0.3);
 cursor:pointer;}

A:hover DIV.X_BTN
{ text-decoration:none;}


DIV.X_BTN_LINE
{ float:left;
 font-size:12px;
 padding:0 15px 5px 0px;}


DIV.X_YPOINT
{ width:14px;
 height:14px;
 border-radius:50%;
 background: linear-gradient(180deg, #FFE26A 0%, #FDC651 100%);
 font-size:12px;
 padding:2px;
 text-align:center;
 font-weight:normal;}

DIV.X_BUBBLE
{ width: 25px;
 height: 25px;
 background: linear-gradient(180deg, #3084E6 0%, #2963C9 100%);
 box-shadow: 0px 0px 15px rgba(38, 48, 255, 0.25);
 border-radius:50%;
 text-align:center;
 color:white;
 font-weight:bold;
 font-size:22px;
 cursor:pointer;}
DIV.X_BUBBLE_RIGHT
{ float:right;
 margin:15px 20px 20px 40px;
 }


UL.X_BLUE { list-style: none;
 margin-left:25px;
 padding:0px;}

UL.X_BLUE li::before { content: "\25CF";
 xfont-size:15px;
 color: 2D72D6;
 font-weight: bold;
 display: inline-block; 
 width: 25px;
 margin-left: -25px;
}
UL.X_BLUE li
{ color:black;
 padding:5px 0 5px 0;
 margin:0;
 line-height: 25px;}


TABLE.X_TOP
{ vertical-align:top:
 width:100%;}


DIV.X_RATING
{ background: linear-gradient(180deg, #FFE26A 0%, #FDC651 100%);
 border-radius:3px;
 padding:3px 2px 1px 2px;
 font-size:14px;
 text-align:center;}

DIV.X_BACK_NUMBER
{ position:absolute;left:0;bottom:-16px;vertical-align:bottom;padding-right:5px;
 width:100%;color:#f5F9FE;xcolor:white;xfont-weight:bold;font-size:100px;text-align:right;}





DIV.X_TOP_LOGO {float:left;xwidth:200px;margin:14px 50px 13px 0;}
DIV.X_TOP_MOB_MENU {absolute;top:80px;left:0px;width:100%;background:#1F1F23;color:white;padding:10px;display:none;}

DIV.X_PLAY_BTN 
{ position:absolute;left:40%;top:32%;width:20%;height:36%;
 background: linear-gradient(180deg, #3084E6 0%, #2963C9 100%);
 border-radius:50%;box-shadow: 0px 0px 15px rgba(38, 48, 255, 0.25);}
DIV.X_HOME3A:hover DIV.X_PLAY_BTN
{ cursor:pointer;
 background: linear-gradient(180deg, #3084F6 0%, #2963D9 100%);
 box-shadow: 0px 0px 15px rgba(38, 48, 255, 0.9);}


DIV.X_HOME0   {margin-top:135px;}
DIV.X_HOME3   {margin-top:70px;}
DIV.X_HOME3A   {padding:20px 38px 0 10px;cursor:pointer;}
TABLE.X_HOME3C TD {padding-bottom:17px;}
TABLE.X_HOME3C TH {padding-top:2px;}

DIV.X_HOME4     {margin-top:110px;}
DIV.X_HOME4A     {padding:10px;display:flex;flex-direction:column;}
DIV.X_HOME4H     {display:flex;flex-grow:1;}
DIV.X_HOME4I     {width:45%;background-size:cover;border-radius:5px 0 0 5px;}
DIV.X_HOME4T     {display:flex;flex-direction:column;padding:15px;width:55%;}

TABLE.X_HOME4    {width:100%;xheight:100%;}
TABLE.X_HOME4 TH   {width:40%;background-size:cover;}
TABLE.X_HOME4 TD   {padding:0 20 20 20px;}
TABLE.X_HOME4 TD DIV.X_20B {padding-top:20px;}

DIV.X_HOME5C    
{ display:flex;flex-direction:column;margin:10px;overflow:visible;
 flex-grow: 1;flex-basis: 0;}

DIV.X_COLS5 {margin-left:-20px;}


DIV.X_HOME5     {padding:15px 25px 15px 25px;position:relative;min-height:120px;overflow:visible;margin:0px;flex-grow:1;}
DIV.X_HOME5L    {width:30px;background:#3084E6;height:5px;position:absolute;left:100%;top:43%;}
DIV.X_HOME5T    {position:absolute;padding-right:10px;}


DIV.X_HOME7      {margin-top:100px;background:#1F1F23;color:white;
            background-image: url(x/black.png);}
DIV.X_HOME71      {padding:40px 0 0 50px;}

TABLE.X_HOME7A     {margin-top:30px;}
TABLE.X_HOME7A TH DIV {margin-top:24px;width:14px;height:14px;border:3px solid #3084E6;border-radius:50%;}
TABLE.X_HOME7A TD   {font-size:25px;padding:15px 0 0 20px;line-height: 40px;}
TABLE.X_HOME7A TD B  {font-size:30px;}
DIV.X_HOME7B      {width:300px;margin:40px auto 0 auto;}

DIV.X_HOME_REG_RIGHT {flex-basis:900px; xbackground:red;}
DIV.X_HOME_REG_RIGHT2 {flex-basis:400px; xbackground:red;}


@media only screen and (max-width: 600px)
{ .X_MOB {display:block;}
 .X_FULL {display:none;}

DIV.X_TOP_LOGO {margin:14px 0px 13px 0;}

 DIV.X_HOME0 {margin-top:50px;}
 DIV.X_HOME2 {margin-top:50px;}
 DIV.X_HOME3A {padding:0px;}

 DIV.X_HOME4T LI {font-size:12px;line-height: 16px;}

 TABLE.X_HOME4 {height:auto;}
 TABLE.X_HOME4 TD LI {font-size:12px;line-height: 16px;}
 TABLE.X_HOME4 TH   {width:50%;}
 TABLE.X_HOME4 TD   {padding:10px;}
 .X_50B {font-size:30px;font-weight:bold;}

 xDIV.X_HOME5L    {width:5px;height:25px;position:absolute;left:49%;top:100%;}


 TABLE.X_HOME7A TH DIV {margin-top:14px;}
 TABLE.X_HOME7A TD   {font-size:15px;padding:15px 0 0 15px;line-height: 25px;}
 TABLE.X_HOME7A TD B  {font-size:18px;}
 DIV.X_HOME7B       {width:auto;margin:40px 20px 0 20px;}
 DIV.X_HOME71      {padding:20px;}
}





.X_RADIO_CONT { display: block;
 position: relative;
 padding: 1px 0px 0px 25px;

 margin-bottom: 12px;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;}


.X_RADIO_CONT input { position: absolute;
 opacity: 0;
 cursor: pointer;}


.X_RADIO_CHECKMARK { position: absolute;
 top: 0;
 left: 0;
 height: 16px;
 width: 16px;
 xbackground-color: #eee;
 border:1px solid #D2D2D2;
 border-radius: 50%;}


.X_RADIO_CONT:hover input ~ .X_RADIO_CHECKMARK { background-color: #ccc;}


.X_RADIO_CONT input:checked ~ .X_RADIO_CHECKMARK { background-color: #2196F3;
 border:1px solid #2196F3;}


.X_RADIO_CHECKMARK:after { content: "";
 position: absolute;
 display: none;}


.X_RADIO_CONT input:checked ~ .X_RADIO_CHECKMARK:after { display: block;}


.X_RADIO_CONT .X_RADIO_CHECKMARK:after { 	top: 5px;
	left: 5px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: white;}