/*
Основной цвет rgb(0, 152, 70)

https://colorscheme.ru/#2-41Tw0qZw0w0

*/

body {


    font-family: 'DIN PRO';
    font-size: 14px;
   /* background-color: rgb(240, 240, 240);*/
    background-color: white;
    text-align: center;
    min-width: 1000px;


    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    text-align: left;
    vertical-align: top;

    padding: 0;

    padding-top: 5px !important;

}

.td_main {
    font-family: 'DIN Pro';
    font-size: 16px;
    padding: 10px 20px 0px 20px;
   /* background-color: rgb(240,240,240);*/
}


/* фон редактируемой страницы*/
.page_id_content_conteiner { font-family: 'DIN PRO' !important; background-color: #ffffff; padding: 30px; font-size: 18px !important;}
.page_id_content_conteiner span { font-family: 'DIN PRO' !important; background-color: #ffffff !important;  font-size: 18px !important;}
.page_id_content_conteiner img { margin: 25px !important;}

.table_collapse_border { border-collapse: collapse;}

.table_collapse_border td { border: #636363; border-style: solid; border-width: thin; border-collapse: collapse ;  padding: 0px 5px 0px 5px; }

.table_td_padding td {padding: 5px;}





.table_1 { border-collapse: collapse; }

.table_1 td { border: #b9b9b9; border-style: solid; border-width: thin; border-collapse: collapse ;  padding: 0px 5px 0px 5px; }

.table_1 td {padding: 5px;}

.tr_hover tr:hover { background-color: #eaeaea ;
}





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

.sroll_up_button_container {

    position: absolute;
    right: 100px;
    bottom: 50px;

    transform: rotate(180deg);
}

.margin_0 { margin: 0}
.padding_0 { padding: 0}


.arrow-8 {
    /* position: relative;*/


    width: 100px;
    height: 100px;
    margin: 0px;


}

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

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

@keyframes arrow-8 {
    0% {
        opacity: 0;
        transform: translate(-13px, -53px) rotate(-45deg);
    }
    10%, 90% {
        opacity: 0;
    }
    50% {
        opacity: 1;
        border-left: 26px solid #cacaca;
        border-bottom: 26px solid #cacaca;
        transform: translate(-13px, 0px) rotate(-45deg);
    }
    100% {
        opacity: 0;
        transform: translate(-13px, 53px) rotate(-45deg);
    }
}

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

#scroll_to_up_left_container {
    display: none;
    user-select: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 200px;
    height: 100%;
    background-color: rgba(83, 83, 83, 0.54);
    z-index: 10000;
    cursor: pointer;

    /*transition: all 0.3s ease;*/
}


.info {
    color: #9d9d9d;
}


.files_parts_all_container {
    float: left;
    clear: both;
    width: 100%;
    margin: 20px 0px 0px 0px;
}

.files_parts_container {
}

.files_parts_header {
    margin-left: 0px !important;
    margin-right: 0px !important;
    font-family: 'DIN Pro Condensed Black Italic';
    font-weight: normal;
    font-size: 20px;
    padding: 0px 0px 0px 20px;
    cursor: pointer;
    color: #FFFFFF;
    position: relative;
    top: -15px;
    background-color: #009879;
    margin: 2px 0px 2px 0px;
    display: flex;
}

.files_parts_header div:first-child {width: 100%}

.files_parts_header:hover {
    background: #4c4c4c;
}

.files_parts_download_files_razdel {
    display: none;
    padding: 0px 0px 10px 0px !important;
    margin: 0px 0px 20px 0px;
    color: #333;
    background-color: #FFFFFF;
}


/*.razdel_container {   margin-left:0px !important; 	 margin-right:0px !important;	 padding-right:0px !important; }	
.razdel_container_sub {   margin-left:20px !important; 	 margin-right:0px !important;	 padding-right:0px !important; }	

 
.news_header a,.razdel_header a {
	text-decoration:none;
	color: #FFF;	      
}
.razdel_header {
	color: #FFFFFF !important;	  
	margin-left:0px !important;  
	margin-right:0px !important; 
	font-family:'DIN Pro Condensed Black Italic';font-weight:normal;font-size:20px;
	 padding: 0px 0px 0px 20px;
	cursor:pointer; color:#CCCCCC;	position:relative;	top:-15px; background-color:#009879;
	margin: 2px 0px 2px 0px;
}

.news_header:hover,.razdel_header:hover {
	
	background:#4c4c4c;
}
*/

.news_arhiv_link { float: right; font-size: 16px; display: inline-block; margin: 0px 15px 0px 0px; user-select: none ;   }
.news_arhiv_link:hover {transform:scale(1.05); text-decoration: underline; transition: all 0.3s ease; }
.news_bottom_perehod_v_arhiv {display: none;  position: fixed; bottom: 0; font-size: 24px;  background-color: rgba(21,21,21,0.84) ; color: white ; width: 100%; height: 90px; z-index: 2; text-align: center; padding: 33px 0px 0px 0px; user-select: none ; cursor: pointer; transition: all 0.3s ease;     }
.news_bottom_perehod_v_arhiv:hover { transition: all 0.3s ease; transform: scale(1.1)}


.edit_files_part_list_container {
    margin: 20px 0px 0px 0px;
    text-align: left
}

.edit_files_part_list_container div {
    padding: 5px 0px 5px 10px;
    background-color: #F3F3F3;
}

.slepoy_top_link {
/*    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    float: right;*/
    color: #009846;
    font-family: 'DIN PRO Medium';
    cursor: pointer;
    text-decoration: underline;
}


.slepoy {
    background-color: #000000 !important;
    color: #FFFFFF;
    font-size: 24px !important;
}

.slepoy div, .slepoy a, .slepoy td {
    background-color: #000000 !important;
    color: #FFFFFF;
    font-size: 24px !important;
}

.slepoy .button_1, .slepoy .button_1 a {
    font-family: 'DIN PRO BLACK';
    color: black !important;
    background-color: yellow !important;
}

.slepoy .button_1:hover, .slepoy .button_1:hover a {
    color: white !important;
    background-color: #0000ff !important;
}

.slepoy .main_page_button {
    color: black !important;
    background-color: yellow !important;
    font-family: 'DIN PRO BLACK';
    display: block !important;
    width: 100% !important;
}

.slepoy .main_page_button:hover {
    color: white !important;
    background-color: #0000ff !important;
}

.slepoy .main_page_one_news, .slepoy .one_mat_base {
    border-color: #FFFFFF !important;
    border-style: solid !important;
    border-width: thick !important;
}

.slepoy .main_page_one_news_podrobnee, .slepoy .one_mat_base_podrobnee {
    color: black !important;
    font-family: 'DIN PRO BLACK';
    background-color: yellow !important;
}

.slepoy .main_page_one_news_podrobnee:hover, .slepoy .one_mat_base_podrobnee:hover {
    color: white !important;
    background-color: #0000ff !important;
}

.slepoy .left_menu_level_1, .slepoy .level_2_vipadaet_container, .slepoy .level_2_vipadaet {
    border-color: #FFFFFF !important;
    border-style: solid !important;
    border-width: medium !important;
}

.slepoy .left_menu_level_1:hover, .slepoy .level_2_vipadaet:hover {
    color: white !important;
    background-color: #0000ff !important;

    transition: all 0.3s ease;
}


.slepoy .razdel_header {
    color: black !important;
    background-color: yellow !important;
}

.slepoy .news_container {
    border-color: #FFFFFF !important;
    border-style: solid !important;
    border-width: medium !important;
}


#fs_container_central {
    display: none;
   /* background-image: url(../images/bg/black_80_per.png);*/
    background-color: rgba(18,18,18,0.84);
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10000;
}

.fs_central_window_container {
    height: 100%;
    width: 100%;
    display: table;
}

.fs_central_window_warper {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.fs_central_window {
    background-color: #FFFFFF;
    display: inline-block;
    border-radius: 10px;
    padding: 20px;
    max-height: 90vh;
    overflow: auto;

}


.footer {
    text-align: center;
    margin: 40px 0px 0px 0px;

}

.shapka_container {
    width: 100%;
    min-width: 900px;
    text-align: center;
    margin: 0px 0px 40px 0px;
}

.shapka {
    display: inline-block;
    color: #009846;
    font-family: 'DIN PRO Medium';
    font-size: 16px;
    margin: 0px 0px 0px 20px;
}

.shapka h1 {
    font-family: 'DIN PRO Black';
    font-size: 31.5px;
    cursor: pointer;
    margin: -5px 0px 10px 0px;
    text-transform: uppercase;
}

.shapka h2 {
    font-family: 'DIN PRO Light';
    font-size: 22.5px;
    cursor: pointer;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
}

/* Контактная инфа в шапке */
.shapka_contact_container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.shapka_contact_container div:nth-child(2) { align-items: center;}
.shapka_contact_container div:nth-child(3) { align-items: end;}

.shapka_contact_container div{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: start;

}
.shapka_contact_container div a {
    text-decoration: none;
    cursor: pointer;
    color: #009846 !important;
}

.shapka_contact_container div a:hover {
    transition: all 0.3s ease;
    background-color: #f3f6ff;

}





.admin_img_all_photo_container {
    width: 100%;
    text-align: center;
}

.admin_img_preview_container {
    display: inline-block;
    width: 250px;
    height: 250px;
    background-color: #F4F4F4;
    border: #009846;
    border-style: solid;
    border-width: 2px;
    margin: 11px 11px 11px 11px;
    overflow: hidden;
    box-shadow: 0 0 10px black; /* Параметры тени */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Параметры тени */
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Для Safari и Chrome */
}

.admin_img_preview_container:hover {
    border: #FFFFFF;
    border-style: solid;
    border-width: 2px;
    background-color: #FFFFFF
}

.admin_img_container {
    width: 250px;
    height: 154px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
}

.admin_img_info {
    width: 250px;
    height: 96px;
}

.admin_img_info input {
    width: 232px;
    height: 23px;
    margin: 9px 0px 0px 0px;
    font-family: 'DIN Pro Light';
}

.admin_img_button {
    cursor: pointer;
    height: 23px;
    background-color: #009846;
    color: #FFFFFF;
    margin: 9px 0px 0px 0px;
}

.admin_img_button:hover {
    background-color: #4c4c4c;
}

#main_table_container {
    width: 100%;
    max-width: 1300px;
    min-width: 800px;
    margin: auto;
}

.admin_button_1 {
    background-color: #009846;
    color: #FFFFFF;
    padding: 10px 10px 10px 10px;
    display: inline-block;
    border-radius: 6px;
    cursor: pointer;
}

.admin_button_1:hover {
    background-color: #4c4c4c;
}

.admin_button_1 select {
    font-family: 'DIN PRO';
}

.admin_button_1_selected {
    background-color: #4c4c4c !important;
}

.left_menu_container {
    margin: 10px 0px 40px 0px;
    max-width: 300px;
}

.left_menu_level_1 {
    position: relative;
    background-color: #009846;
    font-family: 'DIN PRO';
    font-size: 16px;
    color: #FFFFFF;
    margin: 1px;
    padding: 6px 10px 6px 20px;
    cursor: pointer;


    transition: all 0.3s ease;
}

.left_menu_level_1:hover {
    background-color: #4c4c4c;
}

.level_2_vipadaet_container {
    display: none;
}

.level_2_vipadaet {
    background-color: #009879;
    margin: 2px;
    padding: 6px 2px 6px 10px;
    font-size: 14px;

    white-space: normal;;
    transition: all 0.3s ease;
}

.level_2_vipadaet:hover {
    background-color: #009813;
}


/* блок с календарями версия 1 */
.main_page_calendar_block_container {
    width: 900px;
    text-align: center;
    margin: 0 auto;
   /* background-color: #FFFFFF;*/
    padding: 0px 0px 1px 0px;
  /*  background-image: url("../images/calendar/calendar.jpg");*/
    background-position: center;
    user-select: none;
    background-color: #009846;

    box-shadow: 0 0 10px black; /* Параметры тени */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Параметры тени */
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Для Safari и Chrome */
}

.main_page_calendar_block_container [data-type="header"] { font-family: "DIN Pro Regular"; font-size: 24px;/* background-color:rgba(96, 74, 121, 0.91); */ background-color: #009846 ;  padding: 3px 0px 5px 0px; color: #FFFFFF;  }
.main_page_calendar_block_container [data-type="name"] {  font-size: 18px; margin: 0px 0px 15px 0px; }
.main_page_calendar_block_container [data-type="block_container"] { display: flex;  padding: 7px 8px 0px 8px; }
.main_page_calendar_block_container [data-type="block"] { width: 2500px;/* border-width: thin; border-style: solid;*/ border-radius: 10px; border-color: #cecece; margin: 0px 8px 10px 8px;  background-color: rgba(255, 254, 255, 0.97)  ;  padding: 5px 0px 0px 0px;
    box-shadow: 0 0 10px black; /* Параметры тени */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Параметры тени */
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Для Safari и Chrome */
}
.main_page_calendar_block_container .button_3 {background-color: #9c9ea8 ;}
.main_page_calendar_block_container [data-type="button_container"] {display: flex; justify-content: space-around;}
.main_page_calendar_block_container [data-type="button_container"] div { flex-grow: 1; border-radius: 0px; flex-basis: 1px;     }
.main_page_calendar_block_container [data-type="button_container"] div:first-child { margin: 0px 1px 0px 0px; }
.main_page_calendar_block_container [data-type="button_container"] div:nth-child(2) { margin: 0px 0px 0px 1px; }






/* блок с календарями версия 2 */
.main_page_calendar_block_container2 {
    width: 900px;
    text-align: center;
    /*margin: 0 auto;*/
    margin: 30px 0px 30px 0px;
   /* background-color: #BDFFF2;*/
    background-color: #e8f5e9;
    padding: 0px 0px 1px 0px;
  /*  background-image: url("../images/calendar/calendar.jpg");*/
    background-position: center;
    user-select: none;
    /*background-color: #009846;*/


    border-radius: 10px;
    box-shadow: 0 0 10px black; /* Параметры тени */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Параметры тени */
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Для Safari и Chrome */


}

/*.main_page_calendar_block_container2 [data-type="header"] { font-family: "DIN Pro Regular"; font-size: 24px;!* background-color:rgba(96, 74, 121, 0.91); *! background-color: #009846 ;  padding: 3px 0px 5px 0px; color: #1c1c1c;  }*/
.main_page_calendar_block_container2 [data-type="header"] {  font-size: 24px; padding: 7px 0px 11px 0px; font-family: "DIN Pro Medium" ;  }
.main_page_calendar_block_container2 [data-type="name"] {  font-size: 18px; margin: 0px 0px 7px 0px; }
.main_page_calendar_block_container2 [data-type="block_container"] { display: flex;  padding: 7px 8px 0px 8px; }
.main_page_calendar_block_container2 [data-type="block"] { width: 2500px; border-width: thin; border-style: solid;/**/ ; border-color: #009846; margin: 0px 8px 10px 8px;  background-color: #74C0FF  ;  padding: 5px 0px 0px 0px;
border-radius: 8px;
}
.main_page_calendar_block_container2 .button_3 {background-color: #009846 ;}
.main_page_calendar_block_container2 [data-type="button_container"] {display: flex; justify-content: space-around;}
.main_page_calendar_block_container2 [data-type="button_container"] div { flex-grow: 1; border-radius: 0px; flex-basis: 1px;     }
.main_page_calendar_block_container2 [data-type="button_container"] div:first-child { margin: 0px 1px 0px 0px; }
.main_page_calendar_block_container [data-type="button_container"] div:nth-child(2) { margin: 0px 0px 0px 1px; }



/* скругления кнопок для календарей на главной странице */
.main_page_calendar_block_container2 [data-type="button_container"] .button_3:nth-child(1) { border-bottom-left-radius: 8px;}
.main_page_calendar_block_container2 [data-type="button_container"] .button_3:nth-child(2) { border-bottom-right-radius: 8px;}

/* блок с календарями версия 2  КОНЕЦ */




/* Баннер сверху на главнной странице */
#main_page_banner {
    text-align:center; color:#FF0000; font-size:24px;
    margin-bottom: 30px;
}


#main_page_banner img {
    border-radius: 10px;

}

/* ссылки на главной странице вверху */
.main_page_top_link_container {
    text-align: center; font-size: 24px; margin-bottom: 20px;
}

.main_page_top_link_container a {
    display: block;
    background-color: #009846;

    color: #FBFFFC;
    width: 860px;
    margin: 0px auto ;
    margin-top: 0;
    border-radius: 15px;
    text-decoration: none;
     padding: 20px 20px 20px 20px;
    transition: all 0.3s ease;
}

.main_page_top_link_container a:hover {
    background-color: #4c4c4c;
}



.main_page_button_container {
    width: 900px;
    text-align: center;
    margin: 0 auto;
    background-color: #e8f5e9;
    padding: 30px 0px 30px 0px;

    border-radius: 10px;
    box-shadow: 0 0 10px black; /* Параметры тени */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Параметры тени */
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Для Safari и Chrome */
}

.main_page_button {
    user-select: none;
    display: inline-block;
    width: 250px;
    height: 50px;
    overflow: hidden;
    font-size: 18px;
    font-family: 'DIN PRO';
    background-color: #009846;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    margin: 5px 5px 5px 5px;
    padding: 20px 0px 0px 0px;
    border-radius: 15px;
    cursor: pointer;

    box-shadow: 0 0 5px black; /* Параметры тени */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Параметры тени */
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Для Firefox */
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Для Safari и Chrome */

    transition: all 0.3s ease;
}

.main_page_button:active {
    transform: scale(0);
    transition: all 0.3s ease;

}

.main_page_button:hover {
    background-color: #4c4c4c;

    transform: scale(1.05);
    -webkit-transition: all 0.3s ease;;
    -moz-transition: all 0.3s ease;;
    -o-transition: all 0.3s ease;;
    transition: all 0.3s ease;
}

.main_page_news_container {
    width: 900px;
    text-align: center;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
   /* background-color: #D6FAFF;*/
    background-color: #e8f5e9;


    border-radius: 10px;
    box-shadow: 0 0 10px black; /* Параметры тени */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Параметры тени */
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Для Safari и Chrome */

}

.main_page_news_container_header {
    text-align: center;
    width: 100%;
    padding: 7px 0px 12px 0px;
    font-family: "DIN Pro Medium" ;
    font-size: 24px;
    /*color: #525252*/
}


.main_page_one_news:hover {

    transform: scale(1.02);
    -webkit-transition: all 0.3s ease;;
    -moz-transition: all 0.3s ease;;
    -o-transition: all 0.3s ease;;
    transition: all 0.3s ease;
}

.main_page_one_news {
    display: inline-block;
    position: relative;
    width: 210px;
    height: 70px;
    background-color: #FBFFFC;
    margin: 5px 5px 5px 5px;
    padding: 135px 0px 0px 0px;
    overflow: hidden;
    text-align: left;
    box-shadow: 0 0 5px black; /* Параметры тени */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Параметры тени */
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Для Firefox */
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Для Safari и Chrome */
    font-size: 16px;
    transition: all 0.3s ease;
    border-radius: 8px;
}

.main_page_one_news_header {
    font-family: 'DIN PRO';
    position: absolute;
    top: 116px;
    left: 0px;
    width: 210px;
    height: 44px;
    overflow: hidden;
    font-size: 16px;
    padding: 7px 4px 0px 4px;
}

.main_page_news_photo {
    width: 210px;
    height: 118px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: cover;
    overflow: hidden;
}

.main_page_one_news_created {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    text-align: right;
    font-family: 'DIN PRO Light Italic';
    font-size: 16px;
    display: block;
    color: #ffffff;
 padding: 0px 0px 2px 0px;
    background-color: rgba(35, 35, 35, 0.7);
}

.main_page_one_news_created span {    margin: 0px 10px 0px 0px;}



.main_page_one_news_podrobnee {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 210px;
    background-color: #009846;
    color: #FFFFFF;
    text-align: center;
    padding: 3px 0px 5px 0px;
    cursor: pointer;

    transition: all 0.3s ease;
}

.main_page_one_news_podrobnee:hover {
    background-color: #4c4c4c;
    transform: scale(1.05);
    -webkit-transition: all 0.3s ease;;
    -moz-transition: all 0.3s ease;;
    -o-transition: all 0.3s ease;;
    transition: all 0.3s ease;
}

.footer_container {
    font-family: 'DIN PRO';
    font-size: 16px;
    background-color: #FFFFFF;
    width: 900px;
    margin: 0 auto;
    height: 440px;
    padding: 0px 0px 0px 0px;
    display: flex;
}

.footer_container img {
    border: none;
    cursor: pointer;

    transition: all 0.3s ease;

}

.footer_container img:hover {

    transform: scale(1.03);
    -webkit-transition: all 0.3s ease;;
    -moz-transition: all 0.3s ease;;
    -o-transition: all 0.3s ease;;
    transition: all 0.3s ease;

}


.footer_vk {
    width: 300px;
    height: 400px;
    /*float: left;*/
}

.footer_header {
    text-align: center;
    margin: 0 auto;
    padding: 11px 0px 12px 0px;
    font-family: 'DIN PRO Medium';
    font-size: 26px;
    /*color: #525252*/
}

.footer_baners_container {
    margin: 0 auto;
    text-align: center;
}

/*.footer_baners_container img {
    border: none;

}

.footer_baners_container img:hover {
    margin-left: 3px;

}
*/
#sep {


    outline-color: #EDF1E2;
    outline-width: thin;
    outline-style: solid;
    border-color: #EDF1E2;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #009846;
    color: #FFFFFF;
    font-family: 'DIN Pro Bold Italic';
    font-size: 20px;
    margin: 0px 0px 20px 0px !important;
    text-align: left !important;
}

#sep a {
    color: #FFFFFF;
    text-decoration: none;
}


.const_width_180 {
    width: 180px !important;
}

.const_width_250 {
    width: 250px !important;
}

.const_width_300 {
    width: 300px !important;
}

.const_width_360 {
    width: 360px !important;
}

.const_width_sved {
    width: 550px !important;
}


.button_1 {
    background-color: #009879;
    display: inline-block;
    padding: 10px 20px 10px 20px;
    font-family: 'DIN Pro';
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
    margin: 3px 0px 3px 0px;
    user-select: none;


}

.button_1:hover {
    background-color: #4c4c4c;
}

.button_1 a {
    text-decoration: none;
    color: #FFFFFF;
}


.button_2 {
    background-color: #009879;
    display: inline-block;
    padding: 9px 15px 9px 15px;
    font-family: 'DIN Pro';
    font-size: 12px;
    color: #FFFFFF;
    cursor: pointer;
    margin: 0px 0px 0px 0px;
    border-radius: 10px;
}

.button_2:hover {
    background-color: #4c4c4c;
}

.button_2 a {
    text-decoration: none;
    color: #FFFFFF;
}


.button_3 { user-select: none;
    background-color: #b2b2b2;
    display: inline-block;
    padding: 7px 15px 7px 15px;
    font-family: 'DIN Pro';
    font-size: 14px;
    color: #FFFFFF;
    cursor: pointer;
    margin: 0px 0px 0px 0px;
    border-radius: 10px;

    transition: all 0.3s ease;
}

.button_3:hover {
    background-color: #4c4c4c;
}

.button_3 a {
    text-decoration: none;
    color: #FFFFFF;
}








.shadow {
    box-shadow: 0 0 5px black; /* Параметры тени */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Параметры тени */
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Для Safari и Chrome */
}


.oddStripe {
    background-color: #FFFFFF;
}

.evenStripe {
    background-color: #32fff6;
}

.table_files_row:hover {
    background-color: #32ff90;
}


.history {
    padding: 20px;
}

.img_link a {
    border: none
}


.append_bg_full {
    background-color: #000000;
    position: fixed;
    z-index: 10000;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.modal_win {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    display: none;
    background-color: #FFF;
    position: fixed;
    z-index: 10000;

    width: 600px;
    height: 400px;
    top: 10%;
    left: 50%;
    margin-left: -300px;;


}

.file_info {
    padding-left: 30px;
    color: #666;
}

.razdel_files {
    padding: 40px 10px 20px 10px;
}

.razdel {
    padding: 0px 0px 10px 0px !important;
    margin: 0px 0px 20px 0px !important;
    color: #333;
    background-color: #FFFFFF;
}


.thumb_news_container {
    padding: 0px 10px 0px 10px;
}

.thumb_news img {
    margin: 2px;
    padding: 0px;
    border: hidden;

}

.thumb_news img:hover {
    transform: scale(1.05);
    -webkit-transition: all 0.3s ease;;
    -moz-transition: all 0.3s ease;;
    -o-transition: all 0.3s ease;;
    transition: all 0.3s ease;
}

.thumb_news {

    display: inline;
    cursor: pointer;
    transition: all 0.3s ease;
}

.preview_news img {
    margin: 5px;
    padding: 0px;
    border: hidden;

    box-shadow: 0 0 5px black; /* Параметры тени */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Параметры тени */
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Для Safari и Chrome */
}

.preview_news {

    display: block;
    width: 100%;
    text-align: center;
}


.razdel_container {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-right: 0px !important;
}

.razdel_container_sub {
    margin-left: 20px !important;
    margin-right: 0px !important;
    padding-right: 0px !important;
}


.news_header a, .razdel_header a {
    text-decoration: none;
    color: #FFF;
}

.razdel_header {
    position: relative;
    color: #FFFFFF !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    font-family: 'DIN Pro Condensed Black Italic';
    font-weight: normal;
    font-size: 20px;
    padding: 0px 0px 0px 20px;
    cursor: pointer;
    color: #CCCCCC;
    position: relative;
    top: -15px;
    background-color: #009879;
    margin: 2px 0px 2px 0px;
}

.news_header:hover, .razdel_header:hover {

    background: #4c4c4c;
}

.razdel_header div { position: absolute; top: 0; right:10px;}

.news_container {
    position: relative;
    padding: 0px 0px 10px 0px !important;
    margin: 0px 0px 40px 0px !important;
    color: #333;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: thin;
    border-color: #009846
}

.news_text {
    padding: 10px 20px 10px 20px;
}


.news_header {
    font-family: 'DIN Pro Italic';
    font-weight: normal;
    font-size: 20px;
    cursor: pointer;
    color: #CCCCCC;
    position: relative;
    top: 0px;
    background-color: #009846;
    padding: 0px 0px 0px 20px;
    border-style: solid;
    border-width: thin;
    border-color: #009846;
}

.news_header div {
    font-family: 'DIN Pro Light Italic';
    font-weight: normal;
    font-size: 18px;
    padding: 0px 10px 0px 0px;
}


.button a {
    color: #FFFFFF;
    text-decoration: none;
}

.button {
    text-decoration: none;
    background-image: url(../images/backgrounds/punkt_header.png);
    background-repeat: repeat-x;
    text-align: center;

    border-radius: 20px;
    padding-left: 20px;
    padding-right: 20px;
    max-height: 44px;
    display: table;
    margin: 0 auto;
    margin-top: 20px;
    color: #FFF;

    box-shadow: 0 0 5px black; /* Параметры тени */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Параметры тени */
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Для Safari и Chrome */

}


.news_pages_navigator a {
    color: #FFFFFF;
    text-decoration: none;
}

.news_pages_navigator {


    text-align: center;
    background-color: #009846;

    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
    max-height: 44px;
    display: table;
    margin: 0 auto;
    margin-top: 20px;
    color: #FFF;

    box-shadow: 0 0 5px black; /* Параметры тени */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Параметры тени */
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Для Safari и Chrome */

}

.show_news_content_container {padding:1em; border-bottom-width:thin; border-bottom-style:dotted;}
.show_news_body_text { padding-top:1em; padding-left:1em}


.prev {
    display: inline;
}

.num_news {
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
}

.num_news_this_page {
    display: inline;
}

.num_news_this_page a {
    color: #FFFF00;
    font-size: 24px;
}

.next {
    display: inline;
}


.razdel_shadow {


}


.admin_button {
    background: #603;
    color: #6FF;
    border-radius: 5px;
    padding: 6px;
    cursor: pointer;
    text-decoration: none;
    font-family: "Arial", Gadget, sans-serif;
    font-style: normal;
    font-size: 16px;
    border: thin;
    border: 1px;
    border-color: #3CF;
}

.admin_button:hover {
    background: #330;
}


.Navigator {
    float: left;
}

.Osnovnoj_text {
    clear: none;
    float: left;
    width: auto;
}


.Osnovnoj_text {
    padding-top: 10px;
    padding-right: 2em;
    padding-bottom: 1em;
    padding-left: 2em;
}

#otstup {
    padding-left: 5px;
}

#pic {
    float: right
}

#staff_table {
    border-top-color: #CCC;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    border-left-color: #CCC;
    outline-style: solid;
    outline-width: thin;
    border-color: #CCC;
    outline-color: #CCC;
}


.feedback_container {
    font-family: 'DIN PRO';
    font-size: 18px;
    margin: 0px 0px 0px 40px;
}

.feedback_container input {
    font-family: 'DIN PRO';
    font-size: 18px;
    width: 450px;
}

.feedback_container textarea {
    font-family: 'DIN PRO';
    font-size: 18px;
    width: 450px;
    height: 150px;
}

.feedback_container select {
    font-family: 'DIN PRO';
    font-size: 18px;
}

.feedback_container option {
    font-family: 'DIN PRO';
    font-size: 18px;
}

#feedback_error {
    display: none;
    padding: 20px 20px 20px 20px;
    font-size: 18px;
    font-weight: bold;
}

.feedback_error_input {
    background-color: #CB2326;
    color: #FFFFFF;
}

#feedback_show_container {
}

#feedback_show_container td {
    padding: 5px 10px 20px 10px;
    vertical-align: top;
    border-width: thin;
    border-style: solid;
    border-color: #009846;
}

.one_mat_base_without_date {border-style: solid; border-width: medium; border-color: #2b542c; }

.one_mat_base {
    display: inline-block;
    position: relative;
    width: 210px;
    height: 106px;
    background-color: rgb(250, 250, 250);
    margin: 5px 5px 5px 5px;
    padding: 135px 0px 0px 0px;
    overflow: hidden;
    text-align: left;
    box-shadow: 0 0 5px black; /* Параметры тени */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Параметры тени */
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Для Firefox */
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Для Safari и Chrome */
}

.one_mat_base_header {
    font-family: 'DIN PRO';
    position: absolute;
    top: 119px;
    left: 0px;
    width: 210px;
    height: 64px;
    overflow: hidden;
    font-size: 16px;
    padding: 7px 4px 0px 4px;
}

.one_mat_base_photo {
    width: 210px;
    height: 118px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.one_mat_base_created {
    position: absolute;
    bottom: 60px;
    left: 0px;
    width: 200px;
    text-align: right;
    font-family: 'DIN PRO Light Italic';
    font-size: 16px;
    display: block;
    color: #5E5E5E;
}

.one_mat_base_podrobnee {
    position: absolute;
    bottom: 5px;
    left: 0px;
    width: 210px;
    background-color: #009846;
    color: #FFFFFF;
    text-align: center;
    padding: 10px 0px 10px 0px;
    cursor: pointer;
}

.one_mat_base_podrobnee:hover {
    background-color: #4c4c4c;
}


.one_mat_base_podrobno_container {
    padding: 2px 40px 20px 40px;
    background-color: #FFFFFF;
    font-family: "DIN Pro" !important;
    font-size: 18px !important;
}

.one_mat_base_podrobno_container span {    font-family: "DIN Pro" !important;
    font-size: 18px !important;}



.one_mat_base_podrobno_header h1 {
    font-family: 'DIN PRO BOLD';
    font-size: 28px;
    padding: 10px 0px 40px 0px;
}

.one_mat_base_podrobno_info {
    padding: 0px 0px 60px 10px;
    text-align: justify;
}

.one_mat_base_podrobno_all_photo_container img {
    width: 100%;
}

.one_mat_base_podrobno_all_photo_container div {
    width: 340px;
    display: inline-block;
    vertical-align: middle;
}

.hide_scroll {
    overflow: hidden;
    padding-right: 17px;
 /*   display: block*/
}

.show_scroll {
    overflow: auto
}

.pointer {
    cursor: pointer
}

/* полноэкранный контэйнер */


/* кнопка х закрывать справа сверху  */
.fs_container_centr_close {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    opacity: 0.5;
    color: #1a1a1a;
    background-image: url("../images/buttons/x_button.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 15000;

}

.fs_container_centr_close:hover {

    opacity: 1;
    transition: all 0.3s ease;
}

/* Надпись летающая за курсором*/
.fs_container_centr_bottom_cursor {
    display: block;
    position: absolute;
    top: 50px;
    left: 50px;
    color: #ffffff;
    padding: 4px;
    opacity: 0px;
    background-color: rgba(40, 40, 40, 0.48);


}

.fs_container_centr_bottom_info div {
    display: inline-block;
    padding: 4px;
    background-color: rgba(40, 40, 40, 0.48);
    color: rgba(255, 255, 255, 1);
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    opacity: 0;
    box-shadow: 0 0 10px black; /* Параметры тени */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Параметры тени */
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Для Safari и Chrome */

    -webkit-animation: opacity_up_and_down_1 8s ease;
    animation: opacity_up_and_down_1 8s ease !important;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;

}

.fs_container_centr_bottom_info {

    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 60px;
    left: 0;
    text-align: center;
    opacity: 0.5;
    color: #1a1a1a;
    font-size: 26px;
    display: block;
}


.fs_container_arrow_right {
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-position: center;
    background-image: url("../images/buttons/fs_arrow_right.svg");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.1;

    transition: all 0.3s ease;
    z-index: 200;
}

.fs_container_arrow_left {
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center;
    background-image: url("../images/buttons/fs_arrow_right.svg");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.1;
    transition: all 0.3s ease;
    transform: scale(-1, 1);
    z-index: 200;

}

.fs_container_arrow_hover {

    opacity: 0.7;
    transition: all 0.3s ease;
}


.fs_container_bottom_link {

    position: fixed;
    background-color: rgba(21,21,21,0.76);
     padding: 10px 20px 10px 20px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 1000;
    opacity: 0.7;
    transition: all 0.3s ease;
    color: white;
    display: none ;

}

.fs_container_bottom_link a {
    color: white;
}

.fs_container_bottom_link a:hover {

    transition: all 0.3s ease;
        color: #d2d2ff;


}

.fs_container_date {

    position: fixed;
    background-color: rgba(21,21,21,0.76);
     padding: 10px 20px 10px 20px;
    top: 0px;
    left: 0px;
    z-index: 1000;
    opacity: 0.7;
    transition: all 0.3s ease;
    color: white;
    display: none;
}

#fs_container_bg {
  /*  background-image: url(../images/bg/black_80_per.png);*/
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 20000;
    overflow: auto;
    text-align: center;
}

#fs_container {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    min-height: 200px;
    min-width: 200px;
}

#mat_base_all_container {
    margin-top: -20px;
}

#mat_base_text {
    background-color: #ffffff;
    padding: 10px 20px 10px 20px;
    margin: 10px 0px 20px 0px;
}


/* полноэкранный контэйнер фото фото */

#fs_container_bg_photo {
   /* background-image: url(../images/bg/black_80_per.png);*/
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 400000 !important;
    overflow: auto;
    text-align: center;
}

#fs_container_photo {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    min-height: 200px;
    min-width: 200px;
}



.hor_slider_module_header {

    background-color:#009846; color:#ffffff; margin-bottom:10px; margin-left:0px; margin-right:0px; margin-top:12px; padding:7px 15px 7px 15px;
}
.hor_slider_module_header h2 { margin: 0; font-size: 18px; font-family: "DIN Pro Light" ;  }


.hor_slider_container { height: 300px; background-color: #a3a3a3; width: 799px; text-align: center; white-space: nowrap; overflow: hidden; position: relative;  cursor: pointer;      box-shadow: 0 0 10px black; /* Параметры тени */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Параметры тени */
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Для Safari и Chrome */   }
.hor_slider_preview_container {  height: 300px; width: 199px; display: inline-block;  border-style: none; border-width: thin; border-left-style: none;  position: absolute; top:0; overflow: hidden; border-collapse: collapse;  background-color: #f3f3f3; transition: all 0.3s ease;    }
.hor_slider_preview_container:hover {transform: scale(.985); transition: all 0.3s ease;  }
.hor_slider_preview {height: 200px; width: 200px; background-repeat: no-repeat; background-position: center; background-size: contain;   }
.hor_slider_preview_caption { width: 200px; height: 100px; position: absolute; bottom: 0;  }
.hor_slider_preview_caption div { width: 190px; height: 80px;  position: absolute; bottom: 5px; left: 5px; overflow: hidden; white-space: normal; text-align: left;     }

.hor_slider_fs_container  { width: 100%; height: 100% ; background-color: rgba(14, 14, 14, 0.94); position: fixed; top: 0; left: 0;  z-index: 100   }
.hor_slider_fs_caption { width: 100%; height: 30px;  background-color: #009846; color: #ffffff; text-align: center; position: fixed; top: 0; left: 0; font-size: 18px; padding-top: 4px; z-index: 110;
    box-shadow: 0 0 10px black; /* Параметры тени */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Параметры тени */
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Для Safari и Chrome */
}
.hor_slider_fs_img_container {width: 100%; height: 100% ;  position: fixed; bottom: 0; left: 0; z-index: 105; background-position: center; background-repeat: no-repeat; background-size: contain   }

.hor_slider_fs_description_container { width: 100%; height: 150px;  color: #ffffff; text-align: center; position: fixed; bottom: 0; left: 0; font-size: 18px;  z-index: 110; text-align: center; display: none;  }
.hor_slider_fs_description_container div { width: 600px;  height: 150px; text-align: left; padding: 10px; border-radius: 6px;  background-color: rgba(49,49,49,0.8); display: inline-block;

    overflow: auto;

    z-index: 200;    box-shadow: 0 0 10px black; /* Параметры тени */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Параметры тени */
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Для Safari и Chrome */ }

.hor_slider_fs_right_description { width: 400px;  height: 100%;color: #1a1a1a; position: fixed; top: 0; right: 0; font-size: 18px;  z-index: 110;  text-align: justify;  border-radius: 6px;  background-color: rgba(255,255,255,1); display: block;

    overflow: auto;

    z-index: 200;    box-shadow: 0 0 10px black; /* Параметры тени */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Параметры тени */
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Для Safari и Chrome */ }

.hor_slider_fs_right_description div { padding: 15px; width: 350px; text-align: justify;  }





.hor_slider_fs_close_button {position: fixed; right: 0; top: 0; width: 30px; height: 30px; z-index: 300; color: white; font-size: 24px; cursor: pointer; transition: all 0.3s ease;  }
.hor_slider_fs_close_button:hover {transform: scale(1.1);transition: all 0.3s ease;  }

/* Свертывание и развертывание группы горизонталного слайдера */
.hor_slider_table_container_collapse { margin-bottom: 8px;  padding: 2px 0px 2px 8px; cursor: pointer; transition: all 0.3s ease; text-align: left; user-select: none;   }
.hor_slider_table_container_collapse:hover {   transform: scale(1.01); transition: all 0.3s ease; background-color: #009879; color: #ffffff }
.hor_slider_table_container_collapse div { display: inline-block  }
.rotate_cv90 { transform: rotate(90deg);}

/* Контейнер для групп слайдера*/
.edit_hor_slider_table_container { display: none; }


.edit_hor_slider_table input[type="text"],.edit_hor_slider_table textarea { width: 400px;}
.edit_hor_slider_table input[type="checkbox"] { margin: 20px;}
/*.edit_hor_slider_table td {border-bottom-style: solid; border-bottom-color: #0fbad6; border-collapse: collapse; }*/


.hor_slider_button_right  { position: absolute; width: 37px; height: 43px; background-repeat: no-repeat; background-image: url(../images/hor_slider_right.png); right: -5px; top: 135px; opacity: 30%;   z-index: 10; cursor: pointer;
         transition: all 0.3s ease;
}

.hor_slider_button_right:hover {
    transition: all 0.3s ease;
    right: 0px;
    transform: scale(1.07);
    opacity: 100%;
}

.hor_slider_button_left  { position: absolute; width: 37px; height: 43px; background-repeat: no-repeat; background-image: url(../images/hor_slider_left.png); left: -5px; top: 135px;  z-index: 10; cursor: pointer;
         transition: all 0.3s ease;
    opacity: 30%;
}

.hor_slider_button_left:hover {
    transition: all 0.3s ease;
    left: 0px;
    transform: scale(1.07);
    opacity: 100%;
}

.hor_slider_group_edit { background-color: #e2e2e2;  padding: 20px 25px 20px 10px; margin: 20px 0px 20px 0px; border-radius: 10px; text-align: left;   }

.hor_slider_group_edit table {background-color: #f3f3f3; border-color: #f8f8f8; width: 100%; }

.hor_slider_group_edit table tr td:nth-child(1) { white-space: nowrap; }
.hor_slider_group_edit table tr td:nth-child(2) { width:100% !important;  }
.hor_slider_group_edit input[type="text"] {width:100% }
.hor_slider_group_edit textarea {width:100%}


.hor_slider_group_edit .edit_hor_slider_table tr td:nth-child(1)  {padding: 5px;}
.hor_slider_group_edit .edit_hor_slider_table  tr td:nth-child(1) input {margin: 0;}
.hor_slider_group_edit .edit_hor_slider_table input[type="text"] {width:400px; }
.hor_slider_group_edit .edit_hor_slider_table textarea {height:130px}

.edit_hor_slider_table tr td:nth-child(1)  {width: 0%; text-align: center; }

/* image_rotate */
.edit_hor_slider_table tr td:nth-child(1) div  { cursor: pointer; transition: all 0.3s ease; user-select: none  }
.edit_hor_slider_table tr td:nth-child(1) div:hover  { transform: scale(1.4);  transition: all 0.3s ease;  }



.hor_slider_select_group { background-color: #ffffff; width: 400px; height: 130px; position: absolute; right: 20; top: 0;     box-shadow: 0 0 10px black; /* Параметры тени */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Параметры тени */
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Для Safari и Chrome */
padding: 20px 20px 20px 20px;
    text-align: left;
    border-bottom-left-radius: 10px; ;
    border-bottom-right-radius: 10px; ;
    display: none;
}


.dostijeniya_date_change_container { min-width: 400px; min-height: 400px; text-align: center; padding-top: 0px;  }


/* Страница с грантовыми проектами */
.gran_page_calendar_module_container {
    display: flex;
    width: 100%;
    height: 100px;
    align-items: stretch;
    justify-content: center;;
    color: #FFFFFF;
    user-select: none;
}

.gran_page_calendar_module_container div { /*border-radius: 10px; */
    display: flex;
    flex-grow: 1;
    flex-basis: 50%;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    cursor: pointer;
    overflow: hidden;
}

.gran_page_calendar_module_container div:hover div {
    background-color:/* #075B88 */ rgba(7,91,136,0.7); !important;
    transition: all 0.3s ease;
    transform: scale(1.1);

}

.gran_page_calendar_module_container div:nth-child(1) {
    background-image: url(../images/calendar/calendar.jpg) ;
    background-position: center;
    background-size: cover;
    position: relative;

}

/* кнопка на календарь  background-color: #3993C4 ; */
.gran_page_calendar_module_container div:nth-child(2) {
    background: url(../images/calendar/history.jpg) center / cover no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.gran_page_calendar_module_container div:nth-child(1):hover::before {
    content: '';
    position: absolute; /* Фиксируем на одном месте */
    left: 0; right: 0; /* Вся ширин */
    top: 0; bottom: 0; /* Вся высота */
    width: 100%;
    height: 100%;
    z-index: -1; /* Фон ниже текста */
    /* Параметры фона */
    background: url(../images/calendar/calendar.jpg) center / cover no-repeat;
    filter: blur(3px); /* Размытие */
}

.gran_page_calendar_module_container div:nth-child(2):hover::before {
    content: '';
    position: absolute; /* Фиксируем на одном месте */
    left: 0; right: 0; /* Вся ширин */
    top: 0; bottom: 0; /* Вся высота */
    width: 100%;
    height: 100%;
    z-index: -1; /* Фон ниже текста */
    /* Параметры фона */
    background: url(../images/calendar/history.jpg) center / cover no-repeat;
    filter: blur(3px); /* Размытие */
    transition: all 0.3s ease;
}



/* историческиеbackground-color: #5EA0C4 ; */

.gran_page_calendar_module_container div div:hover::before {background-image: none !important; }

.gran_page_calendar_module_container div div {
    background-color: rgba(0,0,0,0.7);

    background-image: none !important;
    padding: 5px 0px 5px 0px;
    font-size: 24px;
}

/* Сбор средств ОНФ*/
.onf_main_page_container { padding: 30px 30px 30px 30px; margin: 0 auto; width: 858px; display: flex; flex-direction: column; align-items: center }
.onf_main_page_container a {text-decoration: none; font-size: 26px; font-family: "DIN Pro Medium" ; }
.onf_main_page_container img {width: 400px;margin: 30px 0px 0px 0px; transition: all 0.3s ease;}
.onf_main_page_container img:hover { transform: scale(1.05) ;  transition: all 0.3s ease;}


/* карта в контакатх */

.maps_container { display: flex; }
.maps_container div { width: 100%;   height: 500px; margin:0 auto; }
#map { padding: 0px 10px 0px 0px;}
#map2 { padding: 0px 0px 0px 10px;}


/* Cookie предупреждение */

.cookie_container {
    position: fixed; bottom: 0px; right: 0px; width: 100%; max-width: 800px; font-size: 24px;
    display: flex; justify-content: right;
}

.cookie_container a {color: #FFFFFF; }

.cookie_container>div {max-width: 800px;  padding: 10px 40px 20px 40px; background-color: #009846 ; color: #FFFFFF ; }

.spec_code_link_container   {font-size: 16px; color: #6f6f6f ; }
.spec_code_link_container a { color: #6f6f6f ; text-decoration: none; }
.spec_code_link_container a:hover { color: #000000;  }