.resnav-container{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0px;background:#5c1616; border-top: 1px solid #fff; margin: 0px auto 0px auto;}
 

.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:28px 0 0 0; }

.resnav-container-sm.resnav-container{min-height:30px;}

.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:6px;left:14px; font: bold 12px verdana, arial, helvetica, san-serif;text-decoration:none;color:#fff; text-transfrom: uppercase;}

/* navicon bar */

.resnav-button{position:absolute;right:12px;top:0px;box-sizing:border-box;margin:2px 0px 2px 0px;padding:5px;width:30px;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;}



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

.dropdownnav:after{clear:both;}

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

.dropdownnav li{text-align:left; position:relative; padding:0px;margin:0px; font: bold 12px verdana, arial, helvetica, san-serif; }
 
  
 
 
 
/* sub drop down font size only */


.dropdownnav  { text-align:left; padding:0px;margin:0px;  color:#9a2525; 
font: bold 13px verdana, arial, helvetica, san-serif;text-decoration:none;  }
 
 
.dropdownnav a{ text-align:left;  text-decoration:none;  }


.dropdownnav a:hover {text-decoration:underline; background-color:#9a2525; }


.dropdownnav #current{ text-align:left; color:#ffffff; background-color:#9a2525;  text-decoration:none;}

.dropdownnav ul li #current{ text-align:left; color:#fff; background-color:#9a2525; text-decoration:underline;}


.dropdownnav ul li ul  #current  { background-color:#9a2525;  color:#fff; }
  
.dropdownnav ul  { background-color:#9a2525; }
 
.dropdownnav ul li { border-bottom:none;  }
 
.dropdownnav ul li ul  { width:150px;  }
  
  
.dropdownnav ul  { background-color:#5c1616;  }
 
.dropdownnav ul li ul li { border-bottom:1px solid #9a2525}
  
  .dropdownnav ul li ul li #current  { background-color:#9a2525;  color:#fff; }
  
  
 
  
  
/* sub font  border */
  

/* Main Categories width */
  

  
.resnav-lg{max-width:920px;padding: 0px; text-align:center; margin:0px auto; width:100%;}





/* Main cat arrow */
 
 

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

.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;}


 
/* main font visible on top before any subs */
 
.resnav-lg li a:hover{color:#fff; text-decoration: none;}
 
/* main font hover bkg */

.resnav-lg li.active>a,.resnav-lg li:hover>a {background:#9a2525;color:#ffffff; text-decoration: underline;}

.resnav-lg>ul>li{float:left;position:relative;white-space:nowrap; padding:0px;}
  
/* top cat works space between  */

.resnav-lg>ul>li a{display:block;padding:8px 14px 8px 14px;}
  
 
/* top cat font size space between  */

 .resnav-lg>ul>li>a{font: bold 13px arial, helvetica, san-serif; }

.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 cat and drop down box */

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

   

/* 2nd level secondary sub drops  */



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

.resnav-lg>ul>li>ul ul{display:block;top:0;left:100%;padding-left:25px;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 #360012; } 
/* 2nd level subs */


/* 2nd level subs */

.resnav-sm{display:none;}

/* 2nd level I beam line */

.resnav-sm .navicon{position:absolute;top:5px;right:2px;height:20px;width:50px;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:#5c1616;}
 
   

 /* left arrow after category select, hover after sub click 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;color:#ffffff;}


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


 /* sub category indent spacing to right of menu after sub click before main category and main sub drop down hover color */
 
.resnav-sm a{display:block;padding:7px 13px;}

.resnav-sm a:hover{background-color:#5c1616;color:#ffffff;}



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

   
.resnav-sm .resnav-back a:hover{background-color:#5c1616;color:#ffffff;} 




 /* sub hover background color after main category */


.resnav-sm a:hover{background-color:#9a2525; color:#fff;} 


/* Drop down arrow I beam color  */

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

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



/* Drop down arrow I beam color  */


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

@-webkit-keyframes slide{0%{-webkit-transfrom:translateX(100%);opacity:0;} 100%{-webkit-transfrom:translateX(0px);opacity:1;}}@-moz-keyframes slide{0%{-moz-transfrom:translateX(100%);opacity:0;} 100%{-moz-transfrom:translateX(0px);opacity:1;}}@keyframes slide{0%{transfrom:translateX(100%);opacity:0;} 100%{transfrom:translateX(0px);opacity:1;}}.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;}

.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.25s ease-in-out;-moz-animation:slide 0.25s ease-in-out;animation:slide 0.25s ease-in-out;}


/* main navicon hover background */

.resnav-light .resnav-button:hover,.resnav-dark .resnav-button:hover{background-color:#5c1616;}



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




/* main navicon hover background */


.resnav-light ul ul li,.resnav-dark ul ul li{background:#5c1616;}
 
.resnav-bar{background-color:#5c1616;}

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

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

 

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

  
.dropdownnav li{text-align:left; position:relative; padding:0px;margin:0px; font: bold 12px  arial, helvetica, san-serif;}
  
 
/* sub drop down font size only */


.dropdownnav  { text-align:left; padding:0px;margin:0px;  color:#fff; 
font: bold 13px arial, helvetica, san-serif;text-decoration:none;}
  
.resnav-lg{max-width:835px;padding: 0px; text-align:center; margin:0px auto; width:100%; }

}
  
.resnav-lg{ padding: 0px; text-align:center; margin:0px auto; width:100%;}
 
.resnav-lg>ul>li{float:left;position:relative;white-space:nowrap; padding:0px;}
  
/* top cat works space between  */

.resnav-lg>ul>li a{display:block;padding:6px 15px 6px 10px;}
  
 
/* top cat font size space between  */

 .resnav-lg>ul>li>a{font: bold 12px arial, helvetica, san-serif; }

}


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

.dropdownnav ul li { width:100%; padding:2px 5px; }

.dropdownnav ul li ul  { width:100%;   }
 

}
  



/*Styles for screen 490px and lower*/
@media only screen and (max-width: 745px) {
 
.dropdownnav ul li ul  { width:100%; border-bottom:none}