/* 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.detail/ngok-speciality-detail-v4/style.css?178457133149524*/
@media screen and (min-width: 901px) {
	p.mb-40 {
		margin-bottom: clamp(20px, 2.5rem, 40px);
	}
}



h2 {
	text-transform: uppercase !important;
}

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

	a.button {
		display: block;
		cursor: pointer;
		text-decoration: none;
		text-transform: uppercase;
		color: #FFFFFF;
		background: #E1110D !important;
		padding: min(1rem, 16px) min(2rem, 32px);
		font-size: clamp(12px, 1rem, 16px);
		border: 1px solid #fff;
		border-radius: 100px;
		transition: all .2s ease-in-out;
	}
	
	a.button-inverse {
		display: block;
		cursor: pointer;
		text-decoration: none;
		text-transform: uppercase;
		color: #202020;
		background: #FFFFFF !important;
		padding: min(1rem, 16px) min(2rem, 32px);
		font-size: clamp(12px, 1rem, 16px);
		border: 1px solid #E1110D;
		border-radius: 100px;
		transition: all .2s ease-in-out;
	}
	
	a.button:hover {
		color: #202020 !important;
		border: 1px solid #E1110D;
		background: #FFFFFF !important;
	}
	
	a.button-inverse:hover {
		color: #FFFFFF !important;
		border: 1px solid #E1110D;
		background: #E1110D !important;
	}
}

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

	a.button {
		display: block;
		cursor: pointer;
		text-decoration: none;
		text-transform: uppercase;
		color: #FFFFFF;
		background: #E1110D !important;
		padding: 10px 14px;
		font-size: clamp(12px, 1rem, 16px);
		border: 1px solid #fff;
		border-radius: 100px;
		transition: all .2s ease-in-out;
	}
	
	a.button-inverse {
		display: block;
		cursor: pointer;
		text-decoration: none;
		text-transform: uppercase;
		color: #202020;
		background: #FFFFFF !important;
		padding: 10px 14px;
		font-size: clamp(12px, 1rem, 16px);
		border: 1px solid #E1110D;
		border-radius: 100px;
		transition: all .2s ease-in-out;
	}
	
	a.button:hover {
		color: #202020 !important;
		border: 1px solid #E1110D;
		background: #FFFFFF !important;
	}
	
	a.button-inverse:hover {
		color: #FFFFFF !important;
		border: 1px solid #E1110D;
		background: #E1110D !important;
	}
}


.sp__section ul {
	width: 100%;
	max-width: 950px;
	list-style-type: none; /* Убираем исходные маркеры */
}

.sp__section ul li {
	position: relative;
	padding-left: calc(25px + 1.563rem);
	margin-bottom: 20px;
	line-height: 160%;
	overflow: hidden;
}

.sp__section ul li::before {
	content: '•';
	line-height: 100%;
	color: #E1110D;
	position: absolute;
	font-size: 50px;
	left: 0;
	top: -15px;
}







@media screen and (min-width: 901px) {
	.accordion {
		width: 100%;
		margin-bottom: clamp(20px, 2.5rem, 40px);
	}
		
	.accordion__item {
		width: 100%;
		list-style-type: none;
		box-sizing: border-box;
		margin: 0;
		margin-bottom: 20px !important;
		padding: 0 clamp(20px, 2.5rem, 40px);
		border: 1px solid #202020 !important;
		border-radius: 16px;
	}

	.accordion__title {
		padding: min(2.5rem, 40px) 0;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		position: relative;
		font-weight: bold;
		font-size: min(1.5rem, 24px);
	}

	.accordion__title .button {
		width: 50px;
		height: 50px !important;
		position: relative;
		top: 0;
		right: 0;
		background: #FFE4E4 !important;
		padding: 12px;
		box-sizing: border-box;
		border-radius: 100px;
		transition: .2s;
		cursor: pointer;
	}
	
	.accordion__title .button::before,
	.accordion__title .button::after {
		content: "";
		position: absolute;
		height: 2px;
		width: 24px !important;
		top: 50%;
		left: calc(50% - 12px) !important;
		margin-top: -1px;
		background: #120934;
	}
	.accordion__title .button::before {
		transform: rotate(0deg);
		transition: .2s;
	}
	
	.accordion__title .button::after {
		transform: rotate(90deg);
		transition: .2s;
	}
	
	.accordion__title:hover > .button::before,
	.accordion__title:hover > .button::after {
		background: #E1110D;
	}
	
	.accordion__item.is-active .button {
		background: #fff;
	}
	
	.accordion__item.is-active .button::before {
		background: #E1110D;
		transform: rotate(45deg);
	}
	
	.accordion__item.is-active .button::after {
		background: #E1110D;
		transform: rotate(135deg);
	}

	.accordion__info {
		margin: min(2.5rem, 40px) 0 !important;
	}
}

@media screen and (max-width: 900px) {
	.accordion {
		width: 100%;
		margin-bottom: 0px !important;
	}
		
	.accordion__item {
		width: 100%;
		list-style-type: none;
		box-sizing: border-box;
		margin: 0;
		margin-bottom: 20px !important;
		padding: 0 20px;
		border: 1px solid #202020 !important;
		border-radius: 16px;
	}

	.accordion__title {
		padding: min(2.5rem, 40px) 0;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		position: relative;
		font-weight: bold;
		font-size: min(1.5rem, 24px);
	}

	.accordion__title-name {
		width: calc(100% - 70px);
	}

	.accordion__title .button {
		width: 50px;
		height: 50px !important;
		position: relative;
		top: 0;
		right: 0;
		background: #FFE4E4 !important;
		padding: 12px;
		box-sizing: border-box;
		border-radius: 100px;
		transition: .2s;
		cursor: pointer;
	}
	
	.accordion__title .button::before,
	.accordion__title .button::after {
		content: "";
		position: absolute;
		height: 2px;
		width: 24px !important;
		top: 50%;
		left: calc(50% - 12px) !important;
		margin-top: -1px;
		background: #120934;
	}
	.accordion__title .button::before {
		transform: rotate(0deg);
		transition: .2s;
	}
	
	.accordion__title .button::after {
		transform: rotate(90deg);
		transition: .2s;
	}
	
	.accordion__title:hover > .button::before,
	.accordion__title:hover > .button::after {
		background: #E1110D;
	}
	
	.accordion__item.is-active .button {
		background: #fff;
	}
	
	.accordion__item.is-active .button::before {
		background: #E1110D;
		transform: rotate(45deg);
	}
	
	.accordion__item.is-active .button::after {
		background: #E1110D;
		transform: rotate(135deg);
	}

	.accordion__info {
		margin: min(2.5rem, 40px) 0 !important;
	}
}








@media screen and (min-width: 901px) {
	.sp__section {
		width: 100%;
		margin-bottom: clamp(75px, 9.4rem, 150px);
	}

	.sp__grid-x3 {
		display: grid;
		grid-template-columns: 2fr 1fr 2fr;
		grid-column-gap: 20px;
		grid-row-gap: 0px;
		box-sizing: border-box;
	}

	.sp__grid-x2 {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 0px;
		box-sizing: border-box;
	}

}

@media screen and (max-width: 900px) {
	.sp__section {
		width: 100%;
		margin-bottom: 60px;
	}

	.sp__grid-x3 {
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		box-sizing: border-box;
	}

	.sp__grid-x2 {
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		box-sizing: border-box;
	}
}



/* title */

@media screen and (min-width: 901px) {
	.sp-title {
		width: 100%;
		position: relative;
	}

	.sp-title .sp__grid-x3 {
		width: 100%;
		padding: clamp(20px, 2.5rem, 40px);
		box-sizing: border-box;
		border-radius: 32px;
		background: #F5F5F5;
	}

	.sp-title__badget-list {
		width: 100%;
		margin-bottom: clamp(10px, 2rem, 30px);
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		flex-wrap: wrap;
	}

	.sp-title__badget-item {
		font-size: calc(9px + 0.5rem);
		padding: 10px 12px;
		border-radius: 100px;
		background: #202020;
		color: #ffffff;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.sp-title__dates {
		width: 100%;
		margin-bottom: clamp(20px, 2.5rem, 40px);
		font-size: calc(9px + 0.563rem);
	}

	.sp-title__name {
		width: 100%;
		font-size: clamp(30px, 3rem, 50px);
		margin-bottom: clamp(20px, 2.5rem, 40px);
	}

	.sp-title__offer {
		margin-bottom: clamp(20px, 2.5rem, 40px);
	}

	.sp-title__tags-list {
		width: 100%;
		margin-bottom: clamp(10px, 2rem, 30px);
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		flex-wrap: wrap;
	}

	.sp-title__tags-item {
		font-size: calc(9px + 0.5rem);
		padding: 8px 12px;
		border-radius: 100px;
		background: #ffffff;
		color: #202020;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.sp-title__buttons-list {
		width: 100%;
		margin-bottom: clamp(10px, 2rem, 30px);
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		flex-wrap: wrap;
	}

	.sp-title__buttons-item {
		color: #202020;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.sp-title__media {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.sp-title__media-content {
		width: 100%;
		height: min(30rem, 480px);
	}

	.sp-title__media-content img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 32px;
	}

	.sp-title__media-content video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 32px;
		position: relative;
	}

	.sp-title__media-flag {
		width: clamp(150px, 14rem, 220px);
		position: absolute;
		top: 0;
		right: 0px;
		z-index: 2;
	}

	.sp-title__media-flag img {
		width: 100%;
		height: auto;
		border-top-right-radius: 30px;
	}

	
}

@media screen and (max-width: 900px) {
	.sp-title {
		width: 100%;
		position: relative;
	}

	.sp-title .sp__grid-x3 {
		width: 100%;
		padding: clamp(20px, 2.5rem, 40px);
		box-sizing: border-box;
		border-radius: 32px;
		background: #F5F5F5;
	}

	.sp-title__badget-list {
		width: 100%;
		margin-bottom: clamp(10px, 2rem, 30px);
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		flex-wrap: wrap;
	}

	.sp-title__badget-item {
		font-size: 12px;
		padding: 10px 12px;
		border-radius: 100px;
		background: #202020;
		color: #ffffff;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.sp-title__dates {
		width: 100%;
		margin-bottom: clamp(20px, 2.5rem, 40px);
		font-size: 12px;
	}

	.sp-title__name {
		width: 100%;
		font-size: 24px;
		margin-bottom: clamp(20px, 2.5rem, 40px);
	}

	.sp-title__offer {
		margin-bottom: clamp(20px, 2.5rem, 40px);
	}

	.sp-title__tags-list {
		display: none;
	}

	.sp-title__buttons-list {
		width: 100%;
		margin-bottom: clamp(10px, 2rem, 30px);
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		flex-wrap: wrap;
	}

	.sp-title__buttons-item {
		color: #202020;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.sp-title__buttons-item .hidden {
		display: none !important;
	}

	.sp-title__media {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.sp-title__media-content {
		width: 100%;
		height: 80rem;
	}

	.sp-title__media-content img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 16px;
	}

	.sp-title__media-content video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 16px;
		position: relative;
	}

	.sp-title__media-flag {
		width: 30rem;
		position: absolute;
		top: 0;
		right: 0px;
		z-index: 2;
	}

	.sp-title__media-flag img {
		width: 100%;
		height: auto;
		border-top-right-radius: 14px;
	}
}








/* about */

@media screen and (min-width: 901px) {
	.sp-about {
		width: 100%;
	}

	.sp-about__value {
		width: 100%;
	}
	
	.sp-about__value p {
		max-width: 800px;
		margin-bottom: calc(16px + 1rem);
	}
	
	.sp-about__contact {
		padding: clamp(20px, 2.5rem, 40px);
		box-sizing: border-box;
		background: #E1110D;
		color: #fff !important;
		border-radius: 32px;
	}
	
	.sp-about__contact p,
	.sp-about__contact ul {
		color: #fff !important;
		margin-bottom: calc(16px + 1rem);
	}
	
	.sp-about__contact ul li::before {
		color: #FFF !important;
	}

	.sp-about__under-cut {
		width: 100%;
		height: 0px;
		overflow: hidden;
		position: relative;
		transition: all .2s ease-in-out;
	}

	.sp-about__under-cut-link {
		line-height: 100%;
		color: #E1110D;
		font-size: 16px;
		text-decoration: underline;
		cursor: pointer;
	}

	.sp-about__contact-value a {
		color: #fff;
	}

}

@media screen and (max-width: 900px) {
	.sp-about {
		width: 100%;
	}

	.sp-about__value {
		margin-bottom: 40px;
	}
	
	.sp-about__value p {
		max-width: 800px;
		margin-bottom: calc(16px + 1rem);
	}
	
	.sp-about__contact {
		padding: 20px;
		box-sizing: border-box;
		background: #E1110D;
		color: #fff !important;
		border-radius: 16px;
	}
	
	.sp-about__contact p,
	.sp-about__contact ul {
		color: #fff !important;
		margin-bottom: calc(16px + 1rem);
	}
	
	.sp-about__contact ul li::before {
		color: #FFF !important;
	}

	.sp-about__under-cut {
		width: 100%;
		height: 0px;
		overflow: hidden;
		position: relative;
		transition: all .2s ease-in-out;
	}

	.sp-about__under-cut-link {
		line-height: 100%;
		color: #E1110D;
		font-size: 14px;
		text-decoration: underline;
		cursor: pointer;
	}

	.sp-about__contact-value a {
		color: #fff;
	}

}




/* result */

@media screen and (min-width: 901px) {
	.sp-result__value {
		width: 100%;
		margin-bottom: 40px;
	}

	.sp-result__license ul.ok-marker {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 0px;
		box-sizing: border-box;
	}

	.sp-result__license ul.ok-marker li {
		padding-left: calc(40px + 1.5rem);
	}

	.sp-result__license ul.ok-marker li::before {
		content: '';
		width: 40px;
		height: 40px;
		background-image: url(/design/img/ul-icon-check.svg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		line-height: 100%;
		position: absolute;
		left: 0;
		top: 2px;
	}

	.sp-result__license ul.ok-marker li span {
		display: block;
		margin-bottom: 20px;
	}

	.sp-result__license ul.ok-marker li .hidden {
		display: none;
	}

	.sp-result__inform {
		width: 100%;
		display: grid;
		grid-template-columns: 2fr 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 0px;
		box-sizing: border-box;
		padding: clamp(20px, 2.5rem, 40px);
		background: #E1110D;
		border-radius: 32px;
		position: relative;
	}

	.sp-result__inform h2 {
		padding-top: 0;
		font-size: min(1.5rem, 24px);
		line-height: 130%;
	}

	.text-color-inverse,
	.text-color-inverse p,
	.text-color-inverse a {
		color: #fff !important;
	}

	.text-color-inverse p {
		margin-bottom: calc(16px + 1rem);
	}

	.text-color-inverse p:last-child {
		margin-bottom: 0;
	}

	.sp-result__inform-column {
		width: 100%;
		height: 100%;
	}

	.sp-result__inform-column img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 32px;
	}
}

@media screen and (max-width: 900px) {
	.sp-result__value {
		width: 100%;
		margin-bottom: 40px;
	}

	.sp-result__license ul.ok-marker {
		width: 100%;
		margin-bottom: 20px;
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 0px;
		box-sizing: border-box;
	}

	.sp-result__license ul.ok-marker li {
		padding-left: calc(40px + 1.5rem);
	}

	.sp-result__license ul.ok-marker li::before {
		content: '';
		width: 20px;
		height: 20px;
		background-image: url(/design/img/ul-icon-check.svg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		line-height: 100%;
		position: absolute;
		left: 0;
		top: 2px;
	}

	.sp-result__license ul.ok-marker li span {
		display: block;
		margin-bottom: 0px;
	}

	.sp-result__license ul.ok-marker li .hidden {
		display: none;
	}

	.sp-result__inform {
		width: 100%;
		display: grid;
		grid-template-columns: 2fr 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 0px;
		box-sizing: border-box;
		padding: clamp(20px, 2.5rem, 40px);
		background: #E1110D;
		border-radius: 16px;
		position: relative;
	}

	.sp-result__inform h2 {
		width: 100%;
		padding-top: 0;
		font-size: 16px;
		line-height: 130%;
	}

	.text-color-inverse,
	.text-color-inverse p,
	.text-color-inverse a {
		color: #fff !important;
	}

	.text-color-inverse p {
		width: 100%;
		margin-bottom: calc(16px + 1rem);
	}

	.text-color-inverse p:last-child {
		margin-bottom: 0;
	}

	.sp-result__inform-column {
		width: 100%;
		height: 100%;
	}

	.sp-result__inform-column:last-child {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-end;
	}

	.sp-result__inform-column img {
		width: 30rem;
		height: 40rem;
		object-fit: cover;
		border-radius: 32px;
	}
}




/* formats */

@media screen and (min-width: 901px) {
	.edu-format {
		width: 100%;
		box-sizing: border-box;
	}

	.tabs__grid {
		display: grid;
		grid-template-columns: 2fr 1fr 2fr;
		grid-template-rows: 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 0px;
	}

	.edu-format__format-stats ul {
		width: 100%;
		list-style-type: none;
		margin: 0;
		padding: 0;
		font-size: calc(10px + 0.5rem);
		border-top: 1px solid #DEDEDE;
	}

	.edu-format__format-stats ul li {
		width: 100%;
		padding: 27px 0;
		border-bottom: 1px solid #DEDEDE;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: stretch;
	}

	.edu-format__format-stats ul li::before {
		content: '';
	}
}

@media screen and (max-width: 900px) {
	.edu-format {
		box-sizing: border-box;
	}

	.tabs__grid {
		display: block;
	}

	.edu-format__separate {
		margin-top: 40px;
	}

	.edu-format__format-stats ul {
		width: 100%;
		list-style-type: none;
		margin: 0;
		padding: 0;
		font-size: 14px;
	}

	.edu-format__format-stats ul li {
		width: 100%;
		padding: 27px 0;
		margin-bottom: 0 !important;
		border-bottom: 1px solid #DEDEDE;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: stretch;
	}

	.edu-format__format-stats ul li::before {
		content: '';
	}

	.edu-format__list .tabs__caption {
		flex-wrap: wrap;
	}

	.edu-format__list .tabs__caption li {
		margin-bottom: 10px !important;
		border: 1px solid #DEDEDE;
	}
}




/* professions */

@media screen and (min-width: 901px) {
	.professions {
		width: 100%;
	}

	.professions .owl-stage {
		display: flex;
		flex-direction: row;
		align-items: stretch;
	}

	.professions .owl-item {
		height: auto !important;
		height: auto;
	}
	
	.professions__element {
		box-sizing: border-box;
		background: #F5F5F5;
		border-radius: 30px;
		position: relative;
		padding: 20px;
		height: 100%;
	}

	.professions__row {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: stretch;
	}

	.professions__info {
		width: calc(75% - 20px);
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: stretch;
	}
	
	.professions__img {
		width: 25%;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: stretch;
	}

	.professions__img a {
		width: 100%;
		height: clamp(80px, 10rem, 160px);
		display: block;
		position: relative;
	}
	
	.professions__img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		overflow: hidden;
		border-radius: 16px;
	}

	.professions__category {
		margin-bottom: 20px;
	}

	.professions__name {
		min-height: min(8.75rem, 140px);
		color: #202020;
		font-size: clamp(18px, 1.5rem, 24px);
		line-height: 130%;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.professions__prop {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
	}

	.professions__prop-item {
		padding: 8px 12px;
		margin-right: 10px;
		margin-bottom: 10px;
		font-size: 13px;
		border: 1px solid #555454;
		box-sizing: border-box;
		border-radius: 100px;
		color: #555454;
	}
}

@media screen and (min-width: 501px) and (max-width: 900px) {
	.professions {
		width: 100%;
		padding-bottom: 0px;
		margin-bottom: 60px;
	}

	.professions .owl-item {
		height: auto;
	}
	
	.professions .professions__list {
		width: 100%;
		box-sizing: border-box;
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
	
	.professions__element {
		box-sizing: border-box;
		background: #F5F5F5;
		border-radius: 30px;
		position: relative;
		padding: 20px;
	}

	.professions__row {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: stretch;
	}

	.professions__info {
		width: calc(75% - 20px);
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: stretch;
	}
	
	.professions__img {
		width: 25%;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: stretch;
	}

	.professions__img a {
		width: 100%;
		height: 30rem;
		display: block;
		position: relative;
	}

	.professions__img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		overflow: hidden;
		border-radius: 16px;
	}

	.professions__category {
		margin-bottom: 20px;
	}

	.professions__name {
		min-height: min(8.75rem, 140px);
		color: #202020;
		font-size: clamp(18px, 1.5rem, 24px);
		line-height: 130%;
		font-weight: bold;
	}
	

	.professions__prop {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
	}

	.professions__prop-item {
		padding: 8px 12px;
		margin-right: 10px;
		margin-bottom: 10px;
		font-size: 13px;
		border: 1px solid #555454;
		box-sizing: border-box;
		border-radius: 100px;
		color: #555454;
	}

	.professions__prop-item {
		padding: 8px 12px;
		margin-right: 10px;
		margin-bottom: 10px;
		font-size: 13px;
		border: 1px solid #555454;
		box-sizing: border-box;
		border-radius: 100px;
		color: #555454;
	}
}

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

	.professions .owl-item {
		height: auto;
	}

	.professions .professions__list {
		width: 100%;
		box-sizing: border-box;
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}

	.professions__element {
		box-sizing: border-box;
		background: #F5F5F5;
		border-radius: 30px;
		position: relative;
		padding: 20px;
	}

	.professions__row {
		width: 100%;
		height: 100%;
	}

	.professions__info {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.professions__img {
		width: 100%;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: stretch;
	}

	.professions__img a {
		display: block;
		position: relative;
		width: 100%;
		height: 60rem;
		overflow: hidden;
		border-radius: 16px;
	}
	
	.professions__img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.professions__category {
		margin-bottom: 20px;
		font-size: 14px;
	}

	.professions__name {
		min-height: min(8.75rem, 140px);
		color: #202020;
		font-size: 16px;
		line-height: 130%;
		font-weight: bold;
		margin-bottom: 20px;
	}
}






/* program */

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

	.sp-program {
		width: 100%;
	}	

	.sp-program .accordion__title h2 {
		margin-right: 40px;
		padding: 0;
		font-weight: normal;
	}

	.accordion__title-desc {
		margin-right: auto;
	}

	.accordion__title-desc p {
		font-weight: normal;
		padding: 10px clamp(20px, 2.5rem, 40px);
		background: #F5F5F5;
		border-radius: 100px;
	}
}

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

	.sp-program {
		width: 100%;
	}	

	.sp-program .accordion__title {
		width: 100%;
		display: grid;
		grid-template-columns: auto auto;
		grid-template-rows: auto auto;
		gap: 0px;
		grid-template-areas:
			"A B"
			"C B";
		justify-content: space-between;
		align-items: stretch;
	}

	.sp-program .accordion__title-name {
	    grid-area: A;
	    width: 100%;
	}

	.sp-program .button {
	    grid-area: B;
	    align-self: center;
	    justify-self: end;
	}

	.sp-program .accordion__title-desc {
	    grid-area: C;
	}

	.sp-program .accordion__title h2 {
		width: 100% !important;
		font-size: 14px;
		margin-right: 20px;
		padding: 0;
		font-weight: normal;
	}

	.accordion__title-desc {
		
	}

	.accordion__title-desc p {
		font-size: 12px;
		font-weight: normal;
		border-radius: 100px;
	}
}






/* feedback */

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

	.sp-feedback {
		width: 100%;
	}

	.sp-feedback p,
	.sp-feedback ul {
		color: #fff !important;
		margin-bottom: calc(16px + 1rem);
	}
	
	.sp-feedback ul li::before {
		color: #FFF !important;
	}

	.sp-feedback .sp__content {
		box-sizing: border-box;
		padding: clamp(20px, 2.5rem, 40px);
		background: #E1110D;
		border-radius: 32px;
	}

	.sp-feedback button.callme,
	.sp-feedback a.callme {
		display: inline-block;
		cursor: pointer;
		text-decoration: none;
		text-transform: uppercase;
		color: #202020 !important;
		background: #FFFFFF !important;
		padding: min(1rem, 16px) min(2rem, 32px);
		font-size: clamp(12px, 1rem, 16px);
		border: 2px solid #fff;
		border-radius: 100px;
		transition: all .2s ease-in-out;
	}

	.sp-feedback button.callme:hover,
	.sp-feedback a.callme:hover {
		color: #FFFFFF !important;
		border: 2px solid #FFFFFF;
		background: #E1110D !important;
	}
}

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

	.sp-feedback {
		width: 100%;
	}

	.sp-feedback p,
	.sp-feedback ul {
		color: #fff !important;
		margin-bottom: calc(16px + 1rem);
	}
	
	.sp-feedback ul li::before {
		color: #FFF !important;
	}

	.sp-feedback .sp__content {
		box-sizing: border-box;
		padding: clamp(20px, 2.5rem, 40px);
		background: #E1110D;
		border-radius: 32px;
	}

	.sp-feedback .sp__content:first-child {
		margin-bottom: 20px;
		padding-bottom: 40px;
	}

	.sp-feedback button.callme,
	.sp-feedback a.callme {
		display: inline-block;
		cursor: pointer;
		text-decoration: none;
		text-transform: uppercase;
		color: #202020 !important;
		background: #FFFFFF !important;
		padding: min(1rem, 16px) min(2rem, 32px);
		font-size: clamp(12px, 1rem, 16px);
		border: 2px solid #fff;
		border-radius: 100px;
		transition: all .2s ease-in-out;
	}

	.sp-feedback button.callme:hover,
	.sp-feedback a.callme:hover {
		color: #FFFFFF !important;
		border: 2px solid #FFFFFF;
		background: #E1110D !important;
	}
}






/* teacher */

@media screen and (min-width: 901px) {
	.teacher h2 {
		max-width: 100% !important;
	}

	.teacher .personal-detail {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: stretch;
		flex-wrap: wrap;	
	}

	.teacher .owl-stage {
		display: flex;
		align-items: stretch;
	}

	.teacher .owl-stage .owl-item {
		padding: clamp(20px, 2.4rem, 40px);
		border-radius: 30px;
		box-sizing: border-box;	
		background: #F5F5F5;
	}
	
	.teacher .personal-detail__image {
		width: 30%;
		margin-right: 40px;
		box-sizing: border-box;
		position: relative;
		border-radius: 30px;
		overflow: hidden;
	}

	.teacher .personal-detail__main {
		width: calc(70% - 40px);
	}

	.teacher .personal-detail__main .name {
		font-size: min(48px, 3rem);
		line-height: 110%;
		color: #120934;
		margin-bottom: 2.5rem;
	}
	
	.teacher .personal-detail__main .description {
		font-size: calc(9px + 0.563rem);
		line-height: 145%;
		margin-bottom: 2rem;
		color: #666666;
	}

	
	.teacher .personal-detail__image .link {
		position: absolute;
		top: 27px;
		left: 6.25rem;
	}
	
	.teacher .personal-detail__image .link a {
		text-decoration: none;
		color: #E1110D;
	}
	
	.teacher .personal-detail__image .link a span {
		text-decoration: underline;
	}
	
	.teacher .personal-detail__image img {
		width: 100%;
		height: auto;
		border-radius: 30px;
		overflow: hidden;
	}
	
	.teacher .personal-detail__info {
		width: 100%;
		box-sizing: border-box;
	}
	
	.teacher .personal-detail__info .email {
		width: 100%;
		box-sizing: border-box;
		padding: 1rem 2rem;
		font-size: calc(9px + 0.563rem);
		color: #120934;
		background: #F6F4FF;
	}
	
	.teacher .personal-detail__info .email a {
		color: #E1110D;
		text-decoration: none;
	}
	
	.teacher .personal-detail__info .info-container {
		font-size: calc(9px + 0.563rem);
		line-height: 160%;
		color: #202020;
		margin-bottom: 2rem;
	}
	
	.teacher .personal-detail__info .feedback {
		width: 100%;
	}
	
	.teacher .personal-detail__info .feedback a {
		width: 100%;
		display: block;
		box-sizing: border-box; 
		padding: 13px;
		background: #E1110D;
		color: #fff;
		text-decoration: none;
		text-align: center;
		font-weight: bold;
		font-size: calc(8px + 0.5rem);
	}

	.personal-detail__info ul {
		width: 100%;
		max-width: 950px;
		list-style-type: none;
	}
	
	.personal-detail__info ul li {
		position: relative;
		padding-left: calc(25px + 1.563rem);
		margin-bottom: 20px;
		line-height: 160%;
		overflow: hidden;
	}
	
	.personal-detail__info ul li::before {
		content: '•';
		line-height: 100%;
		color: #E1110D;
		position: absolute;
		font-size: 50px;
		left: 0;
		top: -15px;
	}

	.teacher .owl-nav {
		display: block;
		position: absolute;
		bottom: 40px;
		right: 40px;
	}

	.teacher .owl-nav .owl-prev,
	.teacher .owl-nav .owl-next {
		background: rgba(0,0,0,0);
		width: 40px;
		height: 40px;
		border: 1px solid #E1110D !important;
		border-radius: 100px !important;
		transition: .2s;
		cursor: pointer;
		font-size: 30px !important;
		font-weight: lighter;
	}

	.teacher .owl-nav .owl-prev span,
	.teacher .owl-nav .owl-next span {
		position: relative !important;
		bottom: 3px !important;
		color: #E1110D;
		transition: .2s;
	}

	.teacher .owl-nav .owl-prev:hover,
	.teacher .owl-nav .owl-next:hover {
		background: rgba(255,17,13,1) !important;
	}

	.teacher .owl-nav .owl-prev:hover > span,
	.teacher .owl-nav .owl-next:hover > span {
		color: #FFFFFF !important;
	}
}

@media screen and (max-width: 900px) {
	.teacher h2 {
		max-width: 100%;
	}

	.teacher .personal-detail {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
	}

	.teacher .owl-stage {
		display: flex;
		align-items: stretch;
	}

	.teacher .owl-stage .owl-item {
		background: #F5F5F5;
		padding: 20px;
		border-radius: 30px;
		box-sizing: border-box;
	}
	
	.teacher .personal-detail__image {
		width: 100px;
		margin-bottom: 20px;
		box-sizing: border-box;
		position: relative;
		border-radius: 30px;
		overflow: hidden;
	}
	
	.teacher .personal-detail__image .link {
		position: absolute;
		top: 27px;
		left: 6.25rem;
	}
	
	.teacher .personal-detail__image .link a {
		text-decoration: none;
		color: #E1110D;
	}
	
	.teacher .personal-detail__image .link a span {
		text-decoration: underline;
	}
	
	.teacher .personal-detail__image img {
		width: 100%;
		height: auto;
	}
	
	.teacher .personal-detail__info {
		box-sizing: border-box;
		padding-bottom: 40px;
	}
	
	.teacher .personal-detail__main .name {
		font-size: 16px;
		line-height: 110%;
		color: #120934;
		margin-bottom: 10px;
	}
	
	.teacher .personal-detail__main .description {
		font-size: 12px;
		line-height: 145%;
		margin-bottom: 10px;
		color: #666666;
	}
	
	.teacher .personal-detail__info .email {
		width: 100%;
		box-sizing: border-box;
		padding: 1rem 2rem;
		font-size: calc(9px + 0.563rem);
		color: #120934;
		background: #F6F4FF;
	}
	
	.teacher .personal-detail__info .email a {
		color: #E1110D;
		text-decoration: none;
	}
	
	.teacher .personal-detail__info .info-container {
		font-size: calc(9px + 0.563rem);
		line-height: 160%;
		color: #202020;
		margin-bottom: 2rem;
	}
	
	.teacher .personal-detail__info .feedback {
		width: 100%;
	}
	
	.teacher .personal-detail__info .detail-link {
		font-size: 12px;
	}

	.teacher .personal-detail__info .feedback a {
		width: 100%;
		display: block;
		box-sizing: border-box; 
		padding: 13px;
		background: #E1110D;
		color: #fff;
		text-decoration: none;
		text-align: center;
		font-weight: bold;
		font-size: 12px;
	}

	.personal-detail__info ul {
		width: 100%;
		max-width: 950px;
		list-style-type: none; /* Убираем исходные маркеры */
	}
	
	.personal-detail__info ul li {
		position: relative;
		padding-left: calc(25px + 1.563rem);
		margin-bottom: 20px;
		line-height: 160%;
		overflow: hidden;
	}
	
	.personal-detail__info ul li::before {
		content: '•';
		line-height: 100%;
		color: #E1110D;
		position: absolute;
		font-size: 50px;
		left: 0;
		top: -15px;
	}

	.teacher .owl-nav {
		display: block;
		position: absolute;
		bottom: 20px;
		right: 20px;
	}

	.teacher .owl-nav .owl-prev,
	.teacher .owl-nav .owl-next {
		background: rgba(0,0,0,0);
		width: 40px;
		height: 40px;
		border: 1px solid #E1110D !important;
		border-radius: 100px !important;
		transition: .2s;
		cursor: pointer;
		font-size: 30px !important;
		font-weight: lighter;
	}

	.teacher .owl-nav .owl-prev span,
	.teacher .owl-nav .owl-next span {
		position: relative !important;
		bottom: 3px !important;
		color: #E1110D;
		transition: .2s;
	}

	.teacher .owl-nav .owl-prev:hover,
	.teacher .owl-nav .owl-next:hover {
		background: rgba(255,17,13,1) !important;
	}

	.teacher .owl-nav .owl-prev:hover > span,
	.teacher .owl-nav .owl-next:hover > span {
		color: #FFFFFF !important;
	}
}






@media screen and (min-width: 901px) {
	.sp-learning__carousel {
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 60px;
	}

	.sp-learning__list {
		width: 100%;
		padding-bottom: 60px;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		flex-wrap: wrap;
		overflow: hidden;
	}

	.sp-learning__list .owl-stage {
		display: flex;
		align-items: stretch;
	}

	.sp-learning__list a {
		width: 100%;
	}

	.sp-learning__list img {
		width: 100%;
		height: auto;
		border-radius: 32px;
	}

	.sp-learning__carousel .owl-nav {
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.sp-learning__carousel .owl-nav .owl-prev,
	.sp-learning__carousel .owl-nav .owl-next {
		background: rgba(0,0,0,0);
		width: 40px;
		height: 40px;
		border: 1px solid #E1110D !important;
		border-radius: 100px !important;
		transition: .2s;
		cursor: pointer;
		font-size: 30px !important;
		font-weight: lighter;
	}

	.sp-learning__carousel .owl-nav .owl-prev span,
	.sp-learning__carousel .owl-nav .owl-next span {
		position: relative !important;
		bottom: 3px !important;
		color: #E1110D;
		transition: .2s;
	}

	.sp-learning__carousel .owl-nav .owl-prev:hover,
	.sp-learning__carousel .owl-nav .owl-next:hover {
		background: rgba(255,17,13,1) !important;
	}

	.sp-learning__carousel .owl-nav .owl-prev:hover > span,
	.sp-learning__carousel .owl-nav .owl-next:hover > span {
		color: #FFFFFF !important;
	}
}

@media screen and (max-width: 900px) {
	.sp-learning__carousel {
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 60px;
	}

	.sp-learning__list {
		width: 100%;
		padding-bottom: 60px;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		flex-wrap: wrap;
		overflow: hidden;
	}

	.sp-learning__list .owl-stage {
		display: flex;
		align-items: stretch;
	}

	.sp-learning__list a {
		width: 100%;
	}

	.sp-learning__list img {
		width: 100%;
		height: auto;
		border-radius: 16px;
	}

	.sp-learning__carousel .owl-nav {
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.sp-learning__carousel .owl-nav .owl-prev,
	.sp-learning__carousel .owl-nav .owl-next {
		background: rgba(0,0,0,0);
		width: 40px;
		height: 40px;
		border: 1px solid #E1110D !important;
		border-radius: 100px !important;
		transition: .2s;
		cursor: pointer;
		font-size: 30px !important;
		font-weight: lighter;
	}

	.sp-learning__carousel .owl-nav .owl-prev span,
	.sp-learning__carousel .owl-nav .owl-next span {
		position: relative !important;
		bottom: 3px !important;
		color: #E1110D;
		transition: .2s;
	}

	.sp-learning__carousel .owl-nav .owl-prev:hover,
	.sp-learning__carousel .owl-nav .owl-next:hover {
		background: rgba(255,17,13,1) !important;
	}

	.sp-learning__carousel .owl-nav .owl-prev:hover > span,
	.sp-learning__carousel .owl-nav .owl-next:hover > span {
		color: #FFFFFF !important;
	}
}






@media screen and (min-width: 901px) {
	.sp-infrastructure__carousel {
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 60px;
	}

	.sp-infrastructure__list {
		width: 100%;
		padding-bottom: 60px;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		flex-wrap: wrap;
		overflow: hidden;
	}

	.sp-infrastructure__list .owl-stage {
		display: flex;
		align-items: stretch;
	}

	.sp-infrastructure__list a {
		width: 100%;
		height: 100%;
	}

	.sp-infrastructure__list img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 32px;
	}

	.sp-infrastructure__format-1 {
		width: min(30rem, 480px);
		height: min(40rem, 640px);
	}

	.sp-infrastructure__format-1 .item__img {
		width: 100%;
		height: 100%;
	}

	.sp-infrastructure__format-2 {
		width: min(25rem, 400px);
		height: min(40rem, 640px);
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: repeat(2, 1fr);
		gap: 20px;
		grid-template-areas:
			"A"
			"B";
		align-items: stretch;
	}

	.sp-infrastructure__format-2 .item__img:nth-child(1) {
	    grid-area: A;
	}

	.sp-infrastructure__format-2 .item__img:nth-child(2) {
	    grid-area: B;
	}

	.sp-infrastructure__format-2 .item__img {
		width: 100%;
		height: 100%;
	}

	.sp-infrastructure__format-3 {
		width: min(35rem, 560px);
		height: min(40rem, 640px);
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr);
		gap: 20px;
		grid-template-areas:
			"A A"
			"B C";
		align-items: stretch;
	}

	.sp-infrastructure__format-3 .item__img:nth-child(1) {
	    grid-area: A;
	}

	.sp-infrastructure__format-3 .item__img:nth-child(2) {
	    grid-area: B;
	}

	.sp-infrastructure__format-3 .item__img:nth-child(3) {
	    grid-area: C;
	}

	.sp-infrastructure__format-3 .item__img {
		width: 100%;
		height: 100%;
	}

	.sp-infrastructure__format-4 {
		width: min(57.5rem, 920px);
		height: min(40rem, 640px);
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: stretch;
		flex-wrap: wrap;
	}

	.sp-infrastructure__format-4 .item__img:nth-child(1) {
		width: calc(65% - 10px);
		height: calc(50% - 10px);
		margin-bottom: 20px;
	}

	.sp-infrastructure__format-4 .item__img:nth-child(2) {
		width: calc(35% - 10px);
		height: calc(50% - 10px);
		margin-bottom: 20px;
	}

	.sp-infrastructure__format-4 .item__img:nth-child(3) {
		width: calc(35% - 10px);
		height: calc(50% - 10px);
	}

	.sp-infrastructure__format-4 .item__img:nth-child(4) {
		width: calc(65% - 10px);
		height: calc(50% - 10px);
	}

	.sp-infrastructure__carousel .owl-nav {
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.sp-infrastructure__carousel .owl-nav .owl-prev,
	.sp-infrastructure__carousel .owl-nav .owl-next {
		background: rgba(0,0,0,0);
		width: 40px;
		height: 40px;
		border: 1px solid #E1110D !important;
		border-radius: 100px !important;
		transition: .2s;
		cursor: pointer;
		font-size: 30px !important;
		font-weight: lighter;
	}

	.sp-infrastructure__carousel .owl-nav .owl-prev span,
	.sp-infrastructure__carousel .owl-nav .owl-next span {
		position: relative !important;
		bottom: 3px !important;
		color: #E1110D;
		transition: .2s;
	}

	.sp-infrastructure__carousel .owl-nav .owl-prev:hover,
	.sp-infrastructure__carousel .owl-nav .owl-next:hover {
		background: rgba(255,17,13,1) !important;
	}

	.sp-infrastructure__carousel .owl-nav .owl-prev:hover > span,
	.sp-infrastructure__carousel .owl-nav .owl-next:hover > span {
		color: #FFFFFF !important;
	}
}

@media screen and (max-width: 900px) {
	.sp-infrastructure__carousel {
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 60px;
	}

	.sp-infrastructure__list {
		width: 100%;
		padding-bottom: 60px;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		flex-wrap: wrap;
		overflow: hidden;
	}

	.sp-infrastructure__list .owl-stage {
		display: flex;
		align-items: stretch;
	}

	.sp-infrastructure__list a {
		width: 100%;
		height: 100%;
	}

	.sp-infrastructure__list img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 16px;
	}

	.sp-infrastructure__format-1 {
		width: 50rem;
		height: min(40rem, 640px);
	}

	.sp-infrastructure__format-1 .item__img {
		width: 100%;
		height: 100%;
	}

	.sp-infrastructure__format-2 {
		width: min(25rem, 400px);
		height: min(40rem, 640px);
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: repeat(2, 1fr);
		gap: clamp(20px, 2.5rem, 40px);
		grid-template-areas:
			"A"
			"B";
		align-items: stretch;
	}

	.sp-infrastructure__format-2 .item__img:nth-child(1) {
	    grid-area: A;
	}

	.sp-infrastructure__format-2 .item__img:nth-child(2) {
	    grid-area: B;
	}

	.sp-infrastructure__format-2 .item__img {
		width: 100%;
		height: 100%;
	}

	.sp-infrastructure__format-3 {
		width: min(35rem, 560px);
		height: min(40rem, 640px);
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr);
		gap: clamp(20px, 2.5rem, 40px);
		grid-template-areas:
			"A A"
			"B C";
		align-items: stretch;
	}

	.sp-infrastructure__format-3 .item__img:nth-child(1) {
	    grid-area: A;
	}

	.sp-infrastructure__format-3 .item__img:nth-child(2) {
	    grid-area: B;
	}

	.sp-infrastructure__format-3 .item__img:nth-child(3) {
	    grid-area: C;
	}

	.sp-infrastructure__format-3 .item__img {
		width: 100%;
		height: 100%;
	}

	.sp-infrastructure__format-4 {
		width: 80rem;
		height: min(40rem, 640px);
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: stretch;
		flex-wrap: wrap;
	}

	.sp-infrastructure__format-4 .item__img:nth-child(1) {
		width: calc(65% - 10px);
		height: calc(50% - 10px);
		margin-bottom: 20px;
	}

	.sp-infrastructure__format-4 .item__img:nth-child(2) {
		width: calc(35% - 10px);
		height: calc(50% - 10px);
		margin-bottom: 20px;
	}

	.sp-infrastructure__format-4 .item__img:nth-child(3) {
		width: calc(35% - 10px);
		height: calc(50% - 10px);
	}

	.sp-infrastructure__format-4 .item__img:nth-child(4) {
		width: calc(65% - 10px);
		height: calc(50% - 10px);
	}

	.sp-infrastructure__carousel .owl-nav {
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.sp-infrastructure__carousel .owl-nav .owl-prev,
	.sp-infrastructure__carousel .owl-nav .owl-next {
		background: rgba(0,0,0,0);
		width: 40px;
		height: 40px;
		border: 1px solid #E1110D !important;
		border-radius: 100px !important;
		transition: .2s;
		cursor: pointer;
		font-size: 30px !important;
		font-weight: lighter;
	}

	.sp-infrastructure__carousel .owl-nav .owl-prev span,
	.sp-infrastructure__carousel .owl-nav .owl-next span {
		position: relative !important;
		bottom: 3px !important;
		color: #E1110D;
		transition: .2s;
	}

	.sp-infrastructure__carousel .owl-nav .owl-prev:hover,
	.sp-infrastructure__carousel .owl-nav .owl-next:hover {
		background: rgba(255,17,13,1) !important;
	}

	.sp-infrastructure__carousel .owl-nav .owl-prev:hover > span,
	.sp-infrastructure__carousel .owl-nav .owl-next:hover > span {
		color: #FFFFFF !important;
	}
}









@media screen and (min-width: 901px) {
	.sp-stages {
	}
	
	.sp-stages ul {
	  width: 100%;
	  max-width: 100%;
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	  font-size: calc(10px + 0.5rem);
	}
	
	.sp-stages ul.position {
	  position: relative;
	  width: calc(100%);
	  left: -20px;
	}
	
	.sp-stages ul li {
	  width: 100%;
	  padding: 27px 0;
	  border-bottom: 1px solid #DEDEDE;
	  display: grid;
	  grid-template-columns: 1fr 2fr 3fr;
	  grid-template-rows: 1fr;
	  grid-column-gap: 20px;
	  grid-row-gap: 0px;
	}

	.sp-stages ul li::before {
	  content: '';
	}
	
	.sp-stages ul li:first-child {
	  border-top: 1px solid #DEDEDE;
	}
	
	.sp-stages ul li .item span {
	  display: inline-block;
	  padding: 13px;
	  font-weight: bold;
	  font-size: 22px;
	  color: #E1110D;
	  border-radius: 100px;
	  background-color: #FFE4E4;
	}
	
	.sp-stages ul li .name {
	  font-size: 28px;
	}
	
	.sp-stages ul li .desc span {
	  display: block;
	  max-width: 520px;
	  font-size: 18px;
	}
}

@media screen and (max-width: 900px) {
	.sp-stages {
	}
	
	.sp-stages ul {
	  width: 100%;
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	  font-size: 12px;
	}
	
	.sp-stages ul.position {
	  position: relative;
	  width: calc(100%);
	  left: -20px;
	}
	
	.sp-stages ul li {
	  width: 100%;
	  padding: 20px 0;
	  border-bottom: 1px solid #DEDEDE;
	  display: grid;
	  grid-template-columns: 1fr 2fr 3fr;
	  grid-template-rows: 1fr;
	  grid-column-gap: 20px;
	  grid-row-gap: 0px;
	}

	.sp-stages ul li::before {
	  content: '';
	}
	
	.sp-stages ul li:first-child {
	  border-top: 1px solid #DEDEDE;
	}
	
	.sp-stages ul li .item span {
	  display: inline-block;
	  padding: 13px;
	  font-weight: bold;
	  font-size: 12px;
	  color: #E1110D;
	  border-radius: 100px;
	  background-color: #FFE4E4;
	}
	
	.sp-stages ul li .name {
	  font-size: 12px;
	  font-weight: bold;
	}
	
	.sp-stages ul li .desc span {
	  display: block;
	  max-width: 520px;
	  font-size: 14px;
	}
}





@media screen and (min-width: 501px) {
	.bn {
		display: block;
	}

	.bn__desktop {
		display: block;
	}

	.bn__desktop a {
		width: 100%;
		text-decoration: none;
	}

	.bn__desktop a img {
		width: 100%;
		height: auto;
		border-radius: 32px;
		overflow: hidden;
	}

	.bn__mobile {
		display: none;
	}
}


@media screen and (max-width: 500px) {
	.bn {
		display: block;
	}

	.bn__mobile {
		display: block;
	}

	.bn__mobile a {
		width: 100%;
		text-decoration: none;
	}

	.bn__mobile a img {
		width: 100%;
		height: auto;
		border-radius: 32px;
		overflow: hidden;
	}

	.bn__desktop {
		display: none;
	}
}






/* Навигация под детальной страницей "Специальности" */

.navlink {
  width: 100%;
  max-width: 2000px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}

.navlink__element {
  display: block;
  width: 50%;
  height: min(28.75rem, 460px);
  box-sizing: border-box;
  position: relative;
  transition: all .2s ease-in-out;
}

.navlink__element .text {
  display: block;
  position: absolute;
  left: min(6.25rem, 100px);
  bottom: min(2.75rem, 44px);
  z-index: 3;
  color: #fff;
  font-size: clamp(14px, 2rem, 32px);
  font-weight: bold;
  text-transform: uppercase;
}

.navlink__element .overlay {
  display: block;
  filter: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0.4;
  z-index: 2;
  transition: all .2s ease-in-out;
}

.navlink__element:hover > .overlay {
  background: #E1110D;
  opacity: 1;
}

.navlink__element img {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}














/* Временный блок формата обучения */



@media screen and (min-width: 901px) {
	.specializations__section.format {
	  width: 100%;
	  display: flex;
	  flex-direction: row;
	  justify-content: space-between;
	  align-items: stretch;
	  flex-wrap: wrap;
	}

	.specializations__section.format .s-name {
	  width: calc(100% - 20px);
	  max-width: 560px;
	  margin-right: 20px;
	}

	.specializations__section.format .s-about {
	  width: calc(100% - 20px);
	  max-width: 850px;
	  margin-bottom: min(3.75rem, 60px);
	}

	.specializations__section.format .format-block {
	  width: 100%;
	  border-top: 1px solid #DEDEDE;
	}

	.specializations__section.format .format-block .format-type {
	  width: 100%;
	  border-bottom: 1px solid #DEDEDE;
	  padding: 27px 0;
	  padding-bottom: 12px;
	}

	.specializations__section.format .format-block .format-type .format-head,
	.specializations__section.format .format-block .format-type .format-body {
	  display: grid;
	  grid-template-columns: 3fr 1fr 1fr 1fr;
	  grid-template-rows: 1fr;
	  grid-column-gap: 20px;
	  grid-row-gap: 0px;
	}

	.specializations__section.format .format-block .format-type .format-head {
	  font-size: clamp(18px, 1.75rem, 28px);
	  margin-bottom: 15px;
	}

	.specializations__section.format .format-block .format-type .format-body {
	  font-size: calc(9px + 0.563rem);
	  margin-bottom: 15px;
	}

	.specializations__section.format p {
	  line-height: 160%;
	  color: #202020;
	  font-size: calc(9px + 0.563rem);
	  margin-bottom: calc(16px + 1rem);
	}

	.specializations__section.format h3 {
	  margin-bottom: calc(16px + 1rem);
	}

	.specializations__section.format strong {
	  display: block;
	  padding: min(2.5rem, 40px) min(3.125rem, 50px);
	  border-left: 4px solid #E1110D;
	  box-sizing: border-box;
	  background: #FAFAFA;
	  font-size: calc(9px + 0.563rem);
	  font-weight: normal;
	}
}

@media screen and (max-width: 900px) {
	.specializations__section.format {
	  width: 100%;
	}

	.specializations__section.format .format-block {
	  width: 100%;
	  border-top: 1px solid #DEDEDE;
	}

	.specializations__section.format .format-block .format-type {
	  width: 100%;
	  border-bottom: 1px solid #DEDEDE;
	  padding: 27px 0;
	  padding-bottom: 12px;
	}

	.specializations__section.format .format-block .format-type .format-head,
	.specializations__section.format .format-block .format-type .format-body {
	  display: grid;
	  grid-template-columns: 2fr 1fr 1fr 1fr;
	  grid-template-rows: 1fr;
	  grid-column-gap: 20px;
	  grid-row-gap: 0px;
	}

	.specializations__section.format .format-block .format-type .format-head {
	  font-size: 12px;
	  margin-bottom: 15px;
	}

	.specializations__section.format .format-block .format-type .format-body {
	  font-size: 12px;
	  margin-bottom: 15px;
	}

	.specializations__section.format .format-block .format-type .format-body__item span {
	  display: block;
	}

	.specializations__section.format p {
	  line-height: 160%;
	  color: #202020;
	  font-size: 16px;
	  margin-bottom: calc(16px + 1rem);
	}

	.specializations__section.format h3 {
	  font-size: 18px;
	  margin-bottom: calc(16px + 1rem);
	}

	.specializations__section.format strong {
	  display: block;
	  padding: 20px;
	  border-left: 4px solid #E1110D;
	  box-sizing: border-box;
	  background: #FAFAFA;
	  font-size: 16px;
	  line-height: 160%;
	  font-weight: normal;
	  margin-bottom: 20px;
	}
}

/* End */
/* /bitrix/templates/.default/components/bitrix/breadcrumb/ngok-breadcrumbs/style.css?16672227141582 */
/* /bitrix/templates/.default/components/bitrix/news.detail/ngok-speciality-detail-v4/style.css?178457133149524 */