html {height: 100%;}

body {
	min-height: 100%;
	height: 100%;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
    margin: 0px;
    padding: 0px;
	font-size: 15px;
    color: #111111;
	font-weight: 400;
	background: #fafafa;
}

#menus {
	border: 1px solid #D9D9D9;
	background: rgba(255, 255, 255, 0.80);
	height: 100px;
}

.topmenu ul li {
	display: inline-block;
	padding-left: 12px;
	padding-right: 12px;
	position: relative;
}

.topmenu {
	text-align: center;
}

.topmenu .submenu {
	display: none;
	position: absolute;
	top: -13px;
	left: 0;
	min-width: 200px;
	background-color: #fff;
	border: 1px solid #ddd;
	z-index: 999;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 15px;
}

.topmenu .submenu li {
	margin: 0;
}

.topmenu .submenu li a {
	padding: 5px;
	white-space: nowrap;
	display: block;
}

a.searching {
	color: #333;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	background: url(../img/search.svg) no-repeat left center;
	float: right;
	padding-left: 32px;
	margin-top: 35px;
	margin-left: 22px;
}

a.contacts {
	color: #333;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	background: url(../img/call.svg) no-repeat left center;
	float: right;
	padding-left: 32px;
	margin-top: 35px;
}

a.readmore:hover {
	opacity: 0.9;
	text-decoration: none;
}

.contentheading {
	color: #31363A;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px;
	padding-top: 43px;
	padding-bottom: 47px;
	text-align: center;
}

.news_item img {
	width: 100%;
	height: auto;
}

a.news_title {
	color: #043664;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	display: inline-block;
	padding-top: 20px;
}

.short_desc {
	color: #464646;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	padding-top: 12px;
}

.created {
	color: #3D3BFF;
	text-align: right;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px;
	padding-top: 24px;
}

#org {
	background: #F2F2F2;
	padding-top: 40px;
	padding-bottom: 40px;
}

.orgdesc {
	color: #043664;
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	padding-top: 8px;
}

.calcs:hover {
	opacity: 0.9;
	text-decoration: none;
	color: #ffffff;
}

.analytics:hover {
	opacity: 0.9;
	text-decoration: none;
	color: #ffffff;
}

.npr:hover {
	opacity: 0.9;
	text-decoration: none;
	color: #ffffff;
}

.clr1 {
	background: #CFE7FE;
}

.clr2 {
	background: #FEECCF;
}

.clr3 {
	background: #CFD5FE;
}

.pro {
	color: #6C6C6C;
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px;
}

.proname {
	color: #434242;
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	padding-top: 7px;
}

.course_item ul li {
	color: #333;
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 18.24px;
}

.prices {
	border-radius: 10px;
	background: #FCFCFC;
	padding: 16px;
	text-align: left;
}

.old_price {
	color: #333;
	font-family: Arial;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 18.24px;
	position: relative;
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
}

.old_price:after {
	content: "";
	width: 100%;
	height: 3px;
	background: #8C8C8C;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.new_price {
	color: #333;
	font-family: Arial;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 18.24px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 8px;
}

.per_month {
	color: #3D3BFF;
	font-family: Arial;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 18.24px;
	margin-top: 30px;
	padding-left: 25px;
	position: relative;
	display: inline-block;
}

.per_month:after {
	content: "сом|месяц";
	color: #333;
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 18.24px;
	position: absolute;
	right: -90px;
	top: -20px;
}

a.course_readmore {
	border-radius: 8px;
	border: 3px solid #7D7D7D;
	display: inline-block;
	color: #7D7D7D;
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	padding: 12px 25px;
	margin-left: 5px;
	margin-right: 5px;
}

a.course_order {
	border-radius: 8px;
	border: 3px solid #3D3BFF;
	display: inline-block;
	color: #FFFFFF;
	background: #3D3BFF;
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	padding: 12px 25px;
	margin-left: 5px;
	margin-right: 5px;
}

.course_btns {
	padding-top: 40px;
	padding-bottom: 23px;
}

a.course_readmore:hover, a.course_order:hover {
	opacity: 0.7;
	text-decoration: none;
}

#courses {
	position: relative;
}

#square6 {
	position: absolute;
	right: 50px;
	bottom: 200px;
	background: url(../img/squares2.svg) no-repeat;
	width: 80px;
	height: 120px;
	background-size: cover;
}

#square7 {
	position: absolute;
	left: 50px;
	top: 50%;
	background: url(../img/squares4.svg) no-repeat;
	width: 40px;
	height: 40px;
	background-size: cover;
}

#square8 {
	position: absolute;
	right: 70px;
	bottom: 10px;
	background: url(../img/squares2.svg) no-repeat;
	width: 80px;
	height: 120px;
	background-size: cover;
}

#partners2 {
	background: #F2F2F2;
	padding-top: 35px;
	padding-bottom: 35px;
}

.partner_item {
	height: 240px;
	position: relative;
}

.partner_item img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 240px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.person_item img {
	width: 100%;
	height: auto;
	margin-top: 40px;
}

.z {
	position: relative;
	z-index: 10;
}

.info_block {
	padding: 60px 30px 28px 30px;
	border-radius: 17px;
	background: #DFE7F1;
	position: relative;
	min-height: 440px;
}

.target1 {
	width: 80%;
	border-radius: 9px;
	background: #3D3BFF;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
	position: absolute;
	left: 50%;
	top: -20px;
	transform: translate(-50%,0);
	padding-left: 10px;
	padding-right: 10px;
}

.target2 {
	width: 80%;
	border-radius: 9px;
	background: #F5C72C;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
	position: absolute;
	left: 50%;
	top: -20px;
	transform: translate(-50%,0);
	padding-left: 10px;
	padding-right: 10px;
}

.target3 {
	width: 80%;
	border-radius: 9px;
	background: #EB9520;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
	position: absolute;
	left: 50%;
	top: -20px;
	transform: translate(-50%,0);
	padding-left: 10px;
	padding-right: 10px;
}

.tname {
	color: #303B42;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	padding-bottom: 7px;
}

#we {
	background: #043664;
	padding-top: 25px;
	padding-bottom: 25px;
}

.wein {
	color: #FFFFFF;
	text-align: center;
	font-size: 26.641px;
	font-style: normal;
	font-weight: 500;
}

a.in {
	width: 28px;
	height: 28px;
	display: inline-block;
	background: url(../img/in.png) no-repeat;
	background-size: cover;
	margin-left: 22px;
}

a.fb {
	width: 28px;
	height: 28px;
	display: inline-block;
	background: url(../img/fb.png) no-repeat;
	background-size: cover;
	margin-left: 6px;
}

#foooter {
	background: #464646;
	padding-top: 38px;
	padding-bottom: 38px;
}

.bbor a {
	color: #ffffff;
}

.bbor2 img {
	width: 100%;
	height: auto;
}

.bbor2 {
	padding-top: 11px;
	padding-bottom: 11px;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 13.7px;
	font-style: normal;
	font-weight: 400;
	line-height: 23.31px;
}

.bbor3 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.bbor3 ul li {
	display: inline-block;
	padding-left: 15px;
}

.bbor3 a {
	color: #ffffff;
}

.bbor3 {
	padding-top: 30px;
}

.copyright {
	padding-top: 13px;
}

@media (min-width: 768px) {
	
	.mobile-menu-close {
		display: none;
	}
	
	.topmenu .dropdown:hover .submenu {
		display: block;
	}
	
	.space {
		width: 1050px;
		height: 750px;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		border-radius: 60px;
		background: #043664;
	}
	
	.logo img {
		width: 100%;
		height: auto;
	}
	
	#header {
		height: 90vh;
		background: url(../img/main.jpg) no-repeat;
		background-size: cover;
	}
	
	#header2 {
		height: 40vh;
		background: url(../img/main.jpg) no-repeat center center;
		background-size: cover;
	}
	
	.about_block {
		width: 80%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	
	.lefts {
		width: 40%;
		height: calc(90vh - 100px);
		background: rgba(208, 208, 208, 0.30);
		backdrop-filter: blur(2.25px);
		position: relative;
	}
	
	a.readmore {
		border-radius: 8px;
		background: #043664;
		display: inline-block;
		height: 50px;
		line-height: 50px;
		color: #FFFFFF;
		font-size: 20px;
		padding-left: 23px;
		padding-right: 23px;
		margin-top: 40px;
	}
	
	#square2 {
		position: absolute;
		right: 0px;
		bottom: 0px;
		background: url(../img/squares2.svg) no-repeat;
		width: 80px;
		height: 120px;
		background-size: cover;
	}
	
	#news {
		position: relative;
		padding-bottom: 124px;
		margin-bottom: 36px;
	}
	
	.orgheading {
		color: #043664;
		font-family: Inter;
		font-size: 35px;
		font-style: normal;
		font-weight: 400;
		line-height: 44px;
	}
	
	#org img {
		width: 100%;
		height: auto;
	}
	
	.calcs {
		display: inline-block;
		border-radius: 8px;
		color: #FFF;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		padding: 16px 16px 16px 56px;
		background: #043664 url(../img/calc.svg) no-repeat 16px center;
	}
	
	.analytics {
		display: inline-block;
		border-radius: 8px;
		color: #FFF;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		padding: 16px 16px 16px 56px;
		background: #F9D17A url(../img/finance.svg) no-repeat 16px center;
		margin-left: 20px;
	}
	
	.npr {
		display: inline-block;
		border-radius: 8px;
		color: #FFF;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		padding: 16px 16px 16px 56px;
		background: #EB9520 url(../img/database_search.svg) no-repeat 16px center;
		margin-left: 20px;
	}
	
	#square3 {
		position: absolute;
		left: 0px;
		top: 0px;
		background: url(../img/squares3.svg) no-repeat;
		width: 80px;
		height: 120px;
		background-size: cover;
	}
	
	#buttons {
		padding-top: 20px;
		padding-bottom: 70px;
	}
	
	#square4 {
		position: absolute;
		right: 0px;
		top: 20px;
		background: url(../img/squares.svg) no-repeat;
		width: 80px;
		height: 40px;
		background-size: cover;
	}
	
	.proimg img {
		width: 100%;
		height: auto;
		margin-top: 12px;
	}
	
	.course_item {
		border-radius: 30px;
		padding: 17px;
		height: 520px;
		margin-bottom: 16px;
	}
	
	.bbor ul li {
		display: inline-block;
		padding-left: 15px;
	}
	
	.bbor ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
	.bbor {
		border-bottom: 1px solid #FFFFFF;
		padding-bottom: 38px;
	}
	
	#trainers2 {
		position: relative;
		height: 750px;
		margin-bottom: 47px;
	}
	
	.about_desc {
		color: #FFF;
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		padding-top: 14px;
	}
	
	.about_title {
		color: #FFF;
		font-size: 32px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	
	#square1 {
		position: absolute;
		left: 0px;
		top: 0px;
		background: url(../img/squares.svg) no-repeat;
		width: 80px;
		height: 40px;
		background-size: cover;
	}
	
	.course_item ul {
		margin: 15px 17px 27px 17px;
		padding: 0px;
	}
	
	#square5 {
		position: absolute;
		left: 50px;
		top: 0px;
		background: url(../img/squares3.svg) no-repeat;
		width: 80px;
		height: 120px;
		background-size: cover;
	}
	
	.mobile-menu-toggle {
		display: none !important;
	}
	
	.topmenu ul li a:link, .topmenu ul li a:visited {
		color: #333;
		font-size: 18px;
		font-weight: 500;
		line-height: normal;
	}
	
	.topmenu ul {
		margin: 35px 0px 0px 0px;
		padding: 0px;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
	}
	
	.hd {
		display: none !important;
	}
	
}

@media (max-width: 767px) {
	
	.topmenu ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
	}
	
	.topmenu ul li a:link, .topmenu ul li a:visited {
		color: #ffffff;
		font-size: 28px;
		font-weight: 600;
		line-height: normal;
		display: block;
		padding-bottom: 15px;
	}
	
	#square5 {
		position: absolute;
		left: 50px;
		top: 0px;
		background: url(../img/squares3.svg) no-repeat;
		width: 40px;
		height: 60px;
		background-size: cover;
	}
	
	.course_item ul {
		margin: 15px 17px 27px 17px;
		padding: 0px;
		text-align: left !important;
	}
	
	#square1 {
		position: absolute;
		left: 0px;
		top: 0px;
		background: url(../img/squares.svg) no-repeat;
		width: 40px;
		height: 20px;
		background-size: cover;
	}
	
	.about_title {
		color: #FFF;
		font-size: 22px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	
	.about_desc {
		color: #FFF;
		font-size: 15px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		padding-top: 14px;
	}
	
	#trainers2 {
		position: relative;
		margin-bottom: 47px;
	}
	
	.bbor {
		border-bottom: 1px solid #FFFFFF;
		padding-bottom: 20px;
	}
	
	.bbor ul {
		margin: 0px 0px 20px 0px;
		padding: 0px;
		list-style: none;
	}
	
	.bbor ul li {
		display: block;
		padding-left: 15px;
	}
	
	.pro, .proname {
		text-align: center;
	}
	
	.course_item {
		border-radius: 30px;
		padding: 17px;
		margin-bottom: 16px;
		text-align: center;
	}
	
	.proimg img {
		width: 30%;
		height: auto;
		margin-top: 12px;
		margin-bottom: 12px;
	}
	
	.proimg {
		text-align: center;
	}
	
	#square4 {
		position: absolute;
		right: 0px;
		top: 40px;
		background: url(../img/squares.svg) no-repeat;
		width: 40px;
		height: 20px;
		background-size: cover;
	}
	
	#buttons {
		padding-top: 20px;
	}
	
	.npr {
		display: block;
		border-radius: 8px;
		color: #FFF;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		padding: 16px 16px 16px 56px;
		background: #EB9520 url(../img/database_search.svg) no-repeat 16px center;
	}
	
	.analytics {
		display: block;
		border-radius: 8px;
		color: #FFF;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		padding: 16px 16px 16px 56px;
		background: #F9D17A url(../img/finance.svg) no-repeat 16px center;
		margin-bottom: 15px;
	}
	
	.calcs {
		display: block;
		border-radius: 8px;
		color: #FFF;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		padding: 16px 16px 16px 56px;
		background: #043664 url(../img/calc.svg) no-repeat 16px center;
		margin-bottom: 15px;
	}
	
	#org img {
		width: 100%;
		height: auto;
		margin-top: 40px;
	}
	
	.orgheading {
		color: #043664;
		font-family: Inter;
		font-size: 25px;
		font-style: normal;
		font-weight: 600;
		padding-bottom: 20px;
	}
	
	#news {
		position: relative;
		margin-bottom: 36px;
	}
	
	.news_item {
		margin-bottom: 30px;
	}
	
	a.readmore {
		border-radius: 8px;
		background: #043664;
		display: inline-block;
		height: 40px;
		line-height: 40px;
		color: #FFFFFF;
		font-size: 15px;
		padding-left: 23px;
		padding-right: 23px;
		margin-top: 10px;
	}
	
	.lefts {
		width: 90%;
		background: rgba(208, 208, 208, 0.30);
		backdrop-filter: blur(2.25px);
		position: relative;
		margin-left: 5%;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.about_block {
		padding-left: 5%;
		padding-right: 5%;
		margin-top: 5px;
	}
	
	#header {
		height: 50vh;
		background: url(../img/main.jpg) no-repeat;
		background-size: cover;
	}
	
	#header2 {
		height: 40vh;
		background: url(../img/main.jpg) no-repeat;
		background-size: cover;
	}

	.logo img {
		width: 50%;
		height: auto;
	}
	
	.topmenu, .other_btn {
		display: none;
	}
	
	.topmenu ul {
		flex-direction: column;
	}

	.topmenu .submenu {
		position: static;
		border: none;
		background: none;
	}

	.topmenu .submenu li a {
		padding-left: 30px;
	}

	.topmenu .dropdown .submenu {
		display: none;
	}

	.topmenu .dropdown.open .submenu {
		display: block;
		text-align: center;
	}
	
	.mobile-menu-toggle {
		display: block;
	}
	
	#mainMenu {
		flex-direction: column;
		padding: 10px 0;
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%;
		z-index: 999;
	}

	.topmenu.active {
		display: block;
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background: #043664;
		z-index: 10000;
	}

	#mainMenu li {
		margin: 0;
	}

	#mainMenu li a {
		padding: 12px 20px;
	}

	.submenu {
		position: static;
		background: #f9f9f9;
		border: none;
		padding-left: 20px;
	}

	.dropdown.open .submenu {
		display: block;
	}

}

h1 {
	font-size: 28px;
	text-transform: uppercase;
	font-weight: bold;
}

h2 {
	font-size: 22px;
	font-weight: bold;
}

.static {
	font-size: 16px;
	padding-bottom: 40px;
}

.static h2 {
	color: #2c3e50;
	margin-bottom: 20px;
	border-bottom: 2px solid #ccc;
	padding-bottom: 10px;
}

.static h3 {
	margin-top: 30px;
	color: #444;
	font-size: 20px;
}

.static ul {
	list-style-type: disc;
	padding-left: 25px;
	margin-top: 10px;
}

.static ul li {
	margin-bottom: 8px;
}

.static p {
	margin-top: 15px;
}

.mobile-menu-toggle {
	font-size: 28px;
	cursor: pointer;
	color: #FFFFFF;
	position: fixed;
	right: 15px;
	top: 25px;
	background: #ff9600;
	z-index: 1000;
	border-radius: 50%;
	line-height: 50px;
	height: 50px;
	width: 50px;
	text-align: center;
}

.mobile-menu-close {
	font-size: 28px;
	cursor: pointer;
	color: #FFFFFF;
	position: fixed;
	right: 15px;
	top: 25px;
	background: #ff9600;
	z-index: 10001;
	border-radius: 50%;
	line-height: 50px;
	height: 50px;
	width: 50px;
	text-align: center;
	opacity: 0.8;
}