/* ========================================================================== 
   General
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');
:root {
  --text-color:#5C6665;
  --link-color:#5A6EDC;
  --link-hover-color:#333;
  --light-border-color:120,155,230;
  --dark-border-color:190,190,190;
  --nav-trigger-back:#6689E8;
  --system-color:120,155,230;
  --system-bg-color:#fff;
  --fact-color:#789BE6;
  --job-color:#666;
  --diss-color-1:rgba(160,170,185,0.15);
  --diss-color-2:rgba(160,170,185,0.3);
  --diss-color-3:#7E8491;
  --diss-color-4:#828282;
  --bullet-color:#9C7B78;
  --btn-bg-color:#789BE6;
  --btn-hover-color:#1469B9;
  --to-top-border:rgba(77,76,87,0.5);
  --to-top-hover:rgba(58,58,66,0.95);
  --gallery-bg:#eeeeee;
  --gallery-bg-2:rgba(0,0,0,0.2);
  --gallery-overlay:rgba(0,0,0,0.8);
}
body {
	font-family:"Roboto Flex";
	color:var(--text-color);
}
img {
	display:block; 
	max-width:100%;
	}
a, button {
	cursor:pointer;
	}
a {
	text-decoration:none;
	color:var(--link-color);
}
a:hover {
	border-bottom:none;
	text-decoration:none;
	color:var(--link-hover-color);
	}
*, *:after, *:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* ========================================================================== 
   Font sizes
   ========================================================================== */
.uppercase {
	text-transform:uppercase;
}
strong {
	font-weight:600;
}
h1, h2, h3, h4  {
	font-family:Montserrat;
	color:var(--text-color);
}
h2, h3 {
	font-weight:700;
}
@media (min-width:1480px) {
	:root {
		--xxx-small-text-size:0.65em;
		--xx-small-text-size:0.9em;
		--x-small-text-size:1em;
		--small-text-size:1.1em;
		--normal-text-size:1.3em;
		--large-text-size:1.4em;
		--x-large-text-size:1.6em;
		--xx-large-text-size:2em;
		--xxx-large-text-size:4em;
	}
	.school-title p {
		font-size:1.6em;
	}
	h1 {
		font-size:3.6em;
	}
	h2 {
		font-size:3.6em;
		margin-bottom:50px;
	}
	h3 {
		font-size:2.4em;
		margin-bottom:30px;
	}
	h4 {
		font-size:1.6em;
		margin-bottom:20px;
	}
	h5 {
		font-size:1.4em;
		margin-bottom:20px;
	}
}
@media screen and (min-width:1134px) and (max-width:1479px) {
	:root {
		--xxx-small-text-size:0.65em;
		--xx-small-text-size:0.9em;
		--x-small-text-size:1em;
		--small-text-size:1.05em;
		--normal-text-size:1.3em;
		--large-text-size:1.4em;
		--x-large-text-size:1.5em;
		--xx-large-text-size:1.8em;
		--xxx-large-text-size:3.8em;
	}
	.school-title p {
		font-size:1.3em;
		line-height:1.4;
	}
	h1 {
		font-size:3em;
		line-height:1.2;
	}
	h2 {
		font-size:3.4em;
		margin-bottom:45px;
	}
	h3 {
		font-size:2.2em;
		margin-bottom:30px;
	}
	h4 {
		font-size:1.6em;
		margin-bottom:20px;
	}
	h5 {
		font-size:1.4em;
		margin-bottom:20px;
	}
	
}
@media screen and (min-width:960px) and (max-width:1133px) {
	:root {
		--xxx-small-text-size:0.65em;
		--xx-small-text-size:0.9em;
		--x-small-text-size:0.95em;
		--small-text-size:1em;
		--normal-text-size:1.25em;
		--large-text-size:1.4em;
		--x-large-text-size:1.45em;
		--xx-large-text-size:1.5em;
		--xxx-large-text-size:3.6em;
	}
	.school-title p {
		font-size:1.1em;
		line-height:1.4;
	}
	h1 {
		font-size:2.4em;
		line-height:1.2;
	}
	h2 {
		font-size:3em;
		margin-bottom:40px;
	}
	h3 {
		font-size:2em;
		margin-bottom:30px;
	}
	h4 {
		font-size:1.5em;
		margin-bottom:20px;
	}
	h5 {
		font-size:1.35em;
		margin-bottom:20px;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	:root {
		--xxx-small-text-size:0.65em;
		--xx-small-text-size:0.85em;
		--x-small-text-size:0.95em;
		--small-text-size:1em;
		--normal-text-size:1.2em;
		--large-text-size:1.35em;
		--x-large-text-size:1.4em;
		--xx-large-text-size:1.5em;
		--xxx-large-text-size:3.4em;
	}
	.school-title p {
		font-size:1.1em;
		line-height:1.4;
	}
	h1 {
		font-size:2.2em;
		line-height:1.2;
	}
	h2 {
		font-size:2.8em;
		margin-bottom:35px;
	}
	h3 {
		font-size:1.8em;
		margin-bottom:30px;
	}
	h4 {
		font-size:1.4em;
		margin-bottom:15px;
	}
	h5 {
		font-size:1.3em;
		margin-bottom:20px;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	:root {
		--xxx-small-text-size:0.65em;
		--xx-small-text-size:0.85em;
		--x-small-text-size:0.9em;
		--small-text-size:0.95em;
		--normal-text-size:1.1em;
		--large-text-size:1.2em;
		--x-large-text-size:1.25em;
		--xx-large-text-size:1.35em;
		--xxx-large-text-size:3.2em;
	}
	.school-title p {
		font-size:1em;
		line-height:1.3;
	}
	h1 {
		font-size:1.35em;
		line-height:1.3;
	}
	h2 {
		font-size:2.2em;
		margin-bottom:35px;
	}
	h3 {
		font-size:1.6em;
		margin-bottom:30px;
	}
	h4 {
		font-size:1.3em;
		margin-bottom:15px;
	}
	h5 {
		font-size:1.2em;
		margin-bottom:20px;
	}
}

/* ========================================================================== 
   All
   ========================================================================== */
.container-fluid {
	width:100%;
	max-width:1480px;
}

/* Block Padding  */
@media (min-width:1480px) {
	.row-m {
		margin-bottom:50px;
	}
	.col-m {
		margin-bottom:40px;
	}
	.header-over {
		width:100%;
		height:100vh; 
	}
	.header_wrap {
		width:100%;
		max-width:1800px;
		margin: 0 auto;
		height:100%; 
	}
	.landscape_wrap {
		width:100%;
		height:100%;
		position:absolute; 
		right:0;
		bottom:0;
		z-index:1;
		overflow:hidden;
	}
	.svg-wrapper {
		width:100%;
		height:100%;
		position:absolute; 
		right:0;
		bottom:0;
		z-index:1;
	}
	.svg-wrapper img {
		width:90%;
		height:auto;
		margin-left:7%;
		margin-top:5%;
	}
	.svg-lines-wrapper {
		width:100%;
		height:100%;
		position:absolute; 
		right:0;
		bottom:0;
		z-index:1;
		overflow:hidden;
	}
	.svg-lines-wrapper svg {
		width:100%;
		height:100%;
		max-width:1900px;
		position:absolute; 
		left:-3%;
		bottom:-10%;
		z-index:1;
	}
	.school-title h1 span {
		display:block;
	}
}
@media screen and (min-width:1134px) and (max-width:1479px) {
	.row-m, .col-m {
		margin-bottom:30px;
	}
	.header-over {
		width:100%;
		height:100vh; 
	}
	.header_wrap {
		width:100%;
		height:100vh; 
	}
	.landscape_wrap {
		width:100%;
		height:100%;
		position:absolute; 
		right:0;
		bottom:0;
		z-index:1;
		overflow:hidden;
	}
	.svg-wrapper {
		width:100%;
		height:100%;
		position:absolute; 
		right:0;
		bottom:0;
		z-index:1;
	}
	.svg-wrapper img {
		width:100%;
		height:auto;
	}
	.svg-lines-wrapper {
		width:100%;
		height:100%;
		position:absolute; 
		left:0;
		bottom:0;
		z-index:1;
		overflow:hidden;
	}
	.svg-lines-wrapper svg {
		width:auto;
		height:100%;
		max-width:1680px;
		position:absolute; 
		left:-5%;
		bottom:-5%;
		z-index:1;
	}
	.school-title h1 span {
		display:inline;
	}
}
@media screen and (min-width:960px) and (max-width:1133px) {
	.row-m, .col-m {
		margin-bottom:30px;
	}
	.header-over {
		width:100%;
		height:auto;
		min-height:600px;
	}
	.header_wrap {
		width:100%;
		height:100%; 
	}
	.landscape_wrap {
		width:100%;
		height:100%;
		right:0;
		bottom:0;
		z-index:1;
		overflow:hidden;
	}
	.svg-wrapper {
		width:100%;
		height:100%;
		position:absolute; 
		right:0;
		bottom:0;
		z-index:1;
	}
	.svg-wrapper img {
		width:100%;
		height:auto;
	}
	.svg-lines-wrapper {
		width:100%;
		height:100%;
		position:absolute; 
		left:0;
		bottom:0;
		z-index:1;
		overflow:hidden;
	}
	.svg-lines-wrapper svg {
		width:auto;
		height:100%;
		max-width:1680px;
		position:absolute; 
		left:-5%;
		bottom:-5%;
		z-index:1;
	}
	.school-title {
		padding-top:150px;
	}
	.school-title h1 span {
		display:inline;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.row-m, .col-m {
		margin-bottom:20px;
	}
	.header-over {
		width:100%;
		height:auto; 
		min-height:500px;
	}
	.header_wrap {
		width:100%;
		height:100%; 
	}
	.landscape_wrap {
		width:100%;
		height:100%;
		right:0;
		bottom:0;
		z-index:1;
		overflow:hidden;
	}
	.svg-wrapper {
		width:100%;
		height:100%;
		position:absolute; 
		right:0;
		bottom:0;
		z-index:1;
	}
	.svg-wrapper img {
		width:100%;
		height:auto;
	}
	.svg-lines-wrapper {
		width:100%;
		height:100%;
		position:absolute; 
		left:0;
		bottom:0;
		z-index:1;
		overflow:hidden;
	}
	.svg-lines-wrapper svg {
		width:auto;
		height:100%;
		max-width:1680px;
		position:absolute; 
		left:-5%;
		bottom:-5%;
		z-index:1;
	}
	.school-title {
		padding-top:150px;
	}
	.school-title h1 span {
		display:inline;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.row-m, .col-m {
		margin-bottom:20px;
	}
	.header-over {
		width:100%;
		height:auto;
		min-height:460px;		
	}
	.header_wrap {
		width:100%;
		height:100%;
		padding-bottom: 50px;
	}
	.landscape_wrap {
		display:none;
		visibility:hidden;
	}
	.svg-wrapper {
		display:none;
		visibility:hidden;		
	}
	.svg-lines-wrapper {
		width:100%;
		height:100%;
		position:absolute; 
		left:0;
		bottom:0;
		z-index:1;
		overflow:hidden;
	}
	.svg-lines-wrapper svg {
		width:auto;
		height:100%;
		max-width:800px;
		position:absolute; 
		left:-5%;
		bottom:-5%;
		z-index:1;
	}
	.school-title {
		padding-top:140px;
	}
	.school-title h1 span {
		display:inline;
	}
}
@media (min-width:1560px) {
	.header_wrap, .about_wrap, .achievements_wrap, .gallery_wrap, footer {
		padding-left:0;
		padding-right:0;
	}
	.about_wrap {
		padding-top:100px;
		padding-bottom:80px;
	}
	.achievements_wrap {
		padding-top:60px;
		padding-bottom:100px;
	}
	.dir_wrap {
		padding: 40px 40px;
	}
	.fact_wrap {
		padding: 40px 30px 30px 40px;
	}
	.dir-card {
		padding: 40px 30px 30px 40px;
	}
	.gallery_wrap {
		padding:20px 0 40px 0;
	}
	.copyright {
		padding:90px 0 50px 0;
	}
}
@media screen and (min-width:1134px) and (max-width:1559px) {
	.header_wrap, .about_wrap, .achievements_wrap, .gallery_wrap, footer {
		padding-left:20px;
		padding-right:20px;
	}
	.about_wrap {
		padding-top:90px;
		padding-bottom:80px;
	}
	.achievements_wrap {
		padding-top:60px;
		padding-bottom:90px;
	}
	.dir_wrap {
		padding: 40px 40px;
	}
	.fact_wrap {
		padding: 40px 30px 30px 40px;
	}
	.dir-card {
		padding: 40px 30px 30px 40px;
	}
	.gallery_wrap {
		padding:20px 0 40px 0;
	}
	.copyright {
		padding:90px 0 50px 0;
	}
}
@media screen and (min-width:960px) and (max-width:1133px) {
	.header_wrap, .about_wrap, .achievements_wrap, .gallery_wrap, footer {
		padding-left:20px;
		padding-right:20px;
	}
	.about_wrap {
		padding-top:80px;
		padding-bottom:40px;
	}
	.achievements_wrap {
		padding-top:40px;
		padding-bottom:80px;
	}
	.dir_wrap {
		padding: 35px 35px;
	}
	.fact_wrap {
		padding: 35px 30px 30px 35px;
	}
	.dir-card {
		padding: 35px 30px 30px 35px;
	}
	.gallery_wrap {
		padding:20px 0 30px 0;
	}
	.copyright {
		padding:80px 0 50px 0;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.header_wrap, .about_wrap, .achievements_wrap, .gallery_wrap, footer {
		padding-left:10px;
		padding-right:10px;
	}
	.about_wrap {
		padding-top:60px;
		padding-bottom:40px;
	}
	.achievements_wrap {
		padding-top:40px;
		padding-bottom:50px;
	}
	.dir_wrap {
		padding: 30px 30px;
	}
	.fact_wrap {
		padding: 30px 25px 25px 30px;
	}
	.dir-card {
		padding: 30px 25px 25px 30px;
	}
	.gallery_wrap {
		padding:20px 0 30px 0;
	}
	.copyright {
		padding:70px 0 40px 0;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.header_wrap, .about_wrap, .achievements_wrap, .gallery_wrap, footer {
		padding-left:5px;
		padding-right:5px;
	}
	.about_wrap {
		padding-top:40px;
		padding-bottom:40px;
	}
	.achievements_wrap {
		padding-top:40px;
		padding-bottom:30px;
	}
	.dir_wrap {
		padding: 25px 25px;
	}
	.fact_wrap {
		padding: 25px 20px 20px 25px;
	}
	.dir-card {
		padding: 25px 20px 20px 25px;
	}
	.gallery_wrap {
		padding:20px 0 20px 0;
	}
	.copyright {
		padding:60px 0 30px 0;
	}
}

/* ========================================================================== 
   Navigation
   ========================================================================== */
body.overflow-hidden {
	overflow:hidden;
}
.collapse {
	display:block; 
	clear:both;
	}
.menu-block {
	z-index:10000;
	position:absolute;
	-webkit-transition:all 0.7s ease-in-out;
	transition:all 0.7s ease-in-out;
}
@media (min-width:960px) {
	.menu-block {
		top:10px; 
		right:80px;
	}
}
@media (max-width:959px) {
	.menu-block {
		top:10px; right:60px;
	}
}
.cd-container {
	width:90%; 
	max-width:768px; 
	margin:0 auto;
}
.cd-container:after {
	content:""; 
	display:table; 
	clear:both;
}
.cd-header {
	-webkit-transition:background-color 0.3s; 
	-moz-transition:background-color 0.3s; 
	transition:background-color 0.3s; 
	-webkit-transform:translate3d(0, 0, 0); 
	-moz-transform:translate3d(0, 0, 0); 
	-ms-transform:translate3d(0, 0, 0); 
	-o-transform:translate3d(0, 0, 0); 
	transform:translate3d(0, 0, 0); 
	-webkit-backface-visibility:hidden; 
	backface-visibility:hidden; 
	box-shadow:none;
}
.cd-header.menu-is-open {
	left:-14px;
}
.cd-primary-nav-trigger {
	width:56px; 
	height:56px; 
	border-radius:50%;
	padding-left:0; 
	padding-right:0; 
	background-color:var(--nav-trigger-back); 
	z-index:10000;
	position:absolute; 
	right:0; 
	top:0;
	text-decoration:none;
	border-bottom:0;
}
.cd-primary-nav-trigger .cd-menu-icon {
	display:inline-block; 
	position:absolute; 
	left:auto; 
	right:0; 
	top:50%; 
	-webkit-transform:translateX(-50%) translateY(-50%); 
	-moz-transform:translateX(-50%) translateY(-50%); 
	-ms-transform:translateX(-50%) translateY(-50%); 
	-o-transform:translateX(-50%) translateY(-50%); 
	transform:translateX(-50%) translateY(-50%); 
	width:28px; 
	height:2px; 
	-webkit-transition:background-color 0.3s; 
	-moz-transition:background-color 0.3s; 
	transition:background-color 0.3s;
}
.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon::after {
	content:''; 
	width:100%; 
	height:100%; 
	position:absolute; 
	right:0; 
	-webkit-transition:-webkit-transform .3s, top .3s, background-color 0s; 
	-moz-transition:-moz-transform .3s, top .3s, background-color 0s; 
	transition:transform .3s, top .3s, background-color 0s;
}
.cd-primary-nav-trigger .cd-menu-icon::before {
	top:-8px;
}
.cd-primary-nav-trigger .cd-menu-icon::after {
	top:8px;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
	top:0;
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	transform:rotate(135deg);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
	top:0;
	-webkit-transform:rotate(225deg);
	-moz-transform:rotate(225deg);
	-ms-transform:rotate(225deg);
	-o-transform:rotate(225deg);
	transform:rotate(225deg);
}
.cd-primary-nav {
	position:fixed; 
	left:0; 
	top:0; 
	height:100%; 
	width:100%; 
	z-index:4000; 
	text-align:center; 
	-webkit-backface-visibility:hidden; 
	backface-visibility:hidden; 
	overflow:auto; -webkit-overflow-scrolling:touch; 
	opacity:0; 
	visibility:hidden; 
	-moz-transition:opacity 10ms linear, visibility 0s linear 10ms; -o-transition:opacity 10ms linear, visibility 0s linear 10ms; 
	-webkit-transition:opacity 10ms linear, visibility 0s linear; 
	-webkit-transition-delay:0s, 10ms; 
	transition:opacity 10ms linear, visibility 0s linear 10ms;
}
@media (min-width:960px) {
	.cd-primary-nav {
		margin:0; 
		padding:0;
	}
	.cd-header {
		position:absolute; 
		top:20px; 
		left:0px; 
		height:48px; 
		width:54px; 
		z-index:30000; 
		-webkit-font-smoothing:antialiased; 
		-moz-osx-font-smoothing:grayscale;
	}
}
@media screen and (min-width:320px) and (max-width:959px) {
	.cd-primary-nav {
		margin:0; 
		padding:0 50px 0 50px;
	}
	.cd-header {
		position:absolute; 
		top:20px; 
		left:-10px; 
		height:48px; 
		width:54px; 
		z-index:30000; 
		-webkit-font-smoothing:antialiased; 
		-moz-osx-font-smoothing:grayscale;
	}
}
.cd-primary-nav ul {
	list-style:none;
	margin-left:0;
	padding-left:0;
}
.cd-primary-nav li {
	font-size:var(--x-large-text-size);
	font-weight:300;
	padding-left:0;
	text-align:center;
}
@media (min-width:1134px) {
	.cd-primary-nav li {
		margin:0 auto 1em auto;
	}
}
@media screen and (min-width:960px) and (max-width:1133px) {
	.cd-primary-nav li {
		margin:0 auto 0.95em auto;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.cd-primary-nav li {
		margin:0 auto 0.9em auto;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.cd-primary-nav li {
		margin:0 auto 0.75em auto;
	}
}
.cd-primary-nav a {
	color:var(--system-bg-color);
}
.cd-primary-nav a:hover {
	color:var(--system-bg-color);
}
.no-touch .cd-primary-nav a:hover, .cd-primary-nav a:hover  {
	text-decoration:none;
	border-bottom:0;
}
.cd-primary-nav.is-visible {
	opacity:0.96; 
	visibility:visible; 
	-moz-transition:opacity 15ms linear, visibility 0s linear; 
	-o-transition:opacity 15ms linear, visibility 0s linear; 
	-webkit-transition:opacity 15ms linear, visibility 0s linear; 
	transition:opacity 15ms linear, visibility 0s linear;
}
.sf-menu-wrapper {
	margin-bottom:20px;
}
.sf-menu-wrapper li {
	color:var(--system-bg-color);
}
.sf-menu-wrapper i {
	margin-left:5px;
}
.sf-menu-wrapper h3 {
	color:var(--system-bg-color);
	font-weight:400;
	text-transform:uppercase;
	margin-bottom:20px;
}
.cd-header {
	background:rgba(var(--system-bg-color),0);
}
.cd-header.menu-is-open {
	background-color:rgba(var(--system-bg-color),0);
}
.cd-primary-nav-trigger .cd-menu-icon {
	background-color:var(--system-bg-color);
}
.cd-primary-nav-trigger .cd-menu-icon::before, 
.cd-primary-nav-trigger .cd-menu-icon::after {
	background-color:var(--system-bg-color);
}
.cd-primary-nav-trigger:hover .cd-menu-icon.is-clicked::before, 
.cd-primary-nav-trigger:hover .cd-menu-icon.is-clicked::after,  
.cd-primary-nav-trigger:hover .cd-menu-icon,  
.cd-primary-nav-trigger:hover .cd-menu-icon::before.cd-primary-nav-trigger:hover .cd-menu-icon::after {
	background-color:var(--system-bg-color);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, 
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
	background-color:var(--system-bg-color);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
	background-color:transparent;
}
.cd-primary-nav {
	background-color:rgba(var(--system-color),0.75);
}
.cd-primary-nav.is-visible {
	background-color:rgba(var(--system-color),1);
}

/* ==========================================================================
 Header
   ========================================================================== */
.h-100 {
	height:100%;
}
.logo-wrap {
	position:absolute;
	left:30px; 
	top:30px;
	z-index:2;
}
.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;
	}
	.logo-wrap .logosvg {
		width:180px; 
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.logo-wrap {
		left:20px; 
		top:30px;
	}
	.logo-wrap .logosvg {
		width:160px; 
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.logo-wrap {
		left:20px; 
		top:30px;
}
.logo-wrap .logosvg {
		width:150px; 
	}
}
.p-relative {
	position:relative;
}
.header-over {
	position:relative;
	z-index:0;
	background:var(--link-color);
}
.header_wrap {
	position:relative;
	z-index:2;
}
.header-bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
	overflow:hidden;
}
.header-bg img {
	position:absolute;
	bottom:5%;
	left:0;
	width:100%;
	height:auto;
	z-index:0;
}
.globe {
	width:100%;
	height:auto;
	position:relative;
	z-index:0;
}
.chart {
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.header-left-back {
	width:50%;
	height:100%;
	max-width:240px;
	position:absolute;
	left:0;
	top:0;
}
.header-left-back img {
	width:100%;
	max-width:240px;
	position:absolute;
	left:0;
	top:40%;
	margin-top:-90px;
}
.school-title_wrap {
	height:auto;
	position:relative;
	z-index:10;
}
.school-title {
	margin-bottom:0;
	padding-bottom:0;
	position:relative;
	z-index:10;
}
.school-title label {
	font-size:var(--xx-large-text-size);
	font-weight:400;
	text-transform:uppercase;
	color:var(--system-bg-color);
	font-family:Montserrat;
	margin-bottom:20px;
}
.school-title h1 {
	font-weight:700;
	text-transform:uppercase;
	color:var(--system-bg-color);
	font-family:Montserrat;
}
.school-title p {
	font-weight:300;
	text-transform:uppercase;
	color:var(--system-bg-color);
	font-family:Montserrat;
}
.school-title p span {
	font-weight:300;
	color:var(--link-hover-color);
	font-family:Montserrat;
}
.about_wrap p {
	font-size:var(--x-large-text-size);
	font-weight:300;
}


/* ========================================================================== 
   Directions V.1
   ========================================================================== */
.dir_wrap {
	border-radius: 20px;
	background:linear-gradient(45deg, rgba(var(--system-color),0.25) 0%, rgba(var(--system-color),0.15) 50%, rgba(var(--system-color),0.25) 100%);
	margin-bottom:20px;
}
.dir_wrap label {
	font-size:var(--normal-text-size);
}
.direction {
	padding: 15px 25px;
	background: var(--system-bg-color);
	border-radius:30px;
	margin-right:10px;
	margin-bottom:20px;
	font-weight:700;
}
.dir-card {
	z-index:1;
	border:1px solid rgba(var(--light-border-color),0.5);
	background-color:var(--system-bg-color);
	border-radius:20px;
	width:100%;
}
.dir-card p {
	font-size:var(--normal-text-size);
}
.dir-card .programs-list {
	font-size:var(--normal-text-size);
	font-weight:300;
	margin-top:5px;
}
.dir-card .programs-list li {
	margin-bottom:12px;
	max-width:860px;
}
@media (min-width:768px) {
	.dir-card_wrap	{
		grid-row-gap:20px;
		flex-direction:column;
		flex:none;
		display:flex;
	}
	.dir-card {
		flex-direction:column;
		flex:none;
		justify-content:space-between;
		width:100%;
		height:280px;
		display:flex;
		position:-webkit-sticky;
		position:sticky;
		top:100px;
	}
}
@media (max-width:767px) {
	.dir-card {
		width:100%;
		height:auto;
		display:block;
		margin-bottom:20px;
	}
}

/* ========================================================================== 
   Directions V.2
   ========================================================================== */
.panel-default>.panel-heading {
	-webkit-user-select:none; 
	-moz-user-select:none; 
	-ms-user-select:none; 
	user-select:none;
}
.panel-default>.panel-heading {
	position:relative;
}
.panel-default>.panel-heading a {
	font-weight:400;
	color:var(--text-color);
	}
.panel-default>.panel-heading a span {
	padding-top:22px;
	padding-bottom:22px;
	}
.panel-default>.panel-heading a:after {
	content:"";
	top:1px;
	display:inline-block;
	font-style:normal;
	line-height:1; 
	-webkit-font-smoothing:antialiased; 
	-moz-osx-font-smoothing:grayscale; 
	float:right; 
	transition:transform .25s linear; 
	-webkit-transition:-webkit-transform .25s linear; 
	position:absolute; 
	top:24px; 
	right:20px;
	background: url(../img/arrow.svg) top center no-repeat;
	-webkit-transform:rotate(360deg); 
	transform:rotate(360deg);
	width:24px;
	height:24px;
}
.panel-default>.panel-heading a[aria-expanded="true"]:after {
	background: url(../img/arrow.svg) top center no-repeat;
	-webkit-transform:rotate(180deg); 
	transform:rotate(180deg);
}
.panel-default>.panel-heading a[aria-expanded="false"]:after {
	background: url(../img/arrow.svg) top center no-repeat;
	-webkit-transform:rotate(360deg); 
	transform:rotate(360deg);
}
.panel-group {
	margin:15px 0 15px 0;
}
@media (max-width:959px) {
	.panel-title {
		margin:0;
		padding:0 35px 0 0;
	}
	.panel-body {
		padding:0 20px 20px 20px;
	}
}
@media (min-width:960px) {
	.panel-title {
		margin:0 0 0 10px;
		padding:0 40px 0 0;
	}
	.panel-body {
		padding:0 40px 20px 40px;
	}
}
.panel-title a:hover {
	text-decoration:none;
}
.panel-title {
	font-size:var(--large-text-size);
	font-weight:700;
}
.panel.panel-default {
	margin-bottom:10px;
	background:var(--system-bg-color);
	border:1px solid rgba(var(--system-color),0.5);
	border-radius:20px;
	}
.panel.panel-default:hover {
	border-radius:20px;
	border:1px solid rgba(var(--system-color),0.75);
}
.panel-default>.panel-heading:hover {
	background:var(--system-bg-color);
	border-radius:20px;
}
.panel-default>.panel-heading:hover a {
	color:var(--link-hover-color);
}
.accordion-toggle span {
	display:block;
	width:100%;
	padding:10px 20px 10px 20px;
	margin-bottom:0;
	font-weight:500;
}
.panel-body {
	display:block;
	width:100%;
	font-weight:300;
}
.panel-body p {
	font-size:var(--normal-text-size);
}
.panel-collapse {
	transition:all 0.3s ease-in-out;
}
.programs-list {
	margin-left:20px;
	padding-left:0;
	list-style-type:none;
}
.programs-list li::before {
    color:var(--bullet-color);
    content:"\2022";
	display:inline-block; 
	width:1em;
	margin-left:-1em;
}
.programs-list li {
    line-height:1.25;
	margin-bottom:7px;
}
.programs-list li span {
 	color:var(--bullet-color);
}

/* ========================================================================== 
 About
   ========================================================================== */
.about_wrap {
	background:var(--system-bg-color);
}
.people {
	margin:0;
	padding:0 20px 0 0;
	position:relative;
}
.people dt {
	font-weight:300;
	text-transform:uppercase;
	margin:10px 0 10px 0;
	font-size:var(--xx-small-text-size);
}
.people dd.fio {
	width:100%;
	margin:10px 0 5px 0;
	font-size:var(--x-large-text-size);
	font-weight:500;
}
.people dd.dep_dir {
	font-size:var(--x-small-text-size);
	font-weight:300;
	margin-bottom:10px;
	line-height:1.35;
}
.leader-wrapper {
	position:relative;
	background:var(--system-bg-color); 
}
.leader-wrapper dt {
	font-weight:500;
}
@media (min-width:1134px) {
	.leader-wrapper {
		padding:0 0 0 300px;
		min-height: 240px;
		margin-bottom:30px;
	}
	.leader-wrapper img {
		position:absolute;
		left:0;
		top:0;
		width:250px;
		height:250px;
	}
}
@media screen and (min-width:960px) and (max-width:1133px) {
	.leader-wrapper {
		padding:0 0 0 175px;
		min-height: 200px;
		margin-bottom:30px;
	}
	.leader-wrapper img {
		position:absolute;
		left:0;
		top:0;
		width:150px;
		height:150px;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.leader-wrapper {
		padding:0;
		min-height: 180px;
		margin-bottom:20px;
	}
	.leader-wrapper img {
		position:relative;
		width:200px;
		height:200px;
		margin:0 auto 30px auto;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.leader-wrapper {
		padding:0 0 10px 0;
		min-height: 150px;
	}
	.leader-wrapper img {
		position:relative;
		width:100%;
		max-width:200px;
		height:auto;
		margin:0 auto 30px auto;
	}
}

/* ========================================================================== 
   Infograph
   ========================================================================== */
.fact_wrap {
	border:1px solid rgba(var(--light-border-color),0.5);
	border-radius:20px;
	margin-bottom:20px;
}
.fact-value dt {
	font-size:var(--xxx-large-text-size);
	font-weight: 500;
	line-height:1;
	padding: 0;
	margin: 0 0 10px 0;
	color:var(--fact-color);
}
.fact-value dd {
	font-size:var(--small-text-size);
	font-weight: 400;
	text-transform:uppercase;
	max-width:400px;
}
@media (min-width:1134px) {
	.fact_wrap {
		min-height:270px;
	}
}
@media screen and (min-width:960px) and (max-width:1133px) {
	.fact_wrap {
		min-height:250px;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.fact_wrap {
		min-height:200px;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.fact_wrap {
		min-height:160px;
	}
}

/* ========================================================================== 
 Team
   ========================================================================== */
.team_wrap {
	background:linear-gradient(180deg, var(--system-bg-color) 0%, rgba(var(--system-color),0.25) 30%, rgba(var(--system-color),0.25) 70%, var(--system-bg-color) 100%);
	overflow:hidden;
	position:relative;
	z-index:0;
}
.team_wrap .container-fluid {
	position:relative;
	z-index:2;
}
.team-bg-color {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:0;
	overflow:hidden;
	width:100%;
	height:100%;
}
.team-bg-color .team-left-bg {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
.team-bg-color .team-left-bg img {
	height:auto;
	width:100%;
	height:auto;
	position:absolute;
	left:0;
	top:30%;
}
@media (min-width:860px) {
	.team-left-bg img {
		visibility:visible;
	}
}
@media screen and (min-width:320px) and (max-width:859px) {
	.team-left-bg img {
		visibility:hidden;
	}
}

@media (min-width:1460px) {
	.team_wrap {
		padding-top:20px;
		padding-bottom:80px;
	}
}
@media screen and (min-width:1134px) and (max-width:1459px) {
	.team_wrap {
		padding:20px 15px 80px 15px;
	}
}
@media screen and (min-width:960px) and (max-width:1133px) {
	.team_wrap {
		padding:20px 15px 70px 15px;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.team_wrap {
		padding:20px 10px 60px 10px;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.team_wrap {
		padding-top:10px 0 40px 0;
	}
}
.team-unit-wrap {
	padding: 35px 30px 20px 30px;
	background: var(--system-bg-color);
	border-radius:20px;
	position:relative;
	width:100%;
	height:100%;
	min-height:480px;
}
.team-unit-wrap img {
	margin:0 auto 30px auto;
	width:100%;
	max-width:220px;
}
.team-unit {
	position:relative;
}
.team-unit dt {
	font-size:var(--large-text-size);
	font-weight:500;
	margin:0 0 5px 0;
	line-height:1.25;
	max-width: 280px;
}
.team-unit .degree {
	font-size:var(--x-small-text-size);
	font-weight:300;
	margin:0 0 15px 0;
	line-height:1.25;
}
.team-unit .job {
	font-size:var(--xx-small-text-size);
	font-weight:500;
	line-height:1.25;
	color: var(--job-color);
	margin-left:15px;
	padding-left:0;
	position:relative;
}
.team-unit .job::before {
    color:var(--bullet-color);
    content:"\2022";
	font-size:1.35em;
	display:inline-block; 
	width:1em;
	position:absolute;
	left:-15px;
	top:-1px;
}
.team-link-wrapper {
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	border:1px solid rgba(var(--system-color),0.25);
	border-radius:20px;
	min-height:480px;
}
.team-link-wrapper:hover {
	border:1px solid rgba(var(--system-color),0.5);
	border-radius:20px;
}
.team-link {
	color:var(--link-color);
	text-transform:uppercase;
	font-size:var(--normal-text-size);
}
.team-link-wrapper:hover .team-link {
	color:var(--link-hover-color);
}
.team__carousel {
	z-index:10;
	padding-top:30px;
}
.team__carousel .swiper-container {
	overflow:initial;
}
.team__carousel .swiper-container .swiper-wrapper .swiper-slide {
	min-height:480px;
	max-width:380px;
}
@media (min-width:1134px) {
	.team__carousel .swiper-container .swiper-wrapper {
		padding:0 0 20px 0;
	}
}
@media screen and (min-width:960px) and (max-width:1133px) {
	.team__carousel .swiper-container .swiper-wrapper .swiper-slide {
		padding:0;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.team__carousel .swiper-container .swiper-wrapper .swiper-slide {
		padding:0;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.team__carousel .swiper-container .swiper-wrapper .swiper-slide {
		padding:0;
	}
}
.team__carousel .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
	opacity:1;
}
.team__carousel .swiper-slide.swiper-slide-active p {
	color:var(--link-hover-color);
}
@media screen and (max-width:960px) {
	.team__carousel .swiper-slide p {
		min-height:auto;
		font:300 1em/1.2 "Roboto Flex", sans-serif;
  }
}
.team__carousel .swiper-container .swiper-wrapper .swiper-slide a {
	color:var(--system-bg-color);
}
.team_wrap .controls {
	margin:40px 0 40px 0;
	position:relative;
	z-index:10;
}

/* ========================================================================== 
   Advantages
   ========================================================================== */
/* Advantages Scroll  */
.sticky_block .container {
	width:100%;
	max-width:1480px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
}
.sticky_block__title {
	margin:0 45px 20px 0;
	width:100%;
	position:-webkit-sticky;
	position:sticky;
	top:96px;
	font-family:Montserrat;
	font-weight:700;
	color:var(--text-color);
}
.sticky_block__cards {
	max-width:1000px;
	width:100%;
}
.sticky_block__title h4 {
	font-size:var(--xx-large-text-size);
	font-weight:500;
	text-transform:uppercase;
}
@media (min-width:1381px) {
	.sticky_block__title {
		top:170px;
		max-width:340px;
	}
}
@media screen and (min-width:1024px) and (max-width:1380px) {
	.sticky_block__title {
		top:170px;
		max-width:280px;
	}
}
@media screen and (min-width:959px) and (max-width:1023px) {
	.sticky_block .container {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	.sticky_block__title {
		margin:0 0 24px 0;
		position:relative;
		top:unset;
		width:100%;
	}
	.sticky_block__title p {
		margin:0 0 44px 0;
	}
	.sticky_block__cards {
		max-width:100%;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.sticky_block .container {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	.sticky_block__title {
		margin:0 0 24px 0;
		position:relative;
		top:unset;
		width:100%;
	}
	.sticky_block__cards {
		max-width:100%;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.sticky_block .container {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	.sticky_block__title {
		margin:0 0 20px 0;
		position:relative;
		top:unset;
		width:100%;
	}
	.sticky_block__cards {
		max-width:100%;
	}
}
.grant {
	line-height:1.35;
	margin-bottom:30px;
}
.sub-panel label {
	font-weight:500;
	margin-bottom:5px;
}
.grant dt {
	text-transform:uppercase;
	font-size:var(--xxx-small-text-size);
	font-weight:300;
	color:var(--diss-color-4);
}
.grant dd {
	font-weight:300;
}
.grant dd span {
	font-size:var(--small-text-size);
	font-weight:500;
}
.more-link {
	font-size:var(--normal-text-size);
	font-weight:500;
	margin-bottom:40px;
	text-transform:uppercase;
}

/* ==========================================================================
   Diss
   ========================================================================== */
.diss_wrap {
	position:relative;
	background:linear-gradient(180deg, var(--system-bg-color) 0%, rgba(var(--system-color),0.25) 40%, rgba(var(--system-color),0.25) 80%, var(--system-bg-color) 100%);
	overflow:hidden;
	z-index:100;
}
.diss-bg-color {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:0;
	overflow:hidden;
	width:100%;
	height:100%;
}
.diss-bg-color .diss-left-bg {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
.diss-bg-color .diss-left-bg img {
	height:100%;
	width:auto;
	max-width:700px;
	height:auto;
	position:absolute;
	left:0;
	top:0;
}
@media (min-width:860px) {
	.diss-left-bg img {
		visibility:visible;
	}
}
@media screen and (min-width:320px) and (max-width:859px) {
	.diss-left-bg img {
		visibility:hidden;
	}
}
@media (min-width:960px) {
	.diss_wrap {
		padding-top:50px;
		padding-bottom:100px;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.diss_wrap {
		padding-top:20px;
		padding-bottom:70px;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.diss_wrap {
		padding-top:10px;
		padding-bottom:50px;
	}
}
.diss-bg-color {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:0;
	overflow:hidden;
	width:100%;
	height:100%;
}
.diss-bg-color .diss-top-left-bg {
	width:100%;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	z-index:0;
}
.diss-bg-color .diss-top-left-bg img {
	width:100%;
	height:auto;
	position:absolute;
	left:0%;
	top:5%;
	z-index:0;
}
@media (min-width:960px) {
	.diss-bg-color .diss-top-left-bg img {
		visibility:visible;
	}
}
@media screen and (min-width:320px) and (max-width:959px) {
	.diss-bg-color .diss-top-left-bg img {
		visibility:hidden;
	}
}
.diss__carousel {
	z-index:10;
	position:relative;
}
.diss__carousel header {
	padding-bottom: 10px;
}
.diss__carousel .swiper-container {
	overflow:initial;
}
.diss__carousel .swiper-container .swiper-wrapper .swiper-slide {
	background:transparent;
	border:1px solid rgba(var(--dark-border-color),0.5);
	border-radius:20px;
	padding:36px 36px 46px 36px;
	min-height:400px;
	max-width:1020px;
	transition: opacity 500ms ease, color 500ms ease;
}
@media (min-width:1134px) {
	.diss__carousel .swiper-container .swiper-wrapper .swiper-slide {
		padding:36px 36px 46px 36px;
	}
}
@media screen and (min-width:768px) and (max-width:1133px) {
	.diss__carousel .swiper-container .swiper-wrapper .swiper-slide {
		padding:36px 36px 46px 36px;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.diss__carousel .swiper-container .swiper-wrapper .swiper-slide {
		padding:30px 25px 35px 25px;
	}
}
.diss__carousel .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
	border:1px solid var(--system-bg-color);
	background:var(--system-bg-color);
	transition: opacity 500ms ease, color 500ms ease;
}
@media screen and (max-width:640px) {
	.diss__carousel .swiper-container .swiper-wrapper .swiper-slide {
		width:100%;
		min-height:unset;
	}
}
.diss__carousel .swiper-container .swiper-wrapper .swiper-slide {
	font-weight:400;
	line-height:1.4;
}
.diss__carousel .swiper-container .swiper-wrapper .swiper-slide label span {
	text-transform:uppercase;
}
.diss_wrap .controls {
	margin:20px 0 0 0;
}

.diss dt {
	font-weight:300;
}
.diss-type {
	padding:8px 15px 7px 15px;
	background:var(--diss-color-1);
	color:var(--diss-color-3);
	border:1px solid var(--diss-color-1);
	border-radius:20px;
	margin:0 5px 10px 0;
	font-size:var(--xx-small-text-size);
	font-weight:400;
}
.diss-dir {
	padding:8px 15px 7px 15px;
	background:transparent;
	color:var(--diss-color-3);
	border:1px solid var(--diss-color-2);
	border-radius:20px;
	margin:0 5px 5px 0;
	font-size:var(--xx-small-text-size);
	font-weight:400;
}
.diss-year {
	padding:8px 15px 7px 15px;
	background:transparent;
	color:var(--diss-color-3);
	border:1px solid var(--diss-color-2);
	border-radius:20px;
	margin:0 5px 5px 0;
	font-size:var(--xx-small-text-size);
	font-weight:400;
}
.diss-fio {
	margin:20px 0 5px 0;
	font-size:var(--large-text-size);
	font-weight:500;
	line-height:1.35;
}
.diss-country {
	text-transform:uppercase;
	margin-bottom:20px;
	color:var(--diss-color-4);
	font-size:var(--xx-small-text-size);
}
.diss-theme label {
	text-transform:uppercase;
	margin-bottom:0;
	padding-bottom:0;
	color:var(--diss-color-4);
	font-size:var(--xx-small-text-size);
}
.diss-theme p {
	margin-bottom:20px;
	font-size:var(--large-text-size);
	font-weight:600;
	line-height:1.35;
	font-weight:600;
}
.diss-leader label {
	text-transform:uppercase;
	margin-bottom:5px;
	color:var(--diss-color-4);
	font-size:var(--xx-small-text-size);
}
.diss-leader p {
	font-size:var(--x-small-text-size);
	line-height:1.35;
}
.diss-leader p span {
	color:var(--diss-color-4);
	font-size:var(--xx-small-text-size);
}
.diss-link {
	width:100%;
	font-size:var(--normal-text-size);
}
/* Slider */
.controls {
	margin:46px 0 0 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	width:100%;
}
@media screen and (max-width:460px) {
	.controls {
		margin:38px 0 0 0;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
	}
}
.controls .container {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
}
@media screen and (max-width:960px) {
	.controls .container {
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
	}
}
.controls--center {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
}
.controls__prev {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	margin:0 20px 0 0;
}
.controls__prev, .controls__next {
	cursor:pointer;
	width:56px;
	height:56px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	border-radius:1000px;
	border:1px solid rgba(var(--light-border-color),0.5);
	-webkit-transition:300ms ease;
	transition:300ms ease;
	background:transparent;
}
.controls__prev:hover, .controls__next:hover {
	border:1px solid rgba(var(--light-border-color),0.75);
}

/* ========================================================================== 
   Achievements
   ========================================================================== */
.achievements_wrap {
	position:relative;
	background:linear-gradient(180deg, var(--system-bg-color) 0%, rgba(var(--system-color),0.25) 30%, rgba(var(--system-color),0.25) 70%, var(--system-bg-color) 100%);
}
.achievements-bg-color {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:0;
	overflow:hidden;
	width:100%;
	height:100%;
}
.achievements-bg-color .achievements-left-bg {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
.achievements-bg-color .achievements-left-bg img {
	height:100%;
	width:auto;
	max-width:800px;
	height:auto;
	position:absolute;
	left:-20px;
	top:150px;
}
@media (min-width:860px) {
	.achievements-left-bg img {
		visibility:visible;
	}
}
@media screen and (min-width:320px) and (max-width:859px) {
	.achievements-left-bg img {
		visibility:hidden;
	}
}
.sub-panel {
	margin-bottom:30px;
}
.sub-panel div {
	margin-bottom:10px;
	background:var(--system-bg-color);
	border-radius:20px;
	font-size:var(--normal-text-size);
	font-weight:300;
}
@media (min-width:960px) {
	.sub-panel div {
		padding:35px 40px 20px 40px;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.sub-panel div {
		padding:30px 30px 20px 30px;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.sub-panel div {
		padding:25px 25px 20px 25px;
	}
}

/* ========================================================================== 
   Gallery
   ========================================================================== */
.gallery_wrap {
	position:relative;
	z-index:0;
}
.gallery_wrap .container-fluid {
	position:relative;
	z-index:2;
}
.gallery-bg-color {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:0;
	overflow:hidden;
	width:100%;
	height:100%;
}
.gallery-bg-color .gallery-left-bg {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
.gallery-bg-color .gallery-left-bg img {
	height:auto;
	width:100%;
	height:auto;
	position:absolute;
	left:0;
	top:30%;
}
@media (min-width:860px) {
	.gallery-left-bg img {
		visibility:visible;
	}
}
@media screen and (min-width:320px) and (max-width:859px) {
	.gallery-left-bg img {
		visibility:hidden;
	}
}
.chocolat-parent {
	margin: 50px 0 0 0;
}
.chocolat-zoomable.chocolat-zoomed {
	cursor: zoom-out;
}
.chocolat-open {
	overflow: hidden;
}
.chocolat-overlay {
	height:100%; 
	width:100%; 
	position:fixed; 
	left:0; 
	top:0; 
	z-index:10000; 
	display:none;
}
.chocolat-wrapper {
	height:100%; 
	width:100%; 
	position:fixed; 
	display:none; 
	left:0; 
	top:0; 
	z-index:16000;
}
.chocolat-zoomable .chocolat-img {
	cursor: zoom-in;
}
.chocolat-loader {
	position: absolute;
	top: calc(50% - 25px);
	left: calc(50% - 25px);
}
.chocolat-loader, .chocolat-loader:before, .chocolat-loader:after {
	position: absolute; 
	border: 3px solid transparent; 
	border-top: 3px solid hsl(15, 25%, 85%); 
	border-radius: 50%;  
	animation: rotate linear infinite; 
	content: '';
}
.chocolat-loader {
	height: 100px; 
	width: 100px; 
	animation-duration: 1.05s;
	}
.chocolat-loader:before {
	height: 75px; 
	width: 75px; 
	top: 10px; 
	left: 10px;
	animation-duration: 10s;
	}
.chocolat-loader:after {
	height: 50px; 
	width: 50px; 
	top: 22px; 
	left: 22px; 
	animation-duration: 4s;
	}
@keyframes rotate {
	from {
		transform: rotateZ(360deg);
	} 
	to {
		transform: rotateZ(0deg);
	}
}
.chocolat-content {
	position:fixed; 
	width:0px; 
	height:0px; 
	left:50%; 
	top:50%; 
	z-index:14000; 
	text-align: left;
	}
.chocolat-content .chocolat-img {
	position:absolute; 
	width:100%;
}
.chocolat-wrapper .chocolat-left {
	position:absolute; 
	left:0; 
	width:50px; 
	height:100px; 
	top: 50%; 
	margin-top: -50px; 
	cursor:pointer; 
	z-index: 17000; 
	display: none;
}
.chocolat-wrapper .chocolat-right {
	position:absolute; 
	right:0; 
	width:50px; 
	height:100px; 
	top: 50%; 
	margin-top: -50px; 
	cursor:pointer; 
	z-index: 17000; 
	display: none;
}
.chocolat-wrapper .chocolat-right.active {
	display: block;
}
.chocolat-wrapper .chocolat-left.active {
	display: block;
}
.chocolat-wrapper .chocolat-top {
	position:absolute; 
	top:0px; 
	right: 0; 
	left: 0; 
	line-height:50px; 
	height:50px; 
	overflow: hidden; 
	z-index: 17000; 
	margin-bottom: 10px;
}
.chocolat-wrapper .chocolat-close {
	width:50px; 
	height:50px; 
	cursor:pointer; 
	position: absolute; 
	top: 0; 
	right: 0;
}
.chocolat-wrapper .chocolat-bottom {
	position:absolute;
	bottom:0; 
	left: 0; 
	right: 0; 
	line-height:40px; 
	height:40px; 
	font-size:12px; 
	text-align: right; 
	margin-top: 10px; 
	z-index: 17000; 
	padding-left: 15px; 
	padding-right: 15px;
}
.chocolat-wrapper .chocolat-set-title {
	display: inline-block; 
	padding-right: 15px; 
	line-height: 1;
}
.chocolat-wrapper .chocolat-pagination {
	float: right; 
	display: inline-block; 
	padding-left: 15px; 
	padding-right: 15px; 
	margin-right: 15px;
}
.chocolat-wrapper .chocolat-fullscreen {
	width: 24px; 
	height: 40px; 
	display: block; 
	margin:auto; 
	cursor: pointer;
	float: right;
}
.chocolat-wrapper .chocolat-description {
	display: inline-block; float: left;
}
body.chocolat-open>.chocolat-overlay {
	z-index:15000;
}
body.chocolat-open>.chocolat-loader {
	z-index:15000;
}
body.chocolat-open>.chocolat-content {
	z-index:17000;
}
.chocolat-in-container .chocolat-wrapper, .chocolat-in-container .chocolat-content, .chocolat-in-container .chocolat-overlay {
	position: absolute;
}
.chocolat-in-container {
	position: relative;
}
.chocolat-image {
	border:0;
	outline:none;
	background-size:cover;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
}
.chocolat-image .chocolat-image-label {
	width:100%;
	height:100%;
	padding:30px;
	position:absolute;
	left:0;
	bottom:0;
	background:rgba(var(--system-bg-color),0.75);
	visibility:hidden;
	font-weight:400;
}
.chocolat-image .chocolat-image-label span {
	text-decoration:none;
	color:var(--link-hover-color);
}
.chocolat-image:hover .chocolat-image-label {
	visibility:visible;
}
.chocolat-overlay {
	background-color:var(--gallery-overlay);
}
.chocolat-wrapper {
	color: var(--system-bg-color);
}
.chocolat-wrapper .chocolat-left {
	background-image: url(../img/sprite.svg);
	background-repeat: no-repeat;
	background-size: auto 48px;
	background-position: 0px 24px;
}
.chocolat-wrapper .chocolat-right {
	background-image: url(../img/sprite.svg);
	background-repeat: no-repeat;
	background-size: auto 48px;
	background-position: -75px 24px;
}
.chocolat-wrapper .chocolat-close {
	background-image: url(../img/sprite.svg);
	background-repeat: no-repeat;
	background-size: auto 48px;
	background-position: -110px 0px;
}
.chocolat-wrapper .chocolat-fullscreen {
	background-image: url(../img/sprite.svg);
	background-repeat: no-repeat;
	background-size: auto 48px;
	background-position: -160px -4px;
}
.chocolat-wrapper .chocolat-bottom {
	background: var(--gallery-bg-2);
}
.chocolat-wrapper .chocolat-set-title {
	border-right: 1px solid rgba(var(--system-bg-color), 0.3);
}
.parent-gallery {
  column-gap: 1em;
  margin-top:0;
  padding-top:0;
  padding-right:0;
}
.parent-gallery img {
	background-color: var(--gallery-bg);
	display: inline-block;
	margin: 0 0 1em 0;
	width: 100%;
	-webkit-filter: brightness(90%);
	filter: brightness(90%);
	border-radius:20px;
}
.parent-gallery img:hover {
	-webkit-filter: brightness(99%);
	filter: brightness(99%);
}
@media only screen and (min-width: 1480px) {
  .parent-gallery {
    column-count: 4;
  }
}
@media only screen and (max-width: 1489px) and (min-width: 1024px) {
  .parent-gallery {
    column-count: 4;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .parent-gallery {
    column-count: 4;
  }
}
@media only screen and (max-width: 767px) and (min-width: 540px) {
  .parent-gallery {
    column-count: 2;
  }
}
@media only screen and (max-width: 539px) and (min-width: 280px) {
  .parent-gallery {
    column-count: 2;
  }
}

/* ========================================================================== 
 Footer
   ========================================================================== */
footer {
	padding-bottom:0;
	background: var(--system-bg-color);
}
.copyright {
	width:100%;
	color:var(--text-color);
	font-size:var(--normal-text-size);
}
.copyright p {
	color:var(--text-color);
}

/* ==========================================================================
 Buttons
   ========================================================================== */
.pk-button {
	margin-top:40px;
}
@media screen and (min-width:320px) and (max-width:767px) {
	.pk-button {
		margin:40px auto 0 auto;
		text-align:center;
	}
}
.btn {
	padding:15px 30px;
	border-radius:30px;
	font-size:var(--normal-text-size);
	font-weight:400;
	text-transform:uppercase;
	background-color:var(--btn-bg-color);
	border:0;
	color:var(--system-bg-color);
}
.btn-success,
.btn-success:hover,
.btn-success.focus,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
	background-color:var(--btn-bg-color);
}
.btn-success {
	transition:box-shadow .3s ease-in-out;
	transition-delay:0.1s;
}
.slide-btn.slide-btn-projects .btn.btn-success:active, 
.slide-btn.slide-btn-projects .btn.btn-success.active {
  color:var(--system-bg-color);
  background-color:var(--btn-hover-color);
}
.btn-success:hover,
.btn-success.focus,
.btn-success:focus {
	background-color:var(--btn-hover-color);
	border:none;
}

/* ========================================================================== 
 Modal
   ========================================================================== */
.modal.fade .modal-dialog.modal-dialog-zoom {
	-webkit-transform:translate(0,0)scale(.5);
	transform:translate(0,0)scale(.5);
}
.modal.show .modal-dialog.modal-dialog-zoom {
	-webkit-transform:translate(0,0)scale(1);
	transform:translate(0,0)scale(1);
}
.a-modal {
	text-decoration:none;
	border-bottom:0;
	display:block;
}
.a-modal {
	text-decoration:none;
	border-bottom:0;
}
.modal-open {
	overflow:hidden;
}
.modal-open .modal {
	overflow-x:hidden;
	overflow-y:auto;
}
.modal {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1100;
	display:none;
	overflow:hidden;
	outline:0;
}
.modal-dialog {
	position:relative;
	width:auto;
	margin:0.5rem;
	pointer-events:none;
}
.modal.fade .modal-dialog {
	transition:-webkit-transform 0.3s ease-out;
	transition:transform 0.3s ease-out;
	transition:transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
	-webkit-transform:translate(0, -25%);
	transform:translate(0, -25%);
}
.modal.show .modal-dialog {
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0);
}
.modal-dialog-centered {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	min-height:calc(100% - (0.5rem * 2));
}
.modal-dialog-centered::before {
	display:block;
	height:calc(100vh - (0.5rem * 2));
	content:"";
}
.modal-content {
	position:relative;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	width:100%;
	pointer-events:auto;
	background-color:var(--system-bg-color);
	background-clip:padding-box;
	border-radius:0.5rem;
	outline:0;
	border:0;
}
.modal-content {
	width:100%;
	background:var(--system-bg-color);
	}
.modal-header {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:start;
	align-items:flex-start;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding:2rem;
	border-bottom:0;
	border-top-left-radius:0.5rem;
	border-top-right-radius:0.5rem;
}
.modal-header .close {
	padding:1rem 1.5rem;
	margin:-1rem -1rem -1rem auto;
}
.modal-title {
	margin-bottom:30px;
	padding:0.5rem 0 0 1rem;
	line-height:1.5;
	font-size:var(--large-text-size);
}
.modal-body {
	position:relative;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	padding:0 3rem 2rem 3rem;
	margin-top:-20px;
	font-size:var(--normal-text-size);
}
.modal-body img {
	margin: 0 auto 30px auto;
}
.modal-footer {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:end;
	justify-content:flex-end;
	padding:1rem;
	border:0;
}
.modal-footer > :not(:first-child) {
	margin-left:.25rem;
}
.modal-footer > :not(:last-child) {
	margin-right:.25rem;
}
@media (min-width:576px) {
	.modal-dialog {
		max-width:600px;
		margin:1.75rem auto;
}
	.modal-dialog-centered {
		min-height:calc(100% - (1.75rem * 2));
	}
	.modal-dialog-centered::before {
		height:calc(100vh - (1.75rem * 2));
	}
	.modal-sm {
		max-width:300px;
	}
}
@media (min-width:992px) {
	.modal-lg {
		max-width:960px;
	}
}

/* ========================================================================== 
 Back to Top
   ========================================================================== */
.back-to-top {
	position: fixed; 
	width: 56px; 
	height: 56px; 
	border: 1.5px solid var(--to-top-border);
	border-radius:50%; 
	right: 20px; 
	bottom: 20px; 
	z-index: 1100;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg);
	mix-blend-mode: difference;
}
.back-to-top img {
	opacity:0.5;
}
.back-to-top:hover {
	border: 1.5px solid var(--to-top-hover);
}
.back-to-top:hover img {
	opacity:0.75;
}
@media (max-width: 768px) {
	.back-to-top {
		bottom: 15px;
	}
}
#button {
	transition: opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
}
#button.show {
	opacity: 1;
	visibility: visible;
}