.vm_container { padding: 0px 10px 0px 10px; user-select: none; min-height: 1200px;}
.vm_container a {color: #0f74a8;}

.vm_page_header {font-size: 18px; margin-top: -30px; margin-bottom: 45px; }
.vm_page_header a {transition: all 0.3s ease; display: inline-block;   transform-origin: 50% 100%  }
.vm_page_header a:hover {transition: all 0.3s ease; transform: scale(1.02);}


.vm_year_arrow { font-size: 14px; display: inline-block; margin: 0px 15px 0px 15px;transition: all 0.3s ease;cursor: pointer; color: rgba(85,85,85);}
.vm_year_arrow:hover {transition: all 0.3s ease; transform: scale(1.5);}

.vm_header { font-size: 30px; font-family: "DIN Pro Regular"; cursor: pointer; transition: all 0.3s ease; transform-origin: 0% 50% ; }
.vm_header:hover {transition: all 0.3s ease; transform: scale(1.01)}



.vm_year_container { margin: 0px 0px 0px 0px; width: 520px;  height: 26px; vertical-align: middle ; overflow: hidden; display: inline-block; position: relative; white-space: nowrap; background-color: #d4eefa;
}
.vm_year_slider { display: inline-block; height: 20px; position: absolute;bottom: 0, 0px; white-space: nowrap;font-size: 18px !important; cursor: pointer}
.vm_slider_y {display: inline-block; width: 40px;transition: all 0.3s ease; color: rgba(85,85,85);transform-origin: 50% 100%}
.vm_slider_y:hover {transition: all 0.3s ease; transform: scale(1.2);color: rgba(0,0,0);}
.vm_slider_y_selected {font-family: "DIN Pro Bold" }
.vm_slider_sp {display: inline-block; width: 25px;}

.vm_main_page_content { margin: 65px 0px 0px 0px; width: 100%;  min-width: 772px;  position: relative;  }
.vm_text_header {font-size: 24px;font-family: "DIN Pro Italic"}
.vm_short_history{ width: 60%;  overflow: hidden; position: absolute; left: 0; top: 0; }
.vm_short_history_content_warp {margin-top: 20px;  width: 100%; height: 420px; overflow: hidden; position: relative; background-color: #ffffff;    }
.vm_short_history_content{  padding: 0px 15px 0px 15px; }
.vm_short_history_content_gradient_top { display: none;  width:100%; height: 20px; position: absolute; top: 0; left:0;   background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255, 252, 252,1) 100%);   }
.vm_short_history_content_gradient_bottom { width:100%; height: 20px; position: absolute; bottom: 0; left:0;   background: linear-gradient(0deg, rgba(255, 252, 252,1) 0%, rgba(255,255,255,0) 100%);   }
.vm_short_history_hover { background-color: rgba(53,53,53,0.88); width: 100%; height: 100%; position: absolute; cursor: pointer; transition: all 0.3s ease; opacity: 0;  }
.vm_short_history_hover { color: rgba(244,244,244,0.88) ; font-size: 30px;   }
.vm_short_history_hover:hover  {display: block ; transition: all 0.3s ease; opacity: 1; }

.vm_short_main_menu { width: 40%;    overflow: hidden; position: absolute; right: 0; top: 0px;   }


.vm_main_menu_content {height: 390px; padding: 10px 15px 20px 30px; margin: 20px 0px 0px 10px; background-color: rgba(255,255,255,1)}
.vm_main_menu_content li { font-size: 18px;  padding: 8px 0px 8px 0px;  transition: all 0.3s ease; cursor: pointer; transform-origin: 20%  50%; color: #0f74a8 ; text-decoration-line: underline; }
.vm_main_menu_content li:hover { list-style: circle; transition: all 0.3s ease; transform: scale(1.1); color: rgb(29, 29, 29);    }
.vm_main_menu_content li:active{color: #0fbad6;transition: all 0.1s ease; transform: scale(0.9);  }


.vm_vtour { width: 100%; height: 70px; position: absolute; left: 0; top: 520px;   }

.vm_vtour_bg { margin-top: 20px; width: 100%; height: 200px; background-image: url("../images/bg/vtour_bg.png"); transition: all 0.3s ease;
    cursor: pointer; border-style: none;}
.vm_vtour_bg:hover {transition: all 0.3s ease; transform: scale(1.03) ; border-style: none;}

.vm_gazeta_admin_container {margin: 10px 0px 30px 0px;}
.vm_gazeta_loader {}

.vm_gazeta_table { border-collapse: collapse; margin: 30px 0px 0px 0px ; background-color: white ;    }
.vm_gazeta_table td {  padding: 4px 10px 4px 10px;  }
.vm_gazeta_table td:nth-child(3) { text-align: center;   }
.vm_gazeta_table tr {  transition: all 0.3s ease;   }
.vm_gazeta_table tr:hover {  background-color: #dedede;   }
.vm_gazeta_table tr:first-child{ background-color: #3c3f41; color: #c6d0d7;  }
.vm_gazeta_table tr:first-child:hover { background-color: #3c3f41; color: #c6d0d7;  }

.vm_letopis_header { font-size: 28px; font-family: "DIN Pro Regular"}

.vm_letopis_subpart_header { font-size: 24px; font-family: "DIN Pro Regular"; margin: 0px 0px 0px 0px;   }




.vm_letopis_razvernut_container { text-align: center;  padding: 9px 0px 0px 0px; background-color: rgba(155,155,155,0.9) ;  cursor: pointer;  width: 100%; height: 37px; position: absolute; bottom: 0; left: 0; color: rgba(255,255,255,0.81); transition: all 0.3s ease; vertical-align: center; overflow: hidden ; }

.vm_letopis_razvernut_container:hover { transition: all 0.3s ease; background-color: rgba(55, 55, 55, 0.8); color: rgba(255,255,255,0.95);  }



.vm_letopis_svernut_container { display: block; text-align: center ;  background-color: rgba(93, 93, 93, 0.85); cursor: pointer;color: rgba(255,255,255,0.81); margin: 20px 0px 0px 0px;}
.vm_letopis_svernut_container:hover { transition: all 0.3s ease; background-color: rgba(55, 55, 55, 0.8); color: rgba(255,255,255,0.95);  }




.vm_letopis_subpart_container {display: block; background-color: white;position: relative;  padding: 20px 20px 20px 20px; margin: 0px 0px 0px 0px; height: 150px; overflow: hidden;  border-color: rgba(155,155,155,0.9) ; border-style: solid; border-width: 2px;   }
.vm_letopis_subpart_content {}

.vm_letopis_one_news_date{ display: inline-block; }


.vm_letopis_header_and_selector_container {display: inline-block;  padding: 3px 15px 6px 15px; margin: 70px 0px 0px 0px;  min-width: 300px; background-color: rgba(155,155,155,0.9) ; color: rgba(238, 238, 238, 0.9);   }




.vm_letopis_one_news_header {display: inline-block; margin: 0px 0px 0px 20px;}
.vm_letopis_one_news_text { display: none;  padding: 0px 30px 20px 60px; text-align: justify ; transition: all 0.3s ease;}



.vm_letopis_one_news_text img { user-select: none; cursor: pointer}
.vm_letopis_one_news_text img:hover { transition: all 0.3s ease; transform: scale(1.07) ; }


.vm_letopis_subpart_content .vm_letopis_subpart_year_change, .vm_letopis_subpart_container .vm_letopis_subpart_year_change { color: #0f74a8 !important;  }
.vm_letopis_subpart_year_change  { font-size: 16px; display: inline-block; margin: 3px 0px 0px 0px; text-decoration: underline ; color: #e7e7e7;
    cursor: pointer; user-select: none; transition: all 0.3s ease;  }
.vm_letopis_subpart_year_change:hover {  transition: all 0.3s ease; transform: scale(1.05) ;  }



.vm_letopis_photo_by_year_container {margin: 20px 0px 0px 0px;  background-color: white ; text-align: center;  padding: 20px 20px 20px 20px;   }
.vm_letopis_photo_by_year_container img {cursor: pointer; }


.vm_letopis_gazeta_line {margin: 5px 0px 5px 0px; width: 100%; display: block}
.vm_letopis_gazeta_line div:first-child {display: inline-block; width: 133px; text-align: left;  padding: 0px 0px 0px 20px;}
.vm_letopis_gazeta_line div:nth-child(2) {display: inline-block ;text-align: left; }


    /* Начало кнопки прокрутки наверх  */


.arrow_down_container {
    vertical-align: center;

    overflow: hidden;
/*    position: absolute;
    right: 100px;
    bottom: 0px;*/
    display: inline-block;
    height: 60px;
    width: 100px;

   /* transform: rotate(180deg);*/
}



.arrow_down {
    /* position: relative;*/


    width: 20px;
    height: 20px;
    margin: 0px;


}

.arrow_down:before {
    content: '';
    position: absolute;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border-left: 6px solid #cacaca;
    border-bottom: 6px solid #cacaca;
    transform: translate(26px, 106px) rotate(-45deg);
    animation: arrow_down 3s linear infinite;
}

.arrow_down:after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border-left: 5px solid #cacaca;
    border-bottom: 5px solid #cacaca;
    transform: translate(53px, 0px) rotate(-45deg);
    animation: arrow_down 3s linear infinite -1.5s;
}

@keyframes arrow_down {
    0% {
        opacity: 0;
        transform: translate(-0px, -15px) rotate(-45deg);
    }
    10%, 90% {
        opacity: 0;
    }
    65% {

        border-left: 5px solid #cacaca;
        border-bottom: 5px solid #cacaca;
        transform: translate(-0px, 0px) rotate(-45deg);
    }
    70% {opacity: 1;}
    100% {
        opacity: 0;
        transform: translate(-0px, 30px) rotate(-45deg);
    }
}

/* Конец кнопки прокрутки наверх  */