/* * {transition:all .0s; max-width:100%;} */
html, body {
  display:flex; height:auto; margin:0; width: -webkit-fill-available; word-wrap:break-word; font-family: 'Roboto Condensed', sans-serif; /*font: 15.49px/1.45 "PT Sans Narrow", Helvetica, Arial, sans-serif;*/ background: #272727;
}
body::-webkit-scrollbar-track
{	border-radius:0px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #383838;
    z-index:10;
}

body::-webkit-scrollbar
{	border-radius:0px;
	width: 16px;
	background-color: #F5F5F5;
    z-index:10;
}

body::-webkit-scrollbar-thumb
{	border-radius:0px;
	background-color: #1d1d1d; box-shadow: 0 0 10px #fb643c;
    z-index:10;
	/*
    background-image: -webkit-linear-gradient(45deg,
	                                          rgba(255, 255, 255, .2) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, .2) 50%,
											  rgba(255, 255, 255, .2) 75%,
											  transparent 75%,
											  transparent);
    */
}
body::-webkit-scrollbar-thumb:hover {background-color: #0c0c0c; box-shadow: 0 0 10px #fb643c; z-index:10;}


#blink {  
  -webkit-animation: blink 3s linear infinite;  
  animation: blink 3s linear infinite; 
    position: fixed;
    width: 100%;
    height: 20px;        
}  
@media screen and (max-width:750px) { #blink { margin-left: -300px !important; }}
@-webkit-keyframes blink {
  0% { color: rgb(239, 255, 1); }
  50% { color: rgb(183, 65, 14); }
  100% { color: rgb(239, 255, 1); }
}
@keyframes blink {
  0% { color: rgb(239, 255, 1); }
  50% { color: rgb(183, 65, 14); }
  100% { color: rgb(239, 255, 1); }
}


.title {display:block; float:left;}
h1 {position:relative; display:block; float:left; width:100%; z-index:140; /*font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;*/}

h2 {position:relative; margin-bottom:1px; margin-top:10px; float:left; width:100%; z-index:140; /*font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;*/}
h2 a{color:#000; text-decoration:none;}


h3 a{text-decoration:none;}
.h3_relatednews a{}
.b_h3_related_news a{color:#fff; text-decoration:none;}

h4 {font-size: 18px; line-height: 24px; margin-top: -15px; color:#444444;}
.left_h4 {display:flex; max-width:300px; width:100%; margin-top:0px; margin-bottom:0px; color:#656565; background:#272727;}

video {max-width:100%; height: auto;}
embed, object {max-width:100%; margin-left: 0px !important;}
.reklama_na_saite {display:table-cell; width:300px; height:50px; color:#ff0000; background: linear-gradient(to top, white, #e7e7e7); text-decoration:none; text-align:center; vertical-align:middle;}
.rulez_vkontakte {display:table-cell; width:300px; height:50px; color:#fff; background: linear-gradient(to top, #4a76a8, #1f4167); text-decoration:none; text-align:center; vertical-align:middle;}
a.rulez_vkontakte{color:#fff !important;}
a.rulez_vkontakte:hover{color:#fff !important;}
/*
.toplineshadov {display:block; position:absolute; max-width:100%; height:1px; background:#000; padding-top:100px; margin-top:6px;}
.logo-rulez {display:block; position:fixed; background:#fff; color:#000; width:300px; height:56px; float:left; left:0px; z-index:999; border-top-left-radius:10px;
-webkit-box-shadow: inset -20px 0px 26px -21px rgba(149,145,140,1);
-moz-box-shadow: inset -20px 0px 26px -21px rgba(149,145,140,1);
box-shadow: inset -20px 0px 26px -21px rgba(149,145,140,1);    
}
*/
/*
@media screen and (max-width:750px) { .logo-rulez { width:105px; 
-webkit-box-shadow: inset -20px 0px 26px -21px #fff;
-moz-box-shadow: inset -20px 0px 26px -21px #fff;
box-shadow: inset -20px 0px 26px -21px #fff;
}}
*/
/*
.logo-rulez.scroll {display:block; position:absolute; width:300px; top:0px; z-index:111;}
@media screen and (max-width:1250px) { .logo-rulez.scroll { width:305px; }}
@media screen and (max-width:750px) { .logo-rulez.scroll { width:105px; 

-webkit-box-shadow: inset -20px 0px 26px -21px #fff;
-moz-box-shadow: inset -20px 0px 26px -21px #fff;
box-shadow: inset -20px 0px 26px -21px #fff;
    
}}*/

.plus_rating_news, .minus_rating_news, .rating_news, .nazad_full {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}


.all_logo {position:fixed; z-index:1200; margin-top:3px; margin-left:63px;}
@media screen and (max-width:750px) { .all_logo { margin-left:10px; }}
.logo_span_1 {float:left; top:2px;color:#3ab7d9;font-size:27pt;font-weight:900; z-index:222;}
@media screen and (max-width:750px) { .logo_span_1 { font-size:18pt; }}
.logo_span_2 {float:left; top:2px;color:#000;font-size:27pt;font-weight:900; z-index:222;}
@media screen and (max-width:750px) { .logo_span_2 { font-size:18pt; }}

.block {display:block; position:relative; width:100%; height:100%;}
.top {display:block; position:fixed; /* margin:0 300px; */ /* width:calc(100% - 600px); */ width:calc(100%); height:30px; background:#484848; float:left; /* -webkit-filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9));      
    filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9)); */ z-index:1100 !important; filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9));}
@media screen and (max-width:1220px) { .top {width: calc(100% - 0px) !important; margin: 0 0px;}}
@media screen and (max-width:750px) { .top {width: calc(100%) !important; margin: 0 0px; }}
@media screen and (min-width:750px) { .top {z-index:auto !important;}}
/*
@media screen and (max-width:770px) { .top, .center {width: calc(100% - 0px) !important;}}
*/

.top_fixed {position:fixed;}
.lol_left_block {display:grid; position:fixed; height:30px; width:calc(100% - 600px); background:#484848; z-index:299; float:left; margin-left:300px; margin-top:0px;}
@media screen and (max-width:1220px) { .lol_left_block { width:calc(100% - 0px) !important; }}

.header_block {height:30px; width:200px; background:#eaeaea; z-index:150;}

.content {display:block; position:relative; width:100%; height:100%; float:left;}

/*
.center {position:relative; width: calc(100% - 600px - 500px); height: inherit; background:#383838; margin:0 auto; top:0px;}
*/

.center {display:block; position:relative; width: calc(100% - 600px - 500px); height:auto; float: left;}
@media screen and (max-width:1600px) { .center { width: calc(100% - 600px - 250px) !important; /*margin:0 300px !important;*/ float:left !important;}}
@media screen and (max-width:1350px) { .center { width: calc(100% - 600px) !important; float:left !important;}}
@media screen and (max-width:1220px) { .center { width: calc(100% - 300px) !important; float:left !important;}}
@media screen and (max-width:750px) { .center { width: calc(100% - 0px) !important; float:left !important;}}

.line_post {display:block; left:0px; position:relative; margin:0 auto; float:right; height:30px; background:#2cb6dc; border-bottom:0px solid #2cb6dc; top:0px; margin-bottom:0px; width:100%;}
.line_post_full {display:block; left:0px; position:relative; margin:0 auto; float:right; height:30px; background:#2cb6dc; border-bottom:0px solid #2cb6dc; top:-10px; margin-bottom:0px; width:100%;}

.shortstory {display:block; position:relative; top:35px; margin-bottom:84px; background:#fff; filter: /* drop-shadow(0px 0px 7px rgba(0,0,0,0.9)); */}
.fullstory {display:block; position:relative; top:10px; padding-top:30px; margin-bottom:60px; background:#fff; filter: /*drop-shadow(0px 0px 7px rgba(0,0,0,0.9)); */}
@media screen and (max-width:750px) { .shortstory { /*top:68px !important;*/ top:20px !important; margin-bottom:66px !important; }}
@media screen and (max-width:750px) { .fullstory { top:68px !important; }}


.categ_short_full {color:#000;}
.categ_short_full a{color:#1d1d1d; text-decoration:none;}
.categ_short_full a:hover{color:#fb643c;}
.view_over { 
    height: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;}
.view {background-image: url(https://www.rulez-t.info/uploads/view-21px_12px.png); background-position: left bottom; position:relative; width:21px; height:12px; float:left; left:2px; top:1px;}
.view_s {display:table-cell; vertical-align:middle; font-size:10pt; left:0; right:0;  min-width:100px; width:auto; height:30px; margin:auto; background-color:#fcc;}

.plus_rating_news {display:table-cell; vertical-align:middle; /*float:left;*/ position:relative; width:30px; height:30px; color:#fff; background:green; top:0px; /*left:130px;*/ text-align:center; cursor:pointer; z-index:150;}
.minus_rating_news {display:table-cell; vertical-align:middle; /*float:left;*/ position:relative; width:30px; height:30px; color:#fff; background:green; top:0px; /*left:100px;*/ text-align:center; cursor:pointer; z-index:150;}
.rating_news {display:table-cell; /*float:left;*/ position:relative; min-width:40px; width:auto; height:30px; color:#fb643c; background:#1d1d1d; top:0px; /*left:0px;*/ text-align:center; z-index:150;}

.tags {}
.tags_full {width:100%; height:auto; color:#fff; background:#383838; padding-top:5px;}
.tags_full a{font-size:12pt; color:#000; text-decoration: none; background:#eaeaea; border-radius:4px; margin:2px; padding-left:3px; padding-right:3px; float:left;}

.avatar_photo_comments img{width:100px; height:100px; float:unset; position:relative;}

.comments_name {float:left; color:#3ab7d9; font-size:13pt;}
.ccomments_date {float:right; color:#3ab7d9; font-size:13pt;}
.recaptcha {display:grid; position:relative; float:left; margin-top:0px;}
.ne_robot {color:#3ab7d9;}
.add_comments_btn {cursor:pointer; width:100%; height:54px; float:right; margin-top:6px;}


.only_text_full {position:relative; font-size:13pt; padding-bottom:20px;}
.only_text_full img {margin-bottom:6px; max-width:100%;}

.content_short_story {position:relative; width:100%; height:auto;}
.content_short_story img{position:relative; top:0px; margin-top:0px; max-width:100%; /*width:auto;*/ height:auto; z-index:141;}
.podrobnee {position:absolute; width:auto; height:auto; /*margin:0 auto;*/ float:right; right:0px;}
.podrobnee a{position:relative; display:table-cell; vertical-align:middle; width:auto; height:30px; background:#1d1d1d; color:#fff; /*margin:0 auto;*/  margin-top:0px; text-align:center; width: -webkit-fill-available; text-decoration:none; z-index:145;}
.podrobnee a:hover{color: #fb643c; background:#0c0c0c; box-shadow: 0 0 10px #fb643c;}

.nazad_full {position:absolute; width:auto; height:auto; /*margin:0 auto;*/ float:right; right:0px;}
.nazad_full a{position:relative; display:table-cell; vertical-align:middle; width:auto; height:30px; background:#1d1d1d; color:#fff; /*margin:0 auto;*/  margin-top:0px; text-align:center; width: -webkit-fill-available; text-decoration:none; z-index:145;}
.nazad_full a:hover{color: #fb643c; background:#0c0c0c; box-shadow: 0 0 10px #fb643c;}

@media screen and (max-width:570px) { .podrobnee { display:none !important; }} 

@media screen and (max-width:1600px) { .teaser_left { display:none !important; }} 
@media screen and (max-width:1600px) { .x1 { display:none !important; }} 
@media screen and (max-width:1350px) { .teaser_right, .x2 { display:none !important; }}
@media screen and (max-width:1220px) { .right, svg.fuck_right {display:none;}}

/*
@media screen and (max-width:770px) { .left {display:none !important;}
    */
    
.all_box_content {display:block; position:relative; width:100%; height:100%; padding-top:30px; background:#383838;}
.left {position:relative; min-width:300px; height:100%; min-height:100px; max-height:100%; background:#1d1d1d; left:0px; float:left; /* -webkit-filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9));      
    filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9)); */ z-index:10;}
.right {position:relative; min-width:300px; height:100%; min-height:100px; max-height:100%; background:#1d1d1d; right:0px; float:right; /* -webkit-filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9)); z-index:10;      
    filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9)); */ }
@media screen and (max-width:750px) { .left { display:none; }}

.left_link {position:relative; /*font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif !important;*/ font-size:larger !important; 
    margin-top:-30px; 
    text-align:left; 
    text-indent:40px;
}

.left_link a b{display:block; margin-top:7px;}
.left_link a{position: relative; color:#eaeaea; text-decoration:none; height:38px; width:300px; float:left; background:#1d1d1d;
border-bottom-color:rgba(195,195,195,0.4); 
    border-bottom-style: solid; 
    border-bottom-width: 0.3px; 
    border-top-width: 0.3px;
    border-top-color: rgba(195,195,195,0.4);
    border-top-style: solid;
    transition:all 0.0s;
    z-index:100;
/*
-webkit-box-shadow: inset -20px 0px 26px -21px rgba(149,145,140,1);
-moz-box-shadow: inset -20px 0px 26px -21px rgba(149,145,140,1);
box-shadow: inset -20px 0px 26px -21px rgba(149,145,140,1);
*/
}
.left_link a:hover{position: relative; height:38px; width:300px; float:left; color:#fb643c; background:#0c0c0c; box-shadow: 0 0 10px #fb643c;
border-bottom-color: rgba(195,195,195,0.4);
    border-bottom-style: solid;
    border-bottom-width: 0.3px;
    border-top-width: 0.3px;
    border-top-color: rgba(195,195,195,0.4);
    border-top-style: solid;
    transition:all 0.0s;
    z-index:111;
}
.left_categ_links a{color:#fff; text-decoration: none;}
.left_categ_links a:hover{color:#2cb6dc; text-decoration: none;}

.left-bar {display:block; position:absolute; width:300px; height:100%; margin-top:0px; margin-bottom:-60px; background:#f8f8f9; border-bottom-left-radius:10px; border-top-left-radius:10px;
    float:left; z-index:1; 
-webkit-box-shadow: inset -20px 0px 26px -21px rgba(149,145,140,1);
-moz-box-shadow: inset -20px 0px 26px -21px rgba(149,145,140,1);
box-shadow: inset -20px 0px 26px -21px rgba(149,145,140,1);
}
@media screen and (max-width:750px) { .left-bar { display:none; }}

.teaser_left {display:flex; position:relative; width:250px; height:100%; color:#fff; background:#1774e6; text-align:center;     
  float:left;}
.teaser_right {position:flex; min-width:250px; height:100%; color:#fff; background:#e68217; right:0px; float:right; text-align:center;}

.x1 {/*flex:1;*/ background:#383838; width:250px; height:100%; position:absolute; top:0px; /*left:0px;*/}
.x2 {/*flex:1;*/ background:#383838; width:250px; height:100%; top:0px; right:0px;}


.content_teaser {position:relative; background:#e6d017; width: calc(100% - 600px - 500px); height:250px; float:left;}

.footer {display:flex; position:relative; width:100%; height:70px; background:#484848; float:left; filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9));      
    filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9)); z-index:100 !important;}
@media screen and (max-width:750px) { .footer { margin-top:70px; bottom: -30px;}}
@media screen and (max-width:570px) { .footer { margin-top:15px; bottom: -30px;}}
/*
.trapeze {fill:#9DE281; stroke-width:0px; stroke:#FDD000;}
.trapeze:hover {cursor:pointer; fill:#2d7310;} 
svg.fuck {-webkit-filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9));      
    filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9));}
*/
/*
.top_line {position:relative; width:100%; height:30px; background:#9DE281; -webkit-filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9)); 
    filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9)); z-index:20; }
*/

.trapeze_short_left {fill:#fff; stroke-width:0px; stroke:#FDD000;}
.trapeze_short_left:hover {/*cursor:pointer;*/ fill:#fff;} 
svg.fuck_short_left {position:absolute; top:0px; left:0px; /*-webkit-filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9));      
    filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9)); z-index:150;*/}

.trapeze_short_right {fill:#fff; stroke-width:0px; stroke:#FDD000;}
.trapeze_short_right:hover {/*cursor:pointer;*/ fill:#fff;} 
svg.fuck_short_right {position:absolute; top:0px; right:0px; /*-webkit-filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9));      
    filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9)); z-index:150;*/}

.line_fuck_short {position:relative; width:100%; height:30px; background:#fff; float:left; z-index:111;}

.trapeze_full_left {fill:#1d1d1d; stroke-width:0px; stroke:#FDD000;}
.trapeze_full_left:hover {/*cursor:pointer;*/ fill:#1d1d1d;} 
svg.fuck_full_left {position:absolute; top:-30px; left:0px; /*-webkit-filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9));      
    filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9)); z-index:150;*/}

.trapeze_full_right {fill:#1d1d1d; stroke-width:0px; stroke:#FDD000;}
.trapeze_full_right:hover {/*cursor:pointer;*/ fill:#1d1d1d;} 
svg.fuck_full_right {position:absolute; top:-30px; right:0px; /*-webkit-filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9));      
    filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9)); z-index:150;*/}

.trapeze_short_button {fill:#206e84; stroke-width:0px; stroke:#FDD000;}
.trapeze_short_button:hover {/*cursor:pointer;*/ fill:#206e84;} 
svg.fuck_short_button {display:block; position:relative; width:250px; height:30px; /* height: min-content; */ margin:0 auto; margin-bottom: -150px; top: 0px; /*-webkit-filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9));      
    filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9));*/ z-index:140;}
@media screen and (max-width:570px) { .trapeze_short_button { display:none !important; }}

.trapeze_left {fill:#484848; stroke-width:0px; stroke:#FDD000;}
.trapeze_left:hover {/*cursor:pointer;*/ fill:#484848;} 
svg.fuck_left {position:fixed; top:0px; left:0px; height:60px; -webkit-filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9));      
    filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9)); z-index:150; /* fb643c - 251,100,60 */}
svg.fuck_left:hover {position:fixed; top:0px; left:0px; height:60px; -webkit-filter: drop-shadow(0px 0px 7px rgba(251,100,60,0.9)); 
    filter: drop-shadow(0px 0px 7px rgba(251,100,60,0.9)); z-index:150; /* fb643c - 251,100,60 */}
@media screen and (max-width:750px) { .trapeze_left { display:none !important; }}

.trapeze_right {fill:#484848; stroke-width:0px; stroke:#FDD000;}
.trapeze_right:hover {/*cursor:pointer;*/ fill:#484848;} 
svg.fuck_right {position:fixed; top:0px; right:0px; height:60px; -webkit-filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9));      
    filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.9)); z-index:150;}



<!-- скрол, Похожие новости fullstory -->
#style_6::-webkit-scrollbar-track
{	border-radius:10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style_6::-webkit-scrollbar
{	border-radius:10px;
	width: 10px;
	background-color: #F5F5F5;
}

#style_6::-webkit-scrollbar-thumb
{	border-radius:10px;
	background-color: #F90;	
	background-image: -webkit-linear-gradient(45deg,
	                                          rgba(255, 255, 255, .2) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, .2) 50%,
											  rgba(255, 255, 255, .2) 75%,
											  transparent 75%,
											  transparent)
}

#style_7::-webkit-scrollbar-track
{	border-radius:0px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style_7::-webkit-scrollbar
{	border-radius:0px;
	width: 0px;
	background-color: #F5F5F5;
}

#style_7::-webkit-scrollbar-thumb
{	border-radius:0px;
	background-color: #F90;	
	background-image: -webkit-linear-gradient(45deg,
	                                          rgba(255, 255, 255, .2) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, .2) 50%,
											  rgba(255, 255, 255, .2) 75%,
											  transparent 75%,
											  transparent)
}

/* navigation.tpl pages */ 
.navigation {display:inline-block; position:relative; background: #484848; /*max-width:100%;*/ width: calc(100% + 500px); /*width: calc(100% - 600px);*/ height: 55px; overflow:visible; font:1.9em Tahoma, Helvetica, Sans-serif; /* top:20px; */ bottom:0px; left:-250px; padding-bottom:0px; text-align:center; margin:0px 0px -5px; z-index: 9999;}
.navigation a{color:#2490f1;}
@media screen and (max-width:750px) { .navigation {float:left; margin:60px 0px -5px; width: calc(100% - 0px + 0px); left:0px;}}
@media screen and (max-width:950px) { .navigation {float:left; margin:60px 0px -5px; width: calc(100% - 300px); left:300px;}}
@media screen and (max-width:1220px) { .navigation {float:left; margin:60px 0px -5px; width: calc(100% - 0px); left:0px;}}
@media screen and (max-width:1350px) { .navigation {float:left; margin:60px 0px -5px; width: calc(100% - 0px); left:0px;}}
@media screen and (max-width:1600px) { .navigation {float:left; margin:60px 0px -5px; width: calc(100% - 0px); left:0px;}}


  .rarrs-left {display:flex; position:relative; background:#2b2b2b; font-size:14pt; margin-bottom:8px; top:-55px; /*border-top-right-radius:30px;*/ /*border-bottom-right-radius:30px;*/ float:left; width:96px; height:55px; line-height:50px; vertical-align:middle; text-align:center; align-items:center; justify-content:center; text-decoration:none; z-index:100;}
  .rarrs-left a {display:flex; font-size:14pt; text-decoration:none; padding:0px 3px; background-color:#1d1d1d; color:#eaeaea; width:96px; height:55px; /*border-top-right-radius:30px; border-bottom-right-radius:30px;*/ text-align:center; align-items:center; justify-content:center; text-decoration:none; 
  -moz-transition: background 0.02s 0.00s ease;
 -o-transition: background 0.02s 0.00s ease;
 -webkit-transition: background 0.02s 0.00s ease;
      /* border: 1px solid #ddd; */
  }
  .rarrs-left a:hover {color:#fb643c; background:#0c0c0c; /*border: 1px solid #2490f1;*/ width:96px; height:55px; box-shadow: 0 0 10px #fb643c; z-index:100;}
@media screen and (max-width:1600px) { .rarrs-left {top:0;}}
@media screen and (max-width:1220px) { .rarrs-left {}}
@media screen and (max-width:950px) { .rarrs-left {top:0;}}
@media screen and (max-width:750px) { .rarrs-left {top:0;}}

  .rarrs-right {display:flex; position:relative; background:#2b2b2b; font-size:14pt; margin-bottom:8px; float:right; top:-55px; /*border-top-left-radius:30px; border-bottom-left-radius:30px;*/ width:96px; height:55px; line-height:50px; text-align:center; vertical-align:middle; text-align:center; align-items:center; justify-content:center; text-decoration:none; z-index:100;}
  .rarrs-right a {display:flex; font-size:14pt; text-decoration:none; padding:0px 3px; background-color:#1d1d1d; color:#eaeaea; width:96px; height:55px; /*border-top-left-radius:30px; border-bottom-left-radius:30px;*/ text-align:center; vertical-align:middle; text-align:center; align-items:center; justify-content:center; text-decoration:none; 
  -moz-transition: background 0.02s 0.00s ease;
 -o-transition: background 0.02s 0.00s ease;
 -webkit-transition: background 0.02s 0.00s ease;
      /* border: 0.1px solid #ddd; */
  }
  .rarrs-right a:hover {color:#fb643c; background:#0c0c0c; /*border: 1px solid #2490f1;*/ width:96px; height:55px; box-shadow: 0 0 10px #fb643c; z-index:100;}
@media screen and (max-width:1600px) { .rarrs-right {top:0;}}
@media screen and (max-width:1220px) { .rarrs-right {}}
@media screen and (max-width:950px) { .rarrs-right {top:0;}}
@media screen and (max-width:750px) { .rarrs-right {top:0;}}

  .num {display:flex; position:relative; font-size:14pt; float:left; padding-left:0px; height:55px; width:100%; padding-bottom:0px; padding-right:0px; line-height:50px; text-align:center; vertical-align:middle; text-align:center; align-items:center; justify-content:center; text-decoration:none; z-index:100;}
  .num a{display:flex; font-size:14pt; padding:0px 0px; margin-left:5px; float:left; width:55px; height:55px; /*border-radius:55px;*/ color:#eaeaea; background-color:#1d1d1d; text-align:center; vertical-align:middle; text-align:center; align-items:center; justify-content:center; text-decoration:none; 
  -moz-transition: background 0.02s 0.00s ease;
 -o-transition: background 0.02s 0.00s ease;
 -webkit-transition: background 0.02s 0.00s ease;
/*border: 1px solid #ddd;*/   
  }
  .num a:hover {color:#fb643c; float:left; width:55px; height:55px; /*border-radius:55px;*/ /*border: 1px solid #2490f1; */ background-color:#0c0c0c; box-shadow: 0 0 10px #fb643c; z-index:100;}
  .num span{color:#000; font-size:100%; margin-left:5px; float:left; width:55px; height:55px; /*border-radius:55px;*/ background-color:#2b2b2b;}

  .num_all {}
@media screen and (max-width:1600px) { .num_all {display:none; }}
@media screen and (max-width:950px) { .num_all {display:none; }}
@media screen and (max-width:750px) { .num_all {display:none; }}


/* Реклама РСЯ в контенте, отступы */
.yrbx {/*display:-webkit-box;*/ display:contents; position:relative; top:0px; left:0px; height:auto; /*height:350px;*/ width:calc(100% + 16px) !important; max-width:810px;}
@media screen and (max-width:1125px) { .yrbx { max-width:750px; float:left; }}

.yrbx_fullstory_related {display:inline-block; position:relative; max-height:300px !important; width:100%; max-width:810px;}
@media screen and (max-width:1125px) { .yrbx_fullstory_related { max-width:750px; float:left; }}

.yatiz-wrapper {height:300px !important;}