#grp1_main_foto {
	display: block;
	width: 46vw;
}

#grp1_main_foto_small {
	display: none;
	visibility: hidden;
}

#grp1_logo {
	position: absolute;
	top: 2vw;
	left: 5.8vw;
	width: 11.8vw;
}

#grp1_right_cont {
	position: absolute;
	top: 0;
	right: 0;
	width: 54vw;
}

#grp1_path {
	position: absolute;
	top: 0;
	right: 0;
	height: 45.8vw;
	margin: 0;
}

#grp1_path_point1 {
	top: 3.3vw;
	right: 42.9vw;
}

#grp1_path_point2 {
	top: 7.2vw;
	right: 39.5vw;
}

#grp1_path_point3 {
	top: 0.5vw;
	right: 31vw;
}

#grp1_path_point4 {
	top: 9.6vw;
	right: 28vw;
}

#grp1_rtop_cont {
	width: 50vw;
	height: 14.7vw;
	position: relative;
}

#grp1_menu_cont {
	position: absolute;
	top: 0;
	right: 0;
	padding: 2.2vw 8vw 0 0;
	display: flex;
	flex-direction: row;
}

#grp1_link_mq {
	background-image: url("../images/index_g1_mq.png");
	padding: 0 0 0 12vw;
}

#grp1_link_mt {
	background-image: url("../images/index_g1_mt.png");
	padding: 0 0 0 8.7vw;
}

#grp1_link_blog {
	background-image: url("../images/index_g1_blog.png");
	padding: 0 0 0 5vw;
}

#vouchers_butt {
	position: absolute;
	left: 7vw;
	top: 40.6vw;
	height: 2.68vw;
	line-height: 2.68vw;
	width: 16vw;
	cursor: pointer;
	background-image: url("../images/present_icon.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: var(--blue-text-color);
	font-weight: bolder;
	text-align: center;
	padding: 0 0 0 2.68vw;
}

#vouchers_butt:hover {
	color: #fff;
	background-image: url("../images/present_blue_icon.svg");
	letter-spacing: 0.1vw;
}

#book_butt {
	position: absolute;
	left: 7vw;
	top: 37vw;
	height: 2.68vw;
	line-height: 2.68vw;
	width: 16vw;
	cursor: pointer;
	background-image: url("../images/book_icon.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: var(--blue-text-color);
	font-weight: bolder;
	text-align: center;
	padding: 0 0 0 2.68vw;
}

#book_butt:hover {
	color: #fff;
	background-image: url("../images/book_icon_blue.svg");
	letter-spacing: 0.1vw;
}

#calendar_butt {
	position: absolute;
	left: 7vw;
	top: 33.4vw;
	height: 2.68vw;
	line-height: 2.68vw;
	width: 16vw;
	cursor: pointer;
	background-image: url("../images/calendar_icon.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: var(--blue-text-color);
	font-weight: bolder;
	text-align: center;
	padding: 0 0 0 2.68vw;
}

#calendar_butt:hover {
	color: #fff;
	background-image: url("../images/calendar_icon_blue.svg");
	letter-spacing: 0.1vw;
}

#grp2_cont {
	position: relative;
	background-image: url("../images/grp2_bck.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: cover;
}

#grp2_map_cont {
	padding: 11vw 0 6vw 4vw;
	position: relative;
}

#grp2_map {
	width: 30vw;
}

#grp2_arrow {
	position: absolute;
	top: 6.5vw;
	left: 7vw;
	width: 10vw;
}

#grp2_arrow_side {
	visibility: hidden;
	display: none;
}

#grp2_right_cont {
	display: flex;
	flex-direction: column;
	height: 48vw;
	flex: 1 100%;
	padding: 6vw 2vw 2vw 11vw;
	position: relative;
}

#grp2_path, #grp2_path_small {
	position: absolute;
	top: 0;
	right: 0;
	height: 48vw;
	margin: 0 0 0 0;
}

#grp2_path_small {
	visibility: hidden;
	display: none;
}

#grp2_path_point1 {
	top: 1.2vw;
	right: 15.4vw;
}

#grp2_path_point2 {
	top: 5.7vw;
	right: 12vw;
}

#grp2_path_point3 {
	top: 7.3vw;
	right: 4.6vw;
}


#grp2_spacer1 {
	width: 3.5vw;
	height: 0.08vw;
	min-height: 2px;
	background-color: #7fabef;
	margin: 2.5vw 0 3.5vw 0;
}

#grp2_buttons_cont {
	display: flex;
	flex-direction: row;
	margin: 2vw 0 0 0;
	height: 4vw;
}

#grp2_disp_tracks_butt {
	width: 11vw;
	flex: 0 0 11vw;
}

#grp2_spacer2 {
	width: 46.5vw;
	height: 1px;
	background-color: #1f8afa;
	margin: 2.5vw 0 3.5vw 0;
	flex-grow: 0;
	flex-shrink: 0;
}

#grp2_all_icons_stat_small {
	display: none;
	visibility: hidden;
}

#grp3_cont {
	justify-content: space-between;
	padding: 7vw 7vw 2vw 7vw;
	position: relative;
}

#grp3_path {
	position: absolute;
	top: 0;
	right: 0;
	height: 50vw;
	margin: 0 0 0 0;
}

#grp3_path_point1 {
	top: 46.4vw;
	right: 3.8vw;
}

#grp3_path_point2 {
	top: 43.1vw;
	right: 14.4vw;
}

#grp3_path_point3 {
	top: 44vw;
	right: 24.6vw;
}

#grp3_articles_n, #grp3_article_nbr, #grp3_articles_total {
	visibility: hidden;
	display: none;
}

#grp3_navigations_cont {
	width: 21vw;
	margin: 0 0 0 5vw;
	position: relative;
	height: 30vw;
	display: flex;
	flex-direction: column;
}

#grp3_pages_cont {
	height: 7.2vw;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: 1vw 0 0 0;
	z-index: 1;
}

#grp3_pages_n, #grp3_theme_n, #grp3_articles_n {
	position: absolute;
	top: 1vw;
	left: 1vw;
	color: #afafaf;
}

#grp3_page_nbr {
	color: var(--login-very-dark-gray);
	font-weight: bolder;
	font-size: 4vw;
	margin: 0 0.5vw 0 0;
}

#grp3_pages_total {
	color: var(--login-very-dark-gray);
	font-weight: bolder;
	font-size: 1vw;
	margin: 1.2vw 0 0 0;
}

#grp3_theme_cont {
	height: 8.7vw;
	position: relative;
	margin: 2vw 0 0 0;
	display: flex;
	align-items: center;
	z-index: 1;
}

#grp3_theme {
	font-family: 'AvenirDemi';	
	padding: 0 3vw;
	text-align: center;
	font-size: 1vw;
	font-weight: normal;
}

#grp3_nav_cont {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: 4vw;
	align-items: center;
	padding: 0 2vw;
	z-index: 2;
}

#grp3_disp_all_cont {
	height: 6vw;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
}

#grp4_cont {
	justify-content: space-between;
	padding: 3vw 7vw 2vw 7vw;
	position: relative;
}

#grp4_calendar_cont {
	width: 28vw;
	display: flex;
	flex-direction: column;
}

#grp4_calendar_bar_cont {
	display: flex;
	flex-direction: row;
	height: 4vw;
	align-items: center;
	padding: 0 2vw;
	justify-content: space-between;
	background-color: #fff;
	z-index: 5;
	position: relative;
}

#grp4_calendar_mon_year_cont {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0 0.5vw;
	cursor: pointer;
}

#grp4_calendar_mon {
	margin: 0 0.3vw 0 0;
}

#grp4_calendar_days_cont {
	z-index: 1;
	display: flex;
	flex-direction: column;
	position: relative;
}

#grp4_weekend_bck {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 8vw;
	background-color: #ecf0f8;
	z-index: 3;
}

#grp4_calendar_butts_cont {
	display: flex;
	flex-direction: column;
}

#book_bck {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    background-color: rgba(0,0,0,0.6);
}

#book_img {
	background-image: url("../images/HZ_2019.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#book_img2 {
	background-image: url("../images/HZ_2019_2.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#book_close_butt {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fff;
	padding: 0 1vw;	
}

#book_order_button {
	position: absolute;
	left: 4vw;
	bottom: 4vw;
	width: 15vw;
}

#book_order_text_cont {
	position: absolute;
	top: 50%;
	left: 1vw;
	background-color: #eee;
	color: var(--login-dark-gray);
	border: solid 2px var(--login-dark-gray);
	padding: 1vw;
	width: 40%;
	font-family: 'AvenirDemi';
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);     
}

#book_order_text_cont font {
	font-family: 'AvenirDemi';
}

#eventCalendarMonYearMenuCont {
	position: absolute;
	background-color: #fff;
	border: solid 1px var(--login-dark-gray);
	height: 17.3vw;
	overflow-x: hidden;
	overflow-y: auto;
	width: 9vw;
	display: flex;
	flex-direction: column;
}