@import url(programs__card.css?v=13042022);
@import url(pagination.css);


/********************
programs__caption
********************/
	.programs__caption {
		margin: 0 0 22px;
		font-size: 28px;
		font-weight: 700;
		line-height: 1.2;
		color: #244CC8;
	}


/*******************
576
*******************/
	@media (min-width: 576px) {}


/*******************
768
*******************/
	@media (min-width: 768px) {
		.programs__caption {
			margin: 0 0 42px;
			font-size: 48px;
		}
	}


/*******************
992
*******************/
	@media (min-width: 992px) {}


/*******************
1200
*******************/
	@media (min-width: 1200px) {}





/********************
menu
********************/
	.programs__nav {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 0 calc(-1 * var(--bs-gutter-x, 16px)) 20px;
	}
	.programs__nav.owl-carousel {
		width: auto;
	}

	.programs__nav-link {
		position: relative;
		display: block;
		padding: 16px;
		font-size: 16px;
		font-weight: 700;
		line-height: 1.2;
		text-decoration: none;
		white-space: nowrap;
		color: #181940;
		overflow: hidden;
		transition: .2s;
	}
	.programs__nav-link:after {
		position: absolute;
		left: 0;
		right: 0;
		top: auto;
		bottom: -10px;
		height: 0px;
		border-top: 4px solid;
		border-radius: 4px 4px 0px 0px;
		content: '';
		transition: .2s;
	}
	.programs__nav-link_active,
	.programs__nav-link:hover,
	.programs__nav-link:focus {
		text-decoration: none;
		color: var(--red);
	}
	.programs__nav-link_active:after {
		bottom: 0;
	}

	.programs__nav.owl-carousel .owl-stage-outer {
		margin: 0;
		overflow: visible;
	}
	.programs__nav .owl-stage {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		border-bottom: 1px solid #CFD1DF;
	}

	.programs__nav .owl-nav {
		display: none;
	}


/*
	@media screen and (max-width: 1200px) {
		.programs__nav .owl-nav {
			top: 0;
			left: 0;
			z-index: -1;
			width: 100%;
			height: 100%;
			display: flex;
			position: absolute;
			justify-content: space-between;
		}
		.programs__nav .owl-nav .owl-next {
			right: 0 !important;
		}
		.programs__nav .owl-nav .owl-prev {
			left: 0 !important;
			transform: rotate(180deg);
		}
		.programs__nav .owl-nav .owl-next,
		.programs__nav .owl-nav .owl-prev {
			width: 40px;
			height: 100%;
			display: flex;
			outline: none;
			position: relative;
			transition: all .3s ease-in-out;
		}
		.programs__nav .owl-nav .owl-next.disabled,
		.programs__nav .owl-nav .owl-prev.disabled {
			opacity: .2;
			cursor: default;
		}
		.programs__nav .owl-nav .owl-next:before,
		.programs__nav .owl-nav .owl-prev:before {
			top: 50%;
			left: 50%;
			content: '';
			width: 15px;
			height: 26px;
			display: block;
			position: absolute;
			background-size: contain;
			background-position: center;
			transform: translate(-50%, -50%);
			background-image: url("/assets/template/v5/images/abiturientam/arrow.png");
		}
		.programs__nav .owl-nav .owl-next span,
		.programs__nav .owl-nav .owl-prev span {
			display: none;
		}
		.programs__nav .owl-stage-outer {
			margin: 0 40px;
		}
	}
*/



/*******************
768
*******************/
	@media (min-width: 768px) {
		.programs__nav {
			margin: 35px 0px 32px;
		}
		.programs__nav-link {
			padding: 16px 24px;
			font-size: 18px;
		}
	}




/*******************
1200
*******************/
	@media (min-width: 1200px) {
		.programs__nav .owl-stage {
			min-width: 100%;
		}
		.programs__nav {
			margin: 42px 0px 52px;
		}
		.programs__nav-link {
			font-size: 20px;
		}
	}





/*******************
programs
*******************/
	.block-page.block-programs {
		padding: 0 0 40px;
	}
	.programs {
		padding: 46px 0 20px;
		overflow: hidden;
	}
	.programs_bg-gray {
		background-color: var(--gray);
	}


/*******************
576
*******************/
	@media (min-width: 576px) {}


/*******************
768
*******************/
	@media (min-width: 768px) {
		.programs {
			padding: 62px 0 20px;
		}
	}



/*******************
1200
*******************/
	@media (min-width: 1200px) {
		.programs {
			padding: 82px 0 20px;
		}
	}