nav{z-index:5000;background-color:#FFF;width:100%}
nav ul{margin:0;padding:0;list-style:none;display:none}
nav li,nav .nav-toggle{z-index:5000;text-align:left;position:relative;display:inline-block;cursor:pointer;width:100%;font-weight:600}
nav .dropdown > a:after{content:' V ';position:absolute;right:15px;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;font-weight:700}
nav .dropdown.open,.desktop nav li:hover{background-color:#f8f8f8}
nav .dropdown.open > a:after,.desktop nav li:hover > a:after{-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1)}
nav .dropdown ul{position:relative;z-index:5000;background-color:#f8f8f8;display:none}
nav a{display:block;padding:8px 18px;border-collapse:collapse;border:thin solid #ddd;font-size:.9em}
.desktop nav{width:270px}
.desktop nav li{z-index:5000;text-align:left;width:100%}
.desktop nav ul ul li{z-index:5000;width:250px;font-weight:400}
.desktop nav li:hover ul{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);visibility:visible;background-color:#fff}
.desktop nav .dropdown:hover > a:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.desktop nav .dropdown > a:after{content:' > ';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;font-weight:700}
.desktop nav .dropdown ul{top:0;left:100%;position:absolute;display:block!important;visibility:hidden;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease}
.desktop nav .nav-toggle{display:none}