﻿@import url('font/stylesheet.css');

:root {
	--main-color-one-: #FFFFFF;
	--main-color-two-: #0F8259;
	--main-color-three-: #f3f3f3;
	--main-color-four-: #939393;
	--main-color-two-hover-: #0F4736;
	--main-text-black-: #212121;
	--main-text-red-: #BD0040;
	--main-text-red-hover-: #781C33;
}


a {
	text-decoration: none !important;
	color: var(--main-text-black-);
	transition: all .5s ease-in-out;
}

ul,
li {
	list-style: none;
}

ul,
li,
p {
	margin: 0;
	padding: 0;
}

input,
textarea,
select {
	font-family: 'Stem-Regular', sans-serif;
}

input,
button {
	border: none;
	outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
	transition: background-color 600000s 0s, color 600000s 0s;
	box-shadow: inset 0 0 20px 20px #00000000;
}

body {
	background-color: var(--main-color-three-);
}

header {
	background-color: var(--main-color-one-);
	margin-bottom: 40px;
}

header .header_top {
	background-color: var(--main-color-three-);

	& .official {
		font-size: 14px;
		text-decoration: underline !important;
		line-height: 1;
	}

	& .phone,
	& .mail {
		font-family: 'Stem-Light', sans-serif;

		& span {
			font-size: 14px;
			line-height: 1;
		}

		& a {
			margin-right: 0;
		}
	}
}

/*
main {
	min-height: 400px;
}*/

.phone,
.mail {
	font-size: 16px;
	line-height: 16px;
	font-family: 'Stem-Regular', sans-serif;
}

.phone a:hover,
.mail a:hover {
	color: var(--main-text-red-);
}

.search,
.vk,
.account,
.visibility {
	margin: 0px 20px 0px 0px;

	& a {
		display: flex;
	}
}

.search button {
	background-color: var(--main-color-one-);
	border: none;
	padding: 0;
	display: flex;
}

.btn-search {
	border-radius: 0;
	background-color: var(--main-color-one-);
	border: none;
	padding: 0 0 0 10px;
	display: flex;
}

.btn-search svg {
	height: 40px;
	width: 40px;
}

.search:hover svg path,
.account:hover svg path,
.visibility:hover svg path,
.vk:hover svg path {
	fill: var(--main-color-two-);
}

.search:hover svg rect,
.account:hover svg rect,
.visibility:hover svg rect,
.vk:hover svg rect {
	stroke: var(--main-color-two-);
}

.header-buttons .form-control {
	border-radius: 1px;
	border: none;
	height: 26px;
	background-color: var(--main-color-three-);
	max-width: 160px;
}

.header-buttons input.form-control:focus {
	box-shadow: none;
	border: none;
	background-color: var(--main-color-three-);
}

.button-application .btn {
	padding: 5px 10px;
	font-size: 16px;
}

.button-zayavka .btn,
.button-inform .btn {
	padding: 20px 5px;
	font-size: 21px;
	width: calc(50% - 55px);
}

.button-inform .btn {
	padding: 20px 10px;
}

.button-form .btn {}

.button-application .btn,
.button-zayavka .btn,
.button-inform .btn {
	background-color: var(--main-color-two-);
	color: var(--main-color-one-);
	border-radius: 1px;
	transition: all .5s ease-in-out;
	font-family: 'Stem-Regular', sans-serif;
	line-height: 100%;
	border: none;

	&:hover,
	&:active {
		background-color: var(--main-color-two-hover-);
		color: var(--main-color-one-);
		border: none;
	}
}

.nav a {
	color: var(--main-text-black-);
	font-size: 16px;
	font-family: 'Stem-Regular', sans-serif;
}

.nav a:focus {
	color: var(--main-text-black-);
}

.nav a:hover,
.dropdown-menu a:focus {
	color: var(--main-text-red-);
}

header .nav-link {
	padding: 0px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: var(--main-text-black-);
	background-color: inherit;
}

.dropdown-toggle::after {
	content: none;
}

.dropdown-toggle span {
	padding-right: 20px;
	background: url(images/header_arrow.svg);
	background-position: right center;
	background-size: 15px 15px;
	background-repeat: no-repeat;
}

.dropdown-menu {
	padding: 10px;
	border: none;
	border-radius: 1px;
	box-shadow: 0px 0px 10px 0px rgba(33, 33, 33, 0.05);
	--bs-dropdown-link-hover-bg: none;
	--bs-dropdown-link-active-bg: none;
}


.dropdown:hover>.dropdown-toggle>span {
	background: url(images/header_arrow_hover.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 15px 15px;
}

.dropdown:hover>a {
	color: var(--main-text-red-);
}


.dropdown:hover>.dropdown-menu {
	display: block;
}

.dropdown-item {
	padding: 0px;
}

.dropdown-item.active,
.dropdown-item:active {
	color: var(--main-text-red-);
}

.navbar-toggler {
	flex: 0 0 auto;
	width: 26px;
	height: 26px;
	border: 1px solid rgb(15, 15, 15);
	box-shadow: 0 0 1px 0 rgb(15, 15, 15);
	cursor: pointer;
	position: relative;
	border-radius: 1px;
	margin-left: 10px;
}

.navbar-toggler:hover,
.navbar-toggler:hover .hamburger span:before,
.navbar-toggler:hover .hamburger span::after,
.navbar-toggler:hover .cross span {
	border: 1px solid var(--main-color-two-);
}

.hamburger,
.cross {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.hamburger span {
	display: block;
	width: 18px;
	height: 2px;
	margin-bottom: 3px;
	overflow: hidden;
	position: relative;
}

.hamburger span:last-child {
	margin: 0;
}

.hamburger span:before,
.hamburger span:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgb(15, 15, 15);
	transform: translateX(-200%);
	transition: transform ease 300ms;
}

.hamburger span:after {
	transform: translateX(0);
}

.hamburger span:nth-child(2):before,
.hamburger span:nth-child(2):after {
	transition-delay: 75ms;
}

.hamburger span:last-child:before,
.hamburger span:last-child:after {
	transition-delay: 150ms;
}

.navbar-toggler:hover .hamburger span:before {
	transform: translateX(0);
}

.navbar-toggler:hover .hamburger span:after {
	transform: translateX(200%);
}

.navbar-toggler.active .hamburger span:before {
	transform: translateX(100%);
}

.navbar-toggler.active .hamburger span:after {
	transform: translateX(200%);
}

.cross span {
	display: block;
	width: 18px;
	height: 2px;
	background-color: rgb(15, 15, 15);
	transform: translateY(50%) rotate(45deg) scaleX(0);
	transition: transform ease 200ms;
}

.cross span:last-child {
	transform: translateY(-50%) rotate(-45deg) scaleX(0);
}

.navbar-toggler.active .cross span {
	transition-delay: 450ms;
	transform: translateY(50%) rotate(45deg) scaleX(1);
}

.navbar-toggler.active .cross span:last-child {
	transform: translateY(-50%) rotate(-45deg) scaleX(1);
}

/* -------------------------------------------------------- */
.modal-content {
	border-radius: 1px;
}

.modal-body {
	padding: 40px;
}

.modal-text {
	color: var(--main-color-four-);
	font-family: 'Stem-Light', sans-serif;
	font-size: 16px;
	line-height: 120%;
}

.consultation-form-text-block-center {
	font-family: 'Stem-Light', sans-serif;
	font-size: 21px;
	line-height: 120%;
}

.consultation-form-check-block-bottom {
	margin-bottom: 10px;
}

.form-check-inline {
	display: inline-block;
	margin-right: 40px;
}

.form-check-input[type=radio] {
	border-radius: 0;
}

.form-check-input {
	border: 2px solid var(--main-text-black-);
	box-shadow: none !important;
}

.form-check-input:checked[type=radio] {
	--bs-form-check-bg-image: url(images/modal_check_box_focus.svg);
	background-size: 19px;
}

.form-check-input:checked {
	background-color: inherit;
	border-color: #0F8259;
}

.form-check-input:checked+.form-check-label {
	color: #0F8259;
}

.form-check-label {
	font-family: 'Stem-Light', sans-serif;
	font-size: 21px;
	line-height: 120%;
}

.btn-close {
	--bs-btn-close-focus-shadow: none;
}

.modal-header {
	padding-bottom: 0px;
	border-bottom: none;
}

#modalOne textarea {
	height: 5em;
}

#modalTwo textarea,
#modalThree textarea,
#programForm textarea,
#modalFive textarea,
#questionForm textarea {
	height: 8em;
}

#modalFour .modal-content {
	height: 300px;
}

/* -------------------------------------------------------- */
.slider {
	background-color: var(--main-color-one-);
	border-radius: 1px;
}

.slider-text-block,
.application-text-block,
.program-zayavka-text-block,
.division-card-text-block,
.division-about-text-block {
	padding: 15px 40px;
}

.slider-text-block-top,
.swiper-slide-block-top-title,
.application-text-block-top,
.program-zayavka-text-block-top,
.selection-title,
.course-cards-alert-title,
.consultation-form-text-block-top,
.division-team-title,
.unit-content-block-title,
.entrance-text-title,
.question-main-title {
	font-family: 'Stem-Bold', sans-serif;
	font-size: 38px;
	line-height: 1;
	margin: 0;
}

.slider-text-block-bottom,
.application-text-block-bottom,
.course-cards-alert-text,
.program-zayavka-text-block-bottom,
.division-card-text-block,
.division-about-text-block,
.swiper-slide-block-text {
	font-family: 'Stem-Light', sans-serif;
	font-size: 21px;
	line-height: 120%;
	margin-top: 20px;
}

.swiper-slide-block-text {
	margin-top: 5px;
}

.slider-text-block-bottom span {
	display: block;
	background: url(images/slider_adv.svg);
	background-position: left top;
	background-size: 12px 25px;
	background-repeat: no-repeat;
	padding-left: 22px;
	margin-bottom: 10px;
}

.slider-text-block-bottom span:last-child {
	margin: 0px;
}

.swiper-pagination {
	text-align: end;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	top: 0px;
	right: 0px;
	left: 0px;
	width: inherit;
	height: 0;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 5px);
}

.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	border-radius: 1px;
	background: var(--main-text-black-);
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background: var(--main-color-two-);
}

.slider-swiper-text-block {
	position: absolute;
	bottom: 0;
	background-color: var(--main-text-black-);
	color: var(--main-color-one-);
	padding: 20px;
	font-family: 'Stem-Light', sans-serif;
	font-size: 21px;
	line-height: 120%;
	width: 100%;
	z-index: 30;
}

.mySwiperSlider {
	height: 500px;
}

.slider .swiper {
	position: relative;
	overflow: hidden;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 20;
}

.slider .overlay {
	background: radial-gradient(180.83% 117.31% at 15% -0.00%, #BD0040 0%, rgba(189, 0, 64, 0.00) 100%);
	mix-blend-mode: lighten;
	width: 50%;
	left: 50%;
}

.slider .swiper-slide-block {
	border: 5px solid var(--main-color-two-);
	height: 100%;
	position: relative;
	display: flex;
	flex-flow: row wrap;
	transition: transform 0.3s ease-in-out;
}

.square {
	position: absolute;
	bottom: 0;
	right: 0;
	border-top: 5px solid var(--main-color-two-);
	border-left: 5px solid var(--main-color-two-);
	background: url() center center no-repeat;
	background-color: var(--main-color-one-);
	transition: all .5s ease-in-out;
	z-index: 99;
	padding: 5px;
}

.square span {
	display: block;
	background: url(images/slider_arrow.svg) no-repeat;
	background-position: right center;
	background-size: 12px 12px;
	padding-right: 20px;
	font-family: 'Stem-Bold', sans-serif;
	font-size: 16px;
	color: var(--main-color-two-);
	line-height: 100%;
}

.swiper-slide-block:hover .square {
	background-color: var(--main-color-two-);
	transition: all .5s ease-in-out;
}

.swiper-slide-block:hover .square span {
	background: url(images/slider_arrow_hover.svg) no-repeat;
	background-position: right center;
	background-size: 12px 12px;
	color: var(--main-color-one-);
	transition: all .8s ease-in-out;
}

.slider .swiper-slide img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-0%, -50%);
	width: 50%;
	height: 100%;
	object-fit: cover;
	border-radius: 1px;
	z-index: 10;
}

.about-main-content .swiper-slide img,
.application-img-block img,
.program-zayavka-img-block img,
.consultation-form-img-block img,
.entrance-why-img-block img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 1px;
	z-index: 10;
}

.slider .swiper-pagination {
	padding: 10px 20px 30px;
	text-align: end !important;
}

.swiper-slide-block-top-title {
	margin: 20px 0px 15px;
}

/* -------------------------------------------------------- */
.advantages {
	margin-top: 80px;
}

.advantages-block {
	position: relative;
}

/*
.advantages-block:before {
	content: '';
	position: absolute;
	top: 0;
	margin-top: -10px;
	left: calc(50% - 50px);
	width: 100px;
	height: 100px;
	border: 10px solid var(--main-color-one-);
	box-shadow: 0px 0px 10px 0px rgba(33, 33, 33, 0.05);
	z-index: -1;
}*/

.advantages-text {
	width: 100px;
	height: 100px;
	background: red;
	color: var(--main-color-one-);
	text-align: center;
	border: 1px solid black;
}

.advantages-text-top,
.swiper-slide-block-top-text-red {
	color: var(--main-text-red-);
	text-align: center;
	font-family: 'Stem-Bold', sans-serif;
	font-size: 38px;
	line-height: 120%;
}

.swiper-slide-block-top-text-red {
	text-align: start;
}

.advantages-text-bottom {
	color: var(--main-text-black-);
	text-align: center;
	font-family: 'Stem-Light', sans-serif;
	font-size: 21px;
	line-height: 120%;
	margin-top: 5px;
}

.swiper-slide-block-bottom {}

.swiper-slide-block-bottom-review {}

.swiper-slide-block-bottom-review img {
	position: inherit !important;
	height: 40px !important;
	width: 40px !important;
	transform: none !important;
	border-radius: 100px !important;
}

.swiper-slide-block-bottom-review-top span {
	display: block;
	margin-left: 10px;
}

.swiper-slide-block-bottom-review-top span:first-child {
	font-family: 'Stem-Light', sans-serif;
	font-size: 21px;
	font-weight: 400;
	line-height: 120%;
}

.swiper-slide-block-bottom-review-top span:last-child {
	font-family: 'Stem-Bold', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 100%;
	margin-top: 5px;
}

.about-main-content .slider {
	position: relative;
	overflow: hidden;
	height: 300px;
}

.about-main-content .slider img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 1px;
	z-index: 10;
}


.about-main-content .slider-swiper-text-block {
	padding: 10px;
	font-size: 15px;
}

/* -------------------------------------------------------- */
.selection {
	margin-top: 80px;
}

.selection .card {
	/*border: none;
	background: url(images/selection_card_bg.jpg) left center no-repeat;
	background-size: cover;*/
	background-color: var(--main-color-one-);
	z-index: 10;
	overflow: hidden;
	padding: 20px;
	border-radius: 1px;
	height: 100%;
}

.selection .card:hover>.card-footer .card-footer-price {
	color: var(--main-text-red-);
	transition: all .5s ease-in-out;
}

.selection .card:hover>.card-body .card-body-title {
	color: var(--main-text-red-);
	transition: all .5s ease-in-out;
}

.selection .card-header {
	font-family: 'Stem-Regular', sans-serif;
	font-size: 12px;
	line-height: 100%;
	padding: 0;
	background-color: initial;
	border-bottom: none;
}

.selection .card-body {
	padding: 0;
	margin-top: 20px;
	height: 245px;
	overflow: hidden;
}

.selection .card-body-title {
	font-family: 'Stem-Bold', sans-serif;
	font-size: 21px;
	line-height: 100%;
	transition: all .5s ease-in-out;
}

.selection .card-body-text {
	font-family: 'Stem-Light', sans-serif;
	font-size: 16px;
	line-height: 120%;
	margin-top: 10px;
}

.selection .card-footer {
	margin-top: 20px;
	padding: 0;
	background-color: initial;
	border-top: none;
	align-items: center;
}

.selection .card-footer-data {
	font-family: 'Stem-Regular', sans-serif;
	font-size: 12px;
	line-height: 100%;
}

.selection .card-footer-price {
	font-family: 'Stem-Bold', sans-serif;
	font-size: 21px;
	line-height: 100%;
	transition: all .5s ease-in-out;
}

.selection-all {
	color: var(--main-text-red-);
	font-family: 'Stem-Light', sans-serif;
	font-size: 16px;
	line-height: 120%;
	border-bottom: 1px dotted;
	transition: all .5s ease-in-out;
}

.course-cards-alert {
	width: 100%;
}

.course-cards-alert-title {
	font-size: 28px;
}

.selection-all:hover {
	color: var(--main-text-red-hover-);
}

.mySwiperSelection {
	padding-bottom: 30px;
}

.mySwiperSelection .swiper-pagination,
.mySwiperTeam .swiper-pagination,
.mySwiperUnit .swiper-pagination {
	text-align: end;
}

.mySwiperSelection .swiper-horizontal>.mySwiperSelection .swiper-pagination-bullets,
.mySwiperTeam .swiper-horizontal>.mySwiperTeam .swiper-pagination-bullets,
.mySwiperUnit .swiper-horizontal>.mySwiperTeam .swiper-pagination-bullets,
.mySwiperSelection .swiper-pagination-bullets.swiper-pagination-horizontal,
.mySwiperTeam .swiper-pagination-bullets.swiper-pagination-horizontal,
.mySwiperUnit .swiper-pagination-bullets.swiper-pagination-horizontal,
.mySwiperSelection .swiper-pagination-custom,
.mySwiperTeam .swiper-pagination-custom,
.mySwiperUnit .swiper-pagination-custom,
.mySwiperSelection .swiper-pagination-fraction,
.mySwiperTeam .swiper-pagination-fraction,
.mySwiperUnit .swiper-pagination-fraction {
	top: inherit;
	bottom: 20px;
	left: 0;
	width: 100%;
}

.mySwiperSelection .swiper-slide a {
	display: block;
}

.mySwiperSelection .swiper-slide a:last-child {
	margin-top: 16px;
}

.alert {
	margin: 10px 10px 0px 0px;
	border-radius: 1px;
	padding: 5px 50px 5px 20px;
	color: var(--main-color-one-);
	background-color: var(--main-color-two-);
}

.alert .btn-close {
	opacity: 1 !important;
	--bs-btn-close-bg: url(images/alert_close.svg);
	width: 16px;
	height: 16px;
	top: 4px !important;
	right: 10px !important;
	--bs-btn-close-focus-shadow: none;
	padding: 5px !important;
	color: var(--bs-btn-close-color);
	background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
	border: 0;
	border-radius: .375rem;
	opacity: var(--bs-btn-close-opacity);
}

.searchable input {
	width: 100%;
	color: var(--main-text-black-);
	font-family: 'Stem-Regular', sans-serif;
	font-size: 16px;
	line-height: 100%;
	padding: 10px;
	padding-right: 35px;
	background-clip: padding-box;
	border-radius: 1px;
	box-shadow: 0px 0px 10px 0px rgba(33, 33, 33, 0.05);
	background-color: var(--main-color-one-);
	background-image: url(images/header_arrow.svg);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: auto;
	border: none !important;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.searchable input:focus {
	background-image: url(images/header_arrow_hover.svg);
	outline: none !important;
	box-shadow: none !important;
}

.searchable ul {
	position: absolute;
	z-index: 40;
	display: none;
	background-color: #fff;
	border-radius: 1px;
	margin-top: 5px;
	padding: 0;
	box-shadow: 0px 0px 10px 0px rgba(33, 33, 33, 0.05);
}

.searchable ul li {
	padding: 3px 10px;
	cursor: pointer;
	color: var(--main-text-black-);
	transition: all .5s ease-in-out;
}

.searchable ul li:hover {
	color: var(--main-text-red-);
}

.searchable ul li.selected {
	background-color: #e8e8e8;
	color: #333;
}

.searchable ul li.active {
	pointer-events: none;
	opacity: 0.8;
	color: var(--main-text-red-);
}

/* -------------------------------------------------------- */
.application {
	margin-top: 80px;
	background-color: var(--main-color-one-);
	border-radius: 1px;
}

.application-img-block,
.consultation-form-img-block,
.program-zayavka-img-block,
.entrance-why-img-block {
	position: relative;
	overflow: hidden;
	height: 480px;
}

.application-text-block-bottom {
	height: 200px;
	overflow: hidden;
	text-align: justify;
}

.application .overlay {
	background: radial-gradient(101.79% 68.13% at 0% 100.00%, #0F8259 0%, rgba(15, 130, 89, 0.00) 100%), radial-gradient(180.83% 117.31% at 140% -0.00%, #BD0040 0%, rgba(189, 0, 64, 0.00) 100%);
	mix-blend-mode: lighten;
}

/* -------------------------------------------------------- */
footer {
	margin-top: 80px;
}

footer .container {
	padding-bottom: 20px;
}

footer .border-top {
	border-top: 1px solid var(--main-text-black-) !important;
}

.logo {}

.footer-left-content {
	padding-top: 20px;
}

.copyright,
.policy,
.training,
.questionanswer,
.official {
	margin-top: 10px;
	display: block;
	transition: all .5s ease-in-out;
}

.copyright {
	font-family: 'Stem-Regular', sans-serif;
	font-size: 12px;
	line-height: 100%;
	margin-top: 15px;
}

.policy,
.questionanswer,
.official,
.dop_phone {
	font-family: 'Stem-Light', sans-serif;
	font-size: 16px;
	line-height: 120%;
}

.policy:hover,
.questionanswer:hover,
.official:hover,
.dop_phone:hover {
	color: var(--main-text-red-);
}

.training,
.division-about-text-block a,
.program-info a {
	color: var(--main-text-red-);
	font-family: 'Stem-Light', sans-serif;
	font-size: 16px;
	line-height: 120%;
	border-bottom: 1px dotted;
	display: inline-block;
}

.training:hover,
.division-about-text-block a:hover,
.program-info a:hover {
	color: var(--main-text-red-hover-);
}

.footer-right-content .footer-text-block {}

.footer-text-block-top {
	font-family: 'Stem-Bold', sans-serif;
	font-size: 16px;
	line-height: 100%;
	padding-top: 20px;
}

.footer-text-block-bottom {
	font-family: 'Stem-Light', sans-serif;
	font-size: 16px;
	line-height: 120%;
}

.footer-text-block-bottom .address {
	border-bottom: 1px dotted;
	display: inline-block;
	color: var(--main-text-red-);
	transition: all .5s ease-in-out;
}

.footer-text-block-bottom .address:hover {
	color: var(--main-text-red-hover-);
}

.footer-text-block-bottom span,
.footer-text-block-bottom li {
	padding-top: 10px;
	display: block;
}

.footer-text-block-bottom a {
	transition: all .5s ease-in-out;
}

.footer-text-block-bottom a:hover {
	color: var(--main-text-red-);
}

.footer-text-block-bottom .btn {
	background: var(--main-color-two-);
	color: var(--main-color-one-);
	margin-top: 10px;
	padding: 5px 10px;
	font-family: 'Stem-Regular', sans-serif;
	font-size: 16px;
	line-height: 100%;
	border-radius: 1px;
	transition: all .5s ease-in-out;
	border: none;

	&:hover,
	&:active {
		background-color: var(--main-color-two-hover-);
		color: var(--main-color-one-);
		border: none;
	}
}

/* -------------------------------------------------------- */

.breadcrumb-item+.breadcrumb-item::before {
	float: left;
	color: rgba(218, 218, 218, 1);
	content: var(--bs-breadcrumb-divider, "/");
}


.breadcrumb-item a,
.breadcrumb .active span {
	color: var(--main-color-four-);
	font-family: 'Stem-Light', sans-serif;
	font-size: 16px;
	line-height: 120%;
}

.program-zayavka {
	background-color: var(--main-color-one-);
	border-radius: 1px;
}

.button-zayavka {
	margin-top: 40px;
}

.program-zayavka .overlay {
	background: radial-gradient(101.79% 68.13% at 0% 100.00%, #0F8259 0%, rgba(15, 130, 89, 0.00) 100%),
		radial-gradient(180.83% 117.31% at 15% -0.00%, #BD0040 0%, rgba(189, 0, 64, 0.00) 100%);
	mix-blend-mode: lighten;
}

/* -------------------------------------------------------- */
.program-info {
	margin-top: 80px;
}

.program-info-left-block {
	background-color: var(--main-color-one-);
	padding: 20px 60px;
	width: 100%;
}

.accordion {
	--bs-accordion-btn-focus-border-color: none;
	--bs-accordion-active-bg: none;
	--bs-accordion-btn-focus-box-shadow: none;
}

.accordion-button {
	padding: 0px;
	padding-top: 20px;
	pointer-events: none;
}

.accordion-button::after {
	content: none;
}

.accordion-flush .accordion-collapse {
	display: block;
}

.accordion-body {
	padding: 10px 0px 20px;
}

.program-info-text-gray {
	color: var(--main-color-four-);
	font-family: 'Stem-Light', sans-serif;
	font-size: 16px;
	line-height: 120%;
	display: block;
}

.program-info-text-black {
	font-family: 'Stem-Bold', sans-serif;
	font-size: 16px;
	line-height: 100%;
	display: block;
	height: 100%;
}

.program-info-text-red {
	background: url(images/file_download.svg);
	background-position: right center;
	background-size: 19px 19px;
	background-repeat: no-repeat;
	padding-right: 22px;
	font-family: 'Stem-Light', sans-serif;
	font-size: 16px;
	line-height: 120%;
	color: var(--main-text-red-);
	border-bottom: 1px dotted;
	transition: all .5s ease-in-out;
	display: inline-block;
}

.program-info-text-red:hover {
	background: url(images/file_download_hover.svg);
	background-position: right center;
	background-size: 19px 19px;
	background-repeat: no-repeat;
	padding-right: 22px;
	color: var(--main-text-red-hover-);
}

.program-info-right-block {
	background-color: var(--main-color-one-);
	padding: 20px;
}

.program-info-right-block .program-info-text-black {
	font-family: 'Stem-Regular', sans-serif;
}

.program-info-right-block .program-info-text-red,
.program-info-right-block .program-info-text-black {
	margin-top: 5px;
}

.program-info-text-block {
	margin-bottom: 20px;
}

.program-info a {
	border-bottom: none;
}

.program-info a[name="svedeniya"],
.program-info a[name="licens"],
.program-info a[name="rekvizit"] {
	display: block;
}

.form-text-top {
	font-family: 'Stem-Regular', sans-serif;
	font-size: 16px;
	line-height: 100%;
}

.form-text-bottom {
	color: var(--main-color-four-);
	font-family: 'Stem-Light', sans-serif;
	font-size: 16px;
	line-height: 120%;
	margin-top: 10px;
}

.input-form {
	border-bottom: 1px solid var(--main-text-black-);
}

.input-form input,
.input-form textarea,
.input-form select {
	box-shadow: none !important;
	border: none;
	font-size: 21px;
}

.input-form span {
	color: var(--main-text-red-);
	font-family: 'Stem-Regular', sans-serif;
	font-size: 12px;
	line-height: 100%;
}

/* -------------------------------------------------------- */
.consultation-form {
	margin-top: 80px;
	background-color: var(--main-color-one-);
	border-radius: 1px;
}

.consultation-form .overlay {
	background: radial-gradient(101.79% 68.13% at 0% 100.00%, #0F8259 0%, rgba(15, 130, 89, 0.00) 100%), radial-gradient(180.83% 117.31% at 140% -0.00%, #BD0040 0%, rgba(189, 0, 64, 0.00) 100%);
	mix-blend-mode: lighten;
}

.consultation-form form {
	padding: 40px;
}

/* -------------------------------------------------------- */
.offer {
	background: url(images/division_offer_images.png) top center no-repeat;
	background-size: cover;
	border-radius: 1px;
	height: 100%;
}

.offer-text {
	padding: 40px;
	color: var(--main-color-one-);
	font-family: 'Stem-Bold', sans-serif;
	font-size: 38px;
	line-height: 120%;
}

.division-about {
	margin-top: 40px;
	background-color: var(--main-color-one-);
	border-radius: 1px;
	padding: 20px 40px;
}

.card {
	border: none;
	background-color: var(--main-color-three-);
	border-radius: 1px;
}

.card .overlay {
	/* 	background: radial-gradient(101.79% 68.13% at 0% 100.00%, #0F8259 0%, rgba(15, 130, 89, 0.00) 100%), radial-gradient(180.83% 117.31% at 185% -0.00%, #BD0040 0%, rgba(189, 0, 64, 0.00) 100%);
	mix-blend-mode: lighten; */
}

.division-card-img-block {
	position: relative;
	overflow: hidden;
	height: 350px;
}

.division-card-img-block img {
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translate(-50%, 0%);
	width: 100%;
	height: 100%;
	object-position: top;
	object-fit: cover;
	border-radius: 1px;
	z-index: 1;
}

.card-body {
	padding: 20px;
}

.card-text {}

.division-about-text-block {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	text-align: justify;
}

.division-card-name {
	color: var(--main-text-black-);
	font-family: 'Stem-Light', sans-serif;
	font-size: 16px;
	line-height: 120%;
}

.division-card-post,
.division-card-regalia {
	color: var(--main-color-four-);
	font-family: 'Stem-Regular', sans-serif;
	font-size: 16px;
	line-height: 100%;
	margin-top: 5px;
}

/* -------------------------------------------------------- */
.division-team {
	margin-top: 80px;
}

.division-team .swiper-slide {
	height: initial;
}

.division-team-title {
	margin-bottom: 40px;
}

.division-team .card {
	background-color: var(--main-color-one-);
	height: 100%;
}

.mySwiperTeam {
	padding-bottom: 30px;
}

/* -------------------------------------------------------- */
.division-table {
	margin-top: 80px;
}

.table>:not(caption)>*>* {
	padding: 20px;
}

.division-table .table {
	margin-bottom: 0px;
	border-radius: 1px;
	box-shadow: 0px 0px 10px 0px rgba(33, 33, 33, 0.05);
	font-family: 'Stem-Regular', sans-serif;
	font-size: 16px;
	line-height: 100%;
	transition: all .5s ease-in-out;
}

.division-table tbody tr {
	cursor: pointer;
	transition: all .5s ease-in-out;
}


.table-hover>tbody>tr:hover>* {
	--bs-table-accent-bg: var(--bs-table-hover-bg);
	color: var(--main-text-red-);
	transition: all .5s ease-in-out;
}

.division-table .accordion {
	--bs-accordion-bg: var(--main-color-three-);
	box-shadow: 0px 0px 10px 0px rgba(33, 33, 33, 0.05);
	border-bottom: 1px solid var(--main-color-four-);
}

.division-table .accordion .accordion-item:first-child {
	background-color: var(--main-color-one-);
}

.division-table .accordion-button {
	padding: 20px 12px;
}

.division-table .accordion-text-title-one,
.division-table .accordion-text-title-two {
	font-family: 'Stem-Bold', sans-serif;
	font-size: 16px;
	line-height: 100%;
	padding: 20px 12px;
}

.division-table .accordion-text-title-two {
	padding: 10px;
	border-left: 1px solid var(--main-color-four-);
}

.division-table .accordion-text-title-two,
.division-table .accordion-text-main {
	padding: 20px 12px;
	border-left: 1px solid var(--main-color-four-);
	height: 100%;
}

.division-table .accordion-body {
	padding: 10px;
	border-top: 1px solid var(--main-color-four-);
	background-color: var(--main-color-one-);
}

.division-table .program-info-text-gray {
	display: inline-block;
	font-size: 12px;
}

.division-table .program-info-text-black,
.division-table .accordion-text-main {
	font-family: 'Stem-Regular', sans-serif;
	font-size: 14px;
	line-height: 100%;
}

.accordion-body p {
	display: flex;
	margin-bottom: 0.5em;
	color: var(--main-color-four-);
	font-family: 'Stem-Light', sans-serif;
	font-size: 12px;
	line-height: 120%;
}

.accordion-body p::before {
	content: '';
	border-bottom: 2px dotted #ccc;
	flex-grow: 1;
	order: 2;
	margin: 0px 10px;
	align-self: center;
}

.accordion-body span {
	order: 3;
}

.division-table .accordion-button::after {
	width: 12px;
	height: 12px;
	background-size: 12px;
}

/* -------------------------------------------------------- */
.about-main-content .nav {
	padding: 20px;
	background-color: var(--main-color-one-);
	border-radius: 1px;
	box-shadow: 0px 0px 10px 0px rgba(33, 33, 33, 0.05);
}

.about-main-content .nav-link {
	color: var(--main-color-four-);
	font-family: 'Stem-Light', sans-serif;
	padding: 0px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 100%;
	color: #828282;

}

.about-main-content .nav-link .active {
	color: var(--main-color-four-);
	font-family: 'Stem-Light', sans-serif;
	padding: 10px 0px;
	font-size: 16px;
	line-height: 100%;
	color: #828282;
}

.about-main-content .nav-link:focus {
	color: var(--main-text-black-);
	font-family: 'Stem-Bold', sans-serif;
	font-size: 16px;
	line-height: 100%;
}

.about-main-content .nav-pills .nav-link.active,
.about-main-content .nav-pills .show>.nav-link {
	color: var(--main-text-black-);
	font-family: 'Stem-Bold', sans-serif;
}

.about-main-content .nav-pills {
	--bs-nav-pills-link-active-bg: none;
}

.about-main-content .mySwiperSlider {
	margin-top: 20px;
	height: 300px;
}

.about-main-content .overlay {
	background: radial-gradient(180.83% 117.31% at 15% -0.00%, #BD0040 0%, rgba(189, 0, 64, 0.00) 100%);
	mix-blend-mode: lighten;
}

.about-main-content .slider-swiper-text-block {
	padding: 10px;
	font-size: 15px;
}

.about-main-content .program-info {
	margin-top: 0px;
}

.about-main-content .program-info-left-block {
	border-radius: 1px;
}

.about-main-content .program-info-text-red {
	border-bottom: none;
	margin-bottom: 10px;
	margin-right: 10px;
}

.about-main-content .accordion-body p {
	font-size: 14px;
	line-height: 120%;
}

/* -------------------------------------------------------- */
.unit-content {}

.unit-content-block {
	margin-bottom: 40px;
}

.unit-content-block:last-child {
	margin-bottom: 0px;
}

.unit-content-block-title {
	font-size: 28px;
	margin-bottom: 20px;
}

.unit-content-block-card {
	background-color: var(--main-color-one-);
	border-radius: 1px;
	box-shadow: 0px 0px 10px 0px rgba(33, 33, 33, 0.05);
	padding: 10px;
	height: 100%;
}

.unit-content-block-card-top {
	color: var(--main-color-four-);
	font-family: 'Stem-Bold', sans-serif;
	font-size: 16px;
	line-height: 100%;
}

.unit-content-block-card-center {
	color: var(--main-text-black-);
	font-family: 'Stem-Light', sans-serif;
	font-size: 16px;
	line-height: 120%;
	margin-top: 10px;
}

.unit-content-block-card-bottom {
	color: var(--main-color-four-);
	font-family: 'Stem-Light', sans-serif;
	font-size: 16px;
	line-height: 120%;
	margin-top: 5px;
}

.mySwiperUnit {
	padding-bottom: 30px;
}

/* -------------------------------------------------------- */
.entrance-receipts,
.entrance-attention,
.entrance-how,
.entrance-why,
.entrance-documents {
	margin-top: 80px;
}

.entrance-card {
	padding: 20px 10px;
	background-color: var(--main-color-one-);
	height: 100%;
	width: 100%;
}

.entrance-receipts .entrance-card,
.entrance-why .entrance-card {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.entrance-receipts .entrance-card:before,
.selection .card:before,
.entrance-why .entrance-card:before {
	content: "";
	position: absolute;
	background: #F8F8F8;
	box-shadow: 0px 0px 10px 0px rgba(33, 33, 33, 0.05);
	width: 800px;
	height: 500px;
	z-index: -1;
	transform: rotate(140deg);
	right: 0;
	top: 10px;
	left: 0px;
	transition: all .6s ease-in-out;
}

.selection .card:before {
	top: 80px;
}

.entrance-card-top {
	color: var(--main-text-red-);
	font-family: 'Stem-Bold', sans-serif;
	font-size: 38px;
	line-height: 120%;
}

.selection-title,
.division-team-title,
.entrance-receipts .entrance-text-title,
.entrance-attention .entrance-text-title,
.entrance-how .entrance-text-title,
.entrance-why .entrance-text-title,
.entrance-documents .entrance-text-title,
.question-main-title {
	margin-bottom: 35px;
}

.entrance-receipts .entrance-text-main,
.entrance-why .entrance-text-small {
	margin-top: 10px;
}

.entrance-how .entrance-text-main,
.entrance-why .entrance-text-main,
.entrance-receipts .entrance-text-small {
	margin-top: 20px;
}

.entrance-text-main {
	font-family: 'Stem-Light', sans-serif;
	font-size: 21px;
	line-height: 120%;
}

.entrance-text-small {
	font-family: 'Stem-Light', sans-serif;
	font-size: 16px;
	line-height: 120%;
}

.entrance-why .overlay {
	background: radial-gradient(101.79% 68.13% at 0% 100.00%, #0F8259 0%, rgba(15, 130, 89, 0.00) 100%), radial-gradient(180.83% 117.31% at 140% -0.00%, #BD0040 0%, rgba(189, 0, 64, 0.00) 100%);
	mix-blend-mode: lighten;
}

.entrance-documents-card {
	background-color: var(--main-color-one-);
	height: 100%;
}

.entrance-documents-card {
	height: 100%;
}

.entrance-documents-card-text {
	padding: 20px 0px;
	text-align: center;
	color: var(--main-color-four-);
	font-family: 'Stem-Light', sans-serif;
	font-size: 16px;
	line-height: 120%;
	height: 80px;
}

.mySwiperDocuments img {
	width: 100%;
}

/* -------------------------------------------------------- */
.question-main {
	margin-top: 20px;
	background-color: var(--main-color-one-);
	padding: 40px;
	border-radius: 1px;
}

.question-main p {
	margin: 10px 0px 0px;
}

.question-main-blocks {
	border-top: 1px solid #dbdbdb;
	padding: 30px 0px;
}

.question-main-blocks-question {
	font-family: 'Stem-Bold', sans-serif;
	font-size: 22px;
	line-height: 100%;
}

.question-main-blocks-answer {
	color: var(--main-color-four-);
	font-family: 'Stem-Light', sans-serif;
	font-size: 20px;
	line-height: 120%;
	margin-top: 10px;
}

.pagination {
	--bs-pagination-color: var(--main-text-black-);
	--bs-pagination-bg: var(--bs-body-bg);
	--bs-pagination-border-radius: 3px;
	--bs-pagination-hover-color: var(--main-color-one-);
	--bs-pagination-hover-bg: var(--main-color-two-);
	--bs-pagination-focus-color: var(--main-color-one-);
	--bs-pagination-focus-bg: var(--main-color-two-);
	--bs-pagination-focus-box-shadow: none;
	--bs-pagination-active-color: none;
	--bs-pagination-active-bg: none;
	--bs-pagination-active-border-color: none;
	--bs-pagination-disabled-color: var(--main-color-one-);
	--bs-pagination-disabled-bg: var(--main-color-two-);
}

.btn-vk {
	font-family: 'Stem-Bold', sans-serif;
	bottom: 20%;
	margin-right: 10px;

	& .btn {
		display: flex;
		align-items: center;
		border-radius: 1px;
		background-color: var(--main-color-two-);
		color: var(--main-color-three-);
		padding: 5px;
		border: 0;
		transition: .4s ease-in-out;

		&:hover,
		&:active {
			background-color: var(--main-color-two-hover-);
			color: var(--main-color-three-);
			border: 0;
		}

		& .btn-text {
			max-width: 0;
			overflow: hidden;
			white-space: nowrap;
			transition: max-width .4s, margin-left .4s;
		}

		&:hover .btn-text {
			max-width: 150px;
			margin-left: 5px;
		}
	}
}


/* -------------------------------------------------------- */
@media (max-width: 1399.98px) {
	.button-application .btn {
		padding: 8px 5px;
		font-size: 14px;
	}

	.mySwiperSlider {
		height: 530px;
	}

	.swiper-slide-block-top-title {
		font-size: 32px;
		line-height: 120%;
	}

	.advantages-text-bottom {
		font-size: 18px;
	}

	.application-img-block,
	.consultation-form-img-block,
	.program-zayavka-img-block,
	.entrance-why-img-block {
		height: 520px;
	}
}

@media (max-width: 1199.98px) {
	.button-application .btn {
		padding: 10px;
		font-size: 14px;
	}

	.button-zayavka .btn,
	.button-inform .btn {
		padding: 15px;
		font-size: 16px;
	}

	header .nav-link {
		font-size: 14px;
	}

	header .dropdown-toggle a {
		pointer-events: none
	}

	.consultation-form-text-block-center {
		font-size: 18px;
	}

	.form-check-label {
		font-size: 16px;
	}

	.form-check-inline {
		margin-right: 30px;
	}

	#modalTwo textarea,
	#modalThree textarea,
	#programForm textarea,
	#modalFive textarea,
	#questionForm textarea {
		height: 9em;
	}

	.slider-text-block-top,
	.application-text-block-top,
	.program-zayavka-text-block-top,
	.selection-title,
	.consultation-form-text-block-top,
	.offer-text,
	.division-team-title,
	.unit-content-block-title,
	.entrance-text-title,
	.question-main-title {
		font-size: 30px !important;
		line-height: 100% !important;
	}

	.swiper-slide-block-top-title {
		font-size: 26px !important;
		line-height: 100% !important;
	}

	.slider-text-block-bottom,
	.application-text-block-bottom,
	.course-cards-alert-text,
	.program-zayavka-text-block-bottom,
	.division-card-text-block,
	.division-about-text-block,
	.swiper-slide-block-text {
		font-size: 18px;
	}

	.mySwiperSlider {
		height: 515px;
	}

	.slider-swiper-text-block {
		padding: 10px;
		font-size: 18px;
		line-height: 120%;
	}

	.advantages-text-top,
	.swiper-slide-block-top-text-red {
		font-size: 32px;
		line-height: 120%;
	}

	.advantages-text-bottom {
		font-size: 14px;
	}

	.selection .card {
		padding: 15px;
	}

	.selection .card-body-title {
		font-size: 18px;
	}

	.selection .card-body-text {
		font-size: 14px;
	}

	.selection .card-footer-price {
		font-size: 16px;
	}

	.application-img-block,
	.consultation-form-img-block,
	.program-zayavka-img-block,
	.entrance-why-img-block {
		height: 470px;
	}

	.button-zayavka {
		margin-top: 20px;
	}

	.program-info-left-block {
		padding: 10px 25px;
	}

	.program-info-text-gray {
		font-size: 15px;
	}

	.accordion-body {
		padding: 10px 0px 15px;
	}

	.input-form input,
	.input-form textarea,
	.input-form select {
		font-size: 18px;
	}

	.entrance-text-main {
		font-size: 18px;
	}

	.entrance-text-small {
		font-size: 13px;
	}

	.application-text-block-bottom {
		height: 215px;
	}
}

@media (max-width: 991.98px) {

	.button-zayavka .btn,
	.button-inform .btn {
		width: 100%;
	}

	header .nav-link {
		padding: 0px;
	}

	.header-buttons .input-group {
		display: contents;
	}

	.consultation-form-check-block-bottom {
		margin-bottom: 15px;
	}

	.modal-text {
		text-align: center;
	}

	.form-check-inline {
		display: block;
		margin: 0px;
	}

	.slider-text-block,
	.application-text-block,
	.program-zayavka-text-block,
	.consultation-form form,
	.division-card-text-block,
	.question-main {
		padding: 15px !important;
	}

	.slider-text-block-top,
	.swiper-slide-block-top-title,
	.application-text-block-top,
	.course-cards-alert-title,
	.program-zayavka-text-block-top,
	.consultation-form-text-block-top,
	.selection-title,
	.offer-text,
	.division-team-title,
	.unit-content-block-title,
	.entrance-text-title,
	.question-main-title {
		font-size: 21px !important;
		line-height: 100% !important;
	}

	.slider-text-block-bottom,
	.application-text-block-bottom,
	.course-cards-alert-text,
	.program-zayavka-text-block-bottom,
	.division-card-text-block,
	.division-about-text-block,
	.swiper-slide-block-text {
		font-size: 16px;
	}

	.mySwiperSlider {
		height: 350px;
	}

	.swiper-pagination {
		text-align: start;
	}

	.slider-swiper-text-block {
		font-size: 16px;
		line-height: 120%;
	}

	.advantages-text-bottom {
		font-size: 16px;
	}

	.selection .card-body-title {
		font-size: 18px;
	}

	.selection .card-body-text {
		font-size: 14px;
	}

	.application-text-block-bottom {
		max-height: 190px;
		height: 100%;
	}

	.application-img-block,
	.consultation-form-img-block,
	.program-zayavka-img-block,
	.entrance-why-img-block {
		height: 270px;
	}

	.copyright,
	.policy,
	.training,
	.questionanswer,
	.official {
		margin-top: 10px;
	}

	.program-info-left-block {
		width: 100% !important;
		padding: 10px 15px;
	}

	.program-info {
		margin-top: 40px;
	}

	.accordion {
		--bs-accordion-active-color: var(--main-text-red-);
		--bs-accordion-border-width: none;
	}

	.accordion-item {
		border-bottom: 1px solid var(--main-color-four-);
	}

	.accordion-body {
		padding: 0px 0px 5px;
	}

	.accordion-button {
		padding: 10px 2px;
		pointer-events: inherit;
	}

	.accordion-button::after {
		content: "";
	}

	.collapse:not(.show) {
		display: none;
	}

	.accordion-button:not(.collapsed)::after {
		background-image: url(images/accordion_arrow_hover.svg);
	}

	.input-form input,
	.input-form textarea,
	.input-form select {
		font-size: 14px;
	}

	.offer-text {
		padding: 25px;
	}

	.division-about-text-block {
		padding: 10px;
	}

	.division-about {
		padding: 10px;
		margin-top: 20px;
	}

	.division-card-text-block {
		padding: 10px 0px !important;
	}

	.division-card-img-block {
		height: 600px;
	}

	.division-team {
		margin-top: 60px;
	}

	.division-team-title {
		margin-bottom: 16px;
	}

	.division-table {
		margin-top: 60px;
	}

	.table>:not(caption)>*>* {
		padding: 10px;
	}

	.table {
		font-size: 14px;
	}

	.selection-title,
	.division-team-title,
	.entrance-receipts .entrance-text-title,
	.entrance-attention .entrance-text-title,
	.entrance-how .entrance-text-title,
	.entrance-why .entrance-text-title,
	.entrance-documents .entrance-text-title,
	.question-main-title {
		margin-bottom: 20px;
	}
}

@media (max-width: 767.98px) {

	.search,
	.account,
	.visibility {
		margin: 0;
	}

	.vk {
		margin-right: 10px;
	}

	.visibility svg,
	.vk svg,
	.navbar-toggler,
	.search svg,
	.header-buttons .form-control {
		width: 30px;
		height: 30px;
	}

	.header-buttons .form-control {
		width: 100%;
	}

	.button-application .btn,
	.footer-text-block-bottom .btn,
	.button-zayavka .btn,
	.button-inform .btn {
		padding: 10px;
		font-size: 16px;
	}

	header {
		margin-bottom: 20px;
	}

	header .nav-item {
		margin-bottom: 10px;
	}

	.navbar-collapse {
		position: absolute;
		top: calc(100% + 45px);
		left: 0;
		transform: translateX(-50%);
		background-color: var(--main-color-one-);
		z-index: 30;
		width: calc(205% - 12px);
	}

	header .nav-item {
		display: block;
		width: 100%;
	}

	.nav a {
		margin-bottom: 5px;
		font-size: 16px;
	}

	.nav li a.dropdown-toggle {
		pointer-events: none;
		cursor: default;
	}

	.phone a,
	.mail a {
		margin-right: 25px;
		display: inline-block;
	}

	.button-application .btn {
		width: 100%;
	}

	.dropdown:hover>.dropdown-menu {
		display: contents;
	}

	.dropdown-item {
		white-space: inherit;
		background-color: var(--main-color-three-);
		padding: 5px;
	}

	.consultation-form-text-block-center {
		font-size: 14px;
	}

	.modal-text {
		font-size: 14px;
	}

	.modal-body {
		padding: 25px;
	}

	.mySwiperSlider {
		height: 420px;
	}

	.advantages {
		margin-top: 60px;
	}

	.selection {
		margin-top: 60px;
	}

	.selection .card-body {
		max-height: 245px;
		height: inherit;
	}

	.searchable {
		position: relative;
	}

	.searchable ul li {
		padding: 16px 10px;
		border-bottom: 1px solid var(--main-color-three-);
	}

	.searchable ul {
		width: 100%;
	}

	.searchable input {
		height: 55px;
	}

	.alert {
		padding: 10px 50px 10px 20px;
	}

	.alert .btn-close {
		padding: 10px !important;
	}

	.application-img-block,
	.consultation-form-img-block,
	.program-zayavka-img-block,
	.entrance-why-img-block {
		height: 220px;
	}

	.application {
		margin-top: 30px;
	}

	footer {
		margin-top: 40px;
	}

	.footer-text-block-bottom .btn {
		width: 100%;
	}

	.division-card-img-block {
		height: 450px;
	}

	.entrance-receipts,
	.entrance-attention,
	.entrance-how,
	.entrance-why,
	.entrance-documents,
	.division-about {
		margin-top: 30px;
	}

	.entrance-why-img-block {
		height: 380px;
	}

	.entrance-how br {
		display: none;
	}

	.unit-content-block-title {
		height: 35px;
	}

	.unit-content-block-card-bottom {
		height: 35px;
	}

	.application-text-block-bottom {
		max-height: 210px;
	}
}

@media (max-width: 575.98px) {
	header .header_top {
		& .official {
			width: 130px;
			line-height: 1.3;
		}
	}

	.navbar-collapse {
		width: 212%;
	}

	.division-table .program-info-text-black,
	.division-table .accordion-text-main {
		font-size: 12px;
	}

	.division-table .accordion-text-title-one,
	.division-table .accordion-text-title-two {
		font-size: 12px;
	}

	.mySwiperSlider {
		height: 460px;
	}

	.swiper-slide-block-top-title {
		font-size: 16px !important;
	}

	.swiper-slide-block-text {
		font-size: 14px;
	}

	.swiper-slide-block-top-text-red {
		font-size: 18px;
		line-height: 100%;
	}

	.swiper-slide-block-top {
		margin-bottom: 10px !important;
	}

	.advantages-text-bottom {
		font-size: 14px;
	}
}

@media (max-width: 450px) {
	.advantages-text-bottom {
		font-size: 12px;
	}
}