body{margin: 0;	padding: 0;	font-family:'Open Sans', arial;	font-size: 14px;	width:100%;	margin: 0 auto;}
b, strong{font-weight:bold;}
a{color:#000;}
a:hover{text-decoration:none;color:#546d9f;}



.container-my {max-width: 1366px;position: relative;margin-left: auto;margin-right: auto;padding-right: 15px;    padding-left: 15px;}

body{background-image: url(../images/background.png); background-repeat:repeat; min-height:643px;background-position:top !important;    background-repeat: no-repeat !important;   }


.line{height:4px; background: rgb(54,72,111); background: linear-gradient(90deg, rgba(54,72,111,1) 0%, rgba(100,149,237,1) 50%, rgba(54,72,111,1) 100%);}


header{padding-top:20px;}
	.logo img{display:block;max-width:100%;height:auto;float:left;margin-right:20px;}
	.logo-name{font-size:18px; font-weight:bold;text-transform:uppercase;margin-top:25px;}
	.logo-name small{font-size:10px; font-weight:normal;text-transform:uppercase;display:block;padding-top:10px;}


	.press-reliz{margin-top:20px; font-weight:bold;text-transform:uppercase;font-size:12px;}
	.press-reliz span{display:block;float:left;margin-right:10px;color:#000;padding-top: 2px;}
	.press-reliz a span{color:#000;}
	.modal-content{background:none;border:none;}
	.modal-header{border:none;}
	.press-reliz span{color:#fff;}

	.social a{padding-right:15px;}

.one{padding-top:20px;}
.one ul.nav-ul{float:right;list-style:none;}
.one ul.nav-ul li{float:left;padding-left:20px;font-size:13px; font-weight:normal;text-transform:uppercase;}

.two{padding-top:20px;}
.two ul.nav-ul{float:right; list-style:none;}
.two ul.nav-ul li{float:left;padding-left:20px;font-size:14px; font-weight:bold;}


.right-block{padding-top:40px;}




/**/

.slider{margin-top:22px;}
.opisanie{background-color:#6495ed;padding:0px; text-align:right;padding-left:10px; padding-right:20px;padding-top:5px;padding-bottom:10px; right: 0; top: 0; max-height: 30px;font-size:11px;font-weight:bold;}
.carousel-caption{left: auto;}


/**/

.blok-right {background-color: #fff;border: 1px solid #ccc;margin-bottom: 20px;}
.blok-right img{float:left; margin:20px;max-width:50px; height:auto;;}
.blok-right p{font-weight:bold; font-size:13px;display:block;line-height:20px;margin-top:20px;margin-left:70px;padding-top: 7px;}
.blok-right a{min-height:90px;}
.blok-right.blok6 p{margin-top:7px;max-width:200px;}

.banner-pc-block{margin-top:20px;}

.blok-right.blok1 a{background-image: url(../images/banner/kuos.png); background-position:5% 55%; background-repeat: no-repeat !important;width: 100%;
display: block;height: auto;background-size: 50px; padding:10px;padding-top:10px;}

.blok-right.blok1 a:hover{background-image: url(../images/banner/kuos-w.png);  background-position:5% 55%; background-repeat: no-repeat !important;width: 100%;
display: block;height: auto;background-size: 50px; padding:10px;padding-top:10px;background-color:#546d9f;color:#fff;}
.blok-right.blok2 a{background-image: url(../images/banner/flags.png);  background-position:5% 55%;  background-repeat: no-repeat !important;width: 100%;
display: block;height: auto;background-size: 50px; padding:10px;padding-top:10px;}
.blok-right.blok2 a:hover{background-image: url(../images/banner/flags-w.png);  background-position:5% 55%;  background-repeat: no-repeat !important;width: 100%;
display: block;height: auto;background-size: 50px; padding:10px;padding-top:10px;background-color:#546d9f;color:#fff;}

.blok-right.blok3 a{background-image: url(../images/banner/rykovoditel.png);  background-position:5% 55%; background-repeat: no-repeat !important;width: 100%;
display: block;height: auto;background-size: 50px; padding:10px;padding-top:10px;}
.blok-right.blok3 a:hover{background-image: url(../images/banner/rykovoditel-w.png);  background-position:5% 55%; background-repeat: no-repeat !important;width: 100%;
display: block;height: auto;background-size: 50px; padding:10px;padding-top:10px;background-color:#546d9f;color:#fff;}

.blok-right.blok4 a{background-image: url(../images/banner/beret.png);  background-position:5% 55%; background-repeat: no-repeat !important;width: 100%;
display: block;height: auto;background-size: 50px; padding:10px;padding-top:10px;}
.blok-right.blok4 a:hover{background-image: url(../images/banner/beret-w.png);  background-position:5% 55%; background-repeat: no-repeat !important;width: 100%;
display: block;height: auto;background-size: 50px; padding:10px;padding-top:10px;background-color:#546d9f;color:#fff;}

.blok-right.blok5 a{background-image: url(../images/banner/books.png); background-position:5% 55%;  background-repeat: no-repeat !important;width: 100%;
display: block;height: auto;background-size: 50px; padding:10px;padding-top:10px;}
.blok-right.blok5 a:hover{background-image: url(../images/banner/books-w.png);  background-position:5% 55%;  background-repeat: no-repeat !important;width: 100%;
display: block;height: auto;background-size: 50px; padding:10px;padding-top:10px;background-color:#546d9f;color:#fff;}

.blok-right.blok6 a{background-image: url(../images/banner/tent.png);  background-position:5% 55%; background-repeat: no-repeat !important;width: 100%;
display: block;height: auto;background-size: 50px; padding:10px;padding-top:10px;}
.blok-right.blok6 a:hover{background-image: url(../images/banner/tent-w.png);  background-position:5% 55%;  background-repeat: no-repeat !important;width: 100%;
display: block;height: auto;background-size: 50px; padding:10px;padding-top:10px;background-color:#546d9f;color:#fff;}
.blok-right.blok6 p{padding:0px;}
.banner-mobile{margin-top:30px;overflow:hidden;}
.blok-mobile{border:1px solid #ccc;overflow: hidden;padding-top: 10px;padding-bottom: 4px;padding-left: 20px;margin-bottom:20px;}
.blok-mobile p{text-align:left;padding-top:10px; font-weight:bold;}
.blok-mobile img{float: left;max-width: 33px;margin-right:20px;}




/*Kroshki*/
	
	.breadcrumb{background:none;padding-left:0px;margin-left:10px;padding: 0px !important;margin-bottom: 0px !important; margin-top: 20px;}
	.about div ul.breadcrumb li{font-size:11px; color:#898989;padding-right:5px;}
	.about div ul.breadcrumb li a.pathway span{font-size:11px; color:#2d5a46;}
	.about div ul.breadcrumb li a.pathway span:hover{text-decoration:none !important; color:#795b48;}
	.about div ul.breadcrumb li a.pathway:hover{text-decoration:none !important; color:#795b48;}

	.breadcrumbs{margin-top:0px;margin-bottom:0px;}
/**/

.about h2{margin-bottom:30px;text-transform:uppercase;text-align:center;}
.about .item-page div p img{max-width:100%;height:auto;margin-bottom:10px;}


.about ul li{line-height:3em;}

.about a{color:#546d9f;}
.about a:hover{color:#000;text-decoration:none;}

.partnerstvo ul.docs_partnerstvo{list-style:none;}
.partnerstvo ul.docs_partnerstvo a{color:#546d9f;}
.partnerstvo ul.docs_partnerstvo a:hover{color:#000; text-decoration:none;}


.about .otcheti h3{font-size:21px;font-weight:bold;color:#546d9f;margin-top:20px;margin-bottom:20px;}
.about .otcheti ul{list-style:none;}
.about .otcheti ul li{display:block;margin-bottom:10px;margin-top:10px;}



.vakansii h2{text-align:left;font-size:18px;font-weight:bold;margin-top:20px;margin-bottom:0px;}
.vakansii ul li{line-height:20px;}

/**/

/*---------------------------------------------*/
* 
* Формируем базовый контейнер аккордеона 
*/
.accordion {
    width: 100%;
/*
ширина произвольная выбирается
*в зависимости от места размещения 
*/
    max-width: 600px;
    min-height: 0;
    display: block;
/* относительное позиционирование */
    position: relative;
    margin: 0 auto;
    padding: 0;
    background-color: #fefffa;
    overflow: hidden
}
/* заголовки панелей аккордеона */
.accordion h3 {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    display: block;
    margin: 0;
    padding: 10px 25px;
    cursor: pointer;
    color: #999;
    background: #F0F0F0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* заголовки панелей аккордеона при наведении
* в данном варианте не срабатывает
*/
/* .accordion h3:hover {
    display: block;
    background-color: #005049;
}
*/
 
/* Формируем блоки с содерханием */
.msg {
  position: relative;
  overflow: hidden;
  max-height: 800px;
  opacity: 1;
  transform: translate(0, 0);
}
 
/* оформляем параграфы */
.msg p {
  color: #000;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 1px;
  padding: 0 20px
}
 
/* Позаботимся о небольших экранах */
@media (max-width: 550px) {
  .accordion {
    box-sizing: border-box;
    transform: translate(0, 0);
    max-width: 100%;
    min-height: 100%;
    margin: 0;
    left: 0;
  }
} 
 
/* Формируем неупорядоченный список */
.accordion ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}
 
/* Определяем и формируем отдельный элемент списка 
 * в который поместим скрытый флажек,
 * заголовок панелей и блок с содержанием
*/
.accordion ul li {
  position: relative;
  padding: 0;
  margin: 0;
  padding-bottom:5px;
}
 
/* устанавливаем время ожидания перед воспроизведением анимации 
 * на основе нумерации в дереве элементов
*/
.accordion ul li:nth-of-type(1) {
  animation-delay: 0.5s;
}
.accordion ul li:nth-of-type(2) {
  animation-delay: 0.75s;
}
.accordion ul li:nth-of-type(3) {
  animation-delay: 1s;
}
.accordion ul li:last-of-type {
  padding-bottom: 0;
}
 
/* Сформируем  указатель переключения состояния аккордеона */
.accordion ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 16px;
/* расположим указатель на панели заголовка справа */
  right: 25px;
}
 
/* "Рисуем " сам указатель */
.accordion ul li i:before, .accordion ul li i:after {
  content: "";
  position: absolute;
  background-color: #999;
  width: 3px;
  height: 9px;
}
/* Добавляем элемент трансформации указателя при переключении */
.accordion ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
.accordion ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
 
/* Делаем чекбокс скрытым*/
.accordion ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
}
/* Когда у флажка установлен checked  
 * блок с содержанием скрыт
*/
.accordion ul li input[type=checkbox]:checked ~ div.msg {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
/* А указатель показывает вниз */
.accordion ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
.accordion ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}
/*  Устанавливаем эффект перехода
 * между двумя состояниями указателя 
*/
div.msg, ul li i:before, ul li i:after {
    transition: all 0.5s ease-in-out;
}
/**
 * Изображения внутри аккордеона
 * ...сделаем их отзывчивыми
 */
.accordion .msg img {
    width: 100%;
    height: auto;
    -moz-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
 
/* полноразмерная картинка */
.msg img .large-img {
    width: 100%;
    margin-bottom: 10px;
}
/* миниатюра слева */
 .msg img.img-left {
    width: 25%;
    float:left;
    margin:5px 15px 5px 0;
}
/* миниатюра справа */
.msg img.img-right {
    width: 25%;
    float:right;
    margin:5px 0 5px 15px;
}
 
/* Встраиваемое видео */
.video-responsive {
    margin: 20px;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    -moz-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
/* Предусмотри использование кода встраиваемого видео
 *через iframe, object или embed */
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

	

#content.col-sm-12.info-content div.accordion ul li div.msg p{
	font-size:14px;
	padding-top:15px;
}

#content.col-sm-12.info-content div.accordion ul li div.msg ul{
	margin-bottom: 20px;
    margin-left: 40px;
}

#content.col-sm-12.info-content div.accordion ul li div.msg ul li{
	list-style:disc;
}





/*--------------------------------------*/


.about h3{text-transform:uppercase;font-size:20px;}
.about h4{text-transform:uppercase;font-size:18px;margin-bottom:30px;}



/**/

.clubi h4{text-align:center;margin-top:50px;margin-bottom:10px; font-size:24px;font-weight:bold;}
.clubi p.anons{text-align:center;margin-bottom:50px;font-size:14px;font-weight:bold;}












/**/

.bs{margin-top:10px;margin-bottom:30px;}
.bs span{font-size:18px; font-weight:bold;text-transform:uppercase;display:block; color:#546e9f;}
.bs2{font-weight:bold;color:#546e9f;margin-bottom:20px;}
.bs2 span.atr{display:block;width:100%;margin-bottom:10px; margin-top:10px;}

.bs span.atr{margin-bottom:10px;color:#000;}





/**/


.partnery{margin-bottom:30px;}

#carouselExampleCaptions2.carousel.block_partner div.carousel-inner div.carousel-item a img{max-width:150px;margin: 0 auto;}
#carouselExampleCaptions3.carousel.block_partner div.carousel-inner div.carousel-item a img{max-width:150px;margin: 0 auto;}
#carouselExampleCaptions4.carousel.block_partner div.carousel-inner div.carousel-item a img{max-width:150px;margin: 0 auto;}
#carouselExampleCaptions5.carousel.block_partner div.carousel-inner div.carousel-item a img{max-width:170px;margin: 0 auto;}

.partnery .carousel-control-prev{width:30px;display:block;}
.partnery .carousel-control-prev-icon{background-color:none;background-image: url(../images/left.png); background-repeat:repeat;margin-top: 50px;}


.partnery .carousel-control-next{width:30px;display:block;}
.partnery .carousel-control-next-icon{background-color:none;background-image: url(../images/right.png); background-repeat:repeat;margin-top: 50px;}







/**/

.kontakti_body{background-color:#f9f9f9;padding-top:30px;padding-bottom: 80px;margin-top: 50px;}
.kontakti_body h2{font-size:24px;font-weight:bold;margin-bottom:30px;}
.kontakti_body h3{font-size:18px;font-weight:bold;color:#546e9f; border-bottom:1px solid #999;margin-bottom:20px;padding-bottom:10px;}
.kontakti_body span.title{font-weight:bold;font-size:12px;padding-bottom:10px;}
.kontakti_body p{font-size:12px;display:block;padding-top:5px;}
.kontakti_body a{font-size:12px;color:#546e9f;}
.kontakti_body a:hover{text-decoration:none; color:#000;}
.kontakti_body a.phone{color:#000;}
.kontakti_body a.phone:hover{text-decoration:none; color:#546e9f;}
.kontakti_body .social{padding-left:20px;}


.kontakti_body ul{list-style:none;}
.kontakti_body ul li{line-height:27px; font-weight:bold;}




.metodika_block .blog h4 {min-height: 0px !important; color: #546d9f;line-height: 18px;}
.metodika_block .blog h4 {min-height: 0px !important;  color: #546d9f;}
.metodika_block .blog a.readmore {display: block; text-align: left;font-size: 12px;margin-top: 0px;}
.metodika_block .blog h4 a {font-size: 17px;color: #546d9f;}
.metodika_block .blog h4 a:hover {text-decoration: none; color: #000;}



#exampleModal21.modal.fade.show div.modal-dialog.modal-sm div.modal-content.cen{background-color:#fff;}
#exampleModal21.modal.fade.show div.modal-dialog.modal-sm div.modal-content.cen div.modal-header h5#exampleModalLabel.modal-title{text-align:center; text-transform:uppercase;width:100%;}
#exampleModal21.modal.fade.show div.modal-dialog.modal-sm div.modal-content.cen div.modal-body.cen p{text-align:left; line-height:2em;}
#exampleModal21.modal.fade.show div.modal-dialog.modal-sm div.modal-content.cen div.modal-header{background-color:#546e9f; color:#fff;}
#exampleModal21.modal.fade.show div.modal-dialog.modal-sm div.modal-content.cen div.modal-header button.close span{color:#fff;}
/**/



footer{background-color:#f9f9f9;padding-top:20px;}
footer p{font-size:12px;}

footer img{position:relative;display:block;float:left; margin-right:20px;margin-top:-65px;}

.info{text-align: center;display: block;z-index: 10;width:100%;margin-top:-20px;}


/**/

.knopka-top{position:absolute; text-align:right; position : fixed; height : 50px; bottom : 0;width:100%;padding-right: 40px;padding-bottom:20px;z-index:9999999999999999 !important;}
.knopka-top a svg.bi.bi-arrow-up-square-fill{font-size: 40px;position: fixed;background: #fff; text-align: right;z-index:999999 !important;color:#546e9f !important;}
.knopka-top a svg.bi.bi-arrow-up-square-fill:hover{color:#546e9f !important;opacity:0.8 !important;}