/* Flexnav Base Styles */

/* Globals */

i,
ul, li,
menu, nav
 {
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  z-index:1000; }


a {
  text-decoration: none;
  color: #595959; }

.flexnav li.item-with-ul > a:hover ul.sub-menu{
  display: block !important;
    background: #000;}

.flexnav  li.ip-li{
  width:23%;
}

.flexnav  li.ip-li > ul {
  width:311px;
}

.spec {
  padding-left: 260px;
  display: block;
  color: rgb(195, 195, 195);
}
.flexnav li.docs-ul > ul {
  list-style-type: none;
  -webkit-columns: 2;
  -webkit-column-gap: 0;
  -moz-columns:2;
  -moz-column-gap:0;
  columns: 2;
  column-gap:0;
  width: 524px;
  text-transform: uppercase;
}
.flexnav  li.hs-li{
  width:21%;
}
.flexnav {
  -webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
transition: none;
-webkit-transform-style: preserve-3d; // stop webkit flicker
overflow: hidden;
margin: 0 auto;
width: 100%;
position:relative;
z-index:99999;
max-height: 0; }
.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: 14px;
  position: relative;
  overflow: hidden; }
.flexnav li a {
  position: relative;
  display: block;
  padding: 14px;
  z-index: 2;
  overflow: hidden;
  color: #4c4c4c;
  background: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
.flexnav li ul {
  width: 100%; }
.flexnav li ul li a {
  display: block;
  background: #FFFFFF;
  color: #636262; 
  }
.flexnav li ul li {
  font-size: 100%;
  position: relative;
  overflow: hidden; }
.flexnav li ul.flexnav-show li {
  overflow: visible; }
.flexnav ul li ul li a {
  background: #bfbfbc; }
.flexnav ul li ul li ul li a {
  background: #cbcbc9; }
.flexnav .touch-button {
  position: absolute;
  z-index: 999;
  top: 0;
  right: 15px;
  display: inline-block;

  text-align: center; }
.flexnav .touch-button:hover {
  cursor: pointer; }
.flexnav .touch-button .navicon {
  position: relative;
  top: 12px;
  font-size: 10px;
  color: #fff; 
  /*display: none;*/
}
.menu-button{
  display:none;
}

@media all and (min-width: 641px) {
.flexnav {
overflow: visible; }
.flexnav.opacity {
opacity: 1; }
.flexnav.one-page {
top: 0;
right: auto;
max-width: 1080px; }
.flexnav li {
position: relative;
list-style: none;
float: left;
display: block;
background-color: #a6a6a2;
overflow: visible;
width: 151px; 
text-align: right;}
.flexnav li a {
border-left: 1px solid #fff;
border-bottom: none; }
/*.flexnav li.item-with-ul > a:hover{
  color:black;
}*/
.flexnav li > ul {
position: absolute;
top: auto;
left: 0;
text-align: left;
font-size: 13px;
width: 433px;
line-height: 0px;
display:none; }
.flexnav li > ul li {
width: 100%; }
.flexnav li > ul li.last-li-doctors{
padding-bottom: 28px;
background-color: #fff;
}
.flexnav li ul li > ul {
margin-left: 100%;
top: 0; }
.flexnav li ul li a {
border-bottom: none;
text-transform: uppercase;
text-align: left;
}
.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; }

}

@media (max-width: 768px)  {
.flexnav li > ul {
  width:372px;
}

.flexnav li{
font-size: 12px;
width:12.99%;
text-align:left;
}

.flexnav li a{
padding:12px;
}

.flexnav .touch-button{
right: 0px;
width: 20px;
height: 38px;
background: rgba(0, 0, 0, 0.075);
}

.flexnav  li.ip-li{
width:26%;
}

.flexnav  li.hs-li{
width:22%;
} 
.flexnav .touch-button .navicon {
position: relative;
top: 10px;
font-size: 7px;
color: #fff; }

.spec{
padding-left:224px;
}

.flexnav li.docs-ul > ul {
width: 443px;
}
.flexnav li > ul li{
font-size:11px !important;
}
}

@media (max-width: 641px)  {

.flexnav li > ul {
  width:100%;
}
.menu-button {
/*position: relative;
display: block;
padding: 1em;
background: #0D0D0D;
color: #fff;
cursor: pointer;
margin-top: -42px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2); */
/*position: fixed; */
display: block;
padding: 1em;
background: #0D0D0D;
color: #fff;
cursor: pointer;
/*position: fixed;*/
top: 0px;
left: 0px;
background: #0D0D0D;
/* padding: 10px 16px; */
width: 100%;
/* display: none; */
cursor: pointer;
z-index: 98;
overflow: hidden;
/* height: 42px; */
/* display: none; */
/* margin-top: 46px; */
top: 46px;
/*display: block;*/
}

.menu-button .touch-button {
background: transparent;
position: absolute;
z-index: 999;
top: 0;
right: 0;
width: 50px;
height: 50px;
display: inline-block;
text-align: center; }
.menu-button .touch-button .navicon {
font-size: 13px;
position: relative;
top: 1em;
color: white; }
.flexnav li{
font-size: 12px;
width:100%;
text-align:left;
}
.flexnav li a{
padding:11px;
}
.flexnav .touch-button{
right: 0px;
width: 44px;
height: 41px;
background: rgba(0, 0, 0, 0.075);
}
.flexnav  li.ip-li{
width:100%;
}
.flexnav  li.hs-li{
width:100%;
} 
.flexnav .touch-button .navicon {
position: relative;
top: 10px;
font-size: 9px;
color: #868686; }
.flexnav li.docs-ul > ul {
  width: 100%;
  -webkit-column-count:1 !important;
  -moz-column-count:1 !important;
  column-count:1 !important;
}
.spec{
  padding-left:12px;
  display:inline-block;
}
.flexnav  li.ip-li > ul {
  width:100%;
}
.flexnav li.docs-ul > ul {
    position: static !important;
}
.flexNavhome{
    display:block;
    /*position: absolute;
    width: 100%;*/
  }


}

@media (min-width: 641px)  {
  .flexNavhome{
    display:none;
  }
}