.nav-button,.nav-close{position: relative;top:0;overflow:hidden;z-index:902;cursor:pointer;text-decoration:none;line-height:4.4rem;background:linear-gradient(#c5e9ff , #227db6);color:#A69A94; padding:23px}
.nav-button:before,.nav-close:before{display:block;text-align:center}
.nav-button{display:block;right:0;font-size:1.7rem; float:right;}

.nav-close{display:none;right:4rem;font-size:1.9rem}
.nav-close:before{content:"\E002"}
.nav{padding-top:4.4rem;line-height:70px;background:linear-gradient(#c5e9ff , #227db6);color:#A69A94;float: left;
width: 100%;}
.nav ul{border-radius:0; }
.nav ul a {color:#fff}
.nav ul ul{background:#fff; box-shadow:0 0 6px rgba(0,0,0,.3); }
.nav ul ul a {color:#333;white-space:initial;}
.nav ul ul ul { width:100%}
.nav li{cursor:pointer;float: left;width: 14.2%;text-align: center;}
.nav li.nav-active>a,.nav li:hover>a{}
.nav .nav-submenu>ul{}
.nav .nav-submenu>a{ }
.nav a,.nav a:active,.nav a:hover,.nav a:visited{text-decoration:none}
.nav .nav-submenu>a:after{position:absolute;display:block;right:10px;top:1px;}
.nav ul ul .nav-submenu>a:after {float: right;border-radius: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #2982B9;
content: '';position:absolute; top:15px}

.nav ul ul li.nav-submenu > a:hover::after {
    border-left: 6px solid #fff;
}




.nav-left .dropdown-menu { float:right; right:0 }
.bars{display: inline-block;position: relative;top: 3px;}
.bars span {   display: block;
width: 20px;
height: 3px;
border-radius: 6px;
background: #fff;
margin: 0 0 3px;}
@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{box-shadow:0 0 5px 0 rgba(173, 173, 173, 0.75)}
.nav ul ul ul{border-radius:0}
.nav ul ul ul li:first-child{border-top:none}
nav .nav-left>ul{border-radius:0}
.nav .nav-submenu li{ width:100%}
.nav .nav-submenu>ul{margin:0}

.nav-button { position:relative; right:0}




}
@media screen and (max-width: 960px) {
.nav-lock-scroll .nav-button, .nav-close { position:fixed}
.nav {float: right !important;width: 50% !important;right: 0 !important; left:auto !important}
.nav li { width:100%}
.nav {    background: #cce6f5;padding: 0; top:65px}
.nav ul a {    color: #000;}



.nav ul ul { background:none; box-shadow:none}
.nav li.nav-active > a{    box-shadow: 0 0 3px rgba(0,0,0,.2);}
.nav li.nav-active > a, .nav li:hover > a {    background: #227db6;  color:#fff}
.nav-active  { background:#2d8dc9}
.nav ul ul a {    color: #fff;    white-space: initial;    padding: 15px 0;}

.nav ul ul  li { border-top:1px solid #ffffff0d}
.level5 { background:#3fa2df}
.dropdown-menu > li > a.current { background-color: none;  }

.nav ul ul .nav-submenu > a::after {border-left: 6px solid #FFF; top:20px}

.nav ul  .nav-submenu>a:after {float: right;border-radius: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #2982B9;
content: '';position:absolute; top:30px}

.nav ul  li.nav-submenu > a:hover::after {
    border-left: 6px solid #fff;
}
.nav-active  a::after {    border-left: 6px solid #fff !important;}




}