/* **************** */
/*                  */
/*  Шаблон 2018     */
/*  v20181008       */
/*                  */
/* **************** */

/*----------------*/
/* Общие правила  */
/*----------------*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:wght@300&family=Roboto+Slab:wght@100;200&display=swap');

* {margin: 0; padding: 0; outline: 0; }
a, img {border: 0; }

a:link {color: #0B61A4; }
a:visited {color: #0B61A4; }
a:hover {text-decoration: underline; color: #005C9C; }

/* Фон сайта */
body {
/*background: #eeeeee url(/sm.aspx?guid=44623);*/ width: 100%; height: 100%; font-family: 'Trebuchet MS', sans-serif; overflow-y: scroll;}
ul {list-style-position: inside; list-style-type: square; }
ul ul {margin-left: 1.6em; list-style-type: none; color: #FFBF00}

hr {color: #777; background-color: #777; border: 0; height: 2px; /* высота 1px IE, Firefox, Opera, Safari */ clear:both;}

table {border-collapse: collapse; border-color: #444;width:100%;}
table td {vertical-align: middle; }
.content_box table p {margin: 0.4em auto 0.6em;}

iframe {max-width: 100%; }


/*---------------------*/
/* Глобальная разметка */
/*---------------------*/

body, #layout {font-size: 16px; /* Важно! Отправная точка для изменения размера текста на всём сайте*/}

/* Ширина основного блока с содержанием */
#layout {background-color:#fff; box-shadow: 0 0 50px #bbb;}
   #layout > div.wrapper {padding: 0; }
.wrapper {padding: 0 10px; /* overflow: hidden; */}


/* Задаёт ширину боковой колонки */
/*.column-width {width: 35%; max-width: 280px; }*/

#scroll_up {display: none; position: fixed; bottom: 30px; right: 40px; min-width: 32px; height: 50px; border-radius: 4px; line-height: 50px; text-align: center; cursor: pointer; padding: 0 1em 0 55px; opacity: 0.6; }

#scroll_up:hover {opacity: 1;}


/*------*/
/* Лого */
/*------*/

#header {clear: both; position:relative; background: #C8E8FF url(sm.aspx?guid=39143);background-repeat: no-repeat;background-size: cover; margin: 0 auto;max-height: 400px; min-width:1100px;} 
#header > .wrapper {padding: 0;}

   #top_bar {line-height: 22px; padding: 2px 10px; font-size: 12px; background-color: #ffffff;  text-align: right; }
      #top_bar > div {display: inline-block; height: 22px; line-height: 22px; }



      #logo_image {float: left; text-align: center; }


      #logo_block {float: left; display: table; height: 150px; max-width:100%; width: 65%;margin-left: 80px;}

          #logo_block_content {padding: 8px 0; display: table-cell; vertical-align: middle; }
          #logo_block p {margin-bottom: 1em;}


/*--------------------------------------------*/
/* Главное горизонтальное меню (+ выпадающее) */
/*--------------------------------------------*/

#h_menu {clear: both; width: 100%; text-align: center; line-height: 1.9em; background: linear-gradient(to top, #346489, #0B61A4;)}
#h_menu img {position: absolute;margin-top: -25px;padding-left: 15px;}
       #h_menu ul {list-style-type: none;  display: inline-block; border-top:2px solid #ffbf00;}
       #h_menu li {font-family:Open Sans, sans-serif;font-weight:bold; display: inline-block; color: #ffffff; position: relative;font-size: 10pt;}
       #h_menu li a, #h_menu li span {display:block; padding: 0 0.6em; text-decoration: none; min-width: 32px; }
#h_menu {
    background: none repeat scroll 0 0 #006eb7;
    box-shadow: 0 3px 5px #006eb7;
    position: relative;
    text-align: center;
}

#h_menu a {
    color: #ffffff;
    display: inline-block;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
#h_menu a:hover {
    border-bottom: 2px solid #f1c40f;
    color: #f1c40f;
    text-shadow: none;
}
@media screen and (max-width: 620px) {
   #h_menu a {
        width: 49%;
    }
}
@media screen and (max-width: 300px) {
    #h_menu a {
        width: 100%;
    }
}
              
#h_menu li.parent_active, .menu_active, .home-icon-active {color: #fafafa; position:relative;}
#h_menu li a {color: inherit; }

/* Пункт "Главная" (значок) */
/*.home-icon {display: inline-block; }
.home-icon a {background: url(/sm.aspx?guid=38643) center;display: inline-block;padding: 0 1em;  margin-left: 80%; text-indent: -9999px;}
.home-icon a:hover, .home-icon-active a {background: url(/sm.aspx?guid=38643) center no-repeat;}
*/

/* Настройка выпадающего меню */
#h_menu .level_0 ul {visibility: hidden; position: absolute; width: 260px; margin: 0; z-index: 999; opacity: 0; transition: visibility 0.5s, opacity 0.3s ease-in; -moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0 1px 1px #777;
-webkit-box-shadow: 0 1px 1px #777;
box-shadow: 0 1px 1px #777;}

#h_menu li:hover > ul {visibility: visible; opacity: 1; }



/* Настройка отдельных уровней */
#h_menu .level_1 {left: 0; background: #0B61A4; font-size: 0.9em; line-height: 1.1em;}
#h_menu .level_0 > li:last-child ul {left: initial; right: 0; }
#h_menu .level_1 li {display: block; text-align: left; }
#h_menu .level_1 li > span, #h_menu .level_1 li > a {padding: 0.5em 0.8em;}
#h_menu .level_2 {left: 100%; top: 0; background:#0B61A4; }


/*--------------*/
/* Выбор языков */
/*--------------*/

   #lng > span, #lng > a {}
       #lng > span:hover, #lng > a:hover {background: #ffffff; }
       #lng > span span {margin: 0 0.6em; }
       #lng img {height: 20px; width: auto; display: block; float: left; margin: 3px;}

.lng_active {}


/*---------------------------------*/
/* Блок настройки шрифта (в шапке) */
/*---------------------------------*/

#font_size_changer {float: left; margin-right: 50px;}
#font_size_changer a {display: inline-block; width: 2.2em; text-align: center; font-size: 12px; cursor: pointer; float: left; text-decoration: none; font-weight: bold; }
#font_size_changer a:hover {background-color: #288AC8; color: #fff; }
.fs_active {background-color: #288AC8; }


/*---------------------------*/
/* RSS ссылка / карта сайта  */
/*---------------------------*/
#rss_top_link, #site_map_link, #date_time {overflow: hidden;display:inline-block; }
   #rss_top_link a, #site_map_link a {display: inline-block; overflow: hidden; width: 3em; text-align: center; text-decoration: none; }
#site_map_link a {width: auto; padding: 0 0.5em; }
   #rss_top_link a:hover, #site_map_link a:hover {background-color: #288AC8; color: #fff; }



/*------------------------ */
/* Соц. кнопки, html_to_pdf*/
/*------------------------ */

.share-buttons-top .b-share {padding: 0 !important; }

.b-share a {padding: 3px !important; text-align: center; }
.b-share a:hover {background-color: #288AC8; }


.share-buttons-article {line-height: 24px; }
    .share-buttons-article > div {float:left; }
.share-buttons-article div.share-buttons-description {font-size: 0.8em; margin-right: 0.6em;}
.yashare-auto-init {font-size: 0;}

#html_to_pdf {line-height:24px; display:inline-block; margin-left: 3em; font-size: 0.8em; }
    #html_to_pdf a {display: inline-block; width: 24px; height: 24px; border-radius: 3px; margin: 0 0.5em; float: right; background: darkred url(/images/pdf-icon.png) center no-repeat; opacity:0.75; }
     #html_to_pdf a:hover {opacity: 1; }

/*-------------------*/
/* Центральная часть */
/*-------------------*/
#aside{margin-top:.5em;}
#body{clear:both;margin-top:.5em;}

#body > .wrapper {padding: 0;}
      .aside_box {clear:both; border-radius: 3px; overflow: hidden; font-size: 1em; font-family:Open Sans, sans-serif; font-size: 0.9em;margin-bottom: 10px;}
      .aside_box > .wrapper{ overflow: hidden; } 
          .aside_box > h3 {margin: 0;
    padding: 0.25em 0.5em;
    background: #0b61a4;
    color: #fff;
    border-bottom: solid 2px #ffbf00;
    font-size: 1.1em; }
          .aside_box img {max-width: 220px;}
          .aside_box img:hover, .aside_box:focus, .aside_box:active {
  -webkit-animation-name: aside_box;
  animation-name: aside_box;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes aside_box {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes aside_box {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}



/*#right{position: absolute; padding: 210px 10px; right: 30; }
#left{position: absolute; padding: 42px 10px; right: 30; }*/


.content_box {clear: both; margin: 20px 0; border-radius: 5px;} 
.content_box:first-child{margin-top:0;}

#region_2_default {/*background: linear-gradient(310deg, transparent 60%, #D1ECFF) no-repeat; */background-size: 400px 600px; border-radius: 5px 0 0 0; }

    #region_2_default .content_box {padding: 0 10px 3em 20px;}

#breadcrumbs * {
    box-sizing: border-box;
    margin: 0; 
    padding: 0
}    
#breadcrumbs {
    display: flex;
    flex-wrap: wrap;
}
#breadcrumbs a,
#breadcrumbs span {
    background: white;
    color: black;
    transition: all 0.5s;
    text-decoration: none;
    outline: none;
    font-size: 12px;
    line-height: 36px;
    padding: 0 10px 0 30px;
    position: relative;
    font-size: 12px;
    font-family: Open Sans, sans-serif;   
    border: 2px solid #BFE2FF;
    border-right: 0;
    margin: 2px 0;    
    border-radius: 8px 0 0 8px;
}

#breadcrumbs a:first-child {
    padding-left: 10px;
}
#breadcrumbs a:first-child:before {
    left: 14px;
}
#breadcrumbs a:hover{
    background: #BFE2FF;
} 
#breadcrumbs a:hover:after {
    background: #BFE2FF;
}
#breadcrumbs a:after,
#breadcrumbs span:after {
    content: '';
    position: absolute;
    top: 0; 
    right: -18px;
    width: 36px; 
    height: 36px;
    transform: scale(0.7) rotate(45deg);
    z-index: 1;
    box-shadow: 2px -2px 0 2px #BFE2FF;
    border-radius: 0 5px 0 50px;
    background: white;
    transition: all 0.5s;    
}
#breadcrumbs a:before, 
#breadcrumbs span:before {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 11px;
    line-height: 20px;
    margin: 8px 0;
    position: absolute;
    top: 0;
    left: 30px;
    font-weight: bold;
    background: white;
    box-shadow: 0 0 0 1px #ccc;
}

/*--------*/
/* Подвал */
/*--------*/

#footer {clear: both; overflow: hidden;}
   #footer > .wrapper {padding: 1em 30px 2em; overflow: hidden; }

#footer_line {background:#f0f0f0;line-height: 0;height:60px;}
#carousel-default {width: 97%;margin: 0 auto;}

#footer_block {font-size: 0.9em; }
#footer_block_content {margin-bottom: 1em;margin-top: 2em; }



/*----------------------------------------------------------------*/
/* Содержание блоков с информацией (новости, план 6-го дня и т.п.) */
/*----------------------------------------------------------------*/

.content_box h1 {padding-bottom: 0;font-size : 25px; border-bottom : 2px solid #0B61A4;margin-bottom : 20px;}
.content_box p {margin-bottom: 1em;}
.content_box h2 {margin-bottom: 1em;}
.content_box h3 {margin-bottom: 0.8em;}


.post {margin-bottom: 1em;overflow-x: auto; }

.post ul, .post ol {padding-left: 2em; margin: 0.5em 0 1em; }
h1, .post h1 {font-size: 1.8em; margin: 0 0 1em; }
.post_content {margin-bottom: 2em;overflow-x:auto;}

.post img {max-width: 100%; margin: 0 0.5em; }


.post h2 {font-size: 1.5em; margin: 0.5em 0 1em; }
.post h3 {font-size: 1.2em; margin: 0.5em 0 1em; }

.news-post h3 {margin: 0; font-size: 1em; margin: 0 0 0.2em; color: #333;}
.news-post h1 {margin: 0 0 0.5em;}

.excerpt {clear: both; border-bottom: solid 1px #A9A9A9; padding: 0.5em 0.5em 1.5em; margin: 0 0 1em; overflow: hidden; }
.excerpt:last-child {border-bottom: none; }


/* --------------------------------------------------------------------------- */
/* Эскизы-превью в архивах новостей, записях, горячих новостях, отчетах и т.п. */
/* --------------------------------------------------------------------------- */
.excerpt_preview {display: block; float:left; min-height: 70px; width: 100px; padding: 5px; margin-right: 15px; }
   .excerpt_preview img {min-width: 0; max-width: 100px; height: auto; display: block; margin: 0 auto;  opacity: 1;}
  .excerpt_preview img:hover {opacity: 0.6;}

.excerpt_content {margin-left: auto; overflow-x: auto;}
   .excerpt_content h3 {margin: 0; font-size: 1em; }
   .excerpt_content h2 {margin-bottom: 0.5em; font-size: 1.2em; }

a.read_more {
    background: #0B61A4;
    display: inline-block;
    color: #fff;
    padding: 6px 14px;
    font-size: 0.8em;
    font-family: Open Sans, sans-serif;
    box-shadow: 0 -3px rgb(255, 191, 0) inset;
    transition: 0.2s;
    border-radius: 3px;
}

a.read_more:hover {
    text-decoration: none;
    background: #ffbf00;
    color: #fff;
}


.news .excerpt_content ul {list-style-type: square; padding-left: 2em;}

.anno {color: #0B61A4; font-weight: bold; margin-bottom: 1.6em;}

.date {display: block; font-size: 0.9em; color: #0B61A4;font-weight:bold;}
.title, .name, .nazv  {display: block; clear: both; font-weight: bold;}

ul.no-list {list-style-type: none; padding-left: 0;}
ul.rss {list-style-type: none; }
.rss li {margin: 0 0 1em; border-bottom: solid 1px #A9A9A9; padding: 0 0 1em; }
.rss .title {margin-bottom: 0.5em; line-height: 1.2em; font-weight: normal; }

.own_product, .pay_service {display: inline-block; margin-right: 30px;}

.adm_procedure li, .hyperlinks li {margin-bottom: 1em; overflow: hidden; border-bottom: solid 1px #A9A9A9; padding: 0 0 1em;}
.adm_procedure li:last-child, .hyperlinks li:last-child {border-bottom: none; }

.show-hide, .read_more {display: block; clear: both; margin: 1em 0 1em; text-decoration: none; }
.show-hide:hover, .read_more:hover {text-decoration: underline;}

.spoiler {border-top: dotted 1px #bbb; padding: 1em 0 2em;}
   .spoiler .show-hide {float: right;}

.banners {text-align: center;}
   .banners a {display: inline-block; margin: 5px; }

.off-banners {}
.off-banners img {max-height: 50px; width: auto;}

.random_quote {clear:both; padding: 1em 0; font-size: 0.9em;}


.link-button {
    display: inline-flex;
    text-decoration: none;
    position: relative;
    font-size: 0.8em;
    line-height: 20px;
    padding: 6px 14px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase; 
    font-family: 'Roboto Condensed', Тahoma, sans-serif;
    cursor: pointer; 
    border: 2px solid #BFE2FF;
}
.link-button:hover,
.link-button:active,
.link-button:focus {
    color: #FFF;
}
.link-button:before, 
.link-button:after {
    content: "";
    border: 4px solid transparent;
    position: absolute;
    width: 0;
    height: 0;
    box-sizing: content-box;    
}
.link-button:before {
    top: -6px;
    left: -6px;
}
.link-button:after {
    bottom: -6px;
    right: -6px;
}
.link-button:hover:before,
.link-button:active:before,
.link-button:focus:before {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-top-color: #337AB7;
    border-right-color: #337AB7;
    transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
}
.link-button:hover:after,
.link-button:active:after,
.link-button:focus:after {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-bottom-color: #337AB7;
    border-left-color: #337AB7;
    transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
}

/*--------------*/
/* Меню раздела */
/*--------------*/
.section_menu {line-height: 1.4em;}
.section_menu .active > span{background:none;}

.section_menu a:link, .section a:visited {text-decoration: none; }
.section_menu a:hover {text-decoration: underline; }

.section_menu a img.icon-img-menu {display: none;}

.section_menu ul ul {margin-left: 1.3em;}

.section_menu .level_0 {list-style-type: none; }
.section_menu li:not(.parent_active) ul {display: none; color: #FFBF00;}
.section_menu li.active ul {display: block; }


.section_menu {
list-style: none;
padding:0.6em 0.5em;
}
.section_menu li {
font-family: "Trebuchet MS", "Lucida Sans";
padding: 2px;
margin-bottom: 7px;
border-left: 10px solid #0b61a4; 
box-shadow: 2px -2px 5px 0 rgba(0,0,0,.1),
     -2px -2px 5px 0 rgba(0,0,0,.1),
    2px 2px 5px 0 rgba(0,0,0,.1),
    -2px 2px 5px 0 rgba(0,0,0,.1);
transition: 0.3s all linear;
}
.section_menu li:nth-child(2){border-color: #0b61a4;}
.section_menu li:nth-child(3){border-color: #0b61a4;}
.section_menu li:nth-child(4){border-color: #0b61a4;}
.section_menu li:nth-child(5){border-color: #0b61a4;}
.section_menu li:hover {border-left: 10px solid transparent;}
.section_menu li:nth-child(1):hover {border-right: 10px solid #ffbf00;}
.section_menu li:nth-child(2):hover {border-right: 10px solid #ffbf00;}
.section_menu li:nth-child(3):hover {border-right: 10px solid #ffbf00;}
.section_menu li:nth-child(4):hover {border-right: 10px solid #ffbf00;}
.section_menu li:nth-child(5):hover {border-right: 10px solid #ffbf00;}
/* ------------ */
/* Блок опросов */
/* ------------ */

.poll {text-align: center; padding-bottom: 0 !important;}
    .poll h4 {}
    .poll ul {list-style-type: none; text-align: left; line-height: 1.5em;}
    .poll input {margin-right: 0.8em;}
    .poll_voted_text {text-align: center; margin: 0.6em 0 2em;}

.poll-result {clear:both; overflow: hidden; padding: 1em 0 2em; margin-bottom: 2em; border-bottom: dotted 2px #A4C8E2; }
.poll-result img {float: left; margin-right: 20px; border-radius: 100px; }
.poll-result .summary {clear: both; }
.poll-result-stats {list-style-type: none; line-height: 1.5em; margin-bottom: 2em; padding-left: 0 !important; }
    .poll-result-stats .title {display: inline; font-weight: normal; }
    .poll-result-stats li { height: 1.5em; line-height: 1.5em; padding: 0.2em 0; }


/* Разное */

.pos {display: inline-block; width: 1.5em; height: 1.5em; float: left; margin-right: 0.5em; border-radius: 1.5em; }

.some_links {background: none; line-height: 1.5em; }
.some_links a, .some_links span {clear:both; display: block; margin-bottom: 0.8em;}

.counter_cy {font-size: 0.9em; }

pre {overflow-wrap: break-word; word-wrap: break-word; width: 100%; border: solid 2px #ccc; padding: 0.5em; box-sizing: border-box; }


/* ----------------- */
/*  Формы обращения  */
/* ----------------- */

.form_structure {list-style-type: none; }
.form_structure li {clear: both; display: block; margin-bottom: 1em; width: 100%; float: left; }
.form_structure .info_field {display: block; float: left; width: 35%; padding-right: 10px; }
.form_structure .input_field {display: block; float: left; width: 65%;}
.form_structure input[type="button"] {border: none; font-size: 1em; }

.form_structure input[type="text"], .form_structure textarea, .form_structure select {width: 100%; max-width: 100%; box-sizing: border-box; border: solid 2px #a0ccec; border-radius: 3px; padding: 0.3em; font-size: 0.8em; }

.form_structure select {cursor: pointer; background: #fff;}


.form_structure input[type="text"]:valid, .form_structure textarea:valid {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA1ElEQVQ4T6WT4Q3CIBSEj+B/beIAjtAmDqAjuEGZxFHoKA6gqW7gAE3KAoiBFIIIlCo/gfve8e5B8Ociv+h5P9asqe5auxjAb0NLFDiArt1v2SKAJ7bGu2JARAwF9SgCpMSgq4MBTBfOitKTbY71mBOzphIkuCAUpUcLmRObFPh1EARYe3EaCF6ynrrtjvSbtW1d2W4SnSmkvIQQABt/RmJiNwcJSLayc+CaFXdiogpt+84+YgydzImjo2whgHrmKn89wbfF+3EHQPjdTn26oknM/dg3BfKDm4nsiKYAAAAASUVORK5CYII='); background-position: right 5px center; background-repeat: no-repeat; }

.form_structure input[type="text"]:focus, .form_structure textarea:focus, .form_structure select:focus {border: solid 2px #d1ecff; background-color: #E2F3FF; font-weight: bold; }

.form_structure input[type="text"]:focus:valid, .form_structure textarea:focus:valid {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA1klEQVQ4T6WTMRKCMBBF/55AGnqPwBH0CBbMWOo5KLRBj6E9jUfwCHoDe5qUgsU6m3GdkAkQNCWT//L5+5fw56Ff9GleZnVV3EQ7GZDm5YaITsx8rqtiOwmgYnUtkGiALxYIA/coQJ/41bYLC/hc2DHzSsNRm0Nic9kbci8wswGwVMiY2E4hzQ+GCDMnGAsBkEna7pjln8W2vKzfxUEG0NWHEFEyJv72IASJEXeK1AcJ2XbhnTH6kDFxsMoKAeHhBxbam2CRkvVxjmdj3LT7li6qiUMb+wYA3IxQS8gWoAAAAABJRU5ErkJggg=='); }


#pmgimg {float: left; margin-right: 1em; width: 200px; height: 50px; }
#pmgimg img {width: 200px; height: 50px; }
#pmgtext {width: auto; }

#pin_reload {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAuZJREFUeNqkU9tLVGEQn3Pb21HX1V1dV0hbL2mBUadwS7qR+FARJXSh3oOgP6GH3noK6rGX7GHtwaKCwCQiiMUoYgsltXDX9dKalz3pupdzvu/cmuOaGQU9dGC+73zfzPxm5jfzMZZlwf98vL0c61u6i5v0F30c5SaKgJLHYLJpGFTXddA17ReAYRgxsCzpQk9IIqSUEc8x8OjVPJw9WtcgZ2kgnVHp7IKSNw2YQPW3nxFYe0G0KKIO9Q/OxhnLhEJOA0IMsCNp1GREgattCXoaTh4I7HLwVg8GC/8GoBESAkPrOtVZI2WWiuBy4p2qoTOFhy9TuXdji+V5hTSvympTzz7/HgaM85ZpVmI5GxlQ2tsYdDVnV4rA8xY8GJyMCw68JwTQKD6bzr54HptRVErD8lKheZvf2YE+hwzkYZ0DSkhXtchXUaLBaEpO4vnt/SfjpRwRhGXZD0hgcDSRkdpDFfX+cp6gzRHUPiuVoKotHAseHetPppZXDV2/htFvo8SVfB5yKyt2loNTqWUH2tSjbRh99qNsZlBQdGtN0631f7OIpQhCFPsRxRLsFscKa2tRjufFgm5VCLBuJ262karq++UcqTAYzhnwizQ9lzmBkQcFpxM25sOWSDDorZRVEzjQiugzubULr2e/ZiZkEKZ82+sVZP8w1rxXxUxQB8d7D0q4R/w7m5rQBubS8nc8D9u6EgClsekvM6OuSjGR5sSpcHfEXV7r60EuJEwVkkUWdp/rlhIKC6bogcTYdAJ9HtvTuA6Ada6q+eJAfGDoo8frTs67vAmzM5Kru3imHMmDLOeAkRwHvioPjESfxmmhMIwlzOeHbpQ4yPVfArambYrsOK18uqe0e1vDZUK40UHqgpY9TKZDADdrwYIJ0H71sjR6p892+6wvjkcZ+zUyDGNf2KwGGLevGgJtIpSFBIauGVDTcQWqW1r/eGby5IT55tb1rQA4e+BBcaMw/3jF9ovTbfp+CDAAIqquPExvnOoAAAAASUVORK5CYII=') 0 50% no-repeat; display: inline-block; padding-left: 20px; margin-bottom: 0.6em;}

.feedback_anno {clear: both; border-top: dotted 2px #288AC8; margin-top: 2em; padding-top: 1em; text-align: justify; }


/*-------------------*/
/* Фото-видео эскизы */
/*-------------------*/

.thumbs {clear:both; list-style-type: none; padding: 1em 1em 2em; border-top: solid 2px #E2F3FF; margin-top: 1em; }
.thumbs li {display: inline-block; }
.thumbs_box {}
.thumbs_box h3 {float: left; font-size: 1em; padding: 0 1em; background: #E2F3FF; border-radius: 3px 3px 0 0; line-height: 1.6em; margin-bottom: 0; }
.thumbs a img {border: solid 3px #fff; width: 120px; height: 90px; transition: all 0.2s ease-in .1s; }
.thumbs a:hover {z-index: 999; }
.thumbs a:hover img {transform: scale(1.2); }

.thumbs-random {padding: 1em 0 2em; border-top: none;}


/*----------------*/
/* Гостевая книга */
/*----------------*/

.guestbook_form {overflow: hidden; margin-bottom: 2em; padding-bottom: 1em; border-bottom: dotted 2px #288AC8; }

ul.guestbook {   list-style-type: none;}
.guestbook_post {margin-bottom: 1.5em; list-style-type: none;}

.message { }
.answer{ margin-left: 30px;  font-style: oblique;  padding: 1em;  color: #777; }

.site_search {margin-bottom: 10px; /* компенсируем padding 6px в стилях Яндекс.Поиска */}
#ya-site-form0 .ya-site-form__search-input{padding:0!important;}
.ya-site-form__input-text {line-height: 24px; border-color: #a0ccec !important; border: solid 0px #0B61A4 !important; box-sizing: border-box; border-right: none !important; padding: 0 4px; height: 30px; border-radius: 4px 0 0 4px; }

.ya-site-form__submit {
    display: block;
    background: #ffffff url(sm.aspx?guid=38653) 50% no-repeat;
    text-indent: -9999px;
    width: 30px !important; line-height: 24px;
    margin: 0 !important;
    border: solid 0px #0B61A4; box-sizing: border-box;
    border-radius: 0 4px 4px 0;
    border-left: none;
height: 30px;
}

.ya-site-form__submit:hover {
    background-color: #E2F3FF;
    cursor: pointer;
}



/*--------------------------------------------------------*/
/* Вкладки на главной: пользовательская тема edu_by theme */
/*--------------------------------------------------------*/

.ajax__tab_default .ajax__tab_tab {padding: 4px 1em 0; margin-right: 0 !important; text-align: left !important; cursor: pointer; display: -moz-inline-box; display: inline-block; line-height: 1.2em; overflow: auto; }

.edu_by .ajax__tab_header {font-size: 1em; font-family:Open Sans, sans-serif; color: #ffffff; font-size: 1.2em}

.edu_by .ajax__tab_header .ajax__tab_outer {border-radius: 3px 3px 0 0; background: #0B61A4; margin-right:1px; }
.edu_by .ajax__tab_header .ajax__tab_outer:hover{background: #0B61A4;}

.edu_by .ajax__tab_header .ajax__tab_tab {font-size: 0.9em;}
.link-button:hover { background:#0B61A4; text-decoration: none;}


.edu_by .ajax__tab_active .ajax__tab_outer {background: #0B61A4;font-weight:bold;}
.edu_by .ajax__tab_active .ajax__tab_tab {font-size: 1em;}

.edu_by .ajax__tab_body {font-size: 1em; border-top:2px solid #ffbf00; padding: 1em;  background-size: 300px 450px;}

#content .ajax__tab_body h1 {font-size: 1.3em; text-align: right; padding-bottom: 0.3em; margin: 0 auto 0.5em; border-bottom: solid 1px #A9A9A9; }

.ajax__tab_inner {overflow-wrap: break-word;}


/*-------------------------------------------*/
/* Вкладки с содержанием (объекты "Вкладка") */
/*-------------------------------------------*/

#tabs .ui-tabs-nav {padding: 0; list-style-type: none; } 

.ui-tabs-nav li {display:inline-block; margin-right: 1px;}
      .ui-tabs-nav li a {display:block; padding: 0 1em; text-decoration: none; color: #000; background: #E2F3FF; height: 1.4em; line-height: 1.4em; border-radius: 3px 3px 0 0; margin-top: 0.2em;}
.ui-tabs-nav li a:hover {background: #a0ccec;}

.ui-tabs-panel {clear:both;font-size:1em;border-top:2px solid #a0ccec;padding:0.5em;overflow-x: auto;}
.ui-tabs-panel h1 {font-size: 1.4em;}

li.ui-tabs-active {}

.ui-tabs-nav li.ui-tabs-active a {font-weight: bold;background: #a0ccec;margin-top: 0; }


/*-----------------*/
/* Архивы объектов */
/*-----------------*/

td.ArxiwDetail {width: 100%;}

/* Отображение архива объектов как вкладок */
.MapYear, .MapMonth {clear: both; border-bottom: solid 2px #d1ecff; overflow: hidden;}
    .MapYear span {display: block; float: left; line-height: 1.4em; height: 1.4em; padding: 0 1em; margin-right: 1px; cursor: pointer; background: #E2F3FF; border-radius: 3px 3px 0 0; margin-top: 0.2em;}
     
    .MapYear span:hover {background: #288AC8; color: #fff; }
    .MapYear span.sel {color: #fff; background: #d1ecff; height: 1.6em; line-height: 1.6em; margin-top: 0;}

.MapMonth {padding: 1px 0 2px; margin-bottom: 1.5em; border-bottom: dotted 1px #A4C8E2; text-align: left;}
    .MapMonth span a, .MapMonth span b {color: #000; display: inline-block; padding: 0 0.6em; height: 2em; line-height: 2em; text-decoration: none; font-size:0.9em;}
       .MapMonth span a {}
       .MapMonth span b {background: #d1ecff; color: #fff; font-weight: normal; }
       .MapMonth span a:hover {background: #288AC8; }


/*----------------*/
/* mini-Framework */
/*----------------*/

.w25 {width: 25%;}    .w30 {width: 30%;}    .w50 {width: 50%;}
.w70 {width: 70%;}    .w75 {width: 75%;}
.op50 {opacity: 0.5; }
.leftimg {margin-right: 0.8em; margin-bottom: 0.8em; }
.rightimg {margin-left: 0.8em; margin-bottom: 0.8em; }

.fleft, .leftimg {float:left;}    .fright, .rightimg {float: right;}
.text-center {text-align: center;}
.v-align-middle {line-height: initial; display: table-cell; vertical-align: middle;}
.clear {clear: both;}
span.active, a.active, .active > span, .active > a {font-weight: bold;background: #288AC8;}
.no_bg {background-color: transparent !important; }

.load-spinner {background-image: url(/sm.aspx?guid=38663); background-position: 50% 35%; background-repeat: no-repeat;}


/* Красивые таблицы в содержании */
.content_box .tbl {margin: 0.5em auto; vertical-align: middle; }
.content_box .tbl thead {background-color: #E2F3FF; border-bottom: solid 2px #d1ecff; }
.content_box .tbl td {border:1px solid #d1ecff; padding: 5px; vertical-align: middle; }
.content_box .tbl tr:nth-of-type(even) {background-color: #E2F3FF;}
.content_box .tbl tr:hover{background:#F7F1C8;}
.content_box .tbl caption {margin-bottom: 5px;}


.carousel-wrap {
  padding: 0 5%;
  width: 100%;
  position: relative;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}

/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
  font-size: 52px;
}

.owl-nav .owl-prev {
  left: -30px;
}

.owl-nav .owl-next {
  right: -30px;
}


.center-img {
  display: block;
  margin: 0 auto;
}

                                                                                                                                                         .floating-1{transform:translateZ(0);-webkit-transform:translate3d(0, 0, 0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:floating-1 15s ease-in-out infinite;-moz-animation:floating-1 15s ease-in-out infinite;-o-animation:floating-1 15s ease-in-out infinite;animation:floating-1 15s ease-in-out infinite}@-webkit-keyframes floating-1{0%{-webkit-transform:rotate(6deg) scale(1) skew(20deg);-moz-transform:rotate(6deg) scale(1) skew(20deg);-o-transform:rotate(6deg) scale(1) skew(20deg);transform:rotate(6deg) scale(1) skew(20deg)}50%{-webkit-transform:rotate(1deg) scale(0.9) skew(-4deg);-moz-transform:rotate(1deg) scale(0.9) skew(-4deg);-o-transform:rotate(1deg) scale(0.9) skew(-4deg);transform:rotate(1deg) scale(0.9) skew(-4deg)}100%{-webkit-transform:rotate(6deg) scale(1) skew(20deg);-moz-transform:rotate(6deg) scale(1) skew(20deg);-o-transform:rotate(6deg) scale(1) skew(20deg);-o-transform:rotate(6deg) scale(1) skew(20deg)}}@-moz-keyframes floating-1{0%{-webkit-transform:rotate(6deg) scale(1) skew(20deg);-moz-transform:rotate(6deg) scale(1) skew(20deg);-o-transform:rotate(6deg) scale(1) skew(20deg);transform:rotate(6deg) scale(1) skew(20deg)}50%{-webkit-transform:rotate(1deg) scale(0.9) skew(-4deg);-moz-transform:rotate(1deg) scale(0.9) skew(-4deg);-o-transform:rotate(1deg) scale(0.9) skew(-4deg);transform:rotate(1deg) scale(0.9) skew(-4deg)}100%{-webkit-transform:rotate(6deg) scale(1) skew(20deg);-moz-transform:rotate(6deg) scale(1) skew(20deg);-o-transform:rotate(6deg) scale(1) skew(20deg);transform:rotate(6deg) scale(1) skew(20deg)}}@-o-keyframes floating-1{0%{-webkit-transform:rotate(6deg) scale(1) skew(20deg);-moz-transform:rotate(6deg) scale(1) skew(20deg);-o-transform:rotate(6deg) scale(1) skew(20deg);transform:rotate(6deg) scale(1) skew(20deg)}50%{-webkit-transform:rotate(1deg) scale(0.9) skew(-4deg);-moz-transform:rotate(1deg) scale(0.9) skew(-4deg);-o-transform:rotate(1deg) scale(0.9) skew(-4deg);transform:rotate(1deg) scale(0.9) skew(-4deg)}100%{-webkit-transform:rotate(6deg) scale(1) skew(20deg);-moz-transform:rotate(6deg) scale(1) skew(20deg);-o-transform:rotate(6deg) scale(1) skew(20deg);transform:rotate(6deg) scale(1) skew(20deg)}}


/*----------------*/
/* button show-hide */
/*----------------*/

a.show-hide {
  text-decoration: none;
  outline: none;
  display: block;
  width:122.8px;
  height:38px;
  padding: 8px 26px;
  position: relative;
  overflow: hidden;
  border: 2px solid #0b61a4;
  border-radius: 3px;
  font-family: 'Montserrat', sans-serif;
  color: #0b61a4;
  transition: .2s ease-in-out;
  font-size: 13px;
}
a.show-hide:before {
  content: "";
  background: linear-gradient(90deg, rgba(255,255,255,.1), rgba(255,255,255,.5));
  height: 50px;
  width: 50px;
  position: absolute;
  top: -8px;
  left: -75px;
  transform: skewX(-45deg);
}
a.show-hide:hover {
  background: #0b61a4;
  color: #fff;
}
a.show-hide:hover:before {
  left: 150px;
  transition: .5s ease-in-out;
}


/*----------------*/
/* link */
/*----------------*/

.s11 {
   background-image: linear-gradient(#ffbf00 50%, #ffbf00 50%), linear-gradient(silver 50%, silver 50%);
   background-position: center bottom;
   background-repeat: no-repeat;
   background-size: 0 2px, 100% 2px;
   color: #1E3A52;
   padding-bottom: 3px;
   transition: .5s ease-in-out;
}

.s11:hover {
   background-size: 100% 2px, 100% 2px;
   color: #ffbf00;
}

#cloud9 {
    overflow: visible !important;
    height: 170px;
    margin-top: 20px;
}
.cloud9-item {
    filter: drop-shadow(0 4px 6px #666);
    cursor: pointer;
}