/* ================================== */
/*           Mobile buttons           */
/* ================================== */

#mobile_menu {
	position: absolute;
	top: 15px;
	right: 30px;
}

#mobile_menu button {
	margin-left: 24px;
	float: right;
	cursor: pointer;
	background-color: transparent;
	border: none;
}

#mobile_menu button:hover i {
	opacity: 0.6;
}

#mobile_menu button i {
	position: relative;
	color: #ffffff;
	transition: 0.5s;
	/* text-shadow: 0 0 1px #444444; */
}

#mobile_menu button.close {
	top: 0;
	right: -30px;
	padding: 0 40px 0 20px;
	overflow: hiddem;
	color: #ffffff;
	/* background-color: rgba(44,44,44,0.5); */
	background-color: rgba(0,144,118,0.9);
}
#mobile_menu button.close i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 40px;
}

#mobile_menu .menu_button i { font-size: 32px; }
#mobile_menu .search_button i { font-size: 27px; top: 5px; }
#mobile_menu .menu_button { display: none; }
#mobile_menu .search_button { display: none; }

/* ================================== */
/*               Popup                */
/* ================================== */

.popup_container {
	position: fixed;
	top: 0;
	right: -120%;
	/* left: 0; */
	width: 400px;
	height: 100%;
	color: #ffffff;
	background-color: rgba(44,44,44,0.9);
	/* background-color: rgba(0,144,118,0.9); */
	overflow-y:auto;
    overflow-x: hidden;
}
.popup_container button.close {
	position: absolute;
	top: 12px;
	right: 30px;
	font-size: 34px;
}

/* ================================== */
/*             Site map               */
/* ================================== */

#menu_popup dl {
	position: relative;
	padding: 15px 30px 15px 80px;
	height: 100%;
	/* border-top: 1px solid #535353; */
	overflow: hidden;
	transition: 0.5s;
	cursor: default;
}
/* #menu_popup dl:first-of-type { border-top: 2px solid #10a086; } */

#menu_popup dl:hover {
	background-color: rgba(44,44,44,1);
}

#menu_popup dt {
	min-width: 170px;
	padding: 0 0;
	font-size: 1.3em;
	font-weight: 900;
}

#menu_popup dd { margin-top: 15px; }
#menu_popup .glowne dd { opacity: 0.7; }
#menu_popup .dropdown dd { display: none; }

/* Expand & fold arrows */
#menu_popup dl i {
	position: absolute;
	left: 30px;
	color: #10a086;
	font-size: 1.5em;
}

#menu_popup dl .fa-angle-down { top: 12px; }
#menu_popup dl .fa-angle-up { bottom: 12px; }
#menu_popup dl i.fa:hover { opacity: 0.6; }

/* Hover styles */
#menu_popup li, #menu_popup dt, #menu_popup dd, #menu_popup .language_menu li { cursor: pointer; }
#menu_popup dt span:hover, #menu_popup dd:hover, #menu_popup .language_menu li:hover { text-decoration: underline; }

/* Drugie */
#menu_popup .drugie dd { margin-top: 5px; font-size: 1.25em; }
#menu_popup .icon { height: 60px; }

/* ================================== */
/*             Language               */
/* ================================== */

#menu_popup .language_menu {
	width: 100%;
	padding: 17px 20px;
	padding-bottom: 50px;
	text-align: left;
	background-color: rgba(44,44,44,1);
	/* background-color: rgba(0,144,118,1.0); */
}

#menu_popup .language_menu dt { display: none; }

#menu_popup .language_menu dd { 
	display: inline;
	margin: 0;
	padding: 10px;
	transition: 0.5s;
}

#menu_popup .language_menu i { display: none; }

/* ================================== */
/* ================================== */
/*            RESPONSIVE              */
/* ================================== */
/* ================================== */

/* Header */
@media all and (max-width: 1600px), all and (max-height: 1066px) {
    header { max-height: 50vh; }
}
@media all and (max-width: 1500px), all and (max-height: 990px) {
    header { max-height: 40vh; }
}
@media all and (max-width: 1400px), all and (max-height: 924px) {
    header { max-height: 33vh; }
}

/* Menu */
@media all and (max-width: 1280px) {
	nav dl { margin-right: 5px; }
}
@media all and (max-width: 1080px) {
	#main_menu { display: none; }
	#mobile_menu .menu_button { display: inherit; }
}
@media all and (max-width: 480px) {
	.popup_container { width: 100% };
}