:root{
	--c_gg:#958E84; --c_gg2:#222; --c_gg3:white; --c_gg4:black; 
	--c_wt:#446b9c; --c_wt2:white; --c_wt3:black; --c_wt4:#ccc; 
	--f_s:14px; --f_m:18px; --f_b:30px; --f_bb:50px;
}
@font-face {font-family: "GOST_Type_A"; /* Гарнитура шрифта */	src:url(/fonts/GOST_Type_A.ttf); /* Путь к файлу со шрифтом */}
@font-face {font-family: "PFDinTextCompPro-Light"; /* Гарнитура шрифта */	src:url(/fonts/PFDinTextCompPro-Light.ttf); /* Путь к файлу со шрифтом */}
html{}
body{display:flex; font-size:var(--f_m); height:100vh; width:100%; margin:auto; /*это очень важно - убирает отступы body*/}
table{width:100%; border-collapse:collapse;  border-spacing:0px; /*1 - расстояние между ячейками. 2 - предотвращает задвоение рамок.*/ /*это уже не влияет, просто важно быть внутри таблицы*/}
td,th{padding:3px; vertical-align:top;}
div{white-space:nowrap;}/*label{display:block;}*//*form{white-space:nowrap;}*/

/*основные блоки*/
#menu{display:flex; align-items: center; z-index:99;}
#menu_block{padding:10px; display:flex;}
#menu_logo{display:flex; align-items:center;}
.menu_list{display:flex; align-items:center;}
.menu_elem{padding:10px;} /*делает отступы от пунктов меню*/

#login{white-space:nowrap;}
#diary{position:relative; overflow:auto; flex-grow:1;}
/*строчки diary*/
.row{cursor:pointer;}
/*конструктор*/
/*input{padding:0px; margin:0px;}*/
/*окна*/
.window{/*font-size:var(--f_m);*/ padding:40px; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:101; opacity:0.95;} 
.hidden{display:none;} 
.shown{display:block;} 
.close{cursor:pointer; font-size:var(--f_bb); position:absolute; transform:translate(50%,-50%); right:25px; top:25px;}
/*слайдшоу----------------------------------------------*/
.slideshow{position:absolute; /* нужно для того чтобы задавать top и left*/}
.slide{position:absolute; /*overflow:hidden;*/ /*нужно для того чтобы задавать top и left*/}
.slide_overflow{overflow:hidden;/*position:relative;*/}
/*описание-----------------------------------------------------*/
.description{position:absolute; height:auto; font-size:var(--f_s); padding:8px 12px 8px 12px; opacity:0.90;}/* краткое и полное */
/*навигация-----------------------------------------------------*/
.prev, .next{display:none; position:absolute; top: 50%; transform:translate(0%,-50%); padding:16px;/*увеличение области*/ font-weight:bold; font-size:var(--f_m); cursor:pointer; opacity:0.90;}
.next{right:0;}	

/*-уникальные классы!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*-уникальные классы!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*-уникальные классы!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*body----------------*/
.orientation_vertical{flex-direction:column;}
.orientation_horizontal{flex-direction:row;}
.orientation_invert_vertical{flex-direction:row;}
.orientation_invert_horizontal{flex-direction:column;}

#logo{width:200px; height:auto;}

/*map---------------------*/
.map_vertical{height:25%;}
.map_horizontal{width:20%;}

/* white & gray_gold*/
.color_gold_gray{font-family:"PFDinTextCompPro-Light"; background-color:var(--c_gg2); color:var(--c_gg3); scrollbar-color:var(--c_gg) var(--c_gg4); } /* Новый метод задания цвета полос прокрутки */
.color_white	{font-family:"GOST_Type_A"; background-color:var(--c_wt2); color:var(--c_wt3); scrollbar-color:var(--c_wt2) var(--c_wt); }

.straight_gold_gray{-webkit-filter: grayscale(0%) invert(0%);}
.straight_white{-webkit-filter: grayscale(80%) invert(100%);}
.invert_gold_gray{-webkit-filter: grayscale(80%) invert(100%);}
.invert_white{-webkit-filter: grayscale(0%) invert(0%);}

.a_straight_gold_gray, .a_invert_gold_gray:hover{color:var(--c_gg);background-color:var(--c_gg2);}
.a_invert_gold_gray, .a_straight_gold_gray:hover{color:var(--c_gg2);background-color:var(--c_gg);}

.a_straight_white, .a_invert_white:hover{color:var(--c_wt);background-color:var(--c_wt2);}
.a_invert_white, .a_straight_white:hover{color:var(--c_wt2);background-color:var(--c_wt4);}

.close_gold_gray		{color:var(--c_gg);}
.close_gold_gray:hover	{color:var(--c_gg3);}

.close_white		{color:var(--c_wt4);}
.close_white:hover	{color:var(--c_wt);}

.shadow_inner_white:after{content:''; position:absolute; top:0; left:0; bottom:0; right:0; box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.1);}
.shadow_inner_gold_gray:after{content:''; position:absolute; top:0; left:0; bottom:0; right:0; box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.7);}
.shadow_outer_white{box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);}
.shadow_outer_gold_gray{box-shadow: 0px 0px 5px 5px black;}

.shadow_white{box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);}
.shadow_gold_gray{box-shadow: 0px 0px 5px 5px black;}

.drop_shadow_gold_gray:{filter: drop-shadow(0px 5px 5px #000);}
.drop_shadow_white:{filter: drop-shadow(0px 5px 5px #000);}

.border_wide_white{outline:10px solid var(--c_wt4); /*outline-offset:-5px;*/}
.border_wide_gold_gray{outline:10px solid var(--c_gg); /*outline-offset:-5px;*/}
.border_thin_white{outline:1px solid var(--c_wt4);}
.border_thin_gold_gray{outline:1px solid var(--c_gg);}

.block_width_none{background-color:rgba(0,0,0,0);}
.block_width_auto{width:auto;}
.block_width_100{width:100%;}

.position_absolute{position:absolute;}
.position_static{position:static;}
.position_relative{position:relative;}

.displacement_none{display:none;}
.displacement_inner_top{left:0px; top:0px;}
.displacement_inner_bottom{left:0px; bottom:0px;}
.displacement_outer_bottom{left:0px; top:100%; background-color:rgba(0,0,0,0);}
.displacement_outer_right{left:100%; top:0px; background-color:rgba(0,0,0,0);}
.displacement_outer_right_center{left:100%; top:50%; transform:translate(0%,-50%); background-color:rgba(0,0,0,0);}

/*растяжение страницы*/
/*самый большой размер*/
@media(min-width:2200px){#menu_block{background-color:rgba(0,0,0,0);}}
/*самый средний размер*/
@media(max-width:2200px){.menu_horizontal{position:fixed; top:20px; left:15%; transform:translate(-50%,0%); height:auto; width:auto; opacity:0.9;} .map_horizontal{width:30%;}}
/*самый маленький размер*/
@media(max-width:1000px){.description{font-size:var(--f_b);} #logo{height:80px; width:auto;} .burger{display:block;} #body{flex-direction:column; font-size:var(--f_bb);} .menu_list{display:none;} .menu_horizontal{position:static; transform:none;} #map{display:none;} .diary_horizontal{width:100%;} .window{width:100%; height:100%; box-sizing:border-box;/* учтывает паддинг и бордер*/}}

/*яндекс карта*/
.ymaps-2-1-79-copyright{visibility:hidden;} /*условия использования*/
.ymaps-2-1-79-gototech{display:none;} /*создать свою карту*/
.ymaps-2-1-79-map-copyrights-promo{display:none;}/*открыть в яндекс картах*/
.ymaps-2-1-79-balloon-content__header{font-family: "GOST_Type_A";}/*шрифт в балуне*/

/*бургер*/
.burger{cursor:pointer; position:fixed; right:20px; top:14px; z-index:100;}
.b1, .b2, .b3{width:72px; height:12px; background-color:#fff; margin:12px 0; transition:0.3s;}
.change .b1{transform:rotate(-45deg) translate(-17px, 17px);}
.change .b3{transform:rotate(45deg) translate(-17px, -17px);}
.change .b2{opacity:0;}