@import url("https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext");
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;700&display=swap');
@font-face
	{
		font-family:'Minion Pro';
		src:url("assets/fonts//MinionPro-Regular.eot");
		src:url("assets/fonts//MinionPro-Regular.eot?#iefix") format("embedded-opentype"),url("assets/fonts//MinionPro-Regular.woff") format("woff"),url("assets/fonts//MinionPro-Regular.ttf") format("truetype");
		font-weight:400;
		font-style:normal
	}
html
	{
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		font-size:14px
	}
*,*::before,*::after
	{
		-webkit-box-sizing:inherit;
		box-sizing:inherit
	}
body
	{
		margin:0;
		padding:0;
		background:#fff;
		font-family:"Roboto","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
		font-weight:normal;
		line-height:1.5;
		color:#1b252c;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
		display: flex;
		flex-direction: column;
		min-height: 100%;
	}


.top{
    padding-top: 1.3rem;
	padding-bottom: 1.5rem;	
	max-width: 85.71429rem;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.logo{
    max-width: 14rem;
}
.top_buttons{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    min-width: 10rem;
}

.banner{
    max-width: 100%;
    height: 25rem;
    background-image:url(/Img/Top.jpg);
	background-position: right center;  /* правая часть изображения всегда справа */
  	background-size: cover;             /* изображение заполняет блок */
  	background-repeat: no-repeat;
	display: flex;
	align-items:center;
	justify-content:flex-start;
}
.banner_inner {
  max-width: 85.71429rem;
  margin: 0 auto;
  width: 100%;
}
.banner_text{
  	margin: 0;
}

.banner_text h1,
.banner_text span {
  	background-color:#d92b2b;
  	color: white;
  	display: inline-block;  /* важное изменение */
  	padding: 5px;
  	width: fit-content;

}


.red_square{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	max-width: 85.71429rem;
	margin: 0 auto;
	padding: 3.5rem 0;
}
.red_square_field{
	max-width: 30%;
	border: 2px solid #d92b2b;
    border-radius: 20px;
    padding: 30px;
    line-height: 1.2;
    font-size: 1.2rem;
}
.red_square_ico{
	padding-bottom: 1rem;
	width: 40px;
}

.ai_x{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	max-width: 85.71429rem;
	margin: 0 auto;
}
.heder_aix{
	max-width: 32%;
	color:#d92b2b;
}
.text_aix{
	max-width: 62.6%;
	font-size: 1.2rem;
}

.header_two, .header_three, .hesder_four{
	max-width: 85.71429rem;
	margin: 0 auto;
	padding: 2.5rem 0 1.2rem 0;
}
.grey_square{
	display: flex;
	flex-wrap: wrap;
    flex-direction: row;
	row-gap: 2.3rem;
    justify-content: space-between;
	max-width: 85.71429rem;
	margin: 0 auto;
}
.grey_square_field{
	max-width: 30%;
	background-color:#eeeff1;
    border-radius: 20px;
    padding: 30px;
    line-height: 1.2;
    font-size: 1rem;
}
.grey_square_ico {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	max-width: 20rem;
	padding-bottom: 1rem;
}
.heder_grey_square_field{
	font-size: 1.4rem;
	font-weight:500;
	width: 60%;
}
.ico_grey_square_field{
	width: 35%;
}

.video {
  max-width: 85.71429rem;
  margin: 0 auto;
  border-radius: 20px;
  text-align: center;
  overflow: hidden; /* важно для обрезки углов */
}

.video-inner {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  border-radius: 20px;
  overflow: hidden; /* обрезает углы iframe */
}

.video-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 20px; /* добавляет скругление */
}


.logo_partners{
	display: flex;
	flex-wrap: wrap;
    flex-direction: row;
	row-gap: 2rem;
    justify-content: space-between;
	max-width: 85.71429rem;
	margin: 0 auto;
}
.logo_field, .logo_field_s{
	max-width: 30%;
	width: 30%;
	background-color:#eeeff1;
    border-radius: 20px;
    padding: 30px;
    line-height: 1.2;
	display: flex;
	justify-content:center;
	align-items:center;
}
.logo_field img{
	width: 20rem;;
}
.logo_field_s img{
	width: 12rem;;
}

.map{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	max-width: 85.71429rem;
	margin: 0 auto;
	padding-top: 4rem;
}

.map_txt{
	max-width: 32%;
	font-size: 1.1rem;
}
.map_img{
	width: 64%;
}
.map.img img{
	width: 30rem;
}

#footer{
	padding: 2rem 0;
    color: #e6e6e6;
    background-color: #1b252c;
	margin-top: auto; 
}
.footer{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	max-width: 85.71429rem;
	margin: 0 auto;
	align-items:center;
}
.footer_logo, .footer_cop{
	width: 25%;
}
.footer_logo img{
	width: 190px;
}

.footer_null{
	width: 10%;
}
.footer_cop{
	text-align: right;
}
.footer_tel{
	font-size: 1rem;
	display: flex;
    justify-content: space-between;
	width: 45%;
}
.tel_kaz{
	width: 50%;
	padding-right: 10%;
	border-right: 2px solid #d92b2b;
}
.tel_rus{
	width: 50%;
	margin-left: 10%;
}
.tel_rus a, .tel_kaz a{
	color:#fff;
}
.tel_rus a:hover, .tel_kaz a:hover{
	color:#d92b2b;
	transition: all 0.3s ease;
}

.h1,.h3,.h4,.h5,.h6,h1,h3,h4,h5,h6{
	font-family:"Roboto Slab","Helvetica Neue",Helvetica,Roboto Slab,Arial,sans-serif;
	margin-bottom:1.5rem;
	font-weight:300;
	font-style:normal;
	text-rendering:optimizeLegibility;
	color:inherit;
	
}
.h1,h1{
	margin-bottom:0;
	font-weight:700;
	font-size:3.5rem;
	line-height:3.8rem;
	color:#fff;
}
.h2,h2{
	font-size: 4.5rem;
	font-weight: 700;
	line-height: 1.1;
	font-family: "Roboto Slab","Helvetica Neue",Helvetica,Roboto Slab,Arial,sans-serif;
	margin-bottom: 1.5rem;
	font-style:normal;
	text-rendering:optimizeLegibility;
	color:inherit;
}
.h3,h3{
	font-size:2.8rem;
	line-height:1.2;
	font-weight: 400;
	color:#363636;
}
.h4,h4{
	font-size:1.8rem;
	line-height:1.3;
	color:#363636;
}
.h5,h5{
	font-size:1.5rem;
	line-height:1.4;
	color:#363636;
}
.h6,h6{
	font-size:1.2rem;
	line-height:1.5;
}
.text_aix p{
	margin-bottom: 0.8rem;
	font-size: 1.2rem;
}
.map_txt p{
	margin-bottom: 0.8rem;
}
.banner p{
	font-size: 2.8rem;
	margin-bottom:0;
	font-weight:700;
	line-height:2.8rem;
	color:#fff;
}

a.link_tel{
	background: url(/assets/Icon_navigation/phone.svg); /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 30px; /* Ширина рисунка */
	height: 30px;
}
a.link_tel:hover{
	background: url(/assets/Icon_navigation/phone_over.svg); /* Путь к файлу с исходным рисунком  */
transition: all 0.3s ease;

}
a.link_mail{
	background: url(/assets/Icon_navigation/mail.svg); /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 30px; /* Ширина рисунка */
	height: 30px;
}
a.link_mail:hover{
	background: url(/assets/Icon_navigation/mail_over.svg); /* Путь к файлу с исходным рисунком  */
	transition: all 0.3s ease;

}
a.link_watsapp{
	background: url(/assets/Icon_navigation/watsapp.svg); /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 30px; /* Ширина рисунка */
	height: 30px;
}
a.link_watsapp:hover{
	background: url(/assets/Icon_navigation/watsapp_over.svg);
	transition: all 0.3s ease;
}

/* Оформление для экрана 960px - 1200px */
@media (min-width:960px) and (max-width:1200px) {
	h2, .h2{
		font-size: 3.7rem;
	}
	#head{
		margin: 0 1rem;
	}
	.banner_text, .red_square, .ai_x, .header_two, .header_three, .hesder_four, .grey_square, .video, .logo_partners, .map, .footer{
		margin: 0 1rem;
	}
}

/* Оформление для экрана 501px - 959px */
@media (min-width:501px) and (max-width:959px) {
	h1, .h1{
		font-size: 2.4rem;
	}
	.banner p{
		font-size: 2.2rem;
		line-height: 2rem;
	}
	.red_square{
		flex-wrap: wrap;
		row-gap: 1.5rem;
	}
	.red_square_field{
		max-width: 90%;
		margin: 0 auto;
	}
	.banner{
		background-position: 80% center;  /* правая часть изображения всегда справа */
  		background-size: cover;             /* изображение заполняет блок */
  		background-repeat: no-repeat;
	}
	.h2, h2{
		font-size: 1.8rem;
	}
	.text_aix p{
		font-size: 1rem;
	}
	.h3, h3 {
    	font-size: 1.7rem;
	}
	.heder_grey_square_field {
    	font-size: 1rem;
	}
	.grey_square_field {
		font-size: 0.8rem;
	}
	.grey_square_field {
		max-width: 47%;
	}
	.logo_field, .logo_field_s {
    	max-width: 47%;
    	width: 47%;
	}
	.logo_field img {
    	width: 15rem;
	}
	.map_txt p {
    	margin-bottom: 0.5rem;
	}
	.map_txt {
    	max-width: 90%;
    	font-size: 0.7rem;
		margin: 0 auto;
	}
	.map {
    	flex-wrap: wrap;
	}
	.footer_logo, .footer_cop{
		font-size: 0.8rem;
		width: 30%;
	}
	.footer_tel{
		font-size: 0.8rem;
		width: 37%;
	}
	.footer{
		font-size: 0.8rem;
	}
	.footer_logo img{
		width: 140px;
	}
	.footer_null {
    	width: 2%;
	}
	.tel_kaz {
    	padding-right: 5%;
	}
	#head{
		margin: 0 1rem;
	}
	.banner_text, .red_square, .ai_x, .header_two, .header_three, .hesder_four, .grey_square, .video, .logo_partners, .map, .footer{
		margin: 0 1rem;
	}
}

/* Оформление для экрана c 501px до 572px */
@media (min-width:501px) and (max-width:572px) {
	.map_img {
    	width: 100%;
	}
}

/* Оформление для экрана c 651px до 715px */
@media (min-width:651px) and (max-width:715px) {
	.footer_logo, .footer_cop{
		width: 30%;
	}
	.footer_tel{
		width: 40%;
	}
	.footer_null {
    	width: 0;
	}
}

/* Оформление для экрана c 501px до 650px */
@media (min-width:501px) and (max-width:650px) {
	
}

/* Оформление для экрана до 500px */
@media (max-width:500px) {
	h1, .h1{
		font-size: 2rem;
		line-height: 2rem;
	}
	.banner p{
		font-size: 1.8rem;
		line-height: 1.8rem;
	}
	.red_square{
		flex-wrap: wrap;
		row-gap: 1.5rem;
		padding: 2rem 0;
	}
	.red_square_field{
		max-width: 90%;
		margin: 0 auto;
	}
	.banner{
		background-position: 65% center;
  		background-size: cover;
  		background-repeat: no-repeat;
		align-items:normal;
	}
	.banner_text{
		padding-top: 3rem;
	}
	.h2, h2{
		font-size: 1.5rem;
	}
	.ai_x{
		flex-wrap: wrap;
	}
	.text_aix p{
		font-size: 1rem;
	}
	.text_aix{
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}
	.heder_aix {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}
	.h3, h3 {
    	font-size: 1.4rem;
	}
	.heder_grey_square_field {
    	font-size: 1rem;
	}
	.grey_square_field {
		font-size: 0.8rem;
	}
	.grey_square_field {
		max-width: 90%;
		margin: 0 auto;
	}
	.logo_field, .logo_field_s {
    	max-width: 90%;
    	width: 90%;
		margin: 0 auto;
	}
	.logo_field img {
    	width: 18rem;
	}
	.map_txt p {
    	margin-bottom: 0.5rem;
	}
	.map_txt {
    	max-width: 90%;
    	font-size: 0.7rem;
		margin: 0 auto;
	}
	.map {
    	flex-wrap: wrap;
		padding-top: 2rem;
	}
	    .map_img {
        width: 100%;
    }
	.footer_logo, .footer_cop{
		font-size: 0.8rem;
		width: 90%;
		margin: 0 auto;
	}
	.footer_cop{
		text-align: left;
	}
	.footer_tel{
		font-size: 0.8rem;
		width: 90%;
		margin: 0 auto;
	}
	.footer{
		font-size: 0.8rem;
		flex-wrap: wrap;
		gap: 1rem;
	}
	.footer_logo img{
		width: 160px;
	}
	.footer_null {
    	display: none;
	}
	.tel_kaz {
    	padding-right: 5%;
	}
	#head{
		margin: 0 1rem;
	}
	.banner_text, .red_square, .ai_x, .header_two, .header_three, .hesder_four, .grey_square, .video, .logo_partners, .map, .footer{
		margin: 0 1rem;
	}
}