.web-menu {
background-color:rgba(253, 253, 253, 0.8);
margin-top:0px;
}

.web-menu .top-nav {
list-style:none;
padding-top:0;
padding-bottom:0;
padding-right:100px;
float:none;
vertical-align:middle;
display:table-cell;
}

.web-menu .top-nav li {
color:#ffffff; 
display: block; 
border-bottom: 1px solid rgba(255, 255, 255, 0.2); 
transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-webkit-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
padding-left: 0; 
position: relative;
}


.web-menu .top-nav li:last-child {border:none;}

.web-menu .top-nav li a {
color:#ffffff;
display: block;
padding-top:8px;
padding-bottom:8px;
padding-left:20px;
padding-right:20px;
transition: all 0.5s ease; 
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding-left:0;
position: relative;
font-family:'BMWTypeWebLightAll','Helvetica','Arial',sans-serif;
}


.web-menu .top-nav li a:hover, .web-menu .top-nav li a:focus {
text-decoration:underline;
color:#ffffff;
}


#nav-toggle {
position:relative;
cursor: pointer;
}

.indicator {
position:absolute;
right:0 !important;
}

.pull{
background-color:transparent;
display: none;
padding-top:30px;
padding-bottom:30px;
}

.pull .pull-image{
padding-left:0;
float:none;
vertical-align:middle;
display:table-cell;
}

.pull .pull-image img{
width:354px;
height:162px;
}

.pull .pull-text{
color:#ffffff;
float:none;
vertical-align:middle;
display:table-cell;
}
.pull .pull-text h3{
font-size:32px;
line-height:28px;
}

.pull .pull-text p{
font-size:22px;
line-height:32px;
font-family:'BMWTypeWebLightAll','Helvetica','Arial',sans-serif;
}

.pullclose{
position:absolute;
width:100px;
height:100px;
right:0px;
top:0;
background-color:#8c949b;
background-image:url(../images/pullclose.png);
background-repeat:no-repeat;
background-position:center center;
}

.pullclose:hover{
background-color:#a3a9af;
}

.pullclose a{
display:block;
width:100px;
height:100px;
}