@font-face {
  font-family: "Bebas Neue";
  src: url("/css/fonts/bebasneuecyrillic.ttf") format("truetype");
}
@font-face {
  font-family: "Manrope";
  src: url("/css/fonts/Manrope.ttf") format("truetype");
}

.hydro{
	background-color:#fff;
	color:#000;
	text-shadow:none;
}
.hydro .in__description2, .hydro .in__heading{
	text-shadow:none!important;
}
.headh{
	margin:60px 0;
	display:flex;
	align-items:center;
}
.container{
	padding:0 62px;
}
.head-left{
	flex:0 0 55%;
}
.head-right{
	flex:0 0 45%;
	position:relative;
}
.head-wrap{
	border:3px solid #E6E6E6;
	border-radius:54px 0 0 54px;
	border-right:0;
	padding:42px 10%;
}
.hydro h1{
	font-family:'Bebas Neue';
	font-weight:700;
	font-size:62px;
	margin-bottom:10px;
}
.form{
	background:linear-gradient(to bottom, #F1F1F1 0%, #E2E2E2 100%);
	border-radius:54px;
	padding:32px;
	position:absolute;
	left:28%;
	top:38%;
	right:6%;
	z-index:10;
}
.form-title{
	text-align:center;
	font-family: Manrope;
font-weight: 700;
font-style: Bold;
font-size: 21px;
leading-trim: NONE;
line-height: 28px;
letter-spacing: 0%;
text-align: center;
margin-bottom:15px;
}
.form-input{
margin-bottom:10px;	
}
.form-input label{
	display:block;
	font-family: Manrope;
font-weight: 300;
font-style: Light;
font-size: 13px;
leading-trim: NONE;
line-height: 28px;
letter-spacing: 0%;
margin-bottom:5px;
}

.form-input input{
	background-color:#fff;
	width: calc(100%);
	border-radius:5px;
	height:44px;
	line-height:44px;
	padding:0 22px;
	font-family: Manrope;
font-weight: 300;
font-style: Light;
font-size: 13px;	
border:0;
}

.form-button{
	text-align:center;
	margin:25px auto;
	max-width:224px;
}

.button:not(.button.button--blue){
	display:inline-block!important;
	background-color:#C61A26;
	border-radius:5px;
	height:38px;
	line-height:38px;
	padding:0 15px;
	font-family: Manrope;
font-weight: 700;
font-style: Bold;
font-size: 16px;
leading-trim: NONE;
letter-spacing: 0%;
text-align: center;
color:#fff;
cursor:pointer;
box-shadow: 0px 4px 4px 0px #81818199;
box-shadow: 0px 2px 0px 0px #A6242D;

}
.form-agree{
font-family: Manrope;
font-weight: 400;
font-style: Regular;
font-size: 13px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
text-decoration: underline;
text-decoration-style: solid;
text-decoration-offset: 0%;
text-decoration-thickness: 0%;
text-decoration-skip-ink: auto;
margin-bottom:25px;	
}

.bg-border{
	position:absolute;
	z-index:0;
	border:3px solid #E6E6E6;
	border-radius:54px ;	
	left:35%;
	right:0;
	top:30%;
	height:512px;
}
.bg{
	position:relative;
	z-index:1;
}
.bg img{
	width:75%;
	max-width:550px;
	min-width:350px;
}
.hydro .info{
	margin-top:250px;
}
.flex{
	display:flex;
	justify-content:space-between;
}
.flex.flex-left{
	justify-content:flex-start;
}
.flex.flex-left .flex-col-3{
	margin-left:30px;
}
.flex.flex-left .flex-col-3:nth-of-type(1){
	margin-left:0px;
}
.flex-col{
	flex:0 0 calc(50% - 15px);
}
.exp{
	width:100%;
	min-height:499px;
	background-size:cover;
	background-repeat:no-repeat;
	display:flex;
	align-items:center;
	justify-content:center;
	background:url(/images/hydro/4.jpg) no-repeat;
	background-size:cover;
	border-radius:30px;
	position:relative;
	padding:40px;
}
.exp:after{
	content:"";
	display:block;
	position:absolute;
	left:20px;
	top:20px;
	right:20px;
	bottom:20px;
	border:1px solid #fff;
	border-radius:20px;
}
.ex1 .flex-col{
	
	margin:0 15px;
	text-align:center;
}
.flex.ex1{
	justify-content:center;
	margin:0 auto 60px auto;
}
.ex-text{
font-family: Manrope;
font-weight: 500;
font-style: Medium;
font-size: 22px;
leading-trim: NONE;
line-height: 130%;
letter-spacing: 0%;
text-align: center;
color:#fff;	
padding:20px 50px;
}
.attent{
font-family: Manrope;
font-weight: 800;
font-style: ExtraBold;
font-size: 28px;
leading-trim: NONE;
line-height: 130%;
letter-spacing: 0%;
margin-bottom:45px;	
}
.attent:after{
	content:"";
	display:block;
	width:60%;
	height:6px;
	background-color:#C61A26;
	margin-top:30px;
}
.flex-col-3{
	flex:0 0 calc((100% - 70px)/3);
	margin-bottom:30px;
}
.dec{
	border:3px solid #E6E6E6;
	border-radius:30px;	
	padding:25px;
	height:100%;
	display:flex;
	align-items:Center;
	justify-content:center;
	text-align:center;
	font-family: Manrope;
font-weight: 400;
font-style: Regular;
font-size: 18px;
leading-trim: NONE;
line-height: 130%;
letter-spacing: 0%;
text-align: center;

}
.imeem{
	margin:100px 0;
	background-color:#49484F;
	padding:25px 0;
	color:#fff;
}

.imeem h2{
	color:#fff;
	font-family: Manrope;
font-weight: 800;
font-style: ExtraBold;
font-size: 34px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
margin-bottom:30px;
}
.imeem p{
	color:#fff;
	font-family: Manrope;
font-weight: 800;
font-style: ExtraBold;
font-size: 18px;
leading-trim: NONE;
line-height: 130%;
letter-spacing: 0%;	
max-width:732px;
}

.preim h2{
font-family: Bebas Neue;
font-weight: 700;
font-style: Bold;
font-size: 62px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
margin-bottom:50px;
}
.preim h2 span{
	color:#C61A26;
}

.preim-item{
	border:3px solid #E6E6E6;
	border-radius:30px;	
	padding:19px 25px 19px 100px;	
	background:url(/images/hydro/check.svg) no-repeat;
	background-position:25px center;
	display:flex;
	align-items:center;
	font-family: Manrope;
font-weight: 700;
font-style: Bold;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
min-height:88px;
margin-bottom:25px;
}
.lic{
	margin:100px 0;
}
.lic-list{
	display:flex;
	justify-content:center;	
}
.lic-item{
	flex:0 0 calc((100% - 120px)/4);
	text-align:center;
	margin:0 15px;
}
.lic-item img{
	width:100%;
	border-radius:30px;	
	box-shadow: 0px 5px 8px 0px #00000021;
}
.fb{
	min-height:422px;
	background:url(/images/hydro/bg.jpg) no-repeat;
	background-size:cover;
	color:#fff;
	padding:80px 0;
	margin-bottom:50px;
}

.fb h2{
font-family: Bebas Neue;
font-weight: 500;
font-style: Bold;
font-size: 62px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
margin-bottom:30px;
max-width:550px;	
}
.fb .button{
	display:inline-block!important;
	width:auto!important;
	padding:0 30px;
	font-family: Bebas Neue;
font-weight: 700;
font-style: Bold;
font-size: 24px;
leading-trim: NONE;

letter-spacing: 0%;
text-align: center;

}
.lic h3{
font-family: Manrope;
font-weight: 800;
font-style: ExtraBold;
font-size: 32px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
margin-bottom:50px;	
}

.acc-item{
	margin-bottom:20px;
	
	border-bottom:1px solid #efefef;
	
}
.acc-item .attent:hover{
	
}
.acc-item .attent{
	cursor:pointer;
	position:relative;
	padding-right:70px;
}
.acc-item .attent:after{
	position:absolute;
	background-color:#fff;
	margin-top:0px;
	border:0;
	width:40px;
	height:40px;
	top:0;
	right:0;
	content:"+";
	font-size:40px;
	font-weight:300;
}
.acc-item.active .attent:after{
	content:"-"
}
.acc-item .flex{
	display:none;
}
.acc-text{
	display:none;
}
.acc-item.active .flex{
	display:flex;
}
.acc-item.active .acc-text{
	display:flex;
	padding-bottom:40px;
}
.head-page{
	margin:40px 0;
}
.acc-item .attent a{
	text-decoration:underline;
	display:inline-block;
	margin-left:30px;
}
h3{
font-family: Bebas Neue;
    font-weight: 500;
    font-style: Bold;
    font-size: 32px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 30px;	
}

.text1{
	padding:0 100px;
}
.preim .flex{
	justify-content:flex-start;
	gap:40px;
}

@media screen and (max-width: 1530px) {
.hydro h1{
		font-size:45px;
	}
}

@media screen and (max-width: 1370px) {
	.form-title{
		font-size:19px;
	}
.head-left{
	flex:0 0 50%;
}	
.head-right{
	flex:0 0 50%;
}
.form{
	top:30%;
}
.bg-border{
	top:25%;
}
}

@media screen and (max-width: 1070px) {
.exp{
	
}	
.hydro h1{
		font-size:32px;
	}	
.form{
	top:15%;
	left:20%;
}
.bg-border{
	top:10%;
	left:10%;
}	
}

@media screen and (max-width: 767px) {
.container{
	padding:0 15px;
}	
	.headh{
		flex-wrap:wrap;
	}
	.head-left{
		flex:0 0 100%;
		margin-bottom:20px;
		
	}
	.head-right{
		flex:0 0 100%;
	}
	.head-wrap{
		border-radius:30px;
		border:3px solid #E6E6E6;
		padding:20px;
	}
	.form{
	top:20%;
	left:20%;
}
.hydro .info{
	border:0;
	margin-top:50px;
}
.info__center{
	padding:0;
}
.flex{
	flex-wrap:wrap;
}
.flex-col{
	flex:0 0 100%;
	margin-bottom:20px;
}
.flex-col-3{
	flex:0 0 100%;
	margin-bottom:20px;
}
.ex1 .flex-col{
	margin:0;
	margin-bottom:20px;
}
.imeem {
margin:50px 0;
}
.preim h2{
	font-size:48px;
}
.lic-list{
	flex-wrap:wrap;
}
.lic-item{
	flex:0 0 100%;
	margin-bottom:20px;
}
.bg{
	display:none;
}
.bg-border{
	display:none;
}
.form{
	position:relative;
	left:0;
	top:0;
	right:0;
}
.fb{
	text-align:center;
}
.fb h2{
	font-size:42px;
	text-align:center;
}
.fb .button{
	font-size:20px;
}
.flex.flex-left .flex-col-3{
	margin-left:0px;
}
.text1{
	padding:0;
}
}