html {
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
}
body {
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	text-align: center;  /* Центрируем все объекты по центру  */
	background-color: #ffffff;
}
#red {
	color: #CE1313;
}

#img-ayslu {
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	width: 340px; /* Ширина во весь экран 100vw*/
}
#blok01 {
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	width: 100%; /* Ширина во весь экран 100vw*/
    height: 100vh; /* Высота во весь экран 100vh*/	
	background-color: #ffffff;
}

#blok02 {
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	width: 100%; /* Ширина во весь экран 100vw*/
	background-color: #f5f5f5;
	color: #015015;

	/* Устанавливаем картинку на задний фон */
/*	background-image: url('009.webp'); /* Укажите путь к вашему изображению */
 /*  	background-size: cover; Масштабирует фоновое изображение, чтобы полностью покрыть блок */
 /* 	background-position: center; /* Центрирует изображение по центру блока */
/*  	background-repeat: no-repeat; /* Предотвращает повторение изображения */	
	/* Централизуем все внутри блока по центру */
	display: flex; /* Включает Flexbox для контейнера */
  	justify-content: center; /* Центрирует содержимое по горизонтали */
  	align-items: center; /* Центрирует содержимое по вертикали */
}
#oferlid2 {	
	color: #000000; /* Цвет текста #f1f1f1 */	
	font-size: 40px; /* Размер шрифта */
	margin: 40px 10px 10px 10px; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
}


#blok03 {
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	width: 100%; /* Ширина во весь экран 100vw*/
    height: 100vh; /* Высота во весь экран 100vh*/	
	background-color: #ffffff;	
}
#blok04 {
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	width: 100%; /* Ширина во весь экран 100vw*/
    height: 100vh; /* Высота во весь экран 100vh*/	
	background-color: #ffffff;
}
#blok05 {
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	width: 100%; /* Ширина во весь экран 100vw*/
    height: 100vh; /* Высота во весь экран 100vh*/	
	background-color: #ffffff;
}
#blok06 {
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	width: 100%; /* Ширина во весь экран 100vw*/
    height: 100vh; /* Высота во весь экран 100vh*/	
	background-color: #ffffff;
}
#blok07 {
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	width: 100%; /* Ширина во весь экран 100vw*/
  /*  height: 100vh;  Высота во весь экран 100vh*/	
	background-color: #F8F9FA;
	color: #CE1313;
	
}
/* *********************************************************************** */
/* *** Стилизация кнопки перехода ниже к следующему Абзацу сайта ********* */
/* *********************************************************************** */

.circle-button {
	margin: 25px; /* отступы с наружи */
  	width: 50px; /* Размер кнопки */
 	height: 50px; /* Размер кнопки */
	border-radius: 50%; /* Делает кнопку круглой */
 	background-color: #CE1313; /* Прозрачный фон transparent*/
 	border: 1px solid #CE1313; /* Граница кнопки */
	display: flex; /* Используется для центрирования стрелки */
	justify-content: center; /* Центрирует содержимое по горизонтали */
	align-items: center; /* Центрирует содержимое по вертикали */
	cursor: pointer; /* Курсор в виде руки при наведении */
	text-decoration: none; /* Убирает подчеркивание у ссылок */
}
.arrow-down {
	color: #fff; /* Цвет стрелки */
	font-size: 24px; /* Размер стрелки */
	text-decoration: none; /* Убирает подчеркивание у ссылок */
}
/* ***********************************************************************  */
/* ***********************************************************************  */
/* ***********************************************************************  */







/* ***************************************************************** */
/* *** начало Шапка сайта ****************************************** */
/* ***************************************************************** */
#logocompany {
	float: left;
}
#namecompany {
	float: left;
	margin: 15px; /* Отступы наружи блока */
	padding: 10px; /* Отступы внутри блока */
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */

	font-size: 40px; /* Размер шрифта */
	font-weight: bold; /* Делает текст жирным */
 	font-style: italic; /* Делает текст курсивом */
	font-family: Palatino, Verdana, Montserrat, Arial, sans-serif; /* Определяем шрифты */
	color: #000 ; /* Цвет текста#0F2635  */
}
#ikontel {
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	height: 40px; 
}
#telcompany {
	float: right;
	border: 1px solid rgba(255, 255, 255, 0.18); /* Светлая граница для эффекта "стекла" */
	margin: 15px; /* Отступы наружи блока */
	padding: 10px; /* Отступы внутри блока */
	font-size: 40px; /* Размер шрифта */
	font-weight: bold; /* Делает текст жирным */
  	font-style: italic; /* Делает текст курсивом */
	font-family: Palatino, Verdana, Montserrat, Arial, sans-serif; /* Определяем шрифты */
	color: #000; /* Цвет текста #0D2A3B #f1f1f1 */
	
	border: 1px solid #CE1313; /* Устанавливаем границу в 1 пиксель */
	border-radius: 10px; /* Закругляем углы */
	text-decoration: none; /* Убираем подчеркивание у ссылок */
}
#telcompany a {
	color: #CE1313; /* Цвет текста #0D2A3B #f1f1f1 */
}

#color-hapka {
	background-color: #fff;
	margin: 0 0 20px 0; /* Отступы вокруг блока */
	padding: 0; /* Отступы внутри блока */
	
	border: 1px solid rgba(255, 255, 255, 0.18); /* Светлая граница для эффекта "стекла" */
	background: rgba(255, 255, 255, 0.8); /* Полупрозрачный белый фон */
	backdrop-filter: blur(10px); /* Размытие фона за элементом */
/*   	border-radius: 15px; Скругленные углы */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Легкая тень для добавления глубины */
  	border: 1px solid rgba(255, 255, 255, 0.18); /* Светлая граница для эффекта "стекла" */
	transition: transform 0.3s ease, box-shadow 0.3s ease; /* Плавный переход для эффектов */
}
/* ***************************************************************** */
/* *** конец Шапка сайта ******************************************* */
/* ***************************************************************** */

#ofer {
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	margin: 40px; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
}

#ofer2 {
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	margin: 40px; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	font-size: 40px; /* Размер шрифта */
}
#ofer3 {
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	margin: 24px; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	font-size: 22px; /* Размер шрифта */
}

.modern-block {
 	float: left; 
  	background: rgba(255, 255, 255, 0.8); /* Полупрозрачный белый фон */
  	backdrop-filter: blur(10px); /* Размытие фона за элементом */
  	border-radius: 15px; /* Скругленные углы */
  	padding: 20px; /* Отступы внутри блока */
  	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Легкая тень для добавления глубины */
 	border: 1px solid rgba(255, 255, 255, 0.18); /* Светлая граница для эффекта "стекла" */
 	max-width: 300px; /* Максимальная ширина блока 300px; */
	max-height: 360px; /* Максимальная высота блока 300px; */
 	margin: 20px; /* Отступы вокруг блока */
 	font-family: 'Arial', sans-serif; /* Современный и чистый шрифт */
 	color: #333; /* Цвет текста */
 	transition: transform 0.3s ease, box-shadow 0.3s ease; /* Плавный переход для эффектов */
}

.modern-block:hover {
  	transform: translateY(-5px); /* Поднимает блок при наведении */
  	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Усиливает тень при наведении */
}

.modern-block h2 {
  	margin-top: 0;
  	margin-bottom: 15px; /* Отступ вокруг заголовка */
}

.modern-block p {
  	line-height: 1.6; /* Межстрочный интервал */
}

.container {
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	width: 1200px;
	text-align: center;
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
}

.container h2 {
	margin: 20px 0 0 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	width: 800px;
	text-align: center;
	margin-left: auto;
  	margin-right: auto;
}

.blog {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100vh; /* или любая другая высота */
}

/* ***************************************************************** */
/* *** Начало 4-х блоков ******************************************* */
/* ***************************************************************** */
#blog1 {
	float: left;
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	width: 50%; /* Ширина во весь экран 100vw*/
    height: 250px; /* Высота во весь экран 100vh*/	
	background-color: #fff; /* Цвет фона при наведении */
	color: #000; /* Цвет текста */
	/* выравниваем содержимое блога по вертикали */
	display: flex;
  	flex-direction: column;
  	justify-content: center;
	
	font-size: 25px; /* Размер шрифта */
	font-weight: bold; /* Жирность шрифта */
}
#blog2 {
	float: left;
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	width: 50%; /* Ширина во весь экран 100vw*/
    height: 250px; /* Высота во весь экран 100vh*/
	background-color: #CE1313; /* Цвет фона при наведении */
	color: #f1f1f1; /* Цвет текста */
	/* выравниваем содержимое блога по вертикали */
	display: flex;
  	flex-direction: column;
  	justify-content: center;
	
	font-size: 30px; /* Размер шрифта */
	font-weight: bold;
}
#let36 {
	font-size: 70px; /* Размер шрифта */
	font-weight: bold;
}
#blog3 {
	float: left;
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	width: 50%; /* Ширина во весь экран 100vw*/
    height: 250px; /* Высота во весь экран 100vh*/
	background-color: #CE1313; /* Цвет фона при наведении */
	color: #f1f1f1; /* Цвет текста */
	/* выравниваем содержимое блога по вертикали */
	display: flex;
  	flex-direction: column;
  	justify-content: center;
	
	font-size: 40px; /* Размер шрифта */
	font-weight: bold;
}
#blog4 {
	float: left;
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	width: 50%; /* Ширина во весь экран 100vw*/
    height: 250px; /* Высота во весь экран 100vh*/
	background-color: #fff; /* Цвет фона при наведении */	
	color: #000; /* Цвет текста */
	/* выравниваем содержимое блога по вертикали */
	display: flex;
  	flex-direction: column;
  	justify-content: center;
	
	font-size: 40px; /* Размер шрифта */
	font-weight: bold;
}
/* ********************************************************************************************* */
/* Начало Кода Красно белой Консультации кнопки Вацапа ***************************************** */
/* ********************************************************************************************* */
.btkonsyl {
	border: 1px solid #CE1313; /* Устанавливаем границу в 1 пиксель */
	background-color: #fff; /* Темнозеленый цвет фона */
	display: inline-block; /* Сделаем кнопку строчно-блочным элементом */	
	font-size: 16px; /* Размер шрифта */
	font-weight: bold; /* Жирный текст */
  	border-radius: 10px; /* Закругляем углы */
 	cursor: pointer; /* Изменяем курсор при наведении */
 	text-decoration: none; /* Убираем подчеркивание у ссылок */
 	outline: none; /* Убираем обводку при фокусе */
	color: #CE1313;
	width: 50%; /*Ширина во весь экран 100vw*/
	margin: 10px 10px 10px 10px; /*Убираем отступы по умолчанию */
	padding: 10px 10px; /*Отступы внутри кнопки */
	text-decoration: none; /* Убирает подчеркивание у ссылок */
}
/* При наведении */
.btkonsyl a:hover {  /* наведен курсор мыши.  */
	border: 2px solid #CE1313; /* Устанавливаем границу в 1 пиксель */
	background-color: #fff;  Темнозеленый цвет фона */
	color: #CE1313;
	font-weight: bold;
	font-size: 18px; /* Размер шрифта */
	text-decoration: none; /* Убирает подчеркивание у ссылок */
}

/* При нажатии */
.btkonsyl a:active { /*  в момент ее активации  */
	border: 4px solid #CE1313; /* Устанавливаем границу в 1 пиксель */	
  	background-color: #fff; /* Темнозеленый цвет фона */
	color: #CE1313;
	font-weight: bold;
	text-decoration: none; /* Убирает подчеркивание у ссылок */
}
.btkonsyl a:link  { /*  не были посещены пользователем.*/
	border: 0px solid #CE1313; /* Устанавливаем границу в 1 пиксель */
  	background-color: #fff; /* Темнозеленый цвет фона */
	color: #CE1313;
	text-decoration: none; /* Убирает подчеркивание у ссылок */
}
.btkonsyl a:visited   {   /*  пользователь уже переходил ранее. */
	border: 0px solid #CE1313; /* Устанавливаем границу в 1 пиксель */
  	background-color: #fff; /* Темнозеленый цвет фона */
	color: #CE1313;
	text-decoration: none; /* Убирает подчеркивание у ссылок */
}
/* ********************************************************************************************* */
/* ********************************************************************************************* */
/* ********************************************************************************************* */

/* ***************************************************************** */
/* *** Конец  4-х блоков ******************************************* */
/* ***************************************************************** */

/* Блог с Флаго ************************************************************************** */

#flag1 {    /* 340	383 */
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	float: left;
	margin-right: 20px;
	 /* margin: 0;Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	background-color: #f5f5f5; /* Цвет фона при наведении */
	width: 340px; /* Ширина во весь экран 340px; 100vw*/
	/*height: 383px; *Задайте высоту контейнера */
}
#flag2 {
	font-size: 40px; /* Размер шрифта */
	font-weight: bold;
	color: #2F2F2F; /* Цвет текста */
	
	/* выравниваем содержимое блога по вертикали */
	display: flex;
  	flex-direction: column;
  	justify-content: center;
	

	 /* width: 50%;Ширина во весь экран 340px; 100vw*/
	/*height: 383px; Задайте высоту контейнера */
	/* централизуем в нутри блока по гор.и верт. */
	/*display: flex;*/
  	/*justify-content: center; /* Центрирование по горизонтали */
  	/*align-items: center; /* Центрирование по вертикали */
	/* ***************************************** */
	
}
/* ************************************************************************************** */

.blok01 h1, h2 {
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */	

	font-family: Palatino, Verdana, Montserrat, Arial, sans-serif; /* Определяем шрифты */
	color: white; /* Цвет текста #f1f1f1 */
}
.blok01 p {
	margin: 20px; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	font-size: 20px; /* Размер шрифта */

	font-family: Palatino, Verdana, Montserrat, Arial, sans-serif; /* Определяем шрифты */
	color: white; /* Цвет текста #f1f1f1 */
}

.blok02 {
	margin: 0; /* Отступы наружи блока */
	padding: 20px; /* Отступы внутри блока */
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	
	background: #F1F1F1; /* Черное тонирование с 50% прозрачности */
	width: 100%; /* Ширина во весь экран 100vw*/
}
.blok02 h1, h2 {
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */	

	font-family: Palatino, Verdana, Montserrat, Arial, sans-serif; /* Определяем шрифты */
	color: #2F2F2F; /* Цвет текста #f1f1f1 */
}


h1, h2, p {
	font-family: Palatino, Verdana, Montserrat, Arial, sans-serif; /* Определяем шрифты */
	color: #2F2F2F; /* Цвет текста */
}

a, a:link, a:visited, a:hover, a:active { 
	/* background-color: #CE1313; Цвет фона при наведении */
	color: #FFF; /* /* Вы можете заменить 'blue' на любой желаемый цвет */
	text-decoration: none; /* Убирает подчеркивание у ссылок */
} 





/* ********************************************************************************************* */
/* Начало Кода Зеленой кнопки Вацапа *********************************************************** */
/* ********************************************************************************************* */
/* Стили для кнопки */
.green-button {	
  display: inline-block; /* Сделаем кнопку строчно-блочным элементом */
  margin: 0; /* Убираем отступы по умолчанию */	
  padding: 15px 20px; /* Отступы внутри кнопки */
  font-size: 16px; /* Размер шрифта */
  font-weight: bold; /* Жирный текст */
  color: #fff; /* Цвет текста */
  background-color: #4CAF50; /* Зеленый цвет фона */
  border: none; /* Убираем границы */
  border-radius: 4px; /* Закругляем углы */
  cursor: pointer; /* Изменяем курсор при наведении */
  text-decoration: none; /* Убираем подчеркивание у ссылок */
  outline: none; /* Убираем обводку при фокусе */
}

/* При наведении */
.green-button:hover {
  	background-color: #45a049; /* Темнозеленый цвет фона */
	text-decoration: none; /* Убирает подчеркивание у ссылок */
}

/* При нажатии */
.green-button:active {
  	background-color: #367c39; /* Еще темнозеленый цвет фона */
	text-decoration: none; /* Убирает подчеркивание у ссылок */
}
.green-button:visited {
  	background-color: #367c39; /* Еще темнозеленый цвет фона */
	text-decoration: none; /* Убирает подчеркивание у ссылок */
}
.green-button:link {
  	background-color: #367c39; /* Еще темнозеленый цвет фона */
	text-decoration: none; /* Убирает подчеркивание у ссылок */
}

/* ********************************************************************************************* */
/* ********************************************************************************************* */
/* ********************************************************************************************* */


/* ********************************************************************************************* */
/* Начало Кода Синей кнопки Telegram *********************************************************** */
/* ********************************************************************************************* */
.telegram-button {
	margin: 0 0 0 0; /* Убираем отступы по умолчанию */	
	background-color: #0088cc; /* Цвет фона */
	color: white; /* Цвет текста */
	padding: 15px 20px; /* Отступы вокруг текста */
	text-decoration: none; /* Убираем подчёркивание */
	font-family: Arial, sans-serif; /* Шрифт текста */
	border-radius: 5px; /* Скругляем углы */
	display: inline-block; /* Делаем кнопку блочно-строчным элементом */
	font-size: 16px; /* Размер шрифта */
	font-weight: bold; /* Делает текст жирным */
}

.telegram-button a:hover {
	background-color: #0088cc; /* 259CCC Цвет фона при наведении */	
}
.telegram-button a:active {
	background-color: #007bb5; /* Цвет фона при наведении */
	border: 0px solid #CE1313; /* Устанавливаем границу в 1 пиксель */
  	background-color: #fff; /* Темнозеленый цвет фона */
	color: #CE1313;
}
.telegram-button a:link, {
	background-color: #0088cc; /* Цвет фона */
}
.telegram-button a:visited, {
	background-color: #0088cc; /* Цвет фона */
}
/* ********************************************************************************************* */
/* ********************************************************************************************* */
/* ********************************************************************************************* */

#footer {	
	margin: 0; /* Убираем отступы по умолчанию */	
  	padding: 0; /* Отступы внутри кнопки */
	background: #000; 
	color: #f1f1f1; /* Цвет текста #f1f1f1 CE1313*/
	margin: 0; /* Отступы наружи блока */
	padding: 20px; /* Отступы внутри блока */
}




/* **********************************************************************************************************************************  */
/* *** Начало Стилей для экранов ниже 600px (например, для смартфонов)  *************************************************************  */
/* **********************************************************************************************************************************  */
@media (max-width: 599px) {	
.container {
	width: 100%;
	text-align: center;
	border: 0px;
	margin-left: auto;
  	margin-right: auto;
}
#img-ayslu {
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	width: 280px; /* Ширина во весь экран 100vw*/
}	
/* ***************************************************************** */
/* *** начало Шапка сайта ****************************************** */
/* ***************************************************************** */
#logocompany {
	float: left;
}
#namecompany {
	float: left;
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	margin: 5px 10px 0 10px; /* Отступы наружи блока */
	padding: 10px; /* Отступы внутри блока */

	font-size: 22px; /* Размер шрифта */
	font-weight: bold; /* Делает текст жирным */
 	font-style: italic; /* Делает текст курсивом */
	font-family: Palatino, Verdana, Montserrat, Arial, sans-serif; /* Определяем шрифты */
}
#ikontel {
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	height: 22px; 
}
#telcompany {
	float: right;	 /*float: left; */
	border: 1px solid #CE1313; /* Устанавливаем границу в 1 пиксель */
	margin: 0px 20px 0 10px; /* Отступы наружи блока */
	padding: 5px 10px 5px 10px; /* Отступы внутри блока */
	
	font-size: 22px; /* Размер шрифта */
	font-weight: bold; /* Делает текст жирным */
  	font-style: italic; /* Делает текст курсивом */
	font-family: Palatino, Verdana, Montserrat, Arial, sans-serif; /* Определяем шрифты */
	
	border-radius: 10px; /* Закругляем углы */
	text-decoration: none; /* Убираем подчеркивание у ссылок */
}
/* ***************************************************************** */
/* *** конец Шапка сайта ******************************************* */
/* ***************************************************************** */	
#blog1 {
	float: left;
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	width: 50%; /* Ширина во весь экран 100vw*/
    height: 250px; /* Высота во весь экран 100vh*/	
	background-color: #fff; /* Цвет фона при наведении */
	color: #000; /* Цвет текста */
	/* выравниваем содержимое блога по вертикали */
	display: flex;
  	flex-direction: column;
  	justify-content: center;
	
	font-size: 16px; /* Размер шрифта */
	font-weight: bold;
}
#blog2 {
	float: left;
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	width: 50%; /* Ширина во весь экран 100vw*/
    height: 250px; /* Высота во весь экран 100vh*/
	background-color: #CE1313; /* Цвет фона при наведении */
	color: #f1f1f1; /* Цвет текста */
	/* выравниваем содержимое блога по вертикали */
	display: flex;
  	flex-direction: column;
  	justify-content: center;
	
	font-size: 20px; /* Размер шрифта */
	font-weight: bold;
}
#let36 {
	font-size: 50px; /* Размер шрифта */
	font-weight: bold;
	
}
#blog3 {
	float: left;
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	width: 50%; /* Ширина во весь экран 100vw*/
    height: 250px; /* Высота во весь экран 100vh*/
	background-color: #CE1313; /* Цвет фона при наведении */
	color: #f1f1f1; /* Цвет текста */
	/* выравниваем содержимое блога по вертикали */
	display: flex;
  	flex-direction: column;
  	justify-content: center;
	
	font-size: 20px; /* Размер шрифта */
	font-weight: bold;
}
#blog4 {
	float: left;
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	width: 50%; /* Ширина во весь экран 100vw*/
    height: 250px; /* Высота во весь экран 100vh*/
	background-color: #fff; /* Цвет фона при наведении */	
	color: #000; /* Цвет текста */
	/* выравниваем содержимое блога по вертикали */
	display: flex;
  	flex-direction: column;
  	justify-content: center;
	
	font-size: 20px; /* Размер шрифта */
	font-weight: bold;
}
	
/* Блог с Флаго ************************************************************************** */
#flag {    
	/* border: 1px; /* Устанавливаем границу в 1 пиксель */
/* 	margin: 0; /* Отступы наружи блока */
/* 	padding: 0; /* Отступы внутри блока */
/* 	width: 100%;
/* 	background-color: #f5f5f5; /* Цвет фона  */
	
	width: 100%; /* 100% ширины вьюпорта */
  	height: 100vh; /* 100% высоты вьюпорта */
 	display: flex;
  	justify-content: center; /* Центрирование содержимого по горизонтали */
 	align-items: center; /* Центрирование содержимого по вертикали */
 	text-align: center;
}	
#flag1 {    /* 340	383 */
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	float: left;
	background-color: #f5f5f5; /* Цвет фона при наведении */
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	width: 150px; /* Ширина во весь экран 100vw*/
	height: 169px; /*height: 191.5px;Задайте высоту контейнера */
}
#flag2 {
	font-size: 20px; /* Размер шрифта */
	font-weight: bold;
	color: #2F2F2F; /* Цвет текста */
	
	/* выравниваем содержимое блога по вертикали */
	display: flex;
  	flex-direction: column;
  	justify-content: center;
	
}
/* ************************************************************************************** */
	
	
#ofer {
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	margin: 40px; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	font-size: 22px; /* Размер шрифта */
}
#ofer2 {
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	margin: 0; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	font-size: 18px; /* Размер шрифта */
}
#ofer3 {
	border: 0px solid black; /* Устанавливаем границу в 1 пиксель */
	margin: 22px; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
	font-size: 18px; /* Размер шрифта */
}

/* ********************************************************************************************* */
/* Начало Кода Красно белой Консультации кнопки Вацапа ***************************************** */
/* ********************************************************************************************* */
.btkonsyl {
	border: 1px solid #CE1313; /* Устанавливаем границу в 1 пиксель */
	background-color: #fff; /* Темнозеленый цвет фона */
	display: inline-block; /* Сделаем кнопку строчно-блочным элементом */	
	font-size: 16px; /* Размер шрифта */
	font-weight: bold; /* Жирный текст */
  	border-radius: 10px; /* Закругляем углы */
 	cursor: pointer; /* Изменяем курсор при наведении */
 	text-decoration: none; /* Убираем подчеркивание у ссылок */
 	outline: none; /* Убираем обводку при фокусе */
	color: #CE1313;
	width: 90%; /*Ширина во весь экран 100vw*/
	margin: 10px 10px 10px 10px; /* Убираем отступы по умолчанию */
	padding: 10px 10px; /* Отступы внутри кнопки */
}

/* При наведении */
.btkonsyl a:hover {	
	border: 0px solid #CE1313; /* Устанавливаем границу в 1 пиксель */
	background-color: #fff;  Темнозеленый цвет фона */
	color: #CE1313;
	font-weight: bold;
	font-size: 18px; /* Размер шрифта */
	text-decoration: none; /* Убирает подчеркивание у ссылок */
}

/* При нажатии */
.btkonsyl a:active {
	border: 0px solid #CE1313; /* Устанавливаем границу в 1 пиксель */	
  	background-color: #fff; /* Темнозеленый цвет фона */
	color: #CE1313; 
	font-weight: bold;
	text-decoration: none; /* Убирает подчеркивание у ссылок */
}

.btkonsyl a:link  { /*  не были посещены пользователем.*/
	border: 0px solid #CE1313; /* Устанавливаем границу в 1 пиксель */
  	background-color: #fff; /* Темнозеленый цвет фона */
	color: #CE1313;
	text-decoration: none; /* Убирает подчеркивание у ссылок */
}
.btkonsyl a:visited   {   /*  пользователь уже переходил ранее. */
	border: 0px solid #CE1313; /* Устанавливаем границу в 1 пиксель */
  	background-color: #fff; /* Темнозеленый цвет фона */
	color: #CE1313;
	text-decoration: none; /* Убирает подчеркивание у ссылок */
}

/* ********************************************************************************************* */
/* Начало Кода Синей кнопки Telegram *********************************************************** */
/* ********************************************************************************************* */
.telegram-button {
	margin: 0px 0 0 0; /* Убираем отступы по умолчанию */	
	background-color: #0088cc; /* Цвет фона */
	color: white; /* Цвет текста */
	padding: 15px 20px; /* Отступы вокруг текста */
	text-decoration: none; /* Убираем подчёркивание */
	font-family: Arial, sans-serif; /* Шрифт текста */
	border-radius: 5px; /* Скругляем углы */
	display: inline-block; /* Делаем кнопку блочно-строчным элементом */
	font-size: 16px; /* Размер шрифта */
	font-weight: bold; /* Делает текст жирным */
}

.telegram-button hover {
	background-color: #0088cc; /* 259CCC Цвет фона при наведении */	
}
.telegram-button active {
	background-color: #007bb5; /* Цвет фона при наведении */
	border: 0px solid #CE1313; /* Устанавливаем границу в 1 пиксель */
  	background-color: #fff; /* Темнозеленый цвет фона */
	color: #CE1313;
}
.telegram-button link, {
	background-color: #0088cc; /* Цвет фона */
}
.telegram-button visited, {
	background-color: #0088cc; /* Цвет фона */
}
/* ********************************************************************************************* */
/* ********************************************************************************************* */
/* ********************************************************************************************* */
	
/* ********************************************************************************************* */
/* ********************************************************************************************* */
/* ********************************************************************************************* */
/* Блог с Флаго ************************************************************************** */
.fullscreen-image {
   	position: relative;
   	width: 340px;
	height: 383x;
    /* height: 1154px;Вы можете задать высоту по своему усмотрению */
   background-image: url('flagkz.jpg'); /* Укажите URL вашего изображения */
   background-size: cover;
   background-position: center;
}
.text-overlay {
   position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white; /* Цвет текста */
	font-size: 24px; /* Размер шрифта */
}
/* ************************************************************************************** */	
#oferlid2 {	
	color: #000000; /* Цвет текста #f1f1f1 */	
	font-size: 28px; /* Размер шрифта */
	margin: 40px 10px 10px 10px; /* Отступы наружи блока */
	padding: 0; /* Отступы внутри блока */
}
	
}
/* *********************************************************************** */
/* *** Конец Стилей для экранов ниже 600px (например, для смартфонов)  *** */
/* *********************************************************************** */