.grp1_link_cont {
	width: 46vw;
	height: 7.7vw;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	cursor: pointer;
	position: relative;
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
}

.grp1_link_marg {
	margin: 0 0 0.5vw 0;
}

.grp1_link_inner_cont, .grp2_stat_title {
	display: flex;
	flex-direction: row;
}

.grp1_moto_txt {
	color: rgba(255,255,255,0.75);
	font-style: italic;
	font-size: 1.5vw;
	line-height: 1.5vw;
	margin: auto 0;
	padding: 0;
	user-select: none;
	-webkit-user-select: none;
}

.grp1_link_txt {
	color: #fff;
	font-weight: bolder;
	font-size: 2.5vw;
	line-height: 2.5vw;
	margin: auto 0 auto 0.4vw;
	padding: 0.3vw 0 0 0;
}

.grp1_link_desc {
	color: #fff;
	font-size: 1.1vw;
	/* line-height: 0.9vw; */
	margin: auto 0 auto 0.4vw;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	text-align: right;
}

.index_white_crcl_icon, .index_blue_crcl_icon {
	flex: 0 0 4vw;
	width: 4vw;
	height: 4vw;
	border: solid 0.18vw #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	margin: auto 2vw auto 1.5vw;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 1.5vw 1.5vw;
	cursor: pointer;
}

.index_blue_crcl_icon {
	flex: 0 0 5vw;
	width: 5vw;
	height: 5vw;
	border: solid 0.21vw #40a1fe;
	background-size: 2vw 2vw;
	margin: auto 0 auto 0;
	cursor: default;
}

.index_white_crcl_icon_hover {
	background-color: rgba(255,255,255,0.3);
}

.index_white_crcl_icon:active {
	background-color: rgba(0,0,0,0.3);
}

.mq_link_icon {
	background-image: url("../images/mq_link_icon.svg");
}

.mt_link_icon {
	background-image: url("../images/mt_link_icon.svg");
}

.blog_link_icon {
	background-image: url("../images/blog_link_icon.svg");
}

.world_icon {
	background-image: url("../images/world_icon.svg");
}

.tracks_icon {
	background-image: url("../images/tracks_icon.svg");
}

.len_icon {
	background-image: url("../images/len_icon.svg");
}

.menu_icon {
	background-image: url("../images/menu_icon2.svg");
}

.menu_icon:hover {
	background-image: url("../images/menu_hover_icon.svg");
}

.path_point_tt_right:after, .path_blue_point_tt_right:after {
	content:"";
	position:absolute;
	height:0;
	width:0;
	right:-0.70vw;
	top:0.375vw;
	border:0.375vw solid transparent;
	border-left: 0.375vw solid var(--index-gradient_to);
}

.path_blue_point_tt_right:after {
	border-left: 0.375vw solid #fff;
}

.path_point_tt_left:after, .path_blue_point_tt_left:after {
	content:"";
	position:absolute;
	height:0;
	width:0;
	left:-0.70vw;
	top:0.375vw;
	border:0.375vw solid transparent;
	border-right: 0.375vw solid var(--index-gradient_from);
}

.path_blue_point_tt_left:after { 
	border-right: 0.375vw solid #fff;
}

.EUMapWhiteCountry {
	fill: #FFFFFF;
	stroke: #1563E1;
	stroke-miterlimit: 10;
}

.EUMapSelectedCountry {
	fill: #D9E5F9;
	stroke: #1563E1;
	stroke-miterlimit:10;
	cursor: pointer;
}

.EUMapSelectedCountry:hover {
	fill: #0B439C;
}

.grp2_stat_txt {
	font-size: 0.9vw;
	color: #fff;
	width: 42vw;
	height: 11vw;
	line-height: 1.5vw;
	flex-shrink: 0;
	flex-grow: 0;
}

.grp2_stat_txt h1 {
	font-weight: bold;
	font-size: 1.1vw;
	margin: 0 0 0 0;
}

.grp2_stat_txt p {
	font-weight: normal;
	font-size: 0.9vw;
	margin: 1vw 0 0 0;
}

.grp2_icons_cont, .grp2_icons_cont_evenly {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0 6vw 0 0;
	flex: 0 0 6vw;
}

.grp2_icons_cont_evenly {
	justify-content: space-evenly;
}

.grp2_icon_stat_cont {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.grp2_icon_stat_txt {
	font-weight: bold;
	font-size: 2vw;
	height: 5vw;
	line-height: 5vw;
	color: #fff;
	margin: 0 0 0 1vw;
	white-space: nowrap;
}

.grp2_icon_stat_desc {
	font-weight: normal;
	font-size: 1vw;
	height: 5vw;
	line-height: 5vw;
	color: #a8c6f9;
	margin: 0 0 0 0.7vw;
}

.grp2_icon_stat_spacer {
	margin: 0 1vw 0 0;
}

.grp3_article_cont {
	width: 28vw;
	display: flex;
	flex-direction: column;
	cursor: pointer;
}

.grp3_article_cont:hover .grp3_article_image_hover {
	visibility: visible;
	display: block;
}

.grp3_article_inner_cont {
	width: 28vw;
	display: flex;
	flex-direction: column;
	z-index: 1;
}

.grp3_article_image_cont {
	height: 21vw;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.grp3_article_image_hover {
	visibility: hidden;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0.95;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../images/photo_hover.svg");
}

.grp3_article_text_cont {
	display: flex;
	flex-direction: column;
	height: 16vw;
}

.grp3_article_title {
	padding: 2vw 2.7vw;
	font-weight: bold;
	font-size: 1.2vw;
	color: var(--login-very-dark-gray);
}

.grp3_article_text {
	padding: 0 2.7vw 2vw 2.7vw;
	font-size: 0.9vw;
	line-height: 1.5vw;
	color: var(--login-very-dark-gray);
}

.grp3_article_links_cont {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	height: 4vw;
	align-items: center;
	padding: 0 2vw;
	z-index: 2;
	background-color: #fff;
}

.grp3_article_link {
	cursor: pointer;
}

.grp3_next_link {
	color: var(--blue-text-color);
	margin: 0 0.6vw 0 0;
	padding: 0.12vw 0 0 0;
	line-height: 0.7vw;
}

.grp3_prev_link {
	color: var(--blue-text-color);
	margin: 0 0 0 0.6vw;
	padding: 0.12vw 0 0 0;
	line-height: 0.7vw;
}

.grp4_mon_year {
	color: var(--blue-text-color);
	padding: 0.2vw 0 0 0;
}

.grp4_cal_row {
	display: flex;
	flex-direction: row;
	flex-grow: 0;
	flex-shrink: 0;
	justify-content: space-between;
	margin: 0.5vw;
}

.grp4_cal_day_name_cont {
	color: var(--blue-text-color);
	padding: 0.2vw 0 0 0;
	flex-grow: 0;
	flex-shrink: 0;
	width: 3vw;
	height: 2vw;
	line-height: 2vw;
	text-align: center;
	z-index: 4;
}

.grp4_cal_day_cont, .grp4_active_day, .grp4_today_day {
	flex-grow: 0;
	flex-shrink: 0;
	width: 3vw;
	height: 3vw;
	line-height: 3vw;
	text-align: center;
	border: solid 1px var(--login-lighter-gray);
	padding: 0.1vw 0 0 0;
	background-color: #fff;
	z-index: 4;
    color: var(--login-very-dark-gray);
}

.grp4_cal_day_cont:hover {
	background-color: #f3f6fc;
}

.grp4_today_day {
	background-color: #ffdeb8;
	font-weight: bold;
}

.grp4_selected_day {
	border: solid 4px var(--mand-input-color);
	padding: 0;
}

.grp4_active_day {
	background-color: var(--index-gradient_from);
	background-image: linear-gradient(70deg, var(--index-gradient_to), var(--index-gradient_from));
	color: #fff;
	cursor: pointer;
}

.grp4_active_day:hover {
	color: var(--index-gradient_from);
	background-color: #f3f6fc;
	background-image: unset;
}

.grp4_details_cont {
	width: 27vw;
	/* height: 27vw; */
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 0 1vw 0;
}

.grp4_no_data_div {
    text-align: center;
    color: var(--login-very-dark-gray);
    margin: auto;
}

.grp4_event_list_cont {
	display: flex;
	flex-direction: row;
	flex-grow: 0;
	flex-shrink: 0;
	cursor: pointer;
}

.grp4_event_list_cont:hover {
	background-color: #ecf0f8;
}

.grp4_event_list_img {
	width: 9vw;
	flex: 0 0 9vw;
}

.grp4_event_list_txts_cont {
	display: flex;
	flex-direction: column;
	margin: 0 0 0 0.5vw;
	overflow: hidden;
	border-bottom: solid 1px var(--login-lighter-gray);
	flex: 1 100%;
	padding: 0.5vw 0.5vw 0.5vw 0;
}

.grp4_event_list_nme {
	font-size: 2vmin;
	font-weight: bold;
	color: var(--login-very-dark-gray);
	flex: 1 50%;
	align-items: center;
	display: flex;
}

.grp4_event_list_dt {
	font-size: 1.6vmin;
	color: var(--login-dark-gray);
	flex: 1 50%;
	align-items: center;
	display: flex;
}

.grp4_event_detail_img {
	width: 100%;
}

.grp4_event_title {
	padding: 0.5vw 0 0 1vw;
	font-weight: bold;
	font-size: 1.2vw;
	color: var(--login-very-dark-gray);
}

.grp4_event_sub_title {
	padding: 0 0 0 1vw;
	font-weight: normal;
	font-size: 0.9vw;
	color: var(--login-dark-gray);
}

.grp4_event_date {
	padding: 1vw 0 0 1vw;
	font-size: 0.9vw;
	line-height: 1.5vw;
	color: var(--index-gradient_from);
}

.grp4_event_text {
	padding: 1vw 0 0 1vw;
	font-size: 0.9vw;
	line-height: 1.5vw;
	color: var(--login-very-dark-gray);
}

.grp4_event_grp_title {
	padding: 0.6vw 0 0 1vw;
	font-size: 0.9vw;
	line-height: 1.5vw;
	color: var(--login-very-dark-gray);
	font-weight: bold;
}

.grp4_event_grp_val {
	padding: 0 0 0 2vw;
	font-size: 0.9vw;
	line-height: 1.5vw;
	color: var(--login-very-dark-gray);
}

.prev_icon {
	width: 0.7vw;
	height: 0.7vw;
	flex: 0 0 0.7vw;
	cursor: pointer;
	background-image: url("../images/prev_icon.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.next_icon {
	width: 0.7vw;
	height: 0.7vw;
	flex: 0 0 0.7vw;
	cursor: pointer;
	background-image: url("../images/next_icon.svg");
	margin: 0 0 0 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.grp3_navigation_box {
	background-color: #fff;
}

.grp3_nav_link_cont {
	display: flex;
	flex-direction: row;
	align-items: center;
	cursor: pointer;
}

.grp3_nav_link_cont:hover .next_icon, .grp3_article_links_cont:hover .next_icon, #grp4_calendar_bar_cont .next_icon:hover {
	margin-left: 0.3vw;
	margin-right: -0.3vw;
}

.grp3_nav_title {
	font-size: 0.7vw;
	letter-spacing: 0.08vw;
	user-select: none;
	-webkit-user-select: none;
}

.grp3_nav_link_cont:hover .prev_icon, #grp4_calendar_bar_cont .prev_icon:hover {
	margin-left: -0.3vw;
	margin-right: 0.3vw;
}

.book_img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80vw;
	height: 80vw;
	max-width: 1024px;
	max-height: 640px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.book_img2 {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.book_img_img {
	width: 80vw;
}

.book_text_cont {
	position: absolute;
	right: 1.5vw;
	bottom: 8vh;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	flex-grow: 0;
	max-height: 100%;
}

.book_text_head {
	font-size: 4.4vw;
	color: #fff;
	font-family: 'AvenirDemi';
	letter-spacing: 0.3vw;
	text-align: right;
	margin: 0 0 1vw 0;
	line-height: 3vw;
}

.book_text_desc {
	font-size: 1.5vw;
	color: #fff;
	font-family: 'AvenirDemi';
	letter-spacing: 0.3vw;
	text-align: right;
	line-height: 2.0vw;
	margin: 1.5vw 0 0 0;
}

.book_close_butt {
	top: 0.7vh;
}

.calendarEventsMenuItem {
	color: var(--blue-text-color);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	height: 1.5vw;
	flex: 0 0 1.5vw;
	cursor: pointer;
}

.calendarEventsMenuItem:hover {
	background-color: #f3f6fc;
}

.calendarEventsMenuSep {
	background-color: var(--login-lighter-gray);
	height: 1px;
	flex: 0 0 1px;
	margin: 0 1vw;
}

.language_button {
	width: 2.68vw;
	flex: 0 0 2.68vw;
	padding: 0;
	margin: 0 0.3vw 0 0;
	cursor: pointer;
}

.dlg_close_cont:hover .dlg_close_text_book {
    color: var(--login-very-dark-gray);
}

.dlg_close_cont:hover .dlg_close_icon {
    background-image: url("../images/close_dark_icon.svg");
}

.dlg_close_text_book, .dlg_close_light_text {
    color: #fff;
    font-size: 0.8vw;
    margin: 0 0.6vw 0 0;
    padding: 0.2vw 0 0 0;
    letter-spacing: 0.05vw;
}

.dlg_close_icon_book {
    width: 0.8vw;
    height: 0.8vw;
    background-image: url("../images/close_white_icon.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
