/*
$theme-colors: (
  "primary": #0074d9,
  "danger": #ff4136,
  "warning": #DDDB00,
);
*/
:root {
  --white: #ffffff;
  --gray-light: #ECECEC;
  --gray: #7B8387;
  --gray-dark: #555B6E;
  --teal: #51D6CD;
}
@font-face {
	font-family: 'Circe';
	src: url('fonts/Circe-Regular.eot');
	src: local('Circe'), local('Circe-Regular'),
		url('fonts/Circe-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Circe-Regular.woff') format('woff'),
		url('fonts/Circe-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Circe';
	src: url(fonts/'Circe-Bold.eot');
	src: local('Circe Bold'), local('Circe-Bold'),
		url('fonts/Circe-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Circe-Bold.woff') format('woff'),
		url('fonts/Circe-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Circe';
	src: url('Circe-ExtraLight.eot');
	src: local('Circe ExtraLight'), local('Circe-ExtraLight'),
		url('Circe-ExtraLight.eot?#iefix') format('embedded-opentype'),
		url('Circe-ExtraLight.woff') format('woff'),
		url('Circe-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}
header {
	background: linear-gradient(150.55deg, #27B6BE 4.07%, #49C2BA 15%, #40B0AA 27.18%);
}
header .container-fluid {
	background-image: url('https://mguu.ru/files/urban-leader-2022/images/bg1-2.png');
	background-position: top center;
	background-repeat: no-repeat;
	/* background-size: cover; */
}

.bg2-1 {
	background-image: url('https://mguu.ru/files/urban-leader-2022/images/bg2-1.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: var(--teal);
}
.bg-footer {
	background-image: url('https://mguu.ru/files/urban-leader-2022/images/bgfooter.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: var(--teal);
}

.navbar-toggler {
	border: unset;
}
.nav-item {
	flex-grow: 1;
}
.navbar {
	background: transparent;
}
.navbar-nav {
	display: contents!important;
}
.navbar-dark .navbar-nav .nav-link {
    color: white!important;
}
.navbar-collapse {
    background: #36b6b6;
}
body, p {
	font-family: 'Circe', 'Roboto', 'Ubuntu', 'Helvetica', sans-serif!important;
    font-weight: normal;
    font-style: normal;
	line-height: 1.3;
}
.fw-bold {
	font-weight: bold;
    font-style: normal;
}
.fw-extralight {
    font-weight: 200;
    font-style: normal;
}
h2.h1 {
    font-size: 3.5rem;
}
.h2, h2 {
	font-size: 2.5rem;
}
h5, h5 {
	font-size: 1.35rem;
}
h6, h6 {
	font-size: 1.2rem;
}
header h1 {
	font-size: 4.5rem;
}
.modal {
	font-family: 'Roboto', 'Ubuntu', 'Helvetica', sans-serif!important;
}
.triangle-top {
    top: 0;
    right: 0;
    margin-top: -4rem;
    margin-right: -3rem;
}
.cards {
	background: rgb(237,237,237);
	background: -moz-linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ededed",endColorstr="#ffffff",GradientType=1);
	border-radius: 1rem!important;
}
form label {
	color: var(--white);
	font-size: .8rem;
	text-transform: uppercase;
}
.btn-teal {
	background-color: var(--teal);
	color: var(--white);
}
.btn-teal:hover {
	background-color: #27a7af;
	color: var(--white);
}
.text-teal {
	color: var(--teal);
}
.btn-gray {
	background-color: var(--gray-light);
	color: var(--gray-dark);
}
.btn-gray:hover {
	background-color: var(--gray);
	color: var(--gray-dark);
}
.text-gray {
	color: var(--gray);
}
.bg-gray {
	background-color: var(--gray-dark);
}
.bg-gray-light {
	background-color: var(--gray-light);
}
.bg-black {
	background-color: #000;
}
.bg-teal{
	background-color: var(--teal);	
}
.mh-142px {
	max-height: 142px;
}
.mh-42px {
	max-height: 42px;
}
.mh-89px {
	max-height: 89px;
}
.mw-110px {
	max-height: 110px;
}
.mw-16px {
	max-width: 16px;
}
.mw-29px {
	max-width: 29px;
}
.mw-34px {
	max-width: 34px;
}
.arrows {
	max-width: 91px;
	margin-bottom: -8rem;
}
.arrow_vertical {
	position: sticky;
	height: fit-content;
	top: 0;
	margin-left: -4rem;
	margin-top: -4rem;
}
.arrow_vertical1 {
	position: sticky;
	height: fit-content;
	top: 0;
}
#trigger1 {
	background: url('https://mguu.ru/files/urban-leader-2022/images/bg-01.png') no-repeat center center;
	background-size: contain;
}
#trigger2 {
	background: url('https://mguu.ru/files/urban-leader-2022/images/bg-02.png') no-repeat center center;
	background-size: contain;
}
#trigger3 {
	background: url('https://mguu.ru/files/urban-leader-2022/images/bg-03.png') no-repeat center center;
	background-size: contain;
}
.list_img1, .list_img2 {
	padding-left: 0;
}
.list_img1 li {
	list-style: none;
	line-height: 130%;
	padding-left: 24px;
	background: url('https://mguu.ru/files/urban-leader-2022/images/arrow77.svg') no-repeat left top;
	background-size: 15px;
	padding-bottom: 1rem;
}
.list_img2 li {
	list-style: none;
	line-height: 130%;
	padding-left: 24px;
	background-size: 15px;
	padding-bottom: 1rem;
}
.list_img2 li ul {
	padding-left: 15px;
}
.list_img2 li ul li {
	list-style: circle;
	line-height: 130%;
	background-size: 15px;
	padding-bottom: 1rem;
	padding-left: 5px;
}

.min7 {
	margin-top: -7rem;
	padding-top: unset;
}
.link-ankor:before {
  display: block;
  content: "";
  height: 111px;
  margin: -111px 0 0;
}
.pyxxl5 {
	padding: 0!important;
}

#invisMessage{
	margin-top: 20px;
	opacity: 0;
	transition: 0.5s all;
}

@media (min-width: 1440.98px) and (max-width: 2700px) {
	.pyxxl5 {
		padding-top: 3rem!important;
	    padding-bottom: 3rem!important;
	}
}
@media (max-width: 1440px) {
	.container {
		max-width: 1140px!important;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	header h1, h2.number {
		font-size: 2rem;
	}
	.list_img1 li {
		list-style: none;
		line-height: 130%;
		padding-left: 30px;
		margin-left: -8px;
		background: url('https://mguu.ru/files/urban-leader-2022/images/arrow77.svg') no-repeat left top;
		background-size: 16px;
		padding-bottom: 1rem;
	}
	.arrow_vertical {
		position: initial;
	}
	.bg2-1 {
		background-image: unset;
		background-color: var(--teal);
	}
	header .container-fluid {
		background-image: unset;
	}
	#how .h2, #selection h2 {
		font-size: 1.5rem
	}
	.min7 {
		margin-top: unset;
		padding-top: 3rem;
	}
	.navbar {
		background: #36b6b6;
	}
}
@media (min-width: 576px) and (max-width: 767.98px) {
	header h1, h2 {
		font-size: 1.7rem;
	}
	.list_img1 li {
		list-style: none;
		line-height: 130%;
		padding-left: 30px;
		margin-left: -8px;
		background: url('https://mguu.ru/files/urban-leader-2022/images/arrow77.svg') no-repeat left top;
		background-size: 16px;
		padding-bottom: 1rem;
	}
	.arrow_vertical {
		position: initial;
	}
	.bg2-1 {
		background-image: unset;
		background-color: var(--teal);
	}
	header .container-fluid {
		background-image: unset;
	}
	#how .h2, #selection h2 {
		font-size: 1.5rem
	}
	.min7 {
		margin-top: unset;
		padding-top: 3rem;
	}
	.navbar {
		background: #36b6b6;
	}
}
@media (max-width: 575.98px) {
	header h1, h2 {
		font-size: 1.7rem;
	}
	.list_img1 li {
		list-style: none;
		line-height: 130%;
		padding-left: 30px;
		margin-left: -8px;
		background: url('https://mguu.ru/files/urban-leader-2022/images/arrow77.svg') no-repeat left top;
		background-size: 16px;
		padding-bottom: 1rem;
	}
	.arrow_vertical {
		position: initial;
	}
	.bg2-1 {
		background-image: unset;
		background-color: var(--teal);
	}
	header .container-fluid {
		background-image: unset;
	}
	#how .h2, #selection h2 {
		font-size: 1.5rem
	}
	.min7 {
		margin-top: unset;
		padding-top: 3rem;
	}
	.navbar {
		background: #36b6b6;
	}
}