/* ========================================================================== 
   General
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,200;8..144,300;8..144,400;8..144,500;8..144,600;8..144,700;8..144,800&family=Roboto+Slab:wght@300;400;500;700;800&display=swap');
html {
	font-size:0.9375em;
}
@media (min-width:768px) {
	html {
		font-size:0.9em;
	}
}
@media (min-width:992px) {
	html {
		font-size:0.95em;
	}
}
@media (min-width:1280px) {
	html {
		font-size:1em;
	}
}
@media (min-width:1600px) {
	html {
		font-size:1em;
	}
}
body {
	color:#333;
}
h2 {
	font-weight:700;
	}
img {
	display:block; 
	max-width:100%;
	}
a, button {
	cursor:pointer;
	outline:none;
	}
a {
	color:#58C793;
	text-decoration:none;
	}
a:hover {
	color:#fff;
	border-bottom:none;
	text-decoration:none;
	}
*, *:after, *:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.row-flex {
	display:flex;
	flex-flow:row wrap;
	}
.row-flex, .row-flex > div[class*='col-'] { 
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	flex:1 1 auto;
}
.row-flex-wrap {
	-webkit-flex-flow:row wrap;
	align-content:flex-start;
	flex:0;
}
.row-flex > div[class*='col-'] {
	margin:-.2px; 
}
.height-100 {
	height:100%;
}
.container-fluid {
	max-width:1600px;
}

/* ========================================================================== 
   Paddings & Margins
   ========================================================================== */
.mt-0 {
	margin-top:0;
}
.mt-10 {
	margin-top:10px;
}
.mt-20 {
	margin-top:20px;
}
.mt-30 {
	margin-top:30px;
}
.mt-40 {
	margin-top:40px;
}
.mt-50 {
	margin-top:50px;
}
.mt-60 {
	margin-top:60px;
}
.mt-70 {
	margin-top:70px;
}
.mt-80 {
	margin-top:80px;
}
.mt-90 {
	margin-top:90px;
}
.mt-100 {
	margin-top:100px;
}
.mb-10 {
	margin-bottom:10px;
}
.mb-20 {
	margin-bottom:20px;
}
.mb-30 {
	margin-bottom:30px;
}
.mb-40 {
	margin-bottom:40px;
}
.mb-50 {
	margin-bottom:50px;
}
.mb-60 {
	margin-bottom:60px;
}
.mb-70 {
	margin-bottom:70px;
}
.mb-80 {
	margin-bottom:80px;
}
.mb-90 {
	margin-bottom:90px;
}
.mb-100 {
	margin-bottom:100px;
}

/* ========================================================================== 
   Block Text
   ========================================================================== */
.program-info-wrapper {
	display:block;
}
.program-info {
	display:inline-block; 
	padding:10px 20px;
	background:transparent;
	border:1px solid #8C7FFF;
	color:#8C7FFF;
	border-radius:20px;
	margin: 0 20px 20px 0;
}
@media (min-width:1134px) {
	.block-subtitle a {
		border-bottom:2px solid;
	}
	.program-info-wrapper {
		margin-top:50px;
		margin-bottom:30px;
	}
}
@media screen and (min-width:959px) and (max-width:1133px) {
	.block-subtitle a {
		border-bottom:2px solid;
	}
	.program-info-wrapper {
		margin-top:40px;
		margin-bottom:20px;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.block-subtitle a {
		border-bottom:1px solid;
	}
	.program-info-wrapper {
		margin-top:30px;
		margin-bottom:20px;
	}
}
@media (max-width:767px) {
	.block-subtitle a {
		border-bottom:1px solid;
	}
	.program-info-wrapper {
		margin-top:30px;
		margin-bottom:0;
	}
}
/* Block Padding  */
@media (min-width:1134px) {
	.list_section, .program_section, .about_section, .admission {
		padding-left:20px;
		padding-right:20px;
	}
}
@media (max-width:1133px) {
	.list_section, .program_section, .about_section, .admission {
		padding-left:10px;
		padding-right:10px;
	}
}

/* ========================================================================== 
   Text Styles
   ========================================================================== */
.c-blue {
	color:#8793FF;
}
.c-gray {
	color:#114258;
}
.c-white {
	color:#FFF;
}
.c-red {
	color:#C342E3; /* #ef5350 */
}
.c-yellow {
	color:#FDD835;
}
.c-green {
	color: #61dca3; /* #99CC99 */
}
.block-title, .block-title-2 {
	font-weight:500;
	font-family: 'Roboto Slab';
}
.block-title.title-blue {
	color:#5110A5;
}
.block-title.title-gray {
	color:#114258;
}
.block-title.title-light, .block-title-2.title-light {
	color:#8C7FFF;
}
.block-title.title-white, .block-title-2.title-white {
	color:#fff;
}
.block-subtitle {
	font-weight:300;
}
.block-subtitle a:hover {
	border-bottom:none;
}
.program-subtitle {
	font-weight:400;
	margin-bottom:30px;
}
.program-subtitle.text-yellow {
	font-family: 'Roboto Slab';
	color:#FDD835;
}
.program-subtitle-small {
	font-weight:300;
}
.title-black {
	color:#333;
}
.main p u {
	text-decoration:none;
	border-bottom:2px solid #333;
	font-weight:500;
}
.programs-list {
	margin-left:20px;
	padding-left:0;
	list-style-type:none;
}
.programs-list li::before {
    color:#455BCF;
    content:"\2022";
	font-size:1em;
	display:inline-block; 
	width:1em;
	margin-left:-1em;
}
.programs-list li {
    color:#fff;
	margin-bottom:10px;
	font-weight:300;
}
.programs-list.red-list li::before {
    color:#F4608A;
    content:"\2022";
	font-size:1em;
	display:inline-block; 
	width:1em;
	margin-left:-1em;
}
.programs-list.red-list li {
    color:#333;
	font-size:1.25em;
	margin-bottom:10px;
	font-weight:400;
}

@media (min-width:1134px) {
	.programs-list li, .programs-list-numbers li, .programs-list.red-list li {
		font-size:1.25em;
	}
}
@media screen and (min-width:959px) and (max-width:1133px) {
	.programs-list li, .programs-list-numbers li, .programs-list.red-list li {
		font-size:1.25em;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.programs-list li, .programs-list-numbers li, .programs-list.red-list li {
		font-size:1.2em;
	}
}
@media (max-width:767px) {
	.programs-list li, .programs-list-numbers li, .programs-list.red-list li {
		font-size:1.15em;
	}
}

/* ========================================================================== 
   Text Sizes
   ========================================================================== */
.program-title label {
	font-family: 'Roboto Slab';
	font-weight:400;
	color: #61dca3;
}
.program-title h1 {
	font-family: 'Roboto Slab';
	font-weight:400;
	color:#fff;
	line-height:1.1;
	margin-bottom:30px;
	transition: all 0.1s linear;
}
.program-title p {
	font-family: 'Roboto Slab';
	font-weight:400;
	text-transform:uppercase;
}
.diplom {
	font-family: 'Roboto Slab';
	font-weight:400;
	color: #fff;
}

@media (min-width:1460px) {
	.program-title label {
		font-size:1.6em;
		line-height:1.4;
		margin-bottom:20px;
	}
	.program-title h1 {
		font-size:4em;
		line-height:1.2;
		letter-spacing: 2px;
	}
	.program-title p {
		font-size:1.05em;
		line-height:1.35;
		letter-spacing: 1px;
	}
	.diplom p {
		font-size:1.15em;
		line-height:1.35;
	}
	.main h2 {
		font-size:3.4em;
		line-height:1.25;
	}
	.main p {
		font-size: 1.35em;
	}
	.block-title {
		font-size:5em;
		margin-bottom:50px;
	}
	.block-title-2 {
		font-size:3em;
		margin-bottom:50px;
	}
	.block-subtitle {
		font-size:1.6em;
	}
	.block-subtitle a {
		border-bottom:2px solid;
	}
	.program-subtitle {
		font-size:1.6em;
		margin-bottom:35px;
	}
	.program-subtitle-small {
		font-size:1.25em;
	}
}
@media screen and (min-width:1134px) and (max-width:1459px) {
	.program-title label {
		font-size:1.4em;
		line-height:1.4;
		margin-bottom:20px;
	}
	.program-title h1 {
		font-size:3.6em;
		line-height:1.2;
		letter-spacing: 2px;
	}
	.program-title p {
		font-size:1.05em;
		line-height:1.35;
		letter-spacing: 1px;
	}
	.main p {
		font-size: 1.35em;
	}
	.block-title {
		font-size:5em;
		margin-bottom:50px;
	}
	.block-title-2 {
		font-size:3em;
		margin-bottom:50px;
	}
	.block-subtitle {
		font-size:1.6em;
	}
	.block-subtitle a {
		border-bottom:2px solid;
	}
	.program-subtitle {
		font-size:1.6em;
		margin-bottom:35px;
	}
	.program-subtitle-small {
		font-size:1.25em;
	}
}
@media screen and (min-width:959px) and (max-width:1133px) {
	.program-title label {
		font-size:1.3em;
		line-height:1.4;
	}
	.program-title h1 {
		font-size:3.2em;
		line-height:1.3;
		letter-spacing: 2px;
	}
	.main p {
		font-size: 1.25em;
	}
	.block-title {
		font-size:3em;
		margin-bottom:40px;
	}
	.block-title-2 {
		font-size:2em;
		margin-bottom:30px;
	}
	.block-subtitle {
		font-size:1.5em;
	}
	.block-subtitle a {
		border-bottom:2px solid;
	}
	.program-subtitle {
		font-size:1.5em;
		margin-bottom:30px;
	}
	.program-subtitle-small {
		font-size:1.25em;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.program-title label {
		font-size:1.2em;
		line-height:1.4;
		margin-bottom:30px;
	}
	.program-title h1 {
		font-size:2.4em;
		line-height:1.2;
	}
	.main p {
		font-size: 1.25em;
	}
	.block-title {
		font-size:3em;
		margin-bottom:40px;
	}
	.block-title-2 {
		font-size:1.8em;
		margin-bottom:30px;
	}
	.block-subtitle {
		font-size:1.4em;
	}
	.block-subtitle a {
		border-bottom:1px solid;
	}
	.program-subtitle {
		font-size:1.4em;
		margin-bottom:30px;
	}
	.program-subtitle-small {
		font-size:1.2em;
	}
}
@media (max-width:767px) {
	.program-title label {
		font-size:1.1em;
		line-height:1.3;
		margin-bottom:20px;
	}
	.program-title h1 {
		font-size:2em;
		line-height:1.25;
	}
	.main p {
		font-size: 1.2em;
	}
	.block-title {
		font-size:2.4em;
		margin-bottom:30px;
	}
	.block-title-2 {
		font-size:1.6em;
		margin-bottom:30px;
	}
	.block-subtitle {
		font-size:1.25em;
	}
	.block-subtitle a {
		border-bottom:1px solid;
	}
	.program-subtitle {
		font-size:1.3em;
		margin-bottom:25px;
	}
	.program-subtitle-small {
		font-size:1.2em;
	}
}

/* ==========================================================================
 Header
   ========================================================================== */
.logo-wrap {
	position:absolute;
	left:30px; 
	top:30px;
}
.logo-wrap .logo-color {
	fill-rule:evenodd;
	clip-rule:evenodd;
	fill:#0079c1;
}
.logo-wrap .logosvg {
	padding:0; 
	margin:0; 
	height:auto; 
	-moz-transition:all 0.25s ease-out;
	-o-transition:all 0.25s ease-out;
	-webkit-transition:all 0.25s ease-out;
}
@media (min-width:960px) {
	.logo-wrap {
		left:30px; 
		top:30px;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.logo-wrap {
		left:20px; 
		top:30px;
	}
}
@media (max-width:767px) {
	.logo-wrap {
		left:20px; 
		top:30px;
}
}
.header-over {
	position:relative;
	background: linear-gradient(0deg, #4A1FA8  0%, #15034A 100%);
	background:radial-gradient(at left top, #16886E 0%, #15034A 20%, #165951 55%, #0C4359 65%, #0C4359  100%);
	background-size:cover;
	z-index:0;
	overflow:hidden;
}
.header-wrapper {
	position:relative;
	z-index:0;
}
.lang-wrap {
	position:absolute;
	font-weight:500;
	color:#fff;
	z-index:100;
}
.lang-wrap span {
	padding: 10px;
	border:2px solid #fff;
	color:#fff;
	border-radius:50%;
	font-weight:400;
	margin-left:10px;
}
.lang-wrap a {
	text-decoration:none;
	border:0;
}
.lang-wrap a span {
	color: #61dca3;
	padding: 10px;
	background:transparent;
	border:2px solid #61dca3;
	border-radius:50%;
}
.lang-wrap a:hover span {
	padding: 10px;
	border:2px solid #fff;
	color:#fff;
	border-radius:50%;
	font-weight:400;
}
@media (min-width:960px) {
	.lang-wrap {
		right:30px; 
		top:35px;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.lang-wrap {
		right:30px; 
		top:35px;
	}
}
@media (max-width:767px) {
	.lang-wrap {
		right:20px; 
		top:35px;
	}
}

.title-window {
	position:relative;
	z-index:0;
	width:100%;
	text-align:center;
	height:90px;
}
.title-window label {
	font-family: 'Roboto Slab';
	font-weight:400;
	color:#fff;
	line-height:1.1;
	font-size:1.2em;
	text-transform:uppercase;
}
.title-window p {
	font-family: 'Roboto Slab';
	font-weight:400;
	color:#fff;
	line-height:1.35;
	font-size:1em;
	text-transform:uppercase;
}
.logo-window {
	position:absolute;
}
.program-title-wrapper	{
	width:100%;
	height:auto;
	position:relative;
	z-index:10;
}
.program-title {
	margin-bottom:0;
	padding-bottom:0;
}
.row-title {
	position:relative;
	z-index:100;
}


.window {
	position:relative;
	z-index:0;
	height:100%;
}
.window_header {
	position:relative;
	z-index:0;
	width:100%;
	height:auto;
	min-height:95px;
	background:rgba(255,255,255,0.15);
	margin-bottom:1px;
	border-radius: 20px 20px 0 0;
	padding: 0 30px;
}
.window_main {
	position:relative;
	z-index:0;
	width:100%;
	height:calc(100% - 200px);
	background:rgba(255,255,255,0.15);
	padding: 0 30px;
}
.window_footer {
	position:relative;
	z-index:0;
	width:100%;
	height:auto;
	min-height:80px;
	background:rgba(255,255,255,0.15);
	margin-top:1px;
	border-radius: 0 0 20px 20px;
}
#particle-image {
	position: absolute;
}
@media (min-width:1680px) {
	.header-over {
		width:100%;
		height:auto; 
		padding:20px;
	}
	.logo-window {
		left:30px; 
		top:20px;
	}
	.logo-window .logosvg {
		height:54px; 
		width:auto;
	}
	.window_main {
		height:auto;
		min-height:740px;
		padding: 0 30px;
	}
	.landscape-wrapper {
		width:60%; 
		height:100%;
	/*	border:1px solid red;*/
		position:absolute; 
		right:0;
		top:0;
		z-index:0;
		overflow:hidden;
	}
	.landscape-img {
		width:100%; 
		max-width:800px; 
		height:auto;
		position:absolute; 
		right:10%;
		bottom:0;
		z-index:0;
		overflow:hidden;
	}
	#particle-image {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
	}
	.program-title {
		padding-top:0;
	}
	.t-mobile {
		display:none;
	}
}
@media screen and (min-width:1460px) and (max-width:1679px) {
	.header-over {
		width:100%;
		height:960px; 
		padding:20px;
	}
	.logo-window {
		left:30px; 
		top:20px;
	}
	.logo-window .logosvg {
		height:52px; 
		width:auto; 
	}
	.window_main {
		height:auto;
		min-height:700px;
		padding: 0 30px;
	}
	.landscape-wrapper {
		width:60%; 
		height:100%;
		position:absolute; 
		right:0;
		top:0;
		z-index:0;
		overflow:hidden;
	}
	.landscape-img {
		width:100%; 
		max-width:700px; 
		height:auto;
		position:absolute; 
		right:5%;
		bottom:5%;
		z-index:0;
		overflow:hidden;
	}
	#particle-image {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
	}
	.program-title {
		padding-top:0;
	}
	.t-mobile {
		display:none;
	}
}
@media screen and (min-width:1134px) and (max-width:1459px) {
	.header-over {
		width:100%;
		height:100vh;
		padding:20px;
	}
	.logo-window {
		left:30px; 
		top:20px;
	}
	.logo-window .logosvg {
		height:50px; 
		width:auto; 
	}
	.window_main {
		height:auto;
		min-height:640px;
		padding: 0 30px;
	}
	.landscape-wrapper {
		width:65%; 
		max-width:700px;
		height:100%;
		position:absolute; 
		right:0;
		top:0;
		z-index:0;
		overflow:hidden;
	}
	.landscape-img {
		width:100%; 
		max-width:600px; 
		height:auto;
		position:absolute; 
		right:2%;
		bottom:5%;
		z-index:0;
		overflow:hidden;
	}
	#particle-image {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
	}
	.t-mobile {
		display:none;
	}
}
@media screen and (min-width:960px) and (max-width:1133px) {
	.header-over {
		width:100%;
		height:auto;
		padding:10px;
	}
	.logo-window {
		left:35px; 
		top:20px;
	}
	.logo-window .logosvg {
		height:45px; 
		width:auto; 
	}
	.window_main {
		height:auto;
		min-height:600px;
		padding: 0 25px;
	}
	.landscape-wrapper {
		width:70%;
		height:100%;
		max-width:700px;
		position:absolute; 
		right:0;
		top:0;
		z-index:0;
		overflow:hidden;
	}
	#particle-image {
		top: 0;
		right: 0;
		height: 700px;
		width: 700px;
	}
	.landscape-img {
		width:100%; 
		max-width:600px; 
		height:auto;
		position:absolute; 
		right:2%;
		bottom:2%;
		z-index:0;
		overflow:hidden;
	}
	.program-title {
		padding-top:150px;
	}
	.t-mobile {
		display:none;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.header-over {
		width:100%;
		height:auto; 
		padding:10px;
	}
	.logo-window {
		left:25px; 
		top:25px;
	}
	.logo-window .logosvg {
		height:40px; 
		width:auto; 
	}
	.window_main {
		height:auto;
		padding: 50px 15px;
	}
	.landscape-wrapper {
		width:80%;
		height:100%;
		position:absolute; 
		right:0;
		top:0;
		z-index:0;
		overflow:hidden;
	}
	#particle-image {
		top: 0;
		right: 0;
		height: 700px;
		width: 700px;
	}
	.landscape-img {
		width:100%; 
		max-width:500px; 
		height:auto;
		position:absolute; 
		right:2%;
		bottom:2%;
		z-index:0;
		overflow:hidden;
	}
	.program-title {
		padding-top:150px;
	}
	.t-mobile {
		display:none;
	}
}
@media (max-width:767px) {
	.header-over {
		width:100%;
		height:auto;
		padding:10px;
	}
	.logo-window {
		position:relative;
		margin: 0 auto;
		padding-top: 90px;
		padding-bottom:30px;
	}
	.logo-window .logosvg {
		height:auto; 
		width:100%; 
	}
	.window_main {
		height:auto;
		padding: 50px 20px;
	}
	.landscape-wrapper {
		width:100%;
		height:100%;
		position:absolute; 
		right:0;
		top:0;
		z-index:0;
		overflow:hidden;
	}
	#particle-image {
		top: 0;
		right: -10%;
		height: 500px;
		width: 500px;
		display:none;
	}
	.landscape-img {
		width:100%; 
		max-width:360px; 
		height:auto;
		position:absolute; 
		right:2%;
		top:10%;
		z-index:0;
		overflow:hidden;
	}
	.program-title {
		padding-top:140px;
	}
	.title-window label, .t-desktop {
		display:none;
	}
	.window_footer {
		padding: 30px 20px;
	}
}
.t-desktop, .t-mobile {
	text-transform:uppercase;
}
/* ========================================================================== 
   Browser Small
   ========================================================================== */
.browser_small {
	width:100%;
	height:auto;
	min-height:200px;
	border-radius:20px;
	border:2px solid rgba(156,143,194,0.75); /*#9C8FC2*/
	margin-bottom:30px;
}
.browser_small.browser-blue {
	width:100%;height:auto;min-height:200px; border:2px solid #9C8FC2;
}
.browser_small.browser-magenta {
	width:100%;height:auto;min-height:200px; border:2px solid rgba(156,143,194,0.5);
}
.browser_small.browser-red {
	width:100%;height:auto;min-height:200px; border:2px solid #E47573;
}
.browser_small.browser-green {
	width:100%;height:auto;min-height:200px; border:2px solid #33BA96;
}
.browser_small-top {
	position:relative;
	height:45px;
	border-radius: 10px 10px 0 0;
}
.browser_small-top::before {
	position:absolute; 
	left:30px; 
	top:25px; 
	content:''; 
	width:40px; 
	height:20px; 
	background-image:url(../img/dots.svg); 
	background-repeat:no-repeat; 
	background-size:40px auto;
}
.browser_small.browser-magenta .browser_small-top::before {
	background-image:url(../img/dots-magenta.svg); 
}
.browser_small.browser-red .browser_small-top::before {
	background-image:url(../img/dots-red.svg); 
}
.browser_small-top.top_circle-1::before {
	position:absolute; 
	left:30px; 
	top:25px; 
	content:''; 
	width:20px; 
	height:30px; 
	background-image:url(../img/dots.svg); 
	background-repeat:no-repeat; 
	background-size:60px auto;
}
.browser_small-top.top_circle-2::before {
	position:absolute; 
	left:30px; 
	top:25px; 
	content:''; 
	width:40px; 
	height:30px; 
	background-image:url(../img/dots.svg); 
	background-repeat:no-repeat; 
	background-size:60px auto;
}
.browser_small-top.top_circle-3::before {
	position:absolute; 
	left:30px; 
	top:25px; 
	content:''; 
	width:60px; 
	height:30px; 
	background-image:url(../img/dots.svg); 
	background-repeat:no-repeat; 
	background-size:60px auto;
}
.browser_small-body {
	color:#333;
	min-height:240px;
}
.browser_small-body p {
	line-height:1.35;
	font-weight:400;
}
.browser_small-body label {
	font-family: 'Roboto Slab';
	font-weight:500;
	color:#5110A5;
}
/* Program Marq */
.price {
	color:#fff;
}
.price dt {
	font-weight:500;
}
.row-price {
	max-width:980px;
}
.art-img-wrapper {
	margin: 0 auto;
}
@media (min-width:1460px) {
	.row-price {
		margin-top:30px;
		margin-bottom:30px;
	}
	.browser_small-body {
		padding: 20px 30px 30px 30px;
	}
	.browser_small-body p {
		font-size:1.25em;
	}
	.browser_small-body label {
		font-size:4em;
	}
	.price dt {
		font-size: 3em;
	}
	.price dd {
		font-size: 1.25em;
	}
}
@media screen and (min-width:1134px) and (max-width:1459px) {
	.row-price {
		margin-top:30px;
		margin-bottom:30px;
	}
	.browser_small-body {
		padding: 20px 30px 30px 30px;
	}
	.browser_small-body p {
		font-size:1.25em;
	}
	.browser_small-body label {
		font-size:3.8em;
	}
	.price dt {
		font-size: 3em;
	}
	.price dd {
		font-size: 1.25em;
	}
}
@media screen and (min-width:960px) and (max-width:1133px) {
	.row-price {
		margin-top:25px;
		margin-bottom:25px;
	}
	.browser_small-body {
		padding: 20px 25px 20px 25px;
	}
	.browser_small-body p {
		font-size:1.2em;
	}
	.browser_small-body label {
		font-size:3.2em;
	}
	.price dt {
		font-size: 3em;
	}
	.price dd {
		font-size: 1.2em;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.row-price {
		margin-top:20px;
		margin-bottom:20px;
	}
	.browser_small-body {
		padding: 20px 25px 20px 25px;
	}
	.browser_small-body p {
		font-size:1.2em;
	}
	.browser_small-body label {
		font-size:3em;
	}
	.price dt {
		font-size: 3em;
	}
	.price dd {
		font-size: 1.2em;
	}
}
@media (max-width:767px) {
	.row-price {
		margin-top:20px;
		margin-bottom:20px;
	}
	.browser_small-body {
		padding: 20px 20px 15px 20px;
	}
	.browser_small-body p {
		font-size:1.15em;
	}
	.browser_small-body label {
		font-size:2.8em;
	}	
	.price dt {
		font-size: 2.8em;
	}
	.price dd {
		font-size: 1.15em;
	}
}

/* ========================================================================== 
   Practic
   ========================================================================== */
.practic {
	text-align:center;
	padding: 0 10px;
	margin-bottom:30px;
}
.practic label {
	font-weight:400;
}
.practic p {
	font-weight:300;
}
.practic-img {
	width:100%;
	text-align:center;
}
.practic-img svg {
	width:100%;
	margin: 0 auto;
}

@media (min-width:1460px) {
	.row-balls {
		margin-top:10px;
		margin-bottom:50px;
	}
	.practic label {
		font-size:2em;
		margin-bottom:20px;
	}
	.practic p {
		font-size:1.25em;
	}
	.practic-img {
		margin: 20px 0 40px 0;
	}
	.practic-img svg {
		max-width: 200px;
	}
}
@media screen and (min-width:1134px) and (max-width:1459px) {
	.row-balls {
		margin-top:10px;
		margin-bottom:50px;
	}
	.practic label {
		font-size:2em;
		margin-bottom:20px;
	}
	.practic p {
		font-size:1.25em;
	}
	.practic-img {
		margin: 20px 0 40px 0;
	}
	.practic-img svg {
		max-width: 200px;
	}
}
@media screen and (min-width:959px) and (max-width:1133px) {
	.row-balls {
		margin-top:5px;
		margin-bottom:40px;
	}
	.practic label {
		font-size:2em;
		margin-bottom:15px;
	}
	.practic p {
		font-size:1.2em;
	}
	.practic-img {
		margin: 20px 0 30px 0;
	}
	.practic-img svg {
		max-width: 180px;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.row-balls {
		margin-top:5px;
		margin-bottom:40px;
	}
	.practic label {
		font-size:1.6em;
		margin-bottom:15px;
	}
	.practic p {
		font-size:1.2em;
	}
	.practic-img {
		margin: 20px 0 30px 0;
	}
	.practic-img svg {
		max-width: 160px;
	}
}
@media (max-width:767px) {
	.row-balls {
		margin-top:0;
		margin-bottom:30px;
	}
	.practic label {
		font-size:1.4em;
		margin-bottom:10px;
	}
	.practic p {
		font-size:1.15em;
	}
	.practic-img {
		margin: 10px 0 30px 0;
	}
	.practic-img svg {
		max-width: 150px;
	}
}

/* ========================================================================== 
   Program Section
   ========================================================================== */
.program_section {
	position:relative;
	background:#0C4359;
}
.program_section-img {
	width:100%;
	height:auto;
	max-width:400px;
	margin-bottom:40px;
}
@media (min-width:1134px) {
	.section_1 {
		padding-top:100px;
		padding-bottom:50px;
	}
	.section_2 {
		padding-top:0;
		padding-bottom:50px;
	}
	.section_3 {
		padding-top:0;
		padding-bottom:50px;
	}
	.section_4 {
		padding-top:0;
		padding-bottom:50px;
	}
	.section_5 {
		padding-top:100px;
		padding-bottom:0;
	}
	.section_6 {
		padding-top:100px;
		padding-bottom:0;
	}
	.section_7 {
		padding-top:80px;
		padding-bottom:0;
	}
}
@media screen and (min-width:959px) and (max-width:1133px) {
	.section_1 {
		padding-top:100px;
		padding-bottom:50px;
	}
	.section_2 {
		padding-top:50px;
		padding-bottom:40px;
	}
	.section_3 {
		padding-top:50px;
		padding-bottom:40px;
	}
	.section_4 {
		padding-top:40px;
		padding-bottom:80px;
	}
	.section_5 {
		padding-top:100px;
		padding-bottom:0;
	}
	.section_6 {
		padding-top:80px;
		padding-bottom:0;
	}
	.section_7 {
		padding-top:80px;
		padding-bottom:0;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.section_1 {
		padding-top:100px;
		padding-bottom:30px;
	}
	.section_2 {
		padding-top:30px;
		padding-bottom:30px;
	}
	.section_3 {
		padding-top:30px;
		padding-bottom:30px;
	}
	.section_4 {
		padding-top:30px;
		padding-bottom:70px;
	}
	.section_5 {
		padding-top:70px;
		padding-bottom:0;
	}
	.section_6 {
		padding-top:70px;
		padding-bottom:0;
	}
	.section_7 {
		padding-top:70px;
		padding-bottom:0;
	}
}
@media (max-width:767px) {
	.section_1 {
		padding-top:50px;
		padding-bottom:25px;
	}
	.section_3 {
		padding-top:25px;
		padding-bottom:25px;
	}
	.section_2 {
		padding-top:25px;
		padding-bottom:25px;
	}
	.section_4 {
		padding-top:25px;
		padding-bottom:50px;
	}
	.section_5 {
		padding-top:50px;
		padding-bottom:0;
	}
	.section_6 {
		padding-top:50px;
		padding-bottom:0;
	}
	.section_7 {
		padding-top:50px;
		padding-bottom:0;
	}
}

/* ========================================================================== 
   About Section
   ========================================================================== */
.about_section {
	background:#0C4359;
}
.browser_wrapper {
	position:relative;
	background:#fff;
}
.browser_wrapper:before {
	position:absolute; 
	content:''; 
	background-image:url(../img/dots-color.svg); 
	background-repeat:no-repeat; 
}
@media (min-width:1134px) {
	.about_section {
		padding-top:10px;
		padding-bottom:10px;
	}
	.browser_wrapper {
		padding:110px 30px 110px 30px;
		border-radius: 20px;
	}
	.browser_wrapper:before {
		left:40px; 
		top:40px; 
		width:100px; 
		height:25px; 
		background-size:auto 25px;
	}
}
@media screen and (min-width:959px) and (max-width:1133px) {
	.about_section {
		padding-top:10px;
		padding-bottom:10px;
	}
	.browser_wrapper {
		padding:100px 25px 80px 25px;
		border-radius: 35px;
	}
	.browser_wrapper:before {
		left:40px; 
		top:40px; 
		width:100px; 
		height:25px; 
		background-size:auto 25px;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.about_section {
		padding-top:0;
		padding-bottom:0;
	}
	.browser_wrapper {
		padding:70px 20px 40px 20px;
		border-radius: 30px;
	}
	.browser_wrapper:before {
		left:30px; 
		top:30px; 
		width:100px; 
		height:20px; 
		background-size:auto 20px;
	}
}
@media (max-width:767px) {
	.about_section {
		padding-top:0;
		padding-bottom:0;
	}
	.browser_wrapper {
		padding:70px 10px 30px 10px;
		border-radius: 20px;
	}
	.browser_wrapper:before {
		left:20px; 
		top:20px; 
		width:100px; 
		height:25px; 
		background-size:auto 15px;
	}
}

/* ========================================================================== 
 Cite
   ========================================================================== */
.citation {
	background:#B0BEFF;
	font-family: Roboto Slab;
}
.citation dt {
	font-weight:300;
	color:#5700A3;
	margin: 0 auto;
	text-align:center;
	font-weight:400;
}
.citation dd {
	font-weight:300;
	color:#5700A3;
	margin:0 auto;
	text-align:center;
}
@media (min-width:1134px) {
	.row-digital {
		margin-bottom:70px;
	}
	.citation {
		border-radius:10px; 
		padding: 40px 30px;
	}
	.citation dt {
		font-size:1.35em;
	}
	.citation dd {
		font-size:1.25em;
	}
}
@media screen and (min-width:959px) and (max-width:1133px) {
	.row-digital {
		margin-bottom:50px;
	}
	.citation {
		border-radius:30px 30px 30px 0; 
		padding: 40px 30px;
	}
	.citation dt {
		font-size:1.8em;
	}
	.citation dd {
		font-size:1.2em;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.row-digital {
		margin-bottom:40px;
	}
	.citation {
		margin-top:20px;
		border-radius:25px 25px 25px 0; 
		padding: 40px 20px;
	}
	.citation dt {
		font-size:1.4em;
		line-height:1.35;
		margin-bottom:10px;
	}
	.citation dd {
		font-size:1.1em;
	}
}
@media (max-width:767px) {
	.row-digital {
		margin-bottom:40px;
	}
	.citation {
		margin-top:20px;
		border-radius:20px 20px 20px 0; 
		padding: 25px 15px;
	}
	.citation dt {
		font-size:1.25em;
		line-height:1.35;
		margin-bottom:10px;
	}
	.citation dd {
		font-size:1em;
	}
}

/* ========================================================================== 
 Icon
   ========================================================================== */
.icon_card {
	transition: all 0.15s ease-out;
	color:#333;
}
@media (min-width:1134px) {
	.icon_card {
		padding: 10px 10px 20px 0;
		min-height:80px;
		margin-bottom:20px;
	}
	.icon_card label {
		padding-left:90px;
		font-size:1.35em;
		font-weight:400;
	}
	.icon_card img {
		width:100%;
		max-width:64px;
		height:auto;
		margin-bottom:10px;
		position:absolute;
		top:15px;
		left:0;
	}
}
@media screen and (min-width:959px) and (max-width:1133px) {
	.icon_card {
		padding: 30px 30px 20px 30px;
		min-height:180px;
		margin-bottom:20px;
	}
	.icon_card label {
		padding-left:80px;
		padding-top:5px;
		padding-bottom:20px;
		font-size:1.25em;
	}
	.icon_card img {
		width:100%;
		max-width:48px;
		height:auto;
		margin-bottom:10px;
		position:absolute;
		top:45px;
		left:45px;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.icon_card {
		padding: 25px 25px 15px 25px;
		min-height:180px;
		margin-bottom:20px;
	}
	.icon_card label {
		padding-left:0;
		padding-top:5px;
		padding-bottom:20px;
		font-size:1.2em;
	}
	.icon_card img {
		width:100%;
		max-width:48px;
		height:auto;
		margin-bottom:10px;
		position:relative;
	}
}
@media (max-width:767px) {
	.icon_card {
		padding: 10px 0 0 0;
		min-height:120px;
		margin-bottom:10px;
	}
	.icon_card label {
		padding-left:0;
		padding-top:5px;
		padding-bottom:20px;
		font-size:1.15em;
	}
	.icon_card img {
		width:100%;
		max-width:48px;
		height:auto;
		margin-bottom:10px;
		position:relative;
	}
}

/* ========================================================================== 
 Program Block 2
   ========================================================================== */
.competences_card {
	background:#0C4359;
	border:2px solid #33BA96;
	transition: all 0.15s ease-out;
	color:#fff;
}
.competences_card.card-border {
	background:#0C4359;
	border:2px solid #33BA96;
	border-radius:20px;
	transition: all 0.15s ease-out;
	color:#fff;
}
.card-border h3 {
	text-transform:uppercse;
	font-family: 'Roboto Slab';
	font-weight:500;
	color:#fff;
}
@media (min-width:1134px) {
	.competences_card {
		padding: 35px 30px 20px 30px;
		min-height:160px;
		margin-bottom:20px;
	}
	.competences_card label {
		padding-left:100px;
		padding-top:5px;
		padding-bottom:20px;
		font-size:1.25em;
		font-weight:400;
	}
	.competences_card img {
		width:100%;
		max-width:48px;
		height:auto;
		margin-bottom:10px;
		position:absolute;
		top:45px;
		left:45px;
	}
}
@media screen and (min-width:959px) and (max-width:1133px) {
	.competences_card {
		padding: 30px 30px 20px 30px;
		min-height:170px;
		margin-bottom:20px;
	}
	.competences_card label {
		padding-left:80px;
		padding-top:5px;
		padding-bottom:20px;
		font-size:1.25em;
	}
	.competences_card img {
		width:100%;
		max-width:48px;
		height:auto;
		margin-bottom:10px;
		position:absolute;
		top:45px;
		left:45px;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.competences_card {
		padding: 25px 25px 15px 25px;
		min-height:170px;
		margin-bottom:20px;
	}
	.competences_card label {
		padding-left:70px;
		padding-top:5px;
		padding-bottom:20px;
		font-size:1.2em;
	}
	.competences_card img {
		width:100%;
		max-width:48px;
		height:auto;
		margin-bottom:10px;
		position:absolute;
		top:40px;
		left:35px;
	}
}
@media (max-width:767px) {
	.competences_card {
		padding: 20px 20px 10px 20px;
		min-height:200px;
		margin-bottom:20px;
	}
	.competences_card label {
		padding-left:0;
		padding-top:5px;
		padding-bottom:20px;
		font-size:1.15em;
	}
	.competences_card img {
		width:100%;
		max-width:48px;
		height:auto;
		margin-bottom:10px;
		position:relative;
	}
}

/* ========================================================================== 
 Admission
   ========================================================================== */
.admission {
	background:#0C4359;
	position:relative;
	background: linear-gradient(0deg, #4A1FA8  0%, #15034A 100%);
	background:radial-gradient(at bottom left, #16886E 0%, #15034A 20%, #165951 45%, #0C4359 65%, #0C4359  100%);
}
@media (min-width:1134px) {
	.admission {
		padding-top:80px;
		padding-bottom:30px;
	}
}
@media screen and (min-width:959px) and (max-width:1133px) {
.admission {
		padding-top:70px;
		padding-bottom:30px;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.admission {
		padding-top:50px;
		padding-bottom:20px;
	}
}
@media (max-width:767px) {
	.admission {
		padding-top:40px;
		padding-bottom:20px;
	}
}

/* ========================================================================== 
   Program Marq
   ========================================================================== */
.program-marq-small {
	padding: 14px 24px;
	border-radius: 50px;
	background: transparent;
	color:#fff;
	font-weight:400;
	margin-bottom:15px;
	margin-right:10px;
}
.program-marq-small.border-red {
	border: 1px dashed #E57171;
}
.program-marq-small.border-blue {
	border: 1px dashed #8E8EFC;
}
.program-marq-small.border-green {
	border: 1px dashed #5FD0A2;
}
.program-marq-small.program-marq-title {
	text-transform:uppercase;
	padding: 10px 20px;
	border-radius: 50px;
	background: transparent;
	margin-bottom:15px;
	margin-right:10px;
}
.program-marq-small.program-marq-title.program-marq-red {
	color:#fff;
	border:1px dashed #E57171;
}
.program-marq-small.program-marq-title.program-marq-green {
	color:#fff;
	border:1px dashed #5FD0A2;
}
.program-marq-small.program-marq-title.program-marq-blue {
	color:#fff;
	border:1px dashed #8E8EFC;
}
.program-marq-small {
	font-size:1.25em;
}
@media (min-width:1134px) {
	.marq-wrapper {
		margin-bottom:10px;
	}
}
@media screen and (min-width:959px) and (max-width:1133px) {
	.marq-wrapper {
		margin-bottom:20px;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.marq-wrapper {
		margin-bottom:25px;
	}
}
@media (max-width:767px) {
	.marq-wrapper {
		margin-bottom:25px;
	}
}
/* Directions */
.direction-list {

}
.direction-list dt {
	font-weight:700;
	text-transform:uppercase;
	font-size: 1.4em;
	margin-bottom:10px;
	color:#333;
}
.direction-list dd {
	font-weight:400;
	font-size:1.25em;
	padding-left:20px;
	margin-bottom:0;
	position:relative;
}
.direction-list dd::before {
    color:#c0c0c0;
    content:"\2022";
	font-size:1.25em;
	display:inline-block; 
	width:1em;
	position: absolute;
	left:0;
	top:-2px;
}
.designer {
	padding: 20px 10px;
	text-align:center;
}
.designer img, .designer svg {
	width:100%;
	max-width:100px;
	margin:0 auto 20px auto;
}
.designer label {
	font-size:1.2em;
	font-weight:400;
}
@media (min-width:1134px) {
	.designer {
		padding: 20px 10px;
		margin-bottom: 30px;
	}
	.designer img, .designer svg {
		margin:0 auto 20px auto;
	}
	.designer label {
		font-size:1.2em;
	}
}
@media screen and (min-width:959px) and (max-width:1133px) {
	.designer {
		padding: 20px 10px;
		margin-bottom: 30px;
	}
	.designer img, .designer svg {
		margin:0 auto 20px auto;
	}
	.designer label {
		font-size:1.2em;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.designer {
		padding: 10px 0;
		margin-bottom: 20px;
	}
	.designer img, .designer svg {
		margin:0 auto 10px auto;
	}
	.designer label {
		font-size:1.15em;
	}
}
@media (max-width:767px) {
	.designer {
		padding: 10px 0;
		margin-bottom: 20px;
	}
	.designer img, .designer svg {
		margin:0 auto 10px auto;
	}
	.designer label {
		font-size:1.15em;
	}
}

/* ========================================================================== 
   Timeline
   ========================================================================== */
.timeline {line-height: 1.4em; list-style: none; margin: 0; padding: 0; width: 100%;}
.timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 {line-height: inherit;}
.timeline-item {padding-left: 40px; position: relative;}
.timeline-item:last-child {padding-bottom: 0;}
.timeline-info {font-size: 0.85em; font-weight: 500; letter-spacing: 2px; margin: 0 0 .5em 0; text-transform: uppercase; color:rgba(255,255,255,0.75);}
.timeline-centered .timeline-info {font-size: 0.8em; font-weight: 500; letter-spacing: 2px; margin: 0 0 .5em 0; text-transform: uppercase; color:#333;}
.timeline-marker {position: absolute; top: 0; bottom: 0; left: 0; width: 15px;}
.timeline-marker:before {background: rgba(255,255,255,1); border: 3px solid transparent; border-radius: 100%; content: ""; display: block; height: 15px; position: absolute; top: 4px; left: 0; width: 15px; transition: background 0.3s ease-in-out, border 0.3s ease-in-out;}
.timeline-marker:after {content: ""; width: 3px; background: rgba(255,255,255,0.5); display: block; position: absolute; top: 24px; bottom: 0; left: 6px;}
.timeline-marker.blue-marker:before {background: rgba(255,255,255,1); border: 3px solid transparent; border-radius: 100%; content: ""; display: block; height: 15px; position: absolute; top: 4px; left: 0; width: 15px; transition: background 0.3s ease-in-out, border 0.3s ease-in-out;}
.timeline-marker.blue-marker:after {content: ""; width: 3px; background: rgba(255,255,255,0.5); display: block; position: absolute; top: 24px; bottom: 0; left: 6px;}
.timeline-item:last-child .timeline-marker:after {content: none;}
.timeline-item:not(.period):hover .timeline-marker:before {background: transparent; border: 3px solid rgba(255,255,255,1);}
.timeline-item:not(.period):hover .timeline-marker.blue-marker:before {background: rgba(255,255,255,1); border: 3px solid rgba(255,255,255,1);}
.timeline-content {padding-bottom: 40px;}
.timeline-content p:last-child {margin-bottom: 0;}
.timeline-centered .timeline-content {font-size:0.9em;}
.period {padding: 0;}
.period .timeline-info {display: none;}
.period .timeline-marker:before {background:transparent; content:""; width:15px; height:auto; border:none; border-radius:0; top:0; bottom:30px; position:absolute; border-top:3px solid #fff; border-bottom: 3px solid #fff;}
.period .timeline-marker:after {content: ""; height: 32px; top: auto;}
.period .timeline-content {padding: 40px 0 70px;}
.period .timeline-title {margin: 0;}
@media (min-width: 768px) {
 .timeline-split .timeline, .timeline-centered .timeline {display: table;}
 .timeline-split .timeline-item, .timeline-centered .timeline-item {display: table-row;  padding: 0;}
 .timeline-split .timeline-info, .timeline-centered .timeline-info,  .timeline-split .timeline-marker,  .timeline-centered .timeline-marker,  .timeline-split .timeline-content,  .timeline-centered .timeline-content,  .timeline-split .period .timeline-info,  .timeline-centered .period .timeline-info {display: table-cell;   vertical-align: top;}
 .timeline-split .timeline-marker, .timeline-centered .timeline-marker {position: relative;}
 .timeline-split .timeline-content, .timeline-centered .timeline-content {padding-left: 30px;}
 .timeline-split .timeline-info, .timeline-centered .timeline-info {padding-right: 30px;}
 .timeline-split .period .timeline-title, .timeline-centered .period .timeline-title {position: relative;   left: -45px;}
}
@media (min-width: 992px) {
 .timeline-centered,  .timeline-centered .timeline-item,  .timeline-centered .timeline-info,  .timeline-centered .timeline-marker,  .timeline-centered .timeline-content {display: block;  margin: 0;
  padding: 0;}
 .timeline-centered .timeline-item {padding-bottom: 40px;  overflow: hidden;}
 .timeline-centered .timeline-marker {position: absolute;  left: 50%;  margin-left: -7.5px;}
 .timeline-centered .timeline-info,
 .timeline-centered .timeline-content {width: 50%;}
 .timeline-centered > .timeline-item:nth-child(odd) .timeline-info {float: left;  text-align: right;  padding-right: 30px;}
 .timeline-centered > .timeline-item:nth-child(odd) .timeline-content {float: right;  text-align: left;  padding-left: 30px;}
 .timeline-centered > .timeline-item:nth-child(even) .timeline-info {float: right; text-align: left;  padding-left: 30px;}
 .timeline-centered > .timeline-item:nth-child(even) .timeline-content {float: left; text-align: right; padding-right: 30px;}
 .timeline-centered > .timeline-item.period .timeline-content {float: none; padding: 0; width: 100%; text-align: center;}
 .timeline-centered .timeline-item.period {padding: 50px 0 90px;}
 .timeline-centered .period .timeline-marker:after {height: 30px;bottom: 0;top: auto;}
 .timeline-centered .period .timeline-title {left: auto;}
}
.marker-outline .timeline-marker:before {background: transparent; border-color: #FF6B6B;}
.marker-outline .timeline-item:hover .timeline-marker:before {background: #FF6B6B;}
.timeline-content-sub {padding:20px 30px 20px 30px;background:#f4f4f4;}
.timeline-content-sub.content-blue {padding:20px 30px 20px 30px;background:#007AC6;color:#fff;}
.timeline-content {
	color:#fff;
}
.timeline-content p {
	font-weight:400;
	line-height:1.35;
}
.timeline-title {
	font-weight:500;
	font-size:0.85em;
	text-transform:uppercase;
	color:#FDD835;
	margin-bottom:15px;
}
@media (min-width:1134px) {
	.timeline-content p {
		font-size:1.4em;
	}
}
@media screen and (min-width:959px) and (max-width:1133px) {
	.timeline-content p {
		font-size:1.35em;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.timeline-content p {
		font-size:1.3em;
	}
}
@media (max-width:767px) {
	.timeline-content p {
		font-size:1.2em;
		font-weight:300;
	}
}

/* ==========================================================================
 Buttons
   ========================================================================== */
.btn {
	padding:20px 40px;
	border-radius:50px;
	font-weight:600;
	line-height:1.35;
	font-size:1.25em;
	text-transform:uppercase;
	background-color:#58C793;
	border:0;
	color:#fff;
	transition: background 0.3s ease-in-out;
}
.btn:hover {
	background-color:#fff;
	color:#0C4359;
}
.btn.docs {
	margin: 0 10px 10px 0;
}
.btn.docs:hover {
	background-color:#e6e6e6;
	color:#0C4359;
}
@media (max-width:767px) {
	.docs_wrap {
		text-align:center;
	}
}
/* ========================================================================== 
 Footer
   ========================================================================== */
.footer {
	padding-bottom:0;
	/*background:#0C4359;*/
	color:#fff;
}
@media (min-width:768px) {
	.footer {
		padding-top:80px;
	}
}
@media (max-width:767px) {
	.footer {
		padding-top:50px;
	}
}
/* Copyright */
.copyright {
	padding-top:10px;
	padding-bottom:40px;
}
.copyright .social-media a {
	width:40px; 
	height:40px; 
	border-radius:99%; 
	background:transparent; 
	transition:.4s ease;
	border-bottom:0;
	text-decoration:none;
}
.copyright .social-media a i {
	color:#fff; 
	font-size:1.2rem; 
	line-height:40px;
}
.copyright .social-media a:hover {
	background:#58C793;
}
.copyright .social-media a:hover i {
	color:#fff;
}
.social-network {
	position:relative;
}
.vkontakte:before {
	position:absolute; 
	left:0; 
	top:0; 
	content:''; 
	width:40px; 
	height:40px; 
	background-image:url(../img/vk.svg); 
	background-repeat:no-repeat; 
	background-size:auto 40px;
}
.youtube:before {
	position:absolute; 
	left:0; 
	top:0; 
	content:''; 
	width:40px; 
	height:40px; 
	background-image:url(../img/youtube.svg); 
	background-repeat:no-repeat; 
	background-size:auto 40px;
}
.tiktok:before {
	position:absolute; 
	left:0; 
	top:0; 
	content:''; 
	width:40px; 
	height:40px; 
	background-image:url(../img/tiktok.svg); 
	background-repeat:no-repeat; 
	background-size:auto 40px;
}
.telegram:before {
	position:absolute; 
	left:0; 
	top:0; 
	content:''; 
	width:40px; 
	height:40px; 
	background-image:url(../img/telegram.svg); 
	background-repeat:no-repeat; 
	background-size:auto 40px;
}

/* ==========================================================================
 Tabs
   ========================================================================== */
.nav-item  {
	margin-right:20px;
}
.nav.nav-tabs .nav-item a {
	
}
.nav-item .nav-link  {
	font-size:1.35em;
	font-weight:600;
	text-transform:uppercase;
	border: 2px solid #58C793;
	border-radius:50px;
	color:#58C793;
	background:transparent;
	margin-bottom:15px;
	padding: 10px 25px;
	transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.nav-item .nav-link:hover  {
	border: 2px solid #fff;
	color:#fff;
}
.nav-item .nav-link.active {
	border: 2px solid #58C793;
	border-radius:50px;
	color:#fff;
	background:#58C793;
	transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.nav-item .nav-link.active:hover {
	border: 2px solid #58C793;
	background:#58C793;
	transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.nav-tabs {
	border-bottom:0;
}
.tab-pane.show.active {
	opacity: 1;
	transition: opacity 0.85s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .tab-pane.fade {
    transition: none;
  }
}
.tab-pane.fade:not(.show) {
  opacity: 0;
}
#canvas {
  position: absolute;
  display: block;
  top: 0%;
  left: 0%;
  z-index: 0;
  width:100%;
  height:100%;
}
.fact {
	position:relative;
	z-index:1;
	width:100%;
}
@media (min-width:768px) {
	.fact_wrap	{
		grid-row-gap:20px;
		flex-direction:column;
		flex:none;
		display:flex;
	}
	.fact {
		flex-direction:column;
		flex:none;
		justify-content:space-between;
		width:100%;
		height:170px;
		display:flex;
		position:-webkit-sticky;
		position:sticky;
		top:90px;
	}
}
@media (max-width:767px) {
	.fact {
		width:100%;
		height:auto;
		display:block;
		margin-bottom:20px;
	}
}

/* ==========================================================================
 Canvas
   ========================================================================== */
#wrapper {
	position: absolute;
	top:0;
	right:0;
	width:80%;
	height: 100%;
	z-index:10;
	background: transparent;
	overflow:hidden;
/*	border:1px solid lime; */
}
#canvas_container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
canvas {
	display: block;
}
/* ==========================================================================
 Partners
   ========================================================================== */
.partner img {
	width:100%;
	max-width:350px;
	margin: 0 auto;
}

/* ==========================================================================
 Teachers
   ========================================================================== */
.teacher dl {
	position:relative;
	margin-bottom:30px;
	min-height:100px;
}
.teacher dl::before {
	position:absolute; 
	left:0; 
	top:10px; 
	content:''; 
	background-image:url(../img/teacher.svg); 
	background-repeat:no-repeat; 
}
@media (min-width:768px) {
	.teacher dl {
		padding-right:30px;
		padding-left:90px;
	}
	.teacher dl::before {
		width:64px; 
		height:64px; 
		background-size:64px auto;
	}
	.teacher dt {
		font-size:1.5em;
	}
	.teacher dd {
		font-size:1.15em;
	}
}
@media (max-width:767px) {
	.teacher dl {
		padding-right:0;
		padding-left:70px;
	}
	.teacher dl::before {
		width:48px; 
		height:48px; 
		background-size:48px auto;
	}
	.teacher dt {
		font-size:1.3em;
	}
	.teacher dd {
		font-size:1em;
	}
}
.teacher dt {
	color:#61dca3;
	font-weight:600;
}
.teacher dd {
	color:#fff;
	max-width:1200px;
}