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

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

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

a:link {color: #288ac8; }
a:visited {color: #002F52; }
a:hover {text-decoration: underline; color: #005C9C; }

#google_translate_element {position:absolute; margin-top:-25px;}

body {
background:url(/sm.aspx?guid=37113);
background-repeat: repeat-x;

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: #black; background-color: #777; border: 0; height: 2px; /* высота 1px IE, Firefox, Opera, Safari */ clear:both;}



/* Красивые таблицы в содержании */

.content_box .tb {margin: 0.5em auto; vertical-align: middle; text-align:justify;}
.content_box .tb thead {background-color: #1c3a52; border-bottom: solid 2px #1c3a52; }
.content_box .tb td { border:1px solid #288ac8; padding: 5px; vertical-align: middle; }
.content_box .tb tr:nth-of-type(1) {background-color: #1c3a52; color:white; font-weight: bold; text-align:center;}
.content_box .tb tr:nth-of-type(even) {background-color: #E2F3FF;}
/*.content_box .tb tr:hover{background:#e6e6e6;}*/
.content_box .tb caption {margin-bottom: 5px; font-weight: bold;}

table {border-collapse: collapse; border-color: #444;width:100%;}
table td {vertical-align: top; padding:0 5px; }
.content_box table p {margin: 0.4em auto 0.6em;}
table img {border: 0px outset #e6e6e6; border-radius: 0px 0 0 0; box-shadow: 0 0 5px #444444;}

iframe {max-width: 100%; }


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

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

/* Ширина основного блока с содержанием */

   #layout > div.wrapper {padding: 0;  width:100%; }
.wrapper {padding: 0 10px; /* overflow: hidden; */}

#layout > div.wrapper2 {padding: 0;  width:100%; }
.wrapper2 {padding: 0 10px; /* overflow: hidden; */ background:#e6e6e6; box-shadow: 0 0 10px #444444;}



.GL {background:#fff;}

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

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

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


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

#header {clear: both; position:relative; width:100%; height:220px; background:url(/sm.aspx?guid=37103) right center no-repeat;}
#header > .wrapper {padding: 0; }

   #top_bar {line-height: 10px; padding: 2px 5px; font-size: 14px; background-color: #022037; border-bottom: solid 0px #a0ccec; text-align: right; }
      #top_bar > div {display: inline-block; height: 20px; line-height: 20px; }

   #logo {padding: 15px 0px 15px; max-height: 100%; overflow:hidden; background: #000; top:50%}
      #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: 100%; max-width:100%; width: 65%;margin-left: 5px; width:100%; color:white;}

          #logo_block_content {padding: 12px 0; display: table-cell; vertical-align: middle; }
          #logo_block p {margin-bottom: 1em; text-shadow: 0 0 5px black;}
#logo_block a{color:white; text-shadow: 2px 2px 5px #black;}
#logo_block .SC {margin:-20px 0 0 0;}
#logo_block .SC a{color:white; font-size:35px;}
#logo_block .SC a:hover{color:white; font-size:35px; text-decoration:none;}


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

#h_menu {clear: both; width: 100%; line-height: 2em; background: #022037; border-radius: 10px 10px 0px 0px; text-align: center; margin: 0 0 -6px 0;}

       #h_menu ul {list-style-type: none; display: inline; line-height: 2em; }
       #h_menu li {display: inline-block; color: #fff; position: relative; }
              #h_menu 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: #288AC8; color: #fafafa; position:relative;}
#h_menu li.parent_active {}
#h_menu li a {color: inherit; }

/* Пункт "Главная" (значок) */
/*
.home-icon a {background: url(/sm.aspx?guid=35173) 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: #288AC8;}*/


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

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


/* Настройка отдельных уровней */
#h_menu .level_1 {left: 0; background: white; font-size: 0.9em; line-height: 1.1em;border-radius: 0 10px 10px 10px;}
#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; color:#022037; }
#h_menu .level_2 {left: 100%; top: 10px; background:#288AC8; color:#fff;}
#h_menu .level_1 a:hover {color:#fff; }


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

   #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; text-size:14px; color:#288ac8; }
   #rss_top_link a, #site_map_link a {display: inline-block; overflow: hidden; width: 22px; text-align: center; text-decoration: none; color:white;}
#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;  border-radius: 10px;}



/*------------------------ */
/* Соц. кнопки, 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: 10px; overflow: hidden; font-size: 0.9em;margin-bottom: 10px; background:#fff; box-shadow: 0 0 5px #444444;}
      .aside_box > .wrapper{overflow: hidden; } 
          .aside_box > h3 {text-align:center;padding: 0.25em 0.5em; background:#022037; font-size: 1.1em; color:white;}
          .aside_box img {max-width: 220px; border-radius:10px; box-shadow: 0 0 5px #444444; }
/*-------------------*/
.aside_box2 {clear:both; border-radius: 10px; overflow: hidden; font-size: 0.9em;margin:5px 1px; background:#fff; box-shadow: 0 0 5px #444444; }
      .aside_box2 > .wrapper{overflow: hidden; } 
          .aside_box2 > h3 {text-align:center;padding: 0.25em 0.5em; background:#022037; font-size: 1.1em; color:white;}
          .aside_box2 img {max-width: 220px; }
/*-------------------*/
.aside_boxd {clear:both; border-radius: 10px;overflow: hidden; font-size: 0.9em;margin:5px 0px; background:#1c3a52; box-shadow: 0 0 5px #444444; width:100%; height:250px;}
      .aside_boxd > .wrapper{overflow: hidden; } 
          .aside_boxd > h3 {text-align:center;padding: 0.25em 0.5em; background:#022037; font-size: 1em; color:white;}
          .aside_boxd img {max-width: 240px;box-shadow: 0 0 5px #444444; }
/*-------------------*/
.content_box { clear: both; margin: 0px 0px 10px;  }  
.content_boxF { clear: both; margin: 0px 0px 5px; box-shadow: 0 0 5px #444444; border-radius:10px;}  

.content_box:first-child{margin-top:0;}


.content_boxN { clear: both; margin: -10px 0px 10px 0; background:white; padding: 0 0 10px 0; border-radius:10px; box-shadow: 0 0 5px #444444;}  
.content_boxZ { clear: both; background:#dd0a35; color:white; border-radius:10px; font-weight: bold; text-align:center; }
.content_boxV { clear: both; margin: 10px 0px 10px 0; background:white; padding: 10px; border-radius:10px; box-shadow: 0 0 5px #444444;}   





#region_2_default {background-size: 400px 600px; border-radius: 5px 0 0 0; width:100%; background:white url(---) right bottom no-repeat; padding: 0 0px; border-radius: 10px; box-shadow: 0 0 5px #444444; }

    #region_2_default .content_box {padding:0 10px 30px 10px !important; }
#region_2_default img {margin:5px 0 0 0; box-shadow: 0 0 5px #444444; border-radius:10px;}

#breadcrumbs {border-radius: 10px 10px 0px 0px ; font-size: 0.9em; background:#288ac8; /*background: linear-gradient(45deg, #022037 15%, #022037 30%, #022037 50%, #288ac8 75%);*/padding: 0.4em 10px 0.4em 10px; color: white; }
#breadcrumbs a {color:white;}


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

#footer {clear: both;background:#022037; overflow: hidden; margin: 20px 0 0px 0; color:white;}
   #footer > .wrapper {padding: 1em 30px 2em; overflow: hidden; }

#footer_line {background:#288ac8;line-height: 0;height:60px;}
#carousel-default {width: 100%;margin: 0 auto; height:60px;}
#carousel-default img {box-shadow: 0 0 5px #444444 !important;}



#footer_block {font-size: 0.9em; color:white;}
#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 {}


.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 2px #a6a6a6; padding: 0.5em 0.5em 0em;  overflow: hidden; }
.excerpt:last-child {border-bottom: none; }


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

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

.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: 14px; color: White;font-weight:bold; text-align:center; background:#288ac8; border-radius: 10px 10px 10px 10px; width:auto;}

.date2 {display: inline-block;width:130px; font-size: 14px; color: White;font-weight:bold; text-align:center; background:#288ac8; border-radius: 10px 10px 10px 10px; margin:0 10px 0 -5px;}

.ntext {display: inline-block; font-size: 14px; color: #022037; text-align:justify; margin: 3px 5px;}
.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 {  border-bottom: solid 2px #a6a6a6;}
.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  {display: block;  width:130px; clear: both; margin: 5px 0px;  background:#022037; border-radius: 10px 10px 10px 10px;  padding:0 5px; text-align:center; }
a.show-hide  {color:white; text-decoration: none;}
a.show-hide:active  {color:white; text-decoration: none;}

a.read_more  {color:white; text-decoration: none;}
.read_more {display: block;  width:130px; clear: both; margin: 5px 0px;  background:#022037; border-radius: 10px 10px 10px 10px;  padding:0 5px; text-align:center; }
a.read_more  {color:white; text-decoration: none;}

a.read_more :hover {color:white; text-decoration: none;}
.show-hide:hover, .read_more:hover {text-decoration: none; background:#dd0a35; color:white;}

.read_more2 {display: block;  width:130px; clear: both; margin: 5px 0px;  background:#e6e6e6; border-radius: 10px 10px 10px 10px;  padding:0 5px; text-align:center; }
a.read_more2  {color:#1c3a52; text-decoration: none;}
a.read_more2 :hover {color:white; text-decoration: none;}
.read_more2:hover {text-decoration: none; background:#dd0a35; color:white;}

.spoiler {background:#e6e6e6; padding:10px; border-radius:10px; box-shadow: 0 0 5px #444444; margin:2px;}
   .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;}
.off-banners2 img {height: 200px; width:auto; }

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

.link-button {background-color: #e6e6e6; display: inline-block;padding: 0.2em 2em; border-radius: 10px; text-decoration: none; margin-bottom: 1em;margin-top: 1em; color:#1b3a52;}
.link-button:hover {cursor: pointer;}


/*--------------*/
/* Меню раздела */
/*--------------*/

ul.secondaryNavi {
clear:both;
float:center;
width:100%;

}
ul.secondaryNavi li {
padding-right:0px;
border-bottom:1px solid #ccc;
list-style-type: none;
}
ul.secondaryNavi li a {display:block; padding: 0.4em 10px 0.4em 10px;color:#fff; background:#022037; text-decoration: none;}
ul.secondaryNavi li:hover {border-bottom:1px solid #ccc;color:#fff; }
ul.secondaryNavi li a:hover {color:#ffbb00; background:#3d9ad1; color:#fff;  text-decoration: none;} 


.section_menu {line-height: 1.4em; padding: 0 0em;  }
.section_menu .active > span{background:none; }
.section_menu li:hover {text-decoration: none; background:#288ac8; margin-left:-10px; margin-right:-10px; padding-left:10px; }
.section_menu li {list-style-type: none; }

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

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

.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: square;}

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

.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: 10px;}

.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 {background:white;clear:both; list-style-type: none; padding: 5px 0 0px 10px; border-radius:0 0 10px 10px;}

.thumbs li {display: inline-block; width:12%;}
.thumbs_box {box-shadow: 0 0 5px #444444; border-radius:10px; margin-bottom:10px;}
.thumbs_box a img {width:20%; border: solid 3px #e6e6e6;}
.thumbs_box h3 {color: white;text-align:center;font-size: 1em; background: #022037; border-radius: 10px 10px 0 0; line-height: 1.6em; margin-bottom: 0; }
.thumbs a img {border: solid 3px #e6e6e6; width: 100%;  transition: all 0.2s ease-in .1s; margin-top:5px; }
.thumbs a:hover {z-index: 999; }
.thumbs a:hover img {transform: scale(1.1); }

.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 в стилях Яндекс.Поиска */ margin:0px -6px 10px -5px !important;}
#ya-site-form0 .ya-site-form__search-input{padding:0!important;}
.ya-site-form__input-text {line-height: 24px; border-color: #288ac8 !important; border: solid 3px #288ac8 !important; box-sizing: border-box; border-right: none !important; padding: 0 4px; height: 28px; border-radius: 10px 0 0 10px; }

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

.ya-site-form__submit:hover {
    background-color: #288ac8;
    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: 0.9em; text-align: right;}

.edu_by .ajax__tab_header .ajax__tab_outer {border-radius: 10px 10px 0px 0px; background: #022037; color:white; margin:0px 5px 0 0; }


.edu_by .ajax__tab_header .ajax__tab_outer:hover{background: #288ac8; color:white; }

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

.edu_by .ajax__tab_active .ajax__tab_outer:hover{background: #dd0a35;font-weight:bold; color:white;}
.edu_by .ajax__tab_active .ajax__tab_outer {background: #dd0a35;font-weight:bold;}
.edu_by .ajax__tab_active .ajax__tab_tab {font-size: 1em;}

.edu_by .ajax__tab_body {font-size: 1em; border:0px solid #022037; padding: 0.5em; background-size: 300px 450px;margin: 0 5px 0 5px; border-radius: 10px 0px 10px 10px; background:white; box-shadow: 0 0 5px #444444;}
.edu_by .ajax__tab_body img {border-radius: 10px; box-shadow: 0 0 5px #444444; margin-top:10px;}

#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 #A4C8E2; }

.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; text-align:center;}

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


.ac-container{
    width: 100%;
    


}
.ac-container label{
    font-family: Tahoma, Arial, sans-serif;
    padding: 2px 5px;
    position: relative;
    z-index: 20;
    display: block;   
    cursor: pointer;
    text-align:center;
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
background: #022037;
margin-bottom:2px;color: white;


   
}
.ac-container label:hover{
    background: #288ac8;

}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
    background: #288ac8;

}

.ac-container input{
    display: none;
}
.ac-container article{
    background: rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;

    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
    font-style: italic;
    color: #fff;
    line-height: 23px;
    font-size: 14px;
    padding: 20px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
    -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
    height: 500px;
padding: 0px 10px;
}
.ac-container input:checked ~ article.ac-medium{
    height: 180px;
}
.ac-container input:checked ~ article.ac-large{
    height: 2300px;
}

/* ГЛАВНЫЕ КНОПКИ */

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

.grid {
	overflow: hidden;
	margin: 0;
	padding: 0em 0 0 0;
	width: 100%;
	list-style: none;
	text-align: center;




}

/* Common style */
.grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	width: 12.5%;
	height: 110px;
	background: #022037;
	text-align: center;
	cursor: pointer;
border-bottom:2px solid #288ac8;





}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/* Individual effects */

/*---------------*/
/***** Lily *****/
/*---------------*/

figure.effect-lily img {
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

figure.effect-lily figcaption {
	top: auto;
	bottom: 0;
	height: 50%;
	text-align: left;
}

figure.effect-lily h2,
figure.effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-lily p {
	color: rgba(255,255,255,0.6);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
	opacity: 1;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}

/*---------------*/
/***** Sadie *****/
/*---------------*/

figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(221,10,53,0) 0%, rgba(221,10,53,0.8) 75%);
	background: linear-gradient(to bottom, rgba(221,10,53,0) 0%, rgba(221,10,53,0.8) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}
figure.effect-sadie img {width:100%; }
figure.effect-sadie h2 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #fff;
font-size: 14px;
padding: 0 5px;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
text-shadow:#000000 1px 1px 5px;
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.effect-sadie:hover h2 {
	color: #fff;
	-webkit-transform: translate3d(0,-10%,0) translate3d(0,-30px,0);
	transform: translate3d(0,-10%,0) translate3d(0,-30px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,10px,0);
}

/*---------------*/
/***** Sadie2 *****/
/*---------------*/

.grid figure.effect-sadie2 {width:25%;border-top:2px solid #288ac8;margin-top:5px;}
figure.effect-sadie2 figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(221,10,53,0) 0%, rgba(221,10,53,0.8) 75%);
	background: linear-gradient(to bottom, rgba(221,10,53,0) 0%, rgba(40,138,200,0.8) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}
figure.effect-sadie2 img {width:100%; }
figure.effect-sadie2 h2 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #fff;
font-size: 14px;
padding: 0 5px;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
text-shadow:#000000 1px 1px 5px;
}

figure.effect-sadie2 figcaption::before,
figure.effect-sadie2 p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie2 p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.effect-sadie2:hover h2 {
	color: #fff;
	-webkit-transform: translate3d(0,-10%,0) translate3d(0,-30px,0);
	transform: translate3d(0,-10%,0) translate3d(0,-30px,0);
}

figure.effect-sadie2:hover figcaption::before ,
figure.effect-sadie2:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,10px,0);
}

/*---------------*/
/***** Roxy *****/
/*---------------*/

figure.effect-roxy {
	background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
	background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}

figure.effect-roxy img {
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50px,0,0);
	transform: translate3d(-50px,0,0);
}

figure.effect-roxy figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0);
}

figure.effect-roxy figcaption {
	padding: 3em;
	text-align: left;
}

figure.effect-roxy h2 {
	padding: 30% 0 10px 0;
}

figure.effect-roxy p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
}

figure.effect-roxy:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
	background: #9e5406;
}

figure.effect-bubba img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 30%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Romeo *****/
/*---------------*/

figure.effect-romeo {
	-webkit-perspective: 1000px;
	perspective: 1000px;
}

figure.effect-romeo img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,0,300px);
	transform: translate3d(0,0,300px);
}

figure.effect-romeo:hover img {
	opacity: 0.6;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-romeo figcaption::before,
figure.effect-romeo figcaption::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	height: 1px;
	background: #fff;
	content: '';
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);

}

figure.effect-romeo:hover figcaption::before {
	opacity: 0.5;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
	transform: translate3d(-50%,-50%,0) rotate(45deg);
}

figure.effect-romeo:hover figcaption::after {
	opacity: 0.5;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
	transform: translate3d(-50%,-50%,0) rotate(-45deg);
}

figure.effect-romeo h2,
figure.effect-romeo p {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-romeo h2 {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
	transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
}

figure.effect-romeo p {
	padding: 0.25em 2em;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
	transform: translate3d(0,-50%,0) translate3d(0,150%,0);
}

figure.effect-romeo:hover h2 {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
	transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
}

figure.effect-romeo:hover p {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
	transform: translate3d(0,-50%,0) translate3d(0,100%,0);
}

/*---------------*/
/***** Layla *****/
/*---------------*/

figure.effect-layla {
	background: #18a367;
}

figure.effect-layla img {
	min-width: 100%;
	height: -webkit-calc(100% + 40px);
	height: calc(100% + 40px);
}

figure.effect-layla figcaption {
	padding: 3em;
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure.effect-layla figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

figure.effect-layla h2 {
	padding-top: 26%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-layla p {
	padding: 0.5em 2em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

figure.effect-layla img,
figure.effect-layla h2 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-layla:hover h2,
figure.effect-layla:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

/*---------------*/
/***** Honey *****/
/*---------------*/

figure.effect-honey {
	background: #4a3753;
}

figure.effect-honey img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-honey:hover img {
	opacity: 0.5;
}

figure.effect-honey figcaption::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.effect-honey h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1em 1.5em;
	width: 100%;
	text-align: left;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-honey h2 i {
	font-style: normal;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-honey figcaption::before,
figure.effect-honey h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h2,
figure.effect-honey:hover h2 i {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Oscar *****/
/*---------------*/

figure.effect-oscar {
	background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
	background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}

figure.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
	padding: 3em;
	background-color: rgba(58,52,42,0.7);
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
}

figure.effect-oscar h2 {
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-oscar:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-oscar:hover img {
	opacity: 0.4;
}

/*---------------*/
/***** Marley *****/
/*---------------*/

figure.effect-marley figcaption {
	text-align: right;
}

figure.effect-marley h2,
figure.effect-marley p {
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;
}


figure.effect-marley p {
	bottom: 30px;
	line-height: 1.5;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-marley h2 {
	top: 30px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-marley:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-marley h2::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-marley h2::after,
figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Ruby *****/
/*---------------*/

figure.effect-ruby {
	background-color: #17819c;
}

figure.effect-ruby img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-ruby h2 {
	margin-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-ruby p {
	margin: 1em 0 0;
	padding: 3em;
	border: 1px solid #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 

figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

/*---------------*/
/***** Milo *****/
/*---------------*/

figure.effect-milo {
	background: #2e5d5a;
}

figure.effect-milo img {
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-30px,0,0) scale(1.12);
	transform: translate3d(-30px,0,0) scale(1.12);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-milo:hover img {
	opacity: 0.5;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

figure.effect-milo h2 {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 1em 1.2em;
}

figure.effect-milo p {
	padding: 0 10px 0 0;
	width: 50%;
	border-right: 1px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0,0);
	transform: translate3d(-40px,0,0);
}

figure.effect-milo:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Dexter *****/
/*---------------*/

figure.effect-dexter {
	background: -webkit-linear-gradient(top, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%);
	background: linear-gradient(to bottom, rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%); 
}

figure.effect-dexter img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-dexter:hover img {
	opacity: 0.4;
}

figure.effect-dexter figcaption::after {
	position: absolute;
	right: 30px;
	bottom: 30px;
	left: 30px;
	height: -webkit-calc(50% - 30px);
	height: calc(50% - 30px);
	border: 7px solid #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
}

figure.effect-dexter:hover figcaption::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-dexter figcaption {
	padding: 3em;
	text-align: left;
}

figure.effect-dexter p {
	position: absolute;
	right: 60px;
	bottom: 60px;
	left: 60px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
}

figure.effect-dexter:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Sarah *****/
/*---------------*/

figure.effect-sarah {
	background: #42b078;
}

figure.effect-sarah img {
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-sarah:hover img {
	opacity: 0.4;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah figcaption {
	text-align: left;
}

figure.effect-sarah h2 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
}

figure.effect-sarah h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

figure.effect-sarah:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

figure.effect-sarah:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Zoe *****/
/*---------------*/

figure.effect-zoe figcaption {
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 3.75em;
	background: #fff;
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-zoe h2 {
	float: left;
}

figure.effect-zoe figcaption > span {
	float: right;
}

figure.effect-zoe p {
	position: absolute;
	bottom: 8em;
	padding: 2em;
	color: #fff;
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-zoe h2,
figure.effect-zoe figcaption > span {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

figure.effect-zoe figcaption > span::before {
	display: inline-block;
	padding: 8px 10px;
	font-family: 'feathericons';
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-eye::before {
	content: '\e000';
}

.icon-paper-clip::before {
	content: '\e001';
}

.icon-heart::before {
	content: '\e024';
}

figure.effect-zoe h2 {
	display: inline-block;
}

figure.effect-zoe:hover p {
	opacity: 1;
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover figcaption > span {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-zoe:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-zoe:hover figcaption > span:nth-child(4) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-zoe:hover figcaption > span:nth-child(3) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-zoe:hover figcaption > span:nth-child(2) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

/*---------------*/
/***** Chico *****/
/*---------------*/

figure.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

figure.effect-chico:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-chico figcaption {
	padding: 3em;
}

figure.effect-chico figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.effect-chico figcaption::before,
figure.effect-chico p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-chico h2 {
	padding: 20% 0 20px 0;
}

figure.effect-chico p {
	margin: 0 auto;
	max-width: 200px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media screen and (max-width: 69.5em) {
	.grid figure {
		width: 50%;
	}	

	.grid figure figcaption {
		font-size: 90%;
	}
}


@media screen and (max-width: 41.5em) {

	.grid figure {
		width: 100%;
	}
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}