/*dropdown menu*/

ul#dropdown{    padding: 0px;    right: 0;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;
    behavior: url(/script/boxsizing.htc);    list-style: none;    margin: 0px;    width: 100%;    right: 0;    text-align: right;	position:relative;
	height:100px;
}

/* level 1 */

ul#dropdown li{ padding: 0; vertical-align: bottom;line-height: 54px;text-align: center; list-style: none; display: inline-block;  right: 0; }
ul#dropdown li:last-child{ border-right:0!important;}

ul#dropdown li a{color: #fff;font-family: 'Open Sans', sans-serif;font-size: 17px;font-weight: 300;line-height: 56px;display: block;vertical-align: bottom;width: 100%; padding: 22px;-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);  padding-bottom: 28px;       text-transform: uppercase;}


ul#dropdown li.active ul li a:hover {display: block; color:#99cffa!important; margin: 0;  font-weight: 600;  text-transform: initial;  margin: 0px;}

ul#dropdown li ul li ul li a.active{color:#000;}
ul#dropdown li ul li a{	color:#fff;}


ul#dropdown li a:hover{ color:#99cffa!important;}
ul#dropdown li.active a{color:#99cffa; text-decoration:none;}
ul#dropdown li a img{vertical-align: bottom; }

ul#dropdown li.active .nav-column ul li a h6 a{color:#99cffa!important; text-decoration:none;}


/* level 2 */

ul#dropdown li ul {
    padding: 0px;
  position: absolute;
  top: 100px;
  margin: 0;
  right: -1px;
  width: 100%;
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transiton: opacity 1s;
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  -o-transition: opacity 1s;
  z-index: 999;
  background-color: #1E456E;
  /* height: 400px; */
  /* border-left: 0px solid rgba(0,0,0,0.2); */
  border-right: 1px solid rgba(0,0,0,0.2);
  border-bottom: 3px solid rgba(0,0,0,0.2);
  /* background-clip: padding-box; */
  /* border-top: 1px solid rgba(0,0,0,0.2); */
}
ul#dropdown li.about ul{   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  behavior: url(/script/boxsizing.htc);    width: 24%; right:auto; padding:0px; border:none; }
ul#dropdown li.about ul ul li h3 {  border-left: 4px solid #4587bf; padding-left:10px; }
ul#dropdown li.about ul ul li h3:hover {  border-left: 4px solid #b6b6b6;  color: #b6b6b6;}
ul#dropdown li.about ul ul {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  behavior: url(/script/boxsizing.htc);  width:100%; float:none;
    padding: 8px 10px 10px 10px;
    margin: 0;
    z-index: 999;
    background-color: #fff;
/*    height: 400px;*/
    border-left: 6px solid rgba(0,0,0,0.2);
    border-right: 6px solid rgba(0,0,0,0.2);
    border-bottom: 6px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
    border-top: 1px solid rgba(0,0,0,0.2); }

ul#dropdown li.industries ul{   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  behavior: url(/script/boxsizing.htc);    width: 24%; right:auto; padding:0px; border:none; }
ul#dropdown li.industries ul ul li h3 {  border-left: 4px solid #4587bf; padding-left:10px; }
ul#dropdown li.industries ul ul li h3:hover {  border-left: 4px solid #b6b6b6;  color: #b6b6b6;}
ul#dropdown li.industries ul ul {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  behavior: url(/script/boxsizing.htc);  width:100%; float:none;
    padding: 8px 10px 10px 10px;
    margin: 0;
    z-index: 999;
    background-color: #fff;
/*    height: 400px;*/
    border-left: 6px solid rgba(0,0,0,0.2);
    border-right: 6px solid rgba(0,0,0,0.2);
    border-bottom: 6px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
    border-top: 1px solid rgba(0,0,0,0.2); }

ul#dropdown li.technologies ul{   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  behavior: url(/script/boxsizing.htc);    width: 45%; right:auto; padding:0px; border:none; }
ul#dropdown li.technologies ul ul li h3 {  border-left: 4px solid #4587bf; padding-left:10px; }
ul#dropdown li.technologies ul ul li h3:hover {  border-left: 4px solid #b6b6b6;  color: #b6b6b6;}
/*ul#dropdown li.technologies ul ul {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  behavior: url(/script/boxsizing.htc);  width:100%; float:none;
    padding: 8px 10px 10px 10px;
    margin: 0;
    z-index: 999;
    background-color: #fff;

    border-left: 6px solid rgba(0,0,0,0.2);
    border-right: 6px solid rgba(0,0,0,0.2);
    border-bottom: 6px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
    border-top: 1px solid rgba(0,0,0,0.2); }*/



ul#dropdown li.manufacturers ul{   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  behavior: url(/script/boxsizing.htc);    width: 24%; right:auto; padding:0px; border:none; }
ul#dropdown li.manufacturers ul ul li h3 {  border-left: 4px solid #4587bf; padding-left:10px; }
ul#dropdown li.manufacturers ul ul li h3:hover {  border-left: 4px solid #b6b6b6;  color: #b6b6b6;}
ul#dropdown li.manufacturers ul ul {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  behavior: url(/script/boxsizing.htc);  width:100%; float:none;
    padding: 8px 10px 10px 10px;
    margin: 0;
    z-index: 999;
    background-color: #fff;
/*    height: 400px;*/
    border-left: 6px solid rgba(0,0,0,0.2);
    border-right: 6px solid rgba(0,0,0,0.2);
    border-bottom: 6px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
    border-top: 1px solid rgba(0,0,0,0.2); }

ul#dropdown li.support ul{   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  behavior: url(/script/boxsizing.htc);    width: 24%; right:auto; padding:0px; border:none; }
ul#dropdown li.support ul ul li h3 {  border-left: 4px solid #4587bf; padding-left:10px; }
ul#dropdown li.support ul ul li h3:hover {  border-left: 4px solid #b6b6b6;  color: #b6b6b6;}
ul#dropdown li.support ul ul {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  behavior: url(/script/boxsizing.htc);  width:100%; float:none;
    padding: 8px 10px 10px 10px;
    margin: 0;
    z-index: 999;
    background-color: #fff;
/*    height: 400px;*/
    border-left: 6px solid rgba(0,0,0,0.2);
    border-right: 6px solid rgba(0,0,0,0.2);
    border-bottom: 6px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
    border-top: 1px solid rgba(0,0,0,0.2); }

ul#dropdown li ul li{
    display: block!important;
        padding: 0;
    text-align: left;
    margin:0;
        clear: left;

}
ul#dropdown li ul li.active a{color:#99cffa!important; text-decoration:none;}
ul#dropdown li ul li ul li a {  color: #fff!important;  text-decoration: none;}
ul#dropdown li ul li a {    font-family: 'Open Sans', sans-serif;    font-size: 14px;    font-weight: 600;    line-height: 21px;    text-transform: initial;    color: #fff!important;	padding: 8px 20px;}


ul#dropdown li ul li a:hover {
/*    background: #3E3E3E;    */
    display: block;
 /*   color:#fff!important;*/
  margin: 0;
  font-weight: 600;
  text-transform: initial;
  margin: 0px;
/*  border-left: 3px solid #40abcd;*/
/*  padding-left: 6px;*/

}


li.prod_cat_sub.active a {  color: #99cffa!important;}


ul#dropdown li ul li ul li.active a{color:#99cffa!important; text-decoration:none;}
ul#dropdown li ul li ul li a:hover {        display: block;}
ul#dropdown li:hover ul {  display: block;  opacity: 1;  visibility: visible; }
ul#dropdown ul li:hover ul {  display: none;  opacity: 1;  visibility: hidden; }
ul#dropdown ul li ul li:hover ul {  display: none;  opacity: 1;  visibility: hidden; }

ul#dropdown ul li ul ul li h6.active a {  color:#000; }

li.menu-red a { border-left: 4px solid red;}
li.menu-purple a { border-left: 4px solid #9A479A;}
li.menu-lime a { border-left: 4px solid #B4E05C;}
li.menu-blue a { border-left: 4px solid #286FDA;}
li.menu-grey a { border-left: 4px solid #BDBDBD;}
li.menu-yellow a { border-left: 4px solid #F7D42B;}
li.menu-cerise a { border-left: 4px solid #FF4087;}
li.menu-green a { border-left: 4px solid #39AD39;}
li.menu-pink a { border-left: 4px solid #E676A0;}
li.menu-orange a { border-left: 4px solid #FF8A26;}
li.menu-sky a { border-left: 4px solid #31ABDA;}

li.menu-red a:hover { border-left: 4px solid red;}
li.menu-purple a:hover { border-left: 4px solid #9A479A;}
li.menu-lime a:hover { border-left: 4px solid #B4E05C;}
li.menu-blue a:hover { border-left: 4px solid #286FDA;}
li.menu-grey a:hover { border-left: 4px solid #BDBDBD;}
li.menu-yellow a:hover { border-left: 4px solid #F7D42B;}
li.menu-cerise a:hover { border-left: 4px solid #FF4087;}
li.menu-green a:hover { border-left: 4px solid #39AD39;}
li.menu-pink a:hover { border-left: 4px solid #E676A0;}
li.menu-orange a:hover { border-left: 4px solid #FF8A26;}
li.menu-sky a:hover { border-left: 4px solid #31ABDA;}
li.prod_cat_main h6 {  font-size: 16px!important;}
li.prod_cat_main prod_cat_sub h6 {  font-size: 12px!important;}
li.prod_cat_sub h6 {  font-size: 14px!important;}
/*  level 3    */

ul#dropdown li ul li ul{
position: relative;
    top: 0px;
    margin: 0;
    left: 0;
/*    width: 224px;*/
    padding: 0;
    display: block;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transiton: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    z-index: 999;
        height: auto;
        border: none;
        background: none;
     }

ul#dropdown li ul li ul li a {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    text-transform: initial;
    color: #fff;
}

ul#dropdown li ul li:hover ul {  display: block;  opacity: 1;  visibility: visible !important; }
ul#dropdown ul ul {
/*    left: 100%; top: 10px;*/
    float:left;
/*    height:400px;*/
    border:0;
    padding:0;
    right:0;
    top:0;
}
ul#dropdown ul li:hover > ul { visibility: visible; color:#804C7D; }
ul#dropdown ul li:hover ul {  display: block;  opacity: 1;  visibility: visible; }

li.menu-red .sub a { border-left: 4px solid white;}
li.menu-purple .sub a { border-left: 4px solid white;}
li.menu-lime .sub a { border-left: 4px solid white;}
li.menu-blue .sub a { border-left: 4px solid white;}
li.menu-grey .sub a { border-left: 4px solid white;}
li.menu-yellow .sub a { border-left: 4px solid white;}
li.menu-cerise .sub a { border-left: 4px solid white;}
li.menu-green .sub a { border-left: 4px solid white;}
li.menu-pink .sub a { border-left: 4px solid white;}
li.menu-orange .sub a { border-left: 4px solid white;}
li.menu-sky .sub a { border-left: 4px solid white;}

li.menu-red .sub a:hover { border-left: 4px solid red;}
li.menu-purple .sub a:hover { border-left: 4px solid #9A479A;}
li.menu-lime .sub a:hover { border-left: 4px solid #B4E05C;}
li.menu-blue .sub a:hover { border-left: 4px solid #286FDA;}
li.menu-grey .sub a:hover { border-left: 4px solid #BDBDBD;}
li.menu-yellow .sub a:hover { border-left: 4px solid #F7D42B;}
li.menu-cerise .sub a:hover { border-left: 4px solid #FF4087;}
li.menu-green .sub a:hover { border-left: 4px solid #39AD39;}
li.menu-pink .sub a:hover { border-left: 4px solid #E676A0;}
li.menu-orange .sub a:hover { border-left: 4px solid #FF8A26;}
li.menu-sky .sub a:hover { border-left: 4px solid #31ABDA;}

/*
li.menu-red .sub:hover { border-left: 4px solid red;background: red; color:#fff!important;}
li.menu-purple .sub:hover { border-left: 4px solid #9A479A;background: #9A479A; color:#fff!important;}
li.menu-lime .sub:hover { border-left: 4px solid #B4E05C;background: #B4E05C; color:#fff!important;}
li.menu-blue .sub:hover { border-left: 4px solid #286FDA;background: #286FDA; color:#fff!important;}
li.menu-grey .sub:hover { border-left: 4px solid #BDBDBD;background: #BDBDBD; color:#fff!important;}
li.menu-yellow .sub:hover { border-left: 4px solid #F7D42B;background: #F7D42B; color:#fff!important;}
li.menu-cerise .sub:hover { border-left: 4px solid #FF4087;background: #FF4087; color:#fff!important;}
li.menu-green .sub:hover { border-left: 4px solid #39AD39;background: #39AD39; color:#fff!important;}
li.menu-pink .sub:hover { border-left: 4px solid #E676A0;background: #E676A0; color:#fff!important;}
li.menu-orange .sub:hover { border-left: 4px solid #FF8A26;background: #FF8A26; color:#fff!important;}
li.menu-sky .sub:hover { border-left: 4px solid #31ABDA; background: #31ABDA; color:#fff!important;}
*/

/*  level 4    */

ul#dropdown li ul li ul li ul{    position: absolute;    top: 0px;    margin:0;    left: 100%;    width: 224px;    padding: 0; display: block;
    -webkit-box-shadow: none;    -moz-box-shadow: none;    box-shadow: none;
    visibility: hidden !important;
    opacity: 0;
    -webkit-transiton: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    -transition: opacity 1s;
     }

ul#dropdown li ul li ul li:hover ul {  display: block;  opacity: 1;  visibility: visible !important; }

ul#dropdown ul ul ul { left: 100%; top: 10px; padding-bottom:10px!important;}
ul#dropdown ul li ul li:hover > ul { visibility: visible; color:#804C7D; }

ul#dropdown ul li ul li:hover ul {  display: block;  opacity: 1;  visibility: visible; }



/*top menu*/


ul#top-nav-links{
    bottom: 0;
    box-sizing: border-box;
    display: block;
    float: right;
    list-style: outside none none;
    margin: 0 23px 0 0;
    padding: 0;
    position: relative;
    white-space: nowrap;
}

/* level 1 */

ul#top-nav-links li{
color: #fff;
padding: 0 5px;
vertical-align: bottom;
position: relative;
height: 100%;
line-height: 52px;
text-align: center;
list-style: none;
display: inline-block;
right: 0;
}
ul#top-nav-links li:last-child{ border-right:0!important;}
ul#top-nav-links li a{
color: #FFFFFF;
font-size: 14px;
font-weight: 400;
line-height: 52px;
display: block;
vertical-align: bottom;
width: 100%;
padding: 0px 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
behavior: url(/script/boxsizing.htc);
font-family: 'Lato', sans-serif;
}
ul#top-nav-links li a:hover,li.active a { text-decoration: none;}
ul#top-nav-links li a img{vertical-align: bottom; }

/* level 2 */

ul#top-nav-links li ul{
padding: 0;
position: absolute;
top: 51px;
margin: 0;
left: -10px;
width: 104px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: block;
visibility: hidden;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:200ms ease;
    -moz-transition:200ms ease;
    -o-transition:200ms ease;
    transition:200ms ease;
z-index: 999;
}
ul#top-nav-links li ul li{    display: block!important;    padding: 0!important;   text-align: left;}
ul#top-nav-links li ul li a {
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 27px;
text-transform: initial;
color: #fff;
padding: 4px 15px 4px 15px;
margin: 0;
width: 100%;
display: block;
/* border-top: #5C5C5C solid 1px; */
/* border-bottom: #383838 solid 1px; */
background: #83a9da;
}
ul#top-nav-links li ul li a:hover {     background: #5D8CC8;     display: block;}
ul#top-nav-links li ul li ul li a:hover {     background: #4C97B2;     display: block;}
ul#top-nav-links li:hover ul {  display: block;  opacity: 1;  visibility: visible; }
ul#top-nav-links ul li:hover ul {  display: none;  opacity: 1;  visibility: hidden; }
ul#top-nav-links ul li ul li:hover ul {  display: none;  opacity: 1;  visibility: hidden; }

ul#top-nav-links li ul li div {
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 27px;
text-transform: initial;
color: #fff;
padding: 4px 15px 4px 15px;
margin: 0;
width: 100%;
display: block;
/* border-top: #5C5C5C solid 1px; */
/* border-bottom: #383838 solid 1px; */
background: #83a9da;
}

.nav-column{
    float:left;width:25%;padding:0;
/*    height:400px;*/
}
	.tech-col{width:50%;}
.nav-column ul {
/*    width: 25%!important;*/
    position: relative!important;
}

.nav-column ul li a h6 {
  font-size: 12px;
  line-height: 20px;
  margin: 0;
  font-weight: 600;
  color: #fff;
  text-transform: initial;
  margin: 0px;
/*    padding-left: 9px;*/
}
li.active .nav-column ul li a h6:active{  color:#99cffa!important}

.nav-column ul li a h6:hover {
    font-size: 12px;
  line-height: 20px;
  margin: 0;
  font-weight: 600;
  color: #99cffa;
  text-transform: initial;
  margin: 0px;
/*  border-left: 3px solid #40abcd;*/
/*  padding-left: 6px;*/
}
li.lvl2 {    margin: 10px 0;    display: block;    padding: 5px 0!important;}
li.lvl2 h6 {  }
li.lvl2 h6:hover {  }

.nav-column ul li a h6.menu_title_active{
	color:#99cffa!important;
}
/***************************mobile menu************************/
#dropdown-mobile .nav-column {
    width: 100%;
    padding: 0;
}