

	.photos {
		display: fle;
		justify-content: center;
		align-items: center;
		
		
		margin:0;}
	.icon{
		
		width: 40px;
		height: 40px;
		justify-items: center;
		align-items: center;
	}

	.icons{
		gap: 20px;
		margin-top: 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		
	}
		.text_photos {
			margin-top: 50px;
			margin-bottom: 15px;
			font-family: "Roboto Flex", sans-serif;
			font-weight: 900;
			font-size: 30px;
			text-align: center;
			color: black;
		}
	 .swiper {
		width: 100%;
		max-width: 600px;
		height: 400px;
		border-radius: 10px;
		overflow: hidden;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	}
	.swiper-slide img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}


.conteiner {
	
	font-family: 'Roboto Condensed', sans-serif;
	
	
	
}




.navbarr {
	border-color: white;
}
.navBar {
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 30px;
	display: flex;
	margin-bottom: 20px;
	background: transparent;
	position: fixed;
}


.logo {
	max-width: 230px;
	max-height: 200px;
}

.text-nav-num {
	margin-top: 5px;
	margin-left: 50px;
	font-size: 19px;
	font-weight: 700;
	color: #ff0000;
}

.text-nav-standart {
	margin-top: 10px;
	
	font-size: 19px;
	font-weight: 700;
	
	
}

.a-lin {
	text-decoration: none;
	color: black;
	margin-left: 50px;
	
}

.a-lin:hover {
	border-bottom: 3px black solid;
	text-decoration: none;
	color: black;
}


.btn-hover:hover {
	background: white;
}

.mainJETphoto {
	width: 100%;
	max-width:  auto;
	
	object-fit: cover;
	filter: brightness(60%);
	display: block;
	margin: 0 auto;
}
.text_main {
	
	

	font-family: "Roboto Flex", sans-serif;	
    font-weight: 900;
    color: rgb(254, 191, 39);
    font-size: 60px;
    
}

.text-phone {
	
	right: 50%;
     font-family: 'Montserrat', sans-serif;
    font-weight:700;
    color: white;
	margin-top: 500px;
    font-size: 15px; /* Сделать шрифт меньше для номера телефона */
}

.text-phone2{

	color: rgb(254, 191, 39);
	font-family: "Rubik", sans-serif;
	font-size: 24px;
	font-weight: 500;
	border-bottom: 2px solid rgb(255, 255, 255);
}

.text-phone2:active {
	text-decoration: none;
	color: rgb(145, 105, 11);
}
.text-phone2:hover {
	text-decoration: none;
	color: rgb(145, 105, 11);
}

.photo_main-div {
	position: relative;
	display: flex;
	object-fit: cover;
	justify-content: center;
	align-items: center;
}




.texts_main {
	position: absolute;
	
	text-align: center;
}

.terzo-div {
	align-items: center;
	justify-content: center;
	background-color: #efefef;
	
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 40px;
	
}


/* -------------------------------------------------------------*/
/* BLOCK PRICE START */

.block_price {
	background-color: white;
	text-align: center;
	border-radius: 15px;
	padding: 29px 29px 29px 29px;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
}



.text_main_price {
	justify-content: center;
	display: flex;
}

.text_main_price_1 {
	color: black;
	font-family: "Montserrat", sans-serif;
	font-weight: 900;
	font-size: 40px;
}

.text_main_price_2 {
	color: gray;
	font-size: 25px;
}

.text_fiel {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

.text_fiel_style1 {
	font-family: 'Rubik';
	font-weight: 500;
	font-size: 22px;
	margin-right: 40px;
}

.text_fiel_style2 {
	font-family: 'Rubik';
	font-weight: 800;
	font-size: 22px;
	color: #000000;
	
}

.btn_podrobnie {
	font-family: 'Proxima Nova', Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, sans-serif;
    font-weight: 900;
    background-color: #d29200;
	padding: 12px 12px 12px 12px;
	font-size: 17px;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	color: white;
}
/* BLOCK PRICE FINISH */
/* ---------------------------------------------------------------------*/


/* BLOCK DESCRIBE START */
/* ---------------------------------------------------------------------*/

.block_describe {
	margin-top: 40px;
	background-color: white;
	border-radius: 15px;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
	text-align: center;	
	padding: 29px 2px 29px 2px;
 }

 
 .secondJETphoto {
	 width: 700px;
	 
	 border-radius: 40px;
	}
	
.text_describe_1 {
	   margin-top: 10px;
	   color: black;
	   font-family: "Montserrat", sans-serif;
	   font-weight: 800;
	   font-size: 15px;
	
	}



.check_icon_img {
	width: 30px;
}

.text_fiel_describe {
	margin-top: 15px;
	justify-content: center;
	text-align: center;
	display: flex;
}

.text_fiel_describe_1 {
	align-items: center;
	font-family: 'Rubik';
	margin-left: 10px;
	font-size: 20px;
	color: black;

}

.text_fiel_describe_2 {
	
		color: black;
		font-family: "Montserrat", sans-serif;
		font-weight: 800;
		font-size: 100px;
}





.text_main_riasunto {
	margin-top: 50px;
	font-family: "Roboto Flex", sans-serif;
	font-weight: 900;
	font-size: 30px;
	text-align: center;
	color: black;
}

.text_riasunto_1 {
	margin-top: 40px;
	font-weight: 800;
	font-size: 17px;
}

.text_riasunto_2 {
	margin-top: 10px;

}


/* BLOCK DESCRIBE  FINISH */
/* ---------------------------------------------------------------------*/



.text_contacts_main {
	color: black;
}

.text_contacts_2 {
	margin-left: 40px;
	color: black;
	font-weight: 700;
}






.iframe {
	justify-content: center;
	align-items: center;
	width: 80%;
	height: 80%;
}

.iframe_div {
	margin-top: 10px;

	overflow: hidden;
	display: flex;
	flex-direction: column;
}


  

.footer_text_1 {
	text-align: center;
	align-items: center;
	justify-content: center;
	color: white;
}
  
.divPhoto {
	    width: 100%;
  /* 
  height: 100vh;
  */
  position: relative;
  overflow: hidden;
}

.text_fiel_contacts {
	display: flex;
	margin-top: 10px;
	justify-content: center;
}

.photos_mainPag_div {
	background: linear-gradient(to right, #ffffff);
	padding-top: 0px;
	padding-bottom: 50px;
	padding-left: 10px;
	padding-right: 10px;
}
.photos_mainPag{
	
	display: flex;
	position: relative;
	justify-content: center;
	object-fit: cover;
	overflow: hidden;		
	padding-top: 20px;
	
}

.text_photos_mainPag{
	position: absolute;
    top: 50%; /* Центрирование */
    left: 50%;
    transform: translate(-50%, -50%);
    color: white; /* Цвет текста */
    font-size: 24px;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 5px;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: 30px;
}


.photo_mainPag_gidro{
		width: 700px; /* Увеличиваем ширину изображения */
		 /* Гарантируем, что изображение не выйдет за рамки контейнера */
		height: auto;
		object-fit: cover;
		transition: filter 0.3s ease; /* Плавный эффект */
		filter: brightness(70%); /* Уменьшает яркость до 40% */
}



/*--------------------------------------- ГИДРОЦИКЛЫ PAG ------------------------------------------ */

.terzoJETphoto_div {
    
    height: 400px; /* Окончательная высота */
    overflow: hidden; /* Обрезка изображения */
    display: flex;
    justify-content: center;
    align-items: center; 
    position: relative;
}

.terzoJETphoto {
    width: 700px;
    height: 350px;
    object-fit: cover;
    object-position: center; 
	

} 









.photo_mainPag_gidro:hover {
    filter: brightness(50%); /* Делаем изображение темнее при наведении */
}

.floating-button {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 60px;
	height: 60px;
	background-color: #ff0000;
	border-radius: 50%;
	text-align: center;
	line-height: 60px;
	font-size: 30px;
	color: #ffffff;
	z-index: 9999;
	
}

.floating-button a {
	text-decoration: none;
	color: #ffffff;
}



.text_logoo {
	font-family: "Outfit", sans-serif;
	font-weight: 800;
	font-size: 33px;
}
.color_bg_nav {
	color: #0d1117;
}
.text_outline {

	color: white;
  }

  .text_outline2 {

	color: rgb(255, 213, 0); /* Цвет текста */

  }

  .stats {
	background-color: #0d1117;
  }
.stats {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  background: #1a202c;
  padding: 40px 20px;
}

.stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 30px 40px;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
}

.stat:last-child {
  border-right: none;
}

.num {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 4rem;
  color: #f0c020;
}

.label {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.65rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}

/* Tabler Icons — metti nel <head> del tuo sito */
/* <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css"> */

.contact {
  background: rgb(14 116 144 / var(--tw-bg-opacity, 1));
  padding: 48px 24px;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
}

.contact-title {
  font-size: 22px;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.06em;
  margin-bottom: 14px;
}

.contact-sub {
  font-size: 19px;
  color: rgba(255,255,255,0.55);
  line-height: 1.7;
  max-width: 900px;
  margin: 0 auto 36px;
}

.contact-items {
  display: flex;
  flex-direction: column;
  gap: 28px;
  margin-bottom: 40px;
}

.contact-item {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.contact-icon {
  font-size: 28px;
  color: #f0c020;
  margin-bottom: 4px;
}

.contact-lbl {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: rgba(255,255,255,0.45);
}

.contact-val {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.contact-socials {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.social-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 22px;
  border-radius: 50px;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 4px 14px rgba(0,0,0,0.35);
}

.ciaokakao {
	margin-top: 50px;
	margin-bottom: 20px;
	color: #000000;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	text-align: center;
	font-size: 27px;
}

.social-btn svg {
  width: 22px;
  height: 22px;
}

.tg { background: #2AABEE; }
.vb { background: #7d3fa8; }
.wa { background: #25D366; }


@media (max-width: 767px) {

	.text-phone {
	
	right: 50%;

    font-family: 'Montserrat', sans-serif;
    font-weight:700;
    color: white;
	
	margin-top: 400px;
    font-size: 16px; /* Сделать шрифт меньше для номера телефона */
}

			

  .stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }

  .stat {
	
	margin-left: 1px;
    border: none;
    padding: 24px 1px;
  }

  /* linea orizzontale centrale */


  .num {
    font-size: 3rem;
  }

	
		.secondJETphoto {
			width: 250px;
			
			border-radius: 40px;
		   }
		.text_main {
  		font-family: "Roboto Flex", sans-serif;
 		font-weight: 900;
  		width: 100%;
 		margin-bottom: 20px;
  		color: rgb(254, 191, 39);
  		font-size: 8vw; /* Адаптивный размер шрифта */
  		text-align: center; /* По желанию: выравнивание по центру */
 		 line-height: 1.1; /* По желанию: плотность текста */
		}	


		
		.mainJETphoto {
			width: 600px;
			height: 90vh;
			object-fit: cover;
			filter: brightness(60%);
			display: block;
			margin: 0 auto;
			object-position: 20% 40%;
		}

/* 
.mainJETphoto {
	width: 600px;
	height: 90vh;
	object-fit: cover;
	filter: brightness(60%);
	display: block;
	margin: 0 auto;
	object-position: 20% 40%;
}
*/

		.photo_mainPag_gidro{
			width:500px; /* Увеличиваем ширину изображения */
			background-repeat: no-repeat;
			
			object-fit: cover;
			overflow: hidden;
			
			display: block; /* Исправление опечатки */
			filter: brightness(60%); /* Уменьшает яркость до 40% */
			
		}

		.photo_mainPag_gidro:active {
			filter: brightness(50%); /* Делаем изображение темнее при наведении */
		}
}