@charset "utf-8";

@font-face { font-family: 'roboto-thin'; src: url(../fonts/roboto/Roboto-Thin.ttf); }
@font-face { font-family: 'roboto-regular'; src: url(../fonts/roboto/Roboto-Regular.ttf); }
@font-face { font-family: 'roboto-conden'; src: url(../fonts/roboto/Roboto-Condensed.ttf); }

nav a 
{
    font-family: 'roboto-conden';
    color: #9A5311;
    text-decoration: none;
    font-weight: bold;
}

nav 
{ 
    width: 250px !important;
    padding-bottom: 20px;
}

nav ul 
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
}

nav li,
nav .nav-toggle 
{
    text-align: center;
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 100%;
}

nav .dropdown > a:after 
{
    content: '';
    position: absolute;
    right: 15px;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
}

nav .dropdown.open,
nav li:hover 
{ 
    background-color: #34495e; 
}

nav .dropdown.open > a:after,
nav li:hover > a:after 
{
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
}

nav .dropdown ul 
{
    position: relative;
    background-color: #34495e;
    display: none;
}

nav a 
{
    display: block;
    padding: 10px 0px 10px 20px;
    font-size: 14px;
}

nav 
{ 
    width: 250px; 
}

nav li 
{
    text-align: left;
    width: 250px;
    border-bottom: 1px dashed gray;
}

nav li:hover ul 
{
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
    background: #FFD9B8;
}

nav .dropdown:hover > a:after 
{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

nav .dropdown > a:after 
{
    content: '';
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
}

nav .dropdown ul 
{
        z-index: 999;
    top: 0;
    left: 251px;
    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 0.2s ease;
    transition: transform 0.2s ease;
}