/* ===== HEADER ===== */

header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background: #fff;
    height: 60px;
    -webkit-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.1);
    z-index: 1000;
    transition: 0.5s all;
}

header.hidden-header {
    top: -60px;
}

header.hidden-header-2 {
    display: none;
}

header .container-fluid {

}

header .navigation {
    position: absolute;
    /* right: 758px; */
	right: 610px;
    top: calc( 50% - 15px );
    border-right: solid 1px #ABABAB;
    height: 30px;
}

header .navigation ul {
    list-style: none;
    display: block;
    margin: 0px;
    padding: 0px;
}

header .navigation ul li {
    list-style: none;
    display: inline-block;
    margin: 0px 20px 0px 0px;
    padding: 0px;
}

header .navigation ul li a {
    font-size: 13px;
    line-height: 14px;
    color: #222;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Mulish", sans-serif;
    letter-spacing: 1px;
}

header .navigation ul li a:hover {
    text-decoration: none !important;
    color: #4A533D;
}

header .home-logo {
    position: absolute;
    top: calc( 50% - 11px );
    left: 95px;
    line-height: 0px;
}

.menu-phone {
    position: absolute;
    top: calc( 50% - 13px );
    right: 50px;
    font-size: 16px;
    color: #000;
}

.menu-phone img {
    margin-right: 8px;
    vertical-align: -2px;
}

header .menu-line {
    position: absolute;
    top: calc( 50% - 15px );
    left: 81px;
    line-height: 0px;
}

header .menu-buttons {
    position: absolute;
    top: calc( 50% - 15px );
    /* right: 366px; */
	right: 325px;
    height: 30px;
    border-right: solid 1px #ABABAB;
    padding-right: 5px;
}

header .menu-buttons a {
    margin-right: 8px;
    font-size: 11px;
    line-height: 11px;
    padding: 7px 15px !important;
}

header .menu-buttons a img {
    display: none;
}

header .menu-social {
    position: absolute;
    top: calc( 50% - 15px );
    right: 230px;
}

header .menu-social a {
    margin-right: 20px;
}

header .menu-music {
    position: absolute;
    top: calc( 50% - 11px );
    right: 25px;
    cursor: pointer;
}

header img.menueu {
	height: 36px;
	margin-top: -4px;
}

.nav-button {
    display: none;
    position: absolute;
    right: 320px;
    top: 21px;
    cursor: pointer;
}

.nav-button span {
    display: block;
    width: 30px;
    height: 3px;
    background: #222;
}

.nav-button span:nth-last-of-type(2) {
    margin: 5px 0px;
}

.start-icon {
    position: absolute;
    left: 30px;
    top: calc( 50% - 11px );
}