/*
 * #Header
 */

header {
	position: relative;
	z-index: 1000;
	width: 100%;
	margin: 0;
	box-shadow: 0 0.25rem 0.875rem 0 rgba(220, 220, 220, .45);
	padding: 0;
	background: #fff;
}

/*
 * Header slices
 */

.hd__slices_container {
	clear: both;
	width: 100%;
}

.hd__slices {
	margin: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
}

.hd__slices_part {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}

/*
 * Header navigation
 */

.header__nav {
	padding: 0.5em 0;
	border-bottom: 1px solid #eeeeee;
	color: #515050;
}

.header__nav .hd__slices {
    z-index: 0;
}

/*
 * Header navigation : Logo
 */

.header__nav .hd__slices_logo {
    z-index: 15;
	width: 10em;
	text-align: left;
	vertical-align: top;
}

/*
 * Header navigation : Navigation
 */

.hd__slices_nav {
	text-align: center;
}

.hd__slices_nav label {
	display: none;
	margin: 0 1em 0 0;
}

.hd__slices_nav nav {
	right: 0;
}

/*
 * Header navigation : Languages
 */

.hd__slices_languages {
    z-index: 10;
	width: 4em;
}

.languages ul {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.languages li {
	position: relative;
	list-style-type: none;
	display: inline-block;
	padding: 0.25em 0.625em;
    text-align: center;
}

.languages:hover li {
	background-color: #fff;
	/*box-shadow: 0 0 5px #888;*/
}

.languages li span {
	display: inline-block;
	margin-left: 5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ccc;
}

.languages li:hover span {
	border: 5px solid;
	border-color: transparent transparent #ccc transparent;
}

.languages li img:hover {
    box-shadow: 0 0 5px #888;
}

.languages li ul {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	padding-bottom: 0.25em;
	/*box-shadow: 0 0 5px #888;*/
	box-shadow: 5px 5px 5px -5px #888, -5px 5px 5px -5px #888;
	/*box-shadow: 0 5px 5px -5px #888;*/
	background-color: #fff;
}

.languages li ul li {
	padding: 0;
	min-width: 0;
	margin-top: 0.25em;
}

.languages li ul li:last-child {
	margin-bottom: 0.25em;
}

.languages a {
	display: inline-block;
	margin-right: 0;
	padding: 0.125em 0.125em 0;
	vertical-align: middle;
	text-transform: inherit;
}

.languages a:last-child {
	margin-right: 0;
}

.drop__languages a {
	/*margin-left: 0.625em;*/
}

/*
 * Sticky Header
 */

.sticking {
	position: fixed !important;
	top: 0;
	width: 100%;
}

.sticking .header__nav {
	padding: 0.5em 0;
	-webkit-transition: 0.25s ease-in;
	transition: 0.25s ease-in;
}

/*
 * Media Queries
 */

@media only screen and (max-width: 414px) {

}

@media only screen and (max-width: 480px) {

}

@media only screen and (max-width: 960px) {

}

@media only screen and (max-width: 960px) {
	/*
	* Header navigation
	*/
	.hd__slices_nav {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
		text-align: right;
	}

	/*
	 * Header navigation : Navigation
	 */
	.hd__slices_nav nav {
		position: absolute;
		width: 100%;
		top: 7em;
		right: 0;
	}

	.sticking .hd__slices_nav nav {
		top: 4.375em;
		-webkit-transition: 0.25s ease;
		transition: 0.25s ease;
	}

	.hd__slices_nav .menu {
		background: #fff;
	}

	/*
	 * Sticky Header
	 */
    .hd__slices_nav label {
        position: absolute;
        right: 4em;
        top: 1.5em;
        z-index: 10;
        display: inline-block;
    }

    @-moz-document url-prefix() {
        .hd__slices_nav label {
            top: 1.25em;
        }
    }

	.hd__slices_nav label,
	.hd__slices_nav nav {
		display: inline-block;
	}

	.hd__slices_nav span,
	.hd__slices_nav a {
		font-size: 1.25rem;
	}
}