@charset "utf-8";
/* Mobile Layout: 480px and below. */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
.nav-480 {
	display:block;
	visibility:visible;
}
.nav-481 {
	display:none;
	visibility:hidden;
}
.menu {
	font-family:'Lato', sans-serif;
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
	color:#fff;
	width:100%;
	height:190px;
	text-align:right;
	z-index:500px;
	margin-left:0%;
	overflow:hidden;
	float:right;
	-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;	
}
.menu > li {
	width:100%;
	height:auto;
	float:right;
	display:block;
	-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;	
}
.menu:hover {
	height:350px;
}
.menu a:link {
	width:auto;
	height:auto;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:8px;
	padding-right:8px;
	display:block;
	background: #005a64;	
	color:#fff;
	text-decoration:none;
	border-bottom:3px solid #005a64;
	-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.menu a:visited {
	width:auto;
	height:auto;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:8px;
	padding-right:8px;
	display:block;
	background: #005a64;
	color:#fff;
	text-decoration:none;
	border-bottom:3px solid #005a64;
}
.menu a:hover {
	width:auto;
	height:auto;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:8px;
	padding-right:8px;
	display:block;
	background: #fff;
	color:#005a64;
	border-bottom:3px solid #cca352;
}
.menu a:active {
	width:auto;
	height:auto;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:8px;
	padding-right:8px;
	display:block;
	background: #fff;
	color:#005a64;
	text-decoration:none;
	border-bottom:3px solid #005a64;
}
.submenu {
	width:auto;
	height:auto;
    margin: 0;
    padding: 0;
    list-style: none;
	background: #000;
	position:relative;
	padding-top:0px;
	display:block;
	visibility:hidden;
	clear:both;
	z-index:500;
	-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.submenu > li {
    background: #000;
    position: relative;
    overflow: hidden;
	color:#fff;
	width:100%;
	height:auto;
	float:right;
	display:block;       
}
.submenu a:link {
	width:auto;
	height:auto;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:8px;
	padding-right:8px;
	display:block;
	background:#585a5a;	
	color:#fff;
	text-decoration:none;
	border-bottom:3px solid #585a5a;
	-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.submenu a:visited {
	width:auto;
	height:auto;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:8px;
	padding-right:8px;
	display:block;
	background:#585a5a;
	color:#fff;
	text-decoration:none;
	border-bottom:3px solid #585a5a;
}
.submenu a:hover {
	width:auto;
	height:auto;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:8px;
	padding-right:8px;
	display:block;
	background: #fff;
	color:#005a64;
	border-bottom:3px solid #cca352;
}
.submenu a:active {
	width:auto;
	height:auto;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:8px;
	padding-right:8px;
	display:block;
	background: #fff;
	color:#585a5a;
	text-decoration:none;
	border-bottom:3px solid #585a5a;
}
.submenu, .submenu li {
    opacity: 0;
    visibility: hidden;         
}
.menu:hover .submenu, .menu:hover .submenu li {
    opacity: 1;
    visibility: visible;
}	


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
.menu {
	font-family:'Lato', sans-serif;
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
	color:#fff;
	width:100%;
	height:40px;
	text-align:center;
	z-index:500px;
	margin-left:0%;
	overflow:hidden;
	-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;	
}
.menu > li {
	width:auto;
	height:auto;
	float:right;
	display:block;
	-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;	
}
.menu:hover {
	height:72px;
}
.menu a:link {
	width:auto;
	height:auto;
	padding-top:12px;
	padding-bottom:9px;
	padding-left:8px;
	padding-right:8px;
	display:block;
	background: #005a64;	
	color:#fff;
	text-decoration:none;
	border-bottom:3px solid #005a64;
	-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.menu a:visited {
	width:auto;
	height:auto;
	padding-top:12px;
	padding-bottom:9px;
	padding-left:8px;
	padding-right:8px;
	display:block;
	background: #005a64;
	color:#fff;
	text-decoration:none;
	border-bottom:3px solid #005a64;
}
.menu a:hover {
	width:auto;
	height:auto;
	padding-top:12px;
	padding-bottom:9px;
	padding-left:8px;
	padding-right:8px;
	display:block;
	background: #fff;
	color:#005a64;
	border-bottom:3px solid #cca352;
}
.menu a:active {
	width:auto;
	height:auto;
	padding-top:12px;
	padding-bottom:9px;
	padding-left:8px;
	padding-right:8px;
	display:block;
	background: #fff;
	color:#005a64;
	text-decoration:none;
	border-bottom:3px solid #005a64;
}
.submenu {
	width:auto;
	height:auto;
    margin: 0;
    padding: 0;
    list-style: none;
	background: #000;
	position:relative;
	padding-top:0px;
	display:block;
	visibility:hidden;
	clear:both;
	z-index:500;
	-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.submenu > li {
    background: #000;
    position: relative;
    overflow: hidden;
	color:#fff;
	height:auto;
	width:auto;
	height:auto;
	float:right;
	display:block;       
}
.submenu a:link {
	width:auto;
	height:auto;
	padding-top:12px;
	padding-bottom:9px;
	padding-left:8px;
	padding-right:8px;
	display:block;
	background:#585a5a;	
	color:#fff;
	text-decoration:none;
	border-bottom:3px solid #585a5a;
	-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.submenu a:visited {
	width:auto;
	height:auto;
	padding-top:12px;
	padding-bottom:9px;
	padding-left:8px;
	padding-right:8px;
	display:block;
	background:#585a5a;
	color:#fff;
	text-decoration:none;
	border-bottom:3px solid #585a5a;
}
.submenu a:hover {
	width:auto;
	height:auto;
	padding-top:12px;
	padding-bottom:9px;
	padding-left:8px;
	padding-right:8px;
	display:block;
	background: #fff;
	color:#005a64;
	border-bottom:3px solid #cca352;
}
.submenu a:active {
	width:auto;
	height:auto;
	padding-top:12px;
	padding-bottom:9px;
	padding-left:8px;
	padding-right:8px;
	display:block;
	background: #fff;
	color:#585a5a;
	text-decoration:none;
	border-bottom:3px solid #585a5a;
}
.submenu, .submenu li {
    opacity: 0;
    visibility: hidden;         
}
.menu:hover .submenu, .menu:hover .submenu li {
    opacity: 1;
    visibility: visible;
}
.nav-480 {
	display:none;
	visibility:hidden;
}
.nav-481 {
	display:block;
	visibility:visible;
}	
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
.nav-480 {
	display:none;
	visibility:hidden;
}
.nav-481 {
	display:block;
	visibility:visible;
}
.menu {
	font-family:'Lato', sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	color:#fff;
	width:85%;
	height:40px;
	text-align:center;
	z-index:500px;
	margin-left:15%;
	overflow:hidden;
	-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;	
}
.menu > li {
	width:auto;
	height:auto;
	float:right;
	display:block;
	-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;	
}
.menu:hover {
	height:76px;

}
.menu a:link {
	width:auto;
	height:auto;
	padding-top:12px;
	padding-bottom:9px;
	padding-left:13px;
	padding-right:13px;
	display:block;
	background: #005a64;	
	color:#fff;
	text-decoration:none;
	border-bottom:3px solid #005a64;
	-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.menu a:visited {
	width:auto;
	height:auto;
	padding-top:12px;
	padding-bottom:9px;
	padding-left:13px;
	padding-right:13px;
	display:block;
	background: #005a64;
	color:#fff;
	text-decoration:none;
	border-bottom:3px solid #005a64;
}
.menu a:hover {
	width:auto;
	height:auto;
	padding-top:12px;
	padding-bottom:9px;
	padding-left:13px;
	padding-right:13px;
	display:block;
	background: #fff;
	color:#005a64;
	border-bottom:3px solid #cca352;
}
.menu a:active {
	width:auto;
	height:auto;
	padding-top:12px;
	padding-bottom:9px;
	padding-left:13px;
	padding-right:13px;
	display:block;
	background: #fff;
	color:#005a64;
	text-decoration:none;
	border-bottom:3px solid #005a64;
}
.submenu {
	width:auto;
	height:auto;
    margin: 0;
    padding: 0;
    list-style: none;
	background: #000;
	position:relative;
	padding-top:0px;
	display:block;
	visibility:hidden;
	clear:both;
	z-index:500;
	-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.submenu > li {
    background: #000;
    position: relative;
    overflow: hidden;
	color:#fff;
	height:auto;
	width:auto;
	height:auto;
	float:right;
	display:block;       
}
.submenu a:link {
	width:auto;
	height:auto;
	padding-top:12px;
	padding-bottom:9px;
	padding-left:13px;
	padding-right:13px;
	display:block;
	background:#585a5a;	
	color:#fff;
	text-decoration:none;
	border-bottom:3px solid #585a5a;
	-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.submenu a:visited {
	width:auto;
	height:auto;
	padding-top:12px;
	padding-bottom:9px;
	padding-left:13px;
	padding-right:13px;
	display:block;
	background:#585a5a;
	color:#fff;
	text-decoration:none;
	border-bottom:3px solid #585a5a;
}
.submenu a:hover {
	width:auto;
	height:auto;
	padding-top:12px;
	padding-bottom:9px;
	padding-left:13px;
	padding-right:13px;
	display:block;
	background: #fff;
	color:#005a64;
	border-bottom:3px solid #cca352;
}
.submenu a:active {
	width:auto;
	height:auto;
	padding-top:12px;
	padding-bottom:9px;
	padding-left:13px;
	padding-right:13px;
	display:block;
	background: #fff;
	color:#585a5a;
	text-decoration:none;
	border-bottom:3px solid #585a5a;
}
.submenu, .submenu li {
    opacity: 0;
    visibility: hidden;         
}
.menu:hover .submenu, .menu:hover .submenu li {
    opacity: 1;
    visibility: visible;
}
}