/* Start:/bitrix/templates/.default/components/bitrix/breadcrumb/ngok-breadcrumbs/style.css?16672227141582*/
@media screen and (min-width: 901px) {
	.bx-breadcrumb {
		padding: min(1rem, 16px) 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	
	.bx-breadcrumb-item {
		white-space: nowrap;
	}
	
	.bx-breadcrumb-item-angle {
		margin: 0 10px;
		color: #b5bdc2;
		vertical-align: top;
		font-size: 12px;
	}
	
	.bx-breadcrumb-item-link {
		border-bottom: none;
		vertical-align: top;
		line-height: 21px;
		color: #E1110D;
	}
	
	.bx-breadcrumb-item-link:hover { }
	
	.bx-breadcrumb-item-text {
		vertical-align: top;
		white-space: normal;
		font-size: 14px;
		transition: 250ms linear all;
	}
}

@media screen and (max-width: 900px) {
	.bx-breadcrumb {
		padding: 20px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	
	.bx-breadcrumb-item {
		white-space: nowrap;
	}
	
	.bx-breadcrumb-item-angle {
		margin: 0 5px;
		color: #b5bdc2;
		vertical-align: top;
		font-size: 14px;
	}
	
	.bx-breadcrumb-item-link {
		border-bottom: none;
		vertical-align: top;
		color: #E1110D;
	}
	
	.bx-breadcrumb-item-link:hover { }
	
	.bx-breadcrumb-item-text {
		vertical-align: top;
		white-space: normal;
		font-size: 10px
		transition: 250ms linear all;
	}
}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/news.list/ngok-events-list/style.css?17720037156072*/
@media screen and (min-width: 901px) {
	ul.events-list {
	  width: 100%;
	  margin: 0;
	  padding: 0;
	  padding-bottom: min(5rem, 80px);
	}
	
	ul.events-list li.events-list__element {
	  width: 100%;
	  list-style-type: none;
	  margin: 0;
	  margin-bottom: min(2.5rem, 40px);
	  padding: 0;
	  display: flex;
	  flex-direction: row;
	  justify-content: flex-start;
	  align-items: flex-start;
	}
	
	ul.events-list li.events-list__element .date {
	  width: 100%;
	  max-width: calc(145px + 9.063rem);
	  padding-right: 20px;
	  box-sizing: border-box;
	}
	
	ul.events-list li.events-list__element .date .day {
	  width: 100%;
	  max-width: 70px;
	  font-size: clamp(24px, 4rem, 64px);
	  line-height: 110%;
	  color: #E1110D;
	  text-align: center;
	}
	
	ul.events-list li.events-list__element .date .month {
	  width: 100%;
	  max-width: 70px;
	  font-size: calc(9px + 0.563rem);
	  line-height: 145%;
	  color: #666666;
	  text-align: center;
	}
	
	ul.events-list li.events-list__element .info {
	  width: calc(100% - calc(145px + 9.063rem));
	  display: flex;
	  flex-direction: row;
	  justify-content: flex-start;
	  align-items: flex-start;
	}
	
	ul.events-list li.events-list__element .info .image {
	width: 100%;
	max-width: 30rem;
	margin-right: 6.25rem;
	}

	ul.events-list li.events-list__element .info .image a {	
	  display: block;
	  width: 100%;
	  height: min(16rem, 256px);
	}
	
	ul.events-list li.events-list__element .info .image img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	}
	
	ul.events-list li.events-list__element .info .description {
	  width: 100%;
	  max-width: 720px;
	}
	
	ul.events-list li.events-list__element .info .description .name {
	  width: 100%;
	  margin-bottom: min(2rem, 32px);
	}
	
	ul.events-list li.events-list__element .info .description .name a {
	  text-decoration: none;
	  font-size: min(1.75rem, 28px);
	  line-height: 130%;
	  color: #202020;
	}
	
	ul.events-list li.events-list__element .info .description span {
	  display: inline-block;
	  margin-left: 20px;
	}
	
	ul.events-list li.events-list__element .info .link {
	  width: 100%;
	  max-width: 32px;
	  padding-left: 5.625rem;
	}
	
	ul.events-list li.events-list__element .info .link a {
	  display: block;
	  text-decoration: none;
	}
}

@media screen and (min-width: 601px) and (max-width: 900px) {
	ul.events-list {
	  width: 100%;
	  margin: 0;
	  padding: 0;
	  padding-bottom: min(5rem, 80px);
	}
	
	ul.events-list li.events-list__element {
	  width: 100%;
	  list-style-type: none;
	  margin: 0;
	  margin-bottom: min(2.5rem, 40px);
	  padding: 0;
	  display: flex;
	  flex-direction: row;
	  justify-content: flex-start;
	  align-items: flex-start;
	}
	
	ul.events-list li.events-list__element .date {
	  width: 50px;
	  padding-right: 20px;
	  box-sizing: border-box;
	}
	
	ul.events-list li.events-list__element .date .day {
	  width: 100%;
	  font-size: 28px;
	  line-height: 110%;
	  color: #E1110D;
	  text-align: center;
	}
	
	ul.events-list li.events-list__element .date .month {
	  width: 100%;
	  font-size: 12px;
	  line-height: 145%;
	  color: #666666;
	  text-align: center;
	}
	
	ul.events-list li.events-list__element .info {
	  width: calc(100% - 70px);
	  display: flex;
	  flex-direction: row;
	  justify-content: flex-start;
	  align-items: flex-start;
	}
	
	ul.events-list li.events-list__element .info .image {
	  width: 30%;
	  margin-right: 20px;
	  box-sizing: border-box;
	}
	
	ul.events-list li.events-list__element .info .image a {	
	  display: block;
	  width: 100%;
	  height: min(16rem, 256px);
	}
	
	ul.events-list li.events-list__element .info .image img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	}

	ul.events-list li.events-list__element .info .description {
	  width: 70%;
	}
	
	ul.events-list li.events-list__element .info .description .name {
	  width: 100%;
	  margin-bottom: min(2rem, 32px);
	}
	
	ul.events-list li.events-list__element .info .description .name a {
	  text-decoration: none;
	  font-size: clamp(12px, 1.5rem, 24px);
	  line-height: 130%;
	  color: #202020;
	}
	
	ul.events-list li.events-list__element .info .description span {
	  display: inline-block;
	  margin-left: 20px;
	}
	
	ul.events-list li.events-list__element .info .link {
	  display: none;
	}
}

@media screen and (max-width: 600px) {
	ul.events-list {
	  width: 100%;
	  margin: 0;
	  padding: 0;
	  padding-bottom: 40px;
	}
	
	ul.events-list li.events-list__element {
	  width: 100%;
	  list-style-type: none;
	  margin: 0;
	  margin-bottom: 40px;
	  padding: 0;
	  display: flex;
	  flex-direction: row;
	  justify-content: flex-start;
	  align-items: flex-start;
	}
	
	ul.events-list li.events-list__element .date {
	  width: 50px;
	  padding-right: 20px;
	  box-sizing: border-box;
	}
	
	ul.events-list li.events-list__element .date .day {
	  width: 100%;
	  font-size: 28px;
	  line-height: 110%;
	  color: #E1110D;
	  text-align: center;
	}
	
	ul.events-list li.events-list__element .date .month {
	  width: 100%;
	  font-size: 12px;
	  line-height: 145%;
	  color: #666666;
	  text-align: center;
	}
	
	ul.events-list li.events-list__element .info {
	  width: calc(100% - 50px);
	  display: block;
	}
	
	ul.events-list li.events-list__element .info .image {
	  width: 100%;
	  margin-bottom: 20px;
	  box-sizing: border-box;
	}
	
	ul.events-list li.events-list__element .info .image a {	
	  display: block;
	  width: 100%;
	}
	
	ul.events-list li.events-list__element .info .image img {
	  width: 100%;
	  height: auto;
	}
	
	ul.events-list li.events-list__element .info .description {
	  width: 100%;
	}
	
	ul.events-list li.events-list__element .info .description .name {
	  width: 100%;
	  margin-bottom: 20px;
	}
	
	ul.events-list li.events-list__element .info .description .name a {
	  text-decoration: none;
	  font-size: clamp(12px, 1.5rem, 24px);
	  line-height: 130%;
	  color: #202020;
	}
	
	ul.events-list li.events-list__element .info .description span {
	  display: inline-block;
	  margin-left: 20px;
	}
	
	ul.events-list li.events-list__element .info .link {
	  display: none;
	}
}
/* End */
/* /bitrix/templates/.default/components/bitrix/breadcrumb/ngok-breadcrumbs/style.css?16672227141582 */
/* /bitrix/templates/.default/components/bitrix/news.list/ngok-events-list/style.css?17720037156072 */