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


a,
a:hover {
	text-decoration:none;
}
ul,
ol {
	list-style:none;
}


.clear { clear:both;}
/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/

.nav {position:relative;display:inline-block;font-size:15px; height:40px; margin:20px 0 0 30px; width: auto; background:#00A859; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; z-index:2999 !important }
.nav-list {text-align:left; z-index:999999 !important}
.nav-item {float:left;	*display:inline;zoom:1;position:relative;}
.nav-item a {display:block; font-size:15px;color:#FFF;padding:0px 10px; margin:0 4px; line-height:40px;padding-left:14px;/* -moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;*/}
.nav-item > a:hover, .nav-item > a.active { color:#FFF; background:#014A81;  /*-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;*/}
.nav-item:hover .nav-submenu {display:block;}

.nav-img { float:left; width:70px; height:70px; margin:0 10px 10px 0; padding:1px; background:#0168B5;}
.nav-text { float:left; width:130px; font-size:12px; color:#FFF; margin:0px; padding:0; }
/* Navigation submenu */

.nav-submenu {display:none;position:absolute;/*left:-200px;*/background:#FFF;/*-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;*/-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;	-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; border: 1px solid #dbddd9; box-shadow: 0 1px 2px #acacac; width:550px; padding:10px 10px 0px 10px; z-index:1 !important;}

/*.nav-submenu:hover {display:none;position:absolute;left:0; background: url(../images/bg.png) repeat 0 0;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;	-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; border: 1px solid #dbddd9; box-shadow: 0 1px 2px #acacac; width:230px; padding:10px 10px 0px 10px;}*/


.nav-submenu-item a { float:left; width:100%;display:block; padding:0px 0px; margin:1px 0; font-size:12px; height: auto; line-height:25px; padding:0 0 0 10px; color:#333;
border-bottom: 1px solid #000; }
.nav-submenu-item a:hover { color:#FFF; background:#0168B5;}
/* Mobile navigation */
.nav-mobile {display:none; /* Hide from browsers that don't support media queries */cursor:pointer;position:absolute;
top:0;right:0;background:#2B2B2B url(../images/nav.png) no-repeat right 10px center;background-size:18px;height:40px;width:100%; border-bottom:1px solid #000; z-index:10000 !important; }
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {position:absolute;top:0;right:0;display:none; background:#333;height:30px;
width:30px;cursor:pointer;}
.nav-click i {display:block;height:30px;width:30px;background:url(../images/drop.png) no-repeat center center;
	background-size:20px;}
.nav-click:hover {background-color:#333;}
.nav-rotate {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}

.navimg { float:left; margin:0; padding:10px 0 10px 4px;}
.navimg img { width:100%;}
.navimg a { display:block;}
.navimg a:hover { background:none;}
@media only screen and (max-width: 995px) {
.nav {position:relative;display:inline-block;font-size:15px; height:40px; margin:10px 0 !important; width: 100%; background:#0168B5; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; z-index:2999 !important }

.nav-item a {display:block; font-size:14px;color:#FFF;padding:0px 12px; margin:0 5px; line-height:40px; /*-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;*/}	

.nav-submenu-item a { float:left; width:100%;display:block; padding:0px 0px; margin:1px 0; font-size:12px; height: auto; line-height:25px; padding:0 0 0 10px; color:#333; }
.nav-submenu-item a:hover { color:#FFF; background:#0168B5;}

.nav-submenu {display:none;position:absolute;left:-70px;background:#FFF;/*-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;*/-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;	-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; border: 1px solid #dbddd9; box-shadow: 0 1px 2px #acacac; width:550px; padding:10px 10px 0px 10px;  z-index:1;}

.navimg { float:left; margin:0; padding:10px 0 10px 4px;}
.navimg img { width:100%;}
.navimg a { display:block;}
.navimg a:hover { background:none;}
	
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 768px) {
.nav-mobile {display:block; position:absolute; z-index:10000 !important}
.nav {width:100%;padding:40px 0 0;  text-transform:capitalize; margin:0 !important; top:0; right:0; position:fixed; background:#3D3D3B !important;}
.nav-list {display:none; margin:0px; background:#3D3D3B; /*#3D3D3B*/ overflow:scroll; height:260px; z-index:9999 !important;}

.nav-img { display:none;}
.nav-text { display:none; }
.nav-item {width:100%;float:none; border-bottom:1px solid #666;}
.nav-item > a { font-size:14px; color:#CCC; margin:0px 0;padding:0px 10px; -moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px; line-height:30px; }

.nav-item > a:hover {background:#0168B5; color:#fff; -moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
.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:100%; background:none; -moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px; border:none; box-shadow:none; margin:0; padding:0;}
/*.nav-submenu:hover {position:static;width:100%; background:none; -moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px; border:none; box-shadow:none; margin:0; padding:0;}*/

.nav-submenu-item a {display:block; padding:0 10px 0 20px; margin:0px 0; font-size:12px; color:#CCC; -moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px; line-height:30px;}
.nav-submenu-item a:hover {background:#0168B5; color:#FFF; -moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}

.navimg { display:none ; /*float:left; margin:0; padding:10px 0 10px 4px*/;}
.navimg img { width:100%;}
.navimg a { display:block;}
.navimg a:hover { background:none;}

}