/*  page team  ==================================================================== */
/*  p1  ==================================================================== */
.p1 {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.sidebar {
	/*max-width: 350px;*/
	width:345px;
	border: 1px solid var(--c_ac);
	background-color:var(--c_0);
}
.sidebar a {
	display:block;
	font-size:18px;
	padding: 24px 24px;
	border-bottom: 1px solid var(--c_2);
}
.sidebar a:last-child {
	border:none;
}
.sidebar a.current{
    color: var(--c_a);
	background-color: var(--c_ac);
    pointer-events: none;
	cursor: default;
}
.sidebar a:hover {
    color: var(--c_a);
	background-color: var(--c_ac);
}

.content_block {
	width:calc(100% - 345px);
	display:flex;
	flex-wrap:wrap;
	margin: 0 -10px;
}
.content_block .item {
	width: calc(100% / 3 - 20px);
	margin: 0 10px 20px 10px;
}
.content_block .item {
	background-color: var(--c_a);
	text-align:center;
}
.content_block .item .img_box {
	position:relative;
	/*height:260px;*/
	height:320px;
}
.content_block .item .img_box:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	background: #000;
	opacity: 0;
	pointer-events: none;
    cursor: default;
}
.content_block .item:hover img{
	transform: scale(1.05);
}
.content_block .item:hover .img_box:after{
	opacity: 0.3;
}
.img_box img {
	object-position: top;
}
.content_block .item p {
	margin: 15px;
	font-size: 15px;
	color: var(--c_0);
	opacity: 0.7;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.content_block .item:hover p{
	opacity: 1;
}

.filter_team {display:none;}

/*  responsive  =============================================================================== */
@media screen and (max-width: 1024px) {
/*  p1  ==================================================================== */
.filter_team {
	display:inline-block;
	margin: -50px 0 30px 0;
	padding: 15px 20px;
	border: 1px solid var(--c_a);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor:pointer;
}
.p1 {
	display:block;
	position:relative;
}
.sidebar {
	position:absolute;
	top:0;
	left: -400px;
	z-index:5;
	max-width: 350px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.sidebar.open {
	left: 0;
}
.content_block {
	width:100%;
}
}

@media screen and (max-width: 767px) {
.content_block .item {
	width: calc(100% / 2 - 20px);
}
}

@media screen and (max-width: 560px) {
.content_block .item {
	width: 100%;
}
}