/* CSS Document */
/*.toplevel-custommenu span.menu-label {
  background: url("../images/menu-label.png") no-repeat scroll left center rgba(0, 0, 0, 0);
  display: block;
  height: 32px;
  width: 81px;
}*/
.toplevel-custommenu{margin:25px 0 0 0;}
.toplevel-custommenu li.toplevel-custommenu{display:block; float:left; margin:0 4%; height:52px; }
.toplevel-custommenu li:first-child.toplevel-custommenu {margin:0 3% 0 0;}
.toplevel-custommenu li:last-child.toplevel-custommenu {      float: right;   margin: 0;   }
.toplevel-custommenu li:last-child.toplevel-custommenu a.toplevel-cat {  background: #fff;  color: #ee7500; border: 1px solid #7d7d7d;  padding: 5px 20px; }
.toplevel-custommenu li:last-child.toplevel-custommenu a.toplevel-cat:hover { text-shadow:none; }
.toplevel-custommenu li.toplevel-custommenu a.toplevel-cat{font-weight:normal; text-transform:uppercase; font-size:23px; color:#FFFFFF; }
.toplevel-custommenu li.toplevel-custommenu a.toplevel-cat:hover {color:#ff8e00; text-shadow: 1px 1px rgba(0,0,0,0.2); -webkit-transition: color 200ms linear;
    -moz-transition: color 200ms linear;
    -o-transition: color 200ms linear;
    -ms-transition: color 200ms linear;
    transition: color 200ms linear; }
/*.toplevel-custommenu li.toplevel-custommenu.parent:hover .subcat-custommenu,
.toplevel-custommenu li.toplevel-custommenu.parent:hover .triangle-menu {display:block;} */
.toplevel-custommenu li.toplevel-custommenu.parent .hovered {display:block;}
.hovered-opacity {opacity:0; }
.triangle-menu,
div.subcat-custommenu {display:none; }
.triangle-menu {  border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: -6px;  height: 10px; left: 50%; margin-left: -10px; position: relative; width: 10px;}
div.subcat-custommenu{background:#ffffff;  left:0; position:absolute; top:75px; z-index:99; height:180px;  border-bottom: 1px solid #e7e7e7;     box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.3);}
ul.sublevel1-custommenu{overflow: hidden;float: left; margin-bottom:25px; }
li.sublevel1-custommenu{ float:left; text-align:left; padding-bottom:10000px; margin-bottom:-10000px;}
li.sublevel1-custommenu:last-child{ border-right:0; margin-right:0;}
a.sublevel1-custommenu{ font-size:16px; color:#80b1d4; font-weight:normal}
ul.sublevel2-custommenu a{ font-size:14px; color:#996a59}
.subcat-view-more{ font-size:14px; float:right; color:#996a59; text-decoration:underline; text-transform:uppercase}
#nav li {height: 30px; line-height: 30px; width: 33%;}
#nav li a {font-size:19px; color:#7F7F7F; font-weight:300;}
.sublevel2-custommenu   {margin: 0 -15px 0 auto;    padding:40px 0 0 10%}
.sublevel2-custommenu  h4 { font-size: 20px; margin-top: -15px;}
.sublevel2-custommenu  .activity,
.sublevel2-custommenu  .use {float:left;}
.sublevel2-custommenu ul {float:left;}
.sublevel2-custommenu li {height: 30px; line-height: 30px; }
.sublevel2-custommenu li  a {font-size:19px; color:#7F7F7F; font-weight:300;}
.sublevel2-custommenu li  a:hover {color:#D96708;}
.sublevel2-custommenu  .activity {padding:0;}
.sublevel2-custommenu  .activity ul {width:33.33333%}
.sublevel2-custommenu  .activity ul.menu {width:100%;}
.sublevel2-custommenu  .activity ul.menu li {float:left; width:33.3333%;}
.sublevel2-custommenu  .use ul.menu {width:100%;}
.sublevel2-custommenu  .use ul.menu li {float:left; width:33.3333%;}

.sublevel2-custommenu  .use {border-left: 1px solid #ddd;   padding-left: 40px;   padding-right: 0;}
.sublevel2-custommenu  .use ul {width:50%;}
.subcat-custommenu .product-menu {text-align:right;}
.subcat-custommenu .product-menu img {float:right; margin-top:10px;}
.product-menu .title-productmenu {padding-top:40px;}
.product-menu h4.product-name { text-align: right;}
.product-menu h4.product-name a {   font-size: 21px;  font-weight: bold; color:#000000; }
.product-menu p {  font-size: 18px;  font-weight: 300;  margin: 0; line-height:18px;}
.product-menu a.more {     background: url("../images/more-arrow.png") no-repeat scroll right 9px rgba(0, 0, 0, 0);
    float: right;
    font-size: 18px;
    font-weight: 300;
    margin: 8px -15px  0 0;
    padding: 0 15px 0 0;
    text-decoration: underline;
    text-transform: uppercase;}


@media (max-width: 767px){
    #nav li {height: 30px; line-height: 30px; width: 50%;}
    .navbar-toggle .icon-bar {background:#ffffff; height: 4px;    width: 30px;}
    .sr-only { border: 0 none;    clip: auto;    color: #fff;    float: left;    font-size: 27px;    font-weight: normal;    height: auto;    left: -58px;    line-height: 25px;    margin: -4px 0;    overflow: hidden;    padding: 0;    position: absolute;    width: 64px;}
    .overlay-menu {position:fixed; top:0; left:0; height:100%; width:100%; background:rgba(0,0,0,0.85);  display:none; z-index:999999; }
    .close-overlay-menu {float:right; position:absolute; right:5%; color:#ffffff; width:10px; height:10px; font-size:2em;}
    .toplevel-custommenu li.toplevel-custommenu {float:none; clear:both; display:block; text-align:center; }
    .toplevel-custommenu li.toplevel-custommenu:first-child {margin:0px;}
    .toplevel-custommenu li.toplevel-custommenu:last-child {margin:0px;}
    .toplevel-custommenu li.toplevel-custommenu:last-child a { color:#EE7500;}
    .toplevel-custommenu {margin: 25% 0 0;}
    .toplevel-custommenu li:last-child.toplevel-custommenu {  background:none;    border: none;     float: none;   margin: 0;    padding: 0px;}
}

@media (min-width: 768px) and (max-width: 992px) {
    .navbar-toggle .icon-bar {background:#ffffff; height: 4px;    width: 30px;}
    .sr-only { border: 0 none;    clip: auto;    color: #fff;    float: left;    font-size: 27px;    font-weight: normal;    height: auto;    left: -58px;    line-height: 25px;    margin: -4px 0;    overflow: hidden;    padding: 0;    position: absolute;    width: 64px;}
    .overlay-menu {position:fixed; top:0; left:0; height:100%; width:100%; background:rgba(0,0,0,0.85);  display:none; z-index:999999999; }
    .close-overlay-menu {float:right; position:absolute; right:5%; color:#ffffff; width:10px; height:10px; font-size:2em;}
    .form-language {z-index: 9;}
  /*.toplevel-custommenu li.toplevel-custommenu{display:inline; margin:0 5px;}
  .toplevel-custommenu li:first-child.toplevel-custommenu {margin:0 5px 0 0;}
  .toplevel-custommenu li:last-child.toplevel-custommenu {margin:0 0 0 5px;}
  .toplevel-custommenu li.toplevel-custommenu a.toplevel-cat{ font-size:22px; }*/
     .toplevel-custommenu li.toplevel-custommenu {float:none; clear:both; display:block; text-align:center; }
    .toplevel-custommenu li.toplevel-custommenu:first-child {margin:0px;}
    .toplevel-custommenu li.toplevel-custommenu:last-child {margin:0px;}
    .toplevel-custommenu li.toplevel-custommenu:last-child a { color:#EE7500;}
    .toplevel-custommenu {margin: 25% 0 0;}
    .toplevel-custommenu li:last-child.toplevel-custommenu {  background:none;    border: none;     float: none;   margin: 0;    padding: 0px;}
}

@media All AND (min-width: 992px) AND (max-width:1199px) {
	div.subcat-custommenu{ width:940px; padding:25px 0 5px 25px;}
	li.sublevel1-custommenu{ width:280px; padding-right:35px; margin-right:35px; border-right:1px solid #dad4cc;}
}
@media All AND (min-width: 1200px) {
	div.subcat-custommenu{ /*width:100%; padding:30px*/   left: 0;    margin-top: 6px;    padding: 5px 0;    position: absolute;    right: 0;    top: auto;}
	li.sublevel1-custommenu{ width:344px; padding-right:35px; margin-right:35px; border-right:1px solid #dad4cc;}
}