/* Дополняет css/bconf/bconf.css */
.bconf_wide {
  grid-gap: 32px;
}
.bconfcards {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
	grid-gap: 28px 32px;
}
.bconfcard {
  width: 288px;
  display: flex;
  flex-direction: column;
}
.bconfcard__img {
  margin-left: 1px; /* Фикс: обрезался левый border у 1-го слайда */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 396px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border-radius: 12px;
  border: 1px solid var(--black200);
  object-fit: contain;
	position: relative;
	overflow: hidden;
}
.bconfcard__img:before {
  content: '';
  width: 100%;
  height: 100%;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  -webkit-transition : 0.2s ease-in-out;
  -o-transition : 0.2s ease-in-out;
  transition : 0.2s ease-in-out;
}
.bconfcard__img:after {
  content: '';
  width: 100%;
  height: 100%;
  background: url('i/icon-magnifier.svg') center center no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
  opacity: 0;
  -webkit-transition : 0.2s ease-in-out;
  -o-transition : 0.2s ease-in-out;
  transition : 0.2s ease-in-out;
}
.bconfcard__img > img {
	/* max-height: 83%; */
	width: auto;
	z-index: 1;
}
.bconfcard__img > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
}
.bconfcard .button {
	color: var(--black500);
	padding-right: 0;
	padding-left: 0;
}
.bconfcard__img:hover:before {
  background: rgba(0, 6, 26, 0.2);
}
.bconfcard__img:hover:after {
  opacity: 1;
}


@media (min-width: 576px) { 
	.bconfcards {
		grid-template-columns: repeat(auto-fit, minmax(336px, 1fr));
	}
}

@media (min-width: 768px) { 
  .bconf_wide {
    -ms-grid-columns: (minmax(213px, 350px))[2];
    grid-template-columns: repeat(2, minmax(213px, 350px));
  }
  .bconfcard {
    width: 336px;
  }
	.bconfcard__img {
		width: 336px;
    height: 475px;
	}
}

@media (min-width: 768px) and (max-width: 991px) { 
  .bconf_wide > div:last-child {
    grid-column: span 2;
  }
}

@media (min-width: 992px) { 
  .bconf_wide {
    grid-gap: 64px;
    -ms-grid-columns: (minmax(213px, 350px))[3];
    grid-template-columns: repeat(3, minmax(213px, 350px));
  }
  .bconf_wide .h1 {
    font-size: 60px;
  }
	.bconfcards {
		grid-template-columns: repeat(auto-fit, minmax(271px, 1fr));
	}
  .bconfcard {
    width: 271px;
    /* min-height: 564px; */
  }
  .bconfcard__img {
    width: 271px;
    height: 383px;
  }
}