#segmentNav { position: absolute; bottom: 0; width: 100%; height: 60px; z-index: 10;
border-bottom: 1px solid #dadada; background: #ffffff; }
  #segmentNav ul { width: 980px; margin: 0 auto; padding: 0 20px; line-height: 60px; overflow: hidden; }
    #segmentNav ul li { float: left; margin: 0 0 0 6px; padding-left: 6px; }
    #segmentNav ul li:first-child { margin-left: 0; padding-left: 0; }
      #segmentNav ul li a { text-transform: uppercase; font-weight: 700; font-size: 14px; }
      #segmentNav ul li a:hover, #segmentNav ul li.current a { color: #e30018; }
      
#segmentNav.fixed { position: fixed; bottom: auto; top: 100px; }      

.cp #segmentNav { position: fixed; top: 80px; height: 40px; }
  .cp #segmentNav ul { line-height: 40px; }

#segmentNav ul li:before { content: "m"; font-family: "rema-tiptop-otr" !important;
  font-size: 12px; padding-right: 8px; color: #b3b3b3;
  font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important;
  speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

#segmentNav ul li:first-child:before { display: none; }

@media screen and (max-width: 980px) {
  #segmentNav ul { width: 100%; padding: 0 2%; }
}


@media screen and (max-width: 600px), only screen and (orientation : portrait) and (max-width: 980px) { 
#segmentNav { display: none; }
}