/* ========================================================================== 
   General
   ========================================================================== */
img {
	display:block; 
	max-width:100%;
	}
a, button {
	cursor:pointer;
	outline:none;
	}
a {
	color:#333;
	text-decoration:none;
	border-bottom:2px solid #7D5AFF;
}
a.no-line {
	text-decoration:none;
	border-bottom:none;
}
a:hover {
	border-bottom:2px solid rgba(255,87,207,1);
	text-decoration:none;
	color:#000;
}
.container-fluid {
	max-width:1560px;
	}
.second-page {
	background:#fff;
}
.p-relative {
	position:relative;
}
.z-1 {
	position:relative;
	z-index:1;
}
.uppercase {
	text-transform:uppercase;
}
.img-fluid {
	max-width:250px;
	margin:0 auto;
}
.rounded-circle {
	border-radius:50%!important;
}
.c-yellow {
	color:#FFD078;
}
.c-gray {
	color:#333;
}
.c-white {
	color:#fff;
}
.c-green {
	color:#00ffcd;
}
.c-blue {
	color:#00ffff;
}

/* ==========================================================================
 Header 
   ========================================================================== */
.header_wrap {
	position:relative;
	background:linear-gradient(0deg, #D8D7E3 0%, #F4F2FF 35%, #FFFFFF 60%, #D8D9F0 80%, #BFC0D9 100%);
	z-index:0;
}
.header_wrap_gradient {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background: url(../img/header_bg.jpg) top center #20094A;
	background-size:cover;
/*	background:radial-gradient(circle 900px at center bottom, #fff 0%, #fff 35%, #E8F1FF 55%, #D1D1EB 80%, #C5C5DB  100%);
	opacity:0.5; */
	z-index:0;
}
.header_gradient {
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	z-index:-1;
}
@media (min-width:1680px) {
	.header_wrap {
		width:100%;
		height:auto; 
	}
	.header-height {
		height:100vh;
	}
}
@media screen and (min-width:1560px) and (max-width:1679px) {
	.header_wrap {
		width:100%;
		height:auto; 
		padding:0 30px 90px 30px;
	}
	.header-height {
		min-height:900px;
	}
}
@media screen and (min-width:1134px) and (max-width:1559px) {
	.header_wrap {
		width:100%;
		height:auto;
		padding:0 30px 80px 30px;
	}
	.header-height {
		min-height:880px;
	}
}
@media screen and (min-width:960px) and (max-width:1133px) {
	.header_wrap {
		width:100%;
		height:auto; 
		padding:0 20px 80px 20px;
	}
	.header-height {
		min-height:760px;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.header_wrap {
		width:100%;
		height:auto; 
		padding:0 15px 50px 15px;
	}
	.header-height {
		height:auto;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.header_wrap {
		width:100%;
		height:auto; 
		padding:0 10px 30px 10px;
	}
}
/* Header Logo */
.logo-img {
	width:100%;
	display:block;
	z-index:200;
	}
@media (max-width:479px) {
	.logo-img {
		width:100%;
		padding-top:40px;
	}
	.logo-img img.logo-rudn {
		max-height:45px;
		margin-right:20px;
	}
	.logo-img img.logo-nauka {
		max-height:45px;
		margin-right:10px;
	}
}
@media screen and (min-width:480px) and (max-width:767px) {
	.logo-img {
		width:100%;
		padding-top:60px;
	}
	.logo-img img.logo-rudn {
		max-height:45px;
		margin-right:30px;
	}
	.logo-img img.logo-nauka {
		max-height:45px;
		margin-right:10px;
	}
}
@media screen and (min-width:768px) and (max-width:1279px) {
	.logo-img {
		width:100%;
		padding-top:80px;
	}
	.logo-img img.logo-rudn {
		max-height:60px;
		margin-right:30px;
	}
	.logo-img img.logo-nauka {
		max-height:60px;
		margin-right:10px;
	}
}
@media (min-width:1280px) {
	.logo-img {
		width:100%;
		padding-top:80px;
	}
	.logo-img img.logo-rudn {
		max-height:80px;
		margin-right:40px;
	}
	.logo-img img.logo-nauka {
		max-height:70px;
		margin-right:20px;
	}
}

/* Header Title */
.title {
	color:#fff;
	font-family:Montserrat;
}
.header_title_wrap {
	background:#00ffff; /* #00FFCD */
	border:2px solid #00ffff;
	color:#333;
	font-weight:700;
	font-family:Montserrat;
}
.header_title {
	display: inline-flex;
}
@media (max-width:989px) {
	.header_title-col div {
		display:block;
	}
	.header_title-col {
		padding:25px 30px;
	}
}
@media screen and (min-width: 990px) and (max-width: 1199px) {
	.header_title-col div {
		max-width:280px;
		width:auto;
	}
	.header_title-col {
		padding:25px 50px;
		margin:0 auto;
	}
}
@media (min-width:1200px) {
	.header_title-col div {
		max-width:400px;
		width:auto;
	}
	.header_title-col {
		padding:25px 50px;
		margin:0 auto;
	}
}
.header_subtitle_wrap {
	border:2px solid #00ffff;
	color:#333;
	font-weight:500;
	font-family:Montserrat;
}
.header_subtitle .h-full {
	width:100%;
}
.header_subtitle div div {
	max-width:800px;
}
@media (max-width:989px) {
	.header_subtitle {
		padding:25px 25px 30px 30px;
	}
}
@media (min-width:990px) {
	.header_subtitle {
		padding:25px 50px;
	}
}
.event-list {
	font-family: Montserrat;
	font-weight:500;
	padding: 10px 0 0 50px;
	border-left:7px solid #775AFF;
}
.event-list dl {
	margin-bottom:0;
	padding-bottom:10px;
	font-size:1.25em;
	color:#333;
}
.event-list dd {
	margin-bottom:0;
}
.event-list dd:nth-child(1) {
	margin-bottom:10px;
}
/* Header Background */
.slide-container {
	width:100%;
	min-height:100%;
	display:flex;
	padding-top:0;
	padding-bottom:0;
	position:relative;
	z-index:1;
}
.figures_wrap {
	position:absolute;
	overflow:hidden;
}
.figures_wrap svg {
	display: block;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width:1680px) {
	.figures_wrap {
		left:2%;
		top:2%;
		width:96%;
		height:96%;
		z-index:0;
	}
	.figures_wrap svg {
		height:90%;
		width:auto;
	}
}
@media screen and (min-width:1460px) and (max-width:1679px) {
	.figures_wrap {
		left:10%;
		top:10%;
		width:80%;
		height:80%;
		z-index:0;
	}
	.figures_wrap svg {
		height:auto;
		width:100%;
	}
}
@media screen and (min-width:1134px) and (max-width:1459px) {
	.figures_wrap {
		position:absolute;
		right:5%;
		top:5%;
		width:90%;
		height:auto;
		z-index:0;
	}
	.figures_wrap svg {
		height:auto;
		width:100%;
	}
}
@media screen and (min-width:960px) and (max-width:1133px) {
	.figures_wrap {
		position:absolute;
		right:5%;
		top:5%;
		width:90%;
		height:auto;
		z-index:0;
	}
	.figures_wrap svg {
		height:auto;
		width:100%;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.figures_wrap {
		position:absolute;
		right:0;
		top:10%;
		width:100%;
		height:auto;
		margin:50px auto;
	}
	.figures_wrap svg {
		height:auto;
		width:100%;
	}
}
@media screen and (min-width:460px) and (max-width:767px) {
	.figures_wrap {
		position:absolute;
		right:0;
		top:10%;
		width:auto;
		height:90%;
		z-index:0;
		margin:100px auto;
	}
	.figures_wrap svg {
		height:90%;
		width:auto;
	}
}
@media screen and (min-width:320px) and (max-width:459px) {
	.figures_wrap {
		position:absolute;
		right:0;
		top:10%;
		width:100%;
		height:60vh;
		z-index:0;
		margin:100px auto;
	}
	.figures_wrap svg {
		height:90%;
		width:auto;
	}
}

/* ========================================================================== 
   About
   ========================================================================== */
.about_wrap {
	position:relative;
	background:linear-gradient(10deg, #2D3496 0%, #17133D 50%, #000 100%); /* #17133D*/
	z-index:0;
	font-size:1em;
	color:#fff;
}
.about_wrap h3 {
	color:#fff;
}
@media (min-width:1620px) {
	.about_wrap {
		padding:120px 0 80px 0;
	}
}
@media screen and (min-width:1560px) and (max-width:1619px) {
	.about_wrap {
		padding:120px 30px 110px 30px;
	}
}
@media screen and (min-width:1134px) and (max-width:1559px) {
	.about_wrap {
		padding:110px 30px 100px 30px;
	}
}
@media screen and (min-width:960px) and (max-width:1133px) {
	.about_wrap {
		width:100%;
		height:auto; 
		padding:90px 20px 60px 20px;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.about_wrap {
		width:100%;
		height:auto; 
		padding:90px 15px 60px 15px;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.about_wrap {
		padding:70px 10px 50px 10px;
	}
}

/* ========================================================================== 
   Why
   ========================================================================== */
.why_wrap {
	position:relative;
	color:#333;
	background:linear-gradient(115deg, #5B5A73 65%, #5F5180 100%);
	background:linear-gradient(0deg, #D1D3FF 0%, #fff 35%, #fff 60%, #fff 80%, #D1D3FF 100%);
}
.why_wrap h2 {
	color:#333;
}
.why_wrap a {
	color:#333;
}
@media (min-width:1620px) {
	.why_wrap {
		padding:110px 0 60px 0;
	}
}
@media screen and (min-width:1560px) and (max-width:1619px) {
	.why_wrap {
		padding:110px 30px 6px 30px;
	}
}
@media screen and (min-width:1134px) and (max-width:1559px) {
	.why_wrap {
		padding:110px 30px 60px 30px;
	}
}
@media screen and (min-width:960px) and (max-width:1133px) {
	.why_wrap {
		width:100%;
		height:auto; 
		padding:80px 20px 50px 20px;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.why_wrap {
		width:100%;
		height:auto; 
		padding:70px 15px 40px 15px;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.why_wrap {
		padding:50px 10px 30px 10px;
	}
}
.fact {
	position:relative;
	margin-bottom:20px;
	z-index:1;
	width:100%;
}
.fact:nth-child(1) {
	
	background:linear-gradient(10deg, #F3F3FF 0%, #F3F3FF 45%, #EAE8FB 100%);
	border-left:10px solid #00FFCD;
	/* background:linear-gradient(170deg, #00FFCD 0%, #00FFCD 55%, #00EDBE 55.1%, #00EDBE 100%);*/
}
.fact:nth-child(2) {
	background:#E6E3FF /*linear-gradient(-150deg, #00FFCD 0%, #00FFCD 50%, #00EDBE 50.1%, #00EDBE 100%)*/;
	background:linear-gradient(30deg, #F3F3FF 0%, #F3F3FF 45%, #EAE8FB 100%);
	border-left:10px solid #00FFCD;
}
.fact:nth-child(3) {
	background:#E6E3FF /*linear-gradient(150deg, #00FFCD 0%, #00FFCD 50%, #00EDBE 50.1%, #00EDBE 100%)*/;
	background:linear-gradient(60deg, #F3F3FF 0%, #F3F3FF 45%, #EAE8FB 100%);
	border-left:10px solid #00FFCD;
}
.fact:nth-child(4) {
	background:#E6E3FF/*linear-gradient(120deg, #00FFCD 0%, #00FFCD 50%, #00EDBE 50.1%, #00EDBE 100%)*/;
	background:linear-gradient(90deg, #F3F3FF 0%, #F3F3FF 45%, #EAE8FB 100%);
	border-left:10px solid #00FFCD;
}
.fact:nth-child(5) {
	background:linear-gradient(120deg, #2E9AD9 0%, #2E9AD9 50%, #2A8DC7 50.1%, #2A8DC7 100%);
}
.fact:nth-child(6) {
	background:linear-gradient(170deg, #1D90C1 0%, #1D90C1 50%, #147198 50.1%, #147198 100%);
}
.fact:nth-child(7) {
	background:linear-gradient(-160deg, #15B8C4 0%, #15B8C4 50%, #129EA8 50.1%, #129EA8 100%);
}
.fact:before {
	position:absolute; 
	content:''; 
	background-repeat:no-repeat;
}
@media (min-width:768px) {
	.fact_wrap	{
		grid-row-gap:30px;
		flex-direction:column;
		flex:none;
		display:flex;
	}
	.fact {
		flex-direction:column;
		flex:none;
		justify-content:space-between;
		width:100%;
		height:150px;
		display:flex;
		position:-webkit-sticky;
		position:sticky;
		top:100px;
	}
}
@media (max-width:767px) {
	.fact {
		width:100%;
		height:auto;
		display:block;
		margin-bottom:20px;
	}
}
.rules dd {
	font-weight:400;
	margin-bottom:0;
	color:#333;
	padding-right:30px;
}
@media (min-width:1134px) {
	.fact {
		padding:40px 40px 30px 60px;
	}
}
@media screen and (min-width:959px) and (max-width:1133px) {
	.fact {
		padding:40px 40px 30px 40px;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.fact {
		padding:35px 35px 30px 35px;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.fact {
		padding:30px 30px 30px 30px;
	}
}
.why {
	padding-left:40px;
	margin-bottom:40px;
	border-left:10px solid #00FFFF;
}
.why .rules dd {
	color:#fff;
}
.scene {
	width:100%;
	height:auto;
	margin-bottom:30px;
	padding:30px 30px 20px 40px;
	background:#fff;
	border-left:10px solid #00ffcd;
}
.scene dt {
	font-weight:700;
	margin-bottom:10px;
}
.lec-link label {
	cursor:pointer;
}
.statistic_img_left {
	position:absolute;
	right:0;
	width:100%;
}
.statistic_img_left img {
	position:absolute;
	right:0;
	top:0;
	width:100%;
}
@media (min-width:1134px) {
	.statistic_img_left img {
		max-width:300px;
		top:100px;
	}
}
@media screen and (min-width:959px) and (max-width:1133px) {
	.statistic_img_left img {
		max-width:200px;
		top:80px;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.statistic_img_left img {
		max-width:150px;
		top:50px;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.statistic_img_left img {
		max-width:150px;
		top:30px;
	}
}
.lec-wrapper {
	padding:30px 40px;
	height:100%;
	width:100%;
	margin:0;
	background:#775AFF;
}

.lec-wrapper.lec-01 {
	background:linear-gradient(-30deg, #00FFFF 0%, #775AFF 50%, #4C58FF 100%);
}
/*
.lec-wrapper.lec-02 {
	background:linear-gradient(0deg, #775AFF 0%, #33FF66 100%);
}
.lec-wrapper.lec-03 {
	background:linear-gradient(0deg, #00FFFF 0%, #4C58FF 100%);
}
.lec-wrapper label {
	font-weight:500;
	text-transform:uppercase;
}
.lec-wrapper p {
	font-size:1.1em;
}
*/

/* ========================================================================== 
   Programm
   ========================================================================== */
.programm_wrap {
	position:relative;
	background:linear-gradient(0deg, #D1D3FF 0%, #fff 35%, #fff 60%, #fff 80%, #D1D3FF 100%);
}
@media (min-width:1620px) {
	.programm_wrap {
		padding:60px 0 120px 0;
	}
}
@media screen and (min-width:1560px) and (max-width:1619px) {
	.programm_wrap {
		padding:60px 30px 120px 30px;
	}
}
@media screen and (min-width:1134px) and (max-width:1559px) {
	.programm_wrap {
		padding:50px 30px 110px 30px;
	}
}
@media screen and (min-width:960px) and (max-width:1133px) {
	.programm_wrap {
		width:100%;
		height:auto; 
		padding:50px 20px 70px 20px;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.programm_wrap {
		width:100%;
		height:auto; 
		padding:40px 15px 60px 15px;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.programm_wrap {
		padding:30px 10px 50px 10px;
	}
}
/* Departments */
.department {
	overflow:hidden; 
	position:relative; 
	margin:0 0 20px 0; 
}
@media (min-width:768px) {
	.department {
		min-height:60px;
	}
}
@media (max-width:767px) {
	.department {
		min-height:30px;
	}
}
.department:hover img {
	opacity:0.85; 
	transition:0.3s;
}
.department:hover .dep-title {
	color:#333;
}
.dep-title a {
	text-decoration:none;
	border-bottom:0;
	color:#573D9F;
}
.department {
	padding-left:50px;
}
.department a {
	position:relative;
	color:#333;
	font-weight:500;
}
/*
.department:before {
	position:absolute; 
	top:7px; 
	left:0; 
	width:19px;
	height:19px;
	background:radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 20%, rgba(242, 243, 250, 1) 55%, rgba(222, 220, 237, 1) 100%); 
	border-radius:100%; 
	content:"";
}
*/

.department:after {
	content:"";
	display:inline-block;
	-webkit-font-smoothing:antialiased; 
	-moz-osx-font-smoothing:grayscale; 
	transition:transform .25s linear; 
	-webkit-transition:-webkit-transform .25s linear; 
	position:absolute; 
	top:0; 
	left:0;
	background: url(../img/d.svg) top center no-repeat;
	width:40px;
	height:40px;
}
.department:hover:after {
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-ms-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}



.department a:hover {
	color:#333;
}
.department a:hover img {
	filter:grayscale(100%);
}
/* Timeline */
.timeline {
	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 {
	margin:0 0 .25em 0; 
	text-transform:uppercase; 
	color:#333;
}
.timeline-marker {
	position:absolute; 
	top:0; 
	bottom:0; 
	left:0; 
	width:19px;
}
.timeline-marker:before {
	border-radius:100%; 
	border:2px solid rgba(120,90,255,1);
	content:""; 
	display:block; 
	height:19px; 
	position:absolute; 
	top:10px; 
	left:0; 
	width:19px; 
	transition:background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.timeline-marker:after {
	content:""; 
	width:2px; 
	background:rgba(120,90,255,0.25); 
	display:block; 
	position:absolute; 
	top:32px; 
	bottom:-8px; 
	left:8px;
}
.timeline-item:last-child .timeline-marker:after {
	content:none;
}
.timeline-content {
	padding-bottom:20px;
}
.timeline-content p:last-child {
	margin-bottom:0;
}
/* 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);
}
.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:1050;
	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:rgb(255,255,255);
	background-clip:padding-box;
	border:1px solid rgba(0, 0, 0, 0.2);
	border-radius:0.3rem;
	outline:0;
}
.modal-content {
	width:100%;
	background:#D8D9F1;
	}
.modal-header {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:start;
	align-items:flex-start;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding:1rem;
	border-bottom:0;
	border-top-left-radius:0.3rem;
	border-top-right-radius:0.3rem;
}
.modal-header .close {
	padding:1rem 1.5rem;
	margin:-1rem -1rem -1rem auto;
}
.modal-title {
	margin-bottom:0;
	padding:0.5rem 0 0 1rem;
	line-height:1.5;
}
.modal-body {
	position:relative;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	margin-top:-20px;
}
@media (min-width:768px) {
	.modal-body {
		padding:1rem 2.5rem 2rem 2.5rem;
	}
}
@media (max-width:767px) {
	.modal-body {
		padding:1rem 1.5rem 1rem 1.5rem;
	}
}
.modal-body h4 {
	color:#333;
	font-weight:600;
	margin-bottom:50px;
}
.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:1080px;
		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;
	}
}
.event-title {
	margin-bottom:5px;
}
.event-people, .event-place, .event-online, .event-movie {
	margin-bottom:5px;
	font-weight:300;
}
.event-people {
	position:relative;
	padding-top:0;
}
.event-place {
	position:relative;
	padding:0 0 0 15px;
}
.event-place::before {
	position:absolute; 
	left:0; 
	top:10px; 
	content:''; 
	width:8px;  
	height:8px; 
	background:#aaabbf; 
	border-radius:4px;
}
.event-movie {
	position:relative;
	padding-top:0;
}
.event-online {
	position:relative;
	margin-top:0;
	padding-top:0;
}


/* ========================================================================== 
   Images
   ========================================================================== */
.slide-bg-main {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:0;
	overflow:hidden;
	width:100%;
	height:100%;
}
.slide-bg-main .top-left {
	width:50%;
	height:50%;
	position:absolute;
	right:0;
	top:50px;
	background:url(../img/fig1.svg) top left no-repeat;
	background-size:auto 100%;
	z-index:1;
}
.header_wrap_second .top-right-1, .header_wrap_second .top-right-2, .header_wrap_second .top-right-3, .header_wrap_second .top-right-4 {
	width:95%;
	height:100%;
	position:absolute;
	right:100px;
	top:50px;
	background-size:auto 100%;
	z-index:1;
}
.header_wrap_second .top-right-1 {
	background:url(../img/top-right-1.svg) top right no-repeat;
}
.header_wrap_second .top-right-2 {
	background:url(../img/top-right-2.svg) top right no-repeat;
}
.header_wrap_second .top-right-3 {
	background:url(../img/top-right-3.svg) top right no-repeat;
}
.header_wrap_second .top-right-4 {
	background:url(../img/top-right-4.svg) top right no-repeat;
}
.slide-bg-main .top-right1 {
	width:95%;
	height:40%;
	position:absolute;
	right:50px;
	top:100px;
	background:url(../img/fig1.svg) top right no-repeat;
	background-size:auto 100%;
	z-index:1;
}
.slide-bg-main .bottom-balls {
	width:100%;
	max-width:700px;
	height:100%;
	position:absolute;
	right:-150px;
	bottom:-250px;
	background:url(../img/neptun.png) bottom right no-repeat;
	background-size:100% auto;
	z-index:1;
}
.slide-bg-main .top-right2 {
	width:95%;
	height:60%;
	position:absolute;
	right:50px;
	top:100px;
	background:url(../img/fig1.svg) top right no-repeat;
	background-size:auto 100%;
	z-index:1;
}
.slide-bg-main .bottom-right {
	width:95%;
	height:50%;
	position:absolute;
	left:0;
	bottom:50px;
	background:url(../img/bottom-right.svg) bottom right no-repeat;
	background-size:auto 100%;
	z-index:1;
}
.slide-bg-main .bottom-right2 {
	width:95%;
	height:50%;
	position:absolute;
	left:0;
	bottom:50px;
	background:url(../img/top-right.svg) top right no-repeat;
	background-size:auto 100%;
	z-index:1;
}
.slide-bg-main .bottom-right3 {
	width:95%;
	height:50%;
	position:absolute;
	left:0;
	bottom:50px;
	background:url(../img/bottom-left.svg) bottom right no-repeat;
	background-size:auto 100%;
	z-index:1;
}
.slide-bg-main .bottom-right-cat {
	position:absolute;
	bottom:0;
	background:url(../img/cat.svg) bottom right no-repeat;
	background-size:auto 100%;
	z-index:1;
}
@media (max-width:479px) {
		.slide-bg-main .top-left, .slide-bg-main .top-right1, .slide-bg-main .top-right2, .slide-bg-main .bottom-right, .slide-bg-main .bottom-right2 {
		max-height:200px;
	}
	.slide-bg-main .bottom-right3 {
		max-height:300px;
	}
	.slide-bg-main .bottom-right-cat {
		width:150px;
		height:300px;
		right:1%;
	}
}
@media screen and (min-width:480px) and (max-width:767px) {
		.slide-bg-main .top-left, .slide-bg-main .top-right1, .slide-bg-main .top-right2, .slide-bg-main .bottom-right, .slide-bg-main .bottom-right2 {
		max-height:250px;
	}
	.slide-bg-main .bottom-right3 {
		max-height:400px;
	}
	.slide-bg-main .bottom-right-cat {
		width:200px;
		height:400px;
		right:2%;
	}
}
@media screen and (min-width:768px) and (max-width:979px) {
	.slide-bg-main .top-left, .slide-bg-main .top-right1, .slide-bg-main .top-right2, .slide-bg-main .bottom-right, .slide-bg-main .bottom-right2 {
		max-height:300px;
	}
	.slide-bg-main .bottom-right3 {
		max-height:500px;
	}
	.slide-bg-main .bottom-right-cat {
		width:250px;
		height:450px;
		right:3%;
	}
}
@media screen and (min-width:980px) and (max-width:1279px) {
	.slide-bg-main .top-left, .slide-bg-main .top-right1, .slide-bg-main .top-right2, .slide-bg-main .bottom-right, .slide-bg-main .bottom-right2 {
		max-height:300px;
	}
	.slide-bg-main .bottom-right3 {
		max-height:500px;
	}
	.slide-bg-main .bottom-right-cat {
		width:250px;
		height:400px;
		right:4%;
	}
}
@media (min-width:1280px) {
	.slide-bg-main .top-left, .slide-bg-main .top-right1, .slide-bg-main .top-right2, .slide-bg-main .bottom-right, .slide-bg-main .bottom-right2 {
		max-height:600px;
	}
	.slide-bg-main .bottom-right3 {
		max-height:550px;
	}
	.slide-bg-main .bottom-right-cat {
		width:350px;
		height:550px;
		right:5%;
	}
}

/* ========================================================================== 
   Second
   ========================================================================== */
.slide-bg-second {
	position:absolute;
	right:0;
	bottom:0;
	z-index:0;
	overflow:hidden;
	width:100%;
	height:100%;
}
.slide-bg-second img {
	z-index:0;
	width:auto;
	height:105%;
	position:absolute;
	top:-2%;
	right:5%;
}
@media (max-width:767px) {
	.slide-bg-second {
		visibility:hidden;
	}
}
@media (min-width:768px) {
	.slide-bg-second {
		visibility:visible;
	}
}

/* ==========================================================================
 Header Second 
   ========================================================================== */
.header_wrap_second {
	width:100%;
	height:auto;
	position:relative;
	padding-top:0;
	z-index:10;
	background:linear-gradient(0deg, #775AFF 0%, #634AD1 50%, #634AD1 80%, #634AD1 100%);
}
.small-timer {
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:600;
	font-family:Montserrat;
	padding:20px 30px;
	background:#17FDFE;
	border:2px solid #17FDFE;
	color:#000;
	display:inline-block;
}
.small-place {
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:500;
	padding:20px 30px;
	border:2px solid #17FDFE;
	display:inline-block;
	color:#17FDFE;
	font-family:Montserrat;
}
@media (min-width:768px) { 
	.small-timer {
		display:inline-block;
	}
}
@media (max-width:767px) { 
	.small-timer, .small-place {
		display:block;
		width:100%;
		text-align:center;
	}
}
@media (max-width:479px) {
.header_wrap_second, .presentations_wrap {
		padding-left:10px;
		padding-right:10px;
	}
	.header_wrap_second {
		padding-bottom:40px;
	}
	.presentations_wrap {
		padding-top:20px;
		padding-bottom:20px;
	}
}
@media screen and (min-width:480px) and (max-width:767px) {
	.header_wrap_second, .presentations_wrap {
		padding-left:20px;
		padding-right:20px;
	}
	.header_wrap_second {
		padding-bottom:60px;
	}
	.presentations_wrap {
		padding-top:40px;
		padding-bottom:40px;
	}
}
@media screen and (min-width:768px) and (max-width:1279px) {
	.header_wrap_second, .presentations_wrap {
		padding-left:20px;
		padding-right:20px;
	}
	.header_wrap_second {
		padding-bottom:80px;
	}
	.presentations_wrap {
		padding-top:60px;
		padding-bottom:60px;
	}
}
@media (min-width:1280px) {
	.header_wrap_second, .presentations_wrap {
		padding-left:30px;
		padding-right:30px;
	}
	.header_wrap_second {
		padding-bottom:100px;
	}
	.presentations_wrap {
		padding-top:80px;
		padding-bottom:80px;
	}
}

/* ========================================================================== 
   Title Second
   ========================================================================== */
.title_second {
	color:#fff;
}
.title_second h1 {
	color:#fff;
	margin-bottom:50px;
}

/* ========================================================================== 
   Presentations & Facts
   ========================================================================== */
.presentations_wrap {
	position:relative;
	z-index:1;
}
.presentations_wrap .container-fluide {
	position:relative;
	z-index:1;
}
.presentations_wrap.fest-back {
	background:linear-gradient(0deg, #7D2DD7 0%, #7D2DD7 20%, #7D2DD7 40%, #7D2DD7 50%, #775AFF 100%);
}

/* ========================================================================== 
   Footer
   ========================================================================== */
.copyright {
	padding-top:80px;
	padding-bottom:40px;
	position:relative;
	z-index:1;
	color:#fff;
}
.presentations_wrap footer {
	position:relative;
	padding:100px 30px 0 30px;
	z-index:0;
}
.copyright.copyright-index {
	padding-top:80px;
	padding-bottom:0;
}
.copyright-index {
	background:transparent;
}
footer .social-media a {
	width:48px; 
	height:48px; 
	background:#00EDBE; 
	transition:.4s ease;
	border-bottom:0;
	text-decoration:none;
	border-radius: 100%; 
}
footer .social-media a i {
	color:#fff; 
	font-size:1.2rem; 
	line-height:48px;
}
footer .social-media a:hover {
	background:#333;
}
footer .social-media a:hover i {
	color:#fff;
}
.social-network {
	position:relative;
}
.social-network .vkontakte:before {
	position:absolute; 
	left:0; 
	top:0; 
	content:''; 
	width:48px; 
	height:48px; 
	background-image:url(../img/icons/vk.svg); 
	background-repeat:no-repeat; 
	background-size:auto 48px;
}
.social-network .youtube:before {
	position:absolute; 
	left:0; 
	top:0; 
	content:''; 
	width:48px; 
	height:48px; 
	background-image:url(../img/icons/youtube.svg); 
	background-repeat:no-repeat; 
	background-size:auto 48px;
}
.social-network .tiktok:before {
	position:absolute; 
	left:0; 
	top:0; 
	content:''; 
	width:48px; 
	height:48px; 
	background-image:url(../img/icons/tiktok.svg); 
	background-repeat:no-repeat; 
	background-size:auto 48px;
}
.social-network .telegram:before {
	position:absolute; 
	left:0; 
	top:0; 
	content:''; 
	width:48px; 
	height:48px; 
	background-image:url(../img/icons/telegram.svg); 
	background-repeat:no-repeat; 
	background-size:auto 48px;
}
.social-network .ok:before {
	position:absolute; 
	left:0; 
	top:0; 
	content:''; 
	width:48px; 
	height:48px; 
	background-image:url(../img/icons/ok.svg); 
	background-repeat:no-repeat; 
	background-size:auto 48px;
}
.footer-img {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:0;
	overflow:hidden;
	width:100%;
	height:100%;
}
.footer-img .footer-img-index {
	width:100%;
	position:absolute;
	background:url(../img/index.svg) bottom right no-repeat;
	background-size:auto 100%;
	z-index:0;
}
.footer-img .footer-img-second {
	width:100%;
	position:absolute;
	background-size:auto 100%;
	z-index:0;
}
.footer-img .footer-img-second.img-second-1 {
	background:url(../img/dog1.svg) bottom right no-repeat;
}
.footer-img .footer-img-second.img-second-2 {
	background:url(../img/cat.svg) bottom right no-repeat;
}
.footer-img .footer-img-second.img-second-3 {
	background:url(../img/dog2.svg) bottom right no-repeat;
}
.footer-img .footer-img-second.img-second-4 {
	background:url(../img/dz.svg) bottom right no-repeat;
}
@media (max-width:479px) {
	.footer-img .footer-img-index {
		height:350px;
		right:-30px;
		bottom:-50px;
	}
	.footer-img .footer-img-second {
		height:250px;
		right:0;
		bottom:-10px;
	}
}
@media screen and (min-width:480px) and (max-width:767px) {
	.footer-img .footer-img-index {
		height:400px;
		right:-30px;
		bottom:-50px;
	}
	.footer-img .footer-img-second {
		height:250px;
		right:0;
		bottom:-10px;
	}
}
@media screen and (min-width:768px) and (max-width:1133px) {
	.footer-img .footer-img-index {
		height:450px;
		right:-30px;
		bottom:-50px;
	}
	.footer-img .footer-img-second {
		height:350px;
		right:0;
		bottom:-10px;
	}
}
@media screen and (min-width:1134px) and (max-width:1279px) {
	.footer-img .footer-img-index {
		height:500px;
		right:-30px;
		bottom:-80px;
	}
	.footer-img .footer-img-second {
		height:400px;
		right:0;
		bottom:-10px;
	}
}
@media screen and (min-width:1280px) and (max-width:1479px) {
	.footer-img .footer-img-index {
		height:550px;
		right:-30px;
		bottom:-50px;
	}
	.footer-img .footer-img-second {
		height:450px;
		right:0;
		bottom:-10px;
	}
}
@media (min-width:1480px) {
	.footer-img .footer-img-index {
		height:600px;
		right:3%;
		bottom:-150px;
	}
	.footer-img .footer-img-second {
		height:500px;
		right:3%;
		bottom:-10px;
	}
}

/* ==========================================================================
   Lections
   ========================================================================== */
.report_wrap {
	position:relative;
	min-height:220px;
	margin-bottom:20px;
	background:#fff;
	max-width:1200px;
	border-left:5px solid #00FECD;
}
.report_wrap label {
 margin-bottom:30px;
}
.lector {
	margin-bottom:10px;
}
.report_wrap label span {
	font-size:0.9em;
	padding:7px 15px;
	background:rgba(59,71,195,0.7);
	color:#fff;
	border-radius:5px;
}
.lector dt {
	font-weight:500;
	margin:0 0 5px 0;
	line-height:1.25;
	color:#666;
}
.lector dd.job {
	font-size:0.7em;
	font-weight:300;
	line-height:1.25;
	color:#666;
	margin-left:15px;
	padding-left:0;
	position:relative;
	margin-bottom:5px;
}
.lector dd.job::before {
    color:#9EB5FD;
    content:"\2022";
	font-size:1.3em;
	display:inline-block; 
	width:1em;
	position:absolute;
	left:-15px;
	top:-2px;
}
@media (min-width:1134px) {
	.report_wrap {
		padding:35px 40px;
	}
	.lector dt {
		font-size:1em;
	}
	.report {
		margin-bottom:10px;
	}
}
@media screen and (min-width:959px) and (max-width:1133px) {
	.report_wrap {
		padding:35px 35px 20px 35px;
	}
	.lector dt {
		font-size:0.95em;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.report_wrap {
		padding:30px 30px 20px 30px;
	}
	.lector dt {
		font-size:1.15em;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.report_wrap {
		padding:30px 30px 20px 30px;
	}
	.report_wrap img {
		position:relative;
		margin-bottom:30px;
	}
	.lector dt {
		font-size:0.9em;
	}
}
.report {
	margin-bottom:30px;
}
.report dt {
	text-transform:uppercase;
	font-size:0.8em;
	font-weight:400;
	color:#666;
}
.report dd {
	line-height:1.3;
	font-weight:600;
	font-size:1.2em;
	color:#634AD1;
	max-width:1000px;
}
.report dd:nth-child(2) {
	font-size:1.1em;
	font-weight:500;
}
.report dd:nth-child(3) {
	font-size:0.75em;
	font-weight:300;
}

/* ==========================================================================
 Registration
   ========================================================================== */
.reg {
	display:block;
	background: linear-gradient(0deg, rgba(124,89,255,1) 0%, rgba(124,89,255,1) 45%, rgba(124,89,255,0) 45.1%, rgba(124,89,255,0) 100%);
	border:0;
	text-transform:uppercase;
	font-family: Montserrat;
	font-weight:600;
}
.reg:hover {
	background: linear-gradient(0deg, rgba(255,87,207,1) 0%, rgba(255,87,207,1) 45%, rgba(255,87,207,0) 45.1%, rgba(255,87,207,0) 100%);
	border:0;
	text-transform:uppercase;
	font-family: Montserrat;
	font-size:2em;
	font-weight:600;
}
.reg.top-link, .reg.top-link:hover {
	color:#fff;
}
@media screen and (min-width:320px) and (max-width:767px) {
	.pk-button {
		margin:0 auto 0 auto;
		text-align:center;
	}
	.pk-button {
		padding-top:10px;
	}
}
@media screen and (min-width:768px) and (max-width:1133px) {
	.pk-button {
		/*padding-top:40px;
		padding-bottom:60px;*/
	}
}
@media screen and (min-width:1134px) and (max-width:1479px) {
	.pk-button {
		/*padding-top:50px;
		padding-bottom:70px;*/
	}
}
@media (min-width:1480px) {
	.pk-button {
		/*padding-top:60px;
		padding-bottom:60px;*/
	}
}
.btn {
	border-radius:3px;
	font-weight:400;
	line-height:1.35;
	text-transform:uppercase;
	border-bottom:4px solid #ccc;
	color:#333;
}
.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:#5479F6/*#5ca595*/;
}
.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:#fff;
  background-color:#8270E8;
}
.btn-success:hover,
.btn-success.focus,
.btn-success:focus {
	background-color:rgba(0,183,181,1);
	border:none;
}


.day-program dd div a {
	border-bottom:2px solid #333;
}
.day-program dd div a:hover {
	border-bottom:none;
}
.day-program dd div {
	display:inline-block;
	padding: 10px 15px;
	background:#00FFFF;
	margin:0 15px 10px 0;
}
.dir {
	display:inline-block;
	padding: 12px 30px;
	font-weight:300;
	background:#6B6785;
	border-radius:5px;
	margin:0 15px 15px 0;
	color:#00ffcd;
}

/* ========================================================================== 
   Accordeon
   ========================================================================== */
.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:500;
	font-size:1em;
	color:#333;
	width:100%;
	background:yellow;	
}
.panel-default>.panel-heading a span {
	padding-top:25px;
	padding-bottom:20px;
}
.panel-default>.panel-heading a:after {
	content:"";
	top:1px;
	display:inline-block;
	color:#455BCF;
	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:15px; 
	right:20px;
	background: url(../img/a.svg) top center no-repeat;
	-webkit-transform:rotate(360deg); 
	transform:rotate(360deg);
	width:48px;
	height:48px;
}
.panel-default>.panel-heading a[aria-expanded="true"] {
	background-color:#eee;
}
.panel-default>.panel-heading a[aria-expanded="true"]:after {
	background: url(../img/a.svg) top center no-repeat;
	-webkit-transform:rotate(180deg); 
	transform:rotate(180deg);
}
.panel-default>.panel-heading a[aria-expanded="false"]:after {
	background: url(../img/a.svg) top center no-repeat;
	-webkit-transform:rotate(360deg); 
	transform:rotate(360deg);
}
.panel-group {
	margin:15px 0 15px 0;
}
.panel-title {
	width:100%;
}
@media (max-width:959px) {
	.panel-title {
		margin:0;
		padding:0 50px 0 0;
		line-height:1.35;
	}
	.panel-body {
		padding:30px 50px 30px 30px;
	}
}
@media (min-width:960px) {
	.panel-title {
		width:100%;
		margin:0;
		padding:0 60px 0 30px;
		line-height:1.4;
	}
	.panel-body {
		padding:30px 50px 30px 50px;
	}
}
.panel-title a:hover {
	text-decoration:none;
}
.panel.panel-default {
	margin-bottom:10px;
	background:#fff;
	border-left: 5px solid #17FDFE;
}
.panel.panel-default:hover {
	border-left: 5px solid #FF5ACE;
}
.panel-subtitle {
	font-size:0.85em;
	font-weight:600;
	background:#DFDEF0;
	color:#333;
	padding: 10px 15px;
	margin-bottom:20px;
	text-transform:uppercase;
}
.panel-default>.panel-heading:hover {
	background:#fff;
}
.panel-default>.panel-heading:hover a:after {
	color:#CFD4E6;
}
.panel-default>.panel-heading:hover a {
	color:#333;
}
.accordion-toggle span {
	display:block;
	width:100%;
	padding:10px 20px 10px 20px;
	margin-bottom:0;
}
.panel-body {
	display:block;
	width:100%;
	font-size:0.95em;
	border-top: 1px solid rgba(105,100,130,0.25);
}
.panel-collapse {
	transition:all 0.3s ease-in-out;
}

/* ========================================================================== 
   Speakers
   ========================================================================== */
.moderator-wrap {
	position:relative;
	min-height:120px;
	margin-bottom:0;
}
.moderator-wrap label {
 margin-bottom:10px;
}
.moderator-wrap img {
	width:100%;
	max-width:120px;
}
.moderator {
	margin-bottom:10px;
}
.moderator.moderator-index dt {
	font-weight:600;
}
.moderator dt {
	font-weight:500;
	margin:0 0 5px 0;
	line-height:1.25;
	color:#333;
}
.moderator dd {
	font-weight:300;
	line-height:1.25;
	color: #666;
}
@media (min-width:1134px) {
/*	.moderator-wrap img {
		position: absolute;
		top:0;
		left:0;
	}
	.moderator {
		padding-left: 150px;
	} */
	.moderator dt {
		font-size:1.1em;
	}
	.moderator dd {
		font-size:0.8em;
	}
	.moderator-index.moderator dt {
		font-size:1.3em;
	}
	.moderator-index.moderator dd {
		font-size:1em;
	}
}
@media screen and (min-width:959px) and (max-width:1133px) {
/*	.moderator-wrap img {
		position: absolute;
		top:0;
		left:0;
	}
	.moderator {
		padding-left: 140px;
	}*/
	.moderator dt {
		font-size:1em;
	}
	.moderator-index.moderator dt {
		font-size:1.25em;
	}
	.moderator-index.moderator dd {
		font-size:0.85em;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
/*	.moderator-wrap img {
		position: absolute;
		top:0;
		left:0;
	}
	.moderator {
		padding-left: 140px;
	}*/
	.moderator dt {
		font-size:1em;
	}
	.moderator-index.moderator dt {
		font-size:1.2em;
	}
	.moderator-index.moderator dd {
		font-size:0.8em;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.moderator-wrap img {
		position: relative;
		margin-bottom:30px;
	}
	.moderator dt {
		font-size:1em;
	}
	.moderator-index.moderator dt {
		font-size:1.15em;
	}
	.moderator-index.moderator dd {
		font-size:0.8em;
	}
}

/* ==========================================================================
 Filters
   ========================================================================== */
.btn.btn-default.filter-button {
    text-align: center;
    color: #00ffcd;
    background: #775AFF;
    margin-bottom: 10px;
    font-weight: 400;
    border-radius: 5px;
    box-shadow: none;
    border: 0 none;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.btn.btn-default.filter-button:hover {
	color: #fff;
	background-color: #FF57CF;
}
.btn.btn-default.filter-button:active {
	background-color: #FF57CF;
	color: #fff;
}
.btn.btn-default.filter-button.active {
	background-color: #FF57CF;
	color: #fff;
}
@media (max-width: 959px) {
	.filter-button {
		font-size: 1.1em;
	}
}
@media (min-width: 960px) {
	.filter-button {
		font-size: 1.2em;
	}
}

/* Scroll Progress Bar */
.scroll-progress {
	position: fixed;
	top: 0;
	left: 0;
	height: 3px;
	background: #17FDFE;
	z-index: 100;
	transition: width 0.1s ease;
}
/* To Top Button */
.back-to-top {
	position: fixed; 
	width: 56px; 
	height: 56px; 
	border: 1.5px solid rgba(77,76,87,0.75);
	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 rgba(77,76,87,0.95);
}
.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;
}

.sat-img {
	width:100%;
	height:auto;
	position:absolute;
	
}
.ast-img {
	width:100%;
	height:auto;
	position:absolute;
}
.img-date {
	max-width:500px;
}
@media (max-width:479px) {
	.sat-img {
		max-width:200px;
		bottom:10%; 
		left:15%;
	}
	.ast-img {
		max-width:170px;
		top:-10px; 
		right:2%;
	}
}
@media screen and (min-width:480px) and (max-width:767px) {
	.sat-img {
		max-width:200px;
		bottom:10%; 
		left:25%;
	}
	.ast-img {
		max-width:200px;
		top:-20px; 
		right:3%;
	}
}
@media screen and (min-width:768px) and (max-width:1133px) {
	.sat-img {
		max-width:250px;
		bottom:10%; 
		left:25%;
	}
	.ast-img {
		max-width:250px;
		top:-20px; 
		right:5%;
	}
}
@media screen and (min-width:1134px) and (max-width:1279px) {
	.sat-img {
		max-width:280px;
		bottom:17%; 
		left:30%;
	}
	.ast-img {
		max-width:280px;
		top:-20px; 
		right:5%;
	}
}
@media screen and (min-width:1280px) and (max-width:1479px) {
	.sat-img {
		max-width:300px;
		bottom:15%; 
		left:35%;
	}
	.ast-img {
		max-width:300px;
		top:-30px; 
		right:7%;
	}
}
@media (min-width:1480px) {
	.sat-img {
		max-width:350px;
		bottom:12%; 
		left:40%;
	}
	.ast-img {
		max-width:350px;
		top:-40px; 
		right:8%;
	}
}