a.menutitle, a.menutitle:link, a.menutitle:visited, a.menutitle:hover {
font-size: 16px; 
font-family: arial, Tahoma, sans-serif; 
color: #019c7c; text-decoration: none;}

.ord_font {
font-size: 16px; 
font-family: arial, Tahoma, sans-serif; 
color: #776955; text-decoration: none;}

.mfont {
font-size: 20px; 
font-family: arial, Tahoma, sans-serif; 
color: white; text-decoration: none;}

.brfont {
font-size: 22px; 
font-family: arial, Tahoma, 'SNFFonts', sans-serif; 
color: #776955; text-decoration: none;
letter-spacing: -0.4px;
font-weight: 500;
}

.exte {
font-stretch: 200%;
transform: scaleX(1.1);
}

.sgfont {
font-size: 16px; 
font-family: arial, Tahoma, sans-serif; 
color: #776955; text-decoration: none;}

body {margin: 0; 
padding: 0;
}

.fullblock {
height: auto;
width: 100%;
margin: 0px;
padding: 0px;
background-color: white; 
}

.logo {
width: 120px;
margin: 5px;
}

.upmenu {
display: block;    
width: 80%;
overflow: hidden;
background-color: white; 
height: 60px; 
margin: 0 auto; 
z-index: 50;
}

.btn_menu {
float: left;
height: 30px;
border-radius:6px; 
margin-left: 5px; 
margin-top: 7px; 
margin-right: 15px; 
padding-top: 8px; 
color:white; 
text-align: center;'
}

.w_menu {
display: block;    
float: left; 
margin-top: 3px; 
margin-left: 50px; 
margin-right: 10px;
}

.shado {
display: none;
backdrop-filter: blur(2px); 
position: fixed;
z-index: 100; 
right: 0; 
top: 0; 
width: 100%; 
height: 100%; 
opacity: 0;
animation: show 0.5s 1;
}

@keyframes show {
  from { opacity: 0; }
  to { opacity: 1; }
}


.mainmenu {
display: none;
position: fixed;
z-index: 101; 
padding: 0px; 
right: 0; 
top: 0; 
width: 350px; 
height: 100%; 
background-color: white;
animation: slideIn 0.5s ease-out forwards;
}

@keyframes slideIn {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}


.close-button {
float: right;
line-height: 0px;
width: 25px; height: 25px; 
padding: 0px;
border: 2px solid black;
border-radius: 50%; 
background-color: white; 
display: flex; 
justify-content: center; 
align-items: center; color: white; 
cursor: pointer;
color: black;
font-size: 24px;
margin: 15px;
}

.altmenu {
display: none;    
}

.mainlogo2 {
display: none;
}

.altmenus {
display: none;}

.mainmenuit {
display: block;
float: left;
background-color: white;
width: 120px;
margin: 5px;
text-align: center;
}

.mainmenuit:hover > .secmenu,
.secmenu:hover{
  visibility: visible;
  opacity: 1;
  display: block;
}

.secmenu {
visibility: hidden;
  opacity: 0;
  padding: 5px;
  position: absolute;
  transition: all 0.5s ease;
border-radius: 10px;
}

.secmenu2 {
display: none;
  position: absolute;
}

.secmenuit {
height: 30px;
width: 100%;
padding-top: 10px;
padding-left: 10px;
margin-right: 5px;
text-align: left;
background-color: white;
border-radius: 10px;
}

.secmenuit:hover {
background-color: #91dbfd;
}

.mainmenubo {
width: 100%;
heght: 100%;
padding: 5px;
border-radius:5px 5px 5px 5px;
}

.mainmenubo:hover {
border-bottom: 2px solid white;
}

.newmarg {
margin-top: 13px;
}

.mainblock {
display: block;    
text-align: center;
box-sizing: content-box;
background-color: white; 
width: 900px;
margin: 0 auto;
padding-top: 20px;
}

.centralblock {
clear: left;
text-align: justify;
border-radius:5px 5px 5px 5px;
padding: 10px;
margin: 10px auto;
}

.taw {
text-align: justify;
}

.ch_lang {
margin-top: 20px;
float: right;
}

.chm_lang {
display: none;
float: left;
}

.com_butt {
border-color: #007CB7;
border: 1px solid;
border-radius: 4px;
background-color: white;
font-size: 14px; 
font-family: Tahoma, sans-serif, arial; 
color: #007CB7; 
text-decoration: none;
padding: 5px
}

.c_div {
display: none;    
text-align: left;
background-color: white; 
border: 1px solid #007CB7;
border-radius: 6px;
width: 90%;
margin: 0px auto 5px auto;
padding: 10px;
padding-bottom: 0px;
}

a.c_link, a.c_link:link, a.c_link:visited, a.c_link:hover {
font-size: 16px; 
font-family: Tahoma, sans-serif, arial; 
text-decoration: underline;
}

.inv_div {
display: none;
}

.captu {
width: 100px;
border: 1px solid #007CB7;
border-radius: 3px;
}

.bbord {
border: 1px solid #007CB7;
border-radius: 3px;
width: 98%;
}

.br_cap {
border-bottom: 1px solid #007CB7;
margin-top: 15px;
}

a.br_capf, a.br_capf, a.br_capf, a.br_capf:hover {
font-size: 16px; 
font-family: Tahoma, sans-serif, arial; 
text-decoration: none;
color: #007CB7;
font-weight: bold;
}

.d_razd {
float: left;
width: 280px;
border: 1px solid #007CB7;
border-radius: 5px;
min-height: 300px;
}

.d_cont {
float: right;
width: 580px;
margin-left: 7px;
}

.br_artic > img {
max-width: 200px;}

.d_cont > img {
max-width: 300px;
}

.infoto {
max-width: 400px;
border-radius: 10px;
}

.ingal {
float: right;
max-width: 160px;
margin-left: 7px;}

.ingar {
float: left;
max-width: 160px;
margin-right: 7px;}

.ingat {
max-width: 100%;
margin-bottom: 7px;}

.ingalfoto {
max-width: 98%;}

.bigpic {
width: 900px;
height: 330px;
border-radius: 10px;
background-repeat: no-repeat;
overflow: hidden;
}

.modal {
  display: none; /* Скрыто по умолчанию */
  background-color: rgba(0,0,0,0.6); /* Полупрозрачное затемнение */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Фон на нижнем слое */
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  overflow: hidden; /* При необходимости, то появиться прокрутка */
  }

.modal-content {
    position: relative;
    background-color: #FFFFFF;
    margin: auto;
    border: 1px solid #007CB7;
    padding-left: 10px;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.close {
   position: absolute;
   top: -15px;
   left: -15px;
   width: 30px;
   height: 30px;
  font-size:  30px;
  font-weight:  bold;
   text-align: center;
   background-color: #007CB7;
   border: 3px solid #FFFFFF;
   border-radius: 20px;
   color: #FFFFFF;
}

.close p {
   position: absolute;
   top: -35px;
   left: 2px;
}

.InstModCSS {
 margin: 10px auto;
}

.tcla {
float: left;
width: 100px;
height: 50px;
background-color: red;
}

.mfoto {
width: 30%;
border-radius: 10px;
}

.mefoto {
width: 20%;
border-radius: 10px;
}

.sfoto {
width: 100px;
border-radius: 5px;
}

.bl_footer {
height: 100px;
width: 100%
}

.left_a{
margin-top: 30px;
float: left;
text-align: left;
width: 45%
}

.right_a{
margin-top: 30px;
float: right;
text-align: right;
width: 45%;
}

.newblock {
margin-left: 70px;}


/* Окно для ввода логина-пароля */
.on_log {
width: 250px;
display: block;
float: right;
padding: 10px;
margin: 10px;
border: 1px solid #007CB7;
border-radius: 10px;
}

.mar_top {
margin-top: 5px;
}

/* Регистрация нового пользователя */
.n_label {
float: left;
width: 150px;
text-align: right;
margin: 5px;
}

.n_input {
float: left;
width: 350px;
text-align: left;
margin: 5px;
}

.clearfix { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.w_input {
width: 100%;
}

.n_regis {
margin-bottom: 10px;
width: 520px;
float: left;
}

.div_rub {
width: 300px;
float: right;
display: none;
border: 1px solid #007CB7;
border-radius: 10px;
padding: 10px;
margin-top: 40px;
}


/* табы в личном кабинете */
.p_data {
display: block;
position: relative;
width: 100%;
padding-left: 15px;
padding-top: 15px;
margin-top: 50px;
border: 1px solid #007CB7;
border-radius: 10px;
}

.p_tab {
width: 150px;
height: 36px;
border: 1px solid #007CB7;
z-index: 100;
border-radius: 10px 10px 0px 0px;
position: absolute;
padding-top: 10px;
top: -40px;
left: 7px;
float: left;
border-bottom: none;
text-align: center;
color: #0F4C81;
background-color: #91dbfd;
}