@charset "utf-8";
/* CSS-Dokument */
.nav .fixed-brand {
	position: absolute;
	top: 8px;
	left: 230px;
	z-index: 3300;
}

.nav.navbar {
	width: 100%;
	height: 57px;
	background: #fff;
	margin: 0; padding: 40px 0;
}

.nav.navbar .navbar-fixed {
	background: #fff;
	width: 100%;
	position: fixed;
	top: 40px;
	padding: 14px 0;
    z-index: 500;
}

.nav .navbar-fixed > .brand {
	position: absolute;
	top: 6px;
	left: 270px;
	z-index: 3300;
}

.nav a {
	color: #4d2c1b;
	text-decoration: none;
}


.nav a:hover {
	color: rgba(77, 44, 27, .5);
}

.nav .nav-collapsed,
.nav .subnav {
	width: 1155px;
	margin: 0 auto;
	list-style: none;
}

.nav .nav-collapsed > li > ul,
.nav .nav-collapsed > li > p,
.nav .subnav {
	display: none;
}

.nav .nav-collapsed {
	padding: 0;
}

.nav .subnav {
    margin-top: 30px;
}

.nav .nav-collapsed > li {
	float: left;
	line-height: 29px;
	text-transform: uppercase;
	width: 230px;
	font-size: 20px;
}

.nav .nav-collapsed > li.subitem {
	width: 100px;
	text-align: center;
	font-size: 14px;
	color: #4d2c1b;
}

.nav .nav-collapsed > li.subitem > ul {
	color: inherit;
	font-size: inherit;
	text-transform: uppercase;
}

.nav .nav-collapsed .brand {
	width: 480px;
	min-height: 20px;
}

.nav .nav-collapsed > li > ul,
.nav .nav-collapsed > li > p {
	padding: 100px 0 50px 0;
	margin: 0;
}

.nav .nav-collapsed > li > p {
	font-size: 18px;
	margin-top: 29px;
	text-transform: none;
	line-height: 2;
	width: 340px;
	text-align: center;
	color: #4d2c1b;
}

.nav .nav-collapsed > li > ul {
	margin: 0;
	list-style: none;
	font-size: 18px;
	text-transform: none;
	color: #686868;
}

.nav .nav-collapsed > li > ul > li {
	margin-bottom: 20px;
}

.nav .nav-collapsed > li > ul > li > a {
	color: inherit;
}

.nav .nav-collapsed > li > ul > li > a:hover {
    color: rgba(77, 44, 27, .5);
}

.nav .nav-collapsed > li > ul > li > a.active,
.nav a.active {
    color: #4b4b4b;
}

.nav .nav-collapsed > li > ul > li:last-child {
	margin-bottom: 0;
}

.nav .subnav {
	padding: 0;
}

.nav .subnav > li {
	float: left;
	width: calc(100% / 5);
	text-transform: uppercase;
	font-size: 14px;
}

.nav.navbar.collapsed {
	padding-bottom: 24px;
}

.nav.collapsed .subnav,
.nav.collapsed .nav-collapsed > li > ul,
.nav.collapsed .nav-collapsed > li > p {

}


.nav .nav-collapsed > li.nav-award {
    width: 70px;
    position: relative;
    margin-left: 48px;
    margin-top: -18px;
}

.nav .nav-collapsed > li.brand p {
    padding: 50px 0 40px 0;
    width: 340px;
    text-align: center;
    color: #4d2c1b;
}

.nav .nav-collapsed > li.brand > p:first-child {
    padding: 100px 0 20px 0;
}

.nav .nav-collapsed > li.brand p.partner-link {
    font-size: 16px;
    line-height: 29px;
    text-transform: none;
}
.nav .nav-collapsed > li.brand a:hover p {
	color: rgba(77, 44, 27, .5);
}

.nav .nav-collapsed > li.brand p.partner-link img {
    width: 100px;
    margin: 8px auto 0 auto;
}

.nav-clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}


@media (min-width:1201px) and (max-width:1600px) {
 
    .nav .nav-collapsed .brand { width: 390px !important; }
    .nav .nav-collapsed > li { width: 200px !important; line-height: inherit; }
    .nav .nav-collapsed > li.nav-award { width: 210px !important; }
    
    .brand-award-16 { position: absolute; top: 12px !important; height: 40px !important;  
        width: 200px !important; right: 60px !important; background-size: 100% !important; }
    
    
    .brand-award-16-small { top: 16px !important; height: 40px !important;  
        width: 200px !important;  right: 60px !important;  
        background-size: 100% !important;  left: inherit !important; }    
    
}



@media (min-width:768px) and (max-width:1200px) {
 	
    .nav .nav-collapsed .brand { width: 390px !important; }
    .nav .nav-collapsed > li { width: 170px !important; }
    .nav .nav-collapsed > li.nav-award { width: 210px !important; }
    
    .brand-award-16 { position: absolute; top:8px !important; height: 50px !important;  
        width: 255px !important; right: 0px !important; background-size: 100% !important; }
    
    
    .brand-award-16-small { top: 16px !important; height: 40px !important;  
        width: 200px !important;  right: 60px !important;  
        background-size: 100% !important;  left: inherit !important; }
    
}