@font-face {
	font-family: "assistant_light";
	src: url("../fonts/Assistant-Light.ttf");
	letter-spacing: 0;
}
@font-face {
	font-family: "assistant_regular";
	src: url("../fonts/Assistant-Regular.ttf");
	letter-spacing: 0;
}
@font-face {
	font-family: "assistant_semi_bold";
	src: url("../fonts/Assistant-SemiBold.ttf");
	letter-spacing: 0;
}
@font-face {
	font-family: "assistant_bold";
	src: url("../fonts/Assistant-Bold.ttf");
	letter-spacing: 0;
}
html, body {
	font-family: "assistant_light";
	font-size: 12px;
}
h1, h2, h3, h4, p, a, span, li, input {
	direction: rtl;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0;
}
.header, .content, .footer {
	padding-left: 10vw !important;
	padding-right: 10vw !important;
}

/* header style */
.header {
	/*background: url(../img/header-bg-new.png) center no-repeat;*/
	/*background-size: 100% 100%;*/
	padding: 0 10rem;
	text-align: right;
}
.header::before {
	content: '';
	background: url(../img/top_bg.svg) no-repeat left top;
	background-size: contain;
	z-index: -1;
	position: absolute;
	left: 0;
	top: -100px;
	height: 100vw;
	width: 100%;
}
.header a {
	color: #fff !important;
	font-size: 2.1rem;
	font-weight: 700;
}
.nav-link.active {
	color: #00ff00 !important;
}
.navbar-dark .navbar-toggler {
	border: 0;
	color: #fff;
}
.navbar-toggler-icon {
	height: 45px;
	width: 45px;
}
.navbar-toggler {
	font-size: 3rem;
}
.header .navbar-collapse {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.form-inline {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	width: auto;
}
/*.header-search-input {*/
/*	background-color: rgba(0, 0, 0, .2);*/
/*	border: .1rem solid rgba(0, 0, 0, 0);*/
/*	border-top-left-radius: 5rem;*/
/*	border-bottom-left-radius: 5rem;*/
/*	color: #ccc;*/
/*	font-size: 2.1rem;*/
/*	font-weight: 300;*/
/*	padding: 0 1rem;*/
/*	height: 5rem;*/
/*	width: 30rem;*/
/*}*/
/*.header-search-input::-webkit-input-placeholder {*/
/*	color: #fff;*/
/*}*/
/*.header-search-input:-ms-input-placeholder {*/
/*	color: #fff;*/
/*}*/
/*.header-search-input::-ms-input-placeholder {*/
/*	color: #fff;*/
/*}*/
/*.header-search-input::placeholder {*/
/*	color: #fff;*/
/*}*/
/*.header-search-button {*/
/*	background-color: rgba(51, 51, 51, .5);*/
/*	border: .1rem solid rgba(51, 51, 51, 0);*/
/*	border-top-right-radius: 50%;*/
/*	border-bottom-right-radius: 50%;*/
/*	cursor: pointer;*/
/*	display: -webkit-box;*/
/*	display: -webkit-flex;*/
/*	display: -ms-flexbox;*/
/*	display: flex;*/
/*	-webkit-box-align: center;*/
/*	-webkit-align-items: center;*/
/*	-ms-flex-align: center;*/
/*	align-items: center;*/
/*	-webkit-box-pack: center;*/
/*	-webkit-justify-content: center;*/
/*	-ms-flex-pack: center;*/
/*	justify-content: center;*/
/*	height: 5rem;*/
/*	width: 5rem;*/
/*}*/
/*.header-search-button img {*/
/*	height: auto;*/
/*	width: 100%;*/
/*}*/
.header .navbar-nav {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.header .navbar-nav .nav-item {
	padding-right: 7rem!important;
}
.header .navbar-nav .nav-item:first-child {
	padding-left: 7rem!important;
}
.header-language {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.header-language img {
	height: 3rem;
	width: 3rem;
}

/* header intro */
.header-intro {
	background: url(../img/header-cosmonaut.png) left 30% no-repeat;
	background-size: 40%;
	/*padding: 32rem 0 14rem;*/
	padding: 2.5vw 1rem 10vw;
	text-align: right;
}
.header-intro h1 {
	color: #fff;
	font: 5.8rem 'assistant_bold';
}
.navbar-toggler {
	font-size: 3rem;
}
/* content style */
.content {
	padding-top: 10rem;
	position: relative;
}
.content::before {
	content: '';
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: -95rem;
	height: calc(100% + 95rem);
	width: 100%;
	z-index: -2;
}
.content-element {
	-webkit-box-shadow: 0 0 18px #00000029;
	        box-shadow: 0 0 18px #00000029;
	margin-bottom: 10rem;
	border-radius: 32px;
}
.content-element__image {
	position: relative;
	width: 100%;
}
.content-element__image img{
	border-top-left-radius: 32px;
	border-top-right-radius: 32px;
}
img.content-element__share {
	position: absolute;
	top: 5rem;
	left: 0;
	max-width: 15rem;
}
img.content-element__bg {
	width: 100%;
}
h2.content-element__title {
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-size: 21.3rem;
	position: absolute;
	top: 0%;
	left: 0%;
	text-align: center;
	text-shadow: -2rem 0rem 1rem rgba(255, 255, 255, .5);
	height: 100%;
	width: 100%;
}
.content-element__description {
	background-color: white;
	padding: 32px;
	position: relative;
	color: #260083;
	border-radius: 32px;
}
.content-element__description .row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	height: 100%;
}
.content-element__description-link {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}
.content-element__description-date {
	padding: 0;
}
.content-element__description-title {
	color: #333;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	left: 0;
	top: 2rem;
	width: 100%;
}
.content-element__description-title h3 {
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	color: #260083;
	margin-bottom: 24px;
}
.content-element__description-link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}
.content-element__description-link a {
	width: 207px;
	font-family: 'assistant_light';
	margin: 0 auto;
	display: inline-block;
	background: -webkit-gradient(linear, left top, right top, from(#6ad9ea), to(#6afe77));
	background: -webkit-linear-gradient(left, #6ad9ea, #6afe77);
	background: -o-linear-gradient(left, #6ad9ea, #6afe77);
	background: linear-gradient(to right, #6ad9ea, #6afe77);
	border-radius: 50px;
	font-size: 24px;
	padding: 10px 0;
	text-align: center;
	color: white;
}
.content-element__description-link a:hover,
.content-element__description-link a:visited {
	text-decoration: none;
	color: white !important;
}
.content-element__description-link img {
	height: 32px;
	width: 32px;
}
.content-element__description-date {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-start;
	    -ms-flex-align: end;
	        align-items: flex-start;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: end;
	        justify-content: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.content-element__description-date p:first-child {
	padding-top: 0;
}
.content-element__description-date p {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 16px;
	line-height: 28px;
	padding-top: 1rem;
}
.content-element__description-date img {
	margin-right: 16px;
	height: 2rem;
	min-width: 3rem;
}

footer {
	bottom: 0;
	width: 100%;
	background: transparent linear-gradient(90deg, #6BD3ED 0%, #9322DD 100%) 0% 0% no-repeat padding-box;
	padding: 40px 10vw;
	margin-top: 2vw;
}
footer a,
footer div {
	color: white;
	font-size: 20px;
	text-decoration: none;
	letter-spacing: 0;
	vertical-align: bottom;
}
footer .row {
	padding-top: 15px;
}
.footer-container img {
	width: 24px;
}
.footer-logo img {
	width: 220px;
	margin-bottom: 38px;
}
@media (max-width: 1199.98px){
	footer {
		padding: 18px 18px;
	}
	footer .row {
		margin-right: 0;
		margin-left: 0;
		padding-top: 5px;
	}
	.footer-logo img {
		min-width: 120px;
		margin-bottom: 18px;
	}
	footer a,
	footer div {
		font-size: 14px;
	}
	.footer-container img {
		height: 18px;
		width: 18px;
	}
}


/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1536px) and (max-width: 1799.98px) {
	/* header style */
	.header .navbar-nav .nav-item {
		padding-right: 6rem!important;
	}
	.header .navbar-nav .nav-item:first-child {
		padding-left: 6rem!important;
	}

	/* content style */
	h2.content-element__title {
		font-size: 20rem;
	}
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
	html, body {
		font-size: calc(9px + 1 * ((100vw - 640px) / 960));
	}
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
	html, body {
		font-size: calc(8px + 1 * ((100vw - 640px) / 960));
	}
	/* header style */
	.header .navbar-nav .nav-item {
		padding-right: 6rem!important;
	}
	.header .navbar-nav .nav-item:first-child {
		padding-left: 6rem!important;
	}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	html, body {
		font-size: calc(7px + 1 * ((100vw - 640px) / 960));
	}
	header::before {
		top: -50px;
	}

	/* header style */
	.header a {
		font-size: 2rem;
	}
	.header-search-input {
		width: 70%;
	}
	.header .navbar-nav .nav-item {
		padding-right: 3rem!important;
	}
	.header .navbar-nav .nav-item:first-child {
		padding-left: 3rem!important;
	}
	.header-language img {
		height: 4rem;
		width: 4rem;
	}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	html, body {
		font-size: calc(6px + 1 * ((100vw - 640px) / 960));
	}
	.header-intro {
		background-size: 30%;
	}
	.header-intro h1 {
		text-align: center;
	}
	.header .navbar-nav .nav-item {
		padding-right: 1rem!important;
	}
	.header .navbar-nav .nav-item:first-child {
		padding-left: 1rem!important;
	}
	.header-language img {
		height: 4rem;
		width: 4rem;
	}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	html, body {
		font-size: calc(6px + 1 * ((100vw - 640px) / 960));
	}
	.row {
		margin: 0;
	}

	/* header style */
	.header-intro {
		background: none;
	}
	.header a {
		font-size: 3rem;
	}
	.header::before {
		top: -60px;
	}
	.header-search-input {
		border-top-left-radius: 5rem;
		border-bottom-left-radius: 5rem;
		color: #ccc;
		font-size: 5rem;
		padding: 0 1rem;
		height: 9rem;
		width: 90%;
	}
	.header-search-button {
		border-top-right-radius: 5rem;
		border-bottom-right-radius: 5rem;
		height: 9rem;
		width: 10%;
	}
	.header-search-button img {
		width: 60%;
	}
	.header .navbar-nav {
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		    -ms-flex-align: end;
		        align-items: flex-end;
	}
	.header .navbar-nav .nav-item {
		padding-right: 7rem!important;
	}
	.header .navbar-nav .nav-item:first-child {
		padding-left: 7rem!important;
	}
	.header-language {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.header-language img {
		margin-left: 2rem;
		height: 7rem;
		width: 7rem;
	}

	/* header intro */
	.header-intro h1 {
		text-align: center;
	}

	/* content style */
	.content {
		padding: 5rem 10rem 0 !important;
	}
	h2.content-element__title {
		font-size: 12rem;
		text-shadow: 2rem 0rem 1rem rgba(255, 255, 255, .5);
	}
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	html, body {
		font-size: calc(6px + 1 * ((100vw - 640px) / 960));
	}
	.header, .content, .footer {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
	.row {
		margin: 0;
	}

	/* header style */
	.header-intro {
		background: none;
	}
	.header a {
		font-size: 4rem;
	}
	.header::before {
		top: 0;
	}
	.header .navbar-nav {
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		    -ms-flex-align: end;
		        align-items: flex-end;
	}
	.header .navbar-nav .nav-item {
		padding-right: 7rem!important;
	}
	.header .navbar-nav .nav-item:first-child {
		padding-left: 7rem!important;
	}

	/* header intro */
	.header-intro {
		padding: 0 1rem 10vw;
	}
	.header-intro h1 {
		text-align: center;
	}

	/* content style */
	.content {
		padding: 0 20px !important;
	}
}