/* CSS Document */

/* 
- Name: megamenu.js - style.css
- Version: 1.0
- Latest update: 29.01.2016.
- Author: Mario Loncarek
- Author web site: http://marioloncarek.com  #8fced1  
*/
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Body - not related to megamenu
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.menu-container {
  width: 99.5%;
  margin: 0 auto;
  background: rgb(20, 38, 127);
}
.menu-mobile {
  display: none;
  padding: 20px;
  padding-top:12px;
  padding-bottom:10px;
}
.menu-mobile:after {
  content: "\f394";
  font-family: "Ionicons";
  font-size: 2.5rem;
  padding: 0;
  float: left;
  position: relative;
  top: 50%;
  transform: translateY(-25%);
  padding-top:7px;
  padding-right:5px;
}
.menu-dropdown-icon:before {
  content: "\f489";
  font-family: "Ionicons";
  display: none;
  cursor: pointer;
  float: right;
  padding: 1.5em 1.5em;
  background: #fff;
  color: #333;
}
.menu-mega1 > ul {
  margin: 0 auto;
  width: 100%;
  list-style: none;
  padding: 0;
  position: relative;
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.menu-mega1 > ul:before,
.menu-mega1 > ul:after {
  content: "";
  display: table;
}
.menu-mega1 > ul:after {
  clear: both;
}
.menu-mega1 > ul > li {
  float: left;
  background: rgb(20, 38, 127);
  padding: 0;
  margin: 0;
  font-size:0.92vw;
  line-height:1.5vw;
  font-weight:bold;
  
}
.menu-mega1 > ul > li a:link, .menu-mega1 > ul > li a:visited {
  text-decoration: none;
  padding: 9px 1.35em;
  display: block;
  color:white!important;
}



.menu-mega1 > ul > li a:hover, .menu-mega1 > ul > li a:active {
  background: white;
  color:rgb(20, 38, 127)!important;
}
.menu-mega1 > ul > li > ul {
  display: none;
  width: 100%;
  background: #e74631;
  padding: 10px;
  position: absolute;
  z-index: 99;
  left: 0;
  margin: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.menu-mega1 > ul > li > ul:before,
.menu-mega1 > ul > li > ul:after {
  content: "";
  display: table;
}
.menu-mega1 > ul > li > ul:after {
  clear: both;
}
.menu-mega1 > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 25%;
  background: none;
  float: left;
}
.menu-mega1 > ul > li > ul > li a {
  color: #777;
  padding: .2em 0;
  width: 95%;
  display: block;
  border-bottom: 1px solid #ccc;
}
.menu-mega1 > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.menu-mega1 > ul > li > ul > li > ul:before,
.menu-mega1 > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}
.menu-mega1 > ul > li > ul > li > ul:after {
  clear: both;
}
.menu-mega1 > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 1px 0;
  margin: 0;
  font-size: .99em;
}
.menu-mega1 > ul > li > ul > li > ul > li a {
  border: 0;
  padding-top:0;
  padding-top:0px!important;
  padding-bottom:0px!important;
}
.menu-mega1 > ul > li > ul.normal-sub {
  width: 300px;
  left: auto;
  padding: 10px 20px;
}
.menu-mega1 > ul > li > ul.normal-sub > li {
  width: 100%;
}
.menu-mega1 > ul > li > ul.normal-sub > li a {
  border: 0;
  padding-top: 0.2em!important;
  padding-bottom: 0.2em!important;
  padding-left: 0;
  padding-right: 0;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 959px) {
  .menu-container {
    width: 100%;
  }
  .menu-mobile {
    display: block;
  }
  .menu-dropdown-icon:before {
    display: block;
  }
  .menu-mega1 > ul {
    display: none;
  }
  .menu-mega1 > ul > li {
    width: 100%;
    float: none;
    display: block;
  }
  .menu-mega1 > ul > li a {
    padding: 1.5em;
    width: 100%;
    display: block;
	font-size:1.2rem;
  }
  .menu-mega1 > ul > li > ul {
    position: relative;
  }
  .menu-mega1 > ul > li > ul.normal-sub {
    width: 100%;
  }
  .menu-mega1 > ul > li > ul > li {
    float: none;
    width: 100%;
    margin-top: 4px;
  }
  .menu-mega1 > ul > li > ul > li:first-child {
    margin: 0;
  }
  .menu-mega1 > ul > li > ul > li > ul {
    position: relative;
  }
  .menu-mega1 > ul > li > ul > li > ul > li {
    float: none;
  }
  .menu-mega1 .show-on-mobile {
    display: block;
	z-index:9999;
  }
  .menu-dropdown-icon:before {
  font-size: 1.5rem;
  padding: 0.15em 1em;
  }
  .menu-mega1 > ul > li > ul.normal-sub > li a {
   padding-top: 0.3em!important;
  padding-bottom: 0.3em!important;
  padding-left: 0;
  padding-right: 0;
  }
  .menu-mega1 > ul > li a:link, .menu-mega1 > ul > li a:visited {
  padding:3px 0.2em;
  color:white;
  }
  .menu-mega1 > ul > li a:hover, .menu-mega1 > ul > li a:active {
  padding:3px 0.2em;
  color:#f0f0f0;
  }
  .menu-mega1 > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 1px 0;
  margin: 0;
  font-size: .8em;
}
.menu-mega1 > ul > li {
font-size:10px;
}
}

@media only screen and (min-width: 1561px) and (max-width: 1919px) { 
  .menu-mega1 > ul > li a:link, .menu-mega1 > ul > li a:visited {
	padding:9px 1.8em!important;
	} 
	.menu-mega1 > ul > li {
	font-size: 0.85vw!important;
	padding-top:3px;
	}
	.menu-mega1 > ul > li > ul > li > ul > li a:link, .menu-mega1 > ul > li > ul > li > ul > li a:visited{
	padding-top:2px!important;
  padding-bottom:2px!important;
	}
	.menu-mega1 > ul > li > ul > li a:link, .menu-mega1 > ul > li > ul > li a:visited{
	padding-top:2px!important;
  padding-bottom:2px!important;
	}

}

@media only screen and (min-width: 1280px) and (max-width: 1560px) { 
  .menu-mega1 > ul > li a:link, .menu-mega1 > ul > li a:visited {
	padding:9px 1.8em!important;
	} 
	.menu-mega1 > ul > li {
	font-size: 0.8vw!important;
	padding-top:3px;
	}
	.menu-mega1 > ul > li > ul > li > ul > li a:link, .menu-mega1 > ul > li > ul > li > ul > li a:visited{
	padding-top:2px!important;
  padding-bottom:2px!important;
	}
	.menu-mega1 > ul > li > ul > li a:link, .menu-mega1 > ul > li > ul > li a:visited{
	padding-top:2px!important;
  padding-bottom:2px!important;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) { 
  .menu-mega1 > ul > li a:link, .menu-mega1 > ul > li a:visited {
	padding:9px 1.8em!important;
	} 
	.menu-mega1 > ul > li {
	font-size: 0.83vw!important;
	padding-top:3px;
	}
	.menu-mega1 > ul > li > ul > li > ul > li a:link, .menu-mega1 > ul > li > ul > li > ul > li a:visited{
	padding-top:2px!important;
  padding-bottom:2px!important;
	}
	.menu-mega1 > ul > li > ul > li a:link, .menu-mega1 > ul > li > ul > li a:visited{
	padding-top:2px!important;
  padding-bottom:2px!important;
	}
}
@media only screen and (min-width: 961px) and (max-width: 1024px) { 
  .menu-mega1 > ul > li a:link, .menu-mega1 > ul > li a:visited {
	padding:9px 0.9em!important;
	font-size: 0.9vw!important;
	} 
	.menu-mega1 > ul > li > ul > li > ul > li a:link, .menu-mega1 > ul > li > ul > li > ul > li a:visited{
	padding-top:2px!important;
  padding-bottom:2px!important;
  font-size: 0.9vw!important;
	}
	.menu-mega1 > ul > li > ul > li a:link, .menu-mega1 > ul > li > ul > li a:visited{
	padding-top:2px!important;
  padding-bottom:2px!important;
  font-size:  0.9vw!important;
	}

	.divprodotto11 strong {
	font-size:0.83em;
	line-height:12px!important;
	}

}
@media only screen and (min-width: 769px) and (max-width: 960px) { 
  .menu-mega1 > ul > li a:link, .menu-mega1 > ul > li a:visited {
	padding:9px 0.9em!important;
	font-size: 1.2rem!important;
	} 
	.menu-mega1 > ul > li > ul > li > ul > li a:link, .menu-mega1 > ul > li > ul > li > ul > li a:visited{
	padding-top:2px!important;
  padding-bottom:2px!important;
  font-size: 1.2rem!important;
	}
	.menu-mega1 > ul > li > ul > li a:link, .menu-mega1 > ul > li > ul > li a:visited{
	padding-top:2px!important;
  padding-bottom:2px!important;
  font-size: 1.2rem!important;
	}

	.divprodotto11 strong {
	font-size:0.83em;
	line-height:12px!important;
	}

}