/******************/
/****RESPONSIVE****/
/******************/
/******nav bt******/
#navtop_bt{
	order: 1;
	display: none;
	box-sizing: border-box;
	width: 40px;
	height: 30px;
	padding: 0;
	background: none;
	border: none;
	margin: 0;
	cursor: pointer;
	position: absolute;
	top: 36px;
	right: 30px;
	z-index: 888;
}
#navtop_bt_span{
	display: block;
	width: 40px;
	height: 30px;
	background: var(--bleu1);
	margin: auto;
	position: relative;
}
#navtop_bt_span:before,
#navtop_bt_span:after{
	content: '';
	display: block;
	width: 40px;
	height: 12px;
	background: var(--wh);
	position: absolute;
	transition: all 0.3s;
}
#navtop_bt_span:before{
	top: 2px;
}
#navtop_bt_span:after{
	bottom: 2px;
}
.bt_navtop_hover #navtop_bt_span,
.bt_navtop_hover #navtop_bt_span:before,
.bt_navtop_hover #navtop_bt_span:after{
	transition: all 0.3s;
}
.bt_navtop_hover #navtop_bt_span:before,
.bt_navtop_hover #navtop_bt_span:after{
	width: 50px;
	height: 2px;
	background: var(--bleu1);
}
.bt_navtop_hover #navtop_bt_span{
	background: none;
}
.bt_navtop_hover #navtop_bt_span:before{
	transform: rotate(45deg);
	top: 13px;
	left: -5px;
}
.bt_navtop_hover #navtop_bt_span:after{
	transform: rotate(-45deg);
	bottom: 14px;
	left: -5px;
}

/*****all*****/
@media screen and (max-width: 1280px) {
	.widzmain {
		width: auto;
		margin-right: 30px;
		margin-left: 30px;
	}
	.chapo_main::before{
		left: -10%;
	}
}

@media screen and (max-width: 1080px) {
	#navtop ul {
		gap: 0 var(--g20);
	}
}

@media screen and (max-width: 980px) {
	#navtop_bt{
		display: block;
	}
	#navtop{
		flex: unset;
		display: none;
		width: 100%;
		padding: 22px 0 0;
	}
	#navtop.navtop_hover{
		display: block;
	}
	#logo {
		width: 170px;
	}
	.chapo_main::before{
		left: -30%;
	}
	#strap_third_anchor .list_single_block {
		margin: 0 6%;
	}
	.list_single_expertise_main {
		padding: 37px 20px 40px;
	}
	a.list_single_expertise_push_main {
		padding: 40px 20px 0;
	}
	.list_single_services_wrapp .list_single_block {
		margin: 0 8%;
	}
	.list_single_temo_main {
		padding: 112px 20px 57px 55px;
	}
	.list_single_temo:first-of-type .list_single_temo_main {
		background-position: top 48px left 35px;
	}
	.list_single_temo:last-of-type .list_single_temo_main {
		background-position: top 33px left 35px;
	}
	.list_single_job_main {
		display: block;
		padding: 33px 20px 28px 20px;
	}
	.strap_contact_wrapp {
		gap: var(--g40);
		padding: 60px 6.8% 41px 4.8%;
	}
	.strap_contact_cols {
		width: 280px;
	}
}

@media screen and (max-width: 880px) {
	.block_h2_type {
		line-height: 36px;
		font-size: 30px;
	}
	.strap_intro_title,
	.strap_intro_hentry{
		flex: unset;
		width: 100%;
	}
	.chapo {
		margin-bottom: 48px;
	}
	.chapo_content {
		width: 419px;
	}
	.chapo_hentry {
		padding: 54px 55px 46px;
		margin: auto 0 60px;
	}
	.chapo img {
		width: auto;
		height: 100%;
		object-fit: unset;
		margin: auto;
	}
	.page_title {
		line-height: 36px;
		margin-bottom: 5px;
		font-size: 30px;
	}
	.chapo_sub_title {
		line-height: 36px;
		font-size: 30px;
	}
	#strap_first_anchor {
		margin-bottom: 53px;
	}
	#strap_first_anchor .strap_intro_wrapp{
		margin-bottom: 23px;
	}
	.list_single_block {
		gap: var(--g20);
	}
	.list_single_expertise,
	.list_single_expertise_push{
		width: var(--2-20);
	}
	.list_single_job {
		width: var(--2-20);
	}
	#strap_second_anchor {
		margin-bottom: 83px;
	}
	#strap_third_anchor {
		margin-bottom: 53px;
	}
	.strap_third_anchor_content {
		display: block;
		padding: 53px 0 0;
	}
	#strap_fourth_anchor {
		margin-bottom: 83px;
	}
	#strap_job_anchor {
		margin-bottom: 80px;
	}
}

@media screen and (max-width: 780px) {
	.navtop_list_item{
		display: block;
		width: 100%;
		text-align:  center;
	}
	#navtop ul li:not(.hentry_bt_beige) a {
		line-height: 22px;
		padding: 14px 0;
		font-size: 18px;
	}
	.list_single_service {
		width: 90%;
	}
	.list_single_service_main {
		display: block;
		padding: 41px 30px 14px 90px;
	}
	.list_single_service:first-of-type {
		background-position: top 37px left 13px;
		background-size: 47px auto;
	}
	.list_single_service:last-of-type {
		background-position: top 50px left 20px;
		background-size: 43px auto;
	}
	#strap_third_anchor .list_single_block {
		margin: 0;
	}
	.list_single_pkoi_content {
		padding: 34px 35px 23px;
	}
	.list_single_pkoi_hentry::before {
		content: unset;
	}
	.strap_contact_form_block .form_switcher,
	.strap_contact_form_block .form_item {
		display: block;
		width: 100%;
	}
	.strap_contact_form_block {
		padding: 0;
	}
	#strap_fourth_anchor .list_single_block {
		flex-wrap: nowrap;
		justify-content: flex-start;
		overflow-x: auto;
		padding: 20px 15px 10px;
	}
	.list_single_temo:last-of-type {
		margin-top: unset;
	}
	.list_single_temo,
	.list_single_temo_main{
		width: 294px;
	}
	.list_single_temo_main {
		padding: 130px 30px 42px 30px;
	}
	.list_single_temo:first-of-type .list_single_temo_main {
		background-position: top 37px left 30px;
		background-size:  32px auto;
	}
	.list_single_temo:last-of-type .list_single_temo_main {
		background-position: top 37px left 30px;
		background-size:  32px auto;
	}
	.list_single_temo_hentry::before {
		width: 21px;
		height: 22px;
		top: -32px;
		left: 0;
	}
}

@media screen and (max-width: 680px) {
	.strap_contact_wrapp{
		padding: 40px 30px;
	}
	.strap_contact_cols {
		width: 100%;
	}
	.strap_contact_pic {
		width: 211px;
		max-width: unset;
		margin: 0 auto 20px;
	}
	.strap_contact_form_block {
		flex: unset;
		width: 100%;
	}
	.list_single_pkoi {
		width: 100%;
	}
	.list_single_pkoi_pic_block {
		margin: 0 0 4px;
	}
	.list_single_pkoi_pic {
		width: 150px;
		height: 150px;
	}
	#strap_job_anchor .list_single_block,
	#strap_first_anchor .list_single_block {
		flex-wrap: nowrap;
		justify-content: flex-start;
		overflow-x: auto;
		padding-bottom: 10px;
	}
	.list_single_expertise,
	.list_single_expertise_main,
	.list_single_expertise_push,
	a.list_single_expertise_push_main,
	.list_single_job,
	.list_single_job_main{
		width: 296px;
	}
}

@media screen and (max-width: 580px) {
	.chapo_main::before{
		left: -60%;
	}
	.chapo_content{
		width: 100%;
	}
	.chapo_hentry {
		padding: 54px 16% 46px;
	}
	.list_single_services_wrapp .list_single_block {
		margin: 0 20px;
	}
	.list_single_service {
		width: 100%;
	}
	.list_single_service:first-of-type {
		background-position: top 21px left 27px;
	}
	.list_single_service:last-of-type {
		background-position: top 21px left 27px;
	}
	.list_single_service_main {
		display: block;
		padding: 49px 25px 8px;
	}
	.list_single_service_main.page_hentry h3 {
		padding-left: 64px;
	}
}

/******404******/
@media screen and (max-width: 1080px){
	#page_404{
	display: flex;
	flex-wrap: wrap;
	padding: 94px 0 94px;
	}
	#page_404_ill_block{
	width: 46%;
	margin: 0 8% 0 0;
	}
}
@media screen and (max-width: 880px){
	#page_404_ill_block{
	width: 100%;
	margin: 0;
	text-align: center;
	}
	#page_404_ill_block object{
	margin: auto;
	}
	#page_404_ill_main{
	flex: none;
	width: 100%;
	text-align: center;
	}
	
}