* {transition:all .00s; max-width:initial; margin:0; padding:0; border-width:0px;}
/* @import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic-ext); */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,latin-ext');

body {font-family: 'Open Sans', sans-serif; margin-top:0px;/* font-family: Trebuchet MS, Helvetica, sans-serif; */ font-size: 16px; line-height: 1.5; /* font-family: 'Open Sans', sans-serif; */ max-width:100%; padding-left:0px; padding-right:0px; background:#2b3034; padding-left:0px; padding-right:0px; margin-left:auto; margin-right:auto;}

/* html, body{overflow:hidden;} */

/* Делаем адаптивные элементы @media screen для viewport, при изминении ширины экрана меняются стили сайта */
H1 {font-family: 'Open Sans', sans-serif; font-weight: 600; color:#000; transition:all 0.66s; font-size: xx-large; padding-left:4px; padding-right:4px;}
@media screen and (max-width:900px) { H1 {font-size:25pt;}}

H1.title_full {color: #eaeaea;
    font-size: 18pt;
    /* width: 100%;
    height: 60px;
    margin-bottom: 20px;
    margin-top: 60px; */
}


H2 {font-family: 'Open Sans', sans-serif;
    display: flex;
    position: relative;
    font-weight: 300; 
    color:#fff;      
    font-size:16pt;
    line-height: 1.3;
	background: #3b454c;
    height: auto;
    min-height: 65px;
    width: 100%;      
	padding-bottom: 20px;
    margin-top: 0px;
    margin-left: 0px;
    border-bottom-left-radius:0px; border-bottom-right-radius:0px;
    background: linear-gradient(to bottom, #00000000 0%, #000000 100%, #000000d4 100%);
    align-content: center;
    align-items: center;
    z-index:111;
	box-shadow: 0 0 14px 0 #000;
    transition:all 0.66s;    
}
@media screen and (max-width:900px) { H2 {font-size:12pt;}}
H2 a {color:#eaeaea;}
H2 a:hover {color:#eaeaea;}

.alert_info {font-size:15pt; padding:20px; margin:10px; color:#000; background:#eaeaea; border-radius:12px;}

.story {color:#000; transition:all 0.66s;}
@media screen and (max-width:900px) { .story {}}
@media screen and (max-width:750px) { .story {}}
@media screen and (max-width:650px) { .story {}}
@media screen and (max-width:550px) { .story {}}

/*
color: #fff;
    text-decoration: none;
    box-sizing: border-box;
    aspect-ratio: 1 / 0.015;
    width: auto;
    display: block;
    position: relative;
    float: left;
*/

.tel_bar {display:block; position:fixed; margin-top:0px; width:100%; height:60px; float:left; background:#2f3940; box-shadow:0 0 5px 0 #000; aspect-ratio: 1 / 0.015; z-index:999999999999999;}
.img_home {display:block; float:left; background-image: url(https://nedvizhimost.krasnodar.su/uploads/shared/favicon.png); background-size: 60px 60px; width:60px; height:60px;  
    background-repeat:no-repeat;
    background-position:center; 
    position:relative;}

.block0_x {position:fixed; margin-top:0px; width:100%; max-width:100%; height:25px; margin-left:0px; color:#fff; /* background:#4c1bff; */ font-weight:bold; z-index:10; transition:all 0.66s; 
background: linear-gradient(/* to right, */ 20deg, #202020 10%, #202020 130%);}
}
@media screen and (max-width:900px) { .block_x {font-weight:normal;}}
@media screen and (max-width:750px) { .block_x {font-weight:normal;}}
@media screen and (max-width:650px) { .block_x {font-weight:bold;}}
@media screen and (max-width:550px) { .block_x {font-weight:normal;}}
.block_x a{color:#fff; text-decoration:none;}


.tel_contact {display:table-cell; color:#fff; font-size:18pt; padding-left:10px; width:auto; height:60px; vertical-align:middle; text-align:center;}

.all_content {display:block; /*position:relative;*/ /*position:relative;*/ /*width: calc(100% - 310px - 310px);*/ /*background: #2b3034;*/ margin-top:0px; transition:all 0.66s; padding-top:60px; 
padding-left:0px; margin-bottom:480px; z-index:-1; justify-content:center; transition:all 0.66s;} 	
@media screen and (max-width:700px) { .all_content {top:60px !important; width: calc(100% - 0px)!important; margin-top:0px !important; /*position:relative !important;*/}}

.mob_goriz_menu {display:block; position:relative; justify-content:center; width:max-content; height:auto;}
@media screen and (max-width:700px) { .mob_goriz_menu {display:inline-block !important; position:relative;  height:initial !important; /* height:60px; */ top:calc(60px + -60px); width:100%; background:#000; justify-content:center; z-index:1;}}

/* li.goriz_menu_3 ПЕРЕМЕННАЯ --width */
li.goriz_menu_3, li.goriz_menu_2, li.goriz_menu_1 {--width:auto;}
li.goriz_menu_3 {display:flex; position:relative; height: calc(var(--width) * 2); width:calc(100% / 2 - 0px); background:#eaeaea; float:right; top:0px; justify-content:center; box-sizing:border-box; border:4px solid #ff0000; aspect-ratio:1 / 0.43; /* Соотношение Сторон */ z-index:2;}
li.goriz_menu_2 {display:flex; position:relative; height: calc(var(--width) * 2); width:calc(100% / 2 - 0px); background:#eaeaea; float:right; top:0px; justify-content:center; box-sizing:border-box; border:4px solid #ff0000; aspect-ratio:1 / 0.43; /* Соотношение Сторон */ z-index:3;}
li.goriz_menu_1 {display:flex; position:relative; height: calc(var(--width) * 2); width:calc(100% / 2 - 0px); background:#eaeaea; float:right; top:0px; justify-content:center; box-sizing:border-box; border:4px solid #ff0000; aspect-ratio:1 / 0.43; /* Соотношение Сторон */ z-index:2;}

.line_widht_content {top:20px; width:100%; height:auto; display:flex; margin-bottom:60px;}

.static_centr {padding-top:0px; margin-top:0px; box-shadow:0 0 6px 0 #000; z-index:0;}
.static {background:#212628; color:#fff; padding-left:8px; padding-right:8px; padding-top:10px; padding-bottom:10px;}
.static_title {display:flex; width:100%; height:auto;}

.content { display:table;    
    width:calc(100% - 310px - 310px);
    color:#000;
    background: #2b3034;
    border:0px solid #2d9ed5;
    box-sizing:border-box;
    transition:all 0.66s;
    justify-content: center;
    margin-bottom:0px !important;    
    margin:auto;
    /*box-shadow: 0 0 6px 0 #000;*/
    transition:all 0.66s;
}
@media screen and (max-width:950px) { .content {width:calc(100% - 0px) !important;}}
@media screen and (max-width:1040px) { .content {width:calc(100% - 310px) !important; margin-left:310px !important;}}
@media screen and (max-width:700px) { .content {width:100% !important; margin-left:0px !important;}}

.left_bar_it_service {/* display:none; */ display:block; position:relative; float:left; width:310px; height:auto; /*height:calc(100vh - 149px);*/ /*min-height:100%;*/ background:#212121; box-shadow: 0px 35px 15px -38px #000000 inset, 0px -35px 15px -38px #000000 inset; /*overflow-x:hidden;*/ /*overflow-y: scroll;*/ transition: all 0.33s; z-index:12;} 
#tttt::-webkit-scrollbar {width:0px; background-color:#f9f9fd;}
#tttt::-webkit-scrollbar-thumb {background-color: #b99c7a;}
#tttt::-webkit-scrollbar-track {-webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.85) inset; background-color: #fbfbfb;}
@media screen and (max-width:700px) { .left_bar_it_service {height:0px!important;}}

.left_link_active {display:inline-block; max-width:310px; min-width:310px; width:100%; height:450px; background:#2b3034; overflow-y:scroll; overflow-x:hidden; z-index:1; box-shadow:0 0 6px 0 #000;}

.bottom_down_left {position:fixed; bottom:0px; width:calc(100% - 0px); max-width:310px; height:120px; left:0px; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.87); background:#212628; z-index:3;}
@media screen and (max-width:700px) { .bottom_down_left {/* position:relative !important; */ display:none !important; bottom:0px !important; max-width:100% !important; z-index:4 !important;}}
@media screen and (max-width:1040px) { .bottom_down_left {background:#212628 !important; height:120px !important; z-index:4 !important;}}

.bottom_down_right {display:none !important; position:fixed; bottom:0px; width:calc(100% - 0px); max-width:310px; height:120px; right:0px; /* box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.87); */ background:#212628; z-index:3;}
@media screen and (min-width:950px) { .bottom_down_right {display:block !important;}}

.left_bottom_box {display:flex; color:#fff; padding-bottom:0px; padding-top:0px; /* background:#464b4e; */ bottom:0px; justify-content:center; box-shadow:0 0 6px 0 #000;}
.right_bottom_box {display:flex; height:100%; width:auto; color:#fff; padding-bottom:0px; padding-top:0px; /*background:#464b4e;*/ bottom:0px; justify-content:center; align-content:center; flex-wrap:wrap; box-shadow:0 0 6px 0 #000;}
@media screen and (max-width:1040px) { .bottom_down_right {display:none !important;}}
.right_bottom_box a {color:#fff; text-decoration:none;}
.right_bottom_box a:hover {color:#fff; text-decoration:underline;}

.links_sites_druzey {display:none; /* display:inline-table; */ position:fixed; font-size:10pt; font-weight:300; width:100%; max-width:310px; max-height:180px; height:120px; left:0px; bottom:120px; background:#24292c00;}
.links_sites_druzey a{display:block; position:relative; width:100%; height:auto; color:#fff; background:#24292c;}
.links_sites_druzey a:hover{color:#ff0000; background:#1c2022;}
@media screen and (max-width:700px) { .links_sites_druzey {display:none; max-width:100% !important; bottom:0px !important; z-index:8 !important;}}

.ya_liveinternet {display:flex; position:fixed; left:0px; bottom:0px; width:100%; max-width:88px; height:120px; justify-content:center; z-index:11111111111111;}
@media screen and (max-width:1040px) { .ya_liveinternet {right:auto !important; left:0px !important; bottom:0px !important; justify-content:flex-start !important; z-index:9 !important;}}
@media screen and (max-width:700px) { .ya_liveinternet {display:none; right:0px !important; left:auto !important; bottom:0px !important; max-width:80px !important; justify-content:flex-end !important; z-index:9 !important;}}

.left_link_active li#link_b_left a{color:red;}
li {list-style-type: none; display:flex; /* justify-content:center; */ align-items:center; /* Убираем маркеры */ }
ul {margin-left: 0px; float:left; width:100%; /* Отступ слева в браузере IE и Opera */ padding-left: 0; /* Отступ слева в браузере Firefox, Safari, Chrome */}
ul.left_menu_block {display:block; position:fixed; max-width:310px; height:0px; padding:0px; margin:0px; background:#2b3034; margin-top:60px;}
/* Скрытое Меню Категорий ---> */ @media screen and (max-width:700px) { ul.left_menu_block {display:none; max-width:0%!important; height:auto!important; margin-top:60px!important; z-index:10!important;}}
a.link_b_left li { width:100%; max-width:310px; height:60px; margin-bottom:2px; color:#fff; background:#464b4e; box-sizing:border-box; border-bottom:2px solid #560101; float:right; vertical-align:middle; cursor:pointer;}
@media screen and (max-width:700px) { a.link_b_left li {max-width:100%!important;}}
a.link_b_left:hover li {background:#383d40;}
/* li.link_b_left {display:table-cell; width:100%; height:40px; color:#fff; text-decoration:none; vertical-align:middle;} */

.colv_pages {position:absolute; float:right; color:#fff; right:0px;}

.short-full-story {/*margin-bottom:-44px !important;*/	/* margin-top:60px !important;*/}
@media screen and (max-width:700px) { .short-full-story {/*margin-bottom:-44px !important;*/	/*margin-top:0px !important;*/}}

.global_otstup_left_right {width:100%; height:max-content; display:flex; box-shadow:0 0 6px 0 #000;}

.short_content {display:block; width:100%; max-width:100%; max-height:300px; float:left; color:#000; background:#fff; border:2px solid #2d9ed5; box-sizing:border-box; transition:all 0.66s;}
.short_btm_line {position:relative; bottom:0px; width:100%; float:left; /*background:#181a1a;*/ background: linear-gradient(to bottom, #00000000 0%, #000000 100%, #000000d4 100%); box-shadow: 0 0 14px 0 #000; z-index:111;}

.short_x0 {display:block; position:relative; top:0px; max-width:calc(100% - 0px); width:100%; height:auto; float:left; margin-right:0px; margin-bottom:20px; box-shadow: 0 0 6px 0 #000; transition:all 0.66s; z-index:3;}
@media screen and (max-width:1040px) { .short_x0 {max-width:calc(100%)!important;}}
/* ! ! ! Вносим изменения CSS свойств в родителе только у самого нижнего дочернего элемента - :last-child - :first-child - :nth-last-child(2) нумерация ! ! ! */
.short_x0:nth-child(1) {margin-top:0px !important;}
@media screen and (max-width:700px) { .short_x0:nth-child(1) {margin-top:0px !important;}}
.short_x0:last-child {margin-bottom:0px !important;}
@media screen and (max-width:1040px) { .short_x0:last-child {margin-bottom:70px !important;}}
@media screen and (max-width:700px) { .short_x0:last-child {margin-bottom:70px !important;}}
/* @media screen and (min-width:700px) { .short_x0:last-child {margin-bottom:0px !important;}} */

.short_x1 {display:block; max-width:calc(100% - 0px); height:auto; min-height:auto; max-height:auto; border-top-left-radius:0px; border-top-right-radius:0px; background:#181c1c;
  /*	background: 
    linear-gradient(386deg, rgba(76, 27, 255, 0.99) 10%, rgba(161, 0, 255, 0.92) 40%, rgba(76, 27, 255, 0.10) 80%),
    linear-gradient(56deg, purple 50%, red 30%), 
    linear-gradient(81deg, purple 70%, yellow 86%, green 70%), 
  url('{image-1}');
                    */
/*  background-blend-mode: hue, screen, difference, lighten; 
    
  background-size: cover;
  background-repeat: no-repeat;
    */
  background-position: center; transition:all 0.66s;}
@media screen and (max-width:1040px) { .short_x1 {max-height:240px!important; min-height:240px!important;}}

.short_name_categ {display:flex; float:left; width:100%; font-size:16pt;}
    /*
    style="cursor: pointer;" onclick="window.location.href='/'"
    .short_the_all_content {display:flex; position:relative; max-width:950px; float:left; justify-content:center; align-items: center;}
	*/    
.short_title_poster {display:block; max-width:550px; height:auto; min-height:62px; max-height:62px; margin-bottom:10px; margin-top:0px; top:0px; padding-top:5px; padding-bottom:0px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; object-fit:cover; cursor:pointer; background: linear-gradient(#4c1bff, #a100ff); transition:all 0.20s;}
.short_title_poster a{display:block; color:#000 !important; object-fit:cover; text-decoration:none; transition:all 0.26s; height:64px; margin-top:-4px; padding-top:1px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; /*background: linear-gradient(#4c1bff, #a100ff);*/}
.short_title_poster a:hover{display:block; color:#fff !important; text-decoration:none; /*text-decoration:underline;*/ height:64px; padding-top:1px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; background: linear-gradient(#4c1bff, #a100ff); transition:all 0.20s;}
.short_title_poster.the_hover a{display:block; color:#fff !important; text-decoration:none; height:64px; padding-top:1px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; background: linear-gradient(#4c1bff, #a100ff); transition:all 0.20s;} 
.short_img_post {display:flex; width:auto; height:420px; /*overflow:hidden;*/ transition:all 0.66s;}
@media screen and (max-width:1040px) { .short_img_post {height:240px!important;}}
.short_img_post img {
/*    aspect-ratio: 16/9 !important; */
    width:auto;
    max-width:100%;
    height:100%;
    max-height:calc(100% - 0px);
    object-fit:cover;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    z-index:35; 
    pointer-events:none;
    transition:all 0.20s;
}
.short_img_post img:hover {display:block; z-index:25; width:auto; max-width:100%; max-height:calc(100% - 100px); transition:all 0.40s;
    /* 
opacity: 0.4;        
filter: brightness(0.4);
-webkit-filter: brightness(0.4);
-moz-filter: brightness(0.4);
-o-filter: brightness(0.4);
-ms-filter: brightness(0.4);
*/
}
 


.full_content {font-family: 'PT Sans', sans-serif; 
    display:inline-table;
    /* display:block; */
    position:relative;
    min-height:auto;
    overflow-y: scroll;
    height:620px;
	font-size: 15pt;
    width: calc(100%); top:0px; padding-top:0px; 
    padding-left:8px; 
    padding-right:8px; 
    margin-bottom:0px;
    text-align:left; justify-content:left; 
    /*float:left;*/
	background:#fff;
}
.full_content a{/* display:flex; */ width:50%; color:#04ff00; font-weight:600 !important; background:#41484c; /* */ /* background: linear-gradient(to bottom, #ff2626 0%, #212628 15%, #212628 85%, #ff2626 100%); box-shadow: 0 0 14px 0 #000; text-decoration:none; */ justify-content:center;}
/* .full_content a::before{content:"👉 "; padding-right:5px; filter: drop-shadow(3px 0px 3px rgba(0,0,0,0.8));} */
/* .full_content a::after{content:" ✅"; padding-left:5px; filter: drop-shadow(3px 0px 3px rgba(0,0,0,0.8));} */

.full_content a:hover{color:#000; background:#4ac948a8; /* border-bottom:solid #0095ff; */ /*  background: linear-gradient(to bottom, #eaeaea 85%, #0095ff 100%); */  }
.full_content a:hover::before{/* background: linear-gradient(to left, #eaeaea, #9d9d9d);*/ filter: drop-shadow(3px 0px 3px rgba(0,0,0,0.8));}
.full_content a:hover::after{/* background: linear-gradient(to right, #eaeaea, #9d9d9d);*/ filter: drop-shadow(3px 0px 3px rgba(0,0,0,0.8));}

.full-content.clrfix {display: block; float:left; width:100%; background:white; padding-bottom:0px; box-shadow: 0 0 6px 0 #000;}

.line_post_full {display:block; float:left;}
@media screen and (max-width:900px) { .full_content {}}
.full_content img{display:block; width:auto; max-width:100%; height:auto; padding:0px !important; margin-bottom:20px;}

/* КНОПКА КУПИТЬ ПОСЛЕ КАРТИНКИ - ДЛЯ ВИТРИН И МАГАЗИНОВ*/
.full_obert_js_img {display:flex; width:calc(100% + 0px); height:auto; min-width:300px; margin-left:0px; margin-bottom:-16px; align-items:flex-start; flex-direction:column;}

.full_kn_kupit {/*content:"Купить";*/ display:flex; float:left; width:200px; height:60px; background:#92ff90a8; justify-content:space-between; align-items:center; }
/* .short_big_kn_kupit {display:flex; width:50%; height:60px; color:#000; background:#eaeaea;} */
/* .short_img_post img::after {content: ""; display:block; float:right; width:50%; height:60px; background:#eaeaea;}  */

img.img_n_one {/*pointer-events:none;*/}
img.img_n_one::after{}

@media screen and (max-width:900px) { .full_content img{}}
.full_pic {/*width:350px; height:auto;*/ float:left;}
.full_pic img{width:193px; height:auto; /* position:relative; float:left; margin-left:0px;*/ margin: 0px 10px 10px 0px;}
.line_full_bottom {display:block; position:relative; width:100%; min-height:40px; height:auto; background:#545c60; font-size:38pt; margin-left:0px; padding-right:0px; color:#fff; text-decoration:none; float:left; box-shadow:0px 6px 9px 0px #000000c2; z-index:1;}
.kupit_url_pp {display:flex; width:100%; height:100px; font-size:38pt; margin-left:-5px; padding-right:10px; background: linear-gradient(350deg, #ff5363, #9203ff, #03dcff); color:#fff; justify-content:center; align-items:center; text-decoration:none;}
        .kupit_url_pp a{color:#000; text-decoration:none;}
        .kupit_url_pp a:hover{color:#000; text-decoration:none;}
	a {text-decoration:none;}
        
        #stop_t {font-size:38pt;}
        
    .views_full {display:flex; width:auto; height:40px; padding-left:6px; padding-right:6px; font-size:14pt; font-weight:600; float:left; color:#eaeaea; float:left; justify-content:left; align-items:center;}
          
    .kupit_url_pp_bottom {display: flex;
    position: absolute;
    width: calc(100% - 400px);
    height: 100px;
    left: 200px;
    right: 0px;
    float: left;
    /* margin-left: 10px; */
    margin-left: 0px;
    padding-right: 0px;
    background: linear-gradient(350deg, #ff5363, #9203ff, #03dcff);
    color: #fff;
    justify-content: center;
    align-items: center;
    text-decoration: none;}
    .kupit_url_pp_bottom a{color:#000; text-decoration:none;}
    .kupit_url_pp_bottom a:hover{color:#000; text-decoration:none;}        
        
    .v_nazad {display:flex; width:200px; height:100px; float:right; right:0px; /* vertical-align:middle; display:table-cell; text-align: center; */
    background:#ff0074; text-transform:uppercase; justify-content:center; align-items:center; font-size:14pt; margin-right:0px;}

.related_news {display:block; position:absolute; text-align:left; width:calc(100% - 620px); height:50%; background:#20252a; left:310px; padding-right:0px; float:left; justify-content:center; overflow-x:hidden; box-shadow: 0px 35px 15px -38px #000000 inset, 0px -35px 15px -38px #000000 inset; box-sizing:border-box;}
.related_news::-webkit-scrollbar {width:10px; background-color:#464b4e;}
.related_news::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #24292c;}
.related_news::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); border-radius: 10px;  background-color: #464b4e;}

@media screen and (max-width:950px) { .related_news {width:100% !important; margin-left:0px !important;}}
@media screen and (max-width:1040px) { .related_news {width: calc(100% - 310px) !important;}}
@media screen and (max-width:700px) { .related_news {width: calc(100% - 0px) !important; left:0px !important; margin-left:0px !important;}}

.related_container {display:flex; width:100%; height:auto; min-height:100px; justify-content:center; border-bottom:1px solid #000;}
.related_container:nth-child(1) {border-top:1px solid #000;}
.related_block {display:flex; width:100%; height:auto; min-height:100px; box-shadow: 0 0 0px 0 #000; justify-content:center; align-items:center; flex-direction:column;}
@media screen and (max-width:800px) { .block  {width:100% !important;}}
.related_block:nth-child(1) {border-top: 0px solid #000 !important;}

.line_name_price {display:flex; width:100%; height:60px; background:#eaeaea; float:left; align-items:center; justify-content:space-between; box-shadow: 0px 0px 0px 1px #000;}
.summa_price {display:flex; width:200px; height:60px; background:#8787875e; justify-content:center; align-items:center; font-weight:bold; float:right; box-shadow: 0px 0px 0px 1px #000;}
.line_name_price:nth-child(2n+1) {background:#c1c1c1 !important;}
.line_name_price:nth-child(n):hover {background:#5c5c5c !important; color:#fff; cursor:pointer;}

.all_related_line {display:flex; width:100%; height:auto; min-height:101px; align-items:center;}
.related_line_pages {display:flex; width:100%; height:auto; min-height:101px; max-height:101px; font-size:initial; background:#eaeaea; float:left; justify-content:space-between; box-shadow: 0px 0px 0px 0px #000;}
.related_full_kv_img {display:flex; width:auto; height:100px; background:#fff; margin-left:4px; border-left:0px solid #000; border-right:1px solid #000; align-items:center; justify-content:center;}
.related_full_kv_img img{width:auto; height:101px; object-fit:cover; pointer-events:none;}

.related_data_v1 {display:flex; width:124px; min-width:124px; height:101px; background:#8787875e; justify-content:center; align-items:center; font-weight:bold; float:right; box-shadow: 0px 0px 0px 1px #000;}
@media screen and (max-width:1040px) { .related_data_v1 {min-width:100px !important; max-width:150px !important; }}
@media screen and (max-width:950px) { .related_data_v1 {min-width:100px !important; max-width:150px !important; }}
@media screen and (max-width:700px) { .related_data_v1 {min-width:100px !important; max-width:150px !important; }}
.related_kn_ref_link {display:flex; width:100%; max-width:135px; min-width:135px; height:60px; color:#fff; /* background:#04ff00; */ background: linear-gradient(to bottom, #077600 0%, #04ff00 100%, #000000d4 100%); align-items:center; justify-content:center; border-radius:12px; margin:6px; box-shadow:0px 1px 2px 2px #000;}

.related_kn_ref_link a{color:#fff;}


.all_related_line:nth-child(2n+1), .related_line_pages:nth-child(2n+1) {background:#3b4552 !important; color:#fff;}
.all_related_line:nth-child(n):hover, .related_line_pages:nth-child(n):hover {background: #242b34 !important; color:#fff; cursor:pointer;}
.all_related_line:hover .related_data_v1 {color:#ff0000; background:#242b34; cursor:pointer;}
.all_related_line:hover .related_line_pages {background:#242b34 !important; color:#fff; cursor:pointer;}

#timer {
    color: #2F2F2F;
    font-family: MyriadProRegular,Helvetica,sans-serif;
    font-size: 69px;
    height: 106px;
    line-height: 82px;
    margin: 0 auto;
    padding: 0;
    width: 436px;
    margin-top: 24px;
}
.countbox-num {
    float: left;
}
#day0, #hour0, #min0, #sec0 {
    float: left;
    height: 89px;
    margin: 0 -3px 0 0;
    text-align: center;
    width: auto;
    z-index: 1;
}
#day1, #hour1, #min1, #sec1 {
    float: left;
    height: 89px;
    margin: 0 0 0 -3px;
    text-align: center;
    width: 55px;
    z-index: 1;
}

#countbox-days-text, #countbox-hours-text, #countbox-mins-text, #countbox-secs-text {
    background-position: center center;
    background-repeat: no-repeat;
    height: 14px;
    margin-top: 90px;
    position: absolute;
    width: 106px;
}
#razd {
    float: left;
    height: 89px;
    width: 5px;
}
.time_oo {color:#000; float:left;
/*
    background: linear-gradient(170deg, #ff5363, #9203ff, #03dcff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    */
}

/*
#timer{
margin:10px 49px 30px;
}
#timer >p {
text-align:center;
line-height:28px
}
#day,#day0,#day1,#razd,#hour,#hour0,#hour1,#min,#min0,#min1,#sec,#sec0,#sec1{float:left}
#razd {
    padding: 0 3px;
	
}
#clock {
	font-family:georgia;
	color:#000;
    font-size: 36px;
    height: 40px;
    margin: 0 auto;
    text-align: center;
	font-weight: bold;
}*/



.twitch_player {display:flex !important; /*aspect-ratio:16/9;*/ width:100%; justify-content:center;}
.twitch_player iframe{aspect-ratio: 16/9 !important; margin:0 !important; margin-left:-10px !important; margin-right:-10px !important; padding:0 !important; width:calc(100% + 20px - 40%) !important; height:max-content !important;}
@media screen and (max-width:1350px) { .twitch_player iframe {width:calc(100%) !important;}}
.twitch_chat_obertka_ten {position:fixed; border:red 0px solid; box-shadow:inset 0px 0px 0px 0px black; box-shadow:0 0 6px 0 #000; box-sizing:border-box; z-index:99999999; display:inline-block; right:0px; top:60px;}
@media screen and (max-width:1040px) { .twitch_chat_obertka_ten {left:0px !important; right:auto !important;}}
/* iframe#twitch-chat-embed {width:calc(100% + 0px);} */
/* .twitch_chat {position:absolute; right:0px; top:0px;} */
/* .twitch_chat iframe {border:0px; margin:0 !important; padding:0 !important;} */

.flag {background-clip:text; -webkit-background-clip:text; color:transparent; background-image:linear-gradient(to bottom, #FFFFFF 43%, #0000FF 66%, #FF0000 33%); text-shadow: #000000 0px 0 2px; font-weight: bold;}
flag {width:34px; height:20px; margin-left:8px; background:linear-gradient(to bottom, #FFFFFF 33.333%, #0039A6 33.333%, #0039A6 66.667%, #D52B1E 66.667%); box-shadow:0 0 5px 0 #000;}
flag::before {content: ""; display: block; padding-top: 66.667%;}

.navigation {display:flex; width:100%; height:80px; background:#5a4e4e;}
.num_all {display:flex; position:relative; 
    width:80px; 
    height:100vw; 
    max-height:calc(100vw - 320px - 320px - 80px - 80px);         
    transform-origin:right top; 
    transform:rotate(-90deg) translateY(-80px) translateX(0px);
    align-content:center; 
    justify-content:center; 
    align-items: flex-start;
    overflow-x:scroll;
	margin-top:0px;
	scrollbar-width: none;
}
.num_all::-webkit-scrollbar {width:0px; height:0px; scrollbar-width:none;}
@media screen and (max-width:1040px) { .num_all {max-height:calc(100vw - 80px - 80px - 320px - 0px) !important;}}
@media screen and (max-width:700px) { .num_all {max-height:calc(100vw - 80px - 80px - 0px - 0px) !important;}}

.num span {display:flex; width:80px; height:80px; transform: rotate(90deg) translateY(0px) translateX(0px); float:left; background:#5a4e4e; color:#fff; justify-content:center; align-items:center;}
.num a{display:flex; width:80px; height:80px; transform: rotate(90deg) translateY(0px) translateX(0px); float:left; margin-left:0px; margin-bottom:1px; background:#463b3b; color:#fff; justify-content:center; align-items:center;}
.num a:hover {color:#ff0000;}
.rarrs-left {display:flex; width:80px; height:80px; align-content:center; justify-content:center; flex-direction:column-reverse; align-items:center; background:#5a4e4e; color:#fff;}
.rarrs-left a{display:flex; width:80px; height:80px; align-content:center; justify-content:center; flex-direction:column-reverse; align-items:center; background:#463b3b; color:#fff;}
.rarrs-left a:hover{color:#ff0000;}
.rarrs-right {display:flex; position:absolute; right:calc(0px + 310px); width:80px; height:80px; align-content:center; justify-content:center; flex-direction:column-reverse; align-items:center; color:#fff;}
@media screen and (max-width:1040px) { .rarrs-right {right:calc(0px + 0px) !important;}}
/*
@media screen and (max-width:700px) { .rarrs-right {right:calc(0px + 0px) !important;}}
*/

.rarrs-right a{display:flex; width:80px; height:80px; align-content:center; justify-content:center; flex-direction:column-reverse; align-items:center; background:#463b3b; color:#fff;}
.rarrs-right a:hover{color:#ff0000;}