/* Flexnav Base Styles */
/*  .flexnav li ul{display:block !important;}  */
nav {
background-color: #191a1f;
border-color: #191a1f;
border-radius: 0;            
margin-bottom: 0;


}

nav .flexnav-wrapper{
background-image: url(../images/fill.png);
background-repeat: no-repeat ;
padding: 15px 0;
background-size: 100%;
background-position: left center;   
  min-height: 90px;

}

/* Flexnav Base Styles */
.flexnav {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
transition: none;
-webkit-transform-style: preserve-3d;
overflow: hidden;
margin: 0 auto;
width: 100%;
max-height: 0;

position: relative; /* <-- Added */
z-index: 1; /* <-- Added */   

}
.flexnav.opacity {
opacity: 0; }
.flexnav.flexnav-show {
max-height: 2000px;
opacity: 1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out; 
}

.flexnav.one-page {
position: fixed;
top: 50px;
right: 5%;
max-width: 200px; 
}


.flexnav li {
font-size: 100%;
position: relative;
overflow: hidden;
border-top: #828080 solid 0.5px;
text-align:left;
}
.flexnav li a {
position: relative;
display: block;
padding: .82em;
z-index: 2;
overflow: hidden;
color: #fff;

border-bottom: 1px solid rgba(0, 0, 0, 0.15); 
}




.flexnav li a:hover {

text-decoration:none;

}  


.flexnav li ul {

background:#fff;

}
.flexnav li ul li {
font-size: 100%;
position: relative;
overflow: hidden;
display: block;



background: #33343a;

}



.flexnav li ul li a:hover{background: #191a1f;color:#fff;} 
 
.flexnav li ul li:first-child{
 border-top:1px solid #eee;

}
 
   
.flexnav li ul.flexnav-show li {
overflow: visible;

}
.flexnav li ul li a {
display: block;

font-weight:300;
background:none;

}





}

.flexnav li ul li a:hover { 

color:#666;
font-weight:700;

}  

.flexnav ul li ul li a {
/*Sub Submenu background*/
background: #fff; }
.flexnav ul li ul li ul li a {
background: #cbcbc9; }
.flexnav .touch-button {
position: absolute;
z-index: 999;
top: 0;
right: 0;

/*    width: 50px;
height: 50px; */
display: inline-block;
/* background: #acaca1;
background: rgba(0, 0, 0, 0.075);
*/
text-align: center; }
.flexnav .touch-button:hover {
cursor: pointer; }
.flexnav .touch-button .navicon {
position: relative;
top: 1.4em;
font-size: 12px;
color: #fff;

    top: 0.8em;
    right: 1em;

 }

.menu-button {
position: relative;
display: block;
color: #fff;
cursor: pointer;
font-family: 'Dancing Script', cursive;
font-size: 22px;
padding: 5px 10px;
text-align: left;
border-bottom: 0.5px solid #efecec;
border-top: 0.5px solid #efecec;    
 }
.menu-button.one-page {
position: fixed;
top: 0;
right: 5%;
padding-right: 45px; }
.menu-button .touch-button {
background: transparent;
position: absolute;
z-index: 999;
top: 0;
right: 0;
width: 50px;
height: 50px !important;
display: inline-block;
text-align: center; 
 
}
.menu-button .touch-button .navicon {
font-size: 16px;
position: relative;
    top: 0.4em;
color: #fff; }


@media all and (min-width:768px) {

.headertop .smaller  .active{

height:auto;

}


}

@media all and (min-width: 1100px) {

/*nav{min-height: 40px;}  */

.flexnav {display:table;}

.touch-button{display: none !important;}

body.one-page {
padding-top: 70px; }

.flexnav {
overflow: visible; }
.flexnav.opacity {
opacity: 1; }
.flexnav.one-page {
top: 0;
right: auto;
max-width: 1080px; 
}

/*.flexnav li ul{display:block !important;}  */

.flexnav li {
position: relative;
list-style: none;
display:table-cell;
table-layout: fixed;
overflow: visible;
border-right: 1px solid #fff;
}

.flexnav li:nth-of-type(1){border-left:1px solid #fff;}


.flexnav li a {
text-align: center;
color:#fff;
border-bottom: none;
 }
 
 

 
.flexnav li > ul {
display:block ;
position: absolute;
top: auto;
left: 0; 
min-width: 100%;
box-shadow: 2px 5px 2px rgba(0,0,0,0.1);
}
.flexnav li > ul li {
  width: 100%; }
.flexnav li ul li > ul {

margin-left: 100%;
  
    padding:5px 0;
top: 0; }
.flexnav li ul li a {
text-align: left;
border-bottom: none; }
.flexnav li ul.open {
display: block ;
opacity: 1;
visibility: visible;
z-index: 1; }
.flexnav li ul.open li {
  overflow: visible;
  max-height: 100px; }
.flexnav li ul.open ul.open {
  margin-left: 100%;
  top: 0; }

.menu-button {
display: none; } }
.oldie body.one-page {
padding-top: 70px; }
.oldie .flexnav {
overflow: visible; }
.oldie .flexnav.one-page {
top: 0;
right: auto;
max-width: 1080px; }
.oldie .flexnav li {
position: relative;
list-style: none;
float: left;
display: block;

width: 20%;
min-height: 50px;
overflow: visible; }
.oldie .flexnav li:hover > ul {
display: block;
width: 100%;
overflow: visible; }
.oldie .flexnav li:hover > ul li {
width: 100%;
float: none; }
.oldie .flexnav li a {
border-left: 1px solid #acaca1;
border-bottom: none;
overflow: visible; }
.oldie .flexnav li > ul {
background: #acaca1;
position: absolute;
top: auto;
left: 0;
display: none;
z-index: 1;
overflow: visible; }
.oldie .flexnav li ul li ul {
top: 0; }
.oldie .flexnav li ul li a {
border-bottom: none; }
.oldie .flexnav li ul.open {
display: block;
width: 100%;
overflow: visible; }
.oldie .flexnav li ul.open li {
width: 100%; }
.oldie .flexnav li ul.open ul.open {
margin-left: 100%;
top: 0;
display: block;
width: 100%;
overflow: visible; }
.oldie .flexnav ul li:hover ul {
margin-left: 100%;
top: 0; }
.oldie .menu-button {
display: none; }
.oldie.ie7 .flexnav li {
width: 19.9%; }