@import url('https://fonts.googleapis.com/css?family=Open+Sans');

html {
  scroll-behavior: smooth;
  scroll-padding-top: 58px; /* Отступ для прокрутки к якорю на высоту заголовка */
}


body {
	margin-top: 58px; /* Отступ сверху на высоту заголовка заголовка */ 
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	
	-webkit-font-smoothing: antialiased; /* Сглаживание шрифтов */ 
    -moz-osx-font-smoothing: grayscale;
	
	
	font-family: 'Open Sans', sans-serif;
	background-color: #f5f5f5;
	
	-webkit-tap-highlight-color: transparent; /* Отключение синей подсветки при нажатии в смартфоне */ 
}


img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

 
/* Общий контейнер */
.container {
    display: flex;
    flex-direction: column;
    justify-content: center; /* align children centered vertically */ 
    align-items: center; /* align children centered horizontally */
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;

    box-sizing: border-box;
    background-color: #FFFFFF;
}


/* Фиксация заголовка */ 
.container_fixed {

    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    
    box-shadow:
        0 2px 2px 0 rgba(0,0,0,.14),
        0 1px 5px 0 rgba(0,0,0,.12),
        0 3px 1px -2px rgba(0,0,0,.2);

    
}


/* Заголовок */
.box_header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; /* Распределение полей с учетом поля space */
    
    width: 100%;
                        /*    max-width: 1200px; */     /* Для заголовка максимальной ширины 1200 */
    margin: 0 auto;

    border: 0px solid #D7D8DB;    /* border: 1px solid #D7D8DB;*/
    box-sizing: border-box;
    height:58px;
    
    background-color: #FFFFFF;


}



.box_header_menu {
    display: flex;
    flex-direction: column;
    align-items: end;

    
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;

    border: 0px solid #D7D8DB;    /* border: 1px solid #D7D8DB;*/
    font-size: 17px;
    color: black;
    box-sizing: border-box;


    background-color: #FFFFFF;
    
    display:none;
    


}

/* Ссылки для мобильного меню */
.links_box_menu {
    display: flex;
    flex-direction: column;
    align-items: end;
    
    margin-right: 20px;
    padding-bottom: 20px;
    
    text-transform: uppercase;
    font-weight: bold;
    
    
    
}


/* Поле между заголовком и ссылками */
.space {
    margin-left: auto;
}




.box_content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;

    border: 0px solid #D7D8DB;    /* border: 1px solid #D7D8DB;*/
    font-size: 15px;
    color: black;
    box-sizing: border-box;
    /* height:700px; */
    background-color: #f5f5f5;


}



.box_content_data_1 {


    
    font-size: 15px;
    color: black;

    box-sizing: border-box;
    height:400px;
    
    background-color: #ffffff;
    
    
    padding: 10px 10px;
    
    margin: 7px 5px 6px 5px; /* Отступ в блоке, чтобы не перкрывалась тень */
    
    box-shadow:
        0 2px 2px 0 rgba(0,0,0,.14),
        0 1px 5px 0 rgba(0,0,0,.12),
        0 3px 1px -2px rgba(0,0,0,.2);
    
    border-radius: 3px;
    
    
}




/* Отступ перед блоком box_content_data_1 */
.box_content_data_indent {
    background-color: #f5f5f5;
    height:7px;

}


.content_title {
    font-size: 20px;
    color: #0069AF;
    
    
}


.content_text {
    font-size: 14px;
    color: #414141;
    
    
}





/* Footer */
.box_footer {
    
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    
    width: 100%;
    margin: 0 auto;

    background-color: #696969;
    
    border: 0px solid #D7D8DB;    /* border: 1px solid #D7D8DB;*/
    font-size: 12px;
    color: white;
    box-sizing: border-box;
    height:35px;


}


.img_logo {
    
    display: block;
    margin-left: 20px;

    
}


.img_photo {
    
    display: block;

}


/* Ссылки для PC */
.links_box {
    
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    margin-right: 10px;
    
    text-transform: uppercase;
    font-weight: bold;

}

.link_header {
    
    padding-left: 10px;
    padding-right: 10px;

}


.menu_button {
    
    cursor: pointer;
    margin-right: 20px;
    

}






/* Отображения для мобильного экрана. Скрывает ссылки. (900px и менее) */
@media (max-width:900px) {
   .links_box{
       display:none;
   }
}

/* Отображения для PC. Скрывает кнопку меню (901 px и более) */
@media (min-width:901px) {
   .menu_button{
       display:none;
   }
}


/* Стили для меню с переключеним изображений */


#image-container {

    
    display: block;

    
}



/* Стили ссылок меню */

a.menu_link:link{
	color: black; 
	text-decoration:none;
	font-weight:bold;	
}


a.menu_link:visited {
	color: black;
	text-decoration:none;
	font-weight:bold;	
}


a.menu_link:hover{
	color: black;
	text-decoration:none;
	font-weight:bold;	
}


a.menu_link:active{
	color: black;
	text-decoration:none;
	font-weight:bold;	
}


@font-face {
   font-family: zxspectrum;
   src: url(zxspectrum_7.ttf);
}
 
.zx {
   font-family: zxspectrum;
   color: black;
   font-size: 25px;
   line-height: 15px;
}