.resnav-container{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:6px 10px;background:#6e0c0c; }

.resnav-container *,.resnav-container *:before,.resnav-container *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* menu main bar */

.resnav-container-sm{padding:33px 0 0 0; }

.resnav-container-sm.resnav-container{min-height:33px; background:#4c1313; }
}

.resnav-container-sm .resnav-name,.resnav-container-sm .resnav-button{display:block;}

.resnav-container-lg .resnav-name,.resnav-container-lg .resnav-button{display:none;}
 
/* menu word use to line up with subs in drop down menu  */

.resnav-name{position:absolute;top:7px;right: 14px; font: 500 15px verdana, arial, helvetica, san-serif;text-decoration:none; text-transform: Uppercase;}

/* navicon bar */

.resnav-button{position:absolute;right:0px;top:0px;box-sizing:border-box;margin:4px 0px 2px 0px;padding:5px;width:100%;border-radius:3px;}

.resnav-button:hover{cursor:pointer;}@include box-shadow(inset 0 0 8px rgba(0, 0, 0, 0.3));
  

.resnav-bar{display:block;width:22px;height:2px;border-radius:1px;background-color:#ffffff;}

.resnav-button .resnav-bar+.resnav-bar{margin-top:4px;}



.flexnav:before,.flexnav:after {display:table;content:" ";}

.flexnav:after{clear:both;}

.flexnav ul {text-align:left; position:relative;margin:0px; padding:0px;list-style:none; }

.flexnav li{text-align:left; position:relative; padding:0px; margin:0px 0px 0px 0px; }
 
 
 
 
 
/* sub drop down font size only */

.flexnav  { text-align:left; padding:4px;margin:0px;
font: 400 14px verdana, arial, helvetica, san-serif; text-decoration:none;}

.flexnav a { background: #6e0c0c;text-decoration:none;}


.flexnav a:hover {background: #6e0c0c; text-decoration:none; }



.flexnav #current { text-align:left;  color:#fff;  
  text-decoration:none; }


/* sub font DASH border */
  

 


.flexnav a,.flexnav a:link,.flexnav a:visited {color:#fff; text-decoration: none;  
-webkit-transition:border-color 0.1s ease-in;} 
  
 
/* Main Categories width */
  

  
.resnav-lg{max-width:955px;padding:0px 1px; text-align:center; margin:0px auto;}





/* Main cat arrrow */
 

.resnav-lg .navicon:after{ border:5px solid transparent;border-top-color:#fff;content:"";position:absolute;right:0px;top:14px;}
 

.resnav-lg .resnav-back{display:none;}

.resnav-lg ul ul{display:none;z-index:99;position:absolute;border-radius:4px;}

.resnav-lg ul ul .navicon:after{border:5px solid transparent;border-left-color:#fff;top:10px;}




/* sub categories rounded corner buttons width and padding between subs */

.resnav-lg ul ul li{ min-width:225px; font: 400 15px verdana, arial, helvetica, san-serif; text-transform: Uppercase; background:#6e0c0c; padding:10px 0px;}

.resnav-lg ul ul li:hover{   background:#032656; }


/* 2nd row the sub categories top row showing rounded corner buttons */


.resnav-lg ul ul li a {padding:4px 6px; background:#6e0c0c;}

 




/* main font hover background  */

 
.resnav-lg li a:hover{color:#b35050; text-decoration: none;}
 
/* main font hover bkg */

.resnav-lg li.active>a,.resnav-lg li:hover>a {background:transparent;color:#ffffff; }

.resnav-lg>ul>li{float:left;position:relative;white-space:nowrap;}



/* top cat  */ 




/* top cat works space between  */

.resnav-lg>ul>li a{display:block;padding:6px 18px 6px 18px;}
  
 
/* top cat works font   */

.resnav-lg>ul>li>a{font: 400 15px verdana, arial, helvetica, san-serif; text-transform: Uppercase;}

.resnav-lg>ul>li:first-child>a{border-left:none;}

.resnav-lg>ul>li:hover>ul{opacity:3;visibility:visible;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;}


/* top cat padding between main and drop down box */

.resnav-lg>ul>li>ul{display:block;left:0;top:100%;padding-top:1px;opacity:0;visibility:hidden;}

  


/* 2nd level sub drops font drop down arrow below  */


.resnav-lg>ul>li>ul li:hover>ul{opacity:1;visibility:visible;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;}
 
 

.resnav-lg>ul>li>ul ul{display:block;top:0;left:100%;padding-left:15px;opacity:0;visibility:hidden;}

.resnav-lg>ul>li>ul ul:after{position:absolute;left:1px;top:10px;content:"";border:8px solid transparent;border-right:8px solid #000936;} 

/* 2nd level subs */

.resnav-sm{display:none;}

/* 2nd level I beam line */

.resnav-sm .navicon{position:absolute;top:5px;right:2px;height:20px;width:100%;border-left:1px solid #ffffff;}

.resnav-sm .navicon:hover{cursor:pointer;}

/* 2nd level arrow after I beam line */

.resnav-sm .navicon:after{position:absolute;top:3px;right:10px;content:"";border:8px solid transparent;border-left:8px solid #ffffff;}

/* hover color 2nd level subs */

.resnav-sm .resnav-back{position:relative;background:#032656;}


 /* left arrow before main category */

.resnav-sm .resnav-back:before{position:absolute;top:8px;left:18px;content:"";border:8px solid transparent;border-right:8px solid #ffffff;}

.resnav-sm .resnav-back a{display:block;padding-left:45px;}

.resnav-sm a{display:block;padding:7px 22px;}



 /* left arrow main sub hover color that stays  **********/

   
.resnav-sm .resnav-back a:hover {background-color:#0f366c;color:#ffffff;}

.resnav-sm .resnav-back a {background-color:#032656;color:#ffffff; }


 /* sub hover background color after main category */


.resnav-sm a:hover{background-color:#0f366c; color:#ffffff; } 


/* Drop down arrow navs */

.resnav-sm li:hover>.navicon{border-left-color:#ffffff;}


/* Drop down after hover arrow color */

.resnav-sm li:hover>.navicon:after{border-left-color:#ffffff;}


.resnav-sm .sub-ul{display:none;}


/* I changed opacity:1 to be opacity:0;*/

@-webkit-keyframes slide{0%{-webkit-transform:translateX(100%);opacity:0;} 

100%{-webkit-transform:translateX(0px);opacity:0;}}

@-moz-keyframes slide{0%{-moz-transform:translateX(100%);opacity:0;} 

100%{-moz-transform:translateX(0px);opacity:0;}}

@keyframes slide{0%{transform:translateX(100%);opacity:0;} 

100%{transform:translateX(0px);opacity:0;}}

.resnav-sm.resnav-subview li,.resnav-sm.resnav-subview li.resnav-subviewopen>a,.resnav-sm.resnav-subview li.resnav-subviewopen>.navicon,.resnav-sm.resnav-subview li.resnav-subview>a,.resnav-sm.resnav-subview li.resnav-subview>.navicon {display:none;}



/* Controls how fast slide of the drop down window opens sub navs I changed slide 0.25s to be slide 0.05s   */



.resnav-sm.resnav-subview li.resnav-subview,.resnav-sm.resnav-subview li.resnav-subview .sub-ul,.resnav-sm.resnav-subview li.resnav-subviewopen,.resnav-sm.resnav-subview li.resnav-subviewopen>.sub-ul,.resnav-sm.resnav-subview li.resnav-subviewopen>.sub-ul>li>a,.resnav-sm.resnav-subview li.resnav-subviewopen>.sub-ul>li{display:block;-webkit-animation:slide 0.01s ease-in-out;-moz-animation:slide 0.01s ease-in-out;animation:slide 0.01s ease-in-out;}


/* main navicon hover background */

.resnav-button:hover,.resnav-dark .resnav-button:hover{background-color:#03265600; }


.resnav-button:hover .resnav-bar,.resnav-dark .resnav-button:hover .resnav-bar{background-color:#fff;}

/* 2nd level navicon hover background */

.resnav-dark ul ul li {background:#6e0c0c;}

 

.resnav-bar{background-color:#032656; }

.resnav-dark{color:#ffffff;}.resnav-dark a {color:#ffffff;}

.resnav-dark .resnav-bar{background-color:#ffffff;}

   
 
 
 /*sub cat hover color current ID 
    */
 

 .resnav-dark ul ul li #current{ color:#ffffff; text-decoration:underline;  }
       

 /*Styles for screen 929 and lower*/
@media screen and (max-width:1029px) {
 
  
.resnav-lg{max-width:819px;padding:0px 1px; text-align:center; margin:0px auto;}

.resnav-lg ul ul li{ font: 400 14px verdana, arial, helvetica, san-serif;   padding:10px 0px; }
 
.resnav-lg>ul>li>a{font: 400 14px verdana, arial, helvetica, san-serif; }


.resnav-lg>ul>li a{display:block;padding:8px 12px 8px 12px;}

#temparea, #content  {  
padding-top: 4px; 
margin: 0px auto;  
	}
   

}
 

 /*Styles for screen 929 and lower*/
@media screen and (max-width:829px) {
 
  
.resnav-lg{max-width:799px;padding:0px 1px; text-align:center; margin:0px auto; }

.resnav-lg ul ul li{ font: 400 13px verdana, arial, helvetica, san-serif;   padding:10px 0px; background-color:red;}
 
.resnav-lg>ul>li>a{font: 400 13px verdana, arial, helvetica, san-serif; }


.resnav-lg>ul>li a{display:block;padding:8px 12px 8px 12px;}

#temparea, #content  {  
padding-top: 4px; 
margin: 0px auto;  
	}
   

}







 
 /*Styles for screen 840px and lower*/
@media screen and (max-width:840px) {
 
  

 .resnav-dark ul ul li #current{ color:#ffffff; text-decoration:underline; background-color:#174b92;  }

 .resnav-dark ul li #current{ color:#ffffff; text-decoration:underline; background-color:#174b92;  }
       }