:root {
    --cassiopeia-color-primary: #112855;
	 --link-color: #006C52;    
    --cassiopeia-color-hover: #00A77C;  /*все ссылки сайта при наведении*/
}



.container-header {
 
   background-color: #00A77C;
	/*background-image: linear-gradient(135deg,#00A77C,#88EAD1);*/
background-image: linear-gradient(135deg,#006C52,#36D2AB);
 box-shadow: 1px 1px 8px #FFF874;
 z-index:2000;
  
}

.container-header .navbar-brand a {
    color: #5FD2B5;
    width:100%;
}

.container-header .container-nav {
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 0.5em;
}

.container-header .grid-child {
    padding-top: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	
	
}

.mybrand{
  white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis; /* с многоточием в конце */  
  display: inline-block;
   position: relative;
  width:100%;
}

.container-header .navbar-brand  {
    color: #fff;
    /*margin-inline-end: auto;*/
    padding-top: 0.3125rem;
    padding-bottom: 0rem;
   
    font-size: 1.5rem;
    display: inline-block;
    position: relative;
    width:100%;
}

.container-header .site-description {
    color: #FFF874;
    white-space: normal;
    /*font-size: 1rem;*/
	font-size: 14px;
	
}


.container-header nav {
    margin-top: -4.5mm;
    padding: 0;
}

.container-top-b {
	padding-top:0px;
	
}



.container-footer {
    background-color:#006C52;
  /*background-image: linear-gradient(135deg,#006C52,#00A77C);*/
  background-image: linear-gradient(135deg,#006C52,#36D2AB);
  
  
}
/*выравнивание элементов footer*/
.footer .grid-child {
    justify-content: space-between;
    align-items: flex-start; 
    padding: 1.5rem 0.5em;
	font-size: 0.9rem;
	
}

.container-top-a {
 column-gap: 4rem; 
  
}

.pagination{
   --pagination-active-bg: #035e46;
  
}
.btn-primary {
    background-color: #006C52;
    border-color: var(--cassiopeia-color-primary);
}

.btn-primary {
    --btn-color: #fff;
    --btn-bg: #006C52;
    --btn-border-color: #1F7D65;
    --btn-hover-color: #fff;
    --btn-hover-bg: #010149;
    --btn-hover-border-color: #010145;
    --btn-focus-shadow-rgb: 39,39,111;
    --btn-active-color: #fff;
    --btn-active-bg: #006C52;
    --btn-active-border-color: #010141;
    --btn-active-shadow: inset 0 3px 5px #00000020;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #010156;
    --btn-disabled-border-color: #010156;
}

.btn-card {
    --btn-color: #fff;
    --btn-bg: #00A77C;
    --btn-border-color: #010156;
    --btn-hover-color: #fff;
    --btn-hover-bg: #006C52;
    --btn-hover-border-color: #006C52;
    --btn-focus-shadow-rgb: 39,39,111;
    --btn-active-color: #fff;
    --btn-active-bg: #006C52;
    --btn-active-border-color: #006C52;
    --btn-active-shadow: inset 0 3px 5px #00000020;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #010156;
    --btn-disabled-border-color: #010156;
  background-color: #00AF64; 
    border-color: #00A77C;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:3px;
	padding-right:3px;
	
}

.btn-card2 { 
 background-color: #169179; 
  padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
   color: #fff;
  border-radius: 8px;
  font-size:14px;
  
	
}


a.btn-card2:hover { 
  background-color: #006C52; 
  background-image: #006C52;
  color: #fff874;
}
a.btn-card2:focus { 
 background-color: #006C52; 
 background-image: #006C52;
 color: #fff874;
}

.btn-card3 { 
  width:100%;
  background-color: #169179;
  padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
   color: #fff;
  border-radius: 6px;
  font-size:14px;	
  text-align: center;
    vertical-align: middle;
    cursor: pointer;
   text-decoration: none;
   display: inline-block;
  
}


a.btn-card3:hover { 
  background-color: #006C52; 
  background-image: #006C52;
  color: #fff874;
   text-decoration: none;
  
  
}
a.btn-card3:focus { 
 background-color: #006C52; 
 background-image: #006C52;
 color: #fff874;
 
}
a.btn-card3:active { 
 background-color: #006C52; 
 background-image: #006C52;
 color: #fff874;
  text-decoration: none;

   
}

.mod-list li.active>a {	
    text-decoration: none;		
}

.mod-list li {
    padding: 1px 0;
}

.mod-list li a:hover {
    text-decoration: none;
	
}

.btn-card4 { 
  width:100%;
  background-color: #169179;
   background-image: linear-gradient(90deg, #169179, #21bd91);
  padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
   color: #fff;
  border-radius: 6px;
  font-size:14px;	
  text-align: center;
    vertical-align: middle;
    cursor: pointer;
   text-decoration: none;
   display: inline-block;
  
}

a.btn-card4:hover { 
  background-color: #169179;
   background-image: linear-gradient(90deg, #006C52, #ecedc5);
  color: #fff874;
   text-decoration: none;
  
}
a.btn-card4:focus { 
  background-color: #169179;
   background-image: linear-gradient(90deg, #169179, #ecedc5);
 color: #fff874;
}
a.btn-card4:active { 
  background-color: #169179;
   background-image: linear-gradient(90deg, #169179, #ecedc5);
 color: #fff874;
  text-decoration: none;
   
}


.btn-card5 { 
  width:100%;
  background-color: #FEFFD1;
 /*  background-image: linear-gradient(90deg, #169179, #21bd91);*/
  padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
   color: #006C52;
  border-radius: 6px;
  font-size:14px;	
  text-align: center;
    vertical-align: middle;
    cursor: pointer;
   text-decoration: none;
  border:1px solid #adb5bd;
  /*box-shadow: 1px 1px 2px #adb5bd;*/

   display: inline-block;
  
}
a.btn-card5:hover { 
  color: #006C52;
   text-decoration: none;
  border:1px solid #006C52;
  /* border:1px solid #FEFFD1;*/
  font-weight:bold;
  background-color: #feffc1;
}
a.btn-card5:focus { 
  background-color: #feffc1;
  color: #006C52;
   text-decoration: none;
  border:1px solid #006C52;
font-weight:bold;
background-color: #feffc1;
}

a.btn-card5:active { 
background-color: #feffc1;
  color: #006C52;
   text-decoration: none;
  border:1px solid #006C52;
font-weight:bold;   
}


.topcard {
    --card-spacer-y: 1rem;
    --card-spacer-x: 1rem;
    --card-title-spacer-y: .5rem;
    --card-title-color: #fff;
    --card-subtitle-color: ;
    --card-border-width: var(--border-width);
    --card-border-color: #36D2AB;
    --card-border-radius: var(--border-radius);
    --card-box-shadow: ;
    --card-inner-border-radius: calc(var(--border-radius) - (var(--border-width)));
    --card-cap-padding-y: 0.3rem;
    --card-cap-padding-x: 1rem;
    --card-cap-bg: rgba(var(--body-color-rgb),.03);
    --card-cap-color: ;
    --card-height: ;
    --card-color: ;
    --card-bg: red;
    --card-img-overlay-padding: 1rem;
    --card-group-margin: .5em;
    height: var(--card-height);
   color: var(--body-color);
    word-wrap: break-word;
   /* background-color: #88EAD1;
	 background-image: linear-gradient(180deg,#36D2AB,#88EAD1);*/
    border: var(--card-border-width)solid var(--card-border-color);
    border-radius: var(--card-border-radius);
    background-clip: border-box;
    flex-direction: column;
    min-width: 0;
    display: flex;
    position: relative;
	  /*box-shadow: 0 0 3px #1F7D65; */
	   background-color:#88EAD1;
background-image: linear-gradient(0deg,#88EAD1,#E5FBFF);  
    border: 1px solid #D5D5D5;    
	  -moz-border-radius: 3px;
    	-o-border-radius: 3px;
   -webkit-border-radius: 3px;
	   -ms-border-radius: 3px;
	       border-radius: 3px;
    color: #515151;
   
}

.topcard-header {
    padding: var(--card-cap-padding-y)var(--card-cap-padding-x);
    color: #FFF874;
    background-color: #00A77C;
   background-image: linear-gradient(135deg,#36D2AB,#00A77C);
    border-bottom: var(--card-border-width)solid var(--card-border-color);
    margin-bottom: 0;
  font-size:1.4rem;
}


.topcard-body {
    padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	
    /*color: #FFF874;
   background-color: #FFF874;*/
    flex: auto;
}



.card-body {
    padding: 2px 2px 2px 2px;
    color: var(--card-color);
    flex: auto;
}







.container-banner img {
  margin: auto;
  display: block;
  
}

.container-banner .banner-overlay {
  color: #fff;
  background-position: top, center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 40vh;  /*высота баннера*/
}

.container-banner .banner-overlay .overlay {
  text-align: center;
  background-color: #00000040;
  flex-direction: column;
  justify-content: center;
  /*align-items: flex-start;*/
  align-items: center; 
  height: 100%;
  padding: 1em;
  display: flex;
}

.container-banner .banner-overlay .overlay .text-thin {
  font-weight: lighter;
}

.container-banner .banner-overlay .overlay .text-thin:after {
  content: "";
  background: #fff;
  width: 30%;
  height: 4px;
  margin: 1rem auto 2rem;
  display: block;
}

.container-banner {
    margin: 0 0 5px;
    display: block;
}


.metismenu.mod-menu .metismenu-item {
    flex-wrap: wrap;
    align-items: center;
    padding: 0.5em 1em;
    font-size: 1rem;
    line-height: 1;
    display: flex;
}



h1, .h1 {
    font-size: 1.5rem;
 color: #006C52;	

}

a {
    color: #006C52;
	text-decoration: none; 
}

a:not([class]) {
    text-decoration: none;
}

.topcard-left {
    padding: var(--card-cap-padding-y)var(--card-cap-padding-x);
    color: #FFF874;
    background-color: #88EAD1;
    border-bottom: var(--card-border-width)solid var(--card-border-color);
    margin-bottom: 0;
  font-size:1rem;
}

.topcard-left il{
	
	background-color: 00A77C;
}

.im-radius {
    /*border: 1px solid #1F7D65;  Цвет и ширину рамки */
    /*box-shadow: 2px 1px 5px #999999;  Цвет и размер тени */
	display: inline-block;
	float:left;
	margin-right:10px;
	 border-radius: 5px;  /* Скругление углов изображения */   
	 border: 1px solid #006C52; 
	/* box-shadow: 1px 1px 5px #006C52;*/
}

.im-radius2 {
    border-radius: 5px;  /* Скругление углов изображения */   
	 border: 1px solid #006C52; 
	/* box-shadow: 1px 1px 5px #006C52;*/
	display:block;
	margin-right:10px;
}

.im-radius3 {
    display: inline-block;
	float:left;
	padding: 5px 5px 5px 5px;
	/* box-shadow: 1px 1px 5px #006C52;*/
	
}

.im-radius3 img{
	width:350px;
}

.infobox { 
  /*border: 1px solid #333;*/  
  padding: 8px 8px 8px 8px;
  background-image: linear-gradient(180deg, #FEFFD1, #fff);
  box-shadow: 1px 1px 4px #006C52;
  border-radius:5px;
}


/*подсветка левого меню*/
li.nav-item:hover{
	
	/*  background-color: #FFF874;*/
  /*background-image: linear-gradient(135deg,#ffffff,#006C52);*/
}


.mod-articlesnews__item:hover {
	background-image: linear-gradient(180deg,#ffffff,#88EAD1);
}

/*отступ карточек от слайда*/
.container-top-a {
	margin-top:-20px;
	
}

.slideplus-navigation {
    /* display:flex; */
    justify-content: center
}

a.sigplus-image {
    display: inline-block !important;
    box-sizing: border-box !important;
     border-radius: 5px;   
	 border: 1px solid #006C52; 
	 box-shadow: 2px 2px 5px #006C52;
}
/*  баннер bottom  */
.banbottom {
overflow:hidden;
padding:5px;	
text-align:center;	
	
}


.imboxban{
	width:100%;
	max-width:10rem;
	height:4rem;
	display:inline-block;
	overflow:hidden;
	margin:2px;
    border: 1px solid #006C52; 
    border-radius: 8px;
	 /*box-shadow: 1px 1px 5px #006C52;*/
	 cursor:pointer;
	 z-index:90;
	 transition:0.3s;
	 
}

.imboxban img{
	width:100%;
	height:100%;
	object-fit:fill;
	border-radius: 8px;
	transition:0.3s;			
}


.banbottom .imboxban{
	transition:0.3s;
}

.banbottom .imboxban img:hover{
	transform:scale(1.2);
	
	
}
/*вариант2*/
.imboxban2{
	width:100%;
	max-width:10rem;
	height:7rem;
	display:inline-block;
	overflow:hidden;
	margin:2px;
    border: 1px solid #006C52; 
    border-radius: 8px;
	 /*box-shadow: 1px 1px 5px #006C52;*/
	 cursor:pointer;
	 z-index:90;
	 transition:0.3s;
	 
}

.imboxban2 img{
	width:100%;
	height:100%;
	object-fit:fill;
	border-radius: 8px;
	transition:0.3s;			
}


.banbottom .imboxban2{
	transition:0.3s;
}

.banbottom .imboxban2 img:hover{
	transform:scale(1.2);
	
	
}

/*end вариант2*/
/*end баннер bottom */




/* галлерея изображений1 */
.imgallery {
overflow:none;
padding:5px;	
text-align:center;	
	
}


figure.imbox{
	width:100%;
	max-width:10rem;
	height:10rem;
	display:inline-block;
	overflow:none;
	margin:5px;
   /* border: 1px solid #006C52; */
    border-radius: 5px;
	 box-shadow: 1px 2px 5px #006C52;
	 cursor:pointer;
	 z-index:1000;
	 transition:0.3s;
}

figure.imbox img{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius: 5px;
	transition:0.3s;			
}


.imgallery figure.imbox{
	transition:0.3s;
}

.imgallery figure.imbox:hover{
	transform:scale(1.1);
	
}

.imgallery figure.imbox:focus {
	transform:scale(3.5);
 -webkit-transform: rotate(0deg) scale(3.5); -moz-transform: rotate(0deg) scale(3.5); -o-transform: rotate(0deg) scale(3.5); -ms-transform: rotate(0deg) scale(3.5);
/* *********************************************************** */
       position: relative;
        /*top: 0px;
        left: 0px;*/
      display: block;
   
        width:100%;
		/*top:50px;
		left:50px;*/
		margin-left: auto;
         margin-right: auto;
		  align-items: center;
        z-index:1000;
}
/*end галлерея изображений1 */


/*   uroky*/

.uroky{
	
	width:100%;
	
	display:inline-block;
	overflow:none;
	margin:5px;
   /* border: 1px solid #006C52; */
    border-radius: 5px;
	 box-shadow: 1px 2px 5px #006C52;
	 cursor:pointer;
	
	 
}

/*FAQ*/
summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;} 
summary {
   display:inline-block;
  padding: .4em .2em .2em .4em;
  
  
   font-size:14px;
   cursor: pointer;
   background-color: #00A77C;
   background-image:linear-gradient(150deg, #006C52, #36D2AB);

width:100%;
	max-width:100%;
	height:2.1rem;
	color:#FFF874;
	overflow:hidden;
	margin:2px;
    /*border: 1px solid #006C52; */
    border-radius: 2px;

}
summary:hover{
	 background-color: #00A77C;
     background-image: linear-gradient(150deg,#00A77C,#88EAD1); 
}

summary:after {  
  /*content: "+";*/
  margin-left: .3em;
  display: inline-block;
  transition: transform .5s;
   
}

details[open] > summary:after {
  transform: scale(1,-1);
}
summary ~ * {
   padding:0 1em 0 1em;
   
}
summary:focus {
  outline:0;
  /*box-shadow: inset 0 0 1px rgba(0,0,0,0.3), inset 0 0 2px rgba(0,0,0,0.3);*/
   color: #FFF874;
   font-weight:bold;
   box-shadow: 1px 1px 4px #006C52;
}
details[open] summary ~ *{ 
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0;}
  100%  {opacity: 1;}
}
details{
  display:block;
  margin-bottom: 0px;
 box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.06);
  font-size:14px;
 
}
/*END FAQ*/


/****ACORDEON****/
.acor-container {
    margin: 5px 0;
}
.acor-container .acor-body {
    width: calc(100% - 40px);
    margin: 0 auto;
    height: 0;
    color: rgba(0, 0, 0, 0);
    background-color: #FEFFD1;
    line-height: 18px;
    padding: 0 30px;
    box-sizing: border-box;
    transition: color 0.5s, padding 0.5s;
    overflow: hidden;
    font-family: Verdana, sans-serif; 
    font-size: 16px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2), 0 10px 16px rgba(0,0,0,0.2);
}
.acor-container .acor-body p {
    margin: 0 0 5px;
}
.acor-container label {
    cursor: pointer;
    background-color: #00A77C;
	background-image: linear-gradient(135deg,#00A77C,#88EAD1);
    display: block;
    padding: 10px 15px;
    width: 100%;
    color: #ffffff;
    font-weight: 300;
    box-sizing: border-box;
	 border-radius: 5px;
    z-index: 100;
    font-family: Verdana, sans-serif;   
    font-size: 18px;
    margin: 0 0 5px;
    transition: color .35s;
}
.acor-container label:hover {
    color: #FFF874;
}
.acor-container input{
    display: none;
}
.acor-container label:before {
    content: '\276F';
    float: right;
}
.acor-container input:checked + label {
    background-color: #FEFFD1;
    color: #FFF874;
    /*box-shadow: 0 8px 26px rgba(0,0,0,0.4), 0 28px 30px rgba(0,0,0,0.3);*/
}
.acor-container input:checked + label:before {
    transition: transform .35s;
    transform: rotate(90deg);
}
.acor-container input:checked + label + .acor-body {
    height: auto;
    margin-top: -5px;
    color: #000;
    padding: 10px 30px 10px;
}

/*****END****ACORDEON*****/


/*cards*/
.cardstop {
overflow:hidden;
padding:5px;	
text-align:center;	
	
}


.imcardstop {
	width:100%;
	max-width:14rem;
	height:6rem;
	display:inline-block;
	overflow:hidden;
	margin:5px;
   /* border: 1px solid #006C52; */
    border-radius: 5px;
	 /*box-shadow: 1px 1px 4px #006C52;*/
	 cursor:pointer;
	 transition:0.3s;
	background-image: linear-gradient(150deg,#006C52,#36D2AB);
	
 box-shadow: 1px 1px 4px #006C52;
 padding-bottom:5px;
}
.cardstop .imcardstop{
	transition:0.3s;
	color:#ffffff;
	font-size:14px;
}

.cardstop .imcardstop:hover{
	transform:scale(1.0);
	background-image: linear-gradient(150deg,#278f76,#006C52);
}
.cardstop .imcardstop:focus{
	transform:scale(1.0);
  background-image: linear-gradient(150deg,#278f76,#006C52);
	color:#006C52;
	
}

.cardstop .imcardstop a{
	  display: block;
	   height: 100%;
	  color:#ffffff;
	text-align: center;
    border-color: #00A77C;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:3px;
	padding-right:3px;
	
}
.cardstop .imcardstop a:hover{
/*color:#006C52;*/
background-image: linear-gradient(150deg,#278f76,#006C52);
	color: #fff874;
}

.cardstop .imcardstop img{
	display:block;
	height:50px;
	 margin: 0 auto;
	
	 
}


/*end cards*/



.fvb { z-index: 99;
overflow:hidden;
 background: #fff;
 position: fixed;
 right: 10px;
 top: 10px;
 width:40px;
 height:40px;
 border-radius: 10px 10px 10px 10px;
  background-color: #267863;
   box-shadow: 1px 1px 2px #006C52;
 
}

.vkdiv { z-index: 99;
overflow:hidden;
 background: #fff;
 position: fixed;
 right: 60px;
 top: 10px;
 width:40px;
 height:40px;
 border-radius: 10px 10px 10px 10px;
  background-color: #267863;
   box-shadow: 1px 1px 2px #006C52;
 
}
.vkdiv:hover{
	 box-shadow: 1px 5px 10px #FFF874;
}

.fvb:hover{
	 box-shadow: 1px 5px 10px #FFF874;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
    display: none;
}

.fancybox-share {
	display: none;
}


.float-end {
    float: right!important;
    display: none;
}

.sswhite {
    color: #fff;
}





@media (width >= 1200px)
  .h2 {
    font-size: 20px;
}


@media (width <= 992px) {
  .container-banner .banner-overlay .overlay {font-size:12px;}
  .fvb { display: none;}
  .vkdiv { display: none;}

  
}


@media (width <= 767.98px) {
 .fvb { display: none;}
 .vkdiv { display: none;}  


  .imboxban {
    width: 100%;
    max-width: 6rem;
    height: 3rem;
    display: inline-block;
    overflow: hidden;
    margin: 1px;
    border: 1px solid #006C52;
    border-radius: 8px;
     }
   
    .imboxban2 {
    width: 100%;
    max-width: 8rem;
    height: 5rem;
    display: inline-block;
    overflow: hidden;
    margin: 1px;
    border: 1px solid #006C52;
    border-radius: 8px;
    
   }
 
.container-banner .banner-overlay .overlay {font-size:16px;}
.btn-secondary {display: none;}  
.container-header .navbar-brand  {font-size: 1.2rem;}  
 .container-header .site-description {font-size: 0.8rem;}
.container-header .container-nav nav {margin-top: 0em;}  
  
  }



@media (width <= 426.98px) {
  .fvb { display: none;}
    .vkdiv { display: none;}  
.container-banner .banner-overlay .overlay {font-size:16px;}
.btn-secondary {display: none;}  
.container-header .navbar-brand  {font-size: 0.8rem;}
.container-header .site-description {font-size: 0.7rem;}
 .sigFreeThumb{width:100px; height:100px;}  
  .sigFreeClassic{width:310px;height:auto;} 
    
}

@media (width <= 321px) {
  .fvb { display: none;}
    .vkdiv { display: none;}  
.container-banner .banner-overlay .overlay {font-size:16px;}
.btn-secondary {display: none;}  
.container-header .navbar-brand  {font-size: 0.7rem;}
.container-header .site-description {font-size: 0.6rem;}
 .sigFreeThumb{width:100px; height:100px;}  
  .sigFreeClassic{width:310px;height:auto;} 
    
}