@font-face{font-family:icon-font;src:url(../fonts/icon-font.eot);src:url(../fonts/icon-font.eot?#iefix)
format('eot'),url(../fonts/icon-font.woff) format('woff'),url(../fonts/icon-font.ttf)
format('truetype'),url(../fonts/icon-font.svg#icon-font) format('svg')} 
.icon-desktop:before,
.icon-menu-close:before, 
.icon-menu:before, 
.icon-mobile:before, 
.icon-submenu-down:before,
.icon-submenu-right:before, 
.icon-world:before, 
.nav .nav-submenu>a:after, 
.nav-button:before,
.nav-close:before, 
.nav>ul>.nav-submenu>a:after,
 header h1:before {
     font-family:icon-font;
     -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
     font-style:normal;
     font-variant:normal;
     font-weight:400;
     text-decoration:none;
     text-transform:none;
     vertical-align:top
     } 
.icon-desktop:before{
    content:"\E001"
    } 
.icon-menu-close:before{
    content:"\E002"}
.icon-menu:before{content:"\E003"}
.icon-mobile:before{content:"\E004"}
.icon-submenu-down:before{content:"\E005"} 
.icon-submenu-right:before{content:"\E006"}
.icon-world:before{content:"\E007"}
body{
    padding-top:4.4rem
} 
header{
    display:block;
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:901;
    padding-left:10px;
    line-height:4.4rem;
    background:#FFFFFF;
    color:#ffffff
}
header h1{
    margin:0;
    font-size:1.7rem;
    line-height:4.4rem
} 
header h1:before{
    content:"\E004";
    margin-right:8px
}
.nav-button,
.nav-close{
    position:fixed;
    top:0;
    width:2.4rem;
    height:4.4rem;
    overflow:hidden;
    z-index:902;
    cursor:pointer;
    text-decoration:none;
    line-height:4.4rem;
    background:#0d43a6;/*previous one #a24242 */
    color:#000000;
    border-color:White;
    border-width:thin;
    border-style:groove;
    color: white !important;
    text-align: center;
} 
.nav-button:before,.nav-close:before{
    display:block;
    text-align:center
 }
.nav-button{
    display:block;
    right:1rem;
    font-size:1.7rem;
    width: 100%;
 } 
 .nav-button:before{
     /*content:"\E003"*/
 }
.nav-close{
    display:none;
    right:4rem;
    font-size:1.9rem
} 
.nav-close:before{content:"\E002"}
.nav{
    padding-top:2rem;
    line-height:3rem;
    background:#FFFFFF;
    color:#ffffff;
    font-family:Georgia, Helvetica, sans-serif;
}
.nav ul
{
   /*  background-image: url(../images/common/background.jpg);#b32d2d */
    background-color:#0d43a6;
    color:White;font-weight:bold;
   
}
.nav ul ul{
   /*  background-image: url(../images/common/background.jpg);*/
    background-color:#0d43a6;
    box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);
}
.nav ul ul ul{
      /*  background-image: url(../images/common/background.jpg);*/
    background-color:#0d43a6;
    box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);
}
.nav ul ul ul ul{
  /*  background-image: url(../images/common/background.jpg);*/
    background-color:#0d43a6;
    box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);
    }
.nav ul ul ul ul ul{
  /*  background-image: url(../images/common/background.jpg);*/
    background-color:#0d43a6;
    box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);}
.nav li{
    border-top:1px solid transparent;cursor:pointer
}
.nav li.nav-active>a,.nav li:hover>a{
    color:#000000;
    background: rgba(204,204,204,1);
    background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(252,252,252,1) 50%, rgba(204,204,204,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(204,204,204,1)), color-stop(50%, rgba(252,252,252,1)), color-stop(100%, rgba(204,204,204,1)));
    background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(252,252,252,1) 50%, rgba(204,204,204,1) 100%);
    background: -o-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(252,252,252,1) 50%, rgba(204,204,204,1) 100%);
    background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(252,252,252,1) 50%, rgba(204,204,204,1) 100%);
    background: linear-gradient(to bottom, rgba(204,204,204,1) 0%, rgba(252,252,252,1) 50%, rgba(204,204,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc', GradientType=0 );
}
.nav .nav-submenu>ul{
    margin-left:10px
}
.nav .nav-submenu>a{
    padding-right:30px!important
}
.nav a,.nav a:active,.nav a:hover,.nav a:visited{
    padding:0 15px 1px;
    color:#ffffff;
    text-decoration:none
}
.nav .nav-submenu>a:after{
    position:absolute;
    display:block;
    right:10px;
    top:1px;
    content:"\E005"
}
@media only screen and (min-width:960px){
body{
     padding:0!important
}
header{
    position:relative
}
header h1:before{
    content:"\E001"
    } 
.nav-button{
    display:none
}
.nav{
    padding:0!important
}
.nav>ul>li{
    border-top:none
}
.nav li>ul{
   border:1px solid transparent;
} 
.nav ul ul ul{
   
} 
.nav ul ul ul li:first-child{
    border-top:none
}
.nav .nav-left>ul{
  border:1px solid transparent;
} 
.nav .nav-submenu li{min-width:110px}
.nav .nav-submenu>ul{margin:0} 
.nav>ul>.nav-submenu>a:after{content:"\E005"} 
.nav.nav-submenu>a:after{content:"\E006"}}