/*******************************************
 *** Адаптивные стили ADAPTIVE.CSS
 *** Собственность компании WEBBERRIES
 *** https://webberries.ru (C) 2005-2025
 *** Для вопросов: webberries@yandex.ru
 *** Дата обновления: 30.01.2025
 *** Версия файла: V4.10 
 *******************************************/




/*
@media screen and (min-width: 1900px) {
	section, header, footer, nav { 
		min-width: 1880px; 
	}

	div.con { 
		width: 1840px; 
	}
}

@media screen and (min-width: 1600px) and (max-width: 1899px) {
	section, header, footer, nav { 
		min-width: 1560px; 
	}

	div.con { 
		width: 1520px; 
	}
}
*/


@media screen and (min-width: 1900px) {
	section, header, footer, nav { 
		min-width: 1660px; 
	}

	div.con { 
		width: 1660px; 
	}

	nav .logo {
		width: 282px;
	}

	html, body, div, span, input, textarea, select, button { 
	  font-size: 18px; 
	}

	nav .menu-btn {
		height: 34px;
		line-height: 34px;
	}
}



@media screen and (max-width: 800px) {
 	
	.hamburger-menu,
	.hamburger-close,
	.hamburger {
		display: block;
	}

	.yakor {
		top: -80px;
	}

	nav {
		width: unset;
		height: unset;
		position: fixed;
		z-index: 1000;
		border-radius: 0;
		left: unset;
		transform: unset;
		margin-top: 0;
		background: rgba(0, 0, 0, .50);
		background: linear-gradient(180deg, rgba(0, 0, 0, .40), rgba(0, 0, 0, 0.70));
		backdrop-filter: blur(10px);
		/*box-shadow:0 0 30px rgba(255,255,255,0.05), 0 0 12px rgba(255,255,255,0.09);*/
		border: 1px solid rgba(0, 0, 0, .30);
		border-top: 0px;
		transition: 0.5s;
	}

	nav.wide {
		width: 100%;
		height: unset;
		border-radius: 0;
		margin-top: 0;
		transition: 0.5s;
	}

	nav .logo {
		width: 220px;
		height: 80px;
		margin-left: 15px;
	}

	nav .menu-btn {
		display: none;
	}

	nav .contacts i {
		display: block;
		color: #fff;
	}

	nav .contacts {
		position: absolute;
		right: 5px;
		top: 23px;
		font-size: 2.25em;
		width: 50px;
		height: 50px;
	}

	nav .contacts span {
		display: none;
	}

	nav .hamburger {
		font-size: 2.25em;
		width: 50px;
		height: 50px;
		position: absolute;
		right: 0px;
		top: 17px;
		color: #fff;
	}

	nav .hamburger-close {
		display: none;
		font-size: 2.25em;
		width: 50px;
		height: 50px;
		position: absolute;
		right: 0px;
		top: 17px;
		color: #fff;
	}

	.hamburger-menu {
		position: fixed;
		z-index: 100000;
		background: black;
		background: rgba(0, 0, 0, 0.70);
		backdrop-filter: blur(10px);
		width: 220px;
		right: 0;
		top: 90px;
		padding: 10px 15px 15px 15px;
		display: none;
	}

	.hamburger-menu .menu-btn {
		text-align: center;
		color: #fff;
		padding: 5px 0;
		margin-top: 5px;
		font-size: 1.25em;
	}


	header {
		position: relative;
		min-height: unset;
		background: url(/sys/images/main/header2b.jpg) center center / cover;
		padding-top: 120px;
		padding-bottom: 50px;
		padding-left: 15px;
		padding-right: 15px;
	}

	header h1 {
		position: relative;
		font-size: 2em;
		color: #fff;
		padding-right: 0;
		font-weight: 400;
		line-height: 1.2;
		text-transform: uppercase;
		text-shadow: 3px 3px 2px rgba(0, 0, 0, .25);
	}

	header p {
		font-size: 1em;
		font-weight: 400;
		color: #fff;
		margin-top: 25px;
		padding-right: 0;
		margin-bottom: 50px;
	}

	header .items {
		margin-top: 50px;
	}

	header .items.flex {
		flex-wrap: wrap;
	}

	header .items > div.line {
		display: none;
	}

	header .items > div {
		width: calc(50% - 10px);
		margin-top: 15px;
	}

	header .items > div > span:nth-child(1) {
		font-size: 2.0em;
		font-weight: 300;
		color: #fff;
		color: rgba(36, 202, 178, 1);
	}

	header .items > div > span:nth-child(2) {
		font-size: 1em;
		font-weight: 400;
		color: #fff;
		display: block;
		margin-top: 0px;
	}

	h2 {
		font-size: 2.0em;
		font-weight: 400;
	}

	section.action {
		padding: 25px 15px;
	}

	section.action .window h2 {
		margin-bottom: 25px;
	}

	section.action .window p {
		margin-top: 25px;
		color: #fff;
		text-indent: 0;
	}


	section.tseh {
		padding: 25px 15px;
	}


	section.tseh h2 {
		margin-bottom: 25px;
	}

	section.tseh .video.flex {
		justify-content: center;
	}

	section.tseh .video > div {
		width: calc(33.333% - 10px);
		margin: 5px;
		background: rgba(255, 255, 255, .20);
	}


	section.form1 .left {
		width: 100%;
		background: rgba(5, 87, 73, 0.7);
		background: linear-gradient(135deg, rgba(5, 87, 73, 0.6), rgba(3, 58, 49, 0.8));
		min-height: unset;
		padding: 25px;
		order: 2;
	}

	section.form1 .right {
		width: 100%;
		order: 1;
	}

	section.form1 .right .inside {
		padding: 25px 15px 10px 15px;
	}

	section.form1 .left .logo {
		margin: 25px auto 50px auto;
		width: 60%;
		overflow: hidden;
		background: url(/sys/images/main/logo-sq1.png) center center / contain no-repeat;
	}


	section.form1 .right h2 {
		color: #fff;
		font-size: 2em;
	}

	section.form1 .right p {
		color: #fff;
		margin-top: 25px;
	}

	section.form1 .right .images {
		margin-top: 25px;
	}

	section.form1 .right .images > div {
		width: 100%;
		margin-bottom: 15px;
	}


	section.products {
		padding: 25px 15px;
	}

	section.products h2 {
		color: #fff;
		text-align: center;
		margin-bottom: 25px;
	}

	section.products .items > div:nth-child(1),
	section.products .items > div:nth-child(2),
	section.products .items > div:nth-child(3),
	section.products .items > div:nth-child(4),
	section.products .items > div:nth-child(5),
	section.products .items > div:nth-child(6),
	section.products .items > div:nth-child(7),
	section.products .items > div:nth-child(8) {
		width: 100%;
		height: 200px;
	}

	section.whywe {
		padding: 0 15px 25px 15px;
	}

	section.whywe h2 {
		color: #fff;
		text-align: center;
		margin-bottom: 25px;
	}


	section.whywe .items {
		margin-top: 25px;
	}


	section.whywe .items > div {
		width: 100%;
		margin-bottom: 25px;
		text-align: center;
	}


	section.whywe .items > div i:nth-child(1) {
		color: rgba(36, 202, 178, 1);
		font-size: 4em;
	}

	section.whywe .items > div span:nth-child(2) {
		display: block;
		color: rgba(36, 202, 178, 1);
		margin-bottom: 10px;
		font-size: 1.2em;
		font-weight: 600;
		margin-top: 5px;
		text-align: center;
	}

	section.whywe .items > div span:nth-child(3) {
		margin-bottom: 10px;
		display: block;
		height: 1px;
		width: 100%;
		background: linear-gradient(90deg, transparent, rgba(36, 202, 178, 1), transparent);
	}

	section.whywe .items > div span:nth-child(4) {
		line-height: 2;
		text-align: left;
		display: block;
	}

	section.sert {
		padding: 25px 15px 75px 15px; 
		position: relative;
		background: url(/sys/images/main/stone2.jpg) center center / cover;
	}

	section.sert .items.flex {
		flex-wrap: wrap;
	}

	section.sert .items > div {
		position: relative;
		overflow: hidden;
		width: calc(50% - 5px);
		margin-bottom: 10px;
		cursor: pointer;
		transition: 0.2s;
	}

	section.sert h2 {
		color: #fff;
		text-align: center;
		margin-bottom: 25px;
	}

	section.sert p {
		color: #fff;
		margin-top: 25px;
		margin-bottom: 25px;
	}

	section.form2 {
		padding: 0;
	}

	section.form2 .left {
		width: 100%;
		height: 200px;
		background: url(/sys/images/main/zamer.jpg) left bottom / cover;
	}
	section.form2 .right {
		width: 100%;
		background: #fff;
		padding: 25px 15px;
	}

	section.form2 .right h2 {
		font-size: 2em;
		margin-bottom: 25px;
	}

	section.form2 .right p {
		margin-bottom: 25px;
	}

	section.form2 .right input[type=text] {
		width: 100%;
	}

	section.form2 .right button {
		width: 100%;
	}


	section.portfolio {
		padding: 25px 15px;
		/*background: linear-gradient(135deg, #242526, rgba(10, 11, 14, 1.0));*/
	}

	section.portfolio h2 {
		text-align: center;
		margin-bottom: 25px;
		color: #fff;
	}

	section.portfolio p {
		color: #fff;
		margin-bottom: 25px;
	}

	section.portfolio figure {
	  margin: 0;
	  display: grid;
	  grid-template-rows: 1fr auto;
	  margin-bottom: 10px;
	  break-inside: avoid;
	  transition: 0.2s;
	  cursor: pointer;
	}

	section.portfolio .gallery {
	  column-count: 2;
	  column-gap: 10px;
	}


	section.partners {
		padding: 25px 15px;
		background: #ccc;
	}

	section.partners h2 {
		text-align: center;
	}

	section.partners h3 {
		font-weight: 400;
		font-size: 1.5em;
		margin-bottom: 25px; 
		margin-top: 25px;
	}

	section.partners .items > div {
		width: calc(50% - 10px);
		margin-bottom: 25px;
	}

	section.neworder {
		padding: 25px 15px;
	}

	section.neworder h2 {
		color: #fff;
		margin-bottom: 25px;
		text-align: center;
	}

	section.neworder .items > div {
		width: 100%;
		margin-bottom: 25px;
		padding: 25px;
		border: 1px solid rgba(255, 255, 255, .20);
	}


	section.neworder .items > div span:last-child {
		line-height: 2;
		color: #fff;
		display: inline-block;
		width: 100%;
	}

	footer {
		padding: 50px 15px;
		position: relative;
	}

	
	footer .con > div:nth-child(1) {
		width: 100%;
	}

	footer .con > div:nth-child(2),
	footer .con > div:nth-child(3) {
		margin-top: 50px;
		width: 100%;
	}



 	
}