:root {
	--white: #fff;
	--darkblue: #003b46;
	--lightblue: #95d8e3;
    --mediumblue: #35b0c5 ;
    --superlightblue: #EEF6FF;
	--black: #000;
	--gray: #F2F2F2;
	--gray2: #dadada;
	--lightgray: #fbfbfb;
	--lightblueToPink1: #F36E20;
	--lightblueToPink2: #7193f1;
	--lightblueToPink3: #897BDC;
	--lightblueToPink4: #9D60C1;
	--lightblueToPink5: #A943A0;
	--lightblueToPink6: #AE1D7A;
	--lightblueToPink1Alpha: #F36E2066;
	--lightblueToPink2Alpha: #7193f166;
	--lightblueToPink3Alpha: #897BDC66;
	--lightblueToPink4Alpha: #9D60C166;
	--lightblueToPink5Alpha: #A943A066;
	--lightblueToPink6Alpha: #AE1D7A66;
	--inputBtnHeight: 52px;
	--textareaHeight: 120px;
	--errorBg: #f9eaea;
	--errorColor: #d01010;
}

.mx-800 {
	max-width: 800px;
	margin: 0 auto;
}

a {
	color: var(--darkblue);
}

@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 100%;
	}
}

@media (min-width: 1500px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1420px;
	}
}

@media (min-width: 1600px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1520px;
	}
}

* {
	font-family: 'Open Sans', sans-serif;
}

header {
	/*-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.08);
	box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.08);*/
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.08);
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.08);
	position: fixed;
	width: 100%;
	top: 0px;
	background: var(--white);
	z-index: 100;
}

#menu_mobile {
	margin-right: 20px;
	cursor: pointer;
	display: none;
}

#close_menu {
	margin-left: 20px;
	cursor: pointer;
	display: none;
}

.logo span,
a.logo {
	text-decoration: none;
	color: var(--darkblue);
	display: block;
	font-size: 0.725rem;
	max-width: 230px
}

.header_container {
	padding: 18px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;

}

	.header_container .header_left {
		display: flex;
		align-items: center;
	}

		.header_container .header_left a.ipourgeio,
		.header_container .header_left a.ipourgeio img {
			max-width: 320px;
			display: block;
		}

		.header_container .header_left a.ipourgeio {
			margin-left: 20px;
			border-left: 1px solid #dedede;
			padding-left: 10px;
		}

.button {
	padding: 0 30px;
	border-radius: 8px;
	font-size: 0.8rem;
	border: 1px solid var(--darkblue);
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-weight: 600;
	-webkit-transition: all 0.125s ease-out;
	transition: all 0.125s ease-out;
}

.button_m {
	height: var(--inputBtnHeight);
}

.button_l {
	height: var(--inputBtnHeight);
	font-size: 0.9rem;
}

.button:hover {
	-webkit-box-shadow: 0px 5px 15px 0px rgba(4,69,135,0.2);
	-moz-box-shadow: 0px 5px 15px 0px rgba(4,69,135,0.2);
	box-shadow: 0px 5px 15px 0px rgba(4,69,135,0.2);
}

.button.button_filled {
	background: var(--darkblue);
	color: var(--white);
}

	.button.button_filled.lightBlue {
		background: var(--lightblue);
		border: 1px solid var(--lightblue);
	}

.button.button_outlined {
	background: var(--white);
	color: var(--darkblue);
}

.button_group .button {
	display: inline-flex;
	margin-right: 5px;
}

	.button_group .button:last-child {
		margin-right: 0px;
	}

.button_group_rows .button {
	margin-bottom: 10px;
}

	.button_group_rows .button:last-child {
		margin-bottom: 0px;
	}

.button_group_rows {
	margin-bottom: 20px;
}

.button.button_with_icon {
	padding: 0 20px;
	justify-content: space-between;
	width: 100%;
	max-width: 320px;
}

.button.search {
	margin-left: 15px;
}

.button.button_with_icon.grayBtn {
	border: 0px;
	background: var(--gray);
}

	.button.button_with_icon.grayBtn:hover {
		background: var(--white);
	}
/*.button.button_with_icon.grayBtn{
	border:0px;
	padding:0;
}
.button.button_with_icon.grayBtn:hover{
	box-shadow: none;
}*/
.button.search svg,
.button.filter svg {
	margin-right: 15px;
}

	.button.filter svg#open_search_filters,
	.button.filter.active svg#close_search_filters {
		display: block;
	}

	.button.filter svg#close_search_filters,
	.button.filter.active svg#open_search_filters {
		display: none;
	}

.search_filter_button {
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.search_filters {
	/*position: absolute;*/
	margin-top: 20px;
	top: 0px;
	left: 0;
	width: 100%;
	border: 1px solid var(--gray2);
	border-radius: 8px;
	display: none;
	padding: 20px 25px;
}

#close_search_filters {
	cursor: pointer;
	fill: var(--darkblue);
}
#newsdataGridList table.dx-datagrid-table {
    border: 0;
}
#newsdataGridList .dx-datagrid-rowsview{
    border: 0;
}
#newsdataGridList td {
    padding: 0;
    margin: 0;
}
.search_filters_head {
	display: flex;
	align-items: center;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--darkblue);
}

	.search_filters_head svg {
		margin-right: 15px;
	}

.search_filters_body {
	margin-top: 20px;
}

.form-group {
	display: block;
	margin-bottom: 15px;
}

.search_filters_body .form-group {
	width: 50%;
	float: left;
}

.form-group input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.form-group label {
	position: relative;
	cursor: pointer;
	font-size: 0.875rem
}

	.form-group label:before {
		content: '';
		-webkit-appearance: none;
		background-color: var(--gray);
		border-radius: 3px;
		padding: 10px;
		display: inline-block;
		position: relative;
		vertical-align: middle;
		cursor: pointer;
		margin-right: 5px;
	}

.form-group input:checked + label:after {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 8px;
	width: 5px;
	height: 12px;
	border: solid #0079bf;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}


.lang_btns {
	display: flex;
	align-items: center;
}

.languages {
	display: flex;
	align-items: center;
}

	.languages img {
		display: block;
	}

	.languages a {
		opacity: 0.25;
		display: inline-block;
		width: 18px;
		height: 18px;
		margin-right: 10px;
		-webkit-transition: all 0.125s ease-out;
		transition: all 0.125s ease-out;
	}

		.languages a.active,
		.languages a:hover {
			opacity: 1;
		}


.page_content {
	margin-top: 120px;
}

.left_side,
.right_side {
	height: calc(100% - 160px);
	width: 320px;
	position: sticky;
	top: 160px;
  
	/*background:#f0f0f0;*/
}

.main_content {
	margin: 0 auto;
	width: calc(100% - 700px);
}

.generalTopInfo {
	display: table;
	background: var(--lightgray);
	border-radius: 12px;
	padding: 20px;
	color: var(--black);
	font-size: 0.8rem;
	font-weight: 500;
	line-height: 1.6rem;
}

	.generalTopInfo svg {
		margin-right: 10px;
		vertical-align: top;
		transform: translateY(3px);
	}

	.generalTopInfo svg,
	.generalTopInfo div {
		display: table-cell;
	}

.main_content h1:first-child:before {
	content: '';
	height: 5px;
	width: 60px;
	background-color: var(--lightblue);
	display: block;
	margin-bottom: 30px;
	border-radius: 20px
}

.main_content h1 {
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: -0.1rem;
	color: var(--darkblue);
	margin-bottom: 20px
}

	.main_content h1:first-child {
		margin-bottom: 40px
	}

.main_content h2 {
	font-size: 1.4rem;
	line-height: 2.2rem;
	font-weight: 700;
	letter-spacing: -0.05rem;
	color: var(--darkblue);
	margin-bottom: 20px
}

.main_content h3 {
	font-size: 1.2rem;
	line-height: 2rem;
	font-weight: 600;
	letter-spacing: -0.02rem;
	color: var(--lightblue);
	margin-bottom: 20px
}

.main_content h4 {
	font-size: 1rem;
	line-height: 1.8rem;
	font-weight: 700;
	letter-spacing: -0.02rem;
	color: var(--darkblue);
	margin-bottom: 10px
}

.main_content a {
	font-weight: 700
}

.main_content_in {
	/*padding-top: 30px;*/
	padding-bottom: 30px;
    min-height: 20em;
}

	.main_content_in p {
		line-height: 1.6rem;
		font-size: 0.85rem;
	}

	.main_content_in li {
		margin: 20px 0;
		line-height: 1.6rem;
		font-size: 0.85rem;
	}

.full_width_input {
	margin-bottom: 18px;
}

.full_input {
	width: 100%;
}

	.full_input .label {
		font-size: 0.8rem;
		font-weight: 600;
		margin-bottom: 8px;
		color: var(--darkblue);
	}

	.full_input.error .input {
		border-color: var(--errorColor);
	}

		.full_input.error .input input {
			background: var(--errorBg);
		}

	.full_input .input .dx-widget,
	.full_input .textarea .dx-widget {
		width: 100%;
	}

.error_msg {
	color: var(--errorColor);
	font-size: 0.85rem;
	margin-top: 10px;
	font-weight: 600;
}

	.error_msg svg {
		margin-right: 8px;
	}

.input_row_with_btn {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 18px;
}

	.input_row_with_btn .full_input {
		width: calc(100% - 15px);
		margin-right: 15px;
	}

		.input_row_with_btn .full_input:last-child {
			margin-right: 0px;
		}

select, input {
	/* Reset Select */
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	outline: 0;
	border: 0;
	box-shadow: none;
	/* Personalize */
	flex: 1;
	padding: 0 1em;
	color: var(--darkblue);
	background-color: var(--white);
	background-image: none;
	cursor: pointer;
}

input {
	cursor: inherit;
}
/* Remove IE arrow */
select::-ms-expand {
	display: none;
}
/* Custom Select wrapper */
.select,
.input {
	width: 100%;
	position: relative;
	display: flex;
	height: var(--inputBtnHeight);
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid var(--darkblue);
}

.textarea {
	width: 100%;
	position: relative;
	display: flex;
	height: var(--textareaHeight);
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid var(--darkblue);
}

	.textarea textarea {
		resize: none;
		border: 0px;
		width: 100%;
		padding: 10px 15px;
	}

		.textarea textarea:focus-visible {
			outline: none;
		}
/* Arrow */
.select::after {
	content: '\25BC';
	font-size: 0.6rem;
	-webkit-transform: scaleX(1.4) rotate(0deg);
	transform: scaleX(1.4) rotate(0deg);
	color: var(--darkblue);
	position: absolute;
	background-color: var(--white);
	top: 0;
	right: 0;
	padding: 19px;
	transition: .25s all ease;
	pointer-events: none;
}
/* Transition */
.select:hover::after {
	color: var(--lightblue);
}

.list_content {
	/*margin: 40px 0;*/
}

.list_item_offers {
	flex-shrink: 0;
	width: 100%;
	position: relative;
	transition-property: transform;
	border-radius: 12px;
	overflow: hidden;
	height: 300px;
	margin-bottom: 30px;
}

	.list_item_offers img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

.list_item_offers_tile {
	padding: 10px;
	border-radius: 12px;
	border: 1px solid var(--lightblue);
	margin-bottom: 20px
}

.list_item_offers_top {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 10px;
}

.list_item_offers_img {
	width: 120px;
	height: 120px;
	overflow: hidden;
	border-radius: 4px;
	margin-right: 15px;
	flex-shrink: 0;
}

	.list_item_offers_img img {
		object-position: center;
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

.list_item_offers_tile .offer_type {
	padding: 0px;
	font-size: 0.725rem;
	color: #fff;
	display: inline-block;
}

.list_item_offers_txt p {
	font-size: 0.8rem;
}

.list_item_offers_tile .offers_slider_content_txt {
	padding: 0px;
	margin-top: 10px;
}

	.list_item_offers_tile .offers_slider_content_txt h5 {
		letter-spacing: -0.075rem
	}

	.list_item_offers_tile .offers_slider_content_txt h6 {
		letter-spacing: -0.0125rem;
		font-size: 0.8rem;
		font-weight: 700;
		color: var(--lightblue);
	}

.list_item_offers_tile a {
	text-decoration: none;
	font-weight: 400
}

.list_item_offers_specs {
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	border-top: 1px solid var(--gray2);
}

.list_item_offers_spec {
	font-size: 0.8rem;
	margin-right: 20px;
	width: calc(20% - 20px);
	display: inline-block;
	vertical-align: top;
}

	.list_item_offers_spec:last-child {
		margin-right: 0px;
	}

	.list_item_offers_spec span:last-child {
		font-weight: 700;
		display: block;
	}

.visit_offer_page {
	font-size: 0.8rem;
	display: inline-block;
	padding: 4px 10px;
	background: var(--gray);
	border-radius: 3px
}

.downloadable_content {
	padding-bottom: 40px;
}
.footer_sponsors {
	display: none;
	justify-content: space-between;
	align-items: center;
	max-width: 700px;
	margin: 0 auto;
}
.footer_sponsors img{
    height:80px;
}
footer {
    font-size: 0.9rem;
	max-width: calc(100% - 15em);
}
.footerlinks h3 {
    font-size: 1rem;
}
footer a {
	font-weight: normal !important;
	
}
.footerlinks h3 {
    color: var(--darkblue);
    font-weight: 700;
    letter-spacing: -0.025rem;
}
	footer .separator {
		/*width: 2px;*/
		padding: 0 1px 0 1px;
		margin-bottom: 20px;
		/*height: 15em; Relative to text size */
		background-color: var(--lightblue);
	}
.downloadable {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 10px 20px;
	margin: 20px 0;
	border-radius: 12px;
	border: 1px solid var(--lightblue);
}

a.downloadable {
	font-weight: 500;
	font-size: 0.875rem;
	text-decoration: none;
}


.accordion_list {
	padding: 0;
	padding-bottom: 40px;
	counter-reset: item;
}

.accordion_block {
	font-size: 0.875rem;
	color: var(--darkblue);
	list-style-type: none;
	counter-increment: item;
}

	.accordion_block:before {
		display: inline-block;
		width: 1.5em;
		padding: 15px 0;
		padding-right: 1.78em;
		font-weight: 700;
		text-align: right;
		font-size: 1rem;
		content: counter(item) ".";
	}

	.accordion_block .accordion_title {
		font-size: 1rem;
		font-weight: 700;
		cursor: pointer;
		padding: 15px 0;
		display: inline-block;
		width: calc(100% - 2.5rem);
	}

		.accordion_block .accordion_title span {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
		}

	.accordion_block .accordion_content {
		display: none;
		line-height: 1.8rem;
		padding-bottom: 20px;
		padding-left: 2rem;
		width: calc(100% - 2rem);
	}

	.accordion_block .accordion_title span:after {
		content: '\25BC';
		font-size: 0.6rem;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		color: var(--darkblue);
		-webkit-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
		margin-left: 20px;
	}

	.accordion_block.active .accordion_title span:after {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

.accordion_group_title {
	position: sticky;
	top: 108px;
	padding: 30px 0 15px;
	background: var(--white);
	-webkit-box-shadow: 0px 20px 21px 10px var(--white);
	-moz-box-shadow: 0px 20px 21px 10px var(--white);
	box-shadow: 0px 20px 21px 10px var(--white);
}











.anakoinwsi {
	border-radius: 12px;
	padding: 20px 25px;
	border: 1px solid #203268;
	margin-bottom: 20px;
    white-space: normal;
}

	.anakoinwsi h3 {
		font-size: 1.125rem;
		font-weight: 700;
		color: var(--darkblue);
	}

	.anakoinwsi p {
		font-size: 0.85rem;
		font-weight: 500;
		color: var(--mediumblue);
		margin: 0;
	}

	.anakoinwsi div {
		background: var(--mediumblue);
		color: var(--white);
		display: inline-block;
		margin-bottom: 10px;
		padding: 2px 6px;
		font-size: 0.85rem;
		border-radius: 3px;
		font-weight: 600;
	}






.left_side nav {
	overflow-y: auto;
	overflow-x: clip;
	scrollbar-color: #EBEBEB #AEAEAE;
	scrollbar-width: none !important;
	margin: 0px;
	height: 100%;
	padding: 0 20px;
}
/*
:root{
  scrollbar-color: rgb(210,210,210) rgb(46,54,69) !important;
  scrollbar-width: thin !important;
}
*/
.left_side {
	margin-left: -20px;
	margin-right: -20px;
}

/*#home_right_side .right_side_content {
	overflow-y: auto;
	height: 100%;
	scrollbar-color: #EBEBEB #AEAEAE;
	scrollbar-width: none !important;
}*/
.right_side_content {
	position: fixed;
	top: 150px;
	width: 320px;
}

	.left_side nav::-webkit-scrollbar, #home_right_side .right_side_content::-webkit-scrollbar {
		width: 4px;
	}

	.left_side nav::-webkit-scrollbar-track,
	#home_right_side .right_side_content::-webkit-scrollbar-track {
		background: #EBEBEB;
	}

	.left_side nav::-webkit-scrollbar-thumb,
	#home_right_side .right_side_content::-webkit-scrollbar-thumb {
		background-color: #AEAEAE;
	}

.left_side nav .ipourgeio,
.left_side nav .ipourgeio img {
	max-width: 100%;
	display: block;
}


@media (max-width: 1399px) {
	.left_side,
	.right_side {
		width: 250px;
	}
	.right_side_content {
		width: 250px;
    }
    .main_content {
		margin: 0 auto;
		width: calc(100% - 560px);
	}
}

@media (max-width: 1199px) {
	.left_side,
	.right_side {
		width: 210px;
	}
    .right_side_content {
        width: 210px;
    }
    #newsdataGridList .anakoinwsi {
        border-radius: 12px;
        padding: 20px 5px;
        border: 1px solid #203268;
        margin-bottom: 20px;
        white-space: normal;
        /*left: -10px;*/
        /* display: block; */
        position: relative;
        /*width: 200px;*/
    }
	.main_content {
		margin: 0 auto;
		width: calc(100% - 470px);
	}
	.atlas-title {
		font-size: 1.2rem !important;
	}
	
}
@media (max-width: 1489px) {
    .logo img {
        max-height: 160px;
    }
    .header_sponsors img {
        height: 80px!important;
    }
	.page_content {
		margin-top: 120px;
    }
	.right_side_content {
		top: 150px;
    }

}
@media (max-width: 1400px) {
    .header_sponsors {
        margin-left: 32px;
    }
}
@media (max-width: 1049px) {
    .logo img {
        max-height: 120px;
    }
    .page_content {
        margin-top: 120px;
    }
	.header_sponsors img {
		height: 80px !important;
	}
   
	.right_side_content {
        top: 150px;
    }
    .left_side {
		width: 250px;
	}
   
	.right_side {
		/*position: static;*/
		/*display: none;*/
	}

	.main_content {
		margin: 0;
		width: calc(100% - 470px);
	}
    .atlas-title {
        font-size: 1.0rem!important;
    }
}

@media (max-width: 920px) {
  .header_sponsors  {
        display: none;
    }
	.footer_sponsors {
		display: flex;
		justify-content: space-between;
	}
	/*.header_sponsors {
		width: 250px;
	}*/
	.left_side {
		width: 100%;
		max-width: 450px;
		position: fixed;
		top: 0;
		height: 100vh;
		left: 0;
		padding: 20px 0px;
		z-index: 200;
		background: var(--white);
		margin: 0;
		-webkit-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
		-webkit-transform: translate3d(-110%, 0, 0);
		transform: translate3d(-110%, 0, 0);
		-webkit-box-shadow: 0px 10px 35px 0px rgba(4,69,135,0.1);
		-moz-box-shadow: 0px 10px 35px 0px rgba(4,69,135,0.1);
		box-shadow: 0px 10px 35px 0px rgba(4,69,135,0.1);
	}

		.left_side.active {
			-webkit-transform: translate3d(0%, 0, 0);
			transform: translate3d(0%, 0, 0);
		}

		.left_side nav {
			padding: 0 20px;
			height: calc(100vh - 110px);
		}

	.header_content_in_mobile {
		padding: 0 20px;
	}

	.main_content {
		margin: 0;
		width: 100%;
	}

	#menu_mobile {
		display: block;
	}

	#close_menu {
		display: block;
	}

	.left_side_mobile_head {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 20px;
	}

		.left_side_mobile_head .button_group .button {
			padding: 0 20px !important;
		}

	nav .nav_item span {
		padding: 10px 0 !important;
	}

	.languages a:last-child {
		margin-right: 0px;
	}
    .atlas-title {
        font-size: 0.8rem !important;
    }
 
	.main_content {
        width: 71%;
	}
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
	.left_side {
		background: rgba(255,255,255,0.8);
		-webkit-backdrop-filter: blur(40px);
		backdrop-filter: blur(40px);
	}
}
@media (max-width: 850px) {
    .header_sponsors img {
        height: 50px !important;
    }

}

	@media (max-width: 760px) {
		

		footer .sponsors {
			display: block !important;
			text-align: center;
		}
		footer {
            width: 65%;
            font-size: 1.8vw;
		}
        .footerlinks h3 {
            font-size: 2.2vw;
        }
		.main_content {
			width: 60%;
		}
        footer .footerlinks .linkcol {
            padding-left: .5rem !important;
            padding-right: .5rem !important;
        }
		/*footer .sponsors img {
	    max-width: 140px !important;
	    width: 100%;
	    margin:10px;
	}
	footer .sponsors img:nth-child(2) {
	    max-width: 80px !important;
	}
	footer .sponsors img:nth-child(5) {
	    max-width: 80px !important;
	}*/
		.main_content h1:first-child {
			font-size: 1.7rem;
			font-weight: 800;
		}

		.list_item_offers_top {
			display: block;
		}

		.list_item_offers_img {
			width: 100%;
			height: 150px;
			margin-right: 0px;
			margin-bottom: 10px;
		}

		.list_item_offers_spec {
			margin-right: 30px;
			width: auto;
			margin-top: 15px;
		}

		.list_item_offers_specs {
			padding: 0;
		}

		.accordion_group_title {
			top: 90px;
			padding: 25px 0 5px;
		}
	}


	@media (max-width: 700px) {
		.header_sponsors {
			margin-left: 10px;
		}

			.header_sponsors a:first-child {
				margin-right: 5px;
			}

			.header_sponsors img {
				max-height: 32px;
			}

		.logo img {
			max-height: 100px;
		}
        .page_content {
            margin-top: 110px;
        }

        .right_side_content {
            top: 140px;
        }
        footer .footerlinks .linkcol {
            padding-left: .2rem !important;
            padding-right: .2rem !important;
        }
	}
@media (max-width: 621px) {
	
		footer .footerlinks .linkcol {
			padding-left: .0rem !important;
			padding-right: .0rem !important;
		}

}
	@media (max-width: 580px) {
		footer .footerlinks {
            width: 100%
        }
		footer .footerlinks .linkcol {
			padding-left: unset;
			padding-right: unset;
		}
		
		#home_right_side {
			display: none;
		}

		.header_sponsors {
			width: 160px;
		}

		.left_side nav {
			padding: 0 20px;
			height: calc(100vh - 250px);
		}

		.main_content {
			width: 100%;
		}
		footer {
			max-width: 100%;
			font-size: 0.9rem;
			display: inline;
		}
		.footerlinks h3 {
			font-size: 1rem;
		}
        footer .footerlinks .linkcol {
            padding-left: .2rem !important;
            padding-right: .2rem !important;
        }

	}

	@media (max-width: 575px) {
		.home_shortcut .home_shortcut_in {
			min-height: 110px !important;
		}

		.logo span, a.logo {
			font-size: 0.6rem;
		}



		.input_row_with_btn {
			display: block;
			margin-bottom: 0;
		}

			.input_row_with_btn .full_input {
				width: 100%;
				margin-right: 0px;
				margin-bottom: 15px;
			}

		.button.search,
		form .button[type=submit] {
			width: 100%;
			justify-content: center;
		}

		.button.filter span {
			display: none;
		}

		.button.filter svg {
			margin: 0;
		}

		.search_filters_body .form-group {
			width: 100%;
			float: none;
		}

		.list_item_offers_spec {
			margin-right: 15px;
		}

			.list_item_offers_spec:nth-child(3n) {
				margin-right: 0px;
			}
	}


	.page_content_in {
		display: flex;
		justify-content: space-between;
		padding-top: 30px;
	}

	nav .nav_item span {
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: var(--darkblue);
		font-weight: 700;
		padding: 15px 0;
		margin: 0px 0 5px;
		letter-spacing: -0.025rem;
		cursor: pointer;
		border-radius: 100px;
		-webkit-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}

	.atlas-title {
		font-size: 1.5rem;
		font-weight: 700;
		color: var(--darkblue);
		margin-bottom: 10px;
	}

	nav .nav_item span:hover,
	nav .nav_item.active span {
		background: var(--superlightblue);
		-webkit-box-shadow: 20px 0px 0px 0px var(--superlightblue), -20px 0px 0px 0px var(--superlightblue);
		-moz-box-shadow: 20px 0px 0px 0px var(--superlightblue), -20px 0px 0px 0px var(--superlightblue);
		box-shadow: 20px 0px 0px 0px var(--superlightblue), -20px 0px 0px 0px var(--superlightblue);
	}

	nav .nav_item span:after {
		content: '\25BC';
		font-size: 0.6rem;
		-webkit-transform: scaleX(1.4) rotate(0deg);
		transform: scaleX(1.4) rotate(0deg);
		color: var(--darkblue);
		-webkit-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
		opacity: 0;
	}

	nav .nav_item.active span:after {
		-webkit-transform: scaleX(1.4) rotate(180deg);
		transform: scaleX(1.4) rotate(180deg);
		opacity: 1;
	}

	nav .nav_item span:hover:after {
		opacity: 1;
	}

	.dd_nav {
		display: none;
		padding-top: 5px;
		padding-bottom: 15px;
	}

		.dd_nav a {
			display: block;
			text-decoration: none;
			color: var(--darkblue);
			padding: 8px 0;
			font-size: 0.875rem;
			font-weight: 500;
			-webkit-transition: all 0.25s ease-out;
			transition: all 0.25s ease-out;
		}

			.dd_nav a:hover,
			.dd_nav a.active {
				color: var(--lightblue);
			}

	.homepage_swiper_container {
		position: relative;
		padding-top: 0px;
	}

		.homepage_swiper_container .swiper-pagination-bullet-active {
			background: var(--darkblue);
		}

	.swiper {
		width: 100%;
		height: 340px;
		margin-bottom: 30px;
	}

	.swiper-slide {
		border-radius: 12px;
		overflow: hidden;
		height: 300px;
	}

		.swiper-slide img {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	.offers_slider_content {
		position: absolute;
		text-decoration: none;
		color: var(--white);
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		text-align: left;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+34,0.6+100 */
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 34%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
	}

		.offers_slider_content:hover {
			color: var(--white);
		}

	.offer_type {
		padding: 30px;
		font-size: 0.725rem;
	}

		.offer_type span {
			background-color: #670487;
			display: block;
			padding: 3px 8px;
			border-radius: 3px;
		}

	.offers_slider_content_txt {
		padding: 30px;
	}

		.offers_slider_content_txt h5 {
			font-weight: 700;
			font-size: 1.375rem;
			margin-bottom: 10px;
		}

		.offers_slider_content_txt p {
			margin: 0;
			font-size: 0.8rem;
		}

	.home_shortcuts {
		margin-bottom: 50px;
	}

	.home_shortcut .home_shortcut_in {
		min-height: 165px;
		border-radius: 12px;
		color: var(--white);
		padding: 20px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
		text-decoration: none;
		-webkit-transition: all 0.125s ease-out;
		transition: all 0.125s ease-out;
	}

	.home_shortcut:nth-child(1) .home_shortcut_in {
		background: var(--lightblueToPink1);
	}

		.home_shortcut:nth-child(1) .home_shortcut_in:hover {
			-webkit-box-shadow: 0px 10px 25px 0px var(--lightblueToPink1Alpha);
			-moz-box-shadow: 0px 10px 25px 0px var(--lightblueToPink1Alpha);
			box-shadow: 0px 10px 25px 0px var(--lightblueToPink1Alpha);
		}

	.home_shortcut:nth-child(2) .home_shortcut_in {
		background: var(--lightblueToPink2);
	}

		.home_shortcut:nth-child(2) .home_shortcut_in:hover {
			-webkit-box-shadow: 0px 10px 25px 0px var(--lightblueToPink2Alpha);
			-moz-box-shadow: 0px 10px 25px 0px var(--lightblueToPink2Alpha);
			box-shadow: 0px 10px 25px 0px var(--lightblueToPink2Alpha);
		}

	.home_shortcut:nth-child(3) .home_shortcut_in {
		background: var(--lightblueToPink3);
	}

		.home_shortcut:nth-child(3) .home_shortcut_in:hover {
			-webkit-box-shadow: 0px 10px 25px 0px var(--lightblueToPink3Alpha);
			-moz-box-shadow: 0px 10px 25px 0px var(--lightblueToPink3Alpha);
			box-shadow: 0px 10px 25px 0px var(--lightblueToPink3Alpha);
		}

	.home_shortcut:nth-child(4) .home_shortcut_in {
		background: var(--lightblueToPink4);
	}

		.home_shortcut:nth-child(4) .home_shortcut_in:hover {
			-webkit-box-shadow: 0px 10px 25px 0px var(--lightblueToPink4Alpha);
			-moz-box-shadow: 0px 10px 25px 0px var(--lightblueToPink4Alpha);
			box-shadow: 0px 10px 25px 0px var(--lightblueToPink4Alpha);
		}

	.home_shortcut:nth-child(5) .home_shortcut_in {
		background: var(--lightblueToPink5);
	}

		.home_shortcut:nth-child(5) .home_shortcut_in:hover {
			-webkit-box-shadow: 0px 10px 25px 0px var(--lightblueToPink5Alpha);
			-moz-box-shadow: 0px 10px 25px 0px var(--lightblueToPink5Alpha);
			box-shadow: 0px 10px 25px 0px var(--lightblueToPink5Alpha);
		}

	.home_shortcut:nth-child(6) .home_shortcut_in {
		background: var(--lightblueToPink6);
	}

		.home_shortcut:nth-child(6) .home_shortcut_in:hover {
			-webkit-box-shadow: 0px 10px 25px 0px var(--lightblueToPink6Alpha);
			-moz-box-shadow: 0px 10px 25px 0px var(--lightblueToPink6Alpha);
			box-shadow: 0px 10px 25px 0px var(--lightblueToPink6Alpha);
		}

	.home_shortcut_in h6 {
		font-size: 0.825rem;
	}

	.home_shortcut_in h4 {
		font-size: 1.125rem;
		font-weight: 700;
		color: var(--white);
		margin: 0;
	}


	.info_academicId {
		background: var(--gray);
		border-radius: 12px;
		padding: 20px;
		color: var(--black);
		font-size: 0.8rem;
		font-weight: 500;
		line-height: 1.6rem;
	}

		.info_academicId i {
			font-weight: 600
		}

		.info_academicId h6 {
			font-weight: 700;
			font-size: 0.925rem;
		}

	.right_side_content .info_academicId {
		margin-bottom: 20px
	}

	footer .footer_seperator {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 10px 0 10px;
	}

		footer .footer_seperator:after,
		footer .footer_seperator:before {
			width: calc(48% - 30px);
			height: 1px;
			background: #E5E5E5;
			display: block;
			content: '';
		}

	footer .sponsors {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	footer .sponsors {
		display: flex;
		justify-content: space-between;
		align-items: center;
		max-width: 700px;
		margin: 0 auto;
	}


	footer .sponsorship_txt {
		text-align: center;
		font-size: 0.8rem;
		font-weight: 700;
		padding: 30px 0;
	}

	.header_sponsors {
		margin-left: 100px;
	}

		.header_sponsors a:first-child {
			margin-right: 10px;
		}

		.header_sponsors img {
			height: 80px;
		}

	.dx-invalid-message > .dx-overlay-content {
		background-color: #fff;
		padding: 15px 0;
	}


	table, th, td {
		border: 1px solid black;
	}

	#cookieConsentdivBlackout {
		background-color: rgba(0, 0, 0, 0.5);
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
	}

	#cookieConsentdiv {
		z-index: 1000;
		position: fixed;
		width: 100%;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		background-color: rgba(255, 255, 255, 0.9);
		padding: 20px 30px 20px 30px;
		box-shadow: 0px 3px 10px 5px rgba(0, 0, 0, 0.4);
		text-align: center;
	}

		#cookieConsentdiv button {
			display: block;
			margin-left: auto;
			margin-right: auto;
			border: none;
			padding: 10px 50px;
			margin-top: 15px;
			background: var(--darkblue);
			color: var(--white);
			transition: all ease 0.5s;
		}

	.cookieActions {
		margin-top: 10px;
	}

		.cookieActions button {
			border: 0;
			background: transparent;
			margin-left: 10px;
			color: var(--darkblue);
			font-weight: bold;
		}

	.contact-container {
		max-width: 800px;
		margin: 0 auto;
	}




	.circle {
		position: relative;
		height: 170px;
		margin: 0 auto;
	}

		.circle svg {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}

			.circle svg circle {
				fill: none;
				stroke-width: 10;
				stroke: #e2e2e2;
				stroke-linecap: round;
				transform: translate(5px, 5px);
			}

			.circle svg .fill_darkblue {
				stroke-dasharray: 440;
				stroke-dashoffset: 440;
				stroke: var(--darkblue);
				animation: fill 2s forwards;
			}


		.circle .fill_mediumblue {
			stroke-dasharray: 440;
			stroke-dashoffset: 440;
			stroke: var(--mediumblue);
			animation: fill 2s forwards;
		}

		.circle .fill_lightblue {
			stroke-dasharray: 440;
			stroke-dashoffset: 440;
			stroke: var(--lightblue);
			animation: fill 2s forwards;
		}

	.number {
		position: absolute;
		top: 53%;
		left: 51%;
		transform: translate(-50%, -50%);
		font-size: 30px;
		font-weight: bold;
		color: #000;
		z-index: 10;
	}

		.number span {
			display: inline-block;
			animation: count 2s ease-out forwards;
		}

	@keyframes fill {
		to {
			stroke-dashoffset: 0;
		}
	}

	@keyframes count {
		from {
			opacity: 0;
			transform: translate(0, -20px);
		}

		to {
			opacity: 1;
			transform: translate(0, 0);
		}
	}


	.marquee-container {
		width: 100%; /* Set the desired width */
		overflow: hidden;
		white-space: nowrap;
		position: relative;
	}

	.marquee-content {
		display: inline-block;
		padding-left: 100%; /* Start outside the container */
		animation: marquee 20s linear infinite;
		color: red;
	}

	@keyframes marquee {
		0% {
			transform: translateX(0%);
		}

		100% {
			transform: translateX(-100%);
		}
	}
	/* Pause the animation on hover */
	.marquee-container:hover .marquee-content {
		animation-play-state: paused;
	}

	.userway-s13_offtransition .marquee-content {
		padding-left: 0;
	}

	.userway-s13_offtransition .marquee-container {
		text-wrap: auto;
	}