.slidersmart {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  display: block;
  box-sizing: border-box;
  transition: width 0.3s ease, height 0.3s ease;
}

.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start; /* Выравнивание по верхнему краю */
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 10px;
  pointer-events: none;
}

.slide.active {
  opacity: 1;
  pointer-events: auto;
  z-index: 2;
}

.slidersmart img {
  width: auto;
  max-width: 130px;
  min-width: 70px;
  height: auto;
  max-height: 100px;
  object-fit: contain;
  flex-shrink: 0;
}

.RobotoCondensed-Light-text {
  word-break: break-word;
  white-space: normal;
  flex: 1;
  min-width: 50%;
  box-sizing: border-box;
  padding: 5px;
    font-size: 0.9em;
  line-height: 0.9em;
}



/* Фиксируем размеры текста */
.RobotoCondensed-Light {

}

h4 {
  
    font-weight: bold;
  
}

h4:after {
  
}


div.controls-ss > button.down-ss {
border: 2px solid yellow;	
}

div.controls-ss >  button.up-ss {
border: 2px solid yellow;	
}

/* Это стиль анимированной иконки под тестирование модулей программ */
   .main-circle {
            position: relative;
            width: 27px;
            height: 27px;
            border-radius: 50%;
            background-color: #4CAF50;
            overflow: visible; /* Разрешаем отображение за пределами контейнера */
            display: inline-block; /* Для корректного отображения span */
            box-sizing: border-box; /* Учитываем padding и border в размерах */
			
        }

        .small-circle {
            position: absolute;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background-color: white;
            left: 50%;
            top: 50%;
            transform-origin: center;
            animation: orbit 10s linear infinite;
            z-index: 2; /* Убедимся, что кружки поверх основного круга */
            display: inline-block; /* Для корректного отображения span */
            box-sizing: border-box; /* Учитываем padding и border в размерах */
        }

        .color-change {
            animation: orbit 10s linear infinite, colorChange 2s linear infinite;
        }

        /* Начальные позиции с индивидуальными задержками */
        .small-circle:nth-child(1) { 
            transform: translate(-50%, -50%) rotate(0deg) translateX(8px) rotate(0deg);
            animation-delay: 0s, 0s;
        }
        .small-circle:nth-child(2) {
            transform: translate(-50%, -50%) rotate(72deg) translateX(8px) rotate(-72deg);
            animation-delay: -2s, -1s;
        }
        .small-circle:nth-child(3) {
            transform: translate(-50%, -50%) rotate(144deg) translateX(8px) rotate(-144deg);
            animation-delay: -4s, -2s;
        }
        .small-circle:nth-child(4) {
            transform: translate(-50%, -50%) rotate(216deg) translateX(8px) rotate(-216deg);
            animation-delay: -6s, -3s;
        }
        .small-circle:nth-child(5) {
            transform: translate(-50%, -50%) rotate(288deg) translateX(8px) rotate(-288deg);
            animation-delay: -8s, -4s;
        }

        @keyframes orbit {
            to {
                transform: translate(-50%, -50%) rotate(calc(360deg + var(--start-rotate))) 
                         translateX(8px) rotate(calc(-360deg + var(--end-rotate)));
            }
        }

        @keyframes colorChange {
            0%, 100% { background-color: white; }
            50% { background-color: black; }
        }
		   /* Это конец стиля анимированной иконки под тестирование модулей программ */
        .circle-container {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            width: 27px;
            height: 27px;
            border-radius: 50%;
            background-color: #4CAF50; /* Зелёный цвет */
          
        }

        .circle-container i {
            color: white;
            font-size: 1.3em;
			    transform: scale(0.6); /* Уменьшение на 30% */
        }

    


/* Это стиль для блока с коммерческим предложением */

.span-pdf-icon {
  width: 4vh;
  flex-shrink: 0; /* Запрещает уменьшение элемента */
}

/* Это конец стиля для блока с коммерческим предложением */


ul.redList {
  list-style-type: none;
  counter-reset: css-counters 0;
  margin-top:5px;
  font-size:100%;
}

ul.redList {
	margin-left: 15px;
  list-style-type: none;
  counter-reset: css-counters 0;
  margin-top:5px;
  font-size:100%;
}

ul.redList li:before {
  counter-increment: css-counters;
  content: counters(css-counters, ".") ".";
  font-weight: bold;
   margin-right: 5px; 
}


ul.redList > li {
	text-align: justify;
	padding-bottom:6px;
} 

div#redContainer {		
background-color: red;
 width:100%;
    border-radius:  12px 12px 12px 12px;
	padding:  3px  8px 8px 8px; 
	font-size: 100%; 

} 


 .rotate-90 { 
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}


.fa-arrow-right {
	margin-left:0px;
	
}

h3 {
	
	font-size:200% !important; margin-bottom:5px; font-weight: bold;  line-height:90%;
}

  .glow {
 
  color: #yellow;
  text-align: center;
  animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0), 
               0px 0px 10px rgba(255, 255, 255, 0), 
			   0px 0px 15px rgba(255, 255, 255, 0),
			   0px 0px 20px rgba(255, 255, 255,0),
			   0px 0px 30px rgba(255, 255, 255, 0),
			   0px 0px 40px rgba(255, 255, 255, 0),
			   0px 0px 55px rgba(255, 255, 255, 0),
			   0px 0px 75px rgba(255, 255, 255, 0);
  }
  
  to {
   text-shadow: 0px 0px 5px rgba(255, 255, 255, 1), 
               0px 0px 10px rgba(255, 255, 255, 1), 
			   0px 0px 15px rgba(255, 255, 255, 1),
			   0px 0px 20px rgba(255, 255, 255,1),
			   0px 0px 30px rgba(255, 255, 255, 1),
			   0px 0px 40px rgba(255, 255, 255, 1),
			   0px 0px 55px rgba(255, 255, 255, 1),
			   0px 0px 75px rgba(255, 255, 255, 1);
  }
}



.stroke {
 margin-bottom:5px; 
color:#C16515;
 font-weight:bold;
	text-shadow: 
		-0   -2px 2px #FFFFFF,
		 0   -2px 2px #FFFFFF,
		-0    2px 2px #FFFFFF,
		 0    2px 2px #FFFFFF,
		-2px -0   2px #FFFFFF,
		 2px -0   2px #FFFFFF,
		-2px  0   2px #FFFFFF,
		 2px  0   2px #FFFFFF,
		-1px -2px 2px #FFFFFF,
		 1px -2px 2px #FFFFFF,
		-1px  2px 2px #FFFFFF,
		 1px  2px 2px #FFFFFF,
		-2px -1px 2px #FFFFFF,
		 2px -1px 2px #FFFFFF,
		-2px  1px 2px #FFFFFF,
		 2px  1px 2px #FFFFFF,
		-2px -2px 2px #FFFFFF,
		 2px -2px 2px #FFFFFF,
		-2px  2px 2px #FFFFFF,
		 2px  2px 2px #FFFFFF,
		-2px -2px 2px #FFFFFF,
		 2px -2px 2px #FFFFFF,
		-2px  2px 2px #FFFFFF,
		 2px  2px 2px #FFFFFF;
		 font-size:180%; line-height:110%;
		 }

.divTable, #redContainer a {
	color: #47A6EC !important;
}


.divTable, #columnOneInbrickOne a:not(div.stroke > a) {
	color:  #47A6EC !important;
}


div#header1 a {
	
	color:#EF7F1A !important;
	
}




h3 a:link {


color:#C16515 !important;
	
	}
	


h3.headerRedContainer {
	
	color:yellow;
	letter-spacing:  -2px;  
}


img[src='/images/logo/tgss_small.png']:hover {
	cursor: pointer;
}

span.articul {
	border-radius: 6px 6px 6px 6px;
	background-color: black;
	padding: 3px 8px 3px 8px;
	border: 1px solid yellow;
	margin-top: 10px;
	font-size: xx-small;
	word-break: break-all !important;
	display: inline-block !important;

}

div.articul {
	text-align: right;
	margin-bottom: 5px;
}

.imgFlip {
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: 'FlipH';
}


.just {
	text-align: justify;
}


@keyframes show {
	0% {
		opacity: 0;
	}

	20% {
		opacity: 1;
	}

	80% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}


#fullScreen:hover {
	cursor: pointer;

}

.refund {
	width: 23px;
}


#service_list a {
	color: yellow;
}


 span.donatestring > a {
	 color: yellow !important;
 }

#programsSSCG a {
	color: yellow;
}


li::marker {
	color: yellow;
	font-size: 19pt;
	padding-left: 34px;
}


.programsSSCG {
	background-color: #6748C7;
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(/images/background_programm/destroyC.png?1772929732);
	background-position-x: 35%;
}


.cosmosSSCG {
	background-color: black;
	background-position: right;
	padding: 20px;
	/* background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(/images/background_programm/cosmos_prog1.png?12);  */
	background-image: url(/images/background_programm/cosmos_prog1.png?1772929732);
	background-size: round auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}


.ecologySSCG {
	background-position: right;
	padding: 20px;
	/* background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(/images/background_programm/cosmos_prog1.png?12);  */
	background-image: url(/images/background_programm/3463483ver8.jpg?1772929732);
	background-size: round auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}


.antiterrorSSCG {
	background-color: #6d3130;
	background-position: right;
	/*background-size: cover;*/
	background-size: fit;
	
	background-repeat: repeat;
	padding: 20px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), url("/images/background_programm/antiterror2.jpg?2");
	/* background-image:url(/images/background_programm/antiterror.jpg?1772929732);
 background-color: rgba(255,255,255,0.2);
 */

	background-position-x: 25%;

}
.technicalProgSSCG {
    position: relative; /* Для позиционирования псевдоэлемента */
    padding: 10px 20px 20px 20px;
    background-color: black;
    overflow: hidden; /* Обрезаем лишнее */
}

/* Псевдоэлемент для фона с прозрачностью */
.technicalProgSSCG::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-image: url(/images/background_programm/technical.png?1772929732);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 200px auto; /* Фиксированный размер */
    opacity: 0.3; /* Прозрачность изображения (0.3 = 30%) */
    pointer-events: none; /* Игнорирует клики */
	
  
}

/* Контент поверх фона */
.technicalProgSSCG > * {
    position: relative;
    z-index: 1;
}







.ritualProgSSCG {
	background-color: #0b0e07;
	/*background-size: cover;*/

	padding: 20px;
	/*  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), url("/images/background_programm/peace.png?2"); */
	/* background-image:url(/images/background_programm/peace3.png?1772929732);
 background-color: rgba(255,255,255,0.2);
*/


	background-image: url(/images/background_programm/ritual.png?1772929732);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-size: 40%;
	background-position: center bottom;
	background-repeat: no-repeat;
/* 	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover; */
	background-size: 100% auto;
	background-repeat: no-repeat;
	/*   background-position-y: 4px; */
	background-color: #4977C6 !important;
}


.yellowBlock {
	background-color: #0b0e07;
	/*background-size: cover;*/

	padding: 20px;
	/*  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), url("/images/background_programm/peace.png?2"); */
	/* background-image:url(/images/background_programm/peace3.png?1772929732);
 background-color: rgba(255,255,255,0.2);
*/


	background-image: url(/images/mainpage/cityspb.png?1772929732);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-size: 40%;
	background-position: center bottom;
	background-repeat: no-repeat;
/* 	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover; */
	background-size: 100% auto;
	background-repeat: no-repeat;
	/*   background-position-y: 4px; */
	background-color: yellow !important;
}

.protest_module {
	background-color: #0b0e07;

	margin-top: 10px;
	padding: 20px;
	

 	background-image: url(/images/protest_pictures/protest_3.png?1772929732);
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-size: 40%;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-repeat: no-repeat;

	background-color: #4977C6 !important;
}



.energyProgSSCG {
	background-color: #0b0e07;
	/*background-size: cover;*/

	padding: 20px;
	/*  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), url("/images/background_programm/peace.png?2"); */
	/* background-image:url(/images/background_programm/peace3.png?1772929732);
 background-color: rgba(255,255,255,0.2);
*/


	background-image: url(/images/background_programm/peace9.png?1772929732);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-size: 40%;
	background-position: center bottom;
	background-repeat: no-repeat;
/* 	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; */
		background-size: 100% auto;
	background-repeat: no-repeat;
	/*   background-position-y: 4px; */
	background-color: #4977C6 !important;
}

.mediaServiceSSCG {
    padding: 20px;
    background: 
        linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), 
        url(/images/background_programm/web-design2.png?1772929732)
        center bottom 5px no-repeat black; /* Изменено здесь */
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 40%;
    background-position: center bottom 5px; /* Изменено здесь */
    background-repeat: no-repeat;
    background-size: 75% auto;
    background-repeat: no-repeat;
    /* Удалено background-position-y: 4px; */
    background-color: black;
}
	


.itPROGSSCG {

	background-color: #121209;
	/*background-size: cover;*/

	padding: 20px;
	/*  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), url("/images/background_programm/peace.png?2"); */
	/* background-image:url(/images/background_programm/peace3.png?1772929732);
 background-color: rgba(255,255,255,0.2);
*/


	background-image: url(/images/background_programm/itprog.png?1772929732);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;

	background-position: center bottom;
	background-repeat: no-repeat;
/* 	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; */
	/* 	background-size: 50% auto; */
	background-size: 80% auto; 
	background-repeat: no-repeat;
	 
	background-color: black;
	color:white;
}


.rightrulesProgSSCG {

	background-color: #121209;
	/*background-size: cover;*/

	padding: 20px;
	/*  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), url("/images/background_programm/peace.png?2"); */
	/* background-image:url(/images/background_programm/peace3.png?1772929732);
 background-color: rgba(255,255,255,0.2);
*/


	background-image: url(/images/background_programm/rightrules-color.png?1772929732);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;

	background-position: center bottom;
	background-repeat: no-repeat;
/* 	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; */
	/* 	background-size: 50% auto; */
	background-size: 80% auto; 
	background-repeat: no-repeat;
	 
	background-color: black;
}


.improvementProgSSCG {

	background-color: #121209;
	/*background-size: cover;*/

	padding: 20px;
	/*  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), url("/images/background_programm/peace.png?2"); */
	/* background-image:url(/images/background_programm/peace3.png?1772929732);
 background-color: rgba(255,255,255,0.2);
*/


	background-image: url(/images/background_programm/improvement.png?1772929732);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;

	background-position: center bottom;
	background-repeat: no-repeat;
/* 	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; */
	/* 	background-size: 50% auto; */
	background-size: 80% auto; 
	background-repeat: no-repeat;
	 
	background-color: black;
}


.diverceProgSSCG {
	/*background-size: cover;*/

	padding: 20px;
	/*  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), url("/images/background_programm/peace.png?2"); */
	/* background-image:url(/images/background_programm/peace3.png?1772929732);
 background-color: rgba(255,255,255,0.2);
*/
	background-image: url(/images/background_programm/diverceblack_prog.png?); 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-size: 40%;
	background-position: center bottom;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	/*   background-position-y: 4px; */
	background-color: #081936 !important;
}


.scienceProgSSCG {
	background-color: #121209;
	/*background-size: cover;*/

	padding: 20px;
	/*  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), url("/images/background_programm/peace.png?2"); */
	/* background-image:url(/images/background_programm/peace3.png?1772929732);
 background-color: rgba(255,255,255,0.2);
*/


	background-image: url(/images/background_programm/science.png?1772929732);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;

	background-position: center bottom;
	background-repeat: no-repeat;
/* 	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; */
	/* 	background-size: 50% auto; */
	background-size: 40% auto; 
	background-repeat: no-repeat;
	 
	background-color: black;
}


.exchangeandcurrencyprograms {
	background-color: #1C4557;
	background-position: right;
	/*background-size: cover;*/
	background-size: contain;
	background-repeat: repeat;
	padding: 20px;
	background-image: url(/images/background_programm/currency.png?1772929732);
	background-position-x: 25%;

}


.politicalProg {
	background-color: #1F3954;
	background-position: right;
	/*background-size: cover;*/
	background-size: contain;
	background-repeat: repeat;
	padding: 20px;
	background-size: cover;
	background-image: url(/images/background_programm/political.png?1772929732);
	background-repeat: repeat-x;

}

#service_ul_bio > li {
	text-align: justify;
}

ul#service_ul {
	margin-left: 20px;
}

h2 {
	display: table;
	word-wrap: break-word;
}

ol {
	list-style-type: disc;
	padding-left: 30px;
	padding-right: 25px;
}

ol li {
	font-weight: normal;
	line-height: 100%;
	padding-bottom: 10px;
}



h5 {
	color: black !important;
	font-size: 170%;
	letter-spacing: -2px;
	line-height: 100%;
}

.masonry {
	transition: all .5s ease-in-out;
	column-gap: 10px;
	column-fill: initial;

}

.masonry .brick {
	margin-bottom: 10px;
}



#3dmenu_container {
	
	
	
}

@media only screen and (min-width: 650px) {
	.economicSSCG {
		background-color: #5c3b9f;
		background-image: url(/images/background_programm/economy-r.png?7);
		background-repeat: no-repeat;
		background-position: right 0%;
		background-size: auto 100%;
	}
}


.serviceSSCG {
	padding: 12px 10px 20px 10px;
	border-radius: 6px 6px 30px 30px;
	background-color: #4977C6 !important;
	color: white;
	background-image: url(/images/background_programm/clouds_service5.png?3);
	background-position: center center;
	background-repeat: repeat-y;
	background-size: auto 30%;

}


.ecoSSCG {
	padding: 12px 10px 20px 10px;
	border-radius: 6px 6px 30px 30px;
	background-color: #4977c6;
	background-image: url(/images/background_programm/eco.png?8);
	background-repeat: no-repeat;
	background-position: right 0%;
	background-size: auto 100%;
	color: white;
}

.geoSSCG {
	padding: 12px 10px 20px 10px;
	border-radius: 6px 6px 30px 30px;
	background-color: black;
/* 	background-image: url(/images/background_programm/eco.png?8); */
	background-repeat: no-repeat;
	background-position: right 0%;
	background-size: auto 100%;
	color: white;
}


.plumberServiceSSCG {
	padding: 12px 10px 20px 10px;
	border-radius: 6px 6px 30px 30px;
	background-color: black;
/* 	background-image: url(/images/background_programm/eco.png?8); */
	background-repeat: no-repeat;
	background-position: right 0%;
	background-size: auto 100%;
	color: white;
}

.medSSCG {
	padding: 12px 10px 20px 10px;
	border-radius: 6px 6px 30px 30px;
	background-color: black;
/* 	background-image: url(/images/background_programm/eco.png?8); */
	background-repeat: no-repeat;
	background-position: right 0%;
	background-size: auto 100%;
	color: white;
}

.federalSSCG, .logisticSSCG {
	padding: 12px 10px 20px 10px;
	border-radius: 6px 6px 30px 30px;
	background-color: black;

	background-repeat: no-repeat;
	background-position: right 0%;
	background-size: auto 100%;
	color: white;
}



@media only screen and (min-width: 1024px) {
	.desc {
		font-size: 1.25em;
	}

	.intro {
		letter-spacing: 1px;
	}

	.masonry {
		column-count: 2;
	}


	
	
}


div#greetings a {}

div#greetings a:hover,
.panelForTextSlider a:hover {
	color: yellow;
	text-shadow: 0px 0px 12px #fff;
	transition: 0.4s;
}


.socialProgramsSSCG {
	background-position: right;
	background-color: #4848C4;
	background-size: cover;
	background-image: url(/images/background_programm/hands.png?6);
	background-repeat: repeat-x;
 	
}

.floatB {
	float: right;

}

.masonry-prog-3 > #programsSSCG > article > #service_ul > li:not(:last-child) {
    margin-bottom: 25px;
}


#service_list {
	padding: 6px 10px 6px 10px;
	border-radius: 6px 6px 30px 30px;
	color: white;
	line-height: 100%;
}



div.brick a.animatedLink {
	margin-bottom: 30px;
}


div#linkD {
	position: relative;
	margin-bottom: 20px;
}


div#linkD p {

	padding-left: 10px;

}

.head_v {
	margin-bottom: 15px;
}

div.head_v {
	line-height: 100%;
}


.head_v {

  display: table;
    word-wrap: break-word; 
padding: 8px 10px 8px 10px;
	background-color: yellow; 
	font-weight: bold;
	font-size: 130%;
	border-radius: 15px 15px 15px 15px;
	/* font-family: RobotoCondensed-Bold; */
	 border: 1px solid yellow; }



.masonry .brick a.animatedLink {
	float: right;
}


.panelForTextSlider a:hover {
	color: orange;
}


.panelForTextSlider {
	/* border: 2px solid red; */
}

.panelForTextSlider {
	text-align: center;
}


div#TVtextSlider div {

	margin: 0 auto;
	display: none;
	color: white;
	padding: 12px;
	/* border: 3px solid yellow; */
}


.mytooltip {
	radius: 4px !important;
	background-color: black;
	color: rgb(255, 77, 85) !important;
	padding: 5px 20px;
	border-radius: 20px;
	margin: 50px;
	text-align: center;
	font: bold 14px;
	font-stretch: condensed;
	text-decoration: none;
	box-shadow: 0 0 0px black;
}

div.masonry div.brick h3.progType {
	font-size: 160%;
	color: white;
	background-color: black;
	display: inline-block;
	padding: 8px 10px 8px 10px;
	font-weight: bold;
	border-radius: 0px 15px 15px 0px;
	margin-bottom: 10px;
}

* {
	-moz-box-sizing: borde-box;
	-moz-sizing: borde-box;
}


li::marker {
	color: yellow;
	font-size: 19pt;
	padding-left: 34px;

}


li span {
	color: yellow;
}

ul#stat {
	padding-left: 54px;
}

ul#stat li::marker {
	color: black !important;
	font-size: 19pt;
}


span.first-letter {
	font-weight: bold;

}

p.inlineBlock {
	display: inline-block;
}

.socialProgramsSSCG {
	background-position: right;
	background-color: #4848C4;

	background-image: url(/images/background_programm/hands.png?1);
	background-repeat: repeat-x;
	    background-position: center bottom;
	background-size: 480% 30%;
}


div.brick:first-child a {
	color: yellow;
}


li p>span:first-child {
/* 	padding-top: 40px; */


}

.invisible {
	float: right;
}

.bottom {
	float: right;
	padding-left: 10px;
	padding-top: 0px;
	clear: right;
	bottom: 10px;

}


.markText {
	font-weight: bold;
	/* padding: 3px 6px 3px 6px; */
	/* border-radius: 6px; */
	 padding: 0px;
	 margin:0px;
color: yellow;
background-color:black;
}

mark {
	font-weight: bold;
	 padding: 3px 6px 3px 6px; 
	 border-radius: 6px; 
color: yellow;
background-color:black;
}

.letter {
	font-family: 'tangak';
	color: yellow;
	line-height: 60px;
	vertical-align: top;
	display: inline-block;
	float: left;
	font-size: 260%;
	margin: 0 10px 0 0;

}




@media only screen and (min-width: 650px) {
	.economicSSCG {
		background-position: bottom;
		background-color: #5c3b9f;
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url(/images/background_programm/arrow8.png?8);
	}
}


@media screen and (max-width: 650px) {
	.economicSSCG {
		background-position: bottom;
		background-color: #5c3b9f;
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url(/images/background_programm/arrow8.png?8);


	}
	
}


@media only screen and (min-width: 650px) {
	.geoSSCG {
			background-color: #121209;
	/*background-size: cover;*/

	padding: 10px 20px 20px 20px;
	/*  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), url("/images/background_programm/peace.png?2"); */
	/* background-image:url(/images/background_programm/peace3.png?1772929732);
 background-color: rgba(255,255,255,0.2);
*/


	background-image: url(/images/background_programm/biosphere.png?1772929732);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;

	background-position: center bottom;
/* 	background-position: left 70% bottom; */
	background-repeat: no-repeat;
/* 	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; */
	/* 	background-size: 50% auto; */
	background-size: 200px auto; 
	background-repeat: no-repeat;
	 
	background-color: black;
	}
	
	.plumberServiceSSCG {
    padding: 10px 20px 20px 20px;
    background: 
        linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), 
        url(/images/background_programm/plumberservice.webp?1772929732)
        center bottom 10px no-repeat black;
    background-size: 200px auto;
    -webkit-background-size: 200px auto;
    -moz-background-size: 200px auto;
    -o-background-size: 200px auto;
}
	
	.medSSCG {
			background-color: #121209;
	/*background-size: cover;*/

	padding: 10px 20px 20px 20px;
	/*  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), url("/images/background_programm/peace.png?2"); */
	/* background-image:url(/images/background_programm/peace3.png?1772929732);
 background-color: rgba(255,255,255,0.2);
*/


		 background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url("/images/background_programm/medservice.webp?1772929732");
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;

	background-position: center bottom;
/* 	background-position: left 70% bottom; */
	background-repeat: no-repeat;
/* 	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; */
	/* 	background-size: 50% auto; */
	background-size: 70% auto; 
	background-repeat: no-repeat;
	 
	background-color: black;
	}
	
	
	
	.federalSSCG {
			background-color: #121209;
	padding: 10px 20px 20px 20px;
	background-image: url(/images/background_programm/federal.png?1772929732);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 300px auto; 
	background-repeat: no-repeat;
	background-color: black;
	}
	
	
		.logisticSSCG {
			background-color: #121209;
	padding: 10px 20px 20px 20px;


	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 300px auto; 
	background-repeat: no-repeat;
	background-color: black;
	}
}


@media screen and (max-width: 650px) {
	.geoSSCG {
			background-color: #121209;
	/*background-size: cover;*/

	padding: 10px 20px 20px 20px;
	/*  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), url("/images/background_programm/peace.png?2"); */
	/* background-image:url(/images/background_programm/peace3.png?1772929732);
 background-color: rgba(255,255,255,0.2);
*/


	background-image: url(/images/background_programm/biosphere.png?1772929732);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;

	background-position: center bottom;
/* 	background-position: left 70% bottom; */
	background-repeat: no-repeat;
/* 	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; */
	/* 	background-size: 50% auto; */
	background-size: 200px auto; 
	background-repeat: no-repeat;
	 
	background-color: black;

	}
	
.plumberServiceSSCG {
    padding: 10px 20px 20px 20px;
    background: 
        linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), 
        url(/images/background_programm/plumberservice.webp?1772929732)
        center bottom 10px no-repeat black;
    background-size: 200px auto;
    -webkit-background-size: 200px auto;
    -moz-background-size: 200px auto;
    -o-background-size: 200px auto;
}
	
	
	.medSSCG {
			background-color: #121209;
	/*background-size: cover;*/

	padding: 10px 20px 20px 20px;
	/*  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), url("/images/background_programm/peace.png?2"); */
	/* background-image:url(/images/background_programm/peace3.png?1772929732);
 background-color: rgba(255,255,255,0.2);
*/



	
		 background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url("/images/background_programm/medservice.webp?1772929732");
	
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;

	background-position: center bottom;
/* 	background-position: left 70% bottom; */
	background-repeat: no-repeat;
/* 	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; */
	/* 	background-size: 50% auto; */
	background-size: 70% auto; 
	background-repeat: no-repeat;
	 
	background-color: black;

	}
	
	
	
	.federalSSCG {
			background-color: #121209;
	padding: 10px 20px 20px 20px;
	background-image: url(/images/background_programm/federal.png?1772929732);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 300px auto; 
	background-repeat: no-repeat;	 
	background-color: black;
	}
	
		.logisticSSCG {
			background-color: #121209;
	padding: 10px 20px 20px 20px;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 300px auto; 
	background-repeat: no-repeat;	 
	background-color: black;
	}
	
}


div#detectiveadvert {
	margin: 10px 0px 0px 0px !important;

}



/*   img#telescopeadvert {  border-radius: 0px !important; border: 4px solid black; width:100%; } */





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

#timeprog {
	max-width:100%;
}


	


	.energyProgSSCG {
	

		margin-right: 0px !important;
	}
	
		.mediaServiceSSCG {
	

		margin-right: 0px !important;
	}
	
	.improvementProgSSCG 	{
	

		margin-right: 0px !important;
	}
	
		.rightrulesProgSSCG  	{
	

		margin-right: 0px !important;
	}
	
	
	.diverceProgSSCG {
	

		margin-right: 0px !important;
	}

	.scienceProgSSCG {
	

		margin-right: 0px !important;
	}

.itPROGSSCG {
	

		margin-right: 0px !important;
	}




	#lastfaq {
		margin-bottom: 20px;
	}


	#containerFlex {
		flex-direction: column;

	}

	#containerFlex>div {
		margin-right: 0px;
		margin-bottom: 10px;
	}


	div[class*="fixCount"] {
			column-count: 2 !important;
			font-size: 70%;
			text-align: justify !important;
		}

		.ritualProgSSCG {
		margin-right: 0px !important;
	}


}

 .rainbow-text-SSCG {
		
		    font-family: Arial, Verdana, Helvetica !important;
	letter-spacing:-1px;
			
}

.textaboutsscgprog {
text-align:justify;margin:-5px 10px 10px 10px

}

  .dropcap  p:first-child:first-letter {

	font-family: 'tangak';
	font-size: 4.5vh;
		
	vertical-align: top;
	display: inline-block;
	float: left;
	margin: 0 10px -10px 0;

} 

article .head_v, h2.link, {
		
		    font-family: Arial, Verdana, Helvetica !important;
			 
			
}

@media screen and (min-width: 800px) {


#timeprog {
	max-width:50%;
}





	 div[class*="fixCount"] {
	text-align: justify !important; line-height:100%; column-count: 1
		}

		


	#containerFlex div:nth-of-type(1) {
		margin-right: 10px;
	}


	#containerFlex {
		flex-direction: row;
	}
}


/* article#aboutProblem::first-letter {
	font-size: 3em;
	font-weight: bold;
	float: left;
	margin: 4px 4px 0px 0;
	color: white;
} */

#aboutProblem a {

	color: yellow !important;

}

article:nth-child(2) span {
	position: absolute;
	bottom: 8px;

	left: 50%;
	width: 95%;
	padding: 6px;
	border-radius: 20px;
	transform: translate(-50%, 0);

	text-align: center;
}

.programPrice {
	font-weight: bold;
	line-height: 140%;
	font-size: 90% !important;
}

.programPrice a {
	color: yellow;
}



span.price {
	font-size: 100%;
	background-color: black;
	border-radius: 8px;
	padding: 2px 4px 2px 4px;
	color: white;
	border: 1px dotted white;

}

span.containerPrice {
	padding: 6px 2px 6px 2px;
	border-radius: 12px;
	background-color: black
}




.containerRefund>span {
	margin-right: 5px;
}

.containerRefund>span img {
	min-width: 30px;
}


span.star8::before {
	/*  content: '\2742'; */
	font-size: 120%;

}


img.uniq {
	height: 200px;
	width: 200px;
	background-color: white;
	border: 70px solid black;
	box-sizing: border-box;
	float: right;
	clear: right;
}

div#spacer {
	width: 0px;
	float: right;
}


ol {
list-style: none !important;
}


ol.prepayment {

	margin-left: 0px !important;
		margin-right: 0px !important;
		padding-right:0px !important;

margin-top:10px !important;

	margin-left: 0px !important;
		padding-left:0px !important;
}

ol.prepayment li:not(:first-child) {
	font-size: .95em !important;
		margin-left: 15px !important;
		padding-left:15px !important;
}

ol.prepayment li:first-child {
	font-size:100% !important;
		margin-left: 0px !important;
		padding-left:0px !important;
}

ol.prepayment li:first-child:before {
	
	display:none;
}

ol.prepayment li:before {
	
	content: "•";
		font-size: 2em; 
    vertical-align: middle;
	padding-right:4px;
}




#slideshow {

  position: relative;

  padding: 10px;

}

#slideshow > div {
  position: absolute;
  width:50vw;
  top: 10px;
  left: 0px;
  right: 10px;
  bottom: 10px;
}



div#blackContainer a {
	color:#47A6EC !important;
}



@media only screen and (min-width: 768px)  {
	
#slideshow > div {

  width:40vh !important;

}

}



.rainbow-text-SSCG {
    background: linear-gradient(150deg, 
        #ff0000 0%, 
        #ff7f00 15%, 
        #ffff00 30%, 
        #00ff00 45%, 
        #0000ff 60%, 
        #4b0082 75%, 
        #8f00ff 90%);
    background-size: 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    animation: rainbow 3s linear infinite;
    display: inline-block;
	text-align: justify;
	
	font-size:2vh;
line-height:2vh;
	
}

@keyframes rainbow {
    0% { background-position: 0% center; }
    100% { background-position: -200% center; }
}

/* Для совместимости с разными браузерами */





.arrowAnimMobile {
	transform: translatex(0%);
	left: 0%;
	right: 0%;
	animation: centerMobile 2s infinite;
}

@keyframes centerMobile {
	0%,
	10% {
		transform: translatex(0%);
	}

	50%,
	60% {
		transform: translatex(-5%);
	}

	90%,
	100% {
		transform: translatex(0%);
	}
}


.arrowAnim {
	transform: translatey(0%);
	left: 0%;
	right: 0%;
	animation: center 2s infinite;
}

@keyframes center {
	0%,
	10% {
		transform: translatey(0%);
	}

	50%,
	60% {
		transform: translatey(-5%);
	}

	90%,
	100% {
		transform: translatey(0%);
	}


}



.masonry-prog {
  margin-top: 10px;
  column-gap: 10px;
  text-align: justify;
  transition: all 0.5s ease-in-out;
  column-fill: balance;
}

@media only screen and (min-width: 1024px) {
  .masonry-prog {
    column-count: 3;
  }
}

@media only screen and (min-width: 701px) and (max-width: 1023px) {
  .masonry-prog {
    column-count: 2;
  }
}

@media only screen and (max-width: 700px) {
  .masonry-prog {
    column-count: 1;
  }
}

.masonry-prog .brick-prog {
  display: block; /* Изменено с inline-block */
  margin-bottom: 10px;
  break-inside: avoid;
  width: 100%;
  box-sizing: border-box;
  page-break-inside: avoid; /* Для старых браузеров */
}





.masonry-prog-3 {
  margin-top: 10px;
  text-align: justify;
  transition: all 0.5s ease-in-out;
  
  /* CSS Grid Masonry - современный стандарт */
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  grid-auto-rows: masonry;
  align-items: start;
}

@media only screen and (min-width: 701px) and (max-width: 1023px) {
  .masonry-prog-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 700px) {
  .masonry-prog-3 {
    grid-template-columns: 1fr;
  }
}

.masonry-prog-3 .brick-prog {
  width: 100%;
  box-sizing: border-box;
  break-inside: avoid;
}




















.masonry-prog-2col {
  margin-top: 10px;
  text-align: justify;
  transition: all 0.5s ease-in-out;
  
  /* Исправление для Edge: flex вместо columns */
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.brick-prog {
  margin-bottom: 10px;
  width: calc(50% - 5px); /* Ширина с учетом gap */

   display: block !important;
  /* Отключение старых свойств */

  vertical-align: top !important;

}

/* Адаптация для мобильных */
@media (max-width: 768px) {
  .brick-prog {
    width: 100%;
  }
}






@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .masonry-prog-2col {
    column-count: 1; /* Одна колонка на планшетах */
  }
}

@media only screen and (min-width: 1024px) {
  .masonry-prog-2col {
    column-count: 2; /* Три колонки на десктопах */
  }
}
 
 @media all and (max-width: 1024px) {
  .textaboutsscgprogcolumn  {
    column-count: 2 !important; 
  }
}
 
  @media all and (min-width: 1024px) {
  .textaboutsscgprogcolumn {
    column-count: 3 !important; 
  }
}
 
 


 
 
div.accordion-container ul { margin-top:8px; margin-left:10px;list-style-type: none; }






.accordion {
  width: 100%;



  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}


.accordion li:not(:last-child) {
	
   margin-bottom: 5px;
  
}
ul.submenu > li {
  margin-bottom: 0px !important;
}


.accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 12px;
  color: #4D4D4D;
  font-size: 14px !important;
  font-weight: 700;
 
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

h2.link a {
  color: yellow;
  text-decoration: none;
 
}


.chevron-down-margin {
	 margin-left:0px;
}



.accordion li i {
  position: absolute;
  top: 13px;
  left: 12px;
 
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  right: 12px;
  right: auto;
  font-size: 16px;
}

.accordion li.open .link { color: #b63b4d; }

.accordion li.open i { color: #b63b4d; }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/


.submenu {
  display: none;
margin-top:5px;
  font-size: 14px;
}

.submenu li {  }

.submenu a {
  display: inline-block;
  text-decoration: none;
  color: black;
padding:6px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.submenu a:hover {
  background: #b63b4d;
  color: #FFF;
}

ul.accordion
{
max-height : 270px;
    overflow-y:auto;
	padding-left:0px;
	margin-top: 0px; margin-bottom: 0px;
}


ul.accordion {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
ul.accordion::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

.controls {
    text-align: center;
    margin: 20px 0;
}

.controls button {
    background: #b63b4d;
    color: white;
    border: none;
    padding: 10px 20px;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 4px;
    transition: background 0.3s ease;
}

.controls button:hover {
    background: #a33446;
}


   .accordion li h2 {
            border-radius: 20px;
            background: black;
            margin: 0;
            border: 2px solid yellow;
            padding: 0px 10px 0px 10px;
            transition: transform 0.3s ease;
        }

   .carousel-container-ss {
            position: relative;
            width: 100%;
            height: 300px;
            overflow: hidden;
            border-radius: 5px;
            user-select: none;
            overscroll-behavior: none;
        }
		


        .controls-ss button {
            width: 30px;
            height: 30px;
            border: none;
            border-radius: 50%;
            background: black;
            color: white;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .controls-ss button:disabled {
            background: #cccccc;
            cursor: not-allowed;
        }
		
		
.accordion {
    cursor: grab;
}

.accordion.dragging {
    cursor: grabbing;
    user-select: none;
}

.accordion .link {
    cursor: pointer; /* Курсор для заголовков */
}




.accordion .submenu li {
    white-space: nowrap;
}

/* Дополнительная оптимизация */
.accordion > li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
	
}

.accordion .link {
    width: max-content;
    max-width: 100%;
    box-sizing: border-box;
}

.accordion .link {
    cursor: default; /* Убираем курсор-указатель для всего заголовка */
}

.toggle-icon {
    cursor: pointer !important; /* Стрелочка остается кликабельной */
    margin-right: 10px; /* Добавляем отступ от текста */
}



div.digital-art-galaxy {
	position: absolute; 
  left: 50%;
  top: 0%;
  border-radius: 20px;
 z-index:-100;
 margin-top:15px;
 background-repeat:no-repeat;
background-position: center center;

        background-size: 40%;
  background-image: url(/images/background_programm/digital-art-galaxy.png?10);
height: 73vh; }

div.menu_container_3d {
 position: absolute; 
  left: 50%;
  top: 0%;
  transform: translate(-50%, -0%);  width:70vh; height: 70vh;
}


div.starsviolet {
 position: absolute; 
  left: 50%;
  top: 0%;
  border-radius: 20px;
 z-index:-160;
 margin-top:15px;
 background-repeat:no-repeat;
background-position: center center;
    mix-blend-mode: screen;


      
  background-image: url(/images/background_programm/starsviolet.jpg?9);
   background-size: cover; 
    height: 73vh;
	
}

.element {
	letter-spacing: 1.5px;
	text-align:center;
	position:absolute;
	/*left:-50px; top:-10px;*/
	left:0; top:0;
	transform-origin: center center;
	-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;
}


.lines-canvas {
    stroke: rgba(255, 255, 255, 0.15);
    stroke-width: 2;
    stroke-linecap: round;
    filter: drop-shadow(0 0 10px white); 
	 position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	 transform: perspective(1200px) translateZ(-200px);
}

#3dmenu_container {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70vmin; /* Используем vmin для адаптивности */
    height: 70vmin;
}

.lines-canvas line {
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
}

h4 {
font-size:160% !important; letter-spacing:-1px;

}
.nightcodestarshield {
    margin: 0;
    padding: 0;
    line-height: 1.3; /* Оптимальная высота строки */
    font-size: 110%;  /* Сохраняем ваш размер шрифта */
  }

  .nightcodestarshield .dash {
    vertical-align: baseline; /* Фиксируем позицию тире */
    margin: 0 2px; /* Небольшой отступ вокруг тире */
  }

.glow + br { /* Обращение к первому <br> после элемента с классом glow */
    display: none; /* Скрыть лишний перенос */
}

p {
    line-height: 1.2; /* Уменьшить межстрочный интервал */
    margin: 0 0 10px 0; /* Убрать отступы у абзаца */
}

.circle-container {
    margin-top: -5px; /* Корректировка позиции иконки */
}


  /* Явный сброс наследования */
    .icon-container {
        font-size: 20px !important; /* Резервный вариант */
    }
	
	.custom-icon {
		padding-right:6px;
		color:white;
	}

    /* Стиль для иконки */
    .custom-icon::before {
        font-size: 1em !important; /* 1em = 40px (если родитель 40px) */
        display: block; /* Убирает влияние line-height */
    }
	
	.icon-container a {
  font-size: 0.9rem !important;
}


.flex-container {
    display: flex;
    gap: 10px; /* Опциональный отступ между колонками */
}

.main-column {
    flex: 2; /* Занимает 2/3 пространства */
    min-width: 0; /* Решает проблему переполнения контента */
}

.sidebar-column {
    flex: 1; /* Занимает 1/3 пространства */
    min-width: 0; /* Для корректного сжатия при необходимости */
}

 .masonry-prog article a {
color: yellow;	
}


#service_ul, 
#service_ul > ul, 
#service_ul > ol, 
#service_ul > li {


}

/* Фикс для Firefox */
@-moz-document url-prefix() {
  #service_ul >li {

padding:3px;
  }
}

/* Убираем отступы в параграфах */
#service_ul p {

}

/* Фикс для маркеров */
.standartprognomarker {


}

.standartprog li {
	margin:5px !important;
	
}
<!--
.standartprog a {
    display: inline-block;
    vertical-align: baseline;
} -->


	




div.priceModule {
    display: flex;
    align-items: center; 
   
    padding: 3px;
}

div.containerPrice {
    border-radius: 12px;
    padding: 0;
}

div.price {
    font-size: 100%;
    background-color: black;
    border-radius: 8px;
    margin-right: 10px; /* Увеличиваем отступ для компенсации outline */
    padding: 5px;
    color: white;
    border: 1px dotted white;
    outline: 3px solid black; /* Черное обрамление вокруг пунктира */
    position: relative; /* Для корректного позиционирования outline */
}

div.programPrice {
    /* Стили для элемента с ценой */
    color: white; /* Пример цвета текста */
    font-weight: bold; /* Пример начертания */
}

.ext-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    text-decoration: none;
    color: #0066cc;
    font-weight: 500;
    border-bottom: 1px dashed #0066cc;
    padding-bottom: 1px;
    transition: opacity 0.2s;
}
.ext-link:hover {
    opacity: 0.8;
}


.masonry-prog #service_ul > li:not(:last-child):not(:only-child) {
    margin-bottom: 20px;
}

.masonry-prog #service_ul > div > li:not(:last-child):not(:only-child) {
    margin-bottom: 20px;
}



.brnone  br {
	display:none;
}

p {
    text-align: justify;
    hyphens: auto;
    overflow-wrap: break-word;
}


div.percent > div {
text-align: justify;	
	
}


.blocked-alert, .flex-container-row {
     width: 100%;

    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
}

/* Добавлено решение */
.blocked-alert + .flex-container-row {
    margin-top: 20px;
}

.blocked-icon {
     font-size: 1.25rem; 
    color: #e74c3c;
    min-width: 1.75rem; 
    text-align: left;
}

.blocked-text {
    font-size: 0.95em;
    line-height: 1.0;
    width: 100%;
}

.blocked-text a {
    color: #e74c3c;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.blocked-text a:hover {
    text-decoration-color: #c0392b;
}	
	
.blocked-icon {
    animation: pulse 0.5s infinite;
}

.document-icon {
     font-size: 1.25rem; 
    color: #f1c40f;
       min-width: 1.75rem; 
    text-align: left;
}

.document-text {
    font-size: 0.95em;
    line-height: 1.0;
    width: 100%;
}

.document-text a {
    color: #f1c40f;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.document-text a:hover {
    text-decoration-color: #e67e22;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.RobotoCondensed-Light {
    overflow-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
}


@font-face {
	font-family: 'tangak';
	src: url(/fonts/tangak/tangak.otf?1772929732) format("opentype");
}


div.inner ul {
		font-family:tangak;
}

div.inner .margin
{
	margin-top:5px;
}




div.inner .child {
    display: none;
	opacity:0.0;
}

div.inner ul#menu {
	background-color: #0073BE;
	border-radius: 0px 0px 20px 20px;
}

div.inner .child li a {
    color: #FFF;
}

div.inner ul {
    list-style: none;
    padding: 0px;
    min-width: 10em;
}


div.inner li:hover {
 
}

div.inner .parent li:hover {
    background-color: #017EBC;
}

div.inner {
    margin: 0 auto;
}

div.inner ul {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
	padding: 8px 4px 8px 4px; 
}


li:not(.sep) {
}

ul li a {
	
	z-index:100 !important;
}

ul li.parent {
    position: relative;
      line-height:30px;  font-size: 115% !important;
 
}

ul .parent li {
	
    line-height: 30px;
    clear: both; 
 font-size:80% !important;;
     display: inline-block;
	 float: left;


    background-color: #0085FB;
	margin: 3px;
	border-radius: 23px;
	  line-height: 120%;
	  padding: 8px 5px 8px 5px;
	  
}

div.inner ul#menu [class*="brick"] { /* Кирпичик с сепаратором. */
  text-align: center;
  margin: 0px;
  /* padding: 3px; */
  
}

div.inner .sep {
	
	
	transform: translateY( 5px  ); /* Положение сепаратора. */
	
	
 color: white;
}

div.inner .nosep {
	opacity: 0.0;
	display:none;
   }



ul#menu {
	margin: 0px !important;
}

li >ul {

white-space:nowrap !important;

}

ul#menu>li {
cursor:pointer;
}
ul.child { margin-top:-5px important; }
	
		
li[class*="brick"]	{
	
	color:yellow;
	
}
	
li >ul.child {
	margin-top:-10px !important;
}
	
	ul.child > li.parent {
	padding: 6px 9px 6px 9px;
	
	}
	
	#circle {
      width: 5px;
      height: 5px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px;
      background: white;
    }
	
	.fa-arrow-right {
	font-size: 1.3vh;
	margin: 0px 6px 0px 6px;
	color: gray;
	}
	
	
div#termsprotection { 
	
	font-size: 0.9vh;
	font-weight:bold;
	position: absolute; 
	display: none; 

	text-align: center;
	width: 500px; 
	  aspect-ratio: 16/14;
	z-index: 9999;
	top: 50%; 
	left: 50%; 
	transform: translate(-50%,-50%); 
	background-image: url('/images/clouds/cloud_with_policeman_sscg2_glasses.png?Sun Mar 8 0:28:52 UTC 2026'); 
	justify-content: center;   
	align-items: center; 
	background-repeat: no-repeat;  
	background-position: 0% 0%;
	background-size: 100% 100%;
	opacity:0;

}
div#termsprotection p { 

}



			
	
	ul#menu  > li.parent:nth-child(odd)   {
/* 	color: #F6BE00; */
	}
	

	
ul#menu {
  display: inline-block;

  text-align: center
  padding-left:5px;
    padding-right:5px;

}

ul#menu li {
  display: inline
}

ul#menu>li:after {
  content: " ";
  letter-spacing: .9em;
  color:white;
    
  background: url(/images/circle.png?1772929732)  center center no-repeat; 
   
}

@media (min-width:320px)  {
ul#menu {
	line-height:150%;
}

}

nav.navigation {
	/* height: 50px; */
}

div.inner {
	/* margin-top:10px;
		margin-bottom:10px; */
}

div#carausel {
       opacity: 0.3;
    transition: opacity 0.3s;
}


div#carausel:hover {
	 opacity: 0.7;
    cursor: pointer;
}

#carausel_container {
position: absolute; display:none; z-index: 7999;   left: 50%;
	
    transform: translateX(-50%) translateZ(0); justify-content: flex-end;
}
	
	#carausel {
	 width: 50px;
        height: 50px;
		margin-right:10px;
        border-radius: 50%;
        overflow: hidden;
        padding: 5px;
        /* margin: 0 auto; УДАЛИТЬ ЭТУ СТРОКУ */
        transform: translateZ(0); 
        box-sizing: border-box;
        display: flex;
        align-items: center;
		opacity:0.3 !important;
        justify-content: center;
        background: black;
	}
		#carausel img {
		 max-width: 70%;
            max-height: 70%;
            object-fit: contain;
            filter: invert(100%);
		}
		
		#termsprotection {
			
			display: flex; flex-direction: column; z-index:20000;  font-size: 1.1vh;  align-items: center;  justify-content: center;
		}
		
		.main_protest_module {
		display:none; opacity: 0.0; align-items: flex-end;
    text-align:center; position:absolute; width:300px; z-index:10000;  height:236px;  transform-origin: center bottom; transform: translate(100px,248px);
		}