.help_mil{
	
	
	background-image:url(/static/images/background_mil.jpg?4);
	color:#fff;
	padding:30px;
	
}

.help_mil .wrap_title {

    margin: 0 0 20px 0;

}

.help_mil .button_mil{
	
	position: relative;
    display: flex;
    align-items: center;
    width: 195px;
    height: 58px;
    color: #fff;
    text-decoration: none;
    margin: 30px auto 0;
    background-image: url(/static/images/button_mil2.svg?7);
    background-size: cover;
    padding-left: 23px; 
	font-size:18px;
	font-family:akzLt
	
}

.help_mil .button_mil:after {
    display: block;
    content: "";
    width: 25px;
    height: 20px;
    background-image: url(/static/images/str.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: calc(50% - 12px);
    right: 35px;
    transition: all .3s;
}

.help_mil .button_mil:hover:after {
	
	  right:25px;
	transform:scale(1.1);
}


.logo{
	
	width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom:50%;
    top:0;
	background-image:url(/static/images/back.jpg);
	background-size: cover;
}


.logo video{
	position:absolute;
	width:100%;
/*  	transform:translateY(-100px) */
/* 	top: -250px; */
}

#contain{
	
	padding-top:20px;
	
}

.logo_contain{
	
	    padding-top:8%;
	position:absolute;
	width:100%;
	z-index:33;
	opacity:0
	
}
.logo_contain.pos, .contact_top.pos{

 animation: shows 1s  forwards; 
 
}


@keyframes shows{     

0% {   opacity:0      }     
100% {   opacity:1    } 


}

.logo .logo_pic{
	text-align:center
}


.logo .logo_pic div{
	
	width:160px;
	margin:0 auto;
	background-image:url(/static/images/logo2.webp);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	padding-top:13%;
	
}

.logo .logo_pic img{
	
	height:auto;
	width:160px;
	
}

.logo:after{
	
	display:block;
	content:"";
	background-color:rgba(0,0,0,.5);
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:1;
	
}

.logo_star{
	
	margin:2% auto 2%;
	max-width:766px;
	height:30px;
	position:relative;
}

.logo_star:after{
	
	display:block;
	content:"";
	width:calc(50% - 35px);
	height:2px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	background: linear-gradient(to right,transparent, #fff, transparent);
	
}

.logo_star:before{
	
	display:block;
	content:"";
	width:calc(50% - 35px);
	height:2px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	background: linear-gradient(to right,transparent, #fff, transparent);
	
}




.logo_star div{
	
	width:30px;
	height:30px;
	background-image:url(/static/images/star.svg);
	background-size:contain;
	margin:0 auto;
	opacity:.8
}


.logo_text{
	
	font-family:PTserif_bold;
	font-size: 33px;
    line-height: 48px;
	text-transform:uppercase;
	margin:0 auto 0;
	width:100%;
	max-width:766px;
	color:#fff;
	z-index:3;
	text-align:center;
	opacity:.8
	
}

.wrap{
	position:relative;
	padding-top:15px;
	z-index:100
}

.wrap .canvas{
	
	max-width:806px;
	width:100%;
	

	margin:0 auto;
	
	
}

.wrap .silver{
	
	margin:40px 0 10px 0;
	background-color:rgba(122,128,144,.1);
	padding-bottom:40px;
	padding-top:10px;
}

.wrap .silver2{
	
	margin:-15px 0 10px 0;
	background-color:#202224;
	padding-bottom:40px;
	padding-top:10px;
}


.wrap .canvas_silver{
	
	max-width:806px;
	width:100%;
	

	margin:0 auto;
	
	
}


.padd{
	
	padding:40px 20px 10px 20px;
	position: relative;
	
}

.padd2{
	
	padding:0 40px 0 40px;
	
}



.wrap_block1 p:last-child{
	
	margin-bottom:0;
	
}

.wrap_title {
    font-family: akzBold;
    font-size: 26px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0 0 30px 0;
    padding: 0;
}


.wrap_text p{
	font-family:PTserif;
	font-size:19px;
	margin: 0 0 20px;
}

.wrap_main_image{
	position:relative;
	margin-bottom:30px;
	padding-top: 5px;
}

.wrap_main_image:after{
	
	display:block;
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	top:50%;
	background:linear-gradient(to top, #000, transparent);
	opacity:.7
}


.wrap_main_image_title{
	
	position:absolute;
	font-family:akzBold;
	font-size:25px;
    line-height:31px;
	bottom:20px;
	left:30px;
	color:#fff;
	z-index:4
}

.wrap_text p .red{
	display:block;
	font-family:'PTSERIF_BOLD';
	color:#B22222;
	padding-left:30px;
	position:relative
}

.wrap_text p .red:after {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(/static/images/stars.svg);
    background-size: contain;
    position: absolute;
    top:3px;
    left: 0;
}



.wrap_block2_flex{
	display:flex;
}

.wrap_block2_flex div{
	
	width:50%;
	height:80px;
	display: flex;
    align-items: center;
	background-image:url(/static/images/button.svg);
	background-size:cover;
	background-position:right 0  top 0;
	position:relative
}

.wrap_block2_flex div:after{
	display: block;
    content: "";
    width: 25px;
    height: 20px;
    background-image: url(/static/images/str.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 10px;
    right:25px;
	transition:all .3s;
}

.wrap_block2_flex div:hover:after{
	
	right:15px;
	transform:scale(1.1);
	
}

.wrap_block2_flex div a:before{
	
	display: block;
    content: "";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0
	
	
}


.wrap_text .quote{
	margin-top: 6px;
    margin-right: 16px;
    margin-bottom: 4px;
    display: block;
    float: left;
    width: 64px;
    height: 64px;
    background-image: url(/static/images/quote.svg);
    background-size: contain;
}

.wrap_block2_flex div:nth-child(1){
	
	margin-right:15px;
	
}

.wrap_block2_flex div:nth-child(2){
	
	margin-left:15px;
	
}

.wrap_block2_flex div a{

    display: block;
    padding-left: 84px;
	padding-right:20px;
    color:#fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 19px;
    font-family: akzMd;

}

.wrap_block2_flex .wrap_block2_target:before{
	
	display: block;
    top:20px;
    left: 22px;
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(/static/images/target.svg);
    background-size: contain;
	background-repeat:no-repeat
}


.wrap_block2_flex .wrap_block2_project:before{
	
	display: block;
    top:22px;
    left: 24px;
    content: "";
    position: absolute;
    width: 34px;
    height: 36px;
    background-image: url(/static/images/project.svg);
    background-size: contain;
	background-repeat:no-repeat
}


.wrap_block2_flex .wrap_block2_reward a:after{
	
	display: block;
    top: 21px;
    left: 22px;
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(/static/images/reward.svg);
    background-size: contain;
	background-repeat:no-repeat	
}


.wrap_block2_flex .wrap_block2_attr a:after{
	
	display: block;
    top: 22px;
    left: 24px;
    content: "";
    position: absolute;
    width: 33px;
    height: 36px;
    background-image: url(/static/images/attr.svg);
    background-size: contain;
	background-repeat:no-repeat
}

.main{
	
	width:100%;
	max-width:100%;
	vertical-align: bottom;
}



.wrap_text_partner_logo{
	
    padding: 0 0 30px;
	width: 70%;
}

.wrap_text_partner_logo img{
	
	max-width:200px;
	width: 100%;
}



.wrap_text_partner_text p:first-child{
	
	margin-top:0
	
}
.tab{
	
	height:40px;
}


.wrap_grid1{
	
	display:flex;
	padding-top: 5px;
	position:relative;
	
}
.wrap_grid1_photo{
position: relative;
    overflow: hidden;
	width:66.66%;
	margin-right:15px;
}

.wrap_grid1:hover .wrap_grid1_photo img{
	
	transform:scale(1.1)
	
}

/* .wrap_grid1_photo:after{
	
	display:block;
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	top:50%;
	background:linear-gradient(to top, #000, transparent);
}
 */

.wrap_grid1_photo img{
max-width: 100%;
   
    width: 100%;
     aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center center;
	transition:all 1s
}

.wrap_grid1_zag{
	
	display:block;
	position:absolute;
	z-index:2;
	bottom:20px;
	left:20px;
	 font-size: 19px;
    font-family: akzBold;
	color:#fff;
	text-decoration:none;
	font-size: 25px;
    line-height: 30px;
}

.wrap_grid1_anons{
	
	width:33.33%;
	padding-left:15px;
	
}
.wrap_grid1_anons a{
	display:block;
	text-decoration:none;
	    font-family:akzMd;
	    font-size: 19px;
    line-height: 24px;
	color:#222
}

.wrap_grid1_anons a:after{
	
	display:block;
	content:"";
	top:0;
	left:0;
	right:0;
	bottom:0;
	position:absolute
	
}

.wrap_grid1_anons span, .wrap_grid2_zag span, .wrap_grid3 span{
	padding-top:20px;
	display:block;
	font-family:akz;
	font-size:14px;
	color:#bfbfbf
}


.wrap_grid2{
	display:flex;
	list-style:none;
	margin:0 -15px;
	padding:30px 0 0 0;
}

.wrap_grid2 li{
	margin:0 15px;
	width:33.33%;
	position:relative;
}


.wrap_grid2 li .wrap_grid2_photo{
	position: relative;
    overflow: hidden;
}

.wrap_grid2 li .wrap_grid2_photo img{
	max-width: 100%;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    object-position: center top;
	transition:all 1s;
}

.wrap_grid2 li:hover .wrap_grid2_photo img{
	
	transform:scale(1.1)
	
}

.wrap_grid2 li .wrap_grid2_zag a{
	display:block;
	text-decoration:none;
	font-family:akzMd;
	font-size: 19px;
    line-height: 24px;
	color:#222;
	padding-top:20px
}

.wrap_grid2 li .wrap_grid2_zag a:after{
	
	display:block;
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.wrap_grid3{

	margin-top:40px;
}


.wrap_grid3_anons{
	
	position:relative
	
}

.wrap_grid3_title{
	
	position:relative
	
}

.wrap_grid3_title span{
	
	font-family: akz;
    font-size:13px;
    font-weight: normal;
    text-transform: uppercase;
	background-image:url(/static/images/inter.svg);
	background-size: cover;
    background-position: right 0 top 0;
	display:inline-block;
	padding:5px  13px;
	width:calc(33.333333% - 20px);
	color:#fff;
	min-width: 200px;
	position:relative;
}



.wrap_grid3_title:after{
	
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	height:1px;
	background-color:#bfbfbf;
	z-index:-1;
	margin-left:calc(33.333% + 10px);
}




.wrap_grid3_zag a{
	display:block;
	color:#222;
    text-decoration: none;
    font-size: 25px;
    line-height: 30px;
	font-family: akzMd;
	margin: 30px 0 20px;
}


.wrap_grid3_zag a:after{
	
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0
	
}


.wrap_grid3_tizer{
    text-decoration: none;
    
    font-size: 19px;
    line-height: 23px;
    color: #222;
}


.wrap_book{
	display:block;
	text-decoration:none;
	font-family:'PTSERIF_BOLD';
	font-size:19px;
	color:#B22222;
	padding:0 0 25px 0;
/* 	text-transform:uppercase; */
	max-width:400px;
}

.wrap_book:after{
	content: "";
    display: block;
    position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.wrap_line_book{
	height:15px;
	position:relative;
	background-image: url(/static/images/line.svg);
    background-position: right 40% top 0;
	background-size:cover;
}

.wrap_line_book:after{
	content: "";
    display: block;
    position: absolute;
    bottom: 15px;
    right:13px;
    width: 254px;
    height: 131px;
    background-image: url(/static/images/book.jpg);
    background-size: contain;
	z-index:-2
}

.wrap_line_book:before {
   display: block;
    content: "";
       width: 43px;
    height: 30px;
    background-image: url(/static/images/str.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 48px;
    right:55px;
    z-index: -1;
	transition:all .3s;
}

.book_hov:hover .wrap_line_book:before{
	right:40px;
	transform:scale(1.1)
}

.wrap_contact{
	
	height:0;
	position:relative;
	
}


.contact_top li span, .contact_top li a{
	
	color:#999DA6;
	text-decoration:none;
}

.contact_top li .names{
	font-family:akz;
	display:block;
	color:#999DA6;
	text-transform: uppercase;
    font-size: 15px;
	padding-bottom: 3px;
}

.contact_top{
	    z-index: 100;
	position:absolute;
	bottom:70px;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	max-width:806px;
	margin:0;
	justify-content: space-between;
	font-family:akz;
		color:#999DA6;
		font-size:19px;
	display:flex;
	padding:0 20px;
	list-style:none;
	opacity:0;
/* 	align-items: center; */
}

	

.contact_top .tel_top, .contact_top .mode_top{
	padding-left:45px;
	position:relative;
	display:block;
	font-size: 19px;
}

.contact_top .map_top{
	padding-left:35px;
	position:relative;
	display:block;
	
}

.contact_top .tel_top:after{
display: block;
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(/static/images/tel.svg);
    background-size: contain;
	background-repeat:no-repeat;
    position: absolute;
    top:5px;
    left: 0;
}

.contact_top .map_top:after{
display: block;
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(/static/images/adres.svg);
    background-size: contain;
	background-repeat:no-repeat;
    position: absolute;
    top:5px;
    left: 0;
}

.contact_top .mode_top:after{
display: block;
    content: "";
    width:30px;
    height:30px;
    background-image: url(/static/images/mode.svg?5);
    background-size: contain;
	background-repeat:no-repeat;
    position: absolute;
	top:5px;
    left: 0;
}

/* 

.wrap_grid3_photo{
	width:33.33%;
	padding-right:14px;
	 aspect-ratio: 16 / 9;
} */


/* 
.wrap_grid3_photo img{
	width:100%
}

.wrap_grid3_anons{
	width:66.66%;
	padding-left:14px;
}
 */
 
.flex_text{
	display:flex;
}

.flex_text .photo_text{
	margin-right: 15px;
	width:33.333%;
}

.flex_text .photo_text img{
	
	width:100%;
	    padding-top: 5px;
}

.flex_text .wrap_text{
	
	margin-left: 15px;
	width:66.666%;
}

.flex_text .wrap_text p{
	
	font-family: akzMd;
	    font-size: 19px;
    line-height: 24px;
	
}


@media only screen and (max-width: 1850px) {
	


}	
@media only screen and (max-width: 1660px) {

.logo_contain {
    padding-top: 7%;
    position: absolute;
    width: 100%;
    z-index: 33;
}
}


@media only screen and (max-width: 1750px) {
	


}	

@media only screen and (max-width: 1550px) {
	


}	




@media only screen and (max-width: 1350px) {
	
	.logo_text {
    font-size: 28px;
    line-height: 35px;
	}
	
	header .container {
    font-size: 30px;
	}
	
	
	.logo .logo_pic div{
	    padding-top: 15%;
	
}

.logo .logo_pic {
    margin-top: 10px;
    text-align: center;
}


}	
@media only screen and (max-width: 1270px) {

	.logo .logo_pic div{
	    padding-top: 16%;
	
}

.contact_top {

    bottom: 30px;

}

	

}

@media only screen and (max-width: 1150px) {

.logo .logo_pic div {
    padding-top: 20%;
}

.logo_star {
    margin: 2% auto 2%;
}

.contact_top {

    bottom: 35px;
}	


.wrap_contact {
    height: 90px;
}

.wrap .silver2 {
    margin: 40px 0 10px 0;
    background-color: #202224;
    padding-bottom:10px;
    padding-top: 10px;
}

}

@media only screen and (max-width: 1070px) {

.logo_text {
        font-size: 23px;
    line-height: 31px;
	padding: 0 10px;
	}


.logo .logo_pic img {
   
    width: 110px;
}	


.logo_contain {
    padding-top: 8%;
}


.wrap_contact{
	
	height:90px;
	
}

.contact_top {
    bottom: 0;
}	

.wrap {
    padding-top:0;
}

.contact_top li span, .contact_top li a {
    color: #222;
    text-decoration: none;
}



}


@media only screen and (max-width: 950px) {

.logo {
    top:0
}

.logo_contain {
    padding-top:90px;
}



.logo .logo_pic img {
   
    width: 110px;
}	
.logo{
padding-bottom:53%;
}

.logo video {
	transform: translateY(0)
}	
}
@media only screen and (max-width: 860px) {
.wrap{
	top:0;
}

}

@media only screen and (max-width: 780px) {
	
	
.wrap_grid3_tizer {
    text-decoration: none;
    font-size: 17px;
    line-height: 22px;
    color: #222;
}	
	
	

.flex_text .photo_text{
	margin-right: 10px;
}

.flex_text .wrap_text{
	
	margin-left: 10px;
}	
	

.wrap_grid1_anons {
    padding-left: 10px;
}

.logo .logo_pic div {
    padding-top: 25%;
	margin-bottom:10px
}

.logo .logo_pic {
    margin-top:0;
    text-align: center;
}

.wrap_grid2 {
    margin: 0 -10px;
    padding: 20px 0 0 0;
}

.wrap_grid2 li {
    margin: 0 10px;
}

.wrap_grid1_photo {
    margin-right: 10px;
}
	
	
.logo{
    top: 62px;
}


.logo_contain {
    padding-top:20px;
}

.wrap_contact{
	height:150px;	
}

.padd {
    padding: 30px 20px 10px 20px;
}

.wrap_title {
    font-size: 23px;
    margin: 0 0 30px 0;
    padding: 0;
}



.wrap .silver {
    margin:30px 0 10px 0;
    background-color: rgba(122,128,144,.1);
    padding-bottom:30px;
}

.wrap_main_image_title {
    font-size: 17px;
    line-height: 22px;
    bottom: 7px;
    left: 13px;
	padding-right:13px;
}

.wrap_block2_flex {
	justify-content:center;
	flex-wrap:wrap;
}

.wrap_block2_flex div {
    width:100%;
	max-width:500px;
}	

.wrap_block2_flex div:nth-child(1) {
	
	margin-bottom:30px
	
}

.wrap_block2_flex div:nth-child(2), .wrap_block2_flex div:nth-child(1) {
    margin-left:0;
}

.wrap_block2_flex div:nth-child(1) {
    margin-right:0;
}
	
}


@media only screen and (max-width: 700px) {
	

.wrap_grid3_title:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #bfbfbf;
    z-index: -1;
    margin-left:220px;	
}		
	

.wrap_grid3_title:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #bfbfbf;
    z-index: -1;
    margin-left:220px;	
}	
	
	
	.logo_star {
   display:none
}

.logo .logo_pic img {
   
   margin-bottom:20px
}	

.logo_text {
    padding: 0 20px;
	 font-size: 20px;
	 line-height:25px;
}
	

	
}

@media only screen and (max-width: 650px) {


.wrap_block2_flex div a {
    font-size: 17px;
}	

.flex_text .wrap_text p{

    font-size: 17px;
	line-height: 22px;
    margin: 0 0 18px;
}

.wrap_block1 p:last-child {
    margin-bottom: 0;
}

.wrap_grid3_zag a {

    font-size: 21px;
    line-height: 25px;
    margin: 30px 0 20px;
}
	

.logo_contain {
    padding-top:25px;
}

.burger {
    width: 40px;
    height: 40px;
}
.wrap_book {
    padding: 0 0 160px 0;
}

.wrap_line_book:before {
    left: 154px;
}

.wrap_line_book:after {

    left: 0;
}

}



@media only screen and (max-width: 600px) {



.logo .logo_pic img {
    width: 100px;
}

.logo_text {
    font-size: 20px;
	line-height:25px;
}





}

@media only screen and (max-width: 550px) {
	

	
	
	
.wrap_text .quote {

    width: 50px;
    height: 50px;

}	
	
.wrap_main_image_title {
  font-size: 20px;
    line-height: 26px;
    bottom: 20px;
    left: 27px;
    padding-right: 13px;
}	
	
	
.wrap_contact{
	height:185px;	
}	
	
.wrap_grid1 {
    display:block
}

.wrap_grid1_photo {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-right:0;
	max-width:500px
}

.wrap_grid2 {
    margin: 0;
    padding: 30px 0 0 0;
	flex-wrap: wrap;
}

.wrap_grid2 li {
    margin: 0;
	width:100%;
	max-width:500px;
	padding-bottom:30px
}

.wrap_grid2 li:last-child{
	padding-bottom:0
} 



.wrap_grid1_anons {
    width: 100%;
    padding-left:0;
	padding-top:15px;
}
	
	

.logo_text {
    font-size: 17px;
	line-height:22px;
}

.logo .logo_pic img {
    width: 85px;
}

.contact_top .mode_top{
	display:none
}

.contact_top {
    justify-content: center;
}

.contact_top .tel_top:after {
    top: -45px;
    left: 50%;
    width: 35px;
    height: 35px;
    transform: translateX(-50%);
}

.contact_top li .names {
	text-align:center;
}

.contact_top .tel_top, .contact_top .mode_top {
    padding-left:0;
}


}

@media only screen and (max-width: 470px) {

.flex_text .photo_text {
    margin-right: 0;
    width: 100%;
}	

.flex_text {
    display:block
}

.flex_text .wrap_text {
   margin-left:0;
    width: 100%;
	padding-top:10px;
}
	
	
.wrap_main_image_title {
  font-size:17px;
    line-height: 23px;
    bottom: 10px;
    left: 13px;
    padding-right: 13px;
}	
	



.contact_top .tel_top, .contact_top .mode_top {
    font-size: 18px;
}
	
	


.wrap_contact {
    height:125px;
}

.logo_text {
    font-size: 16px;
	line-height:21px;
}

.logo .logo_pic img {
    margin-bottom: 15px;
}

.logo_contain {
    padding-top:20px;
}

video{
	
	display:none;
	
}

.burger {
    width: 35px;
    height: 35px;
}

.logo:after {
	
	display:none
	
}

header {

   position:relative
  
}

.logo {

    overflow: hidden;
    position: relative;
   top:0;
   padding-bottom:0
}

.logo_star {
   display:block;
   margin: 3% auto 6%;
}

.logo_text {
	
	padding-bottom:30px;
	
}

.logo_contain {
	
	position:relative;
	
}

.logo .logo_pic img {
    margin-bottom: 0;
}


}

@keyframes show{     

0% {   opacity:0      }     
100% {   opacity:1    } 


}