.block1{
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
	background:url("../image/block1.png") no-repeat !important;
}

.bb1:hover .block1{
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
	background:url("../image/block1-h.png") no-repeat !important;
}





.block2{
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
	background:url("../image/block2.png") no-repeat !important;
}
.bb2:hover .block2{
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
	background:url("../image/block2-h.png") no-repeat !important;
}





.block3{
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
	padding-left: 15px;
	background:url("../image/block3.png") no-repeat !important;
}
.bb3:hover .block3{
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
	background:url("../image/block3-h.png") no-repeat !important;
}







.block4{
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
	background:url("../image/block4.png") no-repeat !important;
}
.bb4:hover .block4{
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
	background:url("../image/block4-h.png") no-repeat !important;
}





.block5{
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
	background:url("../image/block5.png") no-repeat !important;
}
.bb5:hover .block5{
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
	background:url("../image/block5-h.png") no-repeat !important;
}







.block6{
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
	background:url("../image/block6.png") no-repeat !important;
}
.bb6:hover .block6{
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
	background:url("../image/block6-h.png") no-repeat !important;
}






.block7{
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
	background:url("../image/block7.png") no-repeat !important;
}
.bb7:hover .block7{
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
	background:url("../image/block7-h.png") no-repeat !important;
}





.block8{
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
	background:url("../image/block8.png") no-repeat !important;
}
.bb8:hover .block8{
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
	background:url("../image/block8-h.png") no-repeat !important;
}




.services-list__item{
	margin:0 20px;
}

.h_tel{
	width:20px;
	height:20xp;
	margin-right:10px;
}

/*LOGOTYPE*/
.header__logo{
	/*margin-top:-25px !important;
	width:28% !important;
	height:100% !important;*/
}




.header__info:before{
	background-image:url("../image/header-tel.png");
	width:19px;
	height:30px;
	left:-30px;
}
@media all and (max-width:1100px){
	.how-we-work-list__image img{
		margin-left: 55px !important;
	}

	.header__logo{
		width:180px;
		height:80px;
		margin-right:auto;
		display:block;
		margin-top: -10px;
	}
	/*.header__logo{
	margin-top:-15px !important;
	width:28% !important;
	height:100% !important;
	}
	 */
}

@media all and (max-width:1080px){
	.how-we-work-list__image img{
		margin-left: 55px !important;
	}
	.header__logo{
		width:180px;
		height:80px;
		margin-right:auto;
		display:block;
		margin-top: -10px;
	}
	/*
	.header__logo{
	margin-top:-15px !important;
	width:28% !important;
	height:100% !important;
	}
	.header-citys{
		display:none;
	}

	 */
}

@media all and (max-width:1000px){
	.how-we-work-list__image img{
		margin-left: 55px !important;
	}
	.header__logo{
		width:180px;
		height:80px;
		margin-right:auto;
		display:block;
		margin-top: -10px;
	}
	/*
	.header__logo{
	margin-top:-11px !important;
	width:35% !important;
	height:100% !important;
	}
	.header-citys{
		display:none;
	}

	 */
}

@media all and (max-width:800px){
	.header__logo{
		width:180px;
		height:80px;
		margin-right:auto;
		display:block;
		margin-top: -10px;
	}
	/*
	.header__logo{
	margin-top:-10px !important;
	width:35% !important;
	height:100% !important;
	}
	.header-citys{
		display:none;
	}

	 */
}

@media all and (max-width:780px){
	.how-we-work-list__image img{
		margin-left: 0 !important;
	}

	.services-list__item{
		margin: 15px;
	}
	.header__logo{
		width:180px;
		height:80px;
		margin-right:auto;
		display:block;
		margin-top: -10px;
	}
	/*
	.header__logo{
	margin-top:-10px !important;
	width:39% !important;
	height:100% !important;
	}
	.header-citys{
		display:none;
	}

	 */
}
@media all and (max-width:600px){
	.how-we-work-list__image img{
		margin-left: 0 !important;
	}

	.services-list__item{
		margin: 15px;
	}
	.header__logo{
		width:180px;
		height:80px;
		margin-right:auto;
		display:block;
		margin-top: -10px;
	}
	/*
	.header__logo{
	margin-top:-13px !important;
	width:45% !important;
	height:100% !important;
	}
	.header-citys{
		display:none;
	}

	 */
}
@media all and (max-width:480px){

	.how-we-work-list__image img{
		margin-left: 0 !important;
	}

	.header__info:not(.header__info_inner){
		padding-right: 2px;
		margin-right:-10px;
	}
	.header__tel:not(.header__tel_inner){
		margin: 10;
		margin-top: -10px;
		float: left;
	}
	.header__tel:not(.header__tel_inner) img{
		width: 15px;
		height:auto;
	}
	.header__buter{
		display:none;
	}
	.header__tel:not(.header__tel_inner) a {
		font-size: 15px;
		font-style: oblique;
	}

	.services-list__item{
		margin: 15px;
	}

	.main-menu{
		visibility: hidden;
	}
	.header__logo{
		width:180px;
		height:80px;
		margin-right:auto;
		display:block;
		margin-top: -10px;
	}
	.header__logo img{
		width: 75%;
		height: 90%;
	}
	/*
	.header__logo{
	margin-top:-15px !important;
	width:60% !important;
	height:100% !important;
	}
	.header-citys{
		display:none;
	}

	 */
}

@media all and (max-width:340px){
	.header__info:not(.header__info_inner){
		padding-right: 2px;
		margin-right:-10px;
	}
	.header__tel:not(.header__tel_inner){
		margin: 0;
		margin-top: -10px;
	}
	.header__tel:not(.header__tel_inner) img{
		width: 16px;
		height:auto;
	}
	.header__buter{
		display:none;
	}

	.header__logo{
		width:180px;
		height:80px;
		margin-right:auto;
		display:block;
		margin-top: -10px;
	}
	/*
	.header__logo{
	margin-top:-14px !important;
	width:86% !important;
	height:100% !important;
	}
	.header-citys{
		display:none;
	}

	 */
}


/* social */

.social a:hover img{
	border:solid 1px white;
}






.js-select2{
	width: 100%;
	height: 100%;
	font-size: 20px;
	border-radius:10px;
	padding:10px;

}









.vis{
	display: block !important;
	position: fixed;
	list-style:none;
	padding: 10px;
	margin: 0;
	box-sizing: border-box;
	width: 250px;
	background-color: #eee;
	height: 100%;
	right: 0px;
	top: 0;
	transition: left .2s;
	z-index: 2;
	background-color: #EA5257;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
}
.right_menu{

}

.right_menu ul{
	margin-left: 15px;
	padding-top:75px;
	align-content: center;

}
.right_menu ul li{
	border-bottom: solid 2px aqua ;
	padding:5px;
}
.right_menu ul li a{
	align-content: center;
	font-size: 22px;
	color: #ffffff;
	padding-bottom:10px;
	margin-top: 10px;


}

.right_menu ul li a:hover{
	color: dodgerblue;
}