* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root{
   --ch: display;	
   --font-f:'TN4',  san-serif;
   --font-f3: 'TN3' , san-serif;
   --font-logo: 2em;
      --font-logo2: 0.5em;
   --font-logo1: 'TN9' , san-serif;
   --main-color: #1e90ff;
   --f-stn: 16px;
   --spacing: 24px;
   --font-lt: 'TN2';
	
	
	
}


/* Полное заполнение экрана */
html, body {    height: 100%;    font-family: var(--font-f);    line-height: 1.6;  overflow-wrap: break-word; word-break: break-all;	}

/* Все */
h1, h2, h3 { margin-bottom: 1rem;}
 ul { margin-bottom: 1rem;}

hr { display:block; width: 0px; border:0; border-top: thin solid #eee; width: 80%; align-self: center; padding:1%; margin:1%;}

br{margin:0; padding:0;}
ul, li { overflow: hidden;  }

/* Основной */
.container {
    display: flex;   flex-direction: column;    min-height: 100vh; 		background:#cecece;  
	/* Перенос длинных слов */ overflow-wrap: break-word; word-break: break-all;
    /* Выравнивание текста */  text-align: justify; 
    /* Управление пробелами */ white-space: normal;
}
/* Header */
header { 
display:flex; flex-direction:row;
 justify-content: center;
 align-items: center;
gap:0px 10px;
height:70px;    background-color: #fff;    color: black;    
border: thin solid #fefefe;
border-top:0;
border-right:0;
border-left:0;
-webkit-box-shadow: 0px 2px 10px 2px rgba(159, 159, 159, 0.19);
-moz-box-shadow: 0px 2px 10px 2px rgba(159, 159, 159, 0.19);
box-shadow: 0px 2px 10px 2px rgba(159, 159, 159, 0.19);
text-align: center;
position: fixed;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 5;
}




.logo { display:block; width:auto; min-width:20%;   padding:0.5em 0.3em 0; text-align: left;   font-family:'TN3';line-height:0.9em;    }
.m-logo { font-family: var(--font-logo1); font-size:var(--font-logo); margin-top:10px; line-height:0.7em; }
.t-logo {font-size:0.8em; }
.mainnav {display:block; width:auto; min-width:55%;  padding:0; text-align: center;}
.mainlink_t { text-decoration:none; color:black; }
 ul.nav li.nav-link {
    float: left;
    margin: 10px 15px 0 ;
	
}
ul.nav {
    overflow: hidden; 
}
li.nav-link {
    display: inline-block;
    padding:0.2em 0.5em 0.1em  ;
    border-radius: 4px;
}
li.nav-link a:before {
  content: ''; /* обязательно для отображения псевдоэлемента */
  position: absolute;
  bottom: -5px; /* расстояние от текста до подчёркивания */
  left: 0;
  width: 80%;
  height: 1px; /* толщина линии */
  background-color: red; /* цвет подчёркивания */
}

li.nav-link a  {font-family: 'TN5'; font-size: 1.2em; color:#000;   text-decoration: none;  	width:auto;
	 position: relative;  }





	 
li.nav-link a:hover:before {
  content: ''; /* обязательно для отображения псевдоэлемента */
  position: absolute;
  bottom: -5px; /* расстояние от текста до подчёркивания */
  left: 0;
  width: 95%;
  height: 1px; /* толщина линии */ 
  background-color: red; /* цвет подчёркивания */
}
	 
li.nav-link a:hover  {color:red;}
 
.enter {display:block; width:auto; min-width:15%;  padding:0 ; text-align: right; }
/* Основной контент  */
main {  display:flex;  flex: 1; padding: 1rem; background-color: #f9f9f9; text-align: center; flex-direction:column;  align-content:center;
	  margin-top:70px; 
}

/* инфо блок index */
.index { display:flex; flex-direction:row; higher:auto; min-height:40%;  display:flex;  width:96%; align-self:center;
  justify-content: center;
  align-items: center;
  gap: 0 1%;  
   align-self: flex-center; 
 
  }
.sl-img { display: grip; width:25%; min-width:400px; background: #eee; min-height:400px; vertical-align:center;   }
.sl-text { display: block; width:100%;  background: #eee; min-height:400px;}

.info-blok { display:flex; flex-direction:row; higher:auto; min-height:40%;  display:flex;  width:96%; align-self:center;
  justify-content: center;
  align-items: center;
  gap: 0 1%;  
   align-self: flex-center; }



/* другие страницы   */




.title-page:before {
  content: ''; /* обязательно для отображения псевдоэлемента */
  position: absolute;
  bottom: -5px; /* расстояние от текста до подчёркивания */
  left: 0;
  width: 80%;
  height: 2px; /* толщина линии */
  background-color: red; /* цвет подчёркивания */
}

.title-page {
    color: #000;
    font-size: 1.7em;
    font-weight: 400;
    text-transform: uppercase;
 
	width:auto;
	 position: relative;
  display: inline-block; /* чтобы ширина была по содержимому */
  text-align:left;
}

/* Footer */
footer {
display:flex; flex-direction:row;
  justify-content: center;
  align-items: top;
  gap:2% 1%;
    background-color: #000;    color: #fff;    padding: 1rem;    text-align: center;    font-size: 0.9rem; height:auto; min-height:20vh; 
	border:thin solid rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px -2px 10px 2px rgba(159, 159, 159, 0.19);
-moz-box-shadow: 0px -2px 10px 2px rgba(159, 159, 159, 0.19);
box-shadow: 0px -2px 10px 2px rgba(159, 159, 159, 0.19);
	border-bottom:0;
border-right:0;
border-left:0;
}
.f1 { display:block; width:auto; min-width:22%;   padding:0.2em 1em; text-align: left; }
.mainlink_f { text-decoration:none; color:#fff; }



.f2 {display:block; width:auto; min-width:22%;   padding:0.2em 1em; text-align: left;}
.f3{display:block; width:auto; min-width:44%;  padding:0.2em 1em; text-align:left; }


footer a { color:#fff; text-decoration:none; }
 footer a:hover {color:red;}






@media (max-width: 768px) {
  :root {
    --ch: none ;
  }
}