nav div {padding: 0; display: none; cursor: pointer; color: #1b3a4b; font-size: 24px; position: fixed; right: 19px; top: 19px; width: 46px; height: 31px; background: url("../../images/menu.png") 0 0 no-repeat;}
nav ul {margin: 0px; padding: 0px; background: #e3e3e3; list-style-type: none; position: relative; text-align: left;}
nav ul li {display: inline-block; margin-right: 67px;}
nav ul li span {position: relative; top: 2px; left: 4px;}
nav ul li a, nav ul li a:visited {padding: 0; color: #1b3a4b; text-decoration: none; display: block; font-size: 25px; letter-spacing: 0.0pt; transition: transform 0.2s ease; position: relative;}
nav ul li a:hover {color: #800600; font-weight: 400;}
nav ul li a::before {display: block; content: attr(title); font-weight: bold; height: 0; overflow: hidden; visibility: hidden;}
nav ul li:hover {background: none;}
nav ul ul {position: absolute; min-width: 250px; background: none; display: none;}
nav ul ul li {display: block; background: none; position: relative;}
nav ul li:hover ul {display: block;}
nav ul ul ul {position: absolute; left: 100%; top: 0; display: none; background: none;}
nav ul li:hover ul ul {display: none;}
nav ul ul li:hover ul {display: block;}

nav ul li a.current, nav ul li a.current:visited {color: #d9413a;}
nav ul li a.current:hover {color: #800600;}

nav .material-menu {font-size: 40px;}
nav .arrow {display: inline-block; font-size: 14px;}



@media only screen and (max-width: 1330px) {

nav ul li {display: inline-block; margin-right: 35px;}

}



@media only screen and (max-width: 1040px) {

#menu {position: fixed; top: 0; right: 0; z-index: 999; background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);}
#menu nav ul, #menu nav ul ul, #menu nav ul ul ul {width: 100%; margin: 0; text-align: center;}

nav div {display: block; transition: 0.3s;}
nav div.open-menu {z-index: 999;}
nav ul {display: none; position: static; background: #e3e3e3; padding: 15px 0;}
nav ul li {display: block; margin-right: 0;}
nav ul li a {padding: 15px 0;}
nav ul ul li {background: #f1f1f1;}
nav ul ul li a {padding-left: 2em;}
nav ul ul ul li {background: #f8f8f8;}
nav ul ul ul li a {padding-left: 4em;}
nav ul ul, nav ul ul ul {position: static; display: none;}

}



@media only screen and (min-width: 769px) {

nav ul ul, nav ul ul ul {display: block; visibility: hidden; transition: 0.5s; opacity: 0;}
nav ul li:hover > ul, nav ul ul li:hover > ul {visibility: visible; opacity: 1;}
nav ul ul ul {top: auto; left: 100%; margin-top: -36px;}

}



@media only screen and (max-width: 450px) {

nav ul {padding: 80px 0 20px;}

}