/******************************************************общие настройки*/
* {
	box-sizing: border-box; 
	-webkit-tap-highlight-color: transparent;
}
body{
	margin: 0;
}
a{
	text-decoration: none;
}
.container{
	width: 100vw;
	position: absolute;
}
.border{
	border: 1px solid red;
}
.bb{
	border-bottom: 1px solid grey;
}


.white-list{
	height: 1000px;
}
.bold{
	font-weight: bold;
}
.underline{
	text-decoration: underline;
	color: #34495e;
}
/****************************************************** полоса прокрутки*/
::-webkit-scrollbar-button {
background-image:url('');
background-repeat:no-repeat;
width:5px;
height:0px;
}

::-webkit-scrollbar-track {
background-color: transparent;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: rgba(0,194,255,0.5);
}

::-webkit-scrollbar-thumb:hover{
background-color:	rgba(4,106,138,0.5);
}

::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width:7px;
height:0px
}

::-webkit-scrollbar{
width: 7px;
}

/******************************************************размеры экранов*/
/* Портретные планшеты и средние настольные компьютеры */
@media (min-width: 1025px){
/******************************************************шапка*/	

.marginLR{ /* контейнер с отступами*/
	padding-left: 5.83333vw; /*70/1200*/
	padding-right: 5.83333vw; /*70/1200*/
}

	.button_up {
		position: fixed;
		width: 4.0625vw;
		right: 0.6vw;
		bottom: 2.1vw;
		z-index: 10;
		transition: 500ms;
		display: none;
	}
	.button_up:hover{
		opacity: 0.6;
	}
/**************************************************кнопки между блоками 1200*/
.behind-button-bord{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	border: 1px solid #00c2ff;
	border-radius: 0.75vw; /*9/1200*/
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 32.166666vw; /*386/1200*/
	height: 4.1666666vw; /*50/1200*/
	top: -2.0833333vw; /*25/1200*/
	z-index: 1;
}
.behind-button{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #00c2ff;
	border-radius: 0.5833333vw; /*7/1200*/
	width: 31.333333vw; /*376/1200*/
	height: 3.3333333vw; /*40/1200*/
	transition: background-color 500ms;
	/* z-index: 100; */
}
.behind-button:hover{
	background-color: #077ca0;
}
.btn1{
	text-align: center;
	font-family: Ubuntu, sans-serif;
	font-size: 1.3333333vw; /*16/1200*/
	color: white;
	font-weight: 300;
	
}
.hsdj_margin{
	margin-right: 17vw;
	margin-left: 17vw;
}
/**************************************************классы для размеров 1200*/


.display-medium{
	display: none;
	
}
.display-small{
	display: none;
	
}
.display-large{
	display: block;
	position: relative;
}
}
/****************************************************************/
/* Горизонтальные телефоны и вертикальные планшеты */
@media (min-width: 576px) and (max-width: 1024px) {
/********************************************** ВЫДВИГАЮЩЕЕСЯ МЕНЮ ***************************/

.marginLR{ /* контейнер с отступами*/
	padding-left: 3.389830vw; /*26/767*/
	padding-right: 3.389830vw; /*26/767*/
}
	.button_up {
		position: fixed;
		width: 11.2vw;
		right: 0.6vw;
		bottom: 2.1vw;
		z-index: 10;
		transition: 500ms;
		display: none!important;
	}

/**************************************************кнопки между блоками 767*/
.behind-button-bord{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	border: 1px solid #00c2ff;
	border-radius: 0.75vw; /*9/1200*/
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 32.166666vw; /*386/1200*/
	height: 4.1666666vw; /*50/1200*/
	top: -2.0833333vw; /*25/1200*/
	z-index: 1;
}
.behind-button{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #00c2ff;
	border-radius: 0.5833333vw; /*7/1200*/
	width: 31.333333vw; /*376/1200*/
	height: 3.3333333vw; /*40/1200*/
	/* z-index: 100; */
}
.btn1{
	text-align: center;
	font-family: Ubuntu, sans-serif;
	font-size: 1.3333333vw; /*16/1200*/
	color: white;
	font-weight: 300;
	
}

/**************************************************классы для размеров 767*/
.display-large{
	display: none;
}
.display-small{
	display: none;
}
.display-medium{
	display: block;
	position: relative;
}



}
/****************************************************************/
/* Вертикальные телефоны и меньше */
@media (max-width: 575.98px) {
.marginLR{ /* контейнер с отступами*/
	padding-left: 5.034722vw; /*29/576*/
	padding-right: 5.034722vw; /*29/576*/
}

	.button_up {
		position: fixed;
		width: 11.2vw;
		right: 0.6vw;
		bottom: 2.1vw;
		z-index: 10;
		transition: 500ms;
		display: none;
	}
/**************************************************классы для размеров 576*/
.display-large{
	display: none;
	
}
.display-medium{
	display: none;
	
}
.display-small{
	display: block;
	position: relative;
}
}


/* Site-wide page scrollbar. Reference: Activities, approved 2026-09-07.
   Specificity overrides legacy page-scoped rules; inner carousels are unchanged. */
html:is(html, #ier-site-scrollbar),
body:is(body, #ier-site-scrollbar) {
  scrollbar-color: rgba(20, 37, 31, .3) transparent !important;
  scrollbar-width: auto !important;
}
html:is(html, #ier-site-scrollbar)::-webkit-scrollbar,
body:is(body, #ier-site-scrollbar)::-webkit-scrollbar {
  width: 8px !important;
}
html:is(html, #ier-site-scrollbar)::-webkit-scrollbar-track,
body:is(body, #ier-site-scrollbar)::-webkit-scrollbar-track {
  background: transparent !important;
}
html:is(html, #ier-site-scrollbar)::-webkit-scrollbar-thumb,
body:is(body, #ier-site-scrollbar)::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: rgba(20, 37, 31, .3) !important;
}
html:is(html, #ier-site-scrollbar)::-webkit-scrollbar-thumb:hover,
body:is(body, #ier-site-scrollbar)::-webkit-scrollbar-thumb:hover {
  background: rgba(20, 37, 31, .5) !important;
}