@font-face {
    font-family: 'noto_serif';
    src: url('./fonts/notoserif-regular-webfont.eot');
    src: url('./fonts/notoserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('./fonts/notoserif-regular-webfont.woff') format('woff'),
        url('./fonts/notoserif-regular-webfont.ttf') format('truetype'),
        url('./fonts/notoserif-regular-webfont.svg#noto_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{margin: 0; padding: 0; outline: none;}
html, body {height: 100%; font-family:  Arial,Helvetica,sans-serif; font-size: 12px; line-height: 18px; color: #444444;} 
.inl{display: inline-block; vertical-align: top; *display: inline; *zoom:1}
.block{display: block;}
.no-select{-webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none; }
.content_w{width: 960px; margin: 0 auto; text-align: left; padding: 0 7px;}
.content_min_w{min-width: 974px;}
a{text-decoration: none;}
a img{border: none;}
img{outline: none; border: none;}
.center{text-align: center;}
.readMore{display: none;}
h2{font-size: 16px; color: #113b7d; font-weight: normal;}
input{-webkit-appearance: none; appearance:none}
.article #galleria{margin-bottom: 10px;}

input[type="text"]{height: 33px; line-height: 33px; box-shadow: 1px 1px 5px rgba(0,0,0,0.08) inset; border: 1px solid #CBCBCB; text-indent: 9px; color: #565659;font-family:  Arial,Helvetica,sans-serif; font-size: 12px;}
textarea{height: 168px; resize: none; padding: 5px; box-shadow: 1px 1px 5px rgba(0,0,0,0.08) inset; border: 1px solid #CBCBCB;  color: #565659;font-family:  Arial,Helvetica,sans-serif; font-size: 12px;}

input[type="submit"],input[type="reset"],button{height: 30px; font-weight: bold; cursor: pointer; padding: 0 27px; background-color: #F6F6FA; border: 1px solid #CBCBCB; color: #2887c8; text-align:center; font-family:  Arial,Helvetica,sans-serif; font-size: 12px;  -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}

.mobile-menu-header {display: none;}
.special-mode-btn-container {float: right;}

.ajax_last .buttons .news:hover,input[type="submit"]:hover,input[type="reset"]:hover,button:hover{
    color: #ffffff;
    border: 1px solid #6AB3E5;
    background: rgb(60,195,228); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(60,195,228,1) 0%, rgba(60,194,227,1) 18%, rgba(55,181,221,1) 43%, rgba(40,135,200,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(60,195,228,1)), color-stop(18%,rgba(60,194,227,1)), color-stop(43%,rgba(55,181,221,1)), color-stop(100%,rgba(40,135,200,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(60,195,228,1) 0%,rgba(60,194,227,1) 18%,rgba(55,181,221,1) 43%,rgba(40,135,200,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(60,195,228,1) 0%,rgba(60,194,227,1) 18%,rgba(55,181,221,1) 43%,rgba(40,135,200,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(60,195,228,1) 0%,rgba(60,194,227,1) 18%,rgba(55,181,221,1) 43%,rgba(40,135,200,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(60,195,228,1) 0%,rgba(60,194,227,1) 18%,rgba(55,181,221,1) 43%,rgba(40,135,200,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cc3e4', endColorstr='#2887c8',GradientType=0 );*/ /* IE6-9 */

} 


/*Чекбокси, радіобокси*/
.has-js .label_check,
.has-js .label_radio    {cursor: pointer; height: 30px; line-height: 30px; padding-left: 39px;background: url(../images/radio.png) 0 -31px no-repeat;}
.has-js .padding_content .label_radio    {cursor: pointer; height: 30px; line-height: 30px; padding-left: 39px;background: url(../images/radio2.png) 0 -31px no-repeat;}


.has-js .label_check    { background: url(../images/check.png) 0 -27px no-repeat; cursor: pointer; height: 23px; line-height: 23px;  padding-left: 39px;}
.has-js label.c_on      { background: url(../images/check.png) no-repeat; }

.has-js label.r_on      { background: url(../images/radio.png) no-repeat; }
.has-js .padding_content label.r_on      { background: url(../images/radio2.png) no-repeat; }
.has-js .label_check input,
.has-js .label_radio input  { position: absolute; left: -9999px; }





#content{
    position: relative;
    z-index: 1;
    background-color: #FFFFFF;
    /*border-bottom: 1px solid #CBCBCB;*/
    /*border-left: 1px solid #CBCBCB;*/
    padding: 0 5px;
    /*border-right: 1px solid #CBCBCB;*/
}
.padding_content{padding: 0 9px; position: relative;}

/*Шапка*/
#header{width: 100%; position: relative; z-index: 2; height: 238px; background:url(../images/header.jpg) no-repeat center top #064298; background-size: cover;-webkit-background-size:cover; -o-background-size:cover; -moz-background-size:cover}
.top_line{height: 36px; width: 100%; background: url(../images/top_line.jpg) repeat-x; border-bottom: 9px solid #2887C8;}
.top_line .top_line_content{height: 35px; font-size: 11px; line-height: 14px; color: #565659;}
.top_line .top_line_content a{color: #565659; height: 14px; text-decoration: none; margin: 0 13px; transition: color 0.2s;}
.top_line .top_line_content a:first-child{margin-left: 0;}
.top_line .top_line_content a.active, .top_line .top_line_content a:hover{color: #1475f8;}
.top_line .top_line_content a.active{cursor: default;}
.top_line .divider{background-color: #565659; height: 8px; width: 1px;margin-top: 3px;}
.top_line .divider:first-child{display: none;}
.top_line .lang, .top_line .top_menu{margin-top: 11px;}
.top_line .lang{float: right;}
.top_line .top_menu{margin-left: 10px; float: left;}
.top_menu a img{margin-top: -2px; margin-right: 13px;}
.header_cont{height: 100px;height: 193px; position: relative;}

.left_header, .right_header{height: 139px; width: 50%; position: relative;}
.logo{left: 411px;z-index: 101; position: absolute; top: -38px;}
.site_title{font-family: 'noto_serif'; cursor: default; margin-top: 11px; font-size: 21px; text-transform: uppercase; line-height: 36px; color: #ffd200; text-shadow: 0 1px 0 #2B2B2B;}
.left_header .site_title{text-align: right;padding-right: 83px;}
.right_header .site_title{padding-left: 83px;}
.right_header{z-index: 100; padding-right: 80px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.right_header .module-container {height: 100%;position: relative;}
.right_header .icon {position: absolute; top: 67%; right: 0; transform: translate(0, -50%);}
.right_header .icon img {max-width: 100%;}

.header_article{margin-top: -5px;    height: 88px; position: relative;}
.header_article .inl{vertical-align: bottom;}
.header_article .image{width: 83px;position: absolute;bottom: 0; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;overflow: hidden}
.header_article .text{line-height: 15px;position: absolute;left: 97px;bottom: 0; width: 320px; color: #d6e1ec; font-style: italic; font-family:Times New Roman,Georgia,Serif; font-size: 13px;}


/*Головне меню*/
#main_menu {background: url(../images/menu.png) no-repeat;  height: 43px; padding: 1px 0;z-index: 5; display: table; width: 100%;}
#main_menu .menu_row {display: table-row;}
#main_menu .menu_item {position: relative; display: table-cell;}
#main_menu span.home{width: 16px; height: 16px; background-image: url(../images/home.png); background-repeat: no-repeat; background-position: 0 0;   margin-top: 13px;}
#main_menu .menu_item a.active span.home,
#main_menu .menu_item a:hover span.home{background-position: 0 -16px;}
#main_menu .menu_item a{ border-right: 1px solid #D6D6D6; cursor: pointer; text-align: center; text-shadow: 1px 1px 0 #fff; white-space: nowrap; border-left: 1px solid #FBFBFB; padding:0 20px; height: 43px;line-height: 44px; text-decoration: none; color: #555555; font-size: 13px; font-weight: bold;}
#main_menu .menu_item a.first{border-left: none; margin-left: 2px;}
#main_menu .menu_item a.last{border-right: none;margin-right: 2px;}
#main_menu .menu_item.open > a,
#main_menu .menu_item a.active,
#main_menu .menu_item a:hover {background-color: #F9FAFB; color: #2887c8;}
#main_menu .menu_item .drop_down {
    display: none;
    position: absolute; left: 0; top: 44px; white-space: nowrap; 
}
#main_menu .menu_item .drop_down_bg {
    background: #F7F7F7; 
    padding: 0 29px 16px 29px;
    border: 1px solid #C0BEBA;
    border-top: 7px solid #F7F7F7;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;  
}
#main_menu .menu_item:first-child .drop_down{left: 3px;}
#main_menu .menu_item.open .drop_down {}
#main_menu .menu_item .drop_down a{border: none; text-align: left; white-space: normal;padding: 10px 3px 10px 0; background: none; width: 100%; font-size: 12px;/* padding: 0 3px 0 0; height: 35px;*/ line-height: 16px; height: auto; border-top: 1px solid #FFFFFF;}
#main_menu .menu_item .drop_down li{border-top: 1px solid #E1E1E1; /*min-width: 145px; max-width: 340px;*/width: 200px;}
#main_menu .menu_item .drop_down li:first-child{border: none;}
#main_menu .menu_item .drop_down li:first-child a{border: none;}
#main_menu .menu_item .drop_down ul{list-style: none; text-align: left; margin-left: 40px; padding: 0;}
#main_menu .menu_item .drop_down ul li{padding: 0; margin: 0;}
#main_menu .menu_item .drop_down ul:first-child{margin-left: 0;}

#main_menu .menu_item_260 a{ color: #2887c8;} 


/*Пошук*/
.search{width: 300px; color: #ececf4; font-weight: bold; position: absolute; right: 16px; top: 60px; background: url(../images/search.jpg); border: 1px solid #1971BD; border-top: none; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
.search p.title{font-size: 14px; text-shadow: 1px 1px #0b2854; background: none;}
.search form{padding: 10px 10px 10px 10px; background: url(../images/search_img.png) 0 0 no-repeat; }
.search input[type="text"]{width: 248px; padding-right: 32px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.search .line{position: relative;}
.search .line label{position: absolute; font-weight: normal; cursor: text; color: #565659; top: 1px; left: 11px; height: 33px; line-height: 33px;} 
.search .hr{margin: 10px 0; height: 0px; border-bottom: 1px solid #4B77BA; border-top: 1px solid #163F7F;}
.search .btn_open{width: 18px;  margin-top: 8px; margin-left: 11px; height: 18px; cursor: pointer; background: url(../images/open_search.png) 0 0 no-repeat;}
.search input[type="submit"]{ bottom: 4px;
                              left: 95px;
                              position: absolute;}
.search .search_bottom{overflow: hidden; height: 0; position: relative;}
.search  .btn_submit{height: 50px;}
.search.open .search_bottom{height: auto;}
.search input.lupa[type="submit"]{padding: 0; margin: 0; position: absolute;left: auto;top: 4px; right: 10px; width: 23px; height: 24px; background: url(../images/icon_search.png) no-repeat; border: none; border-radius: 0;}
.search .date{margin-top: 10px;}
.search .date>div{width: 50%; line-height: 20px;}
.search .date>div input[type="text"]{width: 75px; box-shadow: none; padding: 0; text-indent: 0; color: #ffc600; font-weight: bold; font-size: 14px; height: 20px; line-height: 20px; border: none; background: none;}
.search .date .input_cont{height: 20px; width: 100px;margin-left: 10px; }
.search .calendar{width: 16px; height: 16px; margin-top: 2px;margin-left: 2px; background: url(../images/icon_calendar.png) 0 0 no-repeat; cursor: pointer;}
.search_radio>div{margin-top: 6px;}
.search_radio>div:first-child{margin-top: 0px;}
.search .department_change{cursor: pointer; height: 25px; left: 0;  position: absolute; top: -2px;width: 25px; background: url(../images/check.png) 0 0 no-repeat;}
.search .departments{margin-top: 11px; position: relative;min-height: 25px;}
.search .departments ul{padding-left: 33px; list-style: none; white-space: nowrap; color: #ffc600;}
.search .departments ul li{display: none; text-overflow: ellipsis; overflow: hidden;}
.search .departments ul li.visible{display: block;}
.search .departments ul li.all{cursor: pointer;}

.search_popup_cont{position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%;}
.search_popup_cont .overlay{position: absolute;display: none; width: 100%; height: 100%; background: url(../images/overlay.png) repeat;}
.search_popup_cont .box{
    position: absolute; z-index: 2; 
    width: 706px; padding: 0 4px 0 4px; margin-left: -356px; left: 50%;
    box-shadow: 0 0 0 1px rgba(255,255,255,.25);
    background: url(../images/noise_box.jpg) repeat; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.search_popup_cont .box .close_btn{width: 18px; cursor: pointer; height: 18px; background: url(../images/1392309317_symbol_multiplication.gif) no-repeat;position: absolute;right: 3px; top: 3px; }
.search_popup_cont .box .title{height: 49px; line-height: 49px; font-size: 13px; font-weight: bold; color: #fff; text-align: center; border-bottom: 1px solid #5A8BAD;}
.search_popup_cont .box .list{padding: 9px 20px 14px 10px; }
.search_popup_cont .box .scroll_cont{padding: 9px 0 14px 0;max-height: 390px;border-top: 1px solid #0A387E;border-bottom: 1px solid #5A8BAD;}
.search_popup_cont .box .list .line{margin-top: 7px; color: #c1d9e9; white-space: nowrap; overflow: hidden;}
.search_popup_cont .box .list .line:first-child{margin-top: 0;}
.search_popup_cont .box .bottom{border-top: 1px solid #0A387E; color: #ffc600;padding: 16px 20px 12px 10px; }
.search_popup_cont .box .bottom .label_check{font-weight: bold;}
.search_popup_cont .box .bottom>.inl {vertical-align: middle; margin-left: 33px;}
.search_popup_cont .box .bottom>.inl:first-child{margin-left: 0;}
.search_popup_cont .box .bottom .clear_all{text-decoration: underline; cursor: pointer;}

/*Ліва колонка*/
.l_col {width: 638px; margin-right: 2px; padding-top: 4px;}

p.title{height: 20px; background: url(../images/title.png) left center repeat-x;}
p.title>span{text-transform: uppercase; font-size: 14px;padding: 0 4px; line-height: 20px; margin-left: 32px; background-color: #fff; color: #144BA0; font-family: 'noto_serif';}
p.title.large>span{font-size: 20px; text-transform: none; padding: 0 10px;}
p.title.large{height: 21px;}
.keywords p.title{background: none;}


/*Останні новини*/
.ajax_last{margin-top: 20px;}
.ajax_last .items{margin-top: 8px; border-bottom: 1px solid #CBCBCB; white-space: nowrap;}
.ajax_last>.title{width: 631px;}
.ajax_last .title.left{ margin-left: 9px; width: 406px;margin-right: 10px;}
.ajax_last .title.right{width: 211px; background: none; height: 40px; margin-top: -15px;}
.ajax_last .title.left span{color: #ff4800;}
.ajax_last .title.right span{text-align: center; margin: 0; padding: 0;}

.ajax_last .items .left, .ajax_last .items .right{white-space: normal; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ajax_last .items .left {width: 425px; margin-right: 0px; }
.ajax_last .items .right {width: 209px; /*padding: 9px 9px 0px 9px;background-color: #F1F1F1;*/  -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
.ajax_last .items .left .inner {border-right: 1px solid #CBCBCB; padding: 9px 9px 0 9px;}
.ajax_last .items .right .inner {background-color: #F1F1F1; padding: 9px 9px 0px 9px;}

.ajax_last .items .left > .title {width: 96%; left: 2%; position: relative; margin-bottom: 20px;}
.ajax_last .items .left > .title span {color: #ff4800;}
.ajax_last .items .right > .title {
    width: 100%;
    background: none;
    height: 40px;
    margin-top: -15px;
    margin-bottom: 15px;
}
.ajax_last .items .right > .title span {
    text-align: center;
    margin: 0;
    padding: 0;
}

.ajax_last .row{padding:13px 0; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #CBCBCB;}
.ajax_last .row:first-child{border-top:none; padding-top: 0;}
.ajax_last .row:last-child{border-bottom:none;}
.ajax_last .row .item{width: 189px; margin-left: 27px;}
.ajax_last .row .item a {display: inline-block;}
.ajax_last .row .item:first-child{margin-left: 0;}
.ajax_last .row .item img{padding: 2px; border: 1px solid #C6C6C6; margin-bottom: 20px;  display: block; max-width: 100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ajax_last .row .item .text{overflow: hidden; height: 69px;}
.ajax_last .row .item .title{overflow: hidden; height: 108px;}
.ajax_last .show_more{text-align: center; height: 23px; margin-bottom: 7px; margin-top: 5px; width: 100%; background: url(../images/border_gray.jpg) left center repeat-x;}
.ajax_last .show_more div{padding: 0 55px 0 15px;}
.ajax_last .show_more div.end, .ajax_last .show_more div.loading{padding: 0 15px; cursor: default;}
.ajax_last .show_more div.end .arr, .ajax_last .show_more div.loading .arr{display: none;}
.ajax_last .buttons{padding: 22px 0; border-bottom: 1px solid #CBCBCB; white-space: nowrap;}
.ajax_last .show_more .btn{box-shadow: 0 0 0 2px #FFFFFF;}
.ajax_last .show_more .btn .arr{width: 9px; height: 100%; background: url(../images/news_arr.png) no-repeat center; position: absolute; top: 0; right: 12px;}
.ajax_last .buttons a{margin-left: 35px;}
.ajax_last .buttons a:first-child{margin-left: 0;}
.ajax_last .buttons a .icon{width: 31px; height: 31px; margin-right: 12px;}
.ajax_last .buttons .news{
    height: 30px; line-height: 30px; padding: 0 7px;
    border: 1px solid #DEDEDE;
    color: #2887c8;
    font-weight: bold;
    -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
    background: rgb(249,248,253); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(249,248,253,1) 0%, rgba(246,245,250,1) 3%, rgba(247,246,251,1) 21%, rgba(245,244,249,1) 24%, rgba(242,241,247,1) 69%, rgba(236,236,244,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,248,253,1)), color-stop(3%,rgba(246,245,250,1)), color-stop(21%,rgba(247,246,251,1)), color-stop(24%,rgba(245,244,249,1)), color-stop(69%,rgba(242,241,247,1)), color-stop(100%,rgba(236,236,244,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(249,248,253,1) 0%,rgba(246,245,250,1) 3%,rgba(247,246,251,1) 21%,rgba(245,244,249,1) 24%,rgba(242,241,247,1) 69%,rgba(236,236,244,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(249,248,253,1) 0%,rgba(246,245,250,1) 3%,rgba(247,246,251,1) 21%,rgba(245,244,249,1) 24%,rgba(242,241,247,1) 69%,rgba(236,236,244,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(249,248,253,1) 0%,rgba(246,245,250,1) 3%,rgba(247,246,251,1) 21%,rgba(245,244,249,1) 24%,rgba(242,241,247,1) 69%,rgba(236,236,244,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(249,248,253,1) 0%,rgba(246,245,250,1) 3%,rgba(247,246,251,1) 21%,rgba(245,244,249,1) 24%,rgba(242,241,247,1) 69%,rgba(236,236,244,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f8fd', endColorstr='#ececf4',GradientType=0 ); /* IE6-9 */
}


.ajax_last .buttons .fb,.ajax_last .buttons .tw{
    position: relative;
    height: 31px; line-height: 31px; padding: 0 8px 0 0px; color: #fff; font-weight: bold;
    -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
}
.ajax_last .buttons .fb{
    background: rgb(72,111,186); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(72,111,186,1) 0%, rgba(70,108,183,1) 28%, rgba(67,104,174,1) 48%, rgba(61,91,153,1) 86%, rgba(55,86,143,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(72,111,186,1)), color-stop(28%,rgba(70,108,183,1)), color-stop(48%,rgba(67,104,174,1)), color-stop(86%,rgba(61,91,153,1)), color-stop(100%,rgba(55,86,143,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(72,111,186,1) 0%,rgba(70,108,183,1) 28%,rgba(67,104,174,1) 48%,rgba(61,91,153,1) 86%,rgba(55,86,143,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(72,111,186,1) 0%,rgba(70,108,183,1) 28%,rgba(67,104,174,1) 48%,rgba(61,91,153,1) 86%,rgba(55,86,143,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(72,111,186,1) 0%,rgba(70,108,183,1) 28%,rgba(67,104,174,1) 48%,rgba(61,91,153,1) 86%,rgba(55,86,143,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(72,111,186,1) 0%,rgba(70,108,183,1) 28%,rgba(67,104,174,1) 48%,rgba(61,91,153,1) 86%,rgba(55,86,143,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#486fba', endColorstr='#37568f',GradientType=0 ); /* IE6-9 */
}
.ajax_last .buttons .fb .icon{background: url(../images/fb_icon.png) right center no-repeat;}
.ajax_last .buttons .tw{
    background: rgb(5,190,244); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(5,190,244,1) 0%, rgba(6,190,242,1) 17%, rgba(7,178,230,1) 45%, rgba(4,169,217,1) 62%, rgba(6,157,204,1) 83%, rgba(3,154,201,1) 86%, rgba(8,146,193,1) 97%, rgba(3,144,190,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,190,244,1)), color-stop(17%,rgba(6,190,242,1)), color-stop(45%,rgba(7,178,230,1)), color-stop(62%,rgba(4,169,217,1)), color-stop(83%,rgba(6,157,204,1)), color-stop(86%,rgba(3,154,201,1)), color-stop(97%,rgba(8,146,193,1)), color-stop(100%,rgba(3,144,190,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(5,190,244,1) 0%,rgba(6,190,242,1) 17%,rgba(7,178,230,1) 45%,rgba(4,169,217,1) 62%,rgba(6,157,204,1) 83%,rgba(3,154,201,1) 86%,rgba(8,146,193,1) 97%,rgba(3,144,190,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(5,190,244,1) 0%,rgba(6,190,242,1) 17%,rgba(7,178,230,1) 45%,rgba(4,169,217,1) 62%,rgba(6,157,204,1) 83%,rgba(3,154,201,1) 86%,rgba(8,146,193,1) 97%,rgba(3,144,190,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(5,190,244,1) 0%,rgba(6,190,242,1) 17%,rgba(7,178,230,1) 45%,rgba(4,169,217,1) 62%,rgba(6,157,204,1) 83%,rgba(3,154,201,1) 86%,rgba(8,146,193,1) 97%,rgba(3,144,190,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(5,190,244,1) 0%,rgba(6,190,242,1) 17%,rgba(7,178,230,1) 45%,rgba(4,169,217,1) 62%,rgba(6,157,204,1) 83%,rgba(3,154,201,1) 86%,rgba(8,146,193,1) 97%,rgba(3,144,190,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05bef4', endColorstr='#0390be',GradientType=0 ); /* IE6-9 */
}
.ajax_last .buttons .tw .icon{background: url(../images/tw_icon.png) right center no-repeat;}

p.date{color: #5a8bad; font-family:Times New Roman,Georgia,Serif; font-style: italic;margin-top: 5px; margin-bottom: 15px;}
h3{font-size: 14px; font-weight: bold; color: #2887c8;}
.blue{color: #073f98;}



/*Перегляд статті*/
.article{margin-top: 10px;}
.article a{text-decoration: underline; color: #2887c8;}
.article h1{font-weight: normal; font-size: 21px; color: #113b7d; line-height: 30px;}
.article p.line{ background: url("../images/title.png") repeat-x; height: 10px; margin: 8px 0 14px;}
.article .top{position: relative;}
.article p.info{font-family: Georgia, Times New Roman, Times, serif;width: 500px; color: #999999; font-size: 11px; font-style: italic; margin-bottom: 15px;}
.article .text{text-align: justify;margin-bottom: 15px; transition: font-size 0.1s; transition: line-height 0.1s;}
.article .text img{padding: 2px; border: 1px solid #C6C6C6;display: block;  margin-right: 20px; margin-bottom: 15px; max-width: 613px;}
.article .text p{margin-bottom: 14px;}
.article .soc_btn .addthis_toolbox>a{float: right; margin-left: 12px;}
.article .soc_btn .addthis_toolbox{ padding-top: 11px; border-top: 1px solid #CBCBCB; display: flex; justify-content: flex-end; flex-wrap: wrap;}
.article .soc_btn .addthis_toolbox a:first-child{width: auto;}
.article .soc_btn .fb_iframe_widget > span, .article .soc_btn .fb_iframe_widget > span > iframe { width: 120px!important; }

.atm{display: none!important;}
.top-bottom-line {position: relative;}
.addthis_button_telegram > span {width: 20px!important; height: 20px!important; border-radius: 3px;}
.addthis_button_telegram > span > svg {width: 100%!important; height: 100%!important;}

.article .font_size{position: absolute; right: 40px; top: 50%; transform: translate(0,-50%);}
.article .font_size>div {height: 16px; background-image: url(../images/font_size.png); background-repeat: no-repeat; cursor: pointer;}
.article .font_size>div.disable{opacity: .5; cursor: default;}
.article .font_size>div.minus, .article .font_size>div.plus{width: 12px;}
.article .font_size>div.minus{background-position: 4px 0;}
.article .font_size>div.plus{background-position: -53px 0;}
.article .font_size>div.font{margin: 0 14px; width: 17px; background-position: -23px 0;}

.article .keywords{border-bottom: 1px solid #CBCBCB; border-top: 1px solid #CBCBCB; margin-bottom: 11px; padding: 20px 5px;}
.article .keywords>.item.title{font-weight: bold;}
.article .keywords>.item{margin-right: 20px;}

.article .related{margin-top: 35px;}
.article .related a{text-decoration: none;}
.article .related>.title{ margin-bottom: 22px;}
.article .related .row .item{width: 190px; margin-left: 25px;}
.article .related .row .item:first-child{margin-left: 0;}
.article .related .row .item img{padding: 2px; border: 1px solid #C6C6C6; margin-bottom: 20px;  display: block;}
.article .related .row .item .text{overflow: hidden; height: 92px; text-align: left;}

.text ul {list-style: disc outside none; margin-bottom: 23px;padding-left: 20px;}

/*Breadcrumbs*/
.breadcrumbs{ border-bottom: 1px solid #CBCBCB; overflow: hidden; padding: 10px 0;}
.breadcrumbs li{padding-right: 25px; margin-right: 20px; background: url(../images/arr.png) right center no-repeat;}
.breadcrumbs li.last{padding-right: 0; background: none; margin-right: 0; }
.breadcrumbs li a{line-height: 28px; color: #565659;}
.breadcrumbs li a.current{ color: #2887c8; cursor: default;}
.breadcrumbs li a[href="javascript:void(0)"]{cursor: default;}

/*Меню список*/
.menu_list{list-style: none; padding: 0; margin-top: 18px;}
.menu_list li{margin-bottom: 4px; font-size: 14px;}
.menu_list li a{padding-left: 11px; color: #2887c8; background: url(../images/arr_list_gr.png) 0 7px no-repeat;}
.menu_list li a:hover{color: #144ba0; background: url(../images/arr_list.png) 0 7px no-repeat;}
.menu_list li a.active{color: #cbcbcb;background: url(../images/arr_list_gr.png) 0 7px no-repeat;}
.menu_list li a.active:hover{color: #cbcbcb;background: url(../images/arr_list_gr.png) 0 7px no-repeat;}
.menu_list_2 .line{margin-bottom: 13px;}
.menu_list_2 h2{margin-bottom: 5px;}
.menu_list_2 .line{height: 1px; background-color: #CBCBCB;}


/*Список статей з категорії(ajax)*/
.ajax_art_list{list-style: none; padding: 0; margin-top: 18px;}
.ajax_art_list li{margin-bottom: 3px;}
.ajax_art_list li>a{padding-left: 11px; font-size: 14px; line-height: 24px; cursor: pointer; color: #2887c8; background: url(../images/arr_list_gr.png) 0 12px no-repeat;}
.ajax_art_list li>a .line{border-bottom: 1px dashed #2887C8;}
.ajax_art_list li>a:hover{color: #144ba0; background: url(../images/arr_list.png) 0 12px no-repeat;}
.ajax_art_list li>a:hover .line{border-bottom: 1px dashed #144ba0;}
.ajax_art_list li.open_item>a,.ajax_art_list li.open_item>a:hover{color: #144ba0; background: url(../images/arr_list_open.png) 0 12px no-repeat;}
.ajax_art_list li.open_item>a .line{display: none;}
.ajax_art_list li .content{height: 0; overflow: hidden; padding-left: 11px; } 
.ajax_art_list li .content .loader{padding: 15px 0; width: 24px; height: 24px;  background: url(../images/482.gif) 0 center no-repeat;}
.ajax_art_list li .content .simple_art{ padding: 10px 0 15px 0 ; font-size: 14px;}
.ajax_art_list li .content .gallery{list-style: none;}
.ajax_art_list li .content .gallery li{ margin-top: 19px;}
.ajax_art_list li .content .gallery .img{width: 70px; padding-top: 2px;}
.ajax_art_list li .content .gallery .text{width: 539px;font-size: 12px;}

/*Заголовок сторінки*/
.page_name{font-size: 21px; line-height: 23px; color: #113b7d; padding: 11px 0 22px 0; background: url(../images/title.png) 0 bottom repeat-x;}




/*Керівництво*/
.kerivnytstvo .article,.kerivnytstvo .article .text{text-align: left;}
.kerivnytstvo .article img {border: 1px solid #C6C6C6; display: block; margin: 0 auto;padding: 2px; max-width: 100%; box-sizing: border-box;}
.kerivnytstvo .lead{text-align: center; margin-bottom: 15px;}
.kerivnytstvo .lead .article{width: 300px;}
.kerivnytstvo .lead .article h1{font-size: 18px; line-height: 20px; margin-bottom: 2px;}
.kerivnytstvo .lead .article img{margin-bottom: 5px;}
.kerivnytstvo .items .article{width: 201px; margin-left: 8px;margin-bottom: 25px;}
.kerivnytstvo .items .article img{margin-bottom: 3px;}
.kerivnytstvo .items .article:first-child{margin-left: 0;}
.kerivnytstvo .items .article h1{font-size: 15px; line-height: 19px; margin-bottom: 2px;}
.kerivnytstvo .items .article .title{height: 38px;}
.kerivnytstvo ul.docs{list-style: none; margin-top: 20px;}





/*Права колонка*/
.r_col{width: 318px; padding-top: 4px;}

.event_article{
    background: #fafafa;
    border-radius: 5px;
    padding: 9px 7px;
}
.event_article .event_box{
    background: #fff;
    border: 1px solid #cbcbcb;
    border-radius: 5px;
    padding: 7px 5px;
}
.event_article .event_box .event_image{
    height: 140px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.event_article .event_box .announcement{
    padding-top: 12px;
}
.event_article .event_box .announcement .date_announcement .day-number {
    font-size: 30px;
    line-height: normal;
    padding-top: 1px;
}
.event_article .event_box .announcement .date_announcement .month-day {
    font-size: 10px;
    line-height: normal;
    padding-top: 0px;
}
.event_article .event_box .announcement .date_announcement .day-name {
    font-size: 11px;
    line-height: normal;
    padding-top: 0px;
    color: #F4C20B;
}
.event_article .event_box .announcement .date-block.inl{
    padding-left: 3px;
    width: 100%;
}
.event_article .event_box .announcement .date-block.inl > a{
    display: flex;
    width: 100%;
}
.event_article .event_box .announcement .date-block.inl .descrip{
    display: flex;
    flex-direction: column;
}
.event_article .event_box .announcement .date-block.inl .descrip .clock{
    text-align: left;
    font-size: 16px;
    padding-top: 12px;
    padding-left: 7px;
}
.event_article .event_box .announcement .date-block.inl .descrip .text_d{
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    padding-top: 8px;
    padding-left: 10px;
}
.event_article .event_box .announcement .date_overlay{
    min-height: 68px;
    min-width: 58px;
    max-height: 68px;
    max-width: 58px;
    border: 2px solid #e8e8e8;
    padding: 3px;
    border-radius: 10px;
    position: relative;
}
.event_article .event_box .announcement .date_announcement{
    width: 100%;
    height: 100%;
    border: 0;
    background-size: cover;
    border-radius: 9px;
}
.event_article .event_box .event_image img{
    position: absolute;
    max-width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.event_timer{
    color: #ffcc00;
    font-size: 14px;
    font-weight: 600;
    background: #113b7d;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.event_timer .title_timer{
    margin-bottom: 14px;
}
#clockdiv{
    display: flex;
    color: #fff;
    font-weight: 100;
    text-align: center;
    font-size: 29px;
    width: 100%;
    justify-content: center;
}

#clockdiv > div{
    display: flex;
    margin-left: 3px;
}
#clockdiv > div:first-child{
    margin-left: 0;
}

#clockdiv div > span{
    font-weight: 600;
}

.smalltext{
    padding-top: 4px;
    font-size: 16px;
    font-weight: 600;
    margin-left: 2px;
}
#deadline-messadge{
    display: none;
    font-size: 24px;
    font-style: italic;
}
#deadline-messadge.visible{
    display: block;
}
#clockdiv.hidden{
    display: none;
}
.play_opt{
    visibility: hidden;
    overflow: hidden;
    height: 0;
}
.players{
    margin-bottom: 20px;
    margin-top: 20px;
}
.players .open_modal{
    margin-top: 10px;
}
.article .text iframe{
    display: flex;
    margin: 10px auto 0 auto;
}
.audio_handler{
    display: flex;
    justify-content: space-between;

}
.audio_handler a{
    display: flex!important;
    width: auto!important;
    position: relative;
    width: -moz-max-content!important;
    width: max-content!important;
    font-size: 12px;
    line-height: normal;
    margin-top: 10px;
    color: #2887c8;
    text-decoration: none!important;
}
.audio_handler a:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    display: block;
    width: 100%;
    border-bottom: 1px dashed #2887c8;
}
.audio_handler a.download_audio{
    margin-left: 35px;
}
.audio_handler a.download_audio:before {
    content: '';
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 24px;
    height: 14px;
    background: url(../images/download-audio.png) center center no-repeat;
}

/* popup */
.modal_div {
    max-width: 640px;
    width: 100%;
    height: 476px;
    background: #fff;
    position: fixed;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    opacity: 0;
    z-index: 1002;
    padding: 20px 10px;
}
.modal_div .modal_body{
    margin-top: 25px;
    padding: 0 28px;
    height: 382px;
    overflow: auto;
}
.modal_div .top-bottom-line{
    display: flex;
    justify-content: flex-end;
    height: 38px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}
.modal_div .top-bottom-line .font_size{
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    display: flex;
    align-items: center;
    padding-right: 70px;
}
/* Кнoпкa зaкрыть для тех ктo в тaнке) */
.modal_div .modal_close {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    line-height: normal;
    margin-right: 28px;
    font-size: 12px;
    color: #2887c8;
}
.modal_div .modal_close:before{
    content: '';
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 24px;
    height: 14px;
    background: url("../images/pop_btn.png") center center no-repeat;
}
.open_modal{
    position: relative;
    display: flex!important;
    width: -moz-max-content!important;
    width: max-content!important;
    margin-left: auto;
    font-size: 12px;
    line-height: normal;
    margin-top: 10px;
    color: #2887c8;
    text-decoration: none!important;
}
.open_modal:after{
       content: '';
       position: absolute;
       left: 0;
       bottom: -1px;
       display: block;
       width: 100%;
       border-bottom: 1px dashed #2887c8;
   }
.open_modal:hover:after{
    display: none;
}
.open_modal:before{
    content: '';
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 24px;
    height: 14px;
    background: url("../images/pop_btn.png") center center no-repeat;
}
/* Пoдлoжкa */
#overlay {
    z-index:1001;
    position:fixed;
    background-color:#000;
    opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity=80);
    width:100%;
    height:100%;
    top:0;
    left:0;
    cursor:pointer;
    display:none;
}

.head_z{
 z-index: 0!important;
}
.no_scroll{
    overflow: hidden;
}






/*Стаття*/
.r_col .article{padding: 8px; background: url(../images/bottom.png); margin-top: 2px; margin-bottom: 20px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.r_col .article .inner{border: 1px solid #CBCBCB; overflow: hidden; background: #fff; padding: 0 6px 30px 6px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.r_col .article .title{font-weight: bold; font-size: 14px; margin-bottom: 5px; color: #2887c8; text-align: center; /*height: 40px;*/ padding: 9px 0; border-bottom: 1px solid #DCDCDC;}
.r_col .article img{padding: 1px; border: 1px solid #C6C6C6; margin: 0 auto; display: block;}
.r_col .article a.full_width {width: 100%;}
.r_col .article h2{font-size: 12px; font-weight: bold; margin: 14px 0 24px 0;}
.r_col .article hr{height: 1px; background-color: #CBCBCB; margin: 13px 0 11px 0;border: none;}
.r_col .article h5{font-style: italic; font-family: Times New Roman,Georgia,Serif; font-size: 14px; font-weight: normal;}

/*Анонси/ключові слова*/
.announcements_keywords{padding: 8px; background: url(../images/bottom.png); margin-top: 2px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.announcements_keywords .inner{border: 1px solid #CBCBCB; overflow: hidden; background: #fff; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.announcements_keywords .buttons{height: 40px; white-space: nowrap;}
.announcements_keywords .buttons>div{height: 39px; line-height: 39px; 
                                     text-align: center; color: #9a9a9a; text-shadow: 1px 1px 0 #ffffff; font-weight: bold; font-size: 14px; 
                                     cursor: pointer; width: 50%;
                                     background: url(../images/keywords_btn.jpg);
                                     border-bottom: 1px solid #DCDCDC;
                                     border-left: 1px solid #DCDCDC;
                                     box-shadow: 1px 0 0 #FFFFFF inset;
}
.announcements_keywords .buttons>div:first-child{border-left:none;border-right: 1px solid #DCDCDC;box-shadow: -1px 0 0 #FFFFFF inset;}
.announcements_keywords .buttons>div.active{box-shadow: none; color: #2887c8; cursor: default; background: #fff;border-bottom: 1px solid #fff;border-right: none; border-left: none;}
.announcements_keywords .announcements{padding: 19px 7px 16px 8px;}
.announcements_keywords .announcements .art{margin-top: 12px; position: relative; padding-top: 3px;}
.announcements_keywords .announcements .art:first-child{margin-top: 0;}
.announcements_keywords .announcements .art .line{height: 1px; width: 212px; background-color: #CBCBCB; position: absolute; right: 0; top:0}
.announcements_keywords .announcements .art .date_block{margin-right: 7px; margin-top: -4px;}
.announcements_keywords .announcements .art .date_block .day {padding-top: 8px;}
.announcements_keywords .announcements .art .date_block .year {color: #ffc600; font-size: 14px; font-weight: 700;}
.announcements_keywords .announcements .art .text{width: 211px; color: #444444;}
.announcements_keywords .announcements .art .text:first-child{width: 100%;}

.announcements_keywords .keywords{padding: 12px 7px 16px; text-align: center;}
.announcements_keywords .keywords>ul>li{vertical-align: middle; padding: 0 5px; cursor: pointer; transition: opacity 0.3s;}
.announcements_keywords .keywords>ul>li:hover{opacity: 1 !important;}
.announcements_keywords .keywords>ul>li a{color: #113B7D;}
.announcements_keywords .announcements .clock {color: #444; font-size: 16px; font-weight: 700; font-family: arial; padding: 10px 0 7px;}
.announcements_keywords .announcements h3 {/*color: #444444; font-size: 12px; font-weight: 400;*/}

/*Блок дати*/
.date_block{
    background: url("../images/date.png") no-repeat  0 0;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height: 78px;
    text-align: center;
    width: 66px;   
}

.date_block .day {
    font-size: 30px;
    line-height: 31px;
    padding-top: 7px;
}

.date_block .mounth {
    font-size: 11px;
    line-height: 14px;
}

/*Банери справа*/
.banners{padding: 0 8px; margin-top: 21px;}
.banners a {border: 1px solid #D9D9D9; margin: 5px 0; width: 190px; height: 90px;}
.banners a img {width: 100%; height: 100%;}


/*Нижні банери*/
.bottom_banners{ margin: 30px 0 20px;}
.bottom_banners .inl{vertical-align: middle;}
.bottom_banners  img{padding: 1px; border: 1px solid #999999;}
.bottom_banners .mask{ padding: 8px 0; width: 915px;  overflow: hidden; height: 64px; position: relative;}
.bottom_banners .mask .line{white-space: nowrap; position: absolute;}
.bottom_banners .mask .line .item{padding: 0 7px; width: 170px;}
.bottom_banners .arr{transition: 0.1s; width: 16px; height: 16px; cursor: pointer; background-position: 0px 0px; background-repeat: no-repeat;}
.bottom_banners .arr.left{background-image: url(../images/1391712348_icon-ios7-arrow-back.png);}
.bottom_banners .arr.right{background-image: url(../images/1391712426_icon-ios7-arrow-forward.png);}
.bottom_banners .arr.left:hover{background-position: -1px 0px;}
.bottom_banners .arr.right:hover{background-position: 1px 0px;}
.bottom_banners .arr.off, .bottom_banners .arr.off:hover{opacity: .4;background-position: 0px 0px; cursor: default;}

.bottom_banners .banners_silder {padding: 0 5px; white-space: nowrap; border: 1px solid #CBCBCB;}


/*Футер*/
#footer{height: 448px; margin-top: -448px; position: relative;  z-index: 3; background: url(../images/footer.jpg) top center #063483 no-repeat;  background-size: cover;-webkit-background-size:cover; -o-background-size:cover; -moz-background-size:cover}
.h_footer{width: 100%; height: 448px;}
.top_footer{height: 400px;}
.bottom_footer{background: url(../images/footer_line.png) repeat-x; height: 48px; color: #b0c7d8; font-size: 11px; overflow: hidden;}
.bottom_footer a{text-decoration: none; color: #b0c7d8;}
.bottom_footer .content_w{height: 48px;}
.bottom_footer .content_w .site_copy{height: 48px; line-height: 48px; float: left;}
.bottom_footer .content_w .brend_a{width: 320px; float: right; margin-top: 6px;}
.content_w .brend_a p{white-space: nowrap;}
.footer_line_mod{float: left;margin-left: 60px;}
#social_pages a{margin-right: 7px;  margin-top: 9px;}

#footer .top_footer .footer_title{height: 47px; line-height: 47px; font-size: 18px; color: #ffd200; text-shadow: 1px 1px 0 #000000; text-align: center; text-transform: uppercase; font-family: 'noto_serif'}
#footer .top_footer .logo_footer{left: 417px;position: absolute; top: 44px;}
#footer .top_footer{ font-size: 12px; color: #ffffff; text-shadow: 1px 1px 0 rgba(0,0,0,0.7);}
#footer .top_footer .bottom_contacts{width: 412px; text-align: center; margin-top: 26px;}
#footer .top_footer .bottom_contacts h2{font-size: 12px; color: #ffd200; font-weight: bold;}
#footer .top_footer .footer_modules{height: 150px;}
#footer .bottom_footer_modules .contacts{height: 146px; width: 299px; position: relative; box-shadow: 0 1px 1px rgba(0,0,0,0.08); background: url(../images/footer_contacts_bg.png);-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
#footer .bottom_footer_modules .contacts button{width: 150px; padding: 0;}
#footer .bottom_footer_modules .contacts h2{padding: 11px 0 17px 0; text-align: center; font-size: 14px; font-weight: normal;color: #ffd200;}
#footer .bottom_footer_modules .contacts{font-size: 14px; color: #ececf4;}
#footer .bottom_footer_modules .contacts h3{font-size: 18px; font-family: 'noto_serif'; font-weight: normal;color: #ececf4;}
#footer .bottom_footer_modules .contacts table{width: 100%;}
#footer .bottom_footer_modules .contacts table tr td:first-child{width: 79px; padding-right: 22px;}
#footer .bottom_footer_modules .contacts table tr td{padding-bottom: 8px;}
#footer .bottom_footer_modules .contacts{margin-left: 20px;}
#footer .bottom_footer_modules .contacts:first-child{margin-left: 0;}

#footer .bottom_footer_modules .contacts a[href="feedback"] {
    width: 100%;
    text-align: center;
    display: inline-block;
}

#footer .footer_modules{white-space: nowrap;}
#footer .footer_modules div{white-space: normal;}
#footer .footer_menu {margin-left: 156px; margin-top: 22px; max-width: 385px;}
#footer .footer_menu ul{list-style: none;}
#footer .footer_menu ul a{text-shadow: none; color: #3cdffa; text-decoration: underline; }


#wrapper{min-height: 100%; position: relative; z-index: 1;}

#bg{width: 100%; min-height: 100%; position: absolute; z-index: 0; max-width: 100%; overflow: hidden; max-height: 100%; display: none;}
#bg>img{position: relative; top: 238px; left: 50%; margin-left: -960px;}

/*Ссилки*/
.ajax_art_list li .content a,.article a{color: #2887C8; display: inline-block; width: 96%;}
.article.news-article a{ width: auto;}
.ajax_art_list li .content a img,
.article a img {max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ajax_art_list li .content a:hover,.article a:hover{text-decoration: underline;}

/*Карта*/
.map_content{position: relative;}
.map_content .article{height: 250px;/* overflow: hidden;*/ width: 215px; position: relative;}
.map_content .article p,.map_content .article h4{margin:0}
.map_content .article h1{margin-bottom: 15px; width: 400px;}
.map_content .article .art{position: absolute; top: 0; left: 0; display: none; }




.map_content .image{   height: 110px;position: absolute;  right: 12px;    top: 0;  width: 171px;}
.map_content .image .img{position: absolute; right: 0;top: 0; display: none;}
.map_content .map{width: 620px; position: relative; height: 636px; background: url(../images/map/map.png) no-repeat;  margin-top: -170px;}

.map_content .map .for_areas{position: relative; z-index: 100;}
.map_content .map map area{cursor: pointer;}

.map_content.map_plugin{margin: 20px 0;}
.map_content.map_plugin .map{margin: 0;}
.map_content.map_plugin .map img{border: none;}


.map_content .item{position: absolute;}
.map_content .item .hover{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 2;}
.map_content .item .text{position: absolute;font-style: italic; font-family: Georgia, Times New Roman, Times, serif; font-size: 14px; color: #646459;}
.map_content .item .hover .text{color: #ffc600;}

.map_content .item.sokalskyy{width: 209px; height: 168px;left: 248px; top: 0;}
.map_content .item.sokalskyy .hover{ background: url(../images/map/h_sokalskyy.png) no-repeat;}
.map_content .item.sokalskyy .text{left: 109px; top: 71px;}
.map_content .item.sokalskyy .hover .text{left: 46px;top: 84px;width: 96px;}


.map_content .item.zhovkivskyy{width: 185px; height: 164px;left: 194px; top: 96px;}
.map_content .item.zhovkivskyy .hover{ background: url(../images/map/h_zhovkivskyy.png) no-repeat;}
.map_content .item.zhovkivskyy .text{left: 69px; top: 62px;}
.map_content .item.zhovkivskyy .hover .text{left: 67px; top: 56px; width: 101px;}

.map_content .item.kamianka-boozkyy{width: 134px; height: 141px;left: 335px; top: 125px;}
.map_content .item.kamianka-boozkyy .hover{ background: url(../images/map/h_kamianka-boozkyy.png) no-repeat;}
.map_content .item.kamianka-boozkyy .text{left: 26px; top: 83px;}
.map_content .item.kamianka-boozkyy .hover .text{left: 26px;  top: 45px; width: 79px;}

.map_content .item.radehivskyy{width: 171px; height: 110px;left: 382px; top: 81px;}
.map_content .item.radehivskyy .hover{ background: url(../images/map/h_radehivskyy.png) no-repeat;}
.map_content .item.radehivskyy .text{left: 69px; top: 65px;}
.map_content .item.radehivskyy .hover .text{left: 26px;  top: 45px;}

.map_content .item.yavorivskyy{width: 187px; height: 134px;left: 113px;  top: 140px;}
.map_content .item.yavorivskyy .hover{ background: url(../images/map/h_yavorivskyy.png) no-repeat;}
.map_content .item.yavorivskyy .text{left: 80px; top: 81px;}
.map_content .item.yavorivskyy .hover .text{left: 26px; top: 77px;}

.map_content .item.brodivskyy{width: 147px; height: 167px;left: 475px; top: 136px;}
.map_content .item.brodivskyy .hover{ background: url(../images/map/h_brodivskyy.png) no-repeat;}
.map_content .item.brodivskyy .text{left: 59px; top: 81px;}
.map_content .item.brodivskyy .hover .text{ left: 47px;  top: 100px;}

.map_content .item.booskyy{width: 144px; height: 104px;left: 387px; top: 182px;}
.map_content .item.booskyy .hover{ background: url(../images/map/h_booskyy.png) no-repeat;}
.map_content .item.booskyy .text{left: 40px; top: 60px;}
.map_content .item.booskyy .hover .text{left: 30px; top: 50px;}

.map_content .item.zolochivskyy{width: 186px; height: 117px;left: 377px; top: 253px;}
.map_content .item.zolochivskyy .hover{ background: url(../images/map/h_zolochivskyy.png) no-repeat;}
.map_content .item.zolochivskyy .text{left: 54px; top: 38px;}
.map_content .item.zolochivskyy .hover .text{left: 26px; top: 37px;}

.map_content .item.poostomytivskyy{width: 154px; height: 114px;left: 245px; top: 249px;}
.map_content .item.poostomytivskyy .hover{background: url(../images/map/h_poostomytivskyy.png) no-repeat;}
.map_content .item.poostomytivskyy .text{left: 57px;top: 53px;}
.map_content .item.poostomytivskyy .hover .text{left: 15px; top: 52px;}

.map_content .item.gorodotskyy{width: 102px; height: 137px;left: 178px; top: 247px;}
.map_content .item.gorodotskyy .hover{background: url(../images/map/h_gorodotskyy.png) no-repeat;}
.map_content .item.gorodotskyy .text{left: 18px;top: 53px;}
.map_content .item.gorodotskyy .hover .text{left: 11px; top: 20px;}

.map_content .item.mostyskyy{width: 139px; height: 107px;left: 53px; top: 219px;}
.map_content .item.mostyskyy .hover{background: url(../images/map/h_mostyskyy.png) no-repeat;}
.map_content .item.mostyskyy .text{left: 28px;top: 59px;}
.map_content .item.mostyskyy .hover .text{left: 31px;top: 45px;width: 100px;}

.map_content .item.sambirskyy{width: 136px; height: 137px;left: 87px;  top: 283px;}
.map_content .item.sambirskyy .hover{background: url(../images/map/h_sambirskyy.png) no-repeat;}
.map_content .item.sambirskyy .text{left: 57px; top: 66px;}
.map_content .item.sambirskyy .hover .text{left: 27px; top: 47px;}

.map_content .item.starosambirskyy{width: 110px; height: 168px;left: 0; top: 287px;}
.map_content .item.starosambirskyy .hover{background: url(../images/map/h_starosambirskyy.png) no-repeat;}
.map_content .item.starosambirskyy .text{left: 29px;top: 42px;}
.map_content .item.starosambirskyy .hover .text{left: 20px;  top: 62px;}

.map_content .item.drogobytskyy{width: 160px; height: 134px;left: 93px; top: 357px;}
.map_content .item.drogobytskyy .hover{background: url(../images/map/h_drogobytskyy.png) no-repeat;}
.map_content .item.drogobytskyy .text{left: 48px; top: 76px;}
.map_content .item.drogobytskyy .hover .text{left: 38px; top: 52px; width: 100px;}

.map_content .item.mykolayivskyy{width: 119px; height: 103px;left: 232px; top: 333px;}
.map_content .item.mykolayivskyy .hover{background: url(../images/map/h_mykolayivskyy.png) no-repeat;}
.map_content .item.mykolayivskyy .text{left: 27px;  top: 52px;}
.map_content .item.mykolayivskyy .hover .text{left: 9px;  top: 38px;}

.map_content .item.peremyshlianskyy{width: 176px; height: 90px; left: 317px; top: 312px;}
.map_content .item.peremyshlianskyy .hover{background: url(../images/map/h_peremyshlianskyy.png) no-repeat;}
.map_content .item.peremyshlianskyy .text{left: 72px;top: 40px;}
.map_content .item.peremyshlianskyy .hover .text{left: 2px; top: 30px;}

.map_content .item.zhydachivskyy{width: 115px; height: 165px; left: 286px; top: 352px;}
.map_content .item.zhydachivskyy .hover{background: url(../images/map/h_zhydachivskyy.png) no-repeat;}
.map_content .item.zhydachivskyy .text{left: 14px; top: 91px;}
.map_content .item.zhydachivskyy .hover .text{left: 8px; top: 72px;}

.map_content .item.stryyskyy{width: 128px; height: 102px; left: 194px; top: 418px;}
.map_content .item.stryyskyy .hover{background: url(../images/map/h_stryyskyy.png) no-repeat;}
.map_content .item.stryyskyy .text{left: 35px; top: 61px;}
.map_content .item.stryyskyy .hover .text{    left: 24px; top: 45px;}

.map_content .item.toorkivskyy{width: 127px; height: 175px; left: 3px;top: 415px;}
.map_content .item.toorkivskyy .hover{background: url(../images/map/h_toorkivskyy.png) no-repeat;}
.map_content .item.toorkivskyy .text{left: 57px; top: 73px; }
.map_content .item.toorkivskyy .hover .text{left: 40px; top: 71px;}

.map_content .item.skolivskyy{width: 154px; height: 175px; left: 85px;  top: 462px;}
.map_content .item.skolivskyy .hover{background: url(../images/map/h_skolivskyy.png) no-repeat;}
.map_content .item.skolivskyy .text{left: 50px; top: 85px; }
.map_content .item.skolivskyy .hover .text{left: 23px;top: 71px;width: 100px;}

.map_content .item.lviv{left: 285px; top: 238px;width: 61px; height: 62px; }
.map_content .item.lviv .hover{background: url(../images/map/h_lviv.png) no-repeat;}
.map_content .item.lviv .text{display: none;}

/*Соц віджети*/
.community .soc_box{border: 8px solid #F9F9F9; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.community .soc_box .inner{ border: 1px solid #CBCBCB; overflow: hidden; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.community .soc_box{margin-top: 10px;}
.community .tw .soc_box .inner{padding: 10px 10px 5px 10px;}
.community .fb .soc_box .inner{padding-bottom: 10px;}


/*Категорія - з картинками*/

.category {margin-top: 15px;}
.category .article {margin-top: 25px;}
.category .article .left{width: 161px;}
.category .article .left img{border: 1px solid #C6C6C6;display: block;padding: 2px;}

.category .article .right{width: 457px; border-bottom: 1px solid #CBCBCB; padding-bottom: 7px;}
.category .article .right a{text-decoration: none;}
.category .article .right a:hover h1{color: #2887C8;}
.category .article .right a h1{font-size: 16px; text-decoration: none; line-height: 24px; color: #113b7d; margin-bottom: 10px;}
.category .article .right .bottom_line{font-family: Georgia, Times New Roman, Times, serif; font-style: italic; font-size: 11px; color: #999999;}
.category .article .right .bottom_line.l_colt{width: 355px;}
.category .article .right .bottom_line.r_colt{width: 102px; text-align: right;}
.category .article .right .bottom_line a{color: #073f98;}

.category .paginator{margin-top: 37px;}
.paginator{text-align: center; color: #555555;}
.paginator>a{margin: 0 3px;}
.paginator a{height: 20px; line-height: 20px; padding: 0 5px; border: 1px solid #BEBEBE; font-size: 13px; color: #555555; background: url(../images/paginator.jpg) repeat-x;}
.paginator a.active{color: #ffffff; border: 1px solid #144BA0; background: #2887C8;}
.paginator a .arr{ color: #FFFFFF; height: 11px; line-height: 8px; margin-top: 5px;width: 11px;}
.arr_l{background: url(../images/paginator_arr_l.jpg) no-repeat;}
.arr_r{background: url(../images/paginator_arr_r.jpg) no-repeat;}
.btn.show_params{position: absolute; right: 0; top: 12px;}
.btn.show_params.move_up{top: -44px;}



.btn{position: relative; color: #565659; border:1px solid #CBCBCB; cursor: pointer;
     height: 21px; 
     line-height: 21px; 
     padding: 0 15px;
     -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
     background: rgb(248,247,252); /* Old browsers */
     background: -moz-linear-gradient(top,  rgba(248,247,252,1) 0%, rgba(245,244,249,1) 19%, rgba(246,245,251,1) 29%, rgba(235,235,243,1) 100%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,247,252,1)), color-stop(19%,rgba(245,244,249,1)), color-stop(29%,rgba(246,245,251,1)), color-stop(100%,rgba(235,235,243,1))); /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top,  rgba(248,247,252,1) 0%,rgba(245,244,249,1) 19%,rgba(246,245,251,1) 29%,rgba(235,235,243,1) 100%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top,  rgba(248,247,252,1) 0%,rgba(245,244,249,1) 19%,rgba(246,245,251,1) 29%,rgba(235,235,243,1) 100%); /* Opera 11.10+ */
     background: -ms-linear-gradient(top,  rgba(248,247,252,1) 0%,rgba(245,244,249,1) 19%,rgba(246,245,251,1) 29%,rgba(235,235,243,1) 100%); /* IE10+ */
     background: linear-gradient(to bottom,  rgba(248,247,252,1) 0%,rgba(245,244,249,1) 19%,rgba(246,245,251,1) 29%,rgba(235,235,243,1) 100%); /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f7fc', endColorstr='#ebebf3',GradientType=0 ); /* IE6-9 */
}

.btn.arr_btn{padding: 0 55px 0 15px;}
.btn.arr_btn .arr{width: 9px; height: 5px; background: url(../images/arr_bottom.png) no-repeat; position: absolute; right: 13px; top:9px}
.btn.arr_btn.act .arr{background: url(../images/arr_bottom_open.png) no-repeat;}

.params{padding: 20px 0 15px 0; white-space: nowrap; border-bottom: 1px solid #CBCBCB;}
.params *{white-space: normal;}
.params select{width: 150px;}
.params label{color: #255381; font-weight: bold; font-size: 14px; height: 35px; line-height: 35px;}
.params label.cat{width: 78px; }
.params label.dep{width: 175px; }
.params .inl{vertical-align: top;}
.params .resrt_search,.params .send{margin-left: 10px; margin-top: 1px;}
.params .departments{width: 440px; position: relative;}
.params .departments ul{padding: 9px 0 0 34px; list-style: none;}
.params .departments ul li{display: none; margin-bottom: 4px;}
.params .departments ul li.visible {display: block;}
.params .departments ul li.all{cursor: pointer; font-weight: bold;}
.params .department_change {
    background: url("../images/check.png") no-repeat;
    cursor: pointer;
    height: 25px;
    left: 3px;
    position: absolute;
    top: 8px;
    width: 25px;
}
.params .dates .date{margin-left: 10px;}
.params .date > div { line-height: 35px;}
.params .date > div span{font-weight: bold;}

.params .date > div input[type="text"] {
    background: none repeat scroll;
    border: medium none;
    color: #2887C8;
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding: 0;
    text-indent: 0;
    width: 75px;
    box-shadow: none;
}
.params .input_cont{margin: 0 20px 0 5px;}

.params .calendar {
    background: url("../images/icon_calendar2.png") no-repeat;
    cursor: pointer;
    height: 16px;
    margin-left: 2px;
    margin-top: 9px;
    width: 16px;
}

.params input[type="text"]{width: 267px;}
.params .param_row{margin-bottom: 11px;}

/*Блоки справа (загальні)*/
.mod .mod_header{padding: 0 8px;}
.mod .box{border: 8px solid #F9F9F9; border-radius: 3px; margin-top: 10px;height: 200px;}
.mod{margin-top: 20px; position: relative;}


/*Відео справа*/
.video .mod_header .title{width: 168px;}
.video .youtube_button{position: absolute; right: 9px; top: -2px; z-index: 2;}

/*стилі контент*/
.article h4 {color: #113B7D; font-weight: 700;margin-bottom: 23px;}
.article table {border-collapse: collapse; margin-bottom: 23px; width: 100%;}
.article table td {border: 1px solid #CBCBCB; padding: 3px 3px;}
.article table thead td {color: #113B7D; font-weight: 700; border: 1px solid #CBCBCB;}
.article table thead tr:first-child td {text-align: center;}
.article table td+td {text-align: center;}
.article table td+td+td {text-align: left;}
.article table td+td+td+td {text-align: center;}
.article table thead+tbody td+td {text-align: center;}

.text .link_list {list-style: none; margin-bottom: 23px; padding: 0;}
.link_list li {padding-bottom: 10px;}
.link_list a {line-height: 18px;}


.article .text table img {
    margin: 0;
}
.article .text ol{margin-left: 20px;}

/*Таблиця документів*/
.doc{width: 100%; margin: 0px 0 20px 0; padding: 8px 0 0 0;}
.doc td{vertical-align: top;border-right: 1px solid #CBCBCB;border-bottom: 1px solid #CBCBCB; padding: 5px 17px;}
.doc td:first-child{border-left: 1px solid #CBCBCB;}
.doc tr:first-child td{border-top: 1px solid #CBCBCB;}
.doc td.num,.doc td.date{text-align: center; min-width: 50px;}
.doc thead th{background-color: #144BA0; text-align: center; padding: 5px 0; color: #ffffff; font-size: 14px; font-weight: bold;}
.doc a{color: #2887c8; text-decoration: underline;}

/*Сторінка галереї*/
.photos img{border: 1px solid #C6C6C6; display: block; margin: 0 auto; padding: 2px; margin-bottom: 20px; width:100%}
.photos{margin-top: 14px; margin-bottom: 20px;}
.photos .item{width: 190px; margin-left: 25px;}
.photos .item:first-child{margin-left: 0;}
.photos .item .count{font-style: italic; color: #5a8bad;font-family:Times New Roman,Georgia,Serif;}
.photos .row{margin-top: 25px;}
.photos .row:first-child{margin-top: 0;}

.article .text iframe{border: 1px solid #C6C6C6; padding: 2px;}

/*Пошук*/
.search_res a,.search_res a:hover {text-decoration: none;}
.search_res a:hover h1{color: #2887C8;}
.search_res h1{color: #113B7D;font-size: 16px; line-height: 24px;  margin-bottom: 10px;  text-decoration: none;}
.search_res .bottom_line{ width: 100%;  color: #999999;  font-family: Georgia,Times New Roman,Times,serif;  font-size: 11px; font-style: italic;}
.search_res .article{border-bottom: 1px solid #CBCBCB; padding-bottom: 7px; margin-bottom: 15px;}
.search_res .article .bottom_line a { color: #073F98;}


/*Форма зворотнього зв`язку*/
.contacts{margin-top: 15px;}
.contacts form>div>label:first-child{width: 172px; font-size: 14px; color: #255381; font-weight: bold; padding-top: 4px; min-height: 5px;}
.contacts form>div{margin-top: 23px; position: relative;}
.contacts form div:first-child{margin-top: 0;}
.contacts form>div>input[type="text"],.contacts form>div>.radio_items{width: 440px;}
.contacts form>div>.radio_items label{margin-top: 5px;}
.contacts form>div>.radio_items label:first-child{margin-top: 0;}
.contacts form>div>textarea{width: 430px;}
.contacts form .line{height: 1px; width: 100%; background-color: #CBCBCB;}
.contacts form .capch input[type="text"]{border: 1px solid #CBCBCB !important;}
.contacts form .submit{text-align: center;}
.contacts form .feedback_msg{margin-top: 15px;}
.contacts form .red input[type="text"],.contacts form .err textarea{color: #ff0000;}
.contacts form label.empty{position: absolute; color: #ff0000;left: 183px; top: 9px; cursor: text; display: none;}
.article .text .contacts{margin-bottom: 20px;}
.article .text .contacts .capch{white-space: nowrap;}

.ui-datepicker{box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);}


/*404*/
.page_404{height: 270px; line-height: 270px; border-bottom: 1px solid #CBCBCB; text-align: center; color: #ececf4; font-size: 72px; padding-bottom: 10px; cursor: default;}


/*Кнопка*/
#btn_up{transition: opacity 0.3s; display: none; width: 90px; height: 64px; background: url(../images/up.png); position: fixed; z-index: 1000; bottom: 10px; right: 10px; cursor: pointer; opacity: .7}
#btn_up:hover{opacity: 1 !important;}


.debug{width: 1000px}
pre{
    white-space: pre-wrap;
    word-wrap: break-word;
}

.top_line .top_line_content .special-mode-btn {
    float: right;
    display: block;
    line-height: 0;
    background: url(../images/special-icon.png) no-repeat 0 -22px transparent;
    background-size: 100% auto;
    cursor: pointer;
    width: 60px;
    height: 22px;
    margin-top: 7px;
    margin-right: 20px;
}

.announcement{padding: 20px 0 0; margin: 0 0 5px 0;}
.announcement-article-title-container:before,
.announcement-article-title-container:after,
.announcement:before,
.announcement:after {
    content: '';
    display: block;
    clear: both;
}
.announcement-article-title-container .clock,
.announcement .clock{
    float: left;
    max-width: 85px;
    padding: 5px 0 0 5px;
    text-align: center;
    color: #2887c8;
    font-weight: 700;
    font-size: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.announcement-article-title-container .date-block,
.announcement .date-block{
    width: 170px;
    float: left;
}
.announcement-article-title-container h1,
.announcement .desc{
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
    width: 450px;
    float: left;
    min-height: 100px;
}
.announcement .desc h3 {font-size: 16px; line-height: 24px; margin-bottom: 12px; color: #113b7d;}
.announcement .desc p {margin-bottom: 5px; font-size: 14px; line-height: 21px; color: #444444;}
.date_announcement{
    background: url(../images/big_date_bg.png) no-repeat 0 0 transparent;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height: 104px;
    text-align: center;
    width: 85px;
    float:left;
}
.date_announcement .day-number{
    font-size: 36px;
    line-height: 36px;
    padding-top: 12px;
}
.date_announcement .month-day{
    font-size: 14px;
    line-height: 16px;
    padding-top: 7px;
}

.date_announcement .day-name{
    font-size: 14px;
    line-height: 24px;
    padding-top: 4px;
    color:#F4C20B;
}
.bottom_content {padding: 10px 0;}
.bottom_content .banners {margin-top: 0;display: flex; justify-content: space-around; flex-wrap: wrap; align-items: center;}

.subscribe_form .form-field{padding: 10px;}
.subscribe_form .submit{text-align: center;}
.subscribe_form .g-recaptcha>div{
    margin-bottom: 10px;
    margin-left: 10px;
}
/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

.covid-19 {
    padding: 8px;
    background: url(../images/bottom.png);
    margin-top: 2px;
    border-radius: 3px;
}
.covid-19 .inner{
    border: 1px solid #CBCBCB;
    overflow: hidden;
    background: #fff;
    border-radius: 3px;
    padding: 5px;
}

.covid-19 .inner img{
    width: 100%;
}

.covid-19 .inner img.bottom_image{
    margin-top: 20px;
}

.covid-19 .inner .date{
    margin: 17px 0;
    color: #737373;
    line-height: 1.2;
}

.covid-19 .inner .content .row{
    margin-top: 8px;
}

.covid-19 .inner .content .row.two{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.covid-19 .inner .content .row.two>div{
    width: calc(50% - 1px);
}

.covid-19 .inner .content .title{
    padding: 0 5px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    background-color: #0d55a9;
    font-weight: bold;
    color: white;
    text-align: center;
    margin-bottom: 3px;
}
.covid-19 .inner .content .two .title{
    font-size: 12px;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.covid-19 .inner .content .confirmed .title{
    background-color: #5a6572;
}
.covid-19 .inner .content .not_confirmed .title{
    background-color: #5c8d63;
}
.covid-19 .inner .content .recovered .title{
    background-color: #0f9422;
    font-size: 16px;
}
.covid-19 .inner .content .recovered .data .new {
    color: #0f9422;
}
.covid-19 .inner .content .die .title{
    background-color: black;
    font-size: 16px;
}
.covid-19 .inner .content .die .data .new {
    color: black;
}

.covid-19 .inner .content .data_wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ececec;
    font-weight: bold;
    color: #6f6f6f;
}
.covid-19 .inner .content .data_wrapper .data{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 22px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.covid-19 .inner .content .data .now {
    font-size: 22px;
    margin-right: 16px;
}
.covid-19 .inner .content .data .new {
    font-size: 18px;
    color: #ff0000;
}