/* Start:/bitrix/templates/.default/components/bitrix/news.list/ngok-personal-block/style.css?16678279855324*/
/* Personal list */

.personal {
  padding-bottom: min(3.75rem, 60px) !important;
}

.personal-block {
  width: 100%;
  position: relative;
  border-left: 1px solid #dedede;
  box-sizing: border-box;
}

.personal-block:first-child {
  width: 100%;
  position: relative;
  border-left: 1px solid #dedede;
  border-top: 1px solid #dedede;
  box-sizing: border-box;
}

@media screen and (min-width: 901px) {
	.personal-block__title {
	  width: 100%;
	  box-sizing: border-box;
	  border-bottom: 1px solid #dedede;
	  font-size: calc(14px + 0.875rem);
	  position: relative;
	}

	.personal-block__title .name {
	  padding: min(2.5rem, 40px);
	}
	
	.personal-block__title .button {
	  width: min(7rem, 112px);
	  height: 100%;
	  position: absolute;
	  top: 0;
	  right: 0;
	  border-left: 1px solid #DEDEDE;
	  border-right: 1px solid #DEDEDE;
	  background: #fff;
	  transition: .2s;
	}
}


@media screen and (max-width: 900px) {
	.personal-block__title {
	  width: 100%;
	  box-sizing: border-box;
	  border-bottom: 1px solid #dedede;
	  font-size: 18px;
	  position: relative;
	}

	.personal-block__title:first-child {
	  width: 100%;
	  box-sizing: border-box;
	  font-size: 18px;
	  position: relative;
	}
	
	.personal-block__title .name {
	  width: calc(100% - 84px);
	  padding: 20px;
	  box-sizing: border-box;
	}
	
	.personal-block__title .button {
	  width: 62px;
	  height: 62px;
	  position: absolute;
	  top: 0;
	  right: 0;
	  border-left: 1px solid #DEDEDE;
	  border-right: 1px solid #DEDEDE;
	  background: #fff;
	  transition: .2s;
	}
}


.personal-block__title .button::before,
.personal-block__title .button::after {
  content: "";
  position: absolute;
  height: 2px;
  width: calc(16px + 2rem);
  top: 50%;
  left: calc(50% - calc(9px + 1rem));
  margin-top: -1px;
  background: #E1110D;
}
.personal-block__title .button::before {
  transform: rotate(0deg);
  transition: .2s;
}

.personal-block__title .button::after {
  transform: rotate(90deg);
  transition: .2s;
}

.personal-block__title:hover > .button {
  background: #E1110D;
  border-left: 1px solid #E1110D;
}

.personal-block__title:hover > .button::before,
.personal-block__title:hover > .button::after {
  background: #fff;
}

.personal-block.is-active .button {
  background: #E1110D;
}

.personal-block.is-active .button::before {
  background: #fff;
  transform: rotate(45deg);
}

.personal-block.is-active .button::after {
  background: #fff;
  transform: rotate(135deg);
}


@media screen and (min-width: 901px) {

	.personal-block__list {
	  width: 100%;
	  display: flex;
	  flex-direction: row;
	  justify-content: flex-start;
	  align-items: stretch;
	  flex-wrap: wrap;
	  border-bottom: 1px solid #dedede;
	  border-right: 1px solid #dedede;
	  box-sizing: border-box;
	  overflow: hidden;
	  transition: 0.5s;
	}
	
	.personal-block__element {
	  width: 50%;
	  display: flex;
	  flex-direction: row;
	  justify-content: flex-start;
	  align-items: stretch;
	  padding: min(2.5rem, 40px);
	  box-sizing: border-box;
	  border-bottom: 1px solid #dedede;
	  border-right: 1px solid #dedede;
	  border-top: 0;
	  border-left: 0;
	}

	.personal-block__element:nth-child(2n+2) {
	  border-right: 0;
	}

	.personal-block__element .img {
	  width: 42%;
	  margin-right: 4%;
	}
	
	.personal-block__element .img img {
	  width: 100%;
	  height: auto;
	}
	
	.personal-block__element .info {
	  width: 54%;
	  position: relative;
	}
	
	.personal-block__element .info .name {
	  font-size: calc(14px + 0.875rem);
	  font-weight: bold;
	  margin-bottom: min(1.5rem, 24px)
	}

	.personal-block__element .info .name a {
	  text-decoration: none;
	  color: #202020;
	}
	
	.personal-block__element .info .description {
	  width: 100%;
	  font-size: calc(9px + 0.563rem);
	  line-height: 160%;
	  margin-bottom: min(3rem, 48px)
	}
	
	.personal-block__element .info .link {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	}
	
	.personal-block__element .info .link a {
	  color: #E1110D;
	  font-size: 13px;
	}

}

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

	.personal-block__list {
	  width: 100%;
	  display: block;
	  box-sizing: border-box;
	  border-bottom: 1px solid #dedede;
	  border-right: 1px solid #dedede;
	  overflow: hidden;
	  transition: 0.5s;
	}
	
	.personal-block__element {
	  width: 100%;
	  display: flex;
	  flex-direction: row;
	  justify-content: flex-start;
	  align-items: stretch;
	  padding: 20px;
	  box-sizing: border-box;
	  border-bottom: 1px solid #dedede;
	  border-top: 0;
	  border-left: 0;
	}

	.personal-block__element:last-child {
	  border-bottom: 0;
	}
	
	.personal-block__element .img {
	  width: calc(33% - 20px);
	  margin-right: 20px;
	}
	
	.personal-block__element .img img {
	  width: 100%;
	  height: auto;
	}
	
	.personal-block__element .info {
	  width: 63%;
	  position: relative;
	}
	
	.personal-block__element .info .name {
	  font-size: 18px;
	  font-weight: bold;
	  margin-bottom: 10px;
	}

	.personal-block__element .info .name a {
	  text-decoration: none;
	  color: #202020;
	}
	
	.personal-block__element .info .description {
	  width: 100%;
	  font-size: 14px;
	  line-height: 160%;
	  margin-bottom: 24px;
	}
	
	.personal-block__element .info .link {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	}
	
	.personal-block__element .info .link a {
	  color: #E1110D;
	  font-size: 13px;
	}

}
/* End */
/* /bitrix/templates/.default/components/bitrix/news.list/ngok-personal-block/style.css?16678279855324 */