@font-face {
    font-family: "Bahnschrift";
    src: local("Bahnschrift"); /* Браузер сначала попробует найти шрифт локально */
    src: url("/templates/default/fonts/Bahnschrift.eot"); /* IE9*/
    src: url("/templates/default/fonts/Bahnschrift2.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/templates/default/fonts/Bahnschrift.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("/templates/default/fonts/Bahnschrift.svg#Bahnschrift") format("svg"); /* iOS 4.1- */
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin:0; padding:0; border:0; outline:0; background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
body { line-height: 1; }
/* ol, ul { list-style: none; } */
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* End of Eric Meyer's CSS Reset */

.block { display:block; }
.clear {
    clear:both; 
    display:block; 
    height:1px;
}

hr { 
    color:              #cccccc; 
    background-color:   #cccccc; 
    border:             0px none; 
    height:             1px; 
    clear:              both; 
}

.img-container img { 
    display:		block;
    max-width:		100%;	
    margin:		0 auto;
}

.container:after {
    clear: both;
}
.container:before, .container:after {
    display: table;
    content: " ";
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cleaner {
    clear:both; 
    display:block; 
    height:0;
}

/* Контейнер
 * CSS for Bahnschrift
 * Generated by Wakamai Fondue - https://wakamaifondue.com
 * by Roel Nieskens/PixelAmbacht - https://pixelambacht.nl
 */

/* Set custom properties for each layout feature */
:root {
    --bahnschrift-aalt: "aalt" off;
    --bahnschrift-case: "case" off;
    --bahnschrift-frac: "frac" off;
    --bahnschrift-ordn: "ordn" off;
    --bahnschrift-sups: "sups" off;
}

/* If class is applied, update custom property and
   apply modern font-variant-* when supported */
.bahnschrift-aalt {
    --bahnschrift-aalt: "aalt" on;
}

.bahnschrift-case {
    --bahnschrift-case: "case" on;
}

.bahnschrift-frac {
    --bahnschrift-frac: "frac" on;
}

@supports (font-variant-numeric: diagonal-fractions) {
    .bahnschrift-frac {
        --bahnschrift-frac: "____";
        font-variant-numeric: diagonal-fractions;
    }
}

.bahnschrift-ordn {
    --bahnschrift-ordn: "ordn" on;
}

@supports (font-variant-numeric: ordinal) {
    .bahnschrift-ordn {
        --bahnschrift-ordn: "____";
        font-variant-numeric: ordinal;
    }
}

.bahnschrift-sups {
    --bahnschrift-sups: "sups" on;
}

@supports (font-variant-position: super) {
    .bahnschrift-sups {
        --bahnschrift-sups: "____";
        font-variant-position: super;
    }
}

/* Apply current state of all custom properties
   whenever a class is being applied */
.bahnschrift-aalt,
.bahnschrift-case,
.bahnschrift-frac,
.bahnschrift-ordn,
.bahnschrift-sups {
    font-feature-settings: var(--bahnschrift-aalt), var(--bahnschrift-case), var(--bahnschrift-frac), var(--bahnschrift-ordn), var(--bahnschrift-sups);
}

/* Variable instances */
.bahnschrift-light {
    font-variation-settings: "wght" 300, "wdth" 100;
}

.bahnschrift-semilight {
    font-variation-settings: "wght" 350, "wdth" 100;
}

.bahnschrift-regular {
    font-variation-settings: "wght" 400, "wdth" 100;
}

.bahnschrift-semibold {
    font-variation-settings: "wght" 600, "wdth" 100;
}

.bahnschrift-bold {
    font-variation-settings: "wght" 700, "wdth" 100;
}

.bahnschrift-light-semicondensed {
    font-variation-settings: "wght" 300, "wdth" 87.5;
}

.bahnschrift-semilight-semicondensed {
    font-variation-settings: "wght" 350, "wdth" 87.5;
}

.bahnschrift-semicondensed {
    font-variation-settings: "wght" 400, "wdth" 87.5;
}

.bahnschrift-semibold-semicondensed {
    font-variation-settings: "wght" 600, "wdth" 87.5;
}

.bahnschrift-bold-semicondensed {
    font-variation-settings: "wght" 700, "wdth" 87.5;
}

.bahnschrift-light-condensed {
    font-variation-settings: "wght" 300, "wdth" 75;
}

.bahnschrift-semilight-condensed {
    font-variation-settings: "wght" 350, "wdth" 75;
}

.bahnschrift-condensed {
    font-variation-settings: "wght" 400, "wdth" 75;
}

.bahnschrift-semibold-condensed {
    font-variation-settings: "wght" 600, "wdth" 75;
}

.bahnschrift-bold-condensed {
    font-variation-settings: "wght" 700, "wdth" 75;
}

/* Контейнер
-----------------------------------------------------------------------------*/
body {
    font: 		normal 110% "Bahnschrift", Arial, sans-serif; 
    font-variation-settings: "wght" 350, "wdth" 95;
    width: 		100%;
    background-color:   #ffffff;
    min-width:		350px;    
}
.wrapper {
    position: 		relative;
    width: 		100%;
    max-width:		1400px;
    margin: 		0 auto;	 
}

/* Header		
-----------------------------------------------------------------------------*/
.header {				  
    position: 		relative;
    width: 		100%;
    max-width:          100%;
}

/* Основная часть шапки
-----------------------------------------------------------------------------*/
.headerContainer {
    position: 		relative;
    width:              100%;
}
@media (max-width: 767px) {
    .headerContainer {
        margin:         5px auto;  
    }
}

.headerTop {
    position:           relative;
    display:            flex; 
    flex-direction:     row; 
    flex-wrap:          nowrap;
    justify-content:    space-between;
    align-items:        center;
    height:             60px; 
    max-width:		1400px;
    margin: 		0 auto;	
}
@media (max-width: 767px) {
    .headerTop {
        flex-wrap:      wrap;
    }
}                

/* Панель навигации */
.headerNavigator {
    width:              96px;
    flex-shrink:        0;
    padding:            0 0 0 10px;
}
@media (max-width: 767px) {
    .headerNavigator {
        display:        none;
    }
}
.headerNavigator img {
    margin-right:       10px;
    max-width:          100%;
    height:             auto;
}
@media (max-width: 767px) {
    .headerNavigator img {
        margin-right:      5px;
    }
}
/* Адрес в шапке */
.headerAddress {
    position: 		relative;
    float:              left;
    height:             32px;
    line-height:        32px;
    background-image:   url(img/headerNavLocation.png);
    background-repeat:  no-repeat;
    background-position: 0 center;
    padding-left:       36px;
    margin-left:        1px;
    color:              #153476;
}
/*
@media (max-width: 1400px) {
    .headerAddress {
        padding: 0 10px 0 20px;
    }
}
*/
@media (max-width: 767px) {
    .headerAddress {
        width:          50%;
        margin:         0;
        font-size:      90%;
    }
}

.headerTlf {
    position: 		relative;
    float:              left;
    height:             32px;
    line-height:        32px;
    background-image:   url(img/headerNavTlf.png);
    background-repeat:  no-repeat;
    background-position: 0 center;
    padding-left:       36px;
    margin-left:        1px;
    color:              #153476;
}
@media (max-width: 767px) {
    .headerTlf {
        width:          49%;
        margin:         0 0 0 1%;
    }
}
.headerEmail {
    position: 		relative;
    float:              left;
    height:             32px;
    line-height:        32px;
    background-image:   url(img/headerNavMail.png);
    background-repeat:  no-repeat;
    background-position: 0 center;
    padding-left:       36px;
    margin-left:        1px;
    color:              #153476;
}
@media (max-width: 767px) {
    .headerEmail {
        width:          49%;
        margin:         0 0 0 1%;
    }
}
.headerEmail a, .headerEmail a:visited {
    text-decoration: none;
    color:#153476;
}
.headerEmail a:hover {
    color:#ff0000;
}
.headerVk {
    position: 		relative;
    float:              left;
    height:             32px;
    line-height:        32px;
    background-image:   url(img/headerNavVk.png);
    background-repeat:  no-repeat;
    background-position: 0 center;
    padding-left:       36px;
    margin-left:        1px;
    color:              #153476;
}
@media (max-width: 767px) {
    .headerVk {
        width: 50%;
        margin: 0;
    }
}.headerVk a, .headerVk a:visited {
    text-decoration: none;
    color:#153476;
}
.headerVk a:hover {
    color:#ff0000;
}

.headerBody {
    position:           relative;
    display:            flex; 
    flex-direction:     row; 
    flex-wrap:          nowrap;
    justify-content:    space-between;
    align-items:        center;
    max-width:		1400px;
    margin: 		0 auto;	
}
@media (max-width: 767px) {
    .headerBody { 
        flex-direction: column; 
    }
}
/* Логотип */
.headerLogo { 
    margin:             10px 1% 0 1%;
}
.headerLogo * { 
    display:            inline; 
    margin:             0; 
    padding:            0; 
}
.headerLogo img { 
    max-width:          100%;
    height:             auto;
    border:             none; 
}
/* лозунг */
.headerNote { 
    width:              80%;
    height:             60px;
    font-size:          180%;
/*    font-weight:        bold; */
    line-height:        220%;
    padding:            0;
    text-align:         center;
    color:              #ffffff; 
/*    background-color:   #00a8ee; */
  background: #153476; 
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #153476), color-stop(100%, #0080ff));
  background-image: -webkit-linear-gradient(to bottom, #153476, #0080ff);
  background-image: -moz-linear-gradient(to bottom, #153476, #0080ff);
  background-image: -o-linear-gradient(to bottom, #153476, #0080ff);
  background-image: linear-gradient(to bottom, #153476, #0080ff); 
}
@media (max-width: 1050px) {
    .headerNote { 
        font-size:      160%; 
        line-height:    260%;        
    }
}
@media (max-width: 767px) {
    .headerNote { 
        display:        none; 
    }
}

    
/* Главное меню		
-----------------------------------------------------------------------------*/
#menuMainWrapper.normal {	  
    position: 		relative;
    width: 		100%;
    max-width:		100%;
    height:             50px;
    z-index:		990;
}
#menuMainWrapper.fix {
    position:		fixed;
    top:		0; 
    left:		0;
    width:		100%;
    max-width:		100%;
    height:             50px;
    z-index:		990;
}

#menuMainContainer {
    position: 		relative;
    width: 		100%;
    max-width:		1400px;
    margin: 		0 auto;	
    height:		50px; 
}
#menuMainContainer:after {
    clear: both;
}


.main-nav {
  background: #153476; 
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #153476), color-stop(100%, #0080ff));
  background-image: -webkit-linear-gradient(to bottom, #153476, #0080ff);
  background-image: -moz-linear-gradient(to bottom, #153476, #0080ff);
  background-image: -o-linear-gradient(to bottom, #153476, #0080ff);
  background-image: linear-gradient(to bottom, #153476, #0080ff); 
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.main-nav:after {
  clear: both;
  content: "\00a0";
  display: block;
  height: 0;
  font: 0px/0 serif;
  overflow: hidden;
}

#main-menu {
  clear: both;
  margin-left: 50px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
@media (min-width: 768px) {
  #main-menu {
    float: right;
    clear: none;
  }
}

/* Mobile menu top separator */
#main-menu:before {
  content: '';
  display: block;
  height: 1px;
  font: 1px/1px sans-serif;
  overflow: hidden;
  background: #153476; 
}
@media (min-width: 768px) {
  #main-menu:before {
    display: none;
  }
}

/* Mobile menu toggle button */
.main-menu-btn {
  float: right;
  margin: 10px;
  position: relative;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-indent: 29px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* hamburger icon */
.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}
.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}

/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}
#main-menu-state:checked ~ #main-menu {
  display: block;
}
@media (min-width: 768px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
    display: block;
  }
}

/* Mobile menu toggle button */
.main-menu-hamburger {
  float: right;
  margin: 10px;
  position: relative;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-indent: 29px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* hamburger icon */
.main-menu-hamburger-icon,
.main-menu-hamburger-icon:before,
.main-menu-hamburger-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.main-menu-hamburger-icon:before {
  content: '';
  top: -7px;
  left: 0;
}
.main-menu-hamburger-icon:after {
  content: '';
  top: 7px;
  left: 0;
}

.main-menu-search { 
    position: absolute; 
    left: 0; 
    height: 50px; 
    width: 50px; 
    background-image: url("img/search.png"); 
    background-repeat: no-repeat;
    background-position: center center; 
    cursor: pointer; 
}
.main-menu-search:before { 
    display: block; 
    content: ""; 
    position: absolute; 
    width: 16px; 
    height: 16px; 
    top: 0; 
    left: 0; 
}
#search { 
    position: absolute; 
    overflow: hidden; 
    width: 0; 
    height: 49px; 
    background: #fff; 
    left: 50px; 
    opacity: 0; 
    border: 1px solid #ccc; 
    z-index: 99999; 
}
#search input { 
    line-height: 46px; 
    padding: 0 10px; 
    margin: 0; 
    background: none; 
    border: none; 
    color: #565656; 
    font-size: 120%;
}
#search input:focus, #search input:active { 
    outline: none; 
}

.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
    font: 	normal 150% "Bahnschrift", Arial, sans-serif; 
    font-variation-settings: "wght" 350, "wdth" 90;
    background: #153476;
    background-image: linear-gradient(to bottom, #153476, #0080ff);
}	   
.sm-blue a.current {
    background: #00b66d;
    background-image: linear-gradient(to bottom, #00b66d, #b6edd0);
}
.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    font-size: 120%;	
}
.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {
  color: #153476;
  font-size: 125%;
}
@media (min-width: 768px) {
  .sm-blue {
    background: #153476;
    background-image: linear-gradient(to bottom, #153476, #0080ff);
  }
  .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    background: #153476;
    background-image: linear-gradient(to bottom, #153476, #0080ff);
    color: #fff;
  }
  .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    background: #0080ff;
    background-image: linear-gradient(to bottom, #0080ff, #57a6eb);
    color: #153476;
  }
  .sm-blue a.current {
    background: #0080ff;
    background-image: linear-gradient(to bottom, #0080ff, #57a6eb);
    color: #153476;
  }
  .sm-blue a .sub-arrow {
    border-color: #57a6eb transparent transparent transparent;
   }
  .sm-blue a .sub-arrow::before {
    display: none;
  }
  .sm-blue > li {
    border-left: 1px solid #57a6eb;
  }
  .sm-blue > li:first-child {
    border-left: 0;
  }
  .sm-blue ul {
    border: 1px solid #153476;
  }
  .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    color: #153476;
  }
  .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    background: #0080ff;
    background-image: linear-gradient(to bottom, #0080ff, #57a6eb);
    color: #fff;
  }

}


/* Middle
-----------------------------------------------------------------------------*/
.middle {
    position: 		relative;
    width:              100%;
    max-width:		100%;
    overflow: 		hidden;	
}
.wrapper {
    position: 		relative;
    width: 		100%;
    max-width:		1400px;  
    margin: 		0 auto;	
}


/* Slider
-----------------------------------------------------------------------------*/
.sliderWrapper {  
    width: 		100%;	
    max-width: 		100%;
    margin-top:		10px;
    background-color:   #f2f2f2;  
}
.sliderContainer {
    width: 		100%;
    max-width:		100%;
    margin: 		0 auto;	 
}

/* Left Sidebar
-----------------------------------------------------------------------------*/

.leftSidebar {	 
    display:		none;
    position: 		relative;
    float: 		left;
    width: 		19%;
    padding:            10px 0;   
}
@media (min-width: 768px) {
    .leftSidebar {	
  	display:	block;
    }	
}

/* Left Menu
-----------------------------------------------------------------------------*/
#left-menu {
    margin:		10px 0 20px 0;
    width:		100%;   
}	 		

#left-menu.normal {	  
    position: 		relative;
    width: 		100%;
    max-width:		100%;
    height:             150px; 
    z-index:		990;
}
#left-menu.fix {
    position:		fixed;
    top:		65px; 
    left:		clear;
    width:		19%;
    max-width:		266px;
    height:             150px;
    z-index:		990;
}

#left-menu ul { 
    list-style: 	none; 
    margin:		0; 
    padding:		0; 
    border:		0; 
    outline:		0; 
    background:		transparent;
}

#left-menu a, 
#left-menu a:visited {
    color:		#12638c; 
    line-height:	1.3125em;  
    font-size: 		0.875em;
    font-weight:        normal;
    text-decoration:    none;	   
    text-align:		center;
    display: 		block;	
    width:		100%;
    margin-bottom:	2px;
    padding:		10px 5px;
    background-color:   #deecf3;  
    -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
#left-menu  a:hover {
    color:		#ffffff;
    background-color:   #2f75b0;  
}

#left-menu a.red {
    background-color:   #ff0000;  
    color:		#ffffff; 
}


/* Content
-----------------------------------------------------------------------------*/
.contentContainer {
    position: 		relative;
    width: 		79%;
    margin-left:        21%; 
    overflow: 		hidden;
}
.contentContainerRoot {
    position: 		relative;
    width: 		100%;
    overflow: 		hidden;
}

/* Title
-----------------------------------------------------------------------------*/
#titleWrapper { 
    padding: 		5px 0;
}
#title {
    width:		100%;
/*
    background-color:   #125978;  
    background: 	rgba(18,89,120,0.8);
    -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;
    border-radius: 	10px;
*/
}
#title h1 {
    color:		#153476;
    font-size:		1.5em;
    font-weight:	normal;
/*    line-height:	2em; */
    margin:		0 20px 0 20px; 
    padding:		10px 0 10px 0;	
}

/* 
-----------------------------------------------------------------------------*/
.contentAlert {
    background:         #ffff00; 
    text-align:         center; 
    font-size:          115%; 
    color:              #222222; 
    padding:            5px 0 5px 0; 
    margin-bottom:      5px; 
/*
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius:      10px;
*/
}

/* 
-----------------------------------------------------------------------------*/
.contentTop {
    background:         #8ccfe9; 
    text-align:         center; 
    font-weight:        bold;
    font-size:          115%;  
    color:              #ff0000;
    padding:            10px 0;
    margin:             5px 0 10px 0;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius:      10px;    
}

/* 
-----------------------------------------------------------------------------*/
#content { 
    padding:            3px 0 10px 0;
    font-size:          110%;
}
@media (min-width: 768px) {
    #content {	
        padding:        15px 0 10px 0;
    }	
}

#content p { 
    padding:            0 2% 0 2%;
}
#content img {
    height: 		auto; 
}

.social {  
    height:		40px;
    max-width:		400px;
    margin: 		0 auto;	
    font-size:		14px;
}


.all {    
    font: 		normal 100% "Bahnschrift", Arial, sans-serif;  
}

.allSmall {    
    font-size:          0.8125em; 
}

.allBig {    
    font-size:          1.25em; 
}

.all img {    
    margin:             0 10px; 
}		 

.all a, .all a:visited {color:#333333;}
.all a:hover {color:#ff0000;}

.all p {
    text-indent:        2em;
    margin-top:         8px;
}

.all table p {
    text-indent:        0;
    margin-top:         0;
}

@media (max-width: 768px) {
    .all table {	
        font-size:      90%;
    }	
    .all img {	
        max-width:      100%;
        margin:         0; 
    }	
}


.pg {
    color:              #666666; 
    font-size:          90%; 
    line-height:        110%;
}
.pg a, .pg a:visited {color:#666666;}
.pg a:hover {color:#ff0000;}

ul.tree li {list-style: none;}
ul.tree, ul.tree li, ul.tree ul, ul.tree li a {display: block; margin: 0; padding: 1px;}
ul.tree, ul.tree a {font: 1.0625em/1.1; line-height: 30px;}
ul.tree ul {padding-left: 8px;}
ul.tree li a {padding-left: 24px; display: inline; text-decoration: none; background: url(img/page.gif) center left no-repeat;}
ul.tree li span {border-bottom: 1px solid #bbd9f6; cursor: pointer;}
ul.tree li.treeFolderOpen ul{display: block;}
ul.tree li.treeFolderOpen a {background: url(img/folderopen.gif) center left no-repeat;}
ul.tree li.treeFolderClose ul {display: none;}
ul.tree li.treeFolderClose a {background: url(img/folder.gif) center left no-repeat;}
ul.tree li.treeFile a {background: url(img/page.gif) center left no-repeat;}

ul.tvideo li {list-style: none;}
ul.tvideo, ul.tvideo li, ul.tvideo li a {display: block; margin: 0; padding: 1px;}
ul.tvideo, ul.tvideo a {font: 14px/1.1 Bahnschrift, Arial, Helvetica; line-height: 18px;}
ul.tvideo li {padding-left: 20px;}
ul.tvideo li a {padding-left: 19px; padding-bottom: 4px; display: inline; text-decoration: none; background: url(img/pagevideo.gif) top left no-repeat;}
ul.tvideo li span {border-bottom: 1px solid #99C5F8; cursor: pointer;}



ul.tile {
	padding:		0;
	margin:			0;
}
ul.tile li {
	list-style: 		none; 
	display:		block; 	
	height:			130px;
	width:			263px;
	float: 			left;
	padding:		5px 10px;  	
	margin:			5px 5px;
	color: 			#153476;  
        font-size:              1.1em;
	line-height:		1.1em;				
	overflow-x:		hidden;
        background-color:       #deecf3;
        border-top:		3px solid #153476;
}
ul.tile a, ul.tile a:visited {			
	color: 			#153476;  
	text-decoration:	none;	
}
ul.tile:after {
  clear: both;
  content: "\00a0";
  display: block;
  height: 0;
  font: 0px/0 serif;
  overflow: hidden;
}
@media (max-width: 768px) {
    ul.tile li {
	width:			45%;
    }
}


.homeServices {
    position:           relative;
    width:              100%;
    height:             auto;
}
.homeServices > div {
    width:              33%;
    float:              left;
    margin:             0 auto 20px auto;
}
@media (max-width: 1100px) {
    .homeServices > div {
        width:              50%;
    }
}
@media (max-width: 700px) {
    .homeServices > div {
        width:              100%;
    }
}
.homeServices > div > div {
    width:              339px;
    margin:             0 auto;
}
.homeServices img {
    max-width:          100%;
    margin:             0;
}

/* Home
-----------------------------------------------------------------------------*/
.homeContainer {
    width:              99%;
    border-bottom:      1px dashed #133b82;
}
.homeTitle {
    position: 		relative;  
    width: 		74%;
    padding:		10px 5%;
    font-size:		120%;   
    background: 	#b9dfec;
    margin:             5px 0 12px 0;
}
.homeTitle a, .homeTitle a:visited {color:#153476; text-decoration:none;}
.homeTitle a:hover {color:#ff0000;}

.homeButton {
    position: 		relative;  
    width:		250px;
    font-size:          80%;
    height: 		30px;
    margin:		10px 0 0 2%;
}
.homeButton a, .homeButton a:visited {color:#153476; text-decoration:none;}
.homeButton a:hover {color:#ff0000;}

/* News
-----------------------------------------------------------------------------*/
.newsContainer {
    position: 		relative;
    width: 		100%;
    min-height:		200px;		   
    margin-bottom:	20px;
}
.newsNameContainer {
    position:		relative;
    width:		100%;	
    background:		#0080ff; 
    color:  		#ffffff;
    text-transform:     uppercase;
    padding:		12px 2% 12px 2%;
    margin:		0 0 20px 0;
}
.newsText {
    position:		relative;
    width:		96%;	
    padding:		0 2% 0 2%;
}
.newsButon {
    position:		relative;
    width:		100%;
    color:		#ffffff;
    font-size:		0.875em;
    padding:		10px 0 0 0;
}
.newsButton1 {
    position: 		relative;
    float:		left;
    width:		95%; 
    height:		40px;
    padding:		10px 0 0 0;
    text-align:		right;
}
.newsButton1 a, .newsButton1 a:visited {COLOR:#000000; text-decoration:none;}
.newsButton1 a:hover {COLOR:#ff0000;}
.newsButton2 {
    position:           relative;
    float:             	right;
    width:		200px;   
    height:		40px;
    background:         #cb0131;
    padding:            10px 0 0 0;
    text-align:         center;
}
.newsButton2 a, .newsButton2 a:visited {color:#ffffff; text-decoration:none;}
.newsButton2 a:hover {color:#ffff00;}

/* 
-----------------------------------------------------------------------------*/
.photoAlbum {
    width:  100%;
}
/*.photoAlbum:after, .photoAlbum:before {
    clear: both;
    display:block; height:20px;
} */
.photoAlbum a {
    display:            block;
    float:              left;
}
@media (max-width: 767px) {
    .photoAlbum a {
        max-width:      46%;
        margin:         0 1%
    } 
}
.photoAlbum img {
    margin:             3px 5px;
    border:             double 3px #3093c1;
}
@media (max-width: 767px) {
    .photoAlbum img {
        max-width:      100%;
    } 
}

/* 
-----------------------------------------------------------------------------*/
.feedbackButton {
    display: block;
    padding: 10px;
    margin: 20px auto;
    width: 70%;
    color: #ffffff;
    text-align: center;
    font-size: 1.125em;
    background-color: #1b8cb7;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.feedbackButton A, .feedbackButton A:visited {
    color: #ffffff;
    text-decoration: none;
}
.feedbackButton A:hover {color:#ffff00;} 


.form-feedback {
    text-align:     left;
    font-size:      0.8625em;
    
    
}
.feedbackInp {border-color:#2f75b0; border-width:1px; width: 90%; height:25px; }
.feedbackInpShort {border-color:#2f75b0; border-width:1px; width: 50%; height:25px;}
.feedbackInpHouse {border-color:#2f75b0; border-width:1px; width: 70%; height:25px;}
.feedbackInpArea {border-color:#2f75b0; border-width:1px; width: 90%; height: 200px;}

.butadm {
    display: block;
    width: 60%;
    height: 40px;
    color: #ffffff;
    text-align: center;
    font-size: 1.125em;
    cursor: pointer;
    border: 1px solid;
    background-color: #1b8cb7;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.inpadm {border-color:#000000; border-width:1px;}

/* 
-----------------------------------------------------------------------------*/
.alert {FONT-SIZE:0.8125em; COLOR:#ff0000;}

/* 
-----------------------------------------------------------------------------*/
.questions a {
    display:            block;
    padding:            0 0 10px 0;
}
.questions a, .questions a:visited {color:#333333; text-decoration:none;}
.questions a:hover {color:#ff0000;}
.questions td {
    vertical-align: top;
}
.questionsContainer a {
    
}
.question {
    color:              #888888;
    font-style:         italic;
    padding-bottom:     10px;
}

/* 
-----------------------------------------------------------------------------*/
.socialPresent {
    float:              left;
    line-height:        24px;
    padding-right:      10px;
}


/* --------------------------------------------------------------------------
Footer
-----------------------------------------------------------------------------*/
#footer {
    position:           relative;
    height:             auto;
/*    width:              95%; */
    margin:             10px auto 0 auto;
    color:              #000000;
} 
#footer a, #footer a:visited {color:#002d56; text-decoration:none;}
#footer a:hover {color:#ff0000;}

#footerContainer {				 
    position:           relative;
    width: 		100%;
    min-height:         190px; 
    max-width:		1400px; 
    margin:             0 auto;
    background-color:   #deecf3;  
    -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;
    border-radius:      10px;    
} 
@media (max-width: 1050px) {
    #footerContainer {
        min-height:     220px;
    }
}
@media (max-width: 767px) {
    #footerContainer {
        min-height:     360px;
    } 
} 
#footerInfo {			
    width:              100%;
} 
#footerInfo1 {			
    float:              left;
    width:              50%;
    min-height:         150px;
} 
@media (max-width: 767px) {
    #footerInfo1 {
        width:          100%;
    } 
} 
#footerInfo1Container {			
    width:              50%;
    margin:             0 auto;
} 
@media (max-width: 1050px) {
    #footerInfo1Container {
        width:          90%;
    }
}
@media (max-width: 767px) {
    #footerInfo1Container {
        width:          90%;
    } 
} 
#footerInfo1 ul li {list-style: none;}
#footerInfo1 ul, #footerInfo1 ul li, #footerInfo1 ul li a {display: block; margin: 0; padding: 1px;}
#footerInfo1 ul, #footerInfo1 ul a {font-size: 108%;}
@media (max-width: 767px) {
/*    #footerInfo1 ul, #footerInfo1 ul a {font-size: 100%;} */
} 
#footerInfo1 ul li a {padding-left: 24px; display: inline; text-decoration: none; background: url(img/page.gif) center left no-repeat;}

#footerInfo2 {			
    float:              right;
    width:              50%;
    min-height:         140px;
} 
@media (max-width: 767px) {
    #footerInfo2 {
        width:          100%;
    } 
} 
#footerInfo2Container {			
    width:              50%;
    margin:             0 auto;
} 
@media (max-width: 1050px) {
    #footerInfo2Container {
        width:          90%;
    }
}
@media (max-width: 767px) {
    #footerInfo2Container {
        width:          90%;
    } 
} 
#footerInfo2 ul li {list-style: none;}
#footerInfo2 ul, #footerInfo2 ul li, #footerInfo2 ul li a {display: block; margin: 0; padding: 1px;}
#footerInfo2 ul, #footerInfo2 ul a {font-size: 108%;}
@media (max-width: 767px) {
/*    #footerInfo2 ul, #footerInfo2 ul a {font-size: 100%;} */
} 
#footerInfo2 ul li a {padding-left: 24px; display: inline; text-decoration: none; background: url(img/page.gif) center left no-repeat;}

#footerInfoTitle {			
    text-align:         center;
    font-size:          160%;
/*    line-height:        180%; */
    padding:            10px 0 5px 0;
} 
@media (max-width: 767px) {
    #footerInfoTitle {
        font-size:      150%;
    } 
} 

#footerCounts {			
    float:              left;
    height:             40px;
    width:              40px;
    margin:             5px 5px 0 10px;
} 
#footerCopyright {			
    float:              left;
    width:              150px;
    text-align:         left;
    font-size:          0.75em;
    margin:             15px 0 0 10px;
}
@media (max-width: 767px) {
    #footerCopyright {
/*        float:          none;
        width:          100%;
        height:         40px;
        text-align:     center;
        padding:        10px 0 0 0;
        margin:         0;
*/
    } 
}

#footerNote {			
    position:           relative;
    float:              left;
    width:              60%;
    text-align:         center;
    margin-top:         10px;
} 
@media (max-width: 900px) {
    #footerNote {
        width:          100%;
    } 
}
@media (max-width: 767px) {
    #footerNote {
        float:          none;
        width:          100%;
        margin:         0 0 10px 0;
    } 
}

.footerVk {
    position: 		relative;
    height:             32px;
    width:              200px;
    margin:             0 auto;
    margin-top:         -8px;
    line-height:        32px;
    background-image:   url(img/logoVk.png);
    background-repeat:  no-repeat;
    background-position: 0 center;
    padding-left:       30px;
    color:              #153476;
}
.footerVk a, .footerVk a:visited {
    text-decoration: none;
    color:#153476;
}
.footerVk a:hover {
    color:#ff0000;
}

#footerPrioart {	
    float:              right;
    min-widht:          100px;
    margin:             15px 10px 0 0;
}
/*
@media (max-width: 767px) {
    #footerPrioart {
        width:          30%;
    } 
}
*/


/*
*/
#Go_Top { position: fixed; bottom: 0; left: 10px; cursor: pointer; display: none; height: 35px; width: 80px; z-index: 999; text-align: center; color: #fff; padding: 0; line-height: 35px; border-radius: 8px 8px 0 0; opacity: 0.4; background: #000; text-shadow: 0 0 2px #000; }
#Go_Top:hover { opacity: 0.6; }

/*
*/
@media screen and (max-width: 800px) {

    .contentContainer {
    	width: 		100%;
    	margin-left:    0; 
    }

}

/*                                            
*/
.verticalFix {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
}

/*                                            
*/
.hidden-xs {
  display: block !important;
}
tr.hidden-xs {
  display: table-row !important;
}
th.hidden-xs, td.hidden-xs {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-xs, tr.hidden-xs, th.hidden-xs, td.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hidden-xs.hidden-sm, tr.hidden-xs.hidden-sm, th.hidden-xs.hidden-sm, td.hidden-xs.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1359px) {
  .hidden-xs.hidden-md, tr.hidden-xs.hidden-md, th.hidden-xs.hidden-md, td.hidden-xs.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1360px) {
  .hidden-xs.hidden-lg, tr.hidden-xs.hidden-lg, th.hidden-xs.hidden-lg, td.hidden-xs.hidden-lg {
    display: none !important;
  }
}

.hidden-sm {
  display: block !important;
}
tr.hidden-sm {
  display: table-row !important;
}
th.hidden-sm, td.hidden-sm {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-sm.hidden-xs, tr.hidden-sm.hidden-xs, th.hidden-sm.hidden-xs, td.hidden-sm.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hidden-sm, tr.hidden-sm, th.hidden-sm, td.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1359px) {
  .hidden-sm.hidden-md, tr.hidden-sm.hidden-md, th.hidden-sm.hidden-md, td.hidden-sm.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1360px) {
  .hidden-sm.hidden-lg, tr.hidden-sm.hidden-lg, th.hidden-sm.hidden-lg, td.hidden-sm.hidden-lg {
    display: none !important;
  }
}

.hidden-md {
  display: block !important;
}
tr.hidden-md {
  display: table-row !important;
}
th.hidden-md, td.hidden-md {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-md.hidden-xs, tr.hidden-md.hidden-xs, th.hidden-md.hidden-xs, td.hidden-md.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hidden-md.hidden-sm, tr.hidden-md.hidden-sm, th.hidden-md.hidden-sm, td.hidden-md.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1359px) {
  .hidden-md, tr.hidden-md, th.hidden-md, td.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1360px) {
  .hidden-md.hidden-lg, tr.hidden-md.hidden-lg, th.hidden-md.hidden-lg, td.hidden-md.hidden-lg {
    display: none !important;
  }
}

.hidden-lg {
  display: block !important;
}
tr.hidden-lg {
  display: table-row !important;
}
th.hidden-lg, td.hidden-lg {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-lg.hidden-xs, tr.hidden-lg.hidden-xs, th.hidden-lg.hidden-xs, td.hidden-lg.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hidden-lg.hidden-sm, tr.hidden-lg.hidden-sm, th.hidden-lg.hidden-sm, td.hidden-lg.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1359px) {
  .hidden-lg.hidden-md, tr.hidden-lg.hidden-md, th.hidden-lg.hidden-md, td.hidden-lg.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1360px) {
  .hidden-lg, tr.hidden-lg, th.hidden-lg, td.hidden-lg {
    display: none !important;
  }
}

.margins p {
    text-indent: 2em;
    padding-bottom: 5px !important;
}

@media (min-width: 768px) {
    .catalogs table {	
        width:      100%;
    }	
}

.titleWrapper { 
	padding: 		0;
}
.title h1 {
 	color:			#153476; 
	text-align:		center;
	font-size:		200%; 
	font-weight:            normal; 
	padding:		6px 0 0 0;
}
.map {
	width:			100%;			   
	min-height:		400px;
}

.input-normal {
    width:                      90%;
    max-width:                  400px;
}

.columns2 {
    float:                      left;
    width:                      48%;
    margin:                     0 1%;
}

@media (max-width: 767px) {
    .columns2 {
        float:                  none;
        width:                  100%;
        margin:                 0;
    }
}

#cookie_notification{
  display: none;
  justify-content: space-between;
  align-items: flex-end;
  position: fixed;
  bottom: 15px;
  left: 50%;
  width: 900px;
  max-width: 90%;
  transform: translateX(-50%);
  padding: 25px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}
#cookie_notification p{
  margin: 0;
  font-size: 0.85rem;
  text-align: left;
}
@media (min-width: 576px){
  #cookie_notification.show{
    display: flex;
  }
  .cookie_accept{
    margin: 0 0 0 25px;
  }
}
@media (max-width: 575px){
  #cookie_notification.show{
    display: block;
    text-align: left;
  }
  .cookie_accept{
    margin: 10px 0 0 0;
  }
}