/*
	Todd Motto Labs
	URL: www.toddmotto.com
*/


/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/
.nav { /*position:relative; */ display:inline-block; font-size:14px; margin-left:0px; margin-top: 29px;  margin-bottom: -7px;}
.nav-list { text-align:left; }
.nav-item { *display:inline; zoom:1; position:relative; float:left;}
.nav ul, .nav ol { list-style:none; margin-left:-20px;}

.nav-item a { display:block; padding:10px 25px; color:white; }
.nav-item > a:hover { text-decoration:underline; }
.nav-item.active> a {color:#343a78; font-weight:bold; background-color:white; border-top-right-radius:10px; border-top-left-radius: 10px;}
.nav-item:hover .nav-submenu { display:block; }
.nav ul .nav-submenu { 	display:none; position:absolute; margin-left:0px; top:40px; z-index:10; border:3px solid #343a78; margin-left:0; white-space:nowrap;}
.nav-submenu-item a { background:#FFF; border-bottom:1px solid #343a78; display:block; padding:15px; color:#343a78;}
.nav-submenu-item a:hover { background:#CCCCCC; }
.nav-mobile { display:none; /* Hide from browsers that don't support media queries */ cursor:pointer; position:absolute; top:0; right:0; background-size:18px; height:50px; width:100px;font-size:20px;}
.nav-click { position:absolute; top:0; right:0; display:none; border-left:1px solid white; height:52px; width:50px; cursor:pointer; }
.nav-click i { display:block; height:48px; width:48px; background:url(../img/drop.png) no-repeat center center;	background-size:20px; }
.nav-click:hover { background-color:gray; }
.nav-rotate { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }

@media only screen and (min-width: 950px) and (max-width: 1023px) {
	.nav-item a { padding:15px 20px; }
}
@media only screen and (min-width: 766px) and (max-width: 949px) {
	.nav-item a { padding:15px 14px; }
}


@media only screen and (min-width: 310px) and (max-width: 764px) {
	.nav-mobile { display:block; padding-top:20px; padding-top: 14px; padding-right: 5px; background: rgb(125,125,125) url(../img/nav.png) no-repeat center center;	}
	.nav { width:98%; padding:0; z-index: 2; margin-left:0; top:0;	}
	.nav-list { display:none;	position: absolute; width: 300px; right: 0px; top: 50px;	}
	.nav-item { width:100%; float:none; border-bottom:1px solid white; }
	.nav-item > a { padding:15px; background-color: rgb(120,120,120); color: white;	}
	.nav-item > a:hover { text-decoration:underline; background-color: none; }
	.nav-item.active> a { border-radius: 0px; background-color: #343a78; color:white;}
	.nav-click { display:block; }
	.nav-mobile-open { border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; }
	.nav-item:hover .nav-submenu { display:none; }
	.nav-submenu { 	position:static; width:294px; }
	.nav ul .nav-submenu {top:52px;}
}