* {
 margin: 0;
 padding: 0;
}
img {
 margin: 0;
 padding: 0;
}
 
body {
 width: 100%;
 height: 100%;
 color:#333;
 
 font-family: "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size:0.94em;
 line-height:135%;

}
 
h1, h2 {
 font-size:3vw;
 font-weight:700;
 padding:0px 0 0px;
 line-height:100%;
 
 color:#08254F;
 font-family:Proxima Nova;
 padding-bottom: 3vh;
}

h1 span{
 
 
}
 
a {
 color: #cd5252;
 text-decoration:none;
}
 
a:hover {
 color:#963c3c;
 text-decoration: none;
}
 
/* -------------------------------
 Структура
 ----------------------------------*/
 
/* -------------------------------
 Ширина сайта в 1000px
 ----------------------------------*/
 
#wrapper {
 margin-top:40px;
 border:0px solid #000;
 width: 100%;
 max-width:100%;
 margin: 0 auto;
 height: auto !important;
 
 z-index:76;
  position:relative;
}

.equal_in_half{display: inline-block; 
width: 48%; 
background-color:  ; 
vertical-align: middle; /* Выровнять текст по верху блока */ 
margin-bottom:3%;}
.equal_in_half img{
width: 100%; }

.container_flex{
display: flex; /* Используем flexbox для размещения блоков в строку */
margin-top:3%;
}
.equal_in_thid{    
width:33%; 
 flex: 1; /* Каждый блок займет равное пространство */
    padding: ; /* Отступы внутри блоков */
    vertical-align: top; /* Выровнять текст по верху блока */ }
.equal_in_thid img { width:22%; }

.equal_in_thid p { color:#2C5277; font-weight:500; width:88%;}

.strictly_right p{float:right;}
.little_more p{font-size: 2vw;}

.parent {
  display: flex;
  justify-content: center;
  padding:3% 0;
}

.child a {
  background-color: #0079FE;
  border: none;
  color: white;
  padding: 22px 44px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 2 vw;
  border-radius:100px;
  text-transform: uppercase ;
font-weight:600;
}
.child a:hover{
 background-color: #135CAB;

}



/* -------------------------------
 Шапка сайта
 ----------------------------------*/
#top_drawing img {width:55%;   position:absolute;   top:0;  right:0; z-index:4;} 
header {  z-index:77;
display: inline-block; /* Или используйте display: flex; для флексовой модели */
padding: 10px; /* Внутренние отступы */
 
 border: 0px solid #000;
 

 position:relative;
 width:100%;
 max-width:100%;
 height:auto;
 
 margin:0 auto;
 margin-top:0px;
 
}
header h1 {
 font-size: 4vw;
 width:60%;
 font-weight:700;
 padding:0px 0 0px;
 line-height:100%;
 
 color:#08254F;
 font-family:Proxima Nova;
}

header p, #adress_block a{
 font-size: 2vw;
 font-weight:400;
 padding:0px 0 0px;
 line-height:100%;
 
 color:#2C5277;
 font-family:Proxima Nova;
}

#adress_block p{
 font-size: 1 %;
 font-weight:355;
 padding:0px 0 0px;
 line-height:100%;
 
 color:#333;
 font-family:Proxima Nova;
}
#adress_block img{width:2%;}

.text {
 margin:7%;
 
}
 
/* -------------------------------
 Главный контент
 ----------------------------------*/
#wrapper p{font-size: 20 px; color:#4D4D4D;}
 
#content, #seach_map, #one, #two, #fird, #fourth{
position: relative; /* Убедитесь, что позиционирование установлено */ 
border: 0px solid #000;
 float:left;
width: 100vw; 
 margin-right:0px;
 background:  ;
 overflow:hidden;
}
#seach_map {
background-image: url("../images_png/niebo_ps.png"); background-repeat: repeat-x; background-position:bottom;
}
#one { font-size: 1.1vw; line-height:111%; position:relative; overflow:hidden;
	
}
#one ul{ padding-left: 1.3vw;
	
}



.one-background {
    background-image: url('../images_png/kolo_gray.png'); /* Укажите путь к вашему изображению */
    background-size: cover; /* Сохранение пропорций изображения */
    background-repeat: no-repeat; /* Не повторять изображение */
    position: absolute; /* Контекст для анимации */
	right:-22%; top:0%; z-index:-1;
    width: 55.33vw; /* Ширина изображения составляет 1/3 ширины футера */
    height: 55.33vw; /* Высота изображения составляет 1/3 высоты футера */
    margin: 0 auto; /* Центрирование изображения */
    animation: rotateFooterImage 11s linear infinite; /* Анимация вращения изображения */
}

@keyframes rotateFooterImage {
    0% {
        transform: rotate(0deg); /* Начальный угол */
    }
    100% {
        transform: rotate(360deg); /* Полный оборот */
    }
}

#two,  #fourth {
	
background:  #F4F5F9;

}
#fird{   position: relative; 
    height: auto; /* высота подстраивается под содержимое */
    width: 100%; 
background: ; /* укажите фон, если необходимо */
padding-bottom:;}
#fourth {text-align:center;}
#fourth p{ font-size:2vw;
 font-weight:600;
 
 line-height:100%;
 
 color:#08254F;}
 
#middle:after {
 content: '.';
 display: block;
 clear: both;
 visibility: hidden;
 height: 0;
}
 
/*----------------------------
 Логотип
 ------------------------------*/
 
.logo {
 position:absolute;
 left:0px;
 top:40px;
}
 
.logo a {
 margin-left:30px;
 
}

footer{background:#08254F; color:#FFFD;  padding: 3% 7%; margin:0; line-height:222%;    position: relative; /* Позволяет размещать дочерние элементы относительно футера */
    overflow: hidden; }
footer a{ color:#FFFD;  }




#bread  {
    padding-left:8vw; width:100%; font-size:122%; 
	margin-bottom:3%;
	font-weight:600;
	 color:gray;
}

#bread nav ol {
    list-style-type: none; /* Убирает маркеры списка */
    padding: 0; /* Убирает отступы */
	
}

#bread nav ol li {
    display: inline; /* Устанавливает элементы в ряд */
	 
}

#bread nav ol li+li:before {
    content: " > "; /* Добавляет разделитель между элементами */
}

#bread  a{
 color:black;
}

#bread  a:hover{
 color:gray; text-decoration: underline;
}

@media screen and (min-width:100px) and (max-width:1024px) {
/* размер блока, где находятся главный контент и сайтбар*/
body #wrapper {
 margin-top:40px;
 width: 100%;
 margin: 0 auto;
}

/* размер шапки сайта*/

body #headerInner {
 max-width:100%;
 margin:0 auto;
}
 
/* размер главного контента*/

#wrapper #middle #content #seach_map {
  max-width:100%; overflow:hidden;
}
 
 
 
/* скобка, закрывающая тег @media screen*/

@media screen and (max-width: 768px) {
	
#one, #two, #fird, #fourth{
	
	padding-top:2%;
}
.pan_block{padding:1% 0 5%;}


.logo {
 left:0px;
 top:40px;
}
 
.logo img {
 width:100%;
}
header {
padding-top:12%;
 
}	

header h1{
 font-size:6vw;  
 margin-bottom:5%;
 
 
 
}	
header .text p {
 
 line-height:111%; /* 1.5 кратное расстояние от размера шрифта */
} 
 
header p, #adress_block a{
 font-size: 5vw;
 width:60%;
 
 
 line-height:50%; /* 1.5 кратное расстояние от размера шрифта */
}

#adress_block p{
 font-size:  5vw;
  width:60%;
}

#adress_block img{width:7%;}



.text {
	
 margin:2%;

 
}	
.text h1, .text h2{
	
 font-size: 8vw;

 
}	

.text h3{
	
 font-size: 6vw;
	 line-height: 1; /* 1.5 кратное расстояние от размера шрифта */
 
}	

.text p, ul{
	
 font-size: 5vw;

  line-height: 1.5; /* 1.5 кратное расстояние от размера шрифта */
}	

.texе ul{
	
list-style-type: disc;
}	


/* блок one */

.equal_in_half{display: inline-block; 
width: 100%; 
}
.equal_in_half img{
width: 90%; margin-left:5%;  }


/* блок two */

.container_flex{
width:100%; position:relative; display: block; 
}

.equal_in_thid{    
width:100%; position:relative; display: block; margin-bottom:5%;
 }
.equal_in_thid img { width:30%; margin-left:35%;}

.equal_in_thid p { width:80%;  margin-left:10%;}
.scream { font-size: 8888px;}  

footer{padding:7%;}

.little_more p{font-size: 5vw;}
.strictly_right p{float:none;}
	
 #wrapper #colLeft {
  float:none;
  width:100%;
  margin-right:0px;
 }

 #wrapper #colRight {
  margin-left:0px;
  margin-top:25px;
  float:none;
  width:100%;
 }
}

img {
 max-width: 100%;
 height: auto;
 width: auto\9; /* для ie8 */
}