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

/*----------------*/
/* Общие правила  */
/*----------------*/

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


a:hover {text-decoration: underline; color: #005C9C; }


body {
/* Фон сайта */
background: #EFEFEF;

width: 100%; height: 100%; font-family: Tahoma, Arial, sans-serif; overflow-y: scroll;}




ul {list-style-position: inside; list-style-type: square; }
ul ul {margin-left: 1.6em; list-style-type: square; }

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 {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; background: #FF7A38; box-shadow: 0 0 50px #ded7d7; color: #fff; text-decoration: none;}

#scroll_up:hover {opacity: 1; box-shadow: 0 0 50px #ded7d7; }


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

#header {clear: both; position:relative;}
#header > .wrapper {padding: 0; }
#header > .wrapper .main-bg-page {position: relative; background-image: url(/sm.aspx?guid=83483); background-repeat: no-repeat; overflow: hidden; height: 205px;}

#header > .wrapper .main-bg-page .right {    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;}
#header > .wrapper .main-bg-page .left {    position: absolute;
    z-index: 2; top: 0;
    left: 0;}
.main-bg-page .main-contacts {
    z-index: 100;
    position: relative;
    float: right;
    display: block;
    margin-top: 24px;
    font-size: 13px;
    margin-right: 30px;
}

.main-bg-page .main-contacts li {
    float: left;
    color: #fff;
    list-style: none;
    margin-left: 40px;
    position: relative;
}

.main-bg-page .main-contacts li:before {
    content: "";
    width: 32px;
    height: 34px;
    display: inline-block;
    position: absolute;
    top: -10px;
    left: -28px;
}

.main-bg-page .main-contacts li:nth-child(1):before {
    background: url(/sm.aspx?guid=84893);
}

.main-bg-page .main-contacts li:nth-child(2):before {
    background: url(/sm.aspx?guid=84903);
    top: -8px;
    left: -30px;
}

.main-bg-page .main-contacts li:nth-child(3):before {
    background: url(/sm.aspx?guid=84913);
    top: -6px;
    left: -30px;
}

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

   #logo {padding: 15px 30px 15px; max-height: 300px; overflow:hidden; background: #C8E8FF; position: absolute; top: 0;     z-index: 3;}
      #logo_image {float: left; text-align: center; }
          #logo_image img {display: inline-block; width: auto; height: 140px; max-height: 140px; margin: 5px 0;}
      #logo_block {float: left; display: table; height: 150px; max-width:100%; width: 65%;margin-left: 20px;}

          #logo_block_content {padding: 12px 0; display: table-cell; vertical-align: middle; max-width: 448px;}
          #logo_block p {margin-bottom: 1em;}
#logo_block_content p.midle {font-size: 1.1em; color: #fff; margin-bottom: 0.5em;}
#logo_block_content p.first {font-size: 0.8em; margin-bottom: 0.6em;}

#logo_block_content p.last {
   font-size: 1.2em; color: #fff; font-weight: bold;
}


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

#h_menu {clear: both; width: 100%; text-align: center; line-height: 2.4em; background: #ff6a1e; border-bottom: solid 3px #ffad2b !important;}
       #h_menu ul {list-style-type: none; display: inline; }
       #h_menu li {display: inline-block; color: #000; position: relative; }
              #h_menu li:hover {color: #fff; }
#h_menu ul li ul li:hover {background-color: #288AC8; color: #fafafa; }
              #h_menu li a, #h_menu li span {display:block; padding: 0 0.6em; text-decoration: none; min-width: 32px; }
              
#h_menu li.parent_active, .menu_active, .home-icon-active {background: #CC5418;color: #fafafa; position:relative;}
#h_menu li a {color: #fff; }

/* Пункт "Главная" (значок) */
/*
.home-icon a {background: url(/sm.aspx?guid=1463) center no-repeat; display: inline-block; min-width: 32px; padding: 0 0.8em; text-indent: -9999px; }
*/
.home-icon {display: inline-block;width: 0;}
.home-icon a{position: relative;}
/*.home-icon a:hover, .home-icon-active a {background: #CC5418;}*/


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

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


/* Настройка отдельных уровней */
#h_menu .level_1 {left: 0; background: #ff6a1e; 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:#288AC8; }


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

   #lng {height: 22px; line-height: 22px; float: left; font-size: 12px; }
   #lng > span, #lng > a {padding: 0 0.3em; }
       #lng > span:hover, #lng > a:hover {background: #288AC8; }
       #lng > span span {margin: 0 0.6em; }
       #lng img {height: 16px; width: auto; display: block; float: left; margin: 3px 0;}

.lng_active {background-color: #a0ccec;}


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

#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: 0.9em;margin-bottom: 10px;}
      .aside_box > .wrapper{overflow: hidden; } 
          .aside_box > h3 {margin: 0; padding: 0.25em 0.5em;
    background: #FF7A38;
    color: #fff;
    border-bottom: solid 2px #ffad2b;
    font-size: 1.1em;}
          .aside_box img {max-width: 220px; }
.wrapper.attention-banners.banners {
    margin-top: 6px;
}

.wrapper.poll {
    margin-top: 6px;
}

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

.business_card .business_card_img {
    margin-right: 10px;
    float: left;
}

.business_card>div {
    display: inline-block;
}

.business_card .business_card_text {
    max-width: 630px;
}

#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 {font-size: 0.8em;/*background: linear-gradient(45deg, purple 15%, crimson 30%, orangered 50%, gold 75%);*/padding: 0.5em 10px 0.5em 10px;}


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

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

#footer_line {background: #f9f6ee;
    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, .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: dotted 2px #eee7e1; 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;}

.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: #047eb3;
    display: inline-block;
    color: #fff;
    padding: 6px 14px;
    font-size: 0.8em;
}

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

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

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

.date {display: block; font-size: 0.9em; color: #047eb3;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: dotted 2px #A4C8E2; 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: dotted 2px #A4C8E2; 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;}

div#REGION_1 a.link-button {background-color: #ff6a1e; display: inline-block;padding: 0.2em 2em; border-radius: 3px; text-decoration: none; margin-bottom: 1em;margin-top: 1em; color: #fff;}
div#REGION_1 a.link-button:hover {cursor: pointer; background: #047eb3; color: #fff;}

a.link-button.news_archive {
    color: #fff;
    background-color: #DA6414;
    padding: 6px 14px;
}

a.link-button.news_archive:hover {
    background: #047eb3;
}


/*--------------*/
/* Меню раздела */
/*--------------*/
.section_menu {line-height: 1.4em; padding: 0 0.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;}
.section_menu li.active ul {display: block; }

.popular .level_0 {list-style-type: disc; color: #047eb3; margin-top: 6px;}

div#REGION_1, div#REGION_1 a, p {
    color: #444242;
}


/* ------------ */
/* Блок опросов */
/* ------------ */

.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 3px #eee7e1 !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: #e79c0b url(sm.aspx?guid=82383) 50% no-repeat;
    text-indent: -9999px;
    width: 30px !important; line-height: 24px;
    margin: 0 !important;
    border: solid 3px #eee7e1; box-sizing: border-box;
    border-radius: 0 4px 4px 0;
    border-left: none;
height: 30px;
}

.ya-site-form__submit:hover {
    background-color: #ff6a1e;
    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;}

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

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


.edu_by .ajax__tab_active .ajax__tab_outer {  background: #FF7A38;
    color: #fff;
    font-weight: bold;}
.edu_by .ajax__tab_active .ajax__tab_tab {font-size: 1em;}

.edu_by .ajax__tab_body {font-size: 1em; border:2px solid #eee7e1; 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: dotted 2px #eee7e1; }

.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: #047eb3;}
.no_bg {background-color: transparent !important; }

.load-spinner {background-image: url(/sm.aspx?guid=82393); 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) {.bx-wrapper .bx-viewport}
.content_box .tbl tr:hover{background:#F7F1C8;}
.content_box .tbl caption {margin-bottom: 5px;}

.bx-wrapper .bx-viewport{background:#fff !important;}




/* тень при наведении */

.fade {
  opacity: 1;
}

.fade:hover {
  opacity: 0.6;
}


.bblock {
     float: left; /*Задаем обтекание*/
     width: 330px; /*Фиксируем ширину блока*/
     margin-right: 10px;

     text-align: left; 
    }




.bblock3 {
     float: left; /*Задаем обтекание*/
     width: 525px; /*Фиксируем ширину блока*/
     margin-right: 10px;

     text-align: left; 
    }


.bblock4 {
     float: left; /*Задаем обтекание*/
     width: 300px; /*Фиксируем ширину блока*/
     margin-right: 10px;

     text-align: left; 
    }

.button78 {
     
     width: 272px; /*Фиксируем ширину блока*/
     height: 38px;
    }


/* ранак в лицах */
.cblock {
     float: left; /*Задаем обтекание*/
     width: 170px; /*Фиксируем ширину блока*/
     margin-right: 30px;

     text-align: center; 
    }





/* Слайдер */
.slides {
    height:370px;
    margin:50px auto;
    overflow:hidden;
    position:relative;
    width:256px;
}
.slides ul {
    list-style:none;
    position:relative;
}

/* Кадры анимации #anim_slides */
@-webkit-keyframes anim_slides {
    0% {
        opacity:0;
    visibility:hidden;
    }
    6% {
        opacity:1;
    visibility:visible;
    }
    24% {
        opacity:1;
    visibility:visible;
    }
    30% {
        opacity:0;
    visibility:hidden;
    }
    100% {
        opacity:0;
    visibility:hidden;
    }
}
@-moz-keyframes anim_slides {
      0% {
        opacity:0;
    visibility:hidden;
    }
    6% {
        opacity:1;
    visibility:visible;
    }
    24% {
        opacity:1;
    visibility:visible;
    }
    30% {
        opacity:0;
    visibility:hidden;
    }
    100% {
        opacity:0;
    visibility:hidden;
    }
}

.slides ul li {
    opacity:0;
    position:absolute;
    top:0;

    /* анимация css3 */
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 72.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_slides;
    -moz-animation-duration: 72.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}

/* Задержки css3 */

.slides ul  li:nth-child(2), .slides ul  li:nth-child(2) a {
 -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
visibility:visible;
}

.slides ul  li:nth-child(3), .slides ul  li:nth-child(3) a {
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
visibility:visible;
}

.slides ul  li:nth-child(4), .slides ul  li:nth-child(4) a {
    -webkit-animation-delay: 18.0s;
    -moz-animation-delay: 18.0s;
visibility:visible;
}

.slides ul  li:nth-child(5), .slides ul  li:nth-child(5) a {
    -webkit-animation-delay: 24.0s;
    -moz-animation-delay: 24.0s;
visibility:visible;
}

.slides ul  li:nth-child(6), .slides ul  li:nth-child(6) a {
    -webkit-animation-delay: 30.0s;
    -moz-animation-delay: 30.0s;
visibility:visible;
}

.slides ul  li:nth-child(7), .slides ul  li:nth-child(7) a {
    -webkit-animation-delay: 36.0s;
    -moz-animation-delay: 36.0s;
visibility:visible;
}

.slides ul  li:nth-child(8), .slides ul  li:nth-child(8) a {
    -webkit-animation-delay: 42.0s;
    -moz-animation-delay: 42.0s;
visibility:visible;
}

.slides ul  li:nth-child(9), .slides ul  li:nth-child(9) a {
    -webkit-animation-delay: 48.0s;
    -moz-animation-delay: 48.0s;
visibility:visible;
}

.slides ul  li:nth-child(10), .slides ul  li:nth-child(10) a {
    -webkit-animation-delay: 54.0s;
    -moz-animation-delay: 54.0s;
visibility:visible;
}


.slides ul  li:nth-child(11), .slides ul  li:nth-child(11) a {
    -webkit-animation-delay: 60.0s;
    -moz-animation-delay: 60.0s;
visibility:visible;
}

.slides ul  li:nth-child(12), .slides ul  li:nth-child(12) a {
    -webkit-animation-delay: 66.0s;
    -moz-animation-delay: 66.0s;
}


.slides ul li img {
    display:block;
}

.slides ul li:nth-child(2), .slides ul li:nth-child(3) {
visibility:hidden;
}


/* Кадры анимации #anim_titles */
@-webkit-keyframes anim_titles {
    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }
}
@-moz-keyframes anim_titles {
    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }
}


.slides ul li a {
    background-color:#eee7e1;
    border-radius:10px 10px 10px 10px;
    box-shadow:0 0 5px #FFFFFF inset;
    color:#047eb3;
    font-size:18px;
line-height: 0.9em;
    left:10%;
    margin:0 auto;
    padding:16px;
    position:absolute;
    top:68%;
    width:207px;

    /* Анимация css3 */
    -webkit-animation-name: anim_titles;
    -webkit-animation-duration: 72.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_titles;
    -moz-animation-duration: 72.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}



/* красивые сслыки*/

*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
	font-family: Arial, sans-serif;
}

nav a {
	position: relative;
	display: inline-block;
	margin: 8px 25px;
	outline: none;
	color: #047eb3;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1em;
}

nav a:hover,
nav a:focus {
	outline: none;
}

/* Эффект 1: Скобки */
.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

/* Эффект 2: 3D */
.cl-effect-2 a {
	line-height: 44px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}

.cl-effect-2 a span {
	position: relative;
	display: inline-block;
	padding: 0 14px;
	background: #2195de;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.csstransforms3d .cl-effect-2 a span::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0965a0;
	content: attr(data-hover);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

.cl-effect-2 a:hover span,
.cl-effect-2 a:focus span {
	-webkit-transform: rotateX(90deg) translateY(-22px);
	-moz-transform: rotateX(90deg) translateY(-22px);
	transform: rotateX(90deg) translateY(-22px);
}

.csstransforms3d .cl-effect-2 a:hover span::before,
.csstransforms3d .cl-effect-2 a:focus span::before {
	background: #28a2ee;	
}

/* Эффект 3: Линия снизу*/
.cl-effect-3 a {
	padding: 8px 0;
}

.cl-effect-3 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: rgba(0,0,0,0.1);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-3 a:hover::after,
.cl-effect-3 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Эффект 4: линия снизу */
.cl-effect-4 a {
	padding: 0 0 10px;
}

.cl-effect-4 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
	height: 5px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Эффект 5: смена */
.cl-effect-5 a {
	overflow: hidden;
	padding: 0 4px;
	height: 1em;
}

.cl-effect-5 a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cl-effect-5 a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 700;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

/* Эффект 6: появляется граница слева и снизу */
.cl-effect-6 a {
	margin: 0 10px;
	padding: 10px 20px;
}

.cl-effect-6 a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	-webkit-transition: top 0.3s;
	-moz-transition: top 0.3s;
	transition: top 0.3s;
}

.cl-effect-6 a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 2px;
	background: #fff;
	content: '';
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}

.cl-effect-6 a:hover::before {
	top: 100%;
	opacity: 1;
}

.cl-effect-6 a:hover::after {
	height: 100%;
} 

/* Эффект 7: появляется граница сверху */
.cl-effect-7 a {
	padding: 12px 10px 10px;
	color: #566473;
	text-shadow: none;
	font-weight: 700;
}

.cl-effect-7 a::before,
.cl-effect-7 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 3px;
	background: #566473;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	transform: scale(0.85);
}

.cl-effect-7 a::after {
	opacity: 0;
	-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: top 0.3s, opacity 0.3s, transform 0.3s;
}

.cl-effect-7 a:hover::before,
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::before,
.cl-effect-7 a:focus::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::after {
	top: 0%;
	opacity: 1;
}

/* Эффект 8: появляется еще одна граница */
.cl-effect-8 a {
	padding: 10px 20px;
}

.cl-effect-8 a::before,
.cl-effect-8 a::after  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 3px solid #354856;
	content: '';
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.cl-effect-8 a::after  {
	border-color: #fff;
	opacity: 0;
	-webkit-transform: translateY(-7px) translateX(6px);
	-moz-transform: translateY(-7px) translateX(6px);
	transform: translateY(-7px) translateX(6px);
}

.cl-effect-8 a:hover::before,
.cl-effect-8 a:focus::before {
	opacity: 0;
	-webkit-transform: translateY(5px) translateX(-5px);
	-moz-transform: translateY(5px) translateX(-5px);
	transform: translateY(5px) translateX(-5px);
}

.cl-effect-8 a:hover::after,
.cl-effect-8 a:focus::after  {
	opacity: 1;
	-webkit-transform: translateY(0px) translateX(0px);
	-moz-transform: translateY(0px) translateX(0px);
	transform: translateY(0px) translateX(0px);
}

/* Эффект 9: дополнительный текст и граница */
.cl-effect-9 a {
	margin: 0 20px;
	padding: 18px 20px;
}

.cl-effect-9 a::before,
.cl-effect-9 a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	opacity: 0.2;
	-webkit-transition: opacity 0.3s, height 0.3s;
	-moz-transition: opacity 0.3s, height 0.3s;
	transition: opacity 0.3s, height 0.3s;
}

.cl-effect-9 a::after {
	top: 100%;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-9 a span:first-child {
	z-index: 2;
	display: block;
	font-weight: 300;
}

.cl-effect-9 a span:last-child {
	z-index: 1;
	display: block;
	padding: 8px 0 0 0;
	color: rgba(0,0,0,0.4);
	text-shadow: none;
	text-transform: none;
	font-style: italic;
	font-size: 0.75em;
	font-family: Arial, Georgia, serif;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.cl-effect-9 a:hover::before,
.cl-effect-9 a:focus::before {
	height: 6px;
}

.cl-effect-9 a:hover::before,
.cl-effect-9 a:hover::after,
.cl-effect-9 a:focus::before,
.cl-effect-9 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.cl-effect-9 a:hover span:last-child,
.cl-effect-9 a:focus span:last-child {
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}

/* Эффект 10: замена текста и фона слева */
.cl-effect-10  {
	position: relative;
	z-index: 1;
}

.cl-effect-10 a {
	overflow: hidden;
	margin: 0 15px;
}

.cl-effect-10 a span {
	display: block;
	padding: 10px 20px;
	background: #0f7c67;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cl-effect-10 a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #0f7c67;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
}

.cl-effect-10 a:hover span,
.cl-effect-10 a:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}

.cl-effect-10 a:hover::before,
.cl-effect-10 a:focus::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}

/* Эффект 11: изменение цвета текста */
.cl-effect-11 a {
	padding: 10px 0;
	border-top: 2px solid #0972b4;
	color: #0972b4;
	text-shadow: none;
} 

.cl-effect-11 a::before {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	padding: 10px 0;
	max-width: 0;
	border-bottom: 2px solid #fff;
	color: #fff;
	content: attr(data-hover);
	-webkit-transition: max-width 0.5s;
	-moz-transition: max-width 0.5s;
	transition: max-width 0.5s;
}

.cl-effect-11 a:hover::before,
.cl-effect-11 a:focus::before {
	max-width: 100%;
}

/* Эффект 12: круг на фоне */
.cl-effect-12 a::before,
.cl-effect-12 a::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	border: 2px solid rgba(0,0,0,0.1);
	border-radius: 50%;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
	transform: translateX(-50%) translateY(-50%) scale(0.2);
}

.cl-effect-12 a::after {
	width: 90px;
	height: 90px;
	border-width: 6px;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
	transform: translateX(-50%) translateY(-50%) scale(0.8);
}

.cl-effect-12 a:hover::before,
.cl-effect-12 a:hover::after,
.cl-effect-12 a:focus::before,
.cl-effect-12 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
}

/* Эффект 13: три кружка снизу */
.cl-effect-13 a {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-13 a::before {
	position: absolute;
	top: 100%;
	left: 50%;
	color: transparent;
	content: '•';
	text-shadow: 0 0 transparent;
	font-size: 1.2em;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

.cl-effect-13 a:hover::before,
.cl-effect-13 a:focus::before {
	color: #fff;
	text-shadow: 10px 0 #fff, -10px 0 #fff;
}

.cl-effect-13 a:hover,
.cl-effect-13 a:focus {
	color: #ba7700;
}

/* Эффект 14: перемещение границ */
.cl-effect-14 a {
	padding: 0 20px;
	height: 45px;
	line-height: 45px;
}

.cl-effect-14 a::before,
.cl-effect-14 a::after {
	position: absolute;
	width: 45px;
	height: 2px;
	background: #047eb3;
	content: '';
	opacity: 0.2;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	pointer-events: none;
}

.cl-effect-14 a::before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
}

.cl-effect-14 a::after {
	right: 0;
	bottom: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.cl-effect-14 a:hover::before,
.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::before,
.cl-effect-14 a:focus::after {
	opacity: 1;
}

.cl-effect-14 a:hover::before,
.cl-effect-14 a:focus::before {
	left: 50%;
	-webkit-transform: rotate(0deg) translateX(-50%);
	-moz-transform: rotate(0deg) translateX(-50%);
	transform: rotate(0deg) translateX(-50%);
}

.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::after {
	right: 50%;
	-webkit-transform: rotate(0deg) translateX(50%);
	-moz-transform: rotate(0deg) translateX(50%);
	transform: rotate(0deg) translateX(50%);
}

/* Эффект 15: уменьшение и изменение цвета */
.cl-effect-15 a {
	color: rgba(0,0,0,0.2);
	font-weight: 700;
	text-shadow: none;
}

.cl-effect-15 a::before {
	color: #fff;
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.cl-effect-15 a:hover::before,
.cl-effect-15 a:focus::before {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0;
}

/* Эффект 16: наложение справа */
.cl-effect-16 a {
	color: #6f8686;
	text-shadow: 0 0 1px rgba(111,134,134,0.3);
}

.cl-effect-16 a::before {
	color: #fff;
	content: attr(data-hover);
	position: absolute;
	opacity: 0;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-16 a:hover::before,
.cl-effect-16 a:focus::before {
	-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	opacity: 1;
}

/* Эффект 17: граница снизу и изменение цвета */
.cl-effect-17 a {
	color: #10649b;
	text-shadow: none;
	padding: 10px 0;
}

.cl-effect-17 a::before {
	color: #fff;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-17 a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	transform: translateY(5px);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-17 a:hover::before,
.cl-effect-17 a:focus::before {
	opacity: 0;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	transform: translateY(-2px);
}

.cl-effect-17 a:hover::after,
.cl-effect-17 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Эффект 18: крест */
.cl-effect-18 {
	position: relative;
	z-index: 1;
}

.cl-effect-18 a {
	padding: 0 5px;
	color: #b4770d;
	font-weight: 700;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-18 a::before,
.cl-effect-18 a::after {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	height: 2px;
	margin-top: -1px;
	background: #b4770d;
	content: '';
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-18 a::before {
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	transform: translateY(-20px);
}

.cl-effect-18 a::after {
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	transform: translateY(20px);
}

.cl-effect-18 a:hover,
.cl-effect-18 a:focus {
	color: #fff;
}

.cl-effect-18 a:hover::before,
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::before,
.cl-effect-18 a:focus::after {
	opacity: 0.7;
}

.cl-effect-18 a:hover::before,
.cl-effect-18 a:focus::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Эффект 19: 3D разворот */
.cl-effect-19 a {
	line-height: 2em;
	margin: 15px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
	width: 200px;
}

.cl-effect-19 a span {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0 14px;
	background: #e35041;
	-webkit-transition: -webkit-transform 0.4s, background 0.4s;
	-moz-transition: -moz-transform 0.4s, background 0.4s;
	transition: transform 0.4s, background 0.4s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50% -100px;
	-moz-transform-origin: 50% 50% -100px;
	transform-origin: 50% 50% -100px;
}

.csstransforms3d .cl-effect-19 a span::before {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	background: #b53a2d;
	content: attr(data-hover);
	-webkit-transition: background 0.4s;
	-moz-transition: background 0.4s;
	transition: background 0.4s;
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	transform-origin: 0 50%;
	pointer-events: none;
}

.cl-effect-19 a:hover span,
.cl-effect-19 a:focus span {
	background: #b53a2d;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
}

.csstransforms3d .cl-effect-19 a:hover span::before,
.csstransforms3d .cl-effect-19 a:focus span::before {
	background: #ef5e50;	
}

/* Эффект 20: 3D наложение (похоже на календарь) */
.cl-effect-20 a {
	line-height: 2em;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
}

.cl-effect-20 a span {
	position: relative;
	display: inline-block;
	padding: 3px 15px 0;
	background: #587285;
	box-shadow: inset 0 3px #2f4351;
	-webkit-transition: background 0.6s;
	-moz-transition: background 0.6s;
	transition: background 0.6s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}

.cl-effect-20 a span::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #2f4351;
	content: attr(data-hover);
	-webkit-transform: rotateX(270deg);
	-moz-transform: rotateX(270deg);
	transform: rotateX(270deg);
	-webkit-transition: -webkit-transform 0.6s;
	-moz-transition: -moz-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	pointer-events: none;
}

.cl-effect-20 a:hover span,
.cl-effect-20 a:focus span {
	background: #2f4351;
}

.cl-effect-20 a:hover span::before,
.cl-effect-20 a:focus span::before {
	-webkit-transform: rotateX(10deg);	
	-moz-transform: rotateX(10deg);
	transform: rotateX(10deg);
}

/* Эффект 21: появление границ снизу и сверху */
.cl-effect-21 a {
	padding: 10px;
	color: #237546;
	font-weight: 700;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-21 a::before,
.cl-effect-21 a::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-21 a:hover,
.cl-effect-21 a:focus {
	color: #fff;
}

.cl-effect-21 a:hover::before,
.cl-effect-21 a:focus::before,
.cl-effect-21 a:hover::after,
.cl-effect-21 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}








/* списки */

.bullet {
margin-left: 0;
list-style: none;
counter-reset: li;
}
.bullet li {
position: relative;
margin-bottom: 1.5em;
border: 3px solid #CADFCF;
padding: 0.6em;
border-radius: 4px;
background: #FEFEFE;
color: #231F20;
}
.bullet li:before {
position: absolute;
top: -0.7em;
padding-left: 0.4em;
padding-right: 0.4em;
font-size: 16px;
font-weight: bold;
color: #DCC24B;
background: #FEFEFE;
border-radius: 50%;
counter-increment: li;
content: counter(li);
}





.ramka-6 {
    width: 700px;
    height: 80px;
    margin: 15px auto;
    display: flex;
    align-items: center;
    justify-content: center;  
    font-size: 24px;
    font-family: 'Roboto Condensed', sans-serif;         
    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #40c781 100%, #40c781 100%),
        linear-gradient(to bottom, #40c781 100%, #40c781 100%),
        linear-gradient(to right, #40c781 100%, #40c781 100%),
        linear-gradient(to bottom, #40c781 100%, #40c781 100%);
    background-size:    100% 4px, 4px 100%, 100% 4px, 4px 100%;
    background-position:    0 0, 100% 0, 100% 100%, 0 100%;
    animation: anim-ramka-6 1.25s cubic-bezier(0.19, 1, 0.22, 1) 1;
    animation-play-state: paused;
}
.ramka-6:hover {
    animation-play-state: running;
}
@keyframes anim-ramka-6 {
    0% {
        background-size:    0 4px, 4px 0, 0 4px, 4px 0;
    }
    25% {
        background-size:    100% 4px, 4px 0, 0 4px, 4px 0;
    }
    50% {
        background-size:    100% 4px, 4px 100%, 0 4px, 4px 0;
    }
    75% {
        background-size:    100% 4px, 4px 100%, 100% 4px, 4px 0;
    }
    100% {
        background-size:    100% 4px, 4px 100%, 100% 4px, 4px 100%;
    }
}




.arrow-1 {
    cursor: pointer;
    position: relative;
    width: 80px;
    height: 50px;
    margin: 20px;
}
.arrow-1 div {
    position: relative;
    top: 20px;
    width: 90px;
    height: 10px;
    background-color: #337AB7;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    left:0;
    display: block;
}
.arrow-1 div::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 10px;
    top: -11px;
    right: -8px;
    background-color: #337AB7;
    transform: rotate(45deg);
}
.arrow-1 div::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 10px;
    top: 11px;
    right: -8px;
    background-color: #337AB7;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    transform: rotate(-45deg);
}
.arrow-1:hover {
    animation: arrow-1 1s linear infinite;
}
@keyframes arrow-1 {
    0% {
        left:0;
    }
    50% {
        left:10px;
    }
    100% {
        left:0;
    }
}




/* наша команда */

.kadupis-decung{
  margin-top: 50px;
}

.kadupis-decung h1{
  font-family: 'Allura', cursive;
  font-size: 52px;
  margin-bottom: 60px;
  text-align: center;
}

.cumconevu{
  display: flex;
  justify-content: center;
  width: auto;
  text-align: center;
  flex-wrap: wrap;
}

.cumconevu .volupavum {
  background: #fff;
  margin: 4px;
  margin-bottom: 50px;
  width: 265px;
  padding: 18px;
  line-height: 20px;
  color: #888dad;
  position: relative;
}

.cumconevu .volupavum h3{
  color: #047eb3;
  font-size: 18px;
  margin-top: 110px;
}

.cumconevu .volupavum p.role {
  color: #676363;
  margin: 10px 0;
  font-size: 14px;
  text-transform: uppercase;
}

.cumconevu .volupavum .vumkob-salovum{
  position: absolute;
  top: -50px;
  left: 47%;
  transform: translateX(-50%);
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: #fff;
}

.cumconevu .volupavum .vumkob-salovum img{
  width: 170px;
  height: 170px;
 padding: 5px; 
}


/*оранжевые блоки на главной*/
#line_block { 
        width:190px; 
        height:130px; 
        background:#ff9100; 
        float:left; 
        margin: 0 15px 15px 0; 
        text-align:center;
color: #fff !important;
 line-height: 2.5;
        padding: 20px;
        }




@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
.baha1493 {
  font-family: 'Open Sans', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 250px;
  max-width: 255px;
  width: 100%;
height: 270px;
  background-color: #ffffff;
  color: #000000;
  text-align: left;
  font-size: 16px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.baha1493 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.baha1493:after {
  position: absolute;
  top: 12px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 25px;
  border-color: transparent transparent transparent #d2652d;
  content: '';
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.baha1493 img {
  max-width: 100%;
  vertical-align: top;
  position: relative;
}

.baha1493 figcaption {
  padding: 20px 20px 30px;
  background-color: #ffffff;
}

.baha1493 .date {
  background-color: #d2652d;
  top: 15px;
  color: #fff;
  right: 15px;
  min-height: 48px;
  min-width: 48px;
  position: absolute;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 50%;
  padding: 10px 0;
}

.baha1493 .date span {
  display: block;
  line-height: 14px;
}

.baha1493 .date .month {
  font-size: 11px;
}

.baha1493 h3,
.baha1493 p {
  margin: 0;
  padding: 0;
}

.baha1493 h3 {
  margin-bottom: 10px;
  display: inline-block;
  font-weight: 700;
}

.baha1493 p {
  font-size: 0.8em;
  margin-bottom: 20px;
  line-height: 1.6em;
}

.baha1493 footer {
  padding: 0 25px;
  color: #999999;
  font-size: 0.8em;
  line-height: 50px;
  text-align: left;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.baha1493 footer > div {
  display: inline-block;
  margin-right: 15px;
}

.baha1493 footer i {
  margin-right: 5px;
  font-size: 1.2em;
}

.baha1493 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

.baha1493:hover:after,
.baha1493.hover:after {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}


/* Demo purposes only */

body {
  background-color: #212121;
}



/*Изменение прозрачности при наведении*/
.hover-effect7:hover {
opacity:0.8;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.hover-effect7 {
opacity:1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}








.kr-table {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 14px;
border-radius: 10px;
border-spacing: 0;
text-align: center;
}
.kr-table th {
background: #BCEBDD;
color: white;
text-shadow: 0 1px 1px #2D2020;
padding: 10px 20px;
}
.kr-table th, .kr-table td {
border-style: solid;
border-width: 0 1px 1px 0;
border-color: white;
}
.kr-table th:first-child, .kr-table td:first-child {
text-align: left;
}
.kr-table th:first-child {
border-top-left-radius: 10px;
}
.kr-table th:last-child {
border-top-right-radius: 10px;
border-right: none;
}
.kr-table td {
padding: 10px 20px;
background: #F8E391;
}
.kr-table tr:last-child, .kr-table td:first-child {
border-radius: 0 0 0 10px;
}
.kr-table tr:last-child, .kr-table td:last-child {
border-radius: 0 0 10px 0;
}
.kr-table tr td:last-child {
border-right: none;
}






#timeline *, 
#timeline *:before, 
#timeline *:after {
    box-sizing: border-box;
}    
#timeline .timeline-item:after, 
#timeline .timeline-item:before {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}
#timeline {
    max-width: 1100px;
    width: 100%;
    margin: 30px auto;
    position: relative;
    padding: 0 10px;
    transition: all 0.4s ease;
}
#timeline:before {
    content: "";
    width: 3px;
    height: 100%;
    background: #337AB7;
    left: 50%;
    top: 0;
    position: absolute;
}
#timeline:after {
    content: "";
    clear: both;
    display: table;
    width: 100%;
}
#timeline .timeline-item {
    margin-bottom: 50px;
    position: relative;
}
#timeline .timeline-item .timeline-icon {
    background: #337AB7;
    color: #FFF;
    text-align: center;
    font-size: 24px;
    line-height: 50px;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 50%;
    overflow: hidden;
    margin-left: -23px;
    border-radius: 50%;
}
#timeline .timeline-item .timeline-icon i {
    line-height: 50px;
}
#timeline .timeline-item .timeline-content {
    width: 45%;
    background: #fff;
    padding: 10px 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2), 0 4px 10px rgba(0,0,0,0.2);
    border-radius: 5px;
    transition: all 0.3s ease;
}
#timeline .timeline-item .timeline-content h4 {
    padding: 15px;
    background: #337AB7;
    color: #fff;
    margin: -20px -20px 10px -20px;
    font-weight: 300;
    border-radius: 3px 3px 0 0;
}
#timeline .timeline-item .timeline-content:before {
    content: '';
    position: absolute;
    left: 45%;
    top: 20px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #337AB7;
}
#timeline .timeline-item:nth-child(even) .timeline-content {
    float: right;
}
#timeline .timeline-item:nth-child(even) .timeline-content:before {
    content: '';
    right: 45%;
    left: inherit;
    border-left: 0;
    border-right: 7px solid #337AB7;
}
@media screen and (max-width: 768px) {
    #timeline {
        margin: 30px;
        padding: 0px;
        width: 90%;
    }
    #timeline:before {
        left: 0;
    }
    #timeline .timeline-item .timeline-content {
        width: 90%;
        float: right;
    }
    #timeline .timeline-item .timeline-content:before, 
    #timeline .timeline-item:nth-child(even) .timeline-content:before {
        left: 10%;
        margin-left: -6px;
        border-left: 0;
        border-right: 7px solid #337AB7;
    }
    #timeline .timeline-item .timeline-icon {
        left: 0;
    }
}


/*иконки новые*/




.iconblock-1 {
   
    transition: all 0.7s ease 0s;
    text-align:center;
display: inline-block;
margin: 0px 0px 0px 30px;

}


.iconblock-1 i, 
.iconblock-1 .icon {
    font-size:64px;
    color:#047EB3;
    border: 6px double #047EB3;
    display: block;
    height: 64px;
    width:64px;
    margin:0 auto;
    text-align: center;
    padding:18px;
    border-radius:100px;
    box-sizing: content-box;
}
.iconblock-1:hover i, 
.iconblock-1:hover .icon{ 
transition: all 0.7s ease 0s;
    border: 6px double #fff;
    color:#fff;
    background: #047EB3; 

}


.iconblock-1 h3 a {
	text-decoration: none;
color: #047EB3;
}


.iconblock-1:hover h3 a {
	text-decoration: none;
color: #000;
}

.iconblock-1 h3{
    transition: all 0.7s ease 0s;
    color: #ff6a1e;
    position: relative;
    display:inline-block;    
    margin:0 0 6px 0;
    padding:4px;
    font-size:17px;
}    
.iconblock-1:hover h3{
    color: #000;
}    
.iconblock-1 h3:before {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    height:2px;
    background: #047EB3;
    content: '';
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    transform: translateY(6px);
}
.iconblock-1:hover h3:before,
.iconblock-1:focus h3:before {  
 opacity: 1;
    transform: translateY(0px);

}


/*блоки новые*/
.grid * {
    box-sizing: border-box;
}
.grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 30px;
    row-gap: 30px;
    padding: 20px 0;
}
/* Кол-во блоков на разных экранах */
@media only screen and (max-width: 1200px) {
    .grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media only screen and (max-width: 900px) {
    .grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (max-width: 600px) {
    .grid {
        grid-template-columns: 1fr;
    }
}
.grid-item {
    box-shadow: 0 2px 5px rgba(0,0,0,0.2), 0 4px 6px rgba(0,0,0,0.2);
    transition: box-shadow .3s;
    width: 100%;
    height: 100%;  
}
.grid-item .image {
    height: 200px;
    overflow: hidden;
}
.grid-item .info {
    position: relative;
    height: calc(100% - 200px);
    padding: 16px 14px 80px 14px;
}
.grid-item:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);
}
.grid-item .image img  {
      transition: transform 280ms ease-in-out;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;    
}
.grid-item:hover .image img  {
    transform: scale(1.1);
}
.info h2 {
    font-family: 'Roboto Condensed', Тahoma, sans-serif;
    color: #047eb3;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    text-align: center;
line-height: 18px;
}
.info-text p {
    font-size: 15px;
    line-height: 20px;
    
    margin-bottom: 10px;
}
.info-text p:last-child {
    margin-bottom: 0;
}
.grid-item .button-wrap {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 14px;
    left: 0;
    text-align: center;
}
/* Кнопка подробнее */
.atuin-btn {
    display: inline-flex;
    text-decoration: none;
    position: relative;
    font-size: 16px;
    line-height: 20px;
    padding: 12px 30px;
    color: #FFF;
    
    text-transform: uppercase; 
    font-family: 'Roboto Condensed', Тahoma, sans-serif;
    background: #047EB3;
    cursor: pointer; 
    border: 2px solid #3D98BF;
}
.atuin-btn:hover,
.atuin-btn:active,
.atuin-btn:focus {
    color: #FFF;
}
.atuin-btn:after,
.atuin-btn:before {
    position: absolute;
    height: 4px;
    left: 50%;
    background: #047EB3;
    bottom: -6px;
    content: "";
    transition: all 280ms ease-in-out;
    width: 0;
}
.atuin-btn:before {
    top: -6px;
}
.atuin-btn:hover:after,
.atuin-btn:hover:before,
.atuin-btn:active:after,
.atuin-btn:active:before,
.atuin-btn:focus:after,
.atuin-btn:focus:before {
    width: 100%;
    left: 0;
}


/*кружки новые*/

.hover-image-7 * {
  box-sizing: border-box;
}
.hover-image-7 {
  color: #fff;
  position: relative;
  overflow: hidden;
  display: inline-block;
  background: #047EB3;
  line-height: 0;
}
.hover-image-7 img {
  opacity: 1;
  transition: opacity 0.35s;
}
.hover-image-7 > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hover-image-7 > div::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  opacity: 0;
  transition: opacity 0.4s;
  background-image: linear-gradient(
    45deg,
    #047EB3 0%,
    transparent 40%,
    rgba(255, 255, 255, 0.15)
  );
}
.hover-image-7:hover > div::before {
  opacity: 1;
}
.hover-image-7 i,
.hover-image-7 div img {
  transition: opacity 0.35s;
  display: inline-block;
  font-size: 36px;
  width: 30px;
  height: 30px;
  color: #fff;
  position: absolute;
  bottom: 12px;
  left: 12px;
  opacity: 0;
  z-index: 1;
}
.hover-image-7:hover i,
.hover-image-7:hover div img {
  opacity: 1;
}
.hover-image-7 .curl {
  width: 0px;
  height: 0px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    225deg,
    #ffffff,
    #f3f3f3 20%,
    #bbbbbb 38%,
    #aaaaaa 44%,
    #888888 50%,
    rgba(0, 0, 0, 0.7) 50%,
    rgba(0, 0, 0, 0.4) 60%,
    rgba(0, 0, 0, 0.3)
  );
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease;
}
.hover-image-7 .curl:before,
.hover-image-7 .curl:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 12%;
  bottom: 6%;
  width: 70%;
  max-width: 300px;
  max-height: 100px;
  height: 55%;
  box-shadow: 0 12px 15px rgba(0, 0, 0, 0.3);
  transform: skew(-10deg) rotate(-6deg);
}
.hover-image-7 .curl:after {
  left: auto;
  right: 6%;
  bottom: auto;
  top: 14%;
  transform: skew(-15deg) rotate(-84deg);
}
.hover-image-7 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
.hover-image-7:hover .curl {
  width: 90px;
  height: 90px;
}













/* социальные иконки */

/* -- Стиль CSS --*/
div.center_list{
  text-align: center;
}
div.center_list > ul {
  display: inline-block;
  text-align: left;
  max-width: 70% /* не обязательно */
}

a.telegrambut1{padding:5px; margin:5px; border-radius:4px; box-shadow: 2px 2px 4px -2px rgb(0, 0, 0, 0.5); background:#047EB3; width: 130px; display: inline-block; text-align: center;}

a.youtubebut1{padding:5px; margin:5px; border-radius:4px; box-shadow: 2px 2px 4px -2px rgb(0, 0, 0, 0.5); background:#047EB3; width: 130px; display: inline-block; text-align: center;}


a.instagram1{padding:5px; margin:5px; border-radius:4px; box-shadow: 2px 2px 4px -2px rgb(0, 0, 0, 0.5); background:#047EB3; width: 130px; display: inline-block; text-align: center;}



/* кнопка сбоку популярное */


body {
  background: #ffbfbe;
}
.shine-button2 {
  text-decoration: none;
  display: block;
  padding: 10px 10px;
  margin: 0px 0px;
  position: relative;
  overflow: hidden;
  border: 2.5px solid #eee7e1;
border-radius: 0px 0px 8px 8px
  font-family: 'Montserrat', sans-serif;
  color: #444242;
  transition: .2s ease-in-out;
}
.shine-button2:before {
  content: "";
  background: linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .5));
  height: 50px;
  width: 100px;
  position: absolute;
  top: -8px;
  left: -75px;
  transform: skewX(-45deg);
}
.shine-button2:hover {
  background: #ff7a38;
  color: #fff;
}
.shine-button2:hover:before {
  left: 150px;
  transition: .5s ease-in-out;
}




/* кнопка Положения о конкурсах */


body {
  background: #ffffff;
}
.shine-button {
  text-decoration: none;
  display: block;
  padding: 20px 40px;
  margin: 0px 0px;
  position: relative;
  overflow: hidden;
  border: 2px solid #047EB3;
border-radius: 0px 0px 8px 8px
  font-family: 'Montserrat', sans-serif;
  color: #047EB3;
  transition: .2s ease-in-out;
background: #ffffff;
border-radius: 8px 8px 8px 8px
}
.shine-button:before {
  content: "";
  background: linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .5));
  height: 50px;
  width: 100px;
  position: absolute;
  top: -8px;
  left: -75px;
  transform: skewX(-45deg);
}
.shine-button:hover {
  background: #047EB3;
  color: #fff;
}
.shine-button:hover:before {
  left: 150px;
  transition: .5s ease-in-out;
}









/* Стили кнопки */
.iksweb{display: inline-block;cursor: pointer; font-size:17px;text-decoration:none;padding:13px 20px; color:#047EB3;background:#ffff0;border-radius:12px;border:2px solid #047EB3;}
.iksweb:hover{background:#ff9100;color:#ffffff;border:2px solid #ff9100;transition: all 0.2s ease;}




/* Стили кнопки */
.iksweb2{display: inline-block;cursor: pointer; font-size:17px;text-decoration:none;padding:3px 30px; color:#354251;background:#;border-radius:13px;border:2px solid #ff6600;}
.iksweb2:hover{background:#047EB3;color:#ffffff;border:2px solid #ff6600;transition: all 0.2s ease;}

/* Стили кнопки форма онлайн-запс */
.iksweb33{display: inline-block;cursor: pointer; font-size:17px;text-decoration:none;padding:15px 57px; color:#354251;background:#ffff0;border-radius:0px;border:2px solid #354251;}
.iksweb33:hover{background:#354251;color:#ffffff;border:2px solid #354251;transition: all 0.2s ease;}


/* Стили кнопки оргсобрания */
.iksweb45{display: inline-block;cursor: pointer; font-size:17px;text-decoration:none;padding:10px 20px; color:#354251;background:#ffff0;border-radius:11px;border:2px solid #354251;}
.iksweb45:hover{background:#354251;color:#ffffff;border:2px solid #354251;transition: all 0.2s ease;}
</style>



/* Стили таблицы (IKSWEB) */
	

.table1 {
	width: 100%;
	border: none;
	margin-bottom: 20px;
}
.table1 thead th {
	font-weight: bold;
	text-align: left;
	border: none;
	padding: 10px 15px;
	background: #d8d8d8;
	font-size: 14px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.table1 tbody td {
	text-align: left;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 10px 15px;
	font-size: 14px;
	vertical-align: top;
}
.table1 thead tr th:first-child, .table tbody tr td:first-child {
	border-left: none;
}
.table1 thead tr th:last-child, .table tbody tr td:last-child {
	border-right: none;
}
.table1 tbody tr:nth-child(even){
	background: #f3f3f3;
}













/* Стили кнопки районный конкурсы*/
.iksweb78{display: inline-block;cursor: pointer; font-size:18px;text-decoration:none;padding:12px 22px; color:#ffffff;background:#047EB3;border-radius:13px;border:3px solid #3D98BF;}
.iksweb78:hover{background:#047EB3;color:#ffffff;border:3px solid #047EB3;transition: all 0.2s ease;}





/* Кнопки цифровой педагог */
.iksweb78{display: inline-block;cursor: pointer; font-size:18px;text-decoration:none;padding:12px 22px; color:#ffffff;background:#047EB3;border-radius:13px;border:3px solid #3D98BF;}
.iksweb78:hover{background:#047EB3;color:#ffffff;border:3px solid #047EB3;transition: all 0.2s ease;}








/* новые кнопки на главной*/
.button-1 {
    color: #047eb3;
    background: transparent;
    border: 2px solid #047eb3;
    position: relative;
    font-size: 16px;
   
   font-family: 'Montserrat', sans-serif;
    padding: 17px 25px 17px 25px;
margin: 3px 3px 3px 3px;
width: 196px;
    transition: .1s ease-in-out;
    cursor: pointer;
border-radius: 8px 8px 0px 0px
}
.button-1:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100%;
    height: 100%;
    background: #eee7e1;
    z-index: -1;
    transition: .25s ease;
    transform: translate(0, 0);
border-radius: 8px 8px 0px 0px
}
.button-1:hover:before {
    transform: translate(4px, 4px);
}






/* адаптивная таблица карточка сотрдуника*/


table.iksweb24{text-decoration: none;border-collapse:collapse;width:auto;text-align:center;}
	table.iksweb24 th{font-weight:500;font-size:14px; color:#ffffff;background-color:#047eb3;}
	table.iksweb24 td{font-size:13px;color:#354251;}
	table.iksweb24 td,table.iksweb24 th{white-space:pre-wrap;padding:12px 12px;line-height:13px;vertical-align: middle;border: 1px solid #047eb3;}	table.iksweb24 tr:hover{background-color:#f9fafb}
	table.iksweb24 tr:hover td{color:#354251;cursor:default;}
	.mobile-table24{width: 100%; max-width: 100%; overflow-x: auto;}




/* блок див последовательно 2 */

div.block{
        display:inline-block;
        padding:6px;
        margin:3px;
border: 3px dotted #047eb3;
width: 265px;
font-size: 17px;
line-height: 17px;
text-align: justify;



    }







/* блок див последовательно */

.layer1 {
    
    padding: 10px; /* Поля вокруг текста */
    float: left; /* Обтекание по правому краю */
    width: 400px; /* Ширина слоя */
   }
   .layer2 {
    
    padding: 5px; /* Поля вокруг текста */
    width: 400px; /* Ширина слоя */
    float: left; /* Обтекание по правому краю */
   }
   .clear {
    clear: left; /* Отмена обтекания */
   }



/* блок див последовательно на главной */

.layer123 {
    
   display:inline-block; padding: 10px; /* Поля вокруг текста */
    float: left; /* Обтекание по правому краю */
    width: 150px; /* Ширина слоя */
   }
   .layer234 {
    
    padding: 5px; /* Поля вокруг текста */
    width: 330px; /* Ширина слоя */
    float: left; /* Обтекание по правому краю */
   }
   .clear {
    clear: left; /* Отмена обтекания */
   }