ul, li {
  margin: 0;
  padding: 0;
  list-style: none; }

/* FLEX GENERAL */



/* FLEX CATEGORy LIST BORDERD */

.category-list .list-item {
	padding: 0.7em; }
	
.category-list .list-content {
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	 }
	
.category-list a {  
	flex-direction: column;
	display: flex; }
	
.category-list a img {
  width: 50%;
  margin-top: 1rem;
  margin-bottom: 1rem; }
  
.category-list a h2 {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  padding: 0;
  margin: 5px 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 140%;
  border-top: 2px solid #dcdcdc;
  flex: 1 0 auto; }


 .logo{display:block;width:300px;height:70px; float: left; margin-right: 50px; margin-top:5px;}
 .logo img{display:block; max-width: 100%; height: 70px; }
.navbar-collapse{ width: 850px !important;height: 90px;  display: block; position: relative; float: left; }

.mega .nav,
.mega .collapse,
.mega .dropup,
.mega .dropdown {
  position: static;
}
.mega .container {
  position: relative;
}
.mega .dropdown-menu {
  left: auto;
}
.mega .mega-content {
  padding: 20px 30px; }
  
.mega .dropdown.mega-fw .dropdown-menu {
  left: 0;
  right: 0;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  border: 0;
  border-bottom: 1px solid #c5c5c5; }
	
.mega .nav-item > a {
	color: #00266c;
	-webkit-transition: color 250ms;
	transition: color 250ms;
	text-decoration: none;
	margin-left: 30px;
	font-weight: 700;
	font-size: 14px;
	padding: 10px 0;
	display: block;
	text-transform: uppercase; 
	margin-top: 10px;
}




	
.mega .show.nav-item > a {
	color: #0090FF;
	text-decoration: none; }
	

.mega .nav-item > a:hover {
	color: #0090FF;
	text-decoration: none; }
	.mega .on > a {
	color: #0090FF;
	text-decoration: none; }

.mega .dropdown.nav-item > a {
	position: relative;
	padding-right: 20px;
	text-decoration: none;
}

.mega .dropdown.nav-item > a:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #0090FF;
    border-right: 1px solid #0090FF;
    position: absolute;
    right: 0px;
    top: 50%;
	margin-top: -6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	-webkit-transition: all 125ms;
    transition: all 125ms; }
	
.mega .dropdown.nav-item.show > a:after {
    border-bottom: 1px solid #0090FF;
    border-right: 1px solid #0090FF;
	margin-top: 0px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg) }
	
.links .dropdown-menu {
	margin-left: -20px; }
	
.links .dropdown-menu li a {
	display: block;
	padding: 10px 30px;
	color: #00266c;
	-webkit-transition: color 250ms;
	transition: color 250ms;
	font-size: 14px; }
	
.links .dropdown-menu li a:hover {
	background-color: #0090ff;
	color: #FFF;
	text-decoration: none; }
	



/* CUSTOM INPUT */


	
.navbar1 {
	position: fixed;
	padding: 0;
	top: 0;
	z-index: 10000;
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
	background-color: #FFF; }




.menu-sub-product ul {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	list-style: none !important; }

.menu-sub-product > ul > li { min-width: 170px;text-align: center; float: left; margin-bottom: 10px;  margin-right:20px ;overflow: hidden;  }
.menu-sub-product > ul > li:nth-child(4n){margin-right: 0;}
	
.menu-sub-product > ul > li.open { 
	background-color: #FFF;}
	
.menu-sub-product > ul > li > a { 
	display: block;
	border-top: 3px solid transparent;
	color: #000;
	text-decoration: none;
	-webkit-transition: all 250ms;padding-top: 35px; padding-bottom: 20px;
	transition: all 250ms;
	
 }
	
.menu-sub-product ul li .ingt{ width: 160px;
    height: 160px;  display: inline-block; overflow: hidden;
	/*border-radius: 50%;*/ margin-right: 10px;
	border: 1px solid #CCC;}
	
	
.menu-sub-product > ul > li > a h2 { 
	text-decoration: none;
	font-size: 18px;
	/*text-transform: lowercase;*/height: 42px;line-height: 42px;
	font-weight: 200;  display:block;}
	
	
.menu-sub-product > ul > li > a h2 b { 
	font-weight: 600; }
/*	/*
.menu-sub-product > ul > li > a h2:before {
	content: "";
    display: block;
	background: url("../images/product-lines-icons.png");
	background-position: -40px -0px;
    background-size: 120px 160px;
    background-repeat: no-repeat;	
    width: 40px;
    height: 40px;
    float: left;
	margin-top: -10px;
	margin-right: 10px;
	border-radius: 50%;
	border: 1px solid #CCC;
	-webkit-transition: all 250ms;
	transition: all 250ms;
}*/
	
.menu-sub-product > ul > li > a h3 { 
	font-weight: 400;
	font-size: 14px;
	margin: 0;
	text-decoration: none; }
	
.menu-sub-product > ul > li > a:hover { 
	color: #0090ff; }

.menu-sub-product > ul > li.cat-automation1 > a:hover { 
	color: #0038d8; }
	
.menu-sub-product ul > li.cat-automation1.open > a { 
	border-color:  #0038d8;
	color: #0038d8; }	
	
.menu-sub-product > ul > li.cat-automation2 > a h2:before  { 
	background-position: -40px -40px; }

.menu-sub-product > ul > li.cat-automation2 > a:hover { 
	color: #5fa100; }
	
.menu-sub-product ul > li.cat-automation2.open > a { 
	border-color: #5fa100;
	color: #5fa100; }
	
.menu-sub-product > ul > li.cat-automation3 > a h2:before  { 
	background-position: -40px -80px; }

.menu-sub-product > ul > li.cat-automation3 > a:hover { 
	color: #a00188; }
	
.menu-sub-product ul > li.cat-automation3.open > a { 
	border-color: #a00188;
	color: #a00188; }
	
.menu-sub-product > ul > li.cat-automation4 > a h2:before  { 
	background-position: -40px -120px; }

.menu-sub-product > ul > li.cat-automation4 > a:hover { 
	color: #ff7e00; }
	
.menu-sub-product ul > li.cat-automation4.open > a { 
	border-color: #ff7e00;
	color: #ff7e00; }
	.menu-sub-product ul > li:nth-child(5).open > a { 
	border-color: #0038d8;
	color: #0038d8; }
		.menu-sub-product ul > li:nth-child(6).open > a { 
	border-color: #5fa100;
	color: #5fa100; }
		.menu-sub-product ul > li:nth-child(7).open > a { 
	border-color: #a00188;
	color: #a00188; }
		.menu-sub-product ul > li:nth-child(8).open > a { 
	border-color: #ff7e00;
	color: #ff7e00; }
		.menu-sub-product ul > li:nth-child(9).open > a { 
	border-color: #0038d8;
	color: #0038d8; }
		.menu-sub-product ul > li:nth-child(10).open > a { 
	border-color: #5fa100;
	color: #5fa100; }
	
	
/*.menu-sub-product > ul > li:last-child > a { 
ext-transform: lowercase;
	font-weight: 400;
	font-size: 14px;
	color: #444; }
	
.menu-sub-product > ul > li:last-child > a:hover {
	color: #0090ff;
text-decoration: underline; }*/

.menu-sub-product ul li ul { 
	display: none;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
	padding-top: 10px;
	list-style: none;
	
 }
 
 .menu-sub-product ul li.open ul { 
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	
 }
 
.menu-sub-product ul li ul li {
	padding: 18px;
    width: 14.5%;
    text-align: center;	
	-webkit-font-smoothing: antialiased;
	display: flex;
	 }
	
.menu-sub-product ul li ul li a {  
	width: 100%;
	font-size: 14px;
	color: #00266c;
	font-weight: 600;	
	flex-wrap: wrap;
	justify-content: center;
	display: flex;
    flex-direction: column;
	flex: auto 0 0;
    margin: 0px;
    text-align: center;
	-webkit-transition: all 250ms;
    transition: all 250ms;
	border: 1px solid #eeeff1;
	padding: 10px;
	border-radius: 3px;
}
	
.menu-sub-product ul li ul li a:hover {  
	text-decoration: none; 
	color: #0090ff;
	border-color: #0090ff;
	box-shadow: 0 10px 20px 0 rgba(62,57,107,0.14), 0 2px 9px 0 rgba(62,57,107,0.14); }
	
.menu-sub-product ul li ul li a span {  
    display: inline-block;
    text-align: center;
	flex: auto 0 0; }
	
.menu-sub-product ul li ul li a img {  
	margin: auto;
	margin-bottom: 0.4rem;
	margin-top: 0.4rem;
    width: 110px;
    -webkit-transition: -webkit-transform 250ms;
    transition: -webkit-transform 250ms;
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms;
	height: auto;
	border-style: none; }
	
.menu-sub-product ul li ul li a:hover img {	
	-webkit-transform: scale(1.15);
    transform: scale(1.15); }
	
	
	
/* PAGES CSS */
	
	

	

.overlayer {
	-webkit-transition: all 225ms;
    transition: all 225ms;	}

.overlayer.nav-active { 
	background-color: rgba(0, 0, 0, 0.6);
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 500; }


.menu-sub-product {
    height: 480px;
    padding: 0px !important;
	margin-top:-8px;
}